UI fixes in role and policy management

revert-70aa11f8
kamidu 8 years ago
parent 10f8b12b88
commit 5595100cc2

@ -69,7 +69,7 @@
<th colspan="3"></th> <th colspan="3"></th>
</tr> </tr>
</thead> </thead>
<tbody id="ast-container" data-app-context="{{@app.context}}"></tbody> <tbody id="ast-container" data-app-context="{{@app.context}}/"></tbody>
</table> </table>
</div> </div>

@ -44,6 +44,7 @@ function loadNotifications() {
if (data["notifications"] && data["notifications"].length > 0) { if (data["notifications"] && data["notifications"].length > 0) {
var viewModel = {}; var viewModel = {};
viewModel["notifications"] = data["notifications"]; viewModel["notifications"] = data["notifications"];
viewModel["appContext"] = context;
var content = template(viewModel); var content = template(viewModel);
$("#ast-container").html(content); $("#ast-container").html(content);
$("#unread-notifications").datatables_extended(); $("#unread-notifications").datatables_extended();

@ -57,7 +57,7 @@
<tr data-type="selectable" data-id="{{id}}"> <tr data-type="selectable" data-id="{{id}}">
<td data-display="{{description}}" data-grid-label="Description">{{description}}</td> <td data-display="{{description}}" data-grid-label="Description">{{description}}</td>
<td style="text-align: center;"> <td style="text-align: center;">
<a href="device/{{deviceType}}?id={{deviceIdentifier}}" data-click-event="remove-form"> <a href="{{appContext}}/device/{{deviceType}}?id={{deviceIdentifier}}" data-click-event="remove-form">
<span class="fw-stack"> <span class="fw-stack">
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-view fw-stack-1x"></i> <i class="fw fw-view fw-stack-1x"></i>

@ -90,99 +90,106 @@
</div> </div>
<div id="apply-changes-modal-content" class="hide"> <div id="apply-changes-modal-content" class="hide">
<div class="content"> <div class="modal-header">
<div class="row"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i>
<div class="col-lg-5 col-md-6 col-centered"> </button>
<h3>Do you really want to apply changes to all policies?</h3> </div>
<div class="modal-body add-margin-top-2x add-margin-bottom-2x">
<div class="buttons"> <h3>Do you really want to apply changes to all policies?</h3>
<a href="javascript:void(0)" id="apply-changes-yes-link" class="btn-operations"> </div>
Yes <div class="modal-footer">
</a> <div class="buttons">
<a href="javascript:void(0)" id="apply-changes-cancel-link" class="btn-operations"> <a href="javascript:void(0)" id="apply-changes-yes-link" class="btn-operations">
No Yes
</a> </a>
</div> <a href="javascript:void(0)" id="apply-changes-cancel-link" class="btn-operations">
</div> No
</a>
</div> </div>
</div> </div>
</div> </div>
<div id="apply-changes-success-content" class="hide"> <div id="apply-changes-success-content" class="hide">
<div class="content"> <div class="modal-header">
<div class="row"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i>
<div class="col-lg-5 col-md-6 col-centered"> </button>
<h3>Done. Changes applied successfully.</h3> </div>
<div class="modal-body add-margin-top-2x add-margin-bottom-2x">
<div class="buttons"> <h3>Done. Changes applied successfully.</h3>
<a href="javascript:void(0)" id="apply-changes-success-link" class="btn-operations"> </div>
Ok <div class="modal-footer">
</a> <div class="buttons">
</div> <a href="javascript:void(0)" id="apply-changes-success-link" class="btn-operations">
</div> Ok
</a>
</div> </div>
</div> </div>
</div> </div>
<div id="apply-changes-error-content" class="hide"> <div id="apply-changes-error-content" class="hide">
<div class="content"> <div class="modal-header">
<div class="row"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i>
<div class="col-lg-5 col-md-6 col-centered"> </button>
<h3>An unexpected error occurred. Please try again later.</h3> </div>
<div class="modal-body add-margin-top-2x add-margin-bottom-2x">
<div class="buttons"> <h3>An unexpected error occurred. Please try again later.</h3>
<a href="javascript:void(0)" id="apply-changes-error-link" class="btn-operations"> </div>
Ok <div class="modal-footer">
</a> <div class="buttons">
</div> <a href="javascript:void(0)" id="apply-changes-error-link" class="btn-operations">
</div> Ok
</a>
</div> </div>
</div> </div>
</div> </div>
<div id="remove-policy-error-content" class="hide"> <div id="remove-policy-error-content" class="hide">
<div class="content"> <div class="modal-header">
<div class="row"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i>
<div class="col-lg-5 col-md-6 col-centered"> </button>
<h3>An unexpected error occurred. Please try again later.</h3> </div>
<div class="modal-body add-margin-top-2x add-margin-bottom-2x">
<div class="buttons"> <h3>An unexpected error occurred. Please try again later.</h3>
<a href="javascript:void(0)" id="remove-policy-error-link" class="btn-operations"> </div>
Ok <div class="modal-footer">
</a> <div class="buttons">
</div> <a href="javascript:void(0)" id="remove-policy-error-link" class="btn-operations">
</div> Ok
</a>
</div> </div>
</div> </div>
</div> </div>
<div id="save-policy-priorities-success-content" class="hide"> <div id="save-policy-priorities-success-content" class="hide">
<div class="content"> <div class="modal-header">
<div class="row"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i>
<div class="col-lg-5 col-md-6 col-centered"> </button>
<h3>Done. New Policy priorities were successfully updated.</h3> </div>
<div class="modal-body add-margin-top-2x add-margin-bottom-2x">
<div class="buttons"> <h3>Done. New Policy priorities were successfully updated.</h3>
<a href="javascript:void(0)" id="save-policy-priorities-success-link" class="btn-operations"> </div>
Ok <div class="modal-footer">
</a> <div class="buttons">
</div> <a href="javascript:void(0)" id="save-policy-priorities-success-link" class="btn-operations">
</div> Ok
</a>
</div> </div>
</div> </div>
</div> </div>
<div id="save-policy-priorities-error-content" class="hide"> <div id="save-policy-priorities-error-content" class="hide">
<div class="content"> <div class="modal-header">
<div class="row"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i>
<div class="col-lg-5 col-md-6 col-centered"> </button>
<h3>An unexpected error occurred. Please try again later.</h3> </div>
<div class="buttons"> <div class="modal-body add-margin-top-2x add-margin-bottom-2x">
<a href="javascript:void(0)" id="save-policy-priorities-error-link" class="btn-operations"> <h3>An unexpected error occurred. Please try again later.</h3>
Ok </div>
</a> <div class="modal-footer">
</div> <div class="buttons">
</div> <a href="javascript:void(0)" id="save-policy-priorities-error-link" class="btn-operations">
Ok
</a>
</div> </div>
</div> </div>
</div> </div>

@ -82,16 +82,18 @@
</div> </div>
</div> </div>
<div id="child-deselect-error-content" class="hide"> <div id="child-deselect-error-content" class="hide">
<div class="content"> <div class="modal-header">
<div class="row"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i>
<div class="col-lg-5 col-md-6 col-centered"> </button>
<h3>Can't deselect child permissions when parent permission is selected.</h3> </div>
<div class="buttons"> <div class="modal-body add-margin-top-2x add-margin-bottom-2x">
<a href="#" id="child-deselect-error-link" class="btn-operations"> <h3>Can't deselect child permissions when parent permission is selected.</h3>
Ok </div>
</a> <div class="modal-footer">
</div> <div class="buttons">
</div> <a href="#" id="child-deselect-error-link" class="btn-operations">
Ok
</a>
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save