Commit Graph

43 Commits

Author SHA1 Message Date
Adam Bradley
6471995a0d refactor(spinners): rename loaders to spinners 2015-01-20 13:05:06 -06:00
Adam Bradley
6f50c87ec3 feat(icons): svg loaders and ionicons v2.0.1 2015-01-15 15:35:12 -06:00
Adam Bradley
39951ca99a refactor(): navigation improvements, Angular 1.3
#### Refactor:

* **Navigation:** Refactored navigation for improved performance,
reduce DOM manipulations, increase transition FPS, cached views,
smoother transitions, platform specific transitions with added
configurable controls for transition animation and direction.
* **Cached Views:** Previously as a user navigated an app, each leaving
view’s element and scope would be destroyed. If the same view was
accessed again then the app would have to recreate the element. Views
can now be cached to improve performance. When a view is navigated away
from, its element is left in the DOM, and its scope is disconnected
from the cycle. When navigating to a view which is already cached, its
scope is reconnected, and the existing element which was left in the
DOM becomes the active view. This also allows for scroll position of
previous views to be maintained (without skippy jumps). Config
variables can be used to disable view caching (set to 0), or change the
maximum number of views to cache.
* **Angular v1.3:** Upgraded Ionic’s to work with Angular v1.3. In
general Ionic just works with the upgrade, but the required change was
that animations in v1.3 uses promise, whereas in v1.2 animations used
callbacks.

#### Features:

* **Platform Specific Transitions:** Transitions between views now
default to the transition style appropriate for each platform. For
example, iOS will move forward by transitioning the entering view from
right to center, and the leaving view from center to left. However,
Android will transition with the entering view going from bottom to
center, covering the previous view, which remains stationary. Platform
transitions are automatically applied by default, but config variables
and custom CSS allows these defaults to be easily overridden.
* **Override Transition Type and Direction:** As a user navigates the
app, Ionic automatically applies the appropriate transition type for
the platform, and the direction the user is navigating. However, both
can be overridden in numerous ways: config variable, view attribute,
stateProvider property, or attribute on the button/link that initiated
the transition.
* **enable-menu-with-back-views:** The `enable-menu-with-back-views`
attribute determines if the side menu is enabled when the back button
is showing. When set to `false`, any buttons/links with the
`menuToggle` directive will be hidden, and the user cannot swipe to
open the menu. When going back to the root page of the side menu (the
page without a back button visible), then any menuToggle buttons will
show again, and menus will be enabled again.
* **menuClose:** Closes a side menu which is currently opened.
Additionally, the menuClose directive will now cause transitions to not
animate between views while the menu is being closed.
* **ionNavBackButton:** The back button icon and text will
automatically update to platform config defaults, such as adjusting to
the platform back icon. To take advantage of this, the
`ionNavBackButton` directive now should be empty, such as
`<ion-nav-back-button></ion-nav-back-button>`. The back button can
still be fully customized like it could before, but without any inner
content it knows to style using platform configs.
* **navBar button primary/secondary sides:** Primary and secondary
sides are now the recommended values for the `side` attribute, such as
`<ion-nav-buttons side="primary">`. Primary buttons generally map to
the left side of the header, and secondary buttons are generally on the
right side. However, their exact locations are platform specific. For
example, in iOS the primary buttons are on the far left of the header,
and secondary buttons are on the far right, with the header title
centered between them. For Android however, both groups of buttons are
on the far right of the header, with the header title aligned left.
Recommendation is to always use `primary` and `secondary` so buttons
correctly map to the side familiar to users of a platform. However, in
cases where buttons should always be on an exact side, both `left` and
`right` sides are still available.
* **navDirection:** An attribute directive that sets the direction
which the nav view transition should animate.
* **navTransition:** An attribute directive that sets the transition
type which the nav view transition should use when it animates. Using
`none` will disable an animation.

#### Breaking Changes:

* **Animation CSS:** The CSS for view transitions have changed. This is
a breaking change only if Ionic apps had customized Ionic’s animation
CSS.
* **$ionicPlatformDefaults:** Platform config variables are no longer
in the $ionicPlatformDefaults constant, but within `$ionicConfig`.
* **$ionicViewService:** In the navigation refactoring,
$ionicViewService was split up into two factories, `$ionicViewSwitcher`
and `$ionicHistory`. The `$ionicHistory` is largely what
`$ionicViewService`, but between the two factories there is a better
separation of concerns for improved testing.
* **navClear:** The navClear directive was created to do what the new
side menu `enable-menu-with-back-views` attribute accomplishes.
Additionally, the new `navTransition` and `navDirection` directives are
more useful and granular than the navClear directive.
* **scrollView.rememberScrollPosition:** This method has been removed
since it is no longer needed with cached views.

#### Deprecated:

* **ionView.title:** The `ionView` directive used the `title`
attribute, but this can cause the tooltip to show up on desktop
browsers. The `title` attribute will still work for backwards
compatibility, but we now recommend using `view-title`, such as
`<ion-view view-title=”My Title”>`.
* **ionNavView animation attribute removed:** The animation attribute
is no longer used for nav views. Instead use `$ionicConfig`.
* **ionNavBar animation attribute removed:** The animation attribute is
no longer used for nav bars. Instead use `$ionicConfig`.
2014-11-11 14:43:10 -06:00
Adam Bradley
b69aa5485f feat(splitView): expose side menu on large viewport
Ability to keep a left menu exposed on larger viewports, such as a
landscape tablet. Added the `expose-aside-menu` attribute directive.
2014-08-26 15:00:42 -05:00
Adam Bradley
c1215aa300 feat(popover): created popovers 2014-07-31 14:43:29 -05:00
Andy Joslin
98e7e3df46 refactor($ionicLoading,$ionicPopup): factor out common code, add tests
Also fixes $ionicLoading flickering on ios7 in beta.1.
2014-04-08 13:35:02 -06:00
Adam Bradley
8a12f2d16c feat(select): Styled select elements, both inline and as a list item 2014-04-02 23:25:21 -05:00
Adam Bradley
e3491864b2 feat(loading): Moved loading scss to its own file and added variables, closes #984 2014-03-30 21:48:23 -05:00
Adam Bradley
b9cde47dd0 feat(progress): Set progress element's default width to 100%, closes #872 2014-03-24 08:48:12 -05:00
Andy Joslin
41afcdc4fb chore(scss): remove banner from file, let gulp insert it 2014-03-10 12:53:02 -06:00
Adam Bradley
560568823c remove unused _nav.scss 2014-01-17 09:50:27 -06:00
Adam Bradley
ead7224a1e angular-ui router 2014-01-09 11:12:39 -06:00
Adam Bradley
bad322d2da version in dist files 2013-12-07 14:30:57 -06:00
Max Lynch
6f3f36917f Fixing anims 2013-12-04 11:57:16 -06:00
Adam Bradley
1e95015070 separated keyframes from animations 2013-11-27 22:50:33 -06:00
Adam Bradley
462095eeed Merge pull request #196 from sorich87/minify
create minified JS and CSS in dist folder
2013-11-27 06:43:11 -08:00
Adam Bradley
3f1b415a93 /*! comment prefix 2013-11-27 08:26:04 -06:00
Adam Bradley
37187417e8 removing _icons.scss file, not needed 2013-11-25 09:46:14 -06:00
Ulrich Sossou
5a5dfec0d2 create minified JS and CSS in dist folder 2013-11-24 17:18:36 +01:00
Max Lynch
fad8d6da70 Moved ionicons to top of SCSS build order 2013-11-23 08:39:51 -06:00
Adam Bradley
b44573b9de moved ionicons from vendor/ to scss/ 2013-11-21 17:19:13 -06:00
Max Lynch
14028987e4 Fixed #159 2013-11-19 18:04:45 -06:00
Adam Bradley
64a4dab59f moved ionicons to vendor folder 2013-11-18 09:24:11 -06:00
Adam Bradley
cff2f307fb mega color overhaul 2013-11-11 22:33:13 -06:00
Max Lynch
7725a5e7f2 Moved ionicons back in, simplified life 2013-11-08 14:09:20 -06:00
Adam Bradley
27b2137a95 colors its own scss now 2013-11-08 09:06:44 -06:00
Adam Bradley
724a259474 init grid system 2013-11-07 15:01:37 -06:00
Max Lynch
8e381f3b53 Fixed map demo 2013-11-07 13:27:28 -06:00
Adam Bradley
e8aa4a859b reorg scss folder, closes #92 2013-11-07 10:58:36 -06:00
Adam Bradley
0b7c6ada06 ios7 css integration 2013-09-26 12:23:03 -05:00
Max Lynch
f4131dd839 Modals with test and slide in up animation 2013-09-24 13:06:06 -05:00
Max Lynch
136925f3b2 iOS 7 stuff and platform testing 2013-09-23 18:35:37 -05:00
Adam Bradley
f894d6befa move radio to its own file 2013-09-23 15:36:03 -05:00
Adam Bradley
d6b682ce39 remove icons scss from ionic folder 2013-09-23 15:11:03 -05:00
Adam Bradley
1241ac15d8 added util scss 2013-09-23 11:57:05 -05:00
Adam Bradley
29569cac81 renamed .content-padded to just .padded 2013-09-23 11:56:16 -05:00
Adam Bradley
41139cbd42 starting toggle 2013-09-18 16:05:11 -05:00
Adam Bradley
af4b6975b0 renamed _base.scss to _scaffolding.scss 2013-09-18 13:23:56 -05:00
Adam Bradley
1c1d10cfa6 type scss 2013-09-18 13:20:00 -05:00
Max Lynch
a05f9064ad Reduced markup required for tabs, added styles 2013-09-12 10:55:11 -05:00
Max Lynch
fc1a8270c0 Toderp shit and Angular 1.2.0rc2 2013-09-10 16:12:50 -05:00
Adam Bradley
292ff90193 css structure combine 2013-09-10 13:49:08 -05:00
Adam Bradley
852613cb82 ionic restructure 2013-08-29 09:13:07 -05:00