Merge pull request #241 from ibrahemomari/enhancement

Enhancement

Author: mas-iota

control/content/controllers/content.home.controller.js

@@ -103,7 +103,7 @@
                 AppConfig.setAppId(MediaCenterInfo.id);
 
                 var header = {
-                    topImage: 'Top image',
+                    topImage: 'Thumbnail Image',
                     title: 'Title',
                     artists: 'Album Artists',
                     summary: 'Summary',

control/content/templates/media.html

@@ -97,7 +97,7 @@ <h3 class="category-name">{{category.data.name}}</h3>
     <h1>Item Content Details</h1>
     <div class="row flex">
         <div class="col-md-3">
-            <span>Top Image</span>
+            <span>Thumbnail Image</span>
         </div>
         <div class="col-md-9 main ">
             <div class="screens clearfix margin-bottom-five">

control/settings/controllers/settings.home.controller.js

@@ -44,6 +44,12 @@
                 if (typeof (Settings.data.content.showViewCount) == 'undefined') {
                     Settings.data.content.showViewCount = false;
                 }
+                if (typeof (Settings.data.content.indicatePlayedItems ) === 'undefined') {
+                    Settings.data.content.indicatePlayedItems  = false;
+                }
+                if (typeof (Settings.data.content.startWithAutoJumpByDefault  ) === 'undefined') {
+                    Settings.data.content.startWithAutoJumpByDefault   = false;
+                }
             }, (err) => {
                 console.error(err);
             });
@@ -193,6 +199,22 @@
                 }
             }
 
+            Settings.setEnableIndicatePlayedItems = (e) => {
+                let value = e.target.checked;
+                if (value != Settings.data.content.indicatePlayedItems ) {
+                    Settings.data.content.indicatePlayedItems  = value;
+                    MediaCenter.save(Settings.data);
+                }
+            }
+
+            Settings.setEnableStartWithAutoJumpByDefault = (e) => {
+                let value = e.target.checked;
+                if (value != Settings.data.content.startWithAutoJumpByDefault  ) {
+                    Settings.data.content.startWithAutoJumpByDefault   = value;
+                    MediaCenter.save(Settings.data);
+                }
+            }
+
             Settings.setGlobalPlaylistPlugin = (pluginInstance) => {
                 Settings.data.content.globalPlaylistPlugin = pluginInstance;
                 MediaCenter.save(Settings.data).then(() => { });

control/settings/templates/home.html

@@ -65,7 +65,7 @@
     </div>
 </div>
 
-<div class="setting-toggle margin-bottom-twenty" ng-show="Settings.data.content.autoPlay">
+<div class="setting-toggle margin-bottom-twenty" ng-show="Settings.data.content.autoPlay" style="margin-left: 20px;">
     <p class="setting-label">
         Auto Play Delay
         <span class="customTooltipBox btn-primary">
@@ -105,7 +105,7 @@
     </div>
 </div>
 
-<div class="setting-toggle margin-bottom-twenty" ng-if="Settings.data.content.globalPlaylist">
+<div class="setting-toggle margin-bottom-twenty" ng-if="Settings.data.content.globalPlaylist" style="margin-left: 20px;">
     <p class="setting-label">
         Global Playlist Feature
         <span class="customTooltipBox btn-primary">
@@ -191,4 +191,32 @@
         <input id="enablePlayCountSwitch" type="checkbox" ng-click="Settings.setEnablePlayCount($event)" ng-checked="Settings.data.content.showViewCount">
         <label for="enablePlayCountSwitch" class="label-success"></label>
     </div>
+</div>
+
+<div class="input-control side-label margin-bottom-twenty">
+    <label for="">Indicate Played Items
+        <span class="customTooltipBox btn-primary">
+            <span class="customTooltipText">
+                Visually mark a media item that the user has already opened.
+            </span>
+        </span>
+    </label>
+    <div class="button-switch">
+        <input id="enableIndicatePlayedItems" type="checkbox" ng-click="Settings.setEnableIndicatePlayedItems($event)" ng-checked="Settings.data.content.indicatePlayedItems">
+        <label for="enableIndicatePlayedItems" class="label-success"></label>
+    </div>
+</div>
+
+<div class="input-control side-label margin-bottom-twenty">
+    <label for="">Auto Jump to Last Position
+        <span class="customTooltipBox btn-primary">
+            <span class="customTooltipText">
+                This setting allows users to resume media playback from where they left off upon returning to the app. You have the choice to set it as enabled or disabled by default. Note that changing this setting on one Media Center Manual instance will apply it to all installed instances.
+            </span>
+        </span>
+    </label>
+    <div class="button-switch">
+        <input id="enableStartWithAutoJumpByDefault " type="checkbox" ng-click="Settings.setEnableStartWithAutoJumpByDefault ($event)" ng-checked="Settings.data.content.startWithAutoJumpByDefault ">
+        <label for="enableStartWithAutoJumpByDefault " class="label-success"></label>
+    </div>
 </div>

resources/languages.json

@@ -69,6 +69,12 @@
                     "placeholder": "Play Next",
                     "maxLength": 20,
                     "defaultValue": "Play Next"
+                },
+                "playbackSpeed": {
+                    "title": "Playback Speed",
+                    "placeholder": "Playback Speed",
+                    "maxLength": 50,
+                    "defaultValue": "Playback Speed"
                 }
             }
         },

widget/app.js

@@ -7,6 +7,7 @@
             'mediaCenterWidgetServices',
             'mediaCenterWidgetFilters',
             'mediaCenterWidgetModals',
+            'mediaCenterWidgetHandlers',
             'ngAnimate',
             'ngRoute',
             'ui.bootstrap',
@@ -320,7 +321,12 @@
             $httpProvider.interceptors.push(interceptor);
 
         }])
-        .run(['Location', '$location', '$rootScope', '$window', 'Messaging', 'EVENTS', 'PATHS', 'DB', 'COLLECTIONS', function (Location, $location, $rootScope, $window, Messaging, EVENTS, PATHS, DB, COLLECTIONS) {
+        .run(['Location', '$location', '$rootScope', '$window', 'Messaging', 'EVENTS', 'PATHS', 'openedMediaHandler', function (Location, $location, $rootScope, $window, Messaging, EVENTS, PATHS, openedMediaHandler) {            
+            openedMediaHandler.sync();
+            buildfire.appearance.navbar.show(null, (err) => {
+                if (err) return console.error(err);
+                console.log('Navbar is visible');
+            });
             buildfire.navigation.onBackButtonClick = function () {
                 if ($rootScope.fullScreen) {
                     $rootScope.goingBackFullScreen = true;
@@ -342,6 +348,10 @@
                         $("#showFeedBtn").click();
                         $rootScope.showGlobalPlaylistButtons = true;
                         if (!$rootScope.$$phase) $rootScope.$digest();
+                        buildfire.appearance.navbar.show(null, (err) => {
+                            if (err) return console.error(err);
+                            console.log('Navbar is visible');
+                        });
                     } else {
                         if ($rootScope.currentlyDownloading.length > 0) {
                             buildfire.dialog.confirm(
@@ -414,6 +424,19 @@
                     $rootScope.showGlobalPlaylistButtons = false;
                 } else $rootScope.showGlobalPlaylistButtons = true;
 
+                if (path.indexOf('/media') === 0 || $("#feedView").hasClass('showing')) {
+                    buildfire.appearance.navbar.show(null, (err) => {
+                        if (err) return console.error(err);
+                        console.log('Navbar is visible');
+                    });
+                } else if(path.indexOf('/nowplaying') === 0 && !$("#feedView").hasClass('showing')){
+                    console.log('nav',$("#feedView").hasClass('showing'));
+                    buildfire.appearance.navbar.hide(null, (err) => {
+                        if (err) return console.error(err);
+                        console.log('Navbar is hidden');
+                    });
+                }
+
                 if (!$rootScope.$$phase) $rootScope.$digest();
             });