update components

This commit is contained in:
Luke Pulverenti 2016-06-10 02:54:03 -04:00
parent 59b4199fc0
commit 8144b83f54
44 changed files with 413 additions and 355 deletions

View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'focusManager', 'apphost', 'css!./style', 'html!./icons', 'iron-icon-set', 'paper-icon-button-light', 'paper-spinner'], function (dialogHelper, inputmanager, connectionManager, layoutManager, focusManager, appHost) {
define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'focusManager', 'apphost', 'css!./style', 'material-icons', 'paper-icon-button-light', 'paper-spinner'], function (dialogHelper, inputmanager, connectionManager, layoutManager, focusManager, appHost) {
function getImageUrl(item, options, apiClient) {
@ -91,7 +91,7 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
var tabIndex = canFocus ? '' : ' tabindex="-1"';
autoFocus = autoFocus ? ' autofocus' : '';
return '<button is="paper-icon-button-light" class="' + cssClass + '"' + tabIndex + autoFocus + '><iron-icon icon="' + icon + '"></iron-icon></button>';
return '<button is="paper-icon-button-light" class="autoSize ' + cssClass + '"' + tabIndex + autoFocus + '><i class="md-icon">' + icon + '</i></button>';
}
return function (options) {
@ -125,30 +125,30 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
html += '<div>';
html += '<div class="slideshowSwiperContainer"><div class="swiper-wrapper"></div></div>';
html += getIcon('slideshow:keyboard-arrow-left', 'btnSlideshowPrevious slideshowButton', false);
html += getIcon('slideshow:keyboard-arrow-right', 'btnSlideshowNext slideshowButton', false);
html += getIcon('keyboard_arrow_left', 'btnSlideshowPrevious slideshowButton', false);
html += getIcon('keyboard_arrow_right', 'btnSlideshowNext slideshowButton', false);
html += '<div class="topActionButtons">';
if (actionButtonsOnTop) {
if (appHost.supports('filedownload')) {
html += getIcon('slideshow:file-download', 'btnDownload slideshowButton', true);
html += getIcon('file_download', 'btnDownload slideshowButton', true);
}
if (appHost.supports('sharing')) {
html += getIcon('slideshow:share', 'btnShare slideshowButton', true);
html += getIcon('share', 'btnShare slideshowButton', true);
}
}
html += getIcon('slideshow:close', 'slideshowButton btnSlideshowExit', false);
html += getIcon('close', 'slideshowButton btnSlideshowExit', false);
html += '</div>';
if (!actionButtonsOnTop) {
html += '<div class="slideshowBottomBar hide">';
html += getIcon('slideshow:pause', 'btnSlideshowPause slideshowButton', true, true);
html += getIcon('pause', 'btnSlideshowPause slideshowButton', true, true);
if (appHost.supports('filedownload')) {
html += getIcon('slideshow:file-download', 'btnDownload slideshowButton', true);
html += getIcon('file_download', 'btnDownload slideshowButton', true);
}
if (appHost.supports('sharing')) {
html += getIcon('slideshow:share', 'btnShare slideshowButton', true);
html += getIcon('share', 'btnShare slideshowButton', true);
}
html += '</div>';
@ -362,9 +362,9 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
function play() {
var btnSlideshowPause = dlg.querySelector('.btnSlideshowPause iron-icon');
var btnSlideshowPause = dlg.querySelector('.btnSlideshowPause i');
if (btnSlideshowPause) {
btnSlideshowPause.icon = "slideshow:pause";
btnSlideshowPause.innerHTML = "pause";
}
swiperInstance.startAutoplay();
@ -372,9 +372,9 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
function pause() {
var btnSlideshowPause = dlg.querySelector('.btnSlideshowPause iron-icon');
var btnSlideshowPause = dlg.querySelector('.btnSlideshowPause i');
if (btnSlideshowPause) {
btnSlideshowPause.icon = "slideshow:play-arrow";
btnSlideshowPause.innerHTML = "play_arrow";
}
swiperInstance.stopAutoplay();
@ -382,7 +382,7 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
function playPause() {
var paused = dlg.querySelector('.btnSlideshowPause iron-icon').icon != "slideshow:pause";
var paused = dlg.querySelector('.btnSlideshowPause i').innerHTML != "pause";
if (paused) {
play();
} else {