summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-col-edit.html
blob: ad081991265cac036ccfdb44400631acb52b229e (plain)
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
<style>
#columnEditTable table tbody td {
    border: none;
}

#columnEditTable table tbody tr {
    border: none;
}

.colTableLeftColumn {
	width: 45%;
	text-align: right;
	vertical-align:middle;
}

.colTableInput {
	width:220px;
}

#columnEditTable .selectWrap{
	width:220px;
}
</style>

<div style="height: 700px;">
    <div class="b2b-modal-header ng-scope in">
        <h2 id="myModalLabel" modal-title="">Report Column - Edit </h2>
			<div class="corner-button in">
			<button type="button" class="close" aria-label="Close"
				ng-click="$dismiss('cancel')"></button>
		</div>
	</div>
	<div class="b2b-modal-body ng-scope ng-isolate-scope in"  style="margin-bottom: -50px;">
		<form name="workflowForm" class="css-form" novalidate>
			
<!-- 			<div class="form-row input-emphasized-field">
				<label class="span12 input-emphasized" for="textinputID-2a">The selected report will be removed. Do you want to continue</label>
			</div> -->
	<div id="columnEditTable">
    <table class="striped">
<!--         <caption><span>Table caption</span></caption> -->
<!--         <thead>
            <tr>
                <th>Column ID:</th>
                <th>Name</th>
                <th>ID</th>
                <th>Edit</th>
            </tr>
        </thead> -->
        <tbody>
            <tr>
                <td class="colTableLeftColumn">Column ID:</td>
                <td>{{columnEditData.colId}}</td>
            </tr>

            <tr>
                <td class="colTableLeftColumn">Display Name:</td>
                <td><input type="text" name="displayName" ng-model="colName.value" class="colTableInput"></td>
            </tr>

<!--             <tr>
                <td class="colTableLeftColumn">Display Width (px):</td>
				<td><input type="text" name="displayWidth" ng-model="displayWidth" class="colTableInput"></td>            
			</tr> -->
            
            <tr>
                <td class="colTableLeftColumn">Display Alignment: </td>
				<td>
					<select name="displayAlignment" b2b-dropdown ng-model="selectedDisplayAlignment.value" placeholder-text="Select">
						<option b2b-dropdown-list option-repeat="d in displayAlignmentOptions" value="{{d.value}}">{{d.text}}</option>
                    </select>
				</td>
            </tr>
            
            <tr>
                <td class="colTableLeftColumn">Display Header Alignment:</td>
				<td>
					<select name="displayHeaderAlignment" b2b-dropdown ng-model="selectedDisplayHeaderAlignment.value" placeholder-text="Select">
						<option b2b-dropdown-list option-repeat="d in displayAlignmentOptions" value="{{d.value}}">{{d.text}}</option>
                    </select>
				</td>
            </tr>                        

            <tr>
                <td class="colTableLeftColumn">Sortable:</td>
				<td>
					<select name="sortable" b2b-dropdown ng-model="sortable.value" placeholder-text="Select">
						<option b2b-dropdown-list option-repeat="d in ynOptions" value="{{d.value}}">{{d.text}}</option>
                    </select>
				</td>
            </tr>                        

            <tr>
                <td class="colTableLeftColumn">Visible:</td>
				<td>
					<select name="visible" b2b-dropdown ng-model="visible.value" placeholder-text="Select">
						<option b2b-dropdown-list option-repeat="d in ynOptions" value="{{d.value}}">{{d.text}}</option>
                    </select>
				</td>
            </tr>                        

<!--             <tr>
                <td class="colTableLeftColumn">Drill-down Link:</td>
				<td>
					<select name="drillDown" b2b-dropdown ng-model="selectedDrillDownLink.value" placeholder-text="Select">
						<option b2b-dropdown-list option-repeat="d in drillDownOptions" value="{{d.value}}">{{d.text}}</option>
                    </select>
				</td>
            </tr>                         -->


        </tbody>
      </table>
      </div>				
					<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
		<div class="cta-button-group in">
					<button class="btn btn-alt btn-small" type="button"  ng-click="save()">Save</button>
			<button class="btn btn-alt btn-small" type="button"
				ng-click="cancel()">Cancel</button>
		</div>
	</div>
		</form>
		<br />
	</div>
</div>