javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add list item type to directive

Browse Source
This commit is contained in:
Max Lynch
2013-11-11 16:09:46 -06:00
parent 4a12f39821
commit 2ffb925a97
5 changed files with 31 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
js/ext/angular/src/directive/ionicList.js vendored
View File

@ -3,10 +3,10 @@
angular.module('ionic.ui.list', ['ngAnimate'])
.directive('listItem', ['$timeout', function($timeout) {
.directive('item', ['$timeout', function($timeout) {
return {
restrict: 'E',
require: ['?^list', '?^virtualList'],
require: ['?^list'],
replace: true,
transclude: true,
scope: {
@ -17,8 +17,9 @@ angular.module('ionic.ui.list', ['ngAnimate'])
canReorder: '@',
canSwipe: '@',
buttons: '=',
type: '@'
},
template: '<a href="#" class="item item-slider">\
template: '<a href="#" class="item">\
<div class="item-edit" ng-if="canDelete && isEditing">\
<button class="button button-icon" ng-click="onDelete()"><i ng-class="deleteIcon"></i></button>\
</div>\
@ -32,20 +33,6 @@ angular.module('ionic.ui.list', ['ngAnimate'])
</div>\
</a>',
/*
template: '<li class="list-item">\
<div class="list-item-edit" ng-if="canDelete && isEditing">\
<button class="button button-icon" ng-click="onDelete()"><i ng-class="deleteIcon"></i></button>\
</div>\
<div class="list-item-content" ng-transclude>\
</div>\
<div class="list-item-drag" ng-if="canReorder && isEditing">\
<button data-ionic-action="reorder" class="button button-icon"><i ng-class="reorderIcon"></i></button>\
</div>\
<div class="list-item-buttons" ng-if="canSwipe && !isEditing">\
<button ng-click="buttonClicked(button)" class="button" ng-class="button.type" ng-repeat="button in buttons">{{button.text}}</button>\
</div>\
</li>',*/
link: function($scope, $element, $attr, list) {
// Grab the parent list controller
if(list[0]) {
@ -54,6 +41,13 @@ angular.module('ionic.ui.list', ['ngAnimate'])
list = list[1];
}
// Add the list item type class
$element.addClass($attr.type || 'item-slider');
if($attr.type !== 'item-slider') {
$scope.canSwipe = false;
}
$scope.isEditing = false;
$scope.deleteIcon = list.scope.deleteIcon;
$scope.reorderIcon = list.scope.reorderIcon;