Pankaj Berde | c4ae4b8 | 2013-01-12 09:56:47 -0800 | [diff] [blame^] | 1 | /* |
| 2 | Copyright 2012 IBM |
| 3 | |
| 4 | Licensed under the Apache License, Version 2.0 (the "License"); |
| 5 | you may not use this file except in compliance with the License. |
| 6 | You may obtain a copy of the License at |
| 7 | |
| 8 | http://www.apache.org/licenses/LICENSE-2.0 |
| 9 | |
| 10 | Unless required by applicable law or agreed to in writing, software |
| 11 | distributed under the License is distributed on an "AS IS" BASIS, |
| 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 13 | See the License for the specific language governing permissions and |
| 14 | limitations under the License. |
| 15 | */ |
| 16 | |
| 17 | window.HostView = Backbone.View.extend({ |
| 18 | |
| 19 | initialize:function () { |
| 20 | this.template = _.template(tpl.get('host')); |
| 21 | this.model.bind("change", this.render, this); |
| 22 | this.model.bind("add", this.render, this); |
| 23 | }, |
| 24 | |
| 25 | render:function (eventName) { |
| 26 | $(this.el).html(this.template(this.model.toJSON())); |
| 27 | return this; |
| 28 | } |
| 29 | |
| 30 | }); |
| 31 | |
| 32 | window.HostListView = Backbone.View.extend({ |
| 33 | |
| 34 | initialize:function () { |
| 35 | var self = this; |
| 36 | this.template = _.template(tpl.get('host-list')); |
| 37 | this.model.bind("change", this.render, this); |
| 38 | this.model.bind("add", this.render, this); |
| 39 | this.model.bind("remove", this.render, this); |
| 40 | }, |
| 41 | |
| 42 | render:function (eventName) { |
| 43 | $(this.el).html(this.template({nhosts:hl.length})); |
| 44 | _.each(this.model.models, function (h) { |
| 45 | $(this.el).find('table.host-table > tbody') |
| 46 | .append(new HostListItemView({model:h}).render().el); |
| 47 | }, this); |
| 48 | return this; |
| 49 | } |
| 50 | }); |
| 51 | |
| 52 | window.HostListItemView = Backbone.View.extend({ |
| 53 | |
| 54 | tagName:"tr", |
| 55 | |
| 56 | initialize:function () { |
| 57 | this.template = _.template(tpl.get('host-list-item')); |
| 58 | this.model.bind("change", this.render, this); |
| 59 | this.model.bind("destroy", this.close, this); |
| 60 | }, |
| 61 | |
| 62 | render:function (eventName) { |
| 63 | $(this.el).html(this.template(this.model.toJSON())); |
| 64 | return this; |
| 65 | } |
| 66 | |
| 67 | }); |