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/templates/config/installation/contents.config.js

@@ -0,0 +1,38 @@
+module.exports = {
+  header: {
+    right: '',
+  },
+  sidebar: {
+    navMenuItems: [
+      {
+        text: 'About',
+        link: './about.html',
+        icon: 'contact_support',
+      },
+      {
+        text: 'Terms',
+        link: './terms.html',
+        icon: 'description',
+      },
+      {
+        text: 'Contact',
+        link: './contact.html',
+        icon: 'alternate_email',
+      },
+    ],
+    belowNavMenu: null,
+    footer: 'Powered by <a href="//demo.mediacms.io" title="mediacms.io" target="_blank">mediacms.io</a>',
+  },
+  uploader: {
+    belowUploadArea: '',
+    postUploadMessage: '',
+  },
+  notifications: {
+    messages: {
+      addToLiked: 'Added to liked media',
+      removeFromLiked: 'Removed from liked media',
+      addToDisliked: 'Added to disliked media',
+      removeFromDisliked: 'Removed from disliked media',
+    },
+  },
+};

frontend/src/templates/config/installation/features.config.js

@@ -0,0 +1,50 @@
+module.exports = {
+  embeddedVideo: {
+    initialDimensions: {
+      width: 560, // In pixels.
+      height: 315, // In pixels.
+    },
+  },
+  headerBar: {
+    hideLogin: false,
+    hideRegister: false,
+  },
+  sideBar: {
+    hideHomeLink: false,
+    hideTagsLink: false,
+    hideCategoriesLink: false,
+  },
+  media: {
+    actions: {
+      share: true,
+      report: true,
+      like: true,
+      dislike: true,
+      download: true,
+      comment: true,
+      save: true,
+    },
+    shareOptions: [
+      'embed',
+      'fb',
+      'tw',
+      'whatsapp',
+      'telegram',
+      'reddit',
+      'tumblr',
+      'vk',
+      'pinterest',
+      'mix',
+      'linkedin',
+      'email',
+    ],
+  },
+  mediaItem: {
+    hideDate: false,
+    hideViews: false,
+    hideAuthor: false,
+  },
+  playlists: {
+    mediaTypes: ['audio', 'video'],
+  },
+};

frontend/src/templates/config/installation/pages.config.js

@@ -0,0 +1,25 @@
+module.exports = {
+  home: {
+    sections: {
+      latest: {
+        title: 'Latest',
+      },
+    },
+  },
+  search: {
+    advancedFilters: true,
+  },
+  media: {
+    categoriesWithTitle: false,
+    htmlInDescription: false,
+    hideViews: false,
+    related: {
+      initialSize: 15,
+    },
+  },
+  profile: {
+    htmlInDescription: false,
+    includeHistory: false,
+    includeLikedMedia: false,
+  },
+};

frontend/src/templates/config/installation/site.config.js

@@ -0,0 +1,53 @@
+module.exports = {
+  devEnv: 'true' === process.env.WEBPACK_DEV_SERVER,
+  id: process.env.MEDIACMS_ID || 'mediacms-frontend',
+  title: process.env.MEDIACMS_TITLE || 'MediaCMS Demo',
+  url: process.env.MEDIACMS_URL || 'UNDEFINED_URL',
+  api: process.env.MEDIACMS_API || 'UNDEFINED_API',
+  theme: {
+    mode: 'light', // Valid values: 'light', 'dark'.
+    switch: {
+      position: 'sidebar', // Valid values: 'header', 'sidebar'.
+    },
+  },
+  logo: {
+    lightMode: {
+      svg: './static/images/logo_dark.svg',
+      img: './static/images/logo_dark.png',
+    },
+    darkMode: {
+      svg: './static/images/logo_light.svg',
+      img: './static/images/logo_light.png',
+    },
+  },
+  pages: {
+    latest: {
+      title: 'Recent uploads',
+    },
+    featured: {
+      title: 'Featured',
+    },
+    recommended: {
+      title: 'Recommended',
+    },
+    members: {
+      title: 'Members',
+    },
+  },
+  userPages: {
+    liked: {
+      title: 'Liked media',
+    },
+    history: {
+      title: 'History',
+    },
+  },
+  taxonomies: {
+    tags: {
+      title: 'Tags',
+    },
+    categories: {
+      title: 'Categories',
+    },
+  },
+};