<button type="button"
        id="dashboardsViewBtn"
        subModule="dashborardsView"
        class="btn btn-default"
        ng-click="setSubModule($event)">{{ 'dashboards.buttons.VIEW_DASHBOARD' | translate }}</button>

<button type="button"
        id="dashboardsCreateBtn"
        subModule="dashboardsCreate"
        class="btn btn-default"
        ng-click="setSubModule($event)">{{ 'dashboards.buttons.CREATE_DASHBOARD' | translate }}</button>

<div class="row">
    <div class="col-md-12"
         id="dashboards-layer"
         ng-if="isSubmoduleVisible('dashborardsView')"
         ng-init="getDashborad()">
         <dashboards-view ng-controller="dashboardsViewCtrl" ng-init="initMyDashborad()"></dashboards-view>
    </div>
</div>

<div class="row">
    <div class="col-md-12"
         id="dashboards-create-layer"
         ng-if="isSubmoduleVisible('dashboardsCreate')">
         <h3>{{ 'dashboards.headers.' + getHeaderKey('create') | translate }}</h3>
        <create-dashboard ng-controller="createDashboardCtrl" ng-init="initCreate()"></create-dashboard>
    </div>
</div>

<div class="row">
    <div class="col-md-12"
         id="dashboards-edit-layer"
         ng-if="isSubmoduleVisible('dashboardsEdit')">
         <h3>{{ 'dashboards.headers.' + getHeaderKey('edit') | translate }}</h3>
        <create-dashboard ng-controller="createDashboardCtrl" ng-init="initCreate()"></create-dashboard>
    </div>
</div>
