From 191f4598f8cebb388cb15e3a000bf840d54dae39 Mon Sep 17 00:00:00 2001
From: jorg-vr <jorg.vr@live.be>
Date: Mon, 12 Feb 2024 11:48:08 +0100
Subject: [PATCH] Replace checkboxes with icons in draft notice

---
 .../stylesheets/models/activities.css.scss    | 20 -------------------
 app/views/activities/_draft_notice.html.erb   | 20 +++++++++----------
 2 files changed, 10 insertions(+), 30 deletions(-)

diff --git a/app/assets/stylesheets/models/activities.css.scss b/app/assets/stylesheets/models/activities.css.scss
index 763037b87d..37d47c35e6 100644
--- a/app/assets/stylesheets/models/activities.css.scss
+++ b/app/assets/stylesheets/models/activities.css.scss
@@ -203,23 +203,3 @@ center img {
     background-color: var(--d-code-bg);
   }
 }
-
-.draft-notice {
-  .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
-    opacity: 1;
-  }
-
-  .form-check-input:disabled {
-    opacity: 1;
-  }
-
-  .form-check-input:checked {
-    background-color: var(--d-warning);
-    border-color: var(--d-warning);
-  }
-
-  .form-check-input {
-    background-color: transparent;
-    border-color: var(--d-warning);
-  }
-}
diff --git a/app/views/activities/_draft_notice.html.erb b/app/views/activities/_draft_notice.html.erb
index 4732a86eeb..c592445450 100644
--- a/app/views/activities/_draft_notice.html.erb
+++ b/app/views/activities/_draft_notice.html.erb
@@ -13,19 +13,19 @@
       <% else %>
         <div style="margin-left: 30px; margin-top: 8px;">
           <%= t("activities.show.alert_draft.before_publish") %>
-          <div style="margin-left: 16px;margin-top: 8px;">
-            <div class="form-check">
-              <input type="checkbox" id="valid-config" class="form-check-input" disabled <%= "checked" if @activity.valid_config? %>>
-              <label class="form-check-label" for="valid-config"><%= t('activities.show.alert_draft.valid_config') %></label>
+          <div style="margin-left: 16px;">
+            <div>
+              <i class="mdi <%= @activity.valid_config? ? "mdi-check-circle-outline" : "mdi-alert-circle-outline" %>"></i>
+              <span><%= t('activities.show.alert_draft.valid_config') %></span>
             </div>
-            <div class="form-check">
-              <input type="checkbox" id="is-valid" class="form-check-input" disabled <%= "checked" if @activity.ok? %>>
-              <label class="form-check-label" for="is-valid"><%= t('activities.show.alert_draft.is_valid') %></label>
+            <div>
+              <i class="mdi <%= @activity.ok? ? "mdi-check-circle-outline" : "mdi-alert-circle-outline" %>"></i>
+              <span><%= t('activities.show.alert_draft.is_valid') %></span>
             </div>
             <% if @activity.exercise? %>
-              <div class="form-check">
-                <input type="checkbox" id="correct-submission" class="form-check-input" disabled <%= "checked" if @activity.correct_submission? %>>
-                <label class="form-check-label" for="correct-submission"><%= t('activities.show.alert_draft.correct_submission') %></label>
+              <div>
+                <i class="mdi <%= @activity.correct_submission? ? "mdi-check-circle-outline" : "mdi-alert-circle-outline" %>"></i>
+                <span><%= t('activities.show.alert_draft.correct_submission') %></span>
               </div>
             <% end %>
           </div>