') + $scope.writeLabel( value, 'buttonLabel' );
}
ctr++;
}
- });
+ });
if ( $scope.more === true ) {
// https://github.com/isteven/angular-multi-select/pull/16
if (tempMaxLabels > 0) {
$scope.varButtonLabel += ', ... ';
}
- $scope.varButtonLabel += '(' + $scope.outputModel.length + ')';
+ $scope.varButtonLabel += '(' + $scope.outputModel.length + ')';
}
}
- $scope.varButtonLabel = $sce.trustAsHtml( $scope.varButtonLabel + '' );
+ $scope.varButtonLabel = $sce.trustAsHtml( $scope.varButtonLabel + '' );
}
// Check if a checkbox is disabled or enabled. It will check the granular control (disableProperty) and global control (isDisabled)
// Take note that the granular control has higher priority.
$scope.itemIsDisabled = function( item ) {
-
- if ( typeof attrs.disableProperty !== 'undefined' && item[ attrs.disableProperty ] === true ) {
+
+ if ( typeof attrs.disableProperty !== 'undefined' && item[ attrs.disableProperty ] === true ) {
return true;
}
- else {
- if ( $scope.isDisabled === true ) {
+ else {
+ if ( $scope.isDisabled === true ) {
return true;
}
else {
return false;
}
}
-
+
}
// A simple function to parse the item label settings. Used on the buttons and checkbox labels.
$scope.writeLabel = function( item, type ) {
-
+
// type is either 'itemLabel' or 'buttonLabel'
- var temp = attrs[ type ].split( ' ' );
- var label = '';
+ var temp = attrs[ type ].split( ' ' );
+ var label = '';
- angular.forEach( temp, function( value, key ) {
+ angular.forEach( temp, function( value, key ) {
item[ value ] && ( label += ' ' + value.split( '.' ).reduce( function( prev, current ) {
- return prev[ current ];
- }, item ));
+ return prev[ current ];
+ }, item ));
});
-
- if ( type.toUpperCase() === 'BUTTONLABEL' ) {
+
+ if ( type.toUpperCase() === 'BUTTONLABEL' ) {
return label;
}
return $sce.trustAsHtml( label );
- }
+ }
// UI operations to show/hide checkboxes based on click event..
- $scope.toggleCheckboxes = function( e ) {
-
+ $scope.toggleCheckboxes = function( e ) {
+
// We grab the button
var clickedEl = element.children()[0];
// Just to make sure.. had a bug where key events were recorded twice
angular.element( document ).off( 'click', $scope.externalClickListener );
- angular.element( document ).off( 'keydown', $scope.keyboardListener );
+ angular.element( document ).off( 'keydown', $scope.keyboardListener );
- // The idea below was taken from another multi-select directive - https://github.com/amitava82/angular-multiselect
- // His version is awesome if you need a more simple multi-select approach.
+ // The idea below was taken from another multi-select directive - https://github.com/amitava82/angular-multiselect
+ // His version is awesome if you need a more simple multi-select approach.
// close
- if ( angular.element( checkBoxLayer ).hasClass( 'show' )) {
+ if ( angular.element( checkBoxLayer ).hasClass( 'show' )) {
- angular.element( checkBoxLayer ).removeClass( 'show' );
- angular.element( clickedEl ).removeClass( 'buttonClicked' );
+ angular.element( checkBoxLayer ).removeClass( 'show' );
+ angular.element( clickedEl ).removeClass( 'buttonClicked' );
angular.element( document ).off( 'click', $scope.externalClickListener );
- angular.element( document ).off( 'keydown', $scope.keyboardListener );
+ angular.element( document ).off( 'keydown', $scope.keyboardListener );
// clear the focused element;
$scope.removeFocusStyle( $scope.tabIndex );
@@ -3317,80 +3330,80 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
// set focus on button again
element.children().children()[ 0 ].focus();
- }
+ }
// open
- else
- {
+ else
+ {
// clear filter
- $scope.inputLabel.labelFilter = '';
- $scope.updateFilter();
+ $scope.inputLabel.labelFilter = '';
+ $scope.updateFilter();
helperItems = [];
helperItemsLength = 0;
angular.element( checkBoxLayer ).addClass( 'show' );
- angular.element( clickedEl ).addClass( 'buttonClicked' );
+ angular.element( clickedEl ).addClass( 'buttonClicked' );
- // Attach change event listener on the input filter.
- // We need this because ng-change is apparently not an event listener.
+ // Attach change event listener on the input filter.
+ // We need this because ng-change is apparently not an event listener.
angular.element( document ).on( 'click', $scope.externalClickListener );
- angular.element( document ).on( 'keydown', $scope.keyboardListener );
+ angular.element( document ).on( 'keydown', $scope.keyboardListener );
- // to get the initial tab index, depending on how many helper elements we have.
- // priority is to always focus it on the input filter
+ // to get the initial tab index, depending on how many helper elements we have.
+ // priority is to always focus it on the input filter
$scope.getFormElements();
$scope.tabIndex = 0;
- var helperContainer = angular.element( element[ 0 ].querySelector( '.helperContainer' ) )[0];
-
+ var helperContainer = angular.element( element[ 0 ].querySelector( '.helperContainer' ) )[0];
+
if ( typeof helperContainer !== 'undefined' ) {
for ( var i = 0; i < helperContainer.getElementsByTagName( 'BUTTON' ).length ; i++ ) {
helperItems[ i ] = helperContainer.getElementsByTagName( 'BUTTON' )[ i ];
}
helperItemsLength = helperItems.length + helperContainer.getElementsByTagName( 'INPUT' ).length;
}
-
- // focus on the filter element on open.
- if ( element[ 0 ].querySelector( '.inputFilter' ) ) {
- element[ 0 ].querySelector( '.inputFilter' ).focus();
+
+ // focus on the filter element on open.
+ if ( element[ 0 ].querySelector( '.inputFilter' ) ) {
+ element[ 0 ].querySelector( '.inputFilter' ).focus();
$scope.tabIndex = $scope.tabIndex + helperItemsLength - 2;
// blur button in vain
angular.element( element ).children()[ 0 ].blur();
}
// if there's no filter then just focus on the first checkbox item
- else {
- if ( !$scope.isDisabled ) {
+ else {
+ if ( !$scope.isDisabled ) {
$scope.tabIndex = $scope.tabIndex + helperItemsLength;
if ( $scope.inputModel.length > 0 ) {
formElements[ $scope.tabIndex ].focus();
$scope.setFocusStyle( $scope.tabIndex );
// blur button in vain
angular.element( element ).children()[ 0 ].blur();
- }
+ }
}
- }
+ }
// open callback
$scope.onOpen();
- }
+ }
}
-
+
// handle clicks outside the button / multi select layer
- $scope.externalClickListener = function( e ) {
+ $scope.externalClickListener = function( e ) {
var targetsArr = element.find( e.target.tagName );
- for (var i = 0; i < targetsArr.length; i++) {
+ for (var i = 0; i < targetsArr.length; i++) {
if ( e.target == targetsArr[i] ) {
return;
}
}
- angular.element( checkBoxLayer.previousSibling ).removeClass( 'buttonClicked' );
+ angular.element( checkBoxLayer.previousSibling ).removeClass( 'buttonClicked' );
angular.element( checkBoxLayer ).removeClass( 'show' );
- angular.element( document ).off( 'click', $scope.externalClickListener );
- angular.element( document ).off( 'keydown', $scope.keyboardListener );
-
- // close callback
+ angular.element( document ).off( 'click', $scope.externalClickListener );
+ angular.element( document ).off( 'keydown', $scope.keyboardListener );
+
+ // close callback
$timeout( function() {
$scope.onClose();
}, 0 );
@@ -3398,7 +3411,7 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
// set focus on button again
element.children().children()[ 0 ].focus();
}
-
+
// select All / select None / reset buttons
$scope.select = function( type, e ) {
@@ -3407,72 +3420,72 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
switch( type.toUpperCase() ) {
case 'ALL':
- angular.forEach( $scope.filteredModel, function( value, key ) {
- if ( typeof value !== 'undefined' && value[ attrs.disableProperty ] !== true ) {
- if ( typeof value[ attrs.groupProperty ] === 'undefined' ) {
+ angular.forEach( $scope.filteredModel, function( value, key ) {
+ if ( typeof value !== 'undefined' && value[ attrs.disableProperty ] !== true ) {
+ if ( typeof value[ attrs.groupProperty ] === 'undefined' ) {
value[ $scope.tickProperty ] = true;
}
}
- });
- $scope.refreshOutputModel();
- $scope.refreshButton();
- $scope.onSelectAll();
+ });
+ $scope.refreshOutputModel();
+ $scope.refreshButton();
+ $scope.onSelectAll();
break;
case 'NONE':
angular.forEach( $scope.filteredModel, function( value, key ) {
- if ( typeof value !== 'undefined' && value[ attrs.disableProperty ] !== true ) {
- if ( typeof value[ attrs.groupProperty ] === 'undefined' ) {
+ if ( typeof value !== 'undefined' && value[ attrs.disableProperty ] !== true ) {
+ if ( typeof value[ attrs.groupProperty ] === 'undefined' ) {
value[ $scope.tickProperty ] = false;
}
}
- });
- $scope.refreshOutputModel();
- $scope.refreshButton();
- $scope.onSelectNone();
+ });
+ $scope.refreshOutputModel();
+ $scope.refreshButton();
+ $scope.onSelectNone();
break;
- case 'RESET':
- angular.forEach( $scope.filteredModel, function( value, key ) {
- if ( typeof value[ attrs.groupProperty ] === 'undefined' && typeof value !== 'undefined' && value[ attrs.disableProperty ] !== true ) {
- var temp = value[ $scope.indexProperty ];
+ case 'RESET':
+ angular.forEach( $scope.filteredModel, function( value, key ) {
+ if ( typeof value[ attrs.groupProperty ] === 'undefined' && typeof value !== 'undefined' && value[ attrs.disableProperty ] !== true ) {
+ var temp = value[ $scope.indexProperty ];
value[ $scope.tickProperty ] = $scope.backUp[ temp ][ $scope.tickProperty ];
}
- });
- $scope.refreshOutputModel();
- $scope.refreshButton();
- $scope.onReset();
+ });
+ $scope.refreshOutputModel();
+ $scope.refreshButton();
+ $scope.onReset();
break;
case 'CLEAR':
$scope.tabIndex = $scope.tabIndex + 1;
- $scope.onClear();
+ $scope.onClear();
break;
- case 'FILTER':
+ case 'FILTER':
$scope.tabIndex = helperItems.length - 1;
break;
- default:
- }
- }
+ default:
+ }
+ }
- // just to create a random variable name
- function genRandomString( length ) {
+ // just to create a random variable name
+ function genRandomString( length ) {
var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
var temp = '';
for( var i=0; i < length; i++ ) {
- temp += possible.charAt( Math.floor( Math.random() * possible.length ));
+ temp += possible.charAt( Math.floor( Math.random() * possible.length ));
}
return temp;
}
// count leading spaces
$scope.prepareGrouping = function() {
- var spacing = 0;
+ var spacing = 0;
angular.forEach( $scope.filteredModel, function( value, key ) {
- value[ $scope.spacingProperty ] = spacing;
+ value[ $scope.spacingProperty ] = spacing;
if ( value[ attrs.groupProperty ] === true ) {
spacing+=2;
- }
+ }
else if ( value[ attrs.groupProperty ] === false ) {
spacing-=2;
- }
+ }
});
}
@@ -3486,94 +3499,94 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
}
// navigate using up and down arrow
- $scope.keyboardListener = function( e ) {
-
- var key = e.keyCode ? e.keyCode : e.which;
- var isNavigationKey = false;
+ $scope.keyboardListener = function( e ) {
+
+ var key = e.keyCode ? e.keyCode : e.which;
+ var isNavigationKey = false;
// ESC key (close)
if ( key === 27 ) {
- e.preventDefault();
+ e.preventDefault();
e.stopPropagation();
$scope.toggleCheckboxes( e );
- }
-
-
- // next element ( tab, down & right key )
- else if ( key === 40 || key === 39 || ( !e.shiftKey && key == 9 ) ) {
-
+ }
+
+
+ // next element ( tab, down & right key )
+ else if ( key === 40 || key === 39 || ( !e.shiftKey && key == 9 ) ) {
+
isNavigationKey = true;
- prevTabIndex = $scope.tabIndex;
- $scope.tabIndex++;
+ prevTabIndex = $scope.tabIndex;
+ $scope.tabIndex++;
if ( $scope.tabIndex > formElements.length - 1 ) {
$scope.tabIndex = 0;
- prevTabIndex = formElements.length - 1;
- }
+ prevTabIndex = formElements.length - 1;
+ }
while ( formElements[ $scope.tabIndex ].disabled === true ) {
$scope.tabIndex++;
if ( $scope.tabIndex > formElements.length - 1 ) {
- $scope.tabIndex = 0;
- }
+ $scope.tabIndex = 0;
+ }
if ( $scope.tabIndex === prevTabIndex ) {
break;
}
- }
+ }
}
-
+
// prev element ( shift+tab, up & left key )
- else if ( key === 38 || key === 37 || ( e.shiftKey && key == 9 ) ) {
+ else if ( key === 38 || key === 37 || ( e.shiftKey && key == 9 ) ) {
isNavigationKey = true;
- prevTabIndex = $scope.tabIndex;
- $scope.tabIndex--;
+ prevTabIndex = $scope.tabIndex;
+ $scope.tabIndex--;
if ( $scope.tabIndex < 0 ) {
$scope.tabIndex = formElements.length - 1;
prevTabIndex = 0;
- }
- while ( formElements[ $scope.tabIndex ].disabled === true ) {
+ }
+ while ( formElements[ $scope.tabIndex ].disabled === true ) {
$scope.tabIndex--;
if ( $scope.tabIndex === prevTabIndex ) {
break;
- }
+ }
if ( $scope.tabIndex < 0 ) {
$scope.tabIndex = formElements.length - 1;
- }
- }
- }
-
- if ( isNavigationKey === true ) {
+ }
+ }
+ }
+ if ( isNavigationKey === true ) {
+
e.preventDefault();
- // set focus on the checkbox
- formElements[ $scope.tabIndex ].focus();
- var actEl = document.activeElement;
-
- if ( actEl.type.toUpperCase() === 'CHECKBOX' ) {
+ // set focus on the checkbox
+ formElements[ $scope.tabIndex ].focus();
+ var actEl = document.activeElement;
+
+ if ( actEl.type.toUpperCase() === 'CHECKBOX' ) {
$scope.setFocusStyle( $scope.tabIndex );
$scope.removeFocusStyle( prevTabIndex );
- }
+ }
else {
$scope.removeFocusStyle( prevTabIndex );
$scope.removeFocusStyle( helperItemsLength );
$scope.removeFocusStyle( formElements.length - 1 );
- }
- }
+ }
+ }
isNavigationKey = false;
}
// set (add) CSS style on selected row
- $scope.setFocusStyle = function( tabIndex ) {
- angular.element( formElements[ tabIndex ] ).parent().parent().parent().addClass( 'multiSelectFocus' );
+ $scope.setFocusStyle = function( tabIndex ) {
+ angular.element( formElements[ tabIndex ] ).parent().parent().parent().addClass( 'multiSelectFocus' );
}
// remove CSS style on selected row
- $scope.removeFocusStyle = function( tabIndex ) {
+ $scope.removeFocusStyle = function( tabIndex ) {
angular.element( formElements[ tabIndex ] ).parent().parent().parent().removeClass( 'multiSelectFocus' );
}
/*********************
- *********************
+ *********************
*
* 1) Initializations
*
@@ -3582,44 +3595,44 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
// attrs to $scope - attrs-$scope - attrs - $scope
// Copy some properties that will be used on the template. They need to be in the $scope.
- $scope.groupProperty = attrs.groupProperty;
+ $scope.groupProperty = attrs.groupProperty;
$scope.tickProperty = attrs.tickProperty;
$scope.directiveId = attrs.directiveId;
-
+
// Unfortunately I need to add these grouping properties into the input model
var tempStr = genRandomString( 5 );
$scope.indexProperty = 'idx_' + tempStr;
- $scope.spacingProperty = 'spc_' + tempStr;
+ $scope.spacingProperty = 'spc_' + tempStr;
- // set orientation css
+ // set orientation css
if ( typeof attrs.orientation !== 'undefined' ) {
- if ( attrs.orientation.toUpperCase() === 'HORIZONTAL' ) {
+ if ( attrs.orientation.toUpperCase() === 'HORIZONTAL' ) {
$scope.orientationH = true;
$scope.orientationV = false;
}
- else
+ else
{
$scope.orientationH = false;
$scope.orientationV = true;
}
- }
+ }
// get elements required for DOM operation
checkBoxLayer = element.children().children().next()[0];
// set max-height property if provided
- if ( typeof attrs.maxHeight !== 'undefined' ) {
+ if ( typeof attrs.maxHeight !== 'undefined' ) {
var layer = element.children().children().children()[0];
- angular.element( layer ).attr( "style", "height:" + attrs.maxHeight + "; overflow-y:scroll;" );
+ angular.element( layer ).attr( "style", "height:" + attrs.maxHeight + "; overflow-y:scroll;" );
}
- // some flags for easier checking
+ // some flags for easier checking
for ( var property in $scope.helperStatus ) {
- if ( $scope.helperStatus.hasOwnProperty( property )) {
- if (
- typeof attrs.helperElements !== 'undefined'
- && attrs.helperElements.toUpperCase().indexOf( property.toUpperCase() ) === -1
+ if ( $scope.helperStatus.hasOwnProperty( property )) {
+ if (
+ typeof attrs.helperElements !== 'undefined'
+ && attrs.helperElements.toUpperCase().indexOf( property.toUpperCase() ) === -1
) {
$scope.helperStatus[ property ] = false;
}
@@ -3630,31 +3643,31 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
$scope.helperStatus[ 'none' ] = false;
}
- // helper button icons.. I guess you can use html tag here if you want to.
- $scope.icon = {};
+ // helper button icons.. I guess you can use html tag here if you want to.
+ $scope.icon = {};
$scope.icon.selectAll = '✓'; // a tick icon
$scope.icon.selectNone = '×'; // x icon
- $scope.icon.reset = '↶'; // undo icon
+ $scope.icon.reset = '↶'; // undo icon
// this one is for the selected items
- $scope.icon.tickMark = '✓'; // a tick icon
+ $scope.icon.tickMark = '✓'; // a tick icon
- // configurable button labels
+ // configurable button labels
if ( typeof attrs.translation !== 'undefined' ) {
$scope.lang.selectAll = $sce.trustAsHtml( $scope.icon.selectAll + ' ' + $scope.translation.selectAll );
$scope.lang.selectNone = $sce.trustAsHtml( $scope.icon.selectNone + ' ' + $scope.translation.selectNone );
$scope.lang.reset = $sce.trustAsHtml( $scope.icon.reset + ' ' + $scope.translation.reset );
- $scope.lang.search = $scope.translation.search;
- $scope.lang.nothingSelected = $sce.trustAsHtml( $scope.translation.nothingSelected );
+ $scope.lang.search = $scope.translation.search;
+ $scope.lang.nothingSelected = $sce.trustAsHtml( $scope.translation.nothingSelected );
}
else {
- $scope.lang.selectAll = $sce.trustAsHtml( $scope.icon.selectAll + ' Select All' );
+ $scope.lang.selectAll = $sce.trustAsHtml( $scope.icon.selectAll + ' Select All' );
$scope.lang.selectNone = $sce.trustAsHtml( $scope.icon.selectNone + ' Select None' );
$scope.lang.reset = $sce.trustAsHtml( $scope.icon.reset + ' Reset' );
$scope.lang.search = 'Search...';
- $scope.lang.nothingSelected = 'None Selected';
+ $scope.lang.nothingSelected = 'None Selected';
}
$scope.icon.tickMark = $sce.trustAsHtml( $scope.icon.tickMark );
-
+
// min length of keyword to trigger the filter function
if ( typeof attrs.MinSearchLength !== 'undefined' && parseInt( attrs.MinSearchLength ) > 0 ) {
vMinSearchLength = Math.floor( parseInt( attrs.MinSearchLength ) );
@@ -3667,147 +3680,147 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
*
*******************************************************
*******************************************************/
-
+
// watch1, for changes in input model property
// updates multi-select when user select/deselect a single checkbox programatically
- // https://github.com/isteven/angular-multi-select/issues/8
- $scope.$watch( 'inputModel' , function( newVal ) {
- if ( newVal ) {
- $scope.refreshOutputModel();
- $scope.refreshButton();
+ // https://github.com/isteven/angular-multi-select/issues/8
+ $scope.$watch( 'inputModel' , function( newVal ) {
+ if ( newVal ) {
+ $scope.refreshOutputModel();
+ $scope.refreshButton();
}
}, true );
-
+
// watch2 for changes in input model as a whole
// this on updates the multi-select when a user load a whole new input-model. We also update the $scope.backUp variable
- $scope.$watch( 'inputModel' , function( newVal ) {
+ $scope.$watch( 'inputModel' , function( newVal ) {
if ( newVal ) {
- $scope.backUp = angular.copy( $scope.inputModel );
+ $scope.backUp = angular.copy( $scope.inputModel );
$scope.updateFilter();
$scope.prepareGrouping();
- $scope.prepareIndex();
- $scope.refreshOutputModel();
- $scope.refreshButton();
+ $scope.prepareIndex();
+ $scope.refreshOutputModel();
+ $scope.refreshButton();
}
- });
+ });
// watch for changes in directive state (disabled or enabled)
- $scope.$watch( 'isDisabled' , function( newVal ) {
- $scope.isDisabled = newVal;
- });
-
- // this is for touch enabled devices. We don't want to hide checkboxes on scroll.
- var onTouchStart = function( e ) {
- $scope.$apply( function() {
- $scope.scrolled = false;
- });
+ $scope.$watch( 'isDisabled' , function( newVal ) {
+ $scope.isDisabled = newVal;
+ });
+
+ // this is for touch enabled devices. We don't want to hide checkboxes on scroll.
+ var onTouchStart = function( e ) {
+ $scope.$apply( function() {
+ $scope.scrolled = false;
+ });
};
angular.element( document ).bind( 'touchstart', onTouchStart);
- var onTouchMove = function( e ) {
- $scope.$apply( function() {
- $scope.scrolled = true;
- });
+ var onTouchMove = function( e ) {
+ $scope.$apply( function() {
+ $scope.scrolled = true;
+ });
};
- angular.element( document ).bind( 'touchmove', onTouchMove);
+ angular.element( document ).bind( 'touchmove', onTouchMove);
// unbind document events to prevent memory leaks
$scope.$on( '$destroy', function () {
- angular.element( document ).unbind( 'touchstart', onTouchStart);
- angular.element( document ).unbind( 'touchmove', onTouchMove);
+ angular.element( document ).unbind( 'touchstart', onTouchStart);
+ angular.element( document ).unbind( 'touchmove', onTouchMove);
});
}
}
}]).run( [ '$templateCache' , function( $templateCache ) {
- var template =
+ var template =
'' +
- // main button
- '' +
- // overlay layer
- '
\n' +
- // container of the helper elements
- '\n \n
");
- $templateCache.put("src/templates/main-table.html","\n \n
\n");
- $templateCache.put("src/templates/main.html","
\n ' +
- // container of the first 3 buttons, select all, none and reset
- '
'+
- // selection items
- '' +
- // select all
- ''+
- // select none
- ''+
- // reset
- '' +
- '
' +
- // the search box
- ''+
- // textfield
- ''+
- // clear button
- ' '+
- '
'+
- ''+
- '
'+
+ // main button
+ '' +
+ // overlay layer
+ ' '+
- // this is the spacing for grouped items
- '
'+
- ''+
- '
'+
- ''+
- ''+
- '
'+
- // the tick/check mark
- ''+
- '' +
+ // container of the helper elements
+ '
'+
- '';
- $templateCache.put( 'isteven-multi-select.htm' , template );
-}]);
+ '';
+ $templateCache.put( 'isteven-multi-select.htm' , template );
+}]);
angular.module("FileManagerApp").run(["$templateCache", function($templateCache) {$templateCache.put("src/templates/current-folder-breadcrumb.html","");
- $templateCache.put("src/templates/item-context-menu.html","");
- $templateCache.put("src/templates/main-icons-preview.html","' +
+ // container of the first 3 buttons, select all, none and reset
+ '
'+
+ // selection items
+ '' +
+ // select all
+ ''+
+ // select none
+ ''+
+ // reset
+ '' +
+ '
' +
+ // the search box
+ ''+
+ // textfield
+ ''+
+ // clear button
+ ' '+
+ '
'+
+ ''+
+ '
'+
' '+
+ // this is the spacing for grouped items
+ '
'+
+ ''+
+ '
'+
+ ''+
+ ''+
+ '
'+
+ // the tick/check mark
+ ''+
+ '\n \n\n
");
- $templateCache.put("src/templates/main-icons.html","\n \n
\n\n \n {{\"no_files_in_folder\" | translate}}...\n
\n \n \n {{ fileNavigator.error }}\n
\n\n
");
- $templateCache.put("src/templates/main-table-modal.html","\n \n
\n\n \n \n
\n\n \n {{\"no_files_in_folder\" | translate}}...\n
\n \n \n {{ fileNavigator.error }}\n
\n| \n \n {{\"name\" | translate}}\n \n \n | \n\n |
|---|---|
| \n \n | \n|
| \n {{\"no_folders_in_folder\" | translate}}...\n | \n\n \n | \n
| \n {{ fileNavigator.error }}\n | \n|
| \n \n \n {{item.model.name | strLimit : 32}}\n \n | \n\n \n | \n
| \n \n {{\"name\" | translate}}\n \n \n | \n\n \n {{\"size\" | translate}}\n \n \n | \n\n \n {{\"date\" | translate}}\n \n \n | \n\n \n {{\"permissions\" | translate}}\n \n \n | \n
|---|---|---|---|
| \n \n | \n|||
| \n {{\"no_files_in_folder\" | translate}}...\n | \n|||
| \n {{ fileNavigator.error }}\n | \n|||
| \n \n \n \n {{item.model.name | strLimit : 64}}\n \n | \n\n \n {{item.model.size | humanReadableFileSize}}\n \n | \n\n {{item.model.date | formatDate }}\n | \n\n {{item.model.perms.toCode(item.model.type === \'dir\'?\'d\':\'-\')}}\n | \n
\n \n\n
\n");
- $templateCache.put("src/templates/modals.html","\n
\n\n \n \n\n\n
\n \n
\n\n \n \n
\n \n
\n\n\n
\n\n
\n \n \n
\n {{\"preview\" | translate}}
\n\n
\n \n \n\n ![\"{{singleSelection().model.name}}\"]()
\n {{\'loading\' | translate}} ...\n
\n \n \n
\n\n\n \n
\n\n
\n\n\n\n \n
\n\n
\n\n\n \n
\n\n
\n\n\n \n
\n\n
\n\n\n \n
\n\n
\n\n\n \n
\n\n
\n\n\n \n
\n\n
\n\n\n \n
\n\n
\n\n\n \n
\n\n
\n \n
\n \n \n \n \n
\n
\n \n
\n
\n \n \n
\n {{\'delete\' | translate}}
\n\n \n