diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css index 835efd61c2..bf0f7aceb6 100644 --- a/dashboard-ui/css/librarymenu.css +++ b/dashboard-ui/css/librarymenu.css @@ -494,3 +494,45 @@ body:not(.dashboardDocument) .btnNotifications { .title-separator { margin: 0 .5em; } + +.adminAppsMenu { + position: fixed; + top: 5vh !important; + left: 2vw !important; + padding: 1.5em 1em !important; + font-size: 110%; + margin: 0 !important; + color: #333; +} + +.adminAppsMenuRow { + display: flex; + padding: 0 !important; + margin: 0 !important; +} + + .adminAppsMenuRow + .adminAppsMenuRow { + margin-top: 1.5em !important; + border-top: 1px solid #ddd; + padding-top: 1em !important; + } + + .adminAppsButton{ + display: block; + color: inherit!important; + font-weight: normal!important; + text-align: center; + } + + .adminAppsButton{ + width: 5.3vw; + } + +.adminAppsButton + .adminAppsButton { + margin-left: 1.5em; +} + +.adminAppsButton paper-icon-button{ + width: 4.5vh; + height: 4.5vh; +} diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js index 97498ad6cc..757f06c389 100644 --- a/dashboard-ui/scripts/librarymenu.js +++ b/dashboard-ui/scripts/librarymenu.js @@ -185,6 +185,64 @@ function onHeaderAppsButtonClick() { + require(['dialogHelper'], function (dialogHelper) { + + var dlg = dialogHelper.createDialog({ + removeOnClose: true, + modal: false, + autoFocus: false, + entryAnimationDuration: 160, + exitAnimationDuration: 160 + }); + + dlg.classList.add('ui-body-a'); + dlg.classList.add('background-theme-a'); + dlg.classList.add('adminAppsMenu'); + + var html = ''; + + html += '