← Back to branch summary

~stian-sandvold/dhis2/UserSettingFallback

« back to all changes in this revision

Viewing changes to dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/report/report-form.html

  • Committer: Stian Sandvold
  • Date: 2016-03-14 12:16:33 UTC
  • mfrom: (21871.1.422 dhis2)
  • Revision ID: stian.sandvold@gmail.com-20160314121633-ojggeaoszdunzltj
merge

Show diffs side-by-side

added added

removed removed

Lines of Context:
dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/report/report-form.html
 
1
<div class="row">
 
2
    <div class="col-sm-8 col-md-6">
 
3
        <table class="table table-borderless table-striped">
 
4
            <tr>
 
5
                <td>{{'org_unit' | translate}}</td>
 
6
                <td>
 
7
                    <input type="text" class="form-control" value="{{selectedOrgUnit.displayName|| 'please_select'| translate}}" ng-disabled="true">                                                                                        
 
8
                </td>
 
9
            </tr>
 
10
            <tr>
 
11
                <td class='col-sm-4 col-md-3 vertical-center'>
 
12
                    {{'program'| translate}}
 
13
                </td>
 
14
                <td class='col-sm-4 col-md-3'>
 
15
                    <ui-select ng-model="model.selectedProgram" 
 
16
                            theme="select2" style="width:100%;">
 
17
                        <ui-select-match allow-clear="true" class="form-control-ui-select" placeholder="{{'select_or_search' | translate}}">{{$select.selected.displayName  || $select.selected}}</ui-select-match>
 
18
                        <ui-select-choices  repeat="program in programs | filter: $select.search | limitTo:maxOptionSize">
 
19
                            <span ng-bind-html="program.displayName | highlight: $select.search"></span>
 
20
                        </ui-select-choices>
 
21
                    </ui-select>
 
22
                </td>
 
23
            </tr>            
 
24
            <tr>
 
25
                <td class='col-sm-4 col-md-3 vertical-center'>{{'org_unit_scope'| translate}}</td>
 
26
                <td class='col-sm-4 col-md-3'>                 
 
27
                    <label><input type="radio" ng-model="selectedOuMode.name" name="selected" value="SELECTED"> {{'SELECTED'| translate}}</label><br/>
 
28
                    <label><input type="radio" ng-model="selectedOuMode.name" name="children" value="CHILDREN"> {{'CHILDREN'| translate}}</label><br/>
 
29
                    <label><input type="radio" ng-model="selectedOuMode.name" name="descendants" value="DESCENDANTS"> {{'DESCENDANTS'| translate}}</label><br/>
 
30
                </td>
 
31
            </tr>            
 
32
        </table>
 
33
    </div>
 
34
</div>
 
35
<div class="row">
 
36
    <div class="col-sm-8 col-md-6">
 
37
        <table class="table-borderless">
 
38
            <tr>
 
39
                <td>
 
40
                    <input type="text" 
 
41
                           name="reportStartDate" 
 
42
                           placeholder="{{'start_date'| translate}} ({{dhis2CalendarFormat.keyDateFormat}})" 
 
43
                           class="form-control" 
 
44
                           d2-date 
 
45
                           ng-model="report.startDate" 
 
46
                           max-date="0"
 
47
                           ng-required="true"/> 
 
48
                    <span ng-show="outerForm.submitted && outerForm.reportStartDate.$invalid" style="color:red;font-size:12px">{{'required'| translate}} ({{dhis2CalendarFormat.keyDateFormat}})</span>
 
49
                </td>
 
50
                <td>
 
51
                    <input type="text" 
 
52
                           name="reportEndDate" 
 
53
                           placeholder="{{'end_date'| translate}} ({{dhis2CalendarFormat.keyDateFormat}})" 
 
54
                           class="form-control" 
 
55
                           d2-date 
 
56
                           ng-model="report.endDate" 
 
57
                           max-date="0" 
 
58
                           ng-required="true"/>
 
59
                    <span ng-show="outerForm.submitted && outerForm.reportEndDate.$invalid" style="color:red;font-size:12px">{{'required'| translate}} ({{dhis2CalendarFormat.keyDateFormat}})</span>
 
60
                </td>
 
61
            </tr>
 
62
        </table>                
 
63
    </div>
 
64
    <div class="col-md-6 trim">
 
65
        <button type="button" class="btn btn-primary" ng-click="generateReport(model.selectedProgram, report, selectedOuMode)" ng-disabled="!model.selectedProgram">{{'go'| translate}}</button>               
 
66
    </div>
 
67
</div>
 
68
 
 
69
<div class="row" ng-if="programs.length < 1">        
 
70
    <div class="col-sm-8 col-md-6 vertical-spacing">
 
71
        <div class="alert alert-warning">{{'no_program_exists_report'| translate}}</div> 
 
72
    </div>
 
73
</div>
 
74
<div class="row" ng-if="programs.length > 0 && !model.selectedProgram">        
 
75
    <div class="col-sm-8 col-md-6 vertical-spacing">
 
76
        <div class="alert alert-warning">{{'please_select_program_report'| translate}}</div> 
 
77
    </div>
 
78
</div>
 
 
b'\\ No newline at end of file'