{{!
* 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.
}}
{{#if view.isDataLoaded}}

  <div id="widgets-options-menu" class="dropdown">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
        <span>Metric Actions</span>
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
      <li class="dropdown-submenu add-widgets-text">
        <a href="javascript:void(null);"><i class="icon-plus"></i> &nbsp; {{t common.add}}</a>
        {{view view.plusButtonFilterView}}
      </li>
      <li class="dropdown-submenu">
        <a href="javascript:void(null);"><i class="icon-cog"></i> &nbsp; {{t common.edit}}</a>
        <ul class="dropdown-menu">
          <li>
            <a href="#" {{action "resetAllWidgets" target="view"}}>
              <i class="icon-refresh"></i> &nbsp; {{t dashboard.button.reset}}
            </a>
          </li>
          {{#if App.router.clusterController.isGangliaInstalled}}
            <li>
              <a target="_blank" {{bindAttr href="view.gangliaUrl"}}>
                <i class="icon-share"></i> &nbsp; {{t dashboard.button.gangliaLink}}
              </a>
            </li>
          {{/if}}
        </ul>
      </li>
    </ul>
  </div>

  <div class="dashboard-widgets-box">
    <div id="dashboard-widgets"  class="widgets-container">
      <div class="thumbnails row-fluid" id="sortable">
        {{#if view.visibleWidgets.length}}
          {{#each widgetClass in view.visibleWidgets}}
            <div {{bindAttr class="widgetClass.class"}}>
              {{view widgetClass }}
            </div>
          {{/each}}
        {{/if}}
      </div>
    </div>
  </div>
{{/if}}
