1 <div id=
"civicrm-dashboard">
2 <fieldset class=
"crm-inactive-dashlet-fieldset">
4 <a href
class=
"crm-hover-button" ng-click=
"$ctrl.showInactive = !$ctrl.showInactive">
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}) }}
9 <div ng-if=
"$ctrl.showInactive" ng-model=
"$ctrl.inactive" ui-sortable=
"$ctrl.sortableOptions" class=
"crm-dashboard-droppable">
11 {{ ts('Drag and drop dashlets onto the left or right columns below to add them to your dashboard. Changes are automatically saved.') }}
12 <a crm-ui-help=
"hs({id: 'dash_configure', title: ts('Dashboard Configuration')})"></a>
14 <div ng-repeat=
"dashlet in $ctrl.inactive" class=
"crm-inactive-dashlet">
15 <crm-inactive-dashlet dashlet=
"dashlet" delete=
"$ctrl.deleteDashlet($index)"></crm-inactive-dashlet>
19 <div class=
"crm-flex-box" ng-if=
"!$ctrl.fullscreenDashlet">
20 <div ng-repeat=
"column in $ctrl.columns" class=
"crm-flex-{{2 + $index}} crm-dashboard-droppable" ng-model=
"column" ui-sortable=
"$ctrl.sortableOptions">
21 <div ng-repeat=
"dashlet in column" class=
"crm-dashlet">
22 <crm-dashlet dashlet=
"dashlet" remove=
"$ctrl.removeDashlet($parent.$index, $index)" fullscreen=
"$ctrl.showFullscreen(dashlet)" ></crm-dashlet>