javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

IONICONS

Browse Source
This commit is contained in:
Max Lynch
2013-10-09 22:23:07 -05:00
parent 7a4a0e015f
commit b8bb9b7e4a
24 changed files with 11479 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,7 +7,7 @@ angular.module('ionic.ui.list', ['ionic.service', 'ngAnimate'])
transclude: true,
template: '<li class="list-item">' +
' <div class="list-item-edit" ng-if="item.canDelete">' +
' <button class="button button-icon"><i class="icon-minus-sign"></i></button>' +
' <button class="button button-icon"><i ng-class="deleteIcon"></i></button>' +
' </div>' +
' <div class="list-item-content" ng-transclude>' +
' </div>' +
@ -31,7 +31,8 @@ angular.module('ionic.ui.list', ['ionic.service', 'ngAnimate'])
scope: {
isEditing: '=',
items: '=',
animation: '='
animation: '@',
deleteIcon: '@'
},
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">' +

5
js/ext/angular/test/list.html
View File

@ -5,7 +5,6 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="../../../../dist/ionic.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-touch.js"></script>
@ -53,7 +52,7 @@
<list is-editing="isEditingItems">
<li href="#" class="list-item">
<div class="list-item-edit">
<button class="button button-icon"><i class="icon-minus-sign"></i></button>
<button class="button button-icon"><i class="icon-minus-circled"></i></button>
</div>
<div class="list-item-content">
Item 1
@ -82,7 +81,7 @@
</div>
</li>
</list>
<list items="items" is-editing="isEditingItems" animation="my-repeat-animation">
<list items="items" is-editing="isEditingItems" animation="my-repeat-animation" delete-icon="icon-minus-circled">
</list>
<button ng-click="edit()" class="button button-success">Edit</button>
</content>