Code coverage report for app/mixins/main/service/configs/widget_popover_support.js

Statements: 100% (14 / 14)      Branches: 68.75% (11 / 16)      Functions: 100% (6 / 6)      Lines: 100% (14 / 14)      Ignored: none     

All files » app/mixins/main/service/configs/ » widget_popover_support.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98    1                                     1                         1                             7       6 3 3       3                       3               1             76       1 1 1          
'use strict';
 
;require.register("mixins/main/service/configs/widget_popover_support", function (exports, require, module) {
  /**
   * 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');
 
  /**
   * Popover for configs widgets
   * Usage:
   * <code>
   *  didInsertElement: function () {
   *    this._super();
   *    this.initPopover();
   *  }
   *  </code>
   * @type {Em.Mixin}
   */
  App.WidgetPopoverSupport = Em.Mixin.create({
 
    /**
     * Should popover be on the page
     * @type {boolean}
     */
    isPopoverEnabled: true,
 
    /**
     * Where popover should be displayed - top|left|right|bottom
     * popover to left if config is located at the right most sub-section of the right most section.
     *
     * @type {string}
     */
    popoverPlacement: function () {
      return this.get('section.isLastColumn') && this.get('subSection.isLastColumn') ? 'left' : 'right';
    }.property('section.isLastColumn', 'subSection.isLastColumn'),
 
    initPopover: function initPopover() {
      if (this.get('isPopoverEnabled') !== false) {
        this.destroyPopover();
        var leftPopoverTemplate = '<div class="popover config-widget-left-popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>',
            isWidget = !Em.isEmpty(this.$('.original-widget')),
            popoverSelector = isWidget ? this.$('.original-widget') : this.$('.input-group');
 
        App.popover(popoverSelector, {
          template: this.get('popoverPlacement') === 'left' ? leftPopoverTemplate : undefined,
          title: Em.I18n.t('installer.controls.serviceConfigPopover.title').format(this.get('configLabel'), this.get('configLabel') === this.get('config.name') ? '' : this.get('config.name')),
          content: this.get('config.description'),
          placement: this.get('popoverPlacement'),
          trigger: 'hover',
          html: true,
          delay: {
            show: 1000,
            hide: 0
          }
        });
        this.on('willDestroyElement', this, this.destroyPopover);
      }
    },
 
    /**
     * Destroy popover after config becomes hidden
     */
    destroyPopover: function destroyPopover() {
      this.movePopover('destroy');
    },
 
    /**
     * Hide popover on config state changing (from widget-view to raw-mode and from raw-mode to widget-view)
     */
    hidePopover: function () {
      this.movePopover('hide');
    }.observes('config.showAsTextBox'),
 
    movePopover: function movePopover(action) {
      var popoverSelector = Em.isEmpty(this.$('.original-widget')) ? this.$('.input-group') : this.$('.original-widget');
      Eif (popoverSelector) {
        this.$(popoverSelector).popover(action);
      }
    }
 
  });
});