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

Header bar tweaks

Browse Source
This commit is contained in:
Max Lynch
2013-11-13 19:59:50 -06:00
parent 8e738713d5
commit 80d054762c
9 changed files with 125 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
js/ext/angular/src/directive/ionicHeader.js vendored
View File

@ -9,11 +9,26 @@ angular.module('ionic.ui.header', ['ngAnimate'])
restrict: 'E',
replace: true,
transclude: true,
template: '<header class="bar bar-header" ng-transclude></header>',
template: '<header class="bar bar-header">\
<div class="buttons">\
<button ng-repeat="button in leftButtons" class="button" ng-class="button.type" ng-click="button.click($event, $index)" ng-bind-html="button.content">\
</button>\
</div>\
<h1 class="title" ng-bind="title"></h1>\
<div class="buttons">\
<button ng-repeat="button in rightButtons" class="button" ng-class="button.type" ng-click="button.click($event, $index)" ng-bind-html="button.content">\
</button>\
</div>\
</header>',
scope: {
leftButtons: '=',
rightButtons: '=',
title: '=',
type: '@',
alignTitle: '@',
alignTitle: '@'
},
link: function($scope, $element, $attr) {
var hb = new ionic.views.HeaderBar({
el: $element[0],
@ -24,6 +39,22 @@ angular.module('ionic.ui.header', ['ngAnimate'])
$scope.headerBarView = hb;
$scope.$watch('leftButtons', function(val) {
// Resize the title since the buttons have changed
hb.align();
});
$scope.$watch('rightButtons', function(val) {
// Resize the title since the buttons have changed
hb.align();
});
$scope.$watch('title', function(val) {
// Resize the title since the title has changed
console.log('Title changed');
hb.align();
});
$scope.$on('$destroy', function() {
//
});