branch-1.2/ambari-web/app/views/main/apps/item_view.js

/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

var App = require('app');

App.MainAppsItemView = Em.View.extend({
  tagName: 'tr',
  classNames : ['containerRow'],
  templateName:require('templates/main/apps/item'),
  menuTabs:[
    Em.Object.create({
      label:Em.I18n.t('apps.dagCharts.popup.dag'),
      active:'active',
      content:'App.MainAppsItemDagView'
    }),
    Em.Object.create({
      label:Em.I18n.t('apps.dagCharts.popup.tasks'),
      active:'',
      content:'App.MainAppsItemBarView'
    })
  ],
  activeTab:null,
  switchTab:function(event){
    var tabs = this.get('menuTabs');
    for(var i = 0; i < tabs.length; i++){
      if(tabs[i] === event.context){
        tabs[i].set('active', 'active');
      }
      else {
        tabs[i].set('active', '');
      }
    }
    this.set('activeTab', event.context);
  },
  didInsertElement: function(){
    var tabs = this.get('menuTabs');
    tabs[0].set('active', 'active');
    tabs[1].set('active', '');
    this.set('activeTab', tabs[0]);
  },
  containerView: Em.ContainerView.extend({
    onchange:function(){

      if(this.get('childViews').length){
        this.get('childViews').get('firstObject').destroy();
      }

      var view = this.get('parentView.activeTab.content').split('.')[1];
      view = App[view].create({
        controllerBinding: 'App.router.mainAppsItemController'
      });
      this.get('childViews').pushObject(view);
    }.observes('parentView.activeTab')
  })
});