Commit Graph

48 Commits

Author SHA1 Message Date
Andy Joslin
986dbac893 refactor(ionList): more expressive, declarative (breaking change)
Closes #1024.

BREAKING CHANGE: ion-list syntax has changed in favor of simplicity &
flexibility.

Relevant documentation:
[ionList](http://ionicframework.com/docs/api/directive/ionList),
[ionItem](http://ionicframework.com/docs/api/directive/ionItem),
[ionOptionButton](http://ionicframework.com/docs/api/directive/ionOptionButton),
[ionReorderButton](http://ionicframework.com/docs/api/directive/ionReorderButton),
[ionDeleteButton](http://ionicframework.com/docs/api/directive/ionDeleteButton),
[$ionicListDelegate](http://ionicframework.com/docs/api/service/$ionicListDelegate).

To migrate, change your code from this:

```html
<ion-list option-buttons="[{text:'hello',type:'button-positive',onTap:tap()}]"
          on-delete="onDelete(el)"
          delete-icon="ion-minus-circled"
          can-delete="true"
          show-delete="shouldShowDelete"
          on-reorder="onReorder(el, startIndex, toIndex)"
          reorder-icon="ion-navicon"
          can-reorder="true"
          show-reorder="shouldShowReorder">
  <ion-item ng-repeat="item in items">
    {{item}}
  </ion-item>
</ion-list>
```

To this:

```html
<ion-list show-delete="shouldShowDelete"
          show-reorder="shouldShowReorder">
  <ion-item ng-repeat="item in items">
    {{item}}
    <ion-delete-button class="ion-minus-circled"
                       ng-click="onDelete(item)">
    </ion-delete-button>
    <ion-reorder-button class="ion-navicon"
                       ng-click="onReorder(item, $fromIndex, $toIndex)">
    </ion-reorder-button>
    <ion-option-button class="button-positive" ng-click="tap()">
      Hello
    </ion-option-button>
  </ion-item>
</ion-list>
```
2014-04-04 10:12:16 -06:00
Max Lynch
7dbe23382d Updated tabs test for class thing 2014-03-21 12:48:22 -05:00
Andy Joslin
cd5131c107 tests(): move has-* to classes for ion-content elements 2014-03-18 15:36:13 -06:00
Andy Joslin
2c39a21498 feat(ionic): prefix all directives with ion-
BREAKING CHANGE: All directives are now prefixed with `ion-`.

For any directive you use, add the ionic prefix.

For example, change this HTML:

```html
<tabs>
  <tab title="home" href="/tab/home">
    <content>Hello!</content>
  </tab>
</tabs>
```

To this HTML:

```
<ion-tabs>
  <ion-tab title="home" href="/tab/home">
    <ion-content>Hello!</ion-content>
  </ion-tab>
</ion-tabs>
```
2014-02-18 16:13:00 -05:00
Andy Joslin
80ee6c2497 test(tabs): add tab.shown catching to test page
Addresses #588
2014-02-13 12:18:02 -05:00
Andy Joslin
5d2f24cf59 chore(): make test files use ionic.bundle.js 2014-02-10 13:49:02 -05:00
Andy Joslin
b11e0f512b feat(tabs): allow tab badge-style attribute to set badge class 2014-02-07 13:16:02 -05:00
Andy Joslin
0facb120c7 feat(tab): allow html in tab title attribute
Closes #528
2014-02-06 22:25:12 -05:00
UniRing
bc927e57e7 feat(tabs): allow badges on tabbar via bound badge attr 2014-02-05 11:38:06 -05:00
Max Lynch
5667a3b8af Cleaned up header-aligned tabs 2014-01-25 12:05:40 -06:00
Adam Bradley
a8729fb17a Remove angular-touch.js and angular-route.js references 2014-01-24 21:33:28 -06:00
Adam Bradley
2b2492d2d4 add padding classname for content directive 2014-01-13 11:59:58 -06:00
Max Lynch
86d6889628 Fixed #380 - rename ionic services to use $ionic prefix 2014-01-13 10:46:41 -06:00
Adam Bradley
cfdefd452e update w/ ui-router 2014-01-07 19:50:39 -06:00
Max Lynch
5d5b5b95a5 Fixed #126 - tap header scroll to top 2013-12-18 19:26:22 -06:00
Adam Bradley
1a22f26e4b update tabs.html example 2013-12-13 11:23:53 -06:00
Adam Bradley
746a578d5e remove link-item tests 2013-12-13 11:16:17 -06:00
Max Lynch
78f1b1ce28 Fixed #295 and #293 - jQuery Scroll Event clash 2013-12-08 15:03:20 -06:00
Max Lynch
a705940581 Fixed #273 - android specific title sizes 2013-12-06 10:34:40 -06:00
Max Lynch
84fe1c99ab Fixed tabs test 2013-12-03 20:32:23 -06:00
Max Lynch
e336e4dc54 More removal of flexbox vert 2013-12-03 15:16:01 -06:00
Max Lynch
373044cfd8 Pull to refresh with callback 2013-12-02 17:44:35 -06:00
Max Lynch
fb5fd99680 Pull to refresh 2013-12-02 17:23:31 -06:00
Max Lynch
3f4fac80b7 Making some progress 2013-12-02 15:34:58 -06:00
Max Lynch
4646f5d459 Fixed #201 #215 #210 2013-11-25 14:26:34 -06:00
Max Lynch
0d5bd759a1 Fixed #172 - list item reorder persistence 2013-11-22 10:39:36 -06:00
Max Lynch
5f0ae6ca51 Fixed #158 - tab bar styles not set 2013-11-18 18:48:57 -06:00
Max Lynch
6a88748f7f Fixed #128 - tab item centering 2013-11-15 19:47:47 -06:00
Max Lynch
22d10a155e LOTS OF SHIT WOW 2013-11-13 22:49:57 -06:00
Max Lynch
8e738713d5 Lots 2013-11-13 18:40:26 -06:00
Max Lynch
2ffb925a97 Add list item type to directive 2013-11-11 16:09:46 -06:00
Max Lynch
c73cc43c21 Updated toggle and moved to view inheritance 2013-11-08 17:57:04 -06:00
Max Lynch
b94a2e7c10 Fixed #102 2013-11-08 17:25:54 -06:00
Max Lynch
d082c0c148 Fixed #56 - pull to drag 2013-11-08 16:58:14 -06:00
Max Lynch
9bf0406874 Fixed icon thing 2013-11-05 20:52:43 -06:00
Max Lynch
781fb241a1 Working on nav controller transitions, fixed #66 2013-11-05 20:49:18 -06:00
Max Lynch
bebdb776df Tab stuff 2013-11-01 18:43:51 -05:00
Max Lynch
082259dcfb Fixed #40 with test 2013-10-29 14:27:57 -05:00
Max Lynch
a23522cb06 Fixed most tests, started moving to Backbone VC for #62 2013-10-29 13:03:16 -05:00
Max Lynch
aad3bb92b5 A whole lotta shit 2013-10-21 10:44:35 -05:00
Adam Bradley
d9543e56c8 rename padded/padding, inset/margin 2013-10-15 15:08:43 -05:00
Max Lynch
9ec9cedf70 Tabs and toderp tweaks 2013-10-15 11:32:50 -05:00
Max Lynch
9707b94d24 List item button event fix 2013-10-14 16:39:51 -05:00
Max Lynch
b0923f84b5 Fixes for tab demo 2013-10-14 16:10:59 -05:00
Max Lynch
622eb890a2 Added license dump and angular module fixes 2013-10-01 22:30:35 -05:00
Max Lynch
9100bae246 Angular cleanup and content working 2013-10-01 17:34:14 -05:00
Max Lynch
81faada6f1 Angular examples working again 2013-10-01 16:24:01 -05:00
Max Lynch
04bfa7c524 Moved ext to js 2013-10-01 09:39:18 -05:00