Commit | Line | Data |
---|---|---|
f263929f CW |
1 | <div id="civicrm-dashboard"> |
2 | <fieldset class="crm-inactive-dashlet-fieldset"> | |
3 | <legend> | |
1c07ebba | 4 | <a href class="crm-hover-button" ng-click="$ctrl.toggleInactive()"> |
f263929f CW |
5 | <i class="crm-i fa-{{ $ctrl.showInactive ? 'minus' : 'plus' }}" aria-hidden="true"></i> |
6 | {{ $ctrl.inactive.length === 1 ? ts('1 Available Dashlet') : ts('%1 Available Dashlets', {1: $ctrl.inactive.length}) }} | |
7 | </a> | |
1c07ebba | 8 | <input ng-if="$ctrl.showInactive" class="crm-form-text" ng-model="$ctrl.filterInactive" type="search" placeholder="{{:: ts('Filter by title...') }}"> |
f263929f CW |
9 | </legend> |
10 | <div ng-if="$ctrl.showInactive" ng-model="$ctrl.inactive" ui-sortable="$ctrl.sortableOptions" class="crm-dashboard-droppable"> | |
11 | <div class="help"> | |
12 | {{ ts('Drag and drop dashlets onto the left or right columns below to add them to your dashboard. Changes are automatically saved.') }} | |
13 | <a crm-ui-help="hs({id: 'dash_configure', title: ts('Dashboard Configuration')})"></a> | |
14 | </div> | |
1c07ebba | 15 | <div ng-repeat="dashlet in $ctrl.inactive" class="crm-inactive-dashlet" ng-show="$ctrl.filterApplies(dashlet)"> |
f263929f CW |
16 | <crm-inactive-dashlet dashlet="dashlet" delete="$ctrl.deleteDashlet($index)"></crm-inactive-dashlet> |
17 | </div> | |
18 | </div> | |
19 | </fieldset> | |
20 | <div class="crm-flex-box" ng-if="!$ctrl.fullscreenDashlet"> | |
21 | <div ng-repeat="column in $ctrl.columns" class="crm-flex-{{2 + $index}} crm-dashboard-droppable" ng-model="column" ui-sortable="$ctrl.sortableOptions"> | |
22 | <div ng-repeat="dashlet in column" class="crm-dashlet"> | |
23 | <crm-dashlet dashlet="dashlet" remove="$ctrl.removeDashlet($parent.$index, $index)" fullscreen="$ctrl.showFullscreen(dashlet)" ></crm-dashlet> | |
24 | </div> | |
25 | </div> | |
26 | </div> | |
27 | </div> |