mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 06:57:02 +08:00
List syncing
This commit is contained in:
10
js/ext/angular/src/directive/ionicList.js
vendored
10
js/ext/angular/src/directive/ionicList.js
vendored
@ -6,12 +6,15 @@ angular.module('ionic.ui.list', ['ionic.service', 'ngAnimate'])
|
||||
replace: true,
|
||||
transclude: true,
|
||||
template: '<li class="list-item">' +
|
||||
' <div class="list-item-edit" ng-if="item.canDelete">' +
|
||||
' <div class="list-item-edit" ng-if="item.canDelete && isEditing">' +
|
||||
' <button class="button button-icon" ng-click="deleteClicked()"><i ng-class="deleteIcon"></i></button>' +
|
||||
' </div>' +
|
||||
' <div class="list-item-content" ng-transclude>' +
|
||||
' </div>' +
|
||||
' <div class="list-item-buttons" ng-if="item.canSwipe">' +
|
||||
' <div class="list-item-drag" ng-if="item.canReorder && isEditing">' +
|
||||
' <button ng-click="startReorder()"><i ng-class="reorderIcon"></i></button>' +
|
||||
' </div>' +
|
||||
' <div class="list-item-buttons" ng-if="item.canSwipe && !isEditing">' +
|
||||
' <button ng-click="buttonClicked(button)" class="button" ng-class="button.type" ng-repeat="button in item.buttons">{{button.text}}</button>' +
|
||||
' </div>' +
|
||||
'</li>',
|
||||
@ -38,7 +41,8 @@ angular.module('ionic.ui.list', ['ionic.service', 'ngAnimate'])
|
||||
isEditing: '=',
|
||||
items: '=',
|
||||
animation: '@',
|
||||
deleteIcon: '@'
|
||||
deleteIcon: '@',
|
||||
reorderIcon: '@'
|
||||
},
|
||||
template: '<ul class="list" ng-class="{\'list-editing\': isEditing}">' +
|
||||
'<list-item ng-repeat="item in items" canDelete="item.canDelete" canSwipe="item.canSwipe" animation="my-repeat-animation">' +
|
||||
|
||||
1
js/ext/angular/src/directive/ionicToggle.js
vendored
1
js/ext/angular/src/directive/ionicToggle.js
vendored
@ -7,6 +7,7 @@ angular.module('ionic.ui.toggle', [])
|
||||
restrict: 'E',
|
||||
replace: true,
|
||||
require: '?ngModel',
|
||||
scope: true,
|
||||
template: '<div class="toggle">' +
|
||||
' <input type="checkbox">'+
|
||||
' <div class="track">' +
|
||||
|
||||
@ -102,7 +102,9 @@
|
||||
text: 'Item 1',
|
||||
canDelete: true,
|
||||
canSwipe: true,
|
||||
canReorder: true,
|
||||
icon: 'icon-chevron-right',
|
||||
reorderIcon: 'icon-navicon',
|
||||
hide: false,
|
||||
deleteItem: removeItem,
|
||||
buttons: [{
|
||||
@ -115,7 +117,9 @@
|
||||
text: 'Item 2',
|
||||
canDelete: true,
|
||||
canSwipe: true,
|
||||
canReorder: true,
|
||||
icon: 'icon-chevron-right',
|
||||
reorderIcon: 'icon-navicon',
|
||||
deleteItem: removeItem,
|
||||
buttons: [{
|
||||
text: 'Kill',
|
||||
@ -127,7 +131,9 @@
|
||||
text: 'Item 3',
|
||||
canDelete: true,
|
||||
canSwipe: true,
|
||||
canReorder: true,
|
||||
icon: 'icon-chevron-right',
|
||||
reorderIcon: 'icon-navicon',
|
||||
deleteItem: removeItem,
|
||||
buttons: [{
|
||||
text: 'Kill',
|
||||
@ -139,6 +145,7 @@
|
||||
text: 'Item 4',
|
||||
canDelete: true,
|
||||
canSwipe: true,
|
||||
canReorder: true,
|
||||
icon: 'icon-chevron-right',
|
||||
deleteItem: removeItem,
|
||||
buttons: [{
|
||||
|
||||
Reference in New Issue
Block a user