Frontent dev env (#247)

* Added frontend development files/environment

* More items-categories related removals

* Improvements in pages templates (inc. static pages)

* Improvements in video player

* Added empty home page message + cta

* Updates in media, playlist and management pages

* Improvements in material icons font loading

* Replaced media & playlists links in frontend dev-env

* frontend package version update

* chnaged frontend dev url port

* static files update

* Changed default position of theme switcher

* enabled frontend docker container

frontend/src/static/js/utils/actions/MediaPageActions.js

@@ -0,0 +1,90 @@
+import Dispatcher from '../dispatcher.js';
+
+export function loadMediaData() {
+  Dispatcher.dispatch({
+    type: 'LOAD_MEDIA_DATA',
+  });
+}
+
+export function likeMedia() {
+  Dispatcher.dispatch({
+    type: 'LIKE_MEDIA',
+  });
+}
+
+export function dislikeMedia() {
+  Dispatcher.dispatch({
+    type: 'DISLIKE_MEDIA',
+  });
+}
+
+export function reportMedia(reportDescription) {
+  Dispatcher.dispatch({
+    type: 'REPORT_MEDIA',
+    reportDescription: !!reportDescription ? reportDescription.replace(/\s/g, '') : '',
+  });
+}
+
+export function copyShareLink(inputElem) {
+  Dispatcher.dispatch({
+    type: 'COPY_SHARE_LINK',
+    inputElement: inputElem,
+  });
+}
+
+export function copyEmbedMediaCode(inputElem) {
+  Dispatcher.dispatch({
+    type: 'COPY_EMBED_MEDIA_CODE',
+    inputElement: inputElem,
+  });
+}
+
+export function removeMedia() {
+  Dispatcher.dispatch({
+    type: 'REMOVE_MEDIA',
+  });
+}
+
+export function submitComment(commentText) {
+  Dispatcher.dispatch({
+    type: 'SUBMIT_COMMENT',
+    commentText,
+  });
+}
+
+export function deleteComment(commentId) {
+  Dispatcher.dispatch({
+    type: 'DELETE_COMMENT',
+    commentId,
+  });
+}
+
+export function createPlaylist(playlist_data) {
+  Dispatcher.dispatch({
+    type: 'CREATE_PLAYLIST',
+    playlist_data,
+  });
+}
+
+export function addMediaToPlaylist(playlist_id, media_id) {
+  Dispatcher.dispatch({
+    type: 'ADD_MEDIA_TO_PLAYLIST',
+    playlist_id,
+    media_id,
+  });
+}
+
+export function removeMediaFromPlaylist(playlist_id, media_id) {
+  Dispatcher.dispatch({
+    type: 'REMOVE_MEDIA_FROM_PLAYLIST',
+    playlist_id,
+    media_id,
+  });
+}
+
+export function addNewPlaylist(playlist_data) {
+  Dispatcher.dispatch({
+    type: 'APPEND_NEW_PLAYLIST',
+    playlist_data,
+  });
+}

frontend/src/static/js/utils/actions/PageActions.js

@@ -0,0 +1,22 @@
+import Dispatcher from '../dispatcher.js';
+
+export function initPage(page) {
+  Dispatcher.dispatch({
+    type: 'INIT_PAGE',
+    page,
+  });
+}
+
+export function toggleMediaAutoPlay() {
+  Dispatcher.dispatch({
+    type: 'TOGGLE_AUTO_PLAY',
+  });
+}
+
+export function addNotification(notification, notificationId) {
+  Dispatcher.dispatch({
+    type: 'ADD_NOTIFICATION',
+    notification,
+    notificationId,
+  });
+}

frontend/src/static/js/utils/actions/PlaylistPageActions.js

@@ -0,0 +1,41 @@
+import Dispatcher from '../dispatcher.js';
+
+export function loadPlaylistData() {
+  Dispatcher.dispatch({
+    type: 'LOAD_PLAYLIST_DATA',
+  });
+}
+
+export function toggleSave() {
+  Dispatcher.dispatch({
+    type: 'TOGGLE_SAVE',
+  });
+}
+
+export function updatePlaylist(playlist_data) {
+  Dispatcher.dispatch({
+    type: 'UPDATE_PLAYLIST',
+    playlist_data,
+  });
+}
+
+export function removePlaylist() {
+  Dispatcher.dispatch({
+    type: 'REMOVE_PLAYLIST',
+  });
+}
+
+export function removedMediaFromPlaylist(media_id, playlist_id) {
+  Dispatcher.dispatch({
+    type: 'MEDIA_REMOVED_FROM_PLAYLIST',
+    media_id,
+    playlist_id,
+  });
+}
+
+export function reorderedMediaInPlaylist(newMediaData) {
+  Dispatcher.dispatch({
+    type: 'PLAYLIST_MEDIA_REORDERED',
+    playlist_media: newMediaData,
+  });
+}

frontend/src/static/js/utils/actions/PlaylistViewActions.js

@@ -0,0 +1,19 @@
+import Dispatcher from '../dispatcher.js';
+
+export function toggleLoop() {
+  Dispatcher.dispatch({
+    type: 'TOGGLE_LOOP',
+  });
+}
+
+export function toggleShuffle() {
+  Dispatcher.dispatch({
+    type: 'TOGGLE_SHUFFLE',
+  });
+}
+
+export function toggleSave() {
+  Dispatcher.dispatch({
+    type: 'TOGGLE_SAVE',
+  });
+}

frontend/src/static/js/utils/actions/ProfilePageActions.js

@@ -0,0 +1,13 @@
+import Dispatcher from '../dispatcher.js';
+
+export function load_author_data() {
+  Dispatcher.dispatch({
+    type: 'LOAD_AUTHOR_DATA',
+  });
+}
+
+export function remove_profile() {
+  Dispatcher.dispatch({
+    type: 'REMOVE_PROFILE',
+  });
+}

frontend/src/static/js/utils/actions/SearchFieldActions.js

@@ -0,0 +1,8 @@
+import Dispatcher from '../dispatcher.js';
+
+export function requestPredictions(query) {
+  Dispatcher.dispatch({
+    type: 'REQUEST_PREDICTIONS',
+    query,
+  });
+}

frontend/src/static/js/utils/actions/VideoViewerActions.js

@@ -0,0 +1,36 @@
+import Dispatcher from '../dispatcher.js';
+
+export function set_viewer_mode(inTheaterMode) {
+  Dispatcher.dispatch({
+    type: 'SET_VIEWER_MODE',
+    inTheaterMode,
+  });
+}
+
+export function set_player_volume(playerVolume) {
+  Dispatcher.dispatch({
+    type: 'SET_PLAYER_VOLUME',
+    playerVolume,
+  });
+}
+
+export function set_player_sound_muted(playerSoundMuted) {
+  Dispatcher.dispatch({
+    type: 'SET_PLAYER_SOUND_MUTED',
+    playerSoundMuted,
+  });
+}
+
+export function set_video_quality(quality) {
+  Dispatcher.dispatch({
+    type: 'SET_VIDEO_QUALITY',
+    quality,
+  });
+}
+
+export function set_video_playback_speed(playbackSpeed) {
+  Dispatcher.dispatch({
+    type: 'SET_VIDEO_PLAYBACK_SPEED',
+    playbackSpeed,
+  });
+}

frontend/src/static/js/utils/actions/index.ts

@@ -0,0 +1,7 @@
+export * as MediaPageActions from './MediaPageActions';
+export * as PageActions from './PageActions';
+export * as PlaylistPageActions from './PlaylistPageActions';
+export * as PlaylistViewActions from './PlaylistViewActions';
+export * as ProfilePageActions from './ProfilePageActions';
+export * as SearchFieldActions from './SearchFieldActions';
+export * as VideoViewerActions from './VideoViewerActions';