-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpcmEditor.html
More file actions
146 lines (133 loc) · 7.55 KB
/
Copy pathpcmEditor.html
File metadata and controls
146 lines (133 loc) · 7.55 KB
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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<div class="row">
<div class="col-xs-9">
<h1>Matrix Editor</h1>
</div>
</div>
<nav class="navbar" role="navigation" >
<div class="container-fluid">
<div class="editor-toolbar" ng-controller="PCMEditorToolbarController" >
<!-- <button role="button" class="btn btn-default" data-toggle="modal" data-target="#modalCancel"><i class="fa fa-undo"></i> Cancel</button>
<button role="button" class="btn btn-default" ng-class='{"btn btn-default": !saved, "btn btn-success": saved}' ng-click="save()"><i class="fa" ng-class='{"fa-save": !saved, "fa-check": saved}'></i> Save</button> -->
<button role="button" class="btn btn-default" ng-class='{"btn btn-warning": validating, "btn btn-default": !validating}' ng-click="validate()"><i class="fa" ng-class='{"fa-search": !validating, "fa-times": validating}'></i> Validate</button>
<!-- <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#modalRemove"><i class="fa fa-trash"></i> Remove</button> -->
</div>
</div>
</nav>
<div id="editor" ng-controller="PCMEditorController">
<div class="modal fade" id="modalRemove" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Are you sure?</h4>
</div>
<div class="modal-body">
Removing the comparison matrix is definitive and cannot be undone. Please, confirm.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger" data-dismiss="modal" ng-click="remove()">Remove</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modalCancel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Are you sure?</h4>
</div>
<div class="modal-body">
Cancel edition will lose all unsaved changes
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">No</button>
<button type="button" class="btn btn-danger" data-dismiss="modal" ng-click="cancel()">Yes</button>
</div>
</div>
</div>
</div>
<!-- Table editor -->
<div class="row">
<form class="form-inline">
<div class="form-group col-lg-5">
<label for="pcm-name" class="control-label">Edit title </label>
<input id="pcm-name" class="form-control" type="text" ng-model="pcm.name" placeholder='Edit title'>
</div>
</form>
</div>
<br />
<div class="row">
<div class="col-xs-9">
<button role="button" class="btn btn-default" data-toggle="modal" data-target="#modalNewFeature"><i class="fa fa-plus"></i> Add feature</button>
<button role="button" class="btn btn-default" ng-click="addProduct()"><i class="fa fa-plus"></i> Add Product</button>
</div>
</div>
<div class="modal fade" id="modalNewFeature" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Create a new Feature</h4>
</div>
<div class="modal-body">
<label for="featureName">Feature name: </label>
<input ng-model="featureName" type="text" id="featureName">
<label for="featureType">Feature type: </label>
<select ng-model="featureType">
<option value="string" selected="selected">String</option>
<option value="number">Number</option>
<option value="boolean">Boolean</option>
</select>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger" data-dismiss="modal" ng-click="addFeature()">Create</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modalRenameFeature" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Rename feature</h4>
</div>
<div class="modal-body">
<label for="featureName">Feature name: </label>
<input ng-model="featureName" type="text" id="featureName" value="{featureName}">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger" data-dismiss="modal" ng-click="renameFeature()">Rename</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modalChangeType" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Change feature type</h4>
</div>
<div class="modal-body">
<label for="featureType">Feature type: </label>
<select ng-model="featureType">
<option value="string">String</option>
<option value="number">Number</option>
<option value="boolean">Boolean</option>
</select>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger" data-dismiss="modal" ng-click="changeType()">Change</button>
</div>
</div>
</div>
</div>
<div id="matrix" class="row" ui-grid="gridOptions" ui-grid-selection ui-grid-edit ui-grid-cellNav ui-grid-move-columns ui-grid-resize-columns>
</div>
</div>