Yoji SHIDARA
null+****@clear*****
Mon Oct 1 19:14:42 JST 2012
Yoji SHIDARA 2012-10-01 19:14:42 +0900 (Mon, 01 Oct 2012) New Revision: 448d39612de6d7b4bb50c9404dccbb5952eb77b1 https://github.com/groonga/gcs/commit/448d39612de6d7b4bb50c9404dccbb5952eb77b1 Log: Highlight selected domain Modified files: public/js/gcs/controllers.js public/js/gcs/views.js views/index.jade Modified: public/js/gcs/controllers.js (+4 -0) =================================================================== --- public/js/gcs/controllers.js 2012-10-01 19:01:07 +0900 (4f8794e) +++ public/js/gcs/controllers.js 2012-10-01 19:14:42 +0900 (f1f6b2a) @@ -152,20 +152,24 @@ App.Router = Ember.Router.extend({ show: Ember.Route.extend({ route: '/', connectOutlets: function(router) { + var applicationController = router.get('applicationController'); var domainController = router.get('domainController'); var domain = domainController.get('content'); domainController.set('selectedAction', 'About'); + applicationController.set('selected', domain.get('name')); domainController.connectOutlet('domainShow', domain); } }), search: Ember.Route.extend({ route: '/search', connectOutlets: function(router) { + var applicationController = router.get('applicationController'); var domainController = router.get('domainController'); var domain = domainController.get('content'); var domainSearchController = router.get('domainSearchController'); domainController.set('selectedAction', 'Search'); domainSearchController.set('domain', domain); + applicationController.set('selected', domain.get('name')); domainSearchController.set('query', null); domainSearchController.reset(); domainController.connectOutlet('domainSearch'); Modified: public/js/gcs/views.js (+11 -1) =================================================================== --- public/js/gcs/views.js 2012-10-01 19:01:07 +0900 (66c397b) +++ public/js/gcs/views.js 2012-10-01 19:14:42 +0900 (c2b09ce) @@ -1,5 +1,15 @@ App.ApplicationView = Ember.View.extend({ - templateName: 'application' + templateName: 'application', + selectedBinding: 'controller.selected', + + NavItemView: Ember.View.extend({ + tagName: 'li', + classNameBindings: 'isActive:active'.w(), + isActive: function() { + console.log("ISAC", this.get('item'), this.get('parentView.selected')); + return this.get('item') === this.get('parentView.selected'); + }.property('item', 'parentView.selected') + }) }); App.IndexView = Ember.View.extend({ Modified: views/index.jade (+3 -1) =================================================================== --- views/index.jade 2012-10-01 19:01:07 +0900 (63f101a) +++ views/index.jade 2012-10-01 19:14:42 +0900 (9abf71e) @@ -28,7 +28,9 @@ html ul.nav.nav-list li.nav-header Domains {{#each App.domains}} - li <a href {{action showDomain this}}>{{name}}</a> + {{#view view.NavItemView itemBinding="name"}} + <a href {{action showDomain this}}>{{name}}</a> + {{/view}} {{/each}} .span10 {{outlet}} -------------- next part -------------- HTML����������������������������... Download