ambari/ambari-web/app/views/main/host.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.MainHostView = Em.View.extend({
  templateName: require('templates/main/host'),
  content:function(){
    return App.router.get('mainHostController.content');
  }.property('App.router.mainHostController.content'),
  componentsIds: [1, 2, 3, 4, 5, 6, 7, 8],
  isFilterOpen: false,
  isApplyDisabled: function(){
    return !this.get('isFilterOpen')
  }.property('isFilterOpen'),
  btnGroupClass: function(){
    return this.get('isFilterOpen') ? 'btn-group open' : 'btn-group';
  }.property('isFilterOpen'),

  applyFilters: function(){
    this.set('isFilterOpen', false);
    App.router.get('mainHostController').filterByComponentsIds(this.get('componentsIds'));
  },

  clickFilterButton: function(){
    var self = this;
    this.set('isFilterOpen', !this.get('isFilterOpen'));
    if (this.get('isFilterOpen')){
      var filters = App.router.get('mainHostController.filters.components');
      $('.filter-component').each(function () {
        var componentId = parseInt($(this).attr('id').replace('component-',''));
        var index = filters.indexOf(componentId);
        $(this).attr('checked', index == -1);
      });
      this.set('componentsIds', filters.toArray());

      var dropDown = $('#filter-dropdown');
      var firstClick = true;
      $(document).bind('click', function(e) {
        if (!firstClick && $(e.target).closest(dropDown).length == 0) {
          self.set('isFilterOpen', false);
          $(document).unbind('click');
        }
        firstClick = false;
      });
    }
  },
  HostView: Em.View.extend({
    content: null,
    labels: '',
    init: function(){
      this._super();
      var labels = this.get('content.components').getEach('label');
      this.set('labels', labels.join(', '));
    },
    HostCheckboxView: Em.Checkbox.extend({
      content: null,
      isChecked: false,
      change: function(event) {
        this.set('isChecked', !this.get('content.isChecked'));
        App.router.get('mainHostController').onHostChecked(this.get('content'));
      }
    })
  }),
  ComponentCheckboxView: Em.Checkbox.extend({
    content: null,
    elementId: function(){
      return 'component-' + this.get('content.id');
    }.property('content.id'),
    classNames: ['filter-component'],
    parentView: function(){
      return this._parentView.templateData.view;
    }.property(),
    change: function(event) {
      var parent = this._parentView.templateData.view;
      var componentsIds = parent.get('componentsIds');
      var componentId = this.get('content.id');
      var index = componentsIds.indexOf(componentId);
      if(index==-1) componentsIds.push(componentId);
      else componentsIds.splice(index, 1);
    }
  })
});

App.MainBackgroundOperation = Em.View.extend({
  content: null,
  classNames: ['background-operations'],
  classNameBindings: ['isOpen'],
  isOpen: false,
  logDetails: null,
  isOpenShowLog: false,
  iconClass: function(){
    return this.get('isOpen') ? 'icon-minus' : 'icon-plus';
  }.property('isOpen'),
  openDetails: function(){
    this.set('isOpen', !this.get('isOpen'))
  },
  showOperationLog:function(){
    var operation = this.get('content');
    var self = this;
    if (!this.get('isOpenShowLog') && !this.get('logDetails')) {
      jQuery.getJSON('data/hosts/background_operations/logs/task' +operation.taskId + '.json',
        function (data) {
          self.set('logDetails', data);
        }
      );
    }
    this.set('isOpenShowLog', !this.get('isOpenShowLog'))
  }
});