1 <div id=
"civicrm-dashboard">
2 <fieldset class=
"crm-inactive-dashlet-fieldset">
4 <a href
class=
"crm-hover-button" ng-click=
"$ctrl.toggleInactive()">
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}) }}
8 <input ng-if=
"$ctrl.showInactive" class=
"crm-form-text" ng-model=
"$ctrl.filterInactive" type=
"search" placeholder=
"{{:: ts('Filter by title...') }}">
10 <div ng-if=
"$ctrl.showInactive" ng-model=
"$ctrl.inactive" ui-sortable=
"$ctrl.sortableOptions" class=
"crm-dashboard-droppable">
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>
15 <div ng-repeat=
"dashlet in $ctrl.inactive" class=
"crm-inactive-dashlet" ng-show=
"$ctrl.filterApplies(dashlet)">
16 <crm-inactive-dashlet dashlet=
"dashlet" delete=
"$ctrl.deleteDashlet($index)"></crm-inactive-dashlet>
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>