|
| 1 | +<a name="2.0.0-beta.7"></a> |
| 2 | +# [2.0.0-beta.7](https://github.com/driftyco/ionic/compare/v2.0.0-beta.6...v2.0.0-beta.7) (2016-05-19) |
| 3 | + |
| 4 | + |
| 5 | +### Features |
| 6 | + |
| 7 | +* **datetime:** add ion-datetime ([1e331c9](https://github.com/driftyco/ionic/commit/1e331c9)) |
| 8 | +* **input:** added functionality for clear input option on ion-input ([d8e2849](https://github.com/driftyco/ionic/commit/d8e2849)) |
| 9 | +* **modal:** add inset modal feature ([a658524](https://github.com/driftyco/ionic/commit/a658524)), closes [#5423](https://github.com/driftyco/ionic/issues/5423) |
| 10 | +* **modal:** start of inset modals ([a1a594d](https://github.com/driftyco/ionic/commit/a1a594d)) |
| 11 | +* **picker:** add ios/md/wp picker styles ([aa9a667](https://github.com/driftyco/ionic/commit/aa9a667)) |
| 12 | +* **picker:** init picker ([d5068f8](https://github.com/driftyco/ionic/commit/d5068f8)) |
| 13 | +* **platform:** add a readySource as ready resolved value ([f68ac8a](https://github.com/driftyco/ionic/commit/f68ac8a)) |
| 14 | +* **platform:** cordova pause/resume events ([532096b](https://github.com/driftyco/ionic/commit/532096b)) |
| 15 | + |
| 16 | + |
| 17 | +### Bug Fixes |
| 18 | + |
| 19 | +* **app:** add status bar padding to navbar when a tab subpage ([62b97ce](https://github.com/driftyco/ionic/commit/62b97ce)), closes [#6368](https://github.com/driftyco/ionic/issues/6368) |
| 20 | +* **app:** fix status bar padding for inset modals ([4d27680](https://github.com/driftyco/ionic/commit/4d27680)) |
| 21 | +* **build:** fix e2e, demos, and karma tests to use new angular module setup. ([4c19d15](https://github.com/driftyco/ionic/commit/4c19d15)) |
| 22 | +* **button:** add the solid class to bar buttons ([658b29b](https://github.com/driftyco/ionic/commit/658b29b)) |
| 23 | +* **button:** add transparent background for clear/outline windows buttons ([da5c065](https://github.com/driftyco/ionic/commit/da5c065)) |
| 24 | +* **button:** exclude solid from getting added to the button in the class ([4252448](https://github.com/driftyco/ionic/commit/4252448)) |
| 25 | +* **button:** remove unnecessary ion-button-effect elements ([369d78b](https://github.com/driftyco/ionic/commit/369d78b)) |
| 26 | +* **checkbox:** add ability to align checkboxes to the right ([e075ccd](https://github.com/driftyco/ionic/commit/e075ccd)), closes [#5925](https://github.com/driftyco/ionic/issues/5925) |
| 27 | +* **datetime:** fix property dayNames (it was using dayShort) ([0bd736d](https://github.com/driftyco/ionic/commit/0bd736d)) |
| 28 | +* **datetime:** improve parseTemplate ([55ec80a](https://github.com/driftyco/ionic/commit/55ec80a)) |
| 29 | +* **grid:** add ion-grid element which wraps the rows/cols and adds padding ([a0c0228](https://github.com/driftyco/ionic/commit/a0c0228)) |
| 30 | +* **input:** clear text input ([bde103d](https://github.com/driftyco/ionic/commit/bde103d)) |
| 31 | +* **input:** remove old clearInput code and clean up UI, added onChange calls ([71cd297](https://github.com/driftyco/ionic/commit/71cd297)) |
| 32 | +* **loading:** include cssClass in the Loading options ([4c8ee95](https://github.com/driftyco/ionic/commit/4c8ee95)), closes [#6365](https://github.com/driftyco/ionic/issues/6365) |
| 33 | +* **nav:** transition toolbars on iOS ([daa4ccc](https://github.com/driftyco/ionic/commit/daa4ccc)), closes [#5692](https://github.com/driftyco/ionic/issues/5692) |
| 34 | +* **picker:** number of dom children != number of options (#6551) ([28cf16a](https://github.com/driftyco/ionic/commit/28cf16a)) |
| 35 | +* **radio:** add styling for radio when item-left/item-right is added ([4c5dd0b](https://github.com/driftyco/ionic/commit/4c5dd0b)) |
| 36 | +* **raf:** test for undefined raf ([1c16008](https://github.com/driftyco/ionic/commit/1c16008)) |
| 37 | +* **segment:** add disabled property to segment and segment button ([4fca31e](https://github.com/driftyco/ionic/commit/4fca31e)) |
| 38 | +* **select:** add min height to select text for windows since it shows border ([e9c1442](https://github.com/driftyco/ionic/commit/e9c1442)) |
| 39 | +* **show-hide-when:** add !important to display as this should always take precedence ([617b7ac](https://github.com/driftyco/ionic/commit/617b7ac)), closes [#6270](https://github.com/driftyco/ionic/issues/6270) |
| 40 | +* **slides:** make slide method parameters optional ([f355087](https://github.com/driftyco/ionic/commit/f355087)) |
| 41 | +* **slides:** set class using renderer instead of host ([132d8e9](https://github.com/driftyco/ionic/commit/132d8e9)), closes [#6275](https://github.com/driftyco/ionic/issues/6275) |
| 42 | +* **tabs:** move border to top for windows positioned bottom tabs ([af2085e](https://github.com/driftyco/ionic/commit/af2085e)), closes [#6526](https://github.com/driftyco/ionic/issues/6526) |
| 43 | +* **tabs:** remove min-width from tab so 5 tabs will fit ([b4647cd](https://github.com/driftyco/ionic/commit/b4647cd)), closes [#6056](https://github.com/driftyco/ionic/issues/6056) |
| 44 | +* **toast:** add toast back to the components export ([d7d4742](https://github.com/driftyco/ionic/commit/d7d4742)) |
| 45 | +* **toggle:** add styling for toggle when placed left ([ab82d53](https://github.com/driftyco/ionic/commit/ab82d53)) |
| 46 | +* **toolbar:** add the mode to the inverse function for a toolbar ([3ca3027](https://github.com/driftyco/ionic/commit/3ca3027)), closes [#6364](https://github.com/driftyco/ionic/issues/6364) |
| 47 | +* **toolbar:** md mode use the color contrast for toolbar button/title ([9f54f16](https://github.com/driftyco/ionic/commit/9f54f16)) |
| 48 | +* **toolbar:** remove color change from outline buttons in toolbar ([6759074](https://github.com/driftyco/ionic/commit/6759074)) |
| 49 | +* **toolbar:** set the text color of the toolbar based on the contrast of the background ([74afc18](https://github.com/driftyco/ionic/commit/74afc18)) |
| 50 | +* **toolbar:** wp get title/button color from the contrast of toolbar background ([62bd13b](https://github.com/driftyco/ionic/commit/62bd13b)) |
| 51 | +* **virtual-scroll:** fixes from rc1 breaking changes ([158f717](https://github.com/driftyco/ionic/commit/158f717)) |
| 52 | + |
| 53 | + |
| 54 | +### BREAKING CHANGES |
| 55 | + |
| 56 | +#### Angular Update to 2.0.0-rc.1 |
| 57 | + |
| 58 | +Angular has been updated to 2.0.0-rc.1, follow these steps to update Angular. |
| 59 | + |
| 60 | +1. Edit your `package.json` and **remove** the `angular2` entry: |
| 61 | + |
| 62 | + ``` |
| 63 | + "angular2": "2.0.0-beta.15" |
| 64 | + ``` |
| 65 | + |
| 66 | +2. Then, run the following command from a terminal: |
| 67 | + |
| 68 | + ``` |
| 69 | + npm install --save @angular/core @angular/compiler @angular/common @angular/platform-browser @angular/platform-browser-dynamic @angular/router @angular/http [email protected] [email protected] reflect-metadata |
| 70 | + ``` |
| 71 | + |
| 72 | +3. Run the following command from a terminal to update the gulp task for `ionic-gulp-scripts-copy`: |
| 73 | + |
| 74 | + ``` |
| 75 | + npm install --save-dev ionic-gulp-scripts-copy |
| 76 | + ``` |
| 77 | + |
| 78 | +4. Then, change any imports in your application from `angular2` to `@angular`. For example, the following: |
| 79 | + |
| 80 | + ```javascript |
| 81 | + import {ViewChild} from 'angular2/core'; |
| 82 | + import {Http} from 'angular2/http'; |
| 83 | + ``` |
| 84 | + |
| 85 | + becomes |
| 86 | + |
| 87 | + ```javascript |
| 88 | + import {ViewChild} from '@angular/core'; |
| 89 | + import {Http} from '@angular/http'; |
| 90 | + ``` |
| 91 | + |
| 92 | +5. Remove the import for `angular2-polyfills` in `index.html`: |
| 93 | + |
| 94 | + ```html |
| 95 | + <script src="build/js/angular2-polyfills.js"></script> |
| 96 | + ``` |
| 97 | + |
| 98 | + and replace it with the following scripts: |
| 99 | + |
| 100 | + ```html |
| 101 | + <script src="build/js/zone.js"></script> |
| 102 | + <script src="build/js/Reflect.js"></script> |
| 103 | + ``` |
| 104 | + |
| 105 | +6. Replace all template variables in `ngFor` with `let`. For example: |
| 106 | + |
| 107 | + ``` |
| 108 | + *ngFor="#session of group.sessions" |
| 109 | + ``` |
| 110 | + |
| 111 | + becomes |
| 112 | + |
| 113 | + ``` |
| 114 | + *ngFor="let session of group.sessions" |
| 115 | + ``` |
| 116 | + |
| 117 | +7. View the [Angular Changelog](https://github.com/angular/angular/blob/master/CHANGELOG.md) for more in depth changes. |
| 118 | + |
| 119 | + |
| 120 | +#### IonicApp ([df32836](https://github.com/driftyco/ionic/commit/df32836)) references [#6199](https://github.com/driftyco/ionic/issues/6199) |
| 121 | + |
| 122 | +The `getComponent` method of `IonicApp` has been removed. Please use Angular's [ViewChild](https://angular.io/docs/ts/latest/api/core/ViewChild-var.html) instead. |
| 123 | + |
| 124 | +An example (in TypeScript) of getting the `Nav` ViewChild: |
| 125 | + |
| 126 | +```html |
| 127 | +<ion-nav [root]="rootPage" #content></ion-nav> |
| 128 | +``` |
| 129 | + |
| 130 | +```javascript |
| 131 | +import {ViewChild} from '@angular/core'; |
| 132 | +import {Nav} from 'ionic-angular'; |
| 133 | + |
| 134 | +@App({ |
| 135 | + templateUrl: 'build/app.html' |
| 136 | +}) |
| 137 | +class myApp { |
| 138 | + @ViewChild(Nav) nav: Nav; |
| 139 | + |
| 140 | + ... |
| 141 | +} |
| 142 | +``` |
| 143 | + |
| 144 | +and the same example (in JavaScript): |
| 145 | + |
| 146 | +```javascript |
| 147 | +import {ViewChild} from 'angular2/core'; |
| 148 | + |
| 149 | +@App({ |
| 150 | + templateUrl: 'build/app.html', |
| 151 | + queries: { |
| 152 | + nav: new ViewChild('content') |
| 153 | + } |
| 154 | +}) |
| 155 | +class myApp { |
| 156 | + |
| 157 | +} |
| 158 | +``` |
| 159 | + |
| 160 | +Please see the [Ionic Conference App](https://github.com/driftyco/ionic-conference-app) for more usage examples. |
| 161 | + |
| 162 | + |
| 163 | +#### Router |
| 164 | + |
| 165 | +The Angular router is currently under heavy development and refactoring. As a result of this, Angular’s router is currently disabled within Ionic. If your app requires use of the router we recommend waiting until a future release of Ionic when Angular has completed work on the new router. However, this does not affect Ionic’s navigation system and it continues to work with the same API from previous versions. |
| 166 | + |
| 167 | + |
| 168 | +#### Sass Changes |
| 169 | + |
| 170 | +##### Toolbar [#6364](https://github.com/driftyco/ionic/issues/6364) |
| 171 | + |
| 172 | +**iOS Mode** |
| 173 | + |
| 174 | +- `$toolbar-ios-button-color` now has a |
| 175 | +default value of `color-contrast($colors-ios, $toolbar-ios-background, |
| 176 | +ios)` which will evaluate to the primary color for light background |
| 177 | +toolbars and white for dark background toolbars. |
| 178 | +- `$bar-button-ios-color` has been renamed to `$toolbar-ios-button-color` |
| 179 | +- `$bar-button-ios-border-radius` has been renamed to |
| 180 | +`$toolbar-ios-button-border-radius` |
| 181 | + |
| 182 | +- added variables for the toolbar ios title for easier styling: |
| 183 | + |
| 184 | + ``` |
| 185 | + $toolbar-ios-title-font-weight |
| 186 | + $toolbar-ios-title-text-align |
| 187 | + $toolbar-ios-title-text-color |
| 188 | + ``` |
| 189 | + |
| 190 | +**Windows Mode** |
| 191 | + |
| 192 | +- `$bar-button-wp-color` was renamed to `$toolbar-wp-button-color` |
| 193 | +- `$bar-button-wp-border-radius` was renamed to |
| 194 | +`$toolbar-wp-button-border-radius` |
| 195 | +- Added `$toolbar-wp-title-text-color` for better control of the title |
| 196 | +color |
| 197 | +- Removed `$toolbar-wp-button-color` from the default themes |
| 198 | + |
| 199 | +**Material Design Mode** |
| 200 | + |
| 201 | +- `$toolbar-md-button-color` no longer gets passed to the function that |
| 202 | +sets the contrast color for toolbar buttons, but it can still be used |
| 203 | +to set the default button color. |
| 204 | +- `$bar-button-md-color` was renamed to `$toolbar-md-button-color` |
| 205 | +- `$bar-button-md-border-radius` was renamed to |
| 206 | +`$toolbar-md-button-border-radius` |
| 207 | + |
| 208 | +##### Toggle, Checkbox, Radio ([4c5dd0b](https://github.com/driftyco/ionic/commit/4c5dd0b)), ([e075ccd](https://github.com/driftyco/ionic/commit/e075ccd)), ([ab82d53](https://github.com/driftyco/ionic/commit/ab82d53)) references [#5925](https://github.com/driftyco/ionic/issues/5925) |
| 209 | + |
| 210 | +Renamed Sass variables in toggle, checkbox, and |
| 211 | +radio. Changed the word `media` in `component-mode-media-padding` (for example) |
| 212 | +to `item-left`. |
| 213 | + |
| 214 | + |
1 | 215 | <a name="2.0.0-beta.6"></a>
|
2 | 216 | # [2.0.0-beta.6](https://github.com/driftyco/ionic/compare/v2.0.0-beta.5...v2.0.0-beta.6) (2016-04-21)
|
3 | 217 |
|
|
0 commit comments