|
20 | 20 |
|
21 | 21 | <h2 class="page-title">{{$state.current.header}}</h2>
|
22 | 22 |
|
23 |
| -<form role="form"> |
| 23 | +<form name="customizeStore" role="form"> |
24 | 24 |
|
25 | 25 | <div class="row form-row">
|
26 | 26 | <div class="col-m-3">
|
|
121 | 121 | >
|
122 | 122 | Advanced Modules Configurations
|
123 | 123 | </legend>
|
124 |
| - |
125 | 124 | <div ng-show="store.advanced.expanded" class="form-group">
|
126 |
| - <div ng-show="store.errorMessage !== '' && store.errorMessage !== false " class="col-sm-10 error-container"> |
127 |
| - <input type="checkbox" ng-model="store.force" ng-click="toggleForce()"> Skip dependency check for individual modules |
128 |
| - </div> |
129 |
| - <div ng-show="store.errorMessage !== '' && store.errorMessage !== false " class="col-sm-10 error-container animate-show text-danger glyphicon glyphicon-remove-sign"> An error has occurred. <a href="#" class="text-danger" style="text-decoration: none;" ng-click="expandError()">Click to see detailed error.</a><span class="caret"></span> |
130 |
| - </div> |
131 |
| - <div ng-show="store.errorMessage !== '' && store.errorFlag === true" class="col-sm-10 error-container animate-show text-danger glyphicon glyphicon-remove-sign" ng-bind-html="store.errorMessage"> |
| 125 | + <div |
| 126 | + class="alert-info" |
| 127 | + ng-show="store.errorMessage !== ''&& store.errorMessage !== false" |
| 128 | + > |
| 129 | + <span class="alert-text"> |
| 130 | + <input |
| 131 | + id="skipDependency" |
| 132 | + class="form-el-checkbox" |
| 133 | + type="checkbox" |
| 134 | + ng-model="store.force" |
| 135 | + ng-click="toggleForce()" |
| 136 | + > |
| 137 | + <label class="form-label" for="skipDependency"> |
| 138 | + Skip dependency check for individual modules |
| 139 | + </label> |
| 140 | + </span> |
| 141 | + <span class="icon-failed-round"></span> |
| 142 | + <span |
| 143 | + class="form-legend-expand" |
| 144 | + ng-click="expandError()" |
| 145 | + ng-class="{'expanded' : store.errorFlag}"> |
| 146 | + An error has occurred. {{store.errorFlag ? 'Hide' : 'Show';}} details. |
| 147 | + </span> |
| 148 | + <span class="alert-text" |
| 149 | + ng-show="store.errorMessage !== '' && store.errorFlag === true" |
| 150 | + ng-bind-html="store.errorMessage"> |
| 151 | + </span> |
| 152 | + </div> |
| 153 | + <div class="alert alert-info" ng-show="loading"> |
| 154 | + <span class="spinner"> |
| 155 | + <span></span><span></span><span></span><span></span> |
| 156 | + <span></span><span></span><span></span><span></span> |
| 157 | + </span> |
| 158 | + <p class="alert-text">Validating Constraints for enabling/disabling modules... |
| 159 | + </p> |
132 | 160 | </div>
|
133 |
| - <div class="col-sm-8" ng-show="loading"><p style="color:blue">Validating Constraints for enabling/disabling modules...<img src="pub/images/ajax-loader.gif"/></div> |
134 | 161 | <div> </div>
|
135 |
| - <div class="col-sm-10 form-group"> |
136 |
| - <input type="checkbox" |
| 162 | + <div class="form-label"> |
| 163 | + <input id="selectAll" type="checkbox" |
| 164 | + class="form-el-checkbox" |
137 | 165 | ng-model="store.selectAll"
|
138 |
| - ng-click="toggleAllModules()"> Select All |
| 166 | + ng-click="toggleAllModules()"> |
| 167 | + <label class="form-label" for="selectAll"> |
| 168 | + Select All |
| 169 | + </label> |
139 | 170 | </div>
|
140 |
| - <div class="form-group multiSelect"> |
141 |
| - <label class="col-md-7 uncheckedClass" ng-repeat="module in store.allModules" ng-class="{'disabledClass': (store.disabledModules.indexOf(module) > -1) && (store.selectedModules.indexOf(module) > -1), 'checkedClass': (store.selectedModules.indexOf(module) > -1)}"> |
142 |
| - <input class="moduleCheckbox" type="checkbox" ng-click="toggleModule(module)" ng-disabled="store.disabledModules.indexOf(module) > -1" ng-checked="store.selectedModules.indexOf(module) > -1" name="{{module}}"> {{module}}<br/> |
| 171 | + <div> </div> |
| 172 | + <div class="multiSelect"> |
| 173 | + <label class="custom" ng-repeat="module in store.allModules" > |
| 174 | + <div ng-class="store.selectedModules.indexOf(module) > -1 ? 'selected' : 'notSelected'; "> |
| 175 | + <input |
| 176 | + class="form-el-checkbox" |
| 177 | + type="checkbox" |
| 178 | + ng-click="toggleModule(module)" |
| 179 | + ng-disabled="store.disabledModules.indexOf(module) > -1" |
| 180 | + ng-checked="store.selectedModules.indexOf(module) > -1" |
| 181 | + id="{{module}}" |
| 182 | + > |
| 183 | + <label class="form-label" |
| 184 | + for="{{module}}" |
| 185 | + > |
| 186 | + {{module}} |
| 187 | + </label> |
| 188 | + </div> |
143 | 189 | </label>
|
144 | 190 | </div>
|
| 191 | + <div> </div> |
145 | 192 | <div class="form-group">
|
146 | 193 | {{store.selectedModules.length}} out of {{store.allModules.length}} selected.
|
147 | 194 | </div>
|
|
0 commit comments