<div class="dashboard-name col-md-12">
    <div class="col-md-12">
        <span class="dashborad-selected-name">{{dashboardInfo.name}}</span>
        <span class="owner-btns" ng-if="dashboardInfo.isOwner">
            <a href="dashboards?subModule=dashboardsEdit&idDashboard={{dashboardInfo.idDashboard}}">
                <span class="edit-dashboard-btn glyphicon glyphicon-pencil"></span>
            </a>
            <span class="remove-dashborad-btn glyphicon glyphicon-remove" ng-click="showHideRemoveDialog()"></span>
        </span>
        <span class="select-dashboard-btn glyphicon glyphicon-menu-hamburger" ng-click="showSelectDashborad()"></span>
    </div>
    <div class="select-dashboard-layer col-md-3" ng-if="isSelectDashboardVisible">
        <h3 class="select-dashboard-title">{{ 'dashboards.headers.SELECT_DASHBOARD' | translate }}</h3>
        <div class="select-dashborad-group" ng-repeat="(dashboradType, dashborads) in allDashboards">
            <div class="select-dashboard-type">{{dashboradType}}</div>
            <div class="dashboard-row" ng-repeat="dashboard in dashborads" ng-click="getMyDashboard(dashboard.idDashboard)">
                {{dashboard.name}}
                <span class="{{dashboard.visibility}} visibility-icon glyphicon glyphicon-eye-{{getDashboradIcon(dashboard.visibility)}}"></span>
            </div>
        </div>
    </div>

    <div id="dialog-confirm"
         dialog
         ng-if="isRemoveDialogVisible"
         on-confirmation="removeDashboard"
         on-close="showHideRemoveDialog"
         is-modal="true"
         has-buttons="true"
         parameters="dashboardInfo.idDashboard"
         title="{{'dashboards.headers.REMOVE_DASHBOARD' | translate}}">
      <p><span class="glyphicon glyphicon-warning-sign"></span>{{'dashboards.messages.REMOVE_DASHBORAD_CONFIRMATION' | translate}} <b>{{dashboardInfo.name}}</b>?</p>
    </div>
</div>

<div id="dashboard-gadgets-container" class="row">
    <div
        class="gadget-layer col-md-6"
        ng-repeat="gadget in gadgets">
            <div class="gadget col-md-12" id="dashboard-gadget-{{gadget.idGadget}}" ng-init="gadgetsDirective(gadget)"></div>
    </div>
</div>
