forked from msf-ocba/dhis_tally_sheets
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (116 loc) · 7.36 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<html ng-app="TallySheets" update-language>
<head>
<script src="assets/includes/lodash-4.17.15/lodash.min.js" type="text/javascript"></script>
<script src="assets/includes/xlsx-populate-1.21.0/xlsx-populate.min.js" type="text/javascript"></script>
<script src="assets/includes/filesaver-2.0.5/filesaver.min.js" type="text/javascript"></script>
<script src="assets/includes/angular-1.4.0/angular.min.js" type="text/javascript"></script>
<script src="assets/includes/angular-1.4.0/angular-route.min.js" type="text/javascript"></script>
<script src="assets/includes/angular-1.4.0/angular-resource.min.js" type="text/javascript"></script>
<script src="assets/includes/angular-1.4.0/angular-sanitize.min.js" type="text/javascript"></script>
<script src="assets/includes/angular-1.4.0/angular-translate.min.js" type="text/javascript"></script>
<script src="assets/includes/angular-1.4.0/angular-translate-loader-static-files.min.js"
type="text/javascript"></script>
<script src="assets/includes/jquery-2.1.4/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="assets/includes/jquery-ui-1.11.4/jquery-ui.min.js" type="text/javascript"></script>
<script src="assets/includes/bootstrap-3.3.4/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/includes/bootstrap-select/js/bootstrap-select.min.js" type="text/javascript"></script>
<script src="assets/includes/js-zip-3.10.1/jszip.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="assets/includes/jquery-ui-1.11.4/jquery-ui.min.css" />
<link rel="stylesheet" href="assets/includes/bootstrap-3.3.4/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/includes/bootstrap-select/css/bootstrap-select.min.css" />
<link rel="stylesheet" href="assets/stylesheets/app.css" />
<script type="module" src="src/webapp/app.js" type="text/javascript"></script>
<title>HMIS Tally sheets</title>
</head>
<body ng-controller="TallySheetsController">
<div id="mainMenu" class="panel panel-default hidden-print">
<div class="panel-body">
<!-- PRINT AND EXPORT -->
<div class="row">
<button onclick="window.print()" class="btn btn-primary hidden-print">{{ 'PRINT' | translate }}</button>
<button type="button" id="export-button" ng-click="exportToTable('tallysheetForm')"
class="btn btn-success hidden-print"
export-button="{{ {selectedDatasets: selectedDatasets, selectedLocales: selectedLocales, progressbarDisplayed: progressbarDisplayed} }}">
{{ 'EXPORT_EXCEL' | translate}}</button>
<span ng-show="exporting" class="loading-icon">
<span class="glyphicon glyphicon-hourglass"></span>
</span>
<button id="homeBtn" ng-click="goHome()" class="btn btn-danger hidden-print">
<span class="glyphicon glyphicon-home"></span>
{{ 'HOME' | translate}}
</button>
</div>
<!-- INCLUDE HEADERS -->
<div class="row include-headers">
<label id="includeHeaders">{{ 'HEADERS' | translate }}</label>
<input type="checkbox" ng-model="includeHeaders" aria-labelledby="includeHeaders"
ng-disabled="exporting || progressbarDisplayed">
</div>
<!-- SELECT ALL -->
<div class="row select-all">
<div ng-show="isAdmin">
<label id="selectAllLangs">{{ 'SELECT_ALL_LANGUAGES' | translate }}</label>
<input type="checkbox" ng-click="updateLangs()" ng-model="selectAllLangs"
aria-labelledby="selectAllLangs" ng-disabled="exporting || progressbarDisplayed">
</div>
<div>
<label id="selectAllDatasets">{{ 'SELECT_ALL_DATASETS' | translate }}</label>
<input type="checkbox" ng-model="selectAllDatasets" aria-labelledby="selectAllDatasets"
ng-disabled="progressbarDisplayed || exporting">
</div>
</div>
<!-- SELECTORS -->
<div class="row flex" ng-hide="selectAllDatasets && selectAllLangs">
<div>
<form id="datasetSelectorForm" class="inline" ng-show="!selectAllDatasets">
<select title="Nothing selected" name="dataset" class="selectpicker hidden-print"
data-live-search="true" multiple ng-disabled="exporting || progressbarDisplayed"
ng-class="(exporting || progressbarDisplayed) ? 'disabled' : ''">
<option disabled value="0">{{ 'SELECT_DATASET' | translate }}</option>
<option ng-repeat="dataset in datasets | orderBy : 'displayName'" ng-value="dataset.id"
on-finish-render="ngRepeatFinished">{{dataset.displayName}}</option>
</select>
</form>
<form id="languageSelectorForm" class="inline" ng-show="!selectAllLangs">
<select title="Nothing selected" name="language" class="selectpicker hidden-print"
data-live-search="true" multiple ng-disabled="exporting || progressbarDisplayed"
ng-class="(exporting || progressbarDisplayed) ? 'disabled' : ''">
<option disabled value="0">{{ 'SELECT_LANGUAGE' | translate }}</option>
<option ng-repeat="language in availableLanguages | orderBy : 'locale'"
ng-value="language.locale" on-finish-render="ngRepeatFinished"
ng-selected="preferredLanguage===language.locale&&selectedDatasets.length>0">
{{language.name}}</option>
</select>
</form>
</div>
<button ng-click="clearForm()" class="btn btn-default hidden-print"
ng-class="(exporting || progressbarDisplayed) ? 'disabled' : ''"
ng-disable="exporting || progressbarDisplayed">
<span class="glyphicon glyphicon-remove"></span>
</button>
<div>
<span ng-show="!selectorsLoaded" class="loading-icon">
<span class="glyphicon glyphicon-hourglass"></span>
</span>
</div>
</div>
</div>
</div>
<!-- DATASETS VIEW -->
<div>
<div class="progress hidden-print" ng-show="progressbarDisplayed" style="width:40%;">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100" style="width:100%;text-align:center;">
{{ 'IN_PROGRESS' | translate }}
</div>
</div>
<div id="datasetsForms">
<div ng-repeat="(index,datasetWrapper) in forms">
<form-dataset dataset="datasetWrapper.dataset" output-html="datasetWrapper.output"
headers="datasetWrapper.headers" include-headers="includeHeaders"
removed-sections="removedSections"></form-dataset>
</div>
</div>
</div>
</body>
</html>