Enable force ali delete (#4492)

* Enable force ali delete * style the warning --------- Co-authored-by: kflemin <[email protected]>
SEED-platform · Jan 18, 2024 · a79e797 · a79e797
1 parent df13c21
commit a79e797
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/seed/static/seed/partials/organization_delete_access_level_instance_modal.html b/seed/static/seed/partials/organization_delete_access_level_instance_modal.html
@@ -2,15 +2,18 @@
   <h4> {$:: 'Delete Access Level Instance' | translate $} - {$ level_instance_name $}</h4>
 </div>
 
-<div class="modal-body" ng-if="!can_delete_access_level_instance" translate>
-  Cannot delete this access level instance.
-  <div ng-repeat="reason in reasons_why"> - {$ reason$}</div>
+<div class="modal-body" ng-if="!can_delete_access_level_instance">
+  <div class="ali-warning">
+    <i class="fa-solid fa-triangle-exclamation"></i><span translate>Warning</span>
+    <p translate>Deleting this access level instance will delete everything else associated with it:</p>
+    <div style="display: flex; gap: 1px;" ng-repeat="reason in reasons_why"> - {$ reason$}</div>
+  </div>
 </div>
 
-<div class="modal-body" style="display: flex; justify-content: space-between;" ng-if="can_delete_access_level_instance">
+<div class="modal-body" style="display: flex; justify-content: space-between;">
   <div translate>ACCESS_LEVEL_DELETE_AREYOUSURE</div>
 </div>
-<div class="modal-footer" ng-if="can_delete_access_level_instance">
+<div class="modal-footer">
   <div class="row text-center">
     <button type="button" class="btn btn-primary col-sm-6 center-block" ng-click="delete()" translate>Delete</button>
   </div>

diff --git a/seed/static/seed/scss/style.scss b/seed/static/seed/scss/style.scss
@@ -4940,6 +4940,10 @@ ul.r-list {
   color: #2955b4;
 }
 
+.ali-warning {
+  color: #c24e00;
+}
+
 .al-tree {
   padding: 10px;
 }