Skip to content

Commit 6e6c85d

Browse files
istevenisteven
committed
use HTM instead of HTML
1 parent 9751932 commit 6e6c85d

File tree

1 file changed

+75
-73
lines changed

1 file changed

+75
-73
lines changed

‎isteven-multi-select.js‎

Lines changed: 75 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
7575
// i18n
7676
translation : '=' // 3.0.0 - OK
7777
},
78-
templateUrl: 'isteven-multi-select.html',
78+
templateUrl: 'isteven-multi-select.htm',
7979

8080

8181
link: function ( $scope, element, attrs ) {
@@ -970,80 +970,82 @@ angular.module( 'isteven-multi-select', ['ng'] ).directive( 'istevenMultiSelect'
970970
});
971971
}
972972
}
973-
}]).run(['$templateCache', function($templateCache){
974-
var template =
975-
'<span class="multiSelect inlineBlock" id={{directiveId}}>' +
976-
'<button type="button"' +
977-
'ng-click="toggleCheckboxes( $event ); refreshSelectedItems(); refreshButton(); prepareGrouping; prepareIndex();"' +
978-
'ng-bind-html="varButtonLabel">' +
979-
'</button>' +
980-
'<div class="checkboxLayer">' +
981-
982-
'<div class="helperContainer" ng-if="displayHelper( \'filter\' ) || displayHelper( \'all\' ) || displayHelper( \'none\' ) || displayHelper( \'reset\' )">' +
983-
'<div class="line" ng-if="displayHelper( \'all\' ) || displayHelper( \'none\' ) || displayHelper( \'reset\' )">' +
984-
985-
'<button type="button" class="helperButton"' +
986-
'ng-if="!isDisabled && displayHelper( \'all\' )"' +
987-
'ng-click="select( \'all\', $event );"' +
988-
'ng-bind-html="lang.selectAll">' +
989-
'</button>'+
990-
991-
'<button type="button" class="helperButton"' +
992-
'ng-if="!isDisabled && displayHelper( \'none\' )"' +
993-
'ng-click="select( \'none\', $event );"' +
994-
'ng-bind-html="lang.selectNone">' +
995-
'</button>'+
996-
997-
'<button type="button" class="helperButton reset"' +
998-
'ng-if="!isDisabled && displayHelper( \'reset\' )"' +
999-
'ng-click="select( \'reset\', $event );"' +
1000-
'ng-bind-html="lang.reset">'+
1001-
'</button>' +
1002-
'</div>' +
1003-
1004-
'<div class="line" style="position:relative" ng-if="displayHelper( \'filter\' )">'+
1005-
1006-
'<input placeholder="{{lang.search}}" type="text"' +
1007-
'ng-click="select( \'filter\', $event )" '+
1008-
'ng-model="inputLabel.labelFilter" '+
1009-
'ng-change="searchChanged()" class="inputFilter"'+
1010-
'/>'+
1011-
1012-
'<button type="button" class="clearButton" ng-click="clearClicked( $event )" >×</button> '+
1013-
'</div> '+
973+
}]).run( [ '$templateCache' , function( $templateCache ) {
974+
var template =
975+
'<span class="multiSelect inlineBlock" id={{directiveId}}>' +
976+
'<button type="button"' +
977+
'ng-click="toggleCheckboxes( $event ); refreshSelectedItems(); refreshButton(); prepareGrouping; prepareIndex();"' +
978+
'ng-bind-html="varButtonLabel">' +
979+
'</button>' +
980+
'<div class="checkboxLayer">' +
981+
982+
'<div class="helperContainer" ng-if="displayHelper( \'filter\' ) || displayHelper( \'all\' ) || displayHelper( \'none\' ) || displayHelper( \'reset\' )">' +
983+
'<div class="line" ng-if="displayHelper( \'all\' ) || displayHelper( \'none\' ) || displayHelper( \'reset\' )">' +
984+
985+
'<button type="button" class="helperButton"' +
986+
'ng-if="!isDisabled && displayHelper( \'all\' )"' +
987+
'ng-click="select( \'all\', $event );"' +
988+
'ng-bind-html="lang.selectAll">' +
989+
'</button>'+
990+
991+
'<button type="button" class="helperButton"' +
992+
'ng-if="!isDisabled && displayHelper( \'none\' )"' +
993+
'ng-click="select( \'none\', $event );"' +
994+
'ng-bind-html="lang.selectNone">' +
995+
'</button>'+
996+
997+
'<button type="button" class="helperButton reset"' +
998+
'ng-if="!isDisabled && displayHelper( \'reset\' )"' +
999+
'ng-click="select( \'reset\', $event );"' +
1000+
'ng-bind-html="lang.reset">'+
1001+
'</button>' +
1002+
'</div>' +
1003+
1004+
'<div class="line" style="position:relative" ng-if="displayHelper( \'filter\' )">'+
1005+
1006+
'<input placeholder="{{lang.search}}" type="text"' +
1007+
'ng-click="select( \'filter\', $event )" '+
1008+
'ng-model="inputLabel.labelFilter" '+
1009+
'ng-change="searchChanged()" class="inputFilter"'+
1010+
'/>'+
1011+
1012+
'<button type="button" class="clearButton" ng-click="clearClicked( $event )" >×</button> '+
10141013
'</div> '+
1015-
1016-
'<div class="checkBoxContainer">'+
1017-
'<div '+
1018-
'ng-repeat="item in filteredModel | filter:removeGroupEndMarker" class="multiSelectItem"'+
1019-
'ng-class="{selected: item[ tickProperty ], horizontal: orientationH, vertical: orientationV, multiSelectGroup:item[ groupProperty ], disabled:itemIsDisabled( item )}"'+
1020-
'ng-click="syncItems( item, $event, $index );" '+
1021-
'ng-mouseleave="removeFocusStyle( tabIndex );"> '+
1022-
1023-
'<div class="acol" ng-if="item[ spacingProperty ] > 0" ng-repeat="i in numberToArray( item[ spacingProperty ] ) track by $index">'+
1024-
1025-
'</div> '+
1026-
1027-
'<div class="acol">'+
1028-
1029-
'<label>'+
1030-
'<input class="checkbox focusable" type="checkbox" '+
1031-
'ng-disabled="itemIsDisabled( item )" '+
1032-
'ng-checked="item[ tickProperty ]" '+
1033-
'ng-click="syncItems( item, $event, $index )" />'+
1034-
1035-
'<span '+
1036-
'ng-class="{disabled:itemIsDisabled( item )}" '+
1037-
'ng-bind-html="writeLabel( item, \'itemLabel\' )">'+
1038-
'</span>'+
1039-
'</label>'+
1040-
'</div>'+
1041-
1042-
'<span class="tickMark" ng-if="item[ groupProperty ] !== true && item[ tickProperty ] === true">✔</span>'+
1014+
'</div> '+
1015+
1016+
'<div class="checkBoxContainer">'+
1017+
'<div '+
1018+
'ng-repeat="item in filteredModel | filter:removeGroupEndMarker" class="multiSelectItem"'+
1019+
'ng-class="{selected: item[ tickProperty ], horizontal: orientationH, vertical: orientationV, multiSelectGroup:item[ groupProperty ], disabled:itemIsDisabled( item )}"'+
1020+
'ng-click="syncItems( item, $event, $index );" '+
1021+
'ng-mouseleave="removeFocusStyle( tabIndex );"> '+
1022+
1023+
'<div class="acol" ng-if="item[ spacingProperty ] > 0" ng-repeat="i in numberToArray( item[ spacingProperty ] ) track by $index">'+
1024+
1025+
'</div> '+
1026+
1027+
'<div class="acol">'+
1028+
1029+
'<label>'+
1030+
'<input class="checkbox focusable" type="checkbox" '+
1031+
'ng-disabled="itemIsDisabled( item )" '+
1032+
'ng-checked="item[ tickProperty ]" '+
1033+
'ng-click="syncItems( item, $event, $index )" />'+
1034+
1035+
'<span '+
1036+
'ng-class="{disabled:itemIsDisabled( item )}" '+
1037+
'ng-bind-html="writeLabel( item, \'itemLabel\' )">'+
1038+
'</span>'+
1039+
'</label>'+
10431040
'</div>'+
1041+
1042+
'<span class="tickMark" ng-if="item[ groupProperty ] !== true && item[ tickProperty ] === true">✔</span>'+
10441043
'</div>'+
10451044
'</div>'+
1046-
'</span>';
1047-
$templateCache.put('isteven-multi-select.html', template);
1048-
}]); ;
1045+
'</div>'+
1046+
'</span>';
1047+
1048+
$templateCache.put( 'isteven-multi-select.htm' , template );
1049+
1050+
}]);
10491051

0 commit comments

Comments
 (0)