diff --git a/dashboard-ui/bower_components/paper-drawer-panel/paper-drawer-panel.html b/dashboard-ui/bower_components/paper-drawer-panel/paper-drawer-panel.html index c7f27f29e9..71b4281098 100644 --- a/dashboard-ui/bower_components/paper-drawer-panel/paper-drawer-panel.html +++ b/dashboard-ui/bower_components/paper-drawer-panel/paper-drawer-panel.html @@ -568,7 +568,7 @@ To change the drawer container when it's in the right side: if (this.rightDrawer) { this[xDirection ? 'closeDrawer' : 'openDrawer'](); } else { - this[xDirection ? 'openDrawer' : 'closeDrawer'](); + this[xDirection || event.detail.dx > -80 ? 'openDrawer' : 'closeDrawer'](); } } }, diff --git a/dashboard-ui/bower_components/polymer/polymer.html b/dashboard-ui/bower_components/polymer/polymer.html index 9d59e33d25..a35bfc5ed8 100644 --- a/dashboard-ui/bower_components/polymer/polymer.html +++ b/dashboard-ui/bower_components/polymer/polymer.html @@ -555,7 +555,8 @@ prevent = dy > dx; prevent = dx > dy; } if (prevent) { -ev.preventDefault(); +//This breaks scrolling in safari +//ev.preventDefault(); } } }, diff --git a/dashboard-ui/css/images/splash720.jpg b/dashboard-ui/css/images/splash720.jpg new file mode 100644 index 0000000000..272e53560c Binary files /dev/null and b/dashboard-ui/css/images/splash720.jpg differ diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css index 81631a2c73..361e74570f 100644 --- a/dashboard-ui/css/librarymenu.css +++ b/dashboard-ui/css/librarymenu.css @@ -41,12 +41,18 @@ position: static !important; width: auto !important; height: auto !important; + touch-action: auto !important; } .mainDrawerPanelPreInit #drawer { display: none !important; } +.mainDrawerPanelPreInit #main { + left: 0 !important; + position: static !important; +} + .mainDrawerPanel #drawer { z-index: 1000 !important; position: fixed !important; @@ -55,6 +61,8 @@ overflow-y: auto !important; -webkit-overflow-scrolling: touch; overflow-x: hidden; + /* Need to reset this because it causes the entire panel to be draggable in safari */ + box-sizing: initial !important; } .mainDrawerPanel #main { @@ -62,6 +70,13 @@ position: static !important; } +.mainDrawerPanel #scrim { + /* Give it at least something to make it visible */ + z-index: 1000; + /* It defaults to absolute, not visible after scrolling */ + position: fixed; +} + .mainDrawer { height: auto !important; border-right: 1px solid #e0e0e0; @@ -290,7 +305,7 @@ } .drawerUserPanel { - background: url(images/splash.jpg); + background: url(images/splash720.jpg); background-size: cover; background-position: center center; margin-bottom: 1em; @@ -300,7 +315,7 @@ } .drawerUserPanelInner { - background-color: rgba(0, 0, 0, .75); + background-color: rgba(0, 0, 0, .70); position: absolute; top: 0; right: 0; @@ -325,7 +340,7 @@ .drawerUserPanelUserName { padding-top: 1.5em; - padding-left: .25em; + padding-left: .35em; } .libraryDocument .dashboardDrawerContent { diff --git a/dashboard-ui/css/materialize.css b/dashboard-ui/css/materialize.css index 17bd28a40c..3d250242f0 100644 --- a/dashboard-ui/css/materialize.css +++ b/dashboard-ui/css/materialize.css @@ -61,52 +61,6 @@ cursor: pointer; } -.btn-floating { - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - text-transform: uppercase; - border: none; - outline: 0; - -webkit-tap-highlight-color: transparent; - margin-bottom: 15px; - display: inline-block; - position: relative; - z-index: 1; - width: 37px; - height: 37px; - line-height: 37px; - padding: 0; - background-color: #2196F3; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - background-clip: padding-box; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; - cursor: pointer; -} - - .btn-floating i { - width: inherit; - display: inline-block; - text-align: center; - color: #FFF; - font-size: 1.6rem; - line-height: 37px; - } - - .btn-floating.btn-floating-large { - width: 55.5px; - height: 55.5px; - } - - .btn-floating.btn-floating-large i { - line-height: 55.5px; - } - .btn-flat { box-shadow: none; background-color: transparent; @@ -170,23 +124,6 @@ font-family: Roboto !important; } -.btnSmall { - font-size: 13px; -} - -.btnCancel { - background-color: #444; -} - -.ui-page-theme-a .btnCancel { - background-color: #e8e8e8; - color: #333 !important; -} - - .ui-page-theme-a .btnCancel i { - color: #666 !important; - } - .btn-inline { display: inline-block; width: auto; diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index b02b16366f..f81f6454df 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -316,6 +316,11 @@ body { background-color: transparent !important; } +/* Without this, no content will be displayed in mobile safari */ +.pageContainer { + overflow-x: visible !important; +} + .bodyWithPopupOpen { overflow-y: hidden !important; } @@ -712,7 +717,7 @@ h1 .imageLink { .sidebarLinkIcon { font-size: 20px; - width: 72px!important; + width: 72px !important; text-align: center; vertical-align: middle; color: #7f7f7f; diff --git a/dashboard-ui/livetvchannel.html b/dashboard-ui/livetvchannel.html index e1eba2d366..61dd36bbbf 100644 --- a/dashboard-ui/livetvchannel.html +++ b/dashboard-ui/livetvchannel.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/livetvchannels.html b/dashboard-ui/livetvchannels.html index ae5f5393a4..8665852bfa 100644 --- a/dashboard-ui/livetvchannels.html +++ b/dashboard-ui/livetvchannels.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/livetvguide.html b/dashboard-ui/livetvguide.html index 4124176274..43fee797f1 100644 --- a/dashboard-ui/livetvguide.html +++ b/dashboard-ui/livetvguide.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/livetvitems.html b/dashboard-ui/livetvitems.html index 485808fb16..4f59d59026 100644 --- a/dashboard-ui/livetvitems.html +++ b/dashboard-ui/livetvitems.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/livetvnewrecording.html b/dashboard-ui/livetvnewrecording.html index a347c2642c..5721965ede 100644 --- a/dashboard-ui/livetvnewrecording.html +++ b/dashboard-ui/livetvnewrecording.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/livetvprogram.html b/dashboard-ui/livetvprogram.html index 5c975dd718..c519ac0edf 100644 --- a/dashboard-ui/livetvprogram.html +++ b/dashboard-ui/livetvprogram.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/livetvrecording.html b/dashboard-ui/livetvrecording.html index 10b63db886..e86e90a65d 100644 --- a/dashboard-ui/livetvrecording.html +++ b/dashboard-ui/livetvrecording.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/livetvrecordinglist.html b/dashboard-ui/livetvrecordinglist.html index ecfe91553b..24ba446b4d 100644 --- a/dashboard-ui/livetvrecordinglist.html +++ b/dashboard-ui/livetvrecordinglist.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/livetvrecordings.html b/dashboard-ui/livetvrecordings.html index d9d68be882..e65b502a9b 100644 --- a/dashboard-ui/livetvrecordings.html +++ b/dashboard-ui/livetvrecordings.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} diff --git a/dashboard-ui/livetvseriestimer.html b/dashboard-ui/livetvseriestimer.html index 73988245ae..4c76736f63 100644 --- a/dashboard-ui/livetvseriestimer.html +++ b/dashboard-ui/livetvseriestimer.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/livetvseriestimers.html b/dashboard-ui/livetvseriestimers.html index 832006e199..19cf7b3cae 100644 --- a/dashboard-ui/livetvseriestimers.html +++ b/dashboard-ui/livetvseriestimers.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} @@ -17,7 +17,7 @@
- +
diff --git a/dashboard-ui/livetvsuggested.html b/dashboard-ui/livetvsuggested.html index 20fc1bc701..5978f09a01 100644 --- a/dashboard-ui/livetvsuggested.html +++ b/dashboard-ui/livetvsuggested.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} diff --git a/dashboard-ui/livetvtimer.html b/dashboard-ui/livetvtimer.html index 35bbd6b6a3..bd17992b64 100644 --- a/dashboard-ui/livetvtimer.html +++ b/dashboard-ui/livetvtimer.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/livetvtimers.html b/dashboard-ui/livetvtimers.html index 3a757f6682..44051f32c4 100644 --- a/dashboard-ui/livetvtimers.html +++ b/dashboard-ui/livetvtimers.html @@ -4,7 +4,7 @@ Emby -
+
info${TabSuggestions} grid_on${TabGuide} diff --git a/dashboard-ui/metadata.html b/dashboard-ui/metadata.html index 1b68904b39..3141f3f3e6 100644 --- a/dashboard-ui/metadata.html +++ b/dashboard-ui/metadata.html @@ -4,7 +4,7 @@ ${TitleMetadata} -
+
@@ -46,12 +46,11 @@
  • - - + + ${ButtonCancel}
  • diff --git a/dashboard-ui/metadataadvanced.html b/dashboard-ui/metadataadvanced.html index 3091b5bc00..f832f2a7cf 100644 --- a/dashboard-ui/metadataadvanced.html +++ b/dashboard-ui/metadataadvanced.html @@ -4,7 +4,7 @@ ${TitleMetadata} -
    +
    @@ -171,12 +171,11 @@

    • - - + + ${ButtonCancel}
    diff --git a/dashboard-ui/metadataimages.html b/dashboard-ui/metadataimages.html index b39e7a5869..abee0409f4 100644 --- a/dashboard-ui/metadataimages.html +++ b/dashboard-ui/metadataimages.html @@ -4,7 +4,7 @@ ${TitleMetadata} -
    +
    @@ -118,12 +118,11 @@
    • - - + + ${ButtonCancel}
    diff --git a/dashboard-ui/metadatanfo.html b/dashboard-ui/metadatanfo.html index 26b3dd59bd..dc85860d20 100644 --- a/dashboard-ui/metadatanfo.html +++ b/dashboard-ui/metadatanfo.html @@ -4,7 +4,7 @@ ${TitleMetadata} -
    +
    @@ -58,12 +58,11 @@
    • - - + + ${ButtonCancel}
    diff --git a/dashboard-ui/metadatasubtitles.html b/dashboard-ui/metadatasubtitles.html index fa75ad897c..7f1e436416 100644 --- a/dashboard-ui/metadatasubtitles.html +++ b/dashboard-ui/metadatasubtitles.html @@ -4,7 +4,7 @@ ${TitleMetadata} -
    +
    @@ -58,12 +58,11 @@
    • - - + + ${ButtonCancel}
    diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js index cee52bf056..50904618fe 100644 --- a/dashboard-ui/scripts/dashboardpage.js +++ b/dashboard-ui/scripts/dashboardpage.js @@ -775,7 +775,7 @@ html += "" + progress + "%"; - html += ''; + html += ''; } else if (task.State == "Cancelling") { html += '' + Globalize.translate('LabelStopping') + ''; diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js index 9cd6f04796..2d0093d404 100644 --- a/dashboard-ui/scripts/librarymenu.js +++ b/dashboard-ui/scripts/librarymenu.js @@ -40,7 +40,7 @@ } if (!$.browser.mobile && !AppInfo.isNativeApp) { - html += 'settings'; + html += 'settings'; //html += ''; } @@ -124,7 +124,7 @@ if (AppInfo.isTouchPreferred) { if ('ontouchend' in document) { - $('.mainDrawerButton').on('touchend', openMainDrawer); + $('.mainDrawerButton').on('touchend click', openMainDrawer); } else { $('.mainDrawerButton').on('click', openMainDrawer); } @@ -277,18 +277,18 @@ html += '
    '; html += '
    '; - html += '' + Globalize.translate('ButtonHome') + ''; + html += '' + Globalize.translate('ButtonHome') + ''; } else { html += '
    '; - html += ''; + html += ''; html += '
    '; html += Globalize.translate('ButtonHome'); html += '
    '; } - html += '' + Globalize.translate('ButtonRemote') + ''; + html += '' + Globalize.translate('ButtonRemote') + ''; $('.userheader', drawer).html(html).lazyChildren(); } @@ -328,33 +328,33 @@ html += '
    '; html += '' + Globalize.translate('ButtonManageServer') + ''; - html += '' + Globalize.translate('ButtonMetadataManager') + ''; + html += '' + Globalize.translate('ButtonMetadataManager') + ''; if (!$.browser.mobile && !AppInfo.isTouchPreferred) { - html += '' + Globalize.translate('ButtonReports') + ''; + html += '' + Globalize.translate('ButtonReports') + ''; } html += '
    '; html += ''; @@ -440,7 +440,7 @@ color = "#293AAE"; } - return '' + i.Name + ''; + return '' + i.Name + ''; }).join(''); @@ -479,6 +479,8 @@ function onManageServerClicked() { + closeMainDrawer(); + requirejs(["scripts/registrationservices"], function () { RegistrationServices.validateFeature('manageserver').done(function () { @@ -502,7 +504,16 @@ window.LibraryMenu = { getTopParentId: getTopParentId, - setText: setLibraryMenuText + setText: setLibraryMenuText, + + onLinkClicked: function (link) { + + closeMainDrawer(); + + setTimeout(function () { + Dashboard.navigate(link.href); + }, 1000); + } }; function updateCastIcon() { diff --git a/dashboard-ui/scripts/scheduledtaskspage.js b/dashboard-ui/scripts/scheduledtaskspage.js index 76cb0ad5af..d82524e446 100644 --- a/dashboard-ui/scripts/scheduledtaskspage.js +++ b/dashboard-ui/scripts/scheduledtaskspage.js @@ -29,7 +29,7 @@ var html = ""; - html += '
      '; + html += '
        '; var currentCategory; @@ -53,15 +53,15 @@ if (task.State == "Idle") { - html += "" + Globalize.translate('ButtonStart') + ""; + html += "" + Globalize.translate('ButtonStart') + ""; } else if (task.State == "Running") { - html += "" + Globalize.translate('ButtonStop') + ""; + html += "" + Globalize.translate('ButtonStop') + ""; } else { - html += ""; + html += ""; } html += ""; @@ -143,21 +143,21 @@ if (state == "Idle") { - elem = btnTask.addClass('btnStartTask').removeClass('btnStopTask').show().data("icon", "play").attr("title", Globalize.translate('ButtonStart')); + elem = btnTask.addClass('btnStartTask').removeClass('btnStopTask').show().data("icon", "action").attr("title", Globalize.translate('ButtonStart')); - elem.removeClass('ui-icon-stop').addClass('ui-icon-play'); + elem.removeClass('ui-icon-delete').addClass('ui-icon-action'); } else if (state == "Running") { - elem = btnTask.addClass('btnStopTask').removeClass('btnStartTask').show().data("icon", "stop").attr("title", Globalize.translate('ButtonStop')); + elem = btnTask.addClass('btnStopTask').removeClass('btnStartTask').show().data("icon", "delete").attr("title", Globalize.translate('ButtonStop')); - elem.removeClass('ui-icon-play').addClass('ui-icon-stop'); + elem.removeClass('ui-icon-action').addClass('ui-icon-delete'); } else { - elem = btnTask.addClass('btnStartTask').removeClass('btnStopTask').hide().data("icon", "play").attr("title", Globalize.translate('ButtonStart')); + elem = btnTask.addClass('btnStartTask').removeClass('btnStopTask').hide().data("icon", "action").attr("title", Globalize.translate('ButtonStart')); - elem.removeClass('ui-icon-stop').addClass('ui-icon-play'); + elem.removeClass('ui-icon-stdeleteop').addClass('ui-icon-action'); } } diff --git a/dashboard-ui/scripts/selectserver.js b/dashboard-ui/scripts/selectserver.js index 39c571f1ba..bbf6370a97 100644 --- a/dashboard-ui/scripts/selectserver.js +++ b/dashboard-ui/scripts/selectserver.js @@ -218,33 +218,35 @@ var card = $(elem).parents('.card'); var page = $(elem).parents('.page'); - var id = card.attr('data-id'); + var serverId = card.attr('data-id'); var connectserverid = card.attr('data-connectserverid'); - $('.serverMenu', page).popup("close").remove(); - - var html = '
        '; - - html += ''; - - html += '
        '; - - page.append(html); - - var flyout = $('.serverMenu', page).popup({ positionTo: elem || "window" }).trigger('create').popup("open").on("popupafterclose", function () { - - $(this).off("popupafterclose").remove(); + var menuItems = []; + menuItems.push({ + name: Globalize.translate('ButtonDelete'), + id: 'delete', + ironIcon: 'delete' }); - $('.btnDelete', flyout).on('click', function () { - deleteServer(page, this.getAttribute('data-connectserverid')); - $('.serverMenu', page).popup("close").remove(); + require(['actionsheet'], function () { + + ActionSheetElement.show({ + items: menuItems, + positionTo: elem, + callback: function (id) { + + switch (id) { + + case 'delete': + deleteServer(page, connectserverid); + break; + default: + break; + } + } + }); + }); } diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js index 026485e79f..687bb82c98 100644 --- a/dashboard-ui/scripts/site.js +++ b/dashboard-ui/scripts/site.js @@ -2034,6 +2034,10 @@ var AppInfo = {}; Dashboard.importCss('thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.icons.css'); return {}; }); + define("livetvcss", [], function () { + Dashboard.importCss('css/livetv.css'); + return {}; + }); if (Dashboard.isRunningInCordova() && $.browser.safari) { define("actionsheet", ["cordova/ios/actionsheet"]); @@ -2050,7 +2054,10 @@ var AppInfo = {}; var drawer = $('.mainDrawerPanel').removeClass('mainDrawerPanelPreInit')[0]; drawer.forceNarrow = true; drawer.drawerWidth = screen.availWidth >= 330 ? "310px" : "270px"; - drawer.transition = true; + + if ($.browser.safari && !AppInfo.isNativeApp) { + drawer.disableEdgeSwipe = true; + } if (Dashboard.isConnectMode()) { diff --git a/dashboard-ui/scripts/syncactivity.js b/dashboard-ui/scripts/syncactivity.js index 9b956fd3f0..0eb00ea38d 100644 --- a/dashboard-ui/scripts/syncactivity.js +++ b/dashboard-ui/scripts/syncactivity.js @@ -2,30 +2,24 @@ function cancelJob(page, id) { - $('.jobMenu', page).on("popupafterclose.deleteuser", function () { + var msg = Globalize.translate('CancelSyncJobConfirmation'); - $(this).off('popupafterclose.deleteuser'); + Dashboard.confirm(msg, Globalize.translate('HeaderCancelSyncJob'), function (result) { - var msg = Globalize.translate('CancelSyncJobConfirmation'); + if (result) { + Dashboard.showLoadingMsg(); - Dashboard.confirm(msg, Globalize.translate('HeaderCancelSyncJob'), function (result) { + ApiClient.ajax({ - if (result) { - Dashboard.showLoadingMsg(); + url: ApiClient.getUrl('Sync/Jobs/' + id), + type: 'DELETE' - ApiClient.ajax({ + }).done(function () { - url: ApiClient.getUrl('Sync/Jobs/' + id), - type: 'DELETE' - - }).done(function () { - - reloadData(page); - }); - } - }); - - }).popup('close'); + reloadData(page); + }); + } + }); } function getSyncJobHtml(page, job, cardBoxCssClass, syncJobPage) { @@ -202,37 +196,46 @@ function showJobMenu(elem) { var card = $(elem).parents('.card'); - var page = $(elem).parents('.page'); - var id = card.attr('data-id'); + var jobId = card.attr('data-id'); var status = card.attr('data-status'); - $('.jobMenu', page).popup("close").remove(); - - var html = '
        '; - - html += '
          '; - html += '
        • ' + Globalize.translate('HeaderMenu') + '
        • '; + var menuItems = []; if (status == 'Cancelled') { - html += '
        • ' + Globalize.translate('ButtonDelete') + '
        • '; + menuItems.push({ + name: Globalize.translate('ButtonDelete'), + id: 'delete', + ironIcon: 'delete' + }); } else { - html += '
        • ' + Globalize.translate('ButtonCancel') + '
        • '; + menuItems.push({ + name: Globalize.translate('ButtonCancelSyncJob'), + id: 'cancel', + ironIcon: 'delete' + }); } - html += '
        '; + require(['actionsheet'], function () { - html += '
        '; + ActionSheetElement.show({ + items: menuItems, + positionTo: elem, + callback: function (id) { - page.append(html); + switch (id) { - var flyout = $('.jobMenu', page).popup({ positionTo: elem || "window" }).trigger('create').popup("open").on("popupafterclose", function () { + case 'delete': + cancelJob(jobId); + break; + case 'cancel': + cancelJob(jobId); + break; + default: + break; + } + } + }); - $(this).off("popupafterclose").remove(); - - }); - - $('.btnCancelJob', flyout).on('click', function () { - cancelJob(page, this.getAttribute('data-id')); }); } diff --git a/dashboard-ui/scripts/syncjob.js b/dashboard-ui/scripts/syncjob.js index 3299338fc8..717b23f08f 100644 --- a/dashboard-ui/scripts/syncjob.js +++ b/dashboard-ui/scripts/syncjob.js @@ -2,6 +2,8 @@ function renderJob(page, job, dialogOptions) { + require(['paperbuttonstyle']); + var html = ''; html += '
        '; @@ -12,7 +14,9 @@ html += '
        '; html += '
        '; - html += ''; + html += ''; $('.syncJobForm', page).html(html).trigger('create'); SyncManager.renderForm({ @@ -131,66 +135,80 @@ var page = $(elem).parents('.page'); var listItem = $(elem).parents('li'); - var id = listItem.attr('data-itemid'); + var jobItemId = listItem.attr('data-itemid'); var status = listItem.attr('data-status'); var remove = listItem.attr('data-remove').toLowerCase() == 'true'; - $('.jobMenu', page).popup("close").remove(); - - var html = '
        '; - - html += '
          '; - html += '
        • ' + Globalize.translate('HeaderMenu') + '
        • '; + var menuItems = []; if (status == 'Failed') { - html += '
        • ' + Globalize.translate('ButtonQueueForRetry') + '
        • '; + menuItems.push({ + name: Globalize.translate('ButtonQueueForRetry'), + id: 'retry', + ironIcon: 'check' + }); } else if (status == 'Cancelled') { - html += '
        • ' + Globalize.translate('ButtonReenable') + '
        • '; + menuItems.push({ + name: Globalize.translate('ButtonReenable'), + id: 'retry', + ironIcon: 'check' + }); } else if (status == 'Queued' || status == 'Transferring' || status == 'Converting' || status == 'ReadyToTransfer') { - html += '
        • ' + Globalize.translate('ButtonCancelItem') + '
        • '; + menuItems.push({ + name: Globalize.translate('ButtonCancelItem'), + id: 'cancel', + ironIcon: 'delete' + }); } else if (status == 'Synced' && remove) { - html += '
        • ' + Globalize.translate('ButtonUnmarkForRemoval') + '
        • '; + menuItems.push({ + name: Globalize.translate('ButtonUnmarkForRemoval'), + id: 'unmarkforremoval', + ironIcon: 'check' + }); } else if (status == 'Synced') { - html += '
        • ' + Globalize.translate('ButtonMarkForRemoval') + '
        • '; + menuItems.push({ + name: Globalize.translate('ButtonMarkForRemoval'), + id: 'markforremoval', + ironIcon: 'delete' + }); } - html += '
        '; + require(['actionsheet'], function () { - html += '
        '; + ActionSheetElement.show({ + items: menuItems, + positionTo: elem, + callback: function (id) { - page.append(html); + switch (id) { - var flyout = $('.jobMenu', page).popup({ positionTo: elem || "window" }).trigger('create').popup("open").on("popupafterclose", function () { + case 'cancel': + cancelJobItem(page, jobItemId); + break; + case 'retry': + retryJobItem(page, jobItemId); + break; + case 'markforremoval': + markForRemoval(page, jobItemId); + break; + case 'unmarkforremoval': + unMarkForRemoval(page, jobItemId); + break; + default: + break; + } + } + }); - $(this).off("popupafterclose").remove(); - - }); - - $('.btnCancelJobItem', flyout).on('click', function () { - cancelJobItem(page, this.getAttribute('data-id')); - }); - - $('.btnRetryJobItem', flyout).on('click', function () { - retryJobItem(page, this.getAttribute('data-id')); - }); - - $('.btnUnmarkForRemoval', flyout).on('click', function () { - unMarkForRemoval(page, this.getAttribute('data-id')); - }); - - $('.btnMarkForRemoval', flyout).on('click', function () { - markForRemoval(page, this.getAttribute('data-id')); }); } function cancelJobItem(page, jobItemId) { - $('.jobMenu', page).popup('close'); - // Need a timeout because jquery mobile will not show a popup while another is in the act of closing Dashboard.showLoadingMsg(); @@ -209,8 +227,6 @@ function markForRemoval(page, jobItemId) { - $('.jobMenu', page).popup('close'); - ApiClient.ajax({ type: "POST", @@ -224,8 +240,6 @@ function unMarkForRemoval(page, jobItemId) { - $('.jobMenu', page).popup('close'); - ApiClient.ajax({ type: "POST", @@ -239,8 +253,6 @@ function retryJobItem(page, jobItemId) { - $('.jobMenu', page).popup('close'); - ApiClient.ajax({ type: "POST", diff --git a/dashboard-ui/themes/ios.css b/dashboard-ui/themes/ios.css index 22b9445359..789a657fb0 100644 --- a/dashboard-ui/themes/ios.css +++ b/dashboard-ui/themes/ios.css @@ -49,10 +49,6 @@ color: #539FFD !important; } -.btn, .btn-large { - font-family: Helvetica Neue !important; -} - .pageTitle { font-family: Helvetica Neue; } @@ -146,3 +142,7 @@ h1, h1 a { .bottomFab { bottom: 70px; } + +.sidebarLinkText { + font-weight: 400 !important; +} diff --git a/dashboard-ui/thirdparty/jquery.unveil-custom.js b/dashboard-ui/thirdparty/jquery.unveil-custom.js index c88e275f0c..4961f4f7da 100644 --- a/dashboard-ui/thirdparty/jquery.unveil-custom.js +++ b/dashboard-ui/thirdparty/jquery.unveil-custom.js @@ -20,7 +20,7 @@ // Need to fix those before this can be set to 0 if (window.AppInfo && AppInfo.isNativeApp && $.browser.safari) { - return 7500; + return 7000; } var screens = $.browser.mobile ? 2.5 : 1; diff --git a/dashboard-ui/thirdparty/paper-button-style.css b/dashboard-ui/thirdparty/paper-button-style.css index 6138c54b6b..5459c88781 100644 --- a/dashboard-ui/thirdparty/paper-button-style.css +++ b/dashboard-ui/thirdparty/paper-button-style.css @@ -70,11 +70,11 @@ color: #fff; } - paper-button.cancel { + .ui-page-theme-b paper-button.cancel { color: #444; } - paper-button[raised].cancel { + .ui-page-theme-b paper-button[raised].cancel { background: #444; color: #fff; } diff --git a/dashboard-ui/thirdparty/polymer/LICENSE.txt b/dashboard-ui/thirdparty/polymer/LICENSE.txt deleted file mode 100644 index 95987bac86..0000000000 --- a/dashboard-ui/thirdparty/polymer/LICENSE.txt +++ /dev/null @@ -1,27 +0,0 @@ -// Copyright (c) 2014 The Polymer Authors. All rights reserved. -// -// Redistribution and use in source and binary forms, with or without -// modification, are permitted provided that the following conditions are -// met: -// -// * Redistributions of source code must retain the above copyright -// notice, this list of conditions and the following disclaimer. -// * Redistributions in binary form must reproduce the above -// copyright notice, this list of conditions and the following disclaimer -// in the documentation and/or other materials provided with the -// distribution. -// * Neither the name of Google Inc. nor the names of its -// contributors may be used to endorse or promote products derived from -// this software without specific prior written permission. -// -// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS -// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT -// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR -// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT -// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, -// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT -// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, -// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY -// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT -// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE -// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. diff --git a/dashboard-ui/thirdparty/polymer/bower.json b/dashboard-ui/thirdparty/polymer/bower.json deleted file mode 100644 index 055cf8a8cb..0000000000 --- a/dashboard-ui/thirdparty/polymer/bower.json +++ /dev/null @@ -1,26 +0,0 @@ -{ - "name": "polymer", - "version": "1.0.0", - "main": [ - "polymer.html" - ], - "license": "http://polymer.github.io/LICENSE.txt", - "ignore": [ - "/.*", - "/test/" - ], - "authors": [ - "The Polymer Authors (http://polymer.github.io/AUTHORS.txt)" - ], - "repository": { - "type": "git", - "url": "https://github.com/Polymer/polymer.git" - }, - "dependencies": { - "webcomponentsjs": "^0.7.2" - }, - "devDependencies": { - "web-component-tester": "*" - }, - "private": true -} diff --git a/dashboard-ui/thirdparty/polymer/polymer-micro.html b/dashboard-ui/thirdparty/polymer/polymer-micro.html deleted file mode 100644 index 999d2eb9bd..0000000000 --- a/dashboard-ui/thirdparty/polymer/polymer-micro.html +++ /dev/null @@ -1,544 +0,0 @@ - - diff --git a/dashboard-ui/thirdparty/polymer/polymer-mini.html b/dashboard-ui/thirdparty/polymer/polymer-mini.html deleted file mode 100644 index 1bde7984bd..0000000000 --- a/dashboard-ui/thirdparty/polymer/polymer-mini.html +++ /dev/null @@ -1,1323 +0,0 @@ - - - - diff --git a/dashboard-ui/thirdparty/polymer/polymer.html b/dashboard-ui/thirdparty/polymer/polymer.html deleted file mode 100644 index e632532d88..0000000000 --- a/dashboard-ui/thirdparty/polymer/polymer.html +++ /dev/null @@ -1,3776 +0,0 @@ - - - diff --git a/dashboard-ui/vulcanize-out.html b/dashboard-ui/vulcanize-out.html index 46c344ee29..e3a5404ee1 100644 --- a/dashboard-ui/vulcanize-out.html +++ b/dashboard-ui/vulcanize-out.html @@ -2462,7 +2462,8 @@ prevent = dy > dx; prevent = dx > dy; } if (prevent) { -ev.preventDefault(); +//This breaks scrolling in safari +//ev.preventDefault(); } } }, @@ -13455,7 +13456,7 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] { if (this.rightDrawer) { this[xDirection ? 'closeDrawer' : 'openDrawer'](); } else { - this[xDirection ? 'openDrawer' : 'closeDrawer'](); + this[xDirection || event.detail.dx > -80 ? 'openDrawer' : 'closeDrawer'](); } } },