Add additional radio buttons for usage_by_lms: none

Author: kkoehn

app/assets/javascripts/tasks_form.coffee

@@ -1,7 +1,6 @@
 ready = ->
   initializeFileTypeSelection()
   initializeVisibilityWarning()
-  initializeRadioButtonDeselection()
 
 initializeLoadSelect2 = ->
   $('#task_programming_language_id').select2
@@ -30,25 +29,5 @@ initializeVisibilityWarning = ->
       warning_message.removeClass('d-none')
   $('#task_access_level_public').on 'change', ->
     warning_message.addClass('d-none')
-
-initializeRadioButtonDeselection = ->
-  radios = $('.radio-switch input[type="radio"][name*="[usage_by_lms]"]')
-  hidden_field = $('input[name="file[usage_by_lms]"][type="hidden"]')
-
-  radios.each ->
-    $radio = $(this)
-    $radio.data('was-checked', $radio.prop('checked'))
-
-  radios.on 'click', ->
-    $radio = $(this)
-
-    if $radio.prop('checked') and $radio.data('was-checked')
-      $radio.prop('checked', false).data('was-checked', false)
-      hidden_field.val(null) # Reset the value to `nil`
-    else
-      radios.data('was-checked', false) # Reset all other radios
-      $radio.data('was-checked', true)
-      hidden_field.val('') # Clear hidden field since something is selected
-
 $(document).on('turbolinks:load', ready)
 $(document).on('select2:locales:loaded', initializeLoadSelect2)

app/assets/stylesheets/buttons-and-controls.css.scss

@@ -14,6 +14,10 @@
   width: 33%;
 }
 
+.radio-quarter {
+  width: 25%;
+}
+
 .radio-base {
   border: #cccccc 1px solid;
   padding: 5px;

app/views/tasks/_file_config.html.slim

@@ -31,7 +31,6 @@
   .form-control.placeholder
     = file.label :usage_by_lms, TaskFile.human_attribute_name('usage_by_lms'), class: 'form-label w-auto me-2'
     .radio-switch
-      = file.hidden_field :usage_by_lms, value: nil, class: 'fallback'
       = file.radio_button :usage_by_lms, 'edit', value: 'edit'
       = file.label :usage_by_lms_edit, data: {toggle: 'tooltip', placement: 'bottom'}, title: t('common.button.edit'), class: 'radio-left small-radio radio-third' do
         span.fa-stack
@@ -44,3 +43,7 @@
       = file.label :usage_by_lms_download, data: {toggle: 'tooltip', placement: 'bottom'}, title: t('.download'), class: 'radio-right small-radio radio-third' do
         span.fa-stack
           i.fa-solid.fa-download.fa-stack-1x.fa-2x
+      = file.radio_button :usage_by_lms, ''
+      = file.label :usage_by_lms_, data: {toggle: 'tooltip', placement: 'bottom'}, title: t('.no_value'), class: 'radio-right small-radio radio-quarter' do
+        span.fa-stack
+          i.fa-solid.fa-ban.fa-stack-1x.fa-2x

config/locales/de/views/tasks.yml

@@ -25,6 +25,8 @@ de:
       delayed: Verzögert
       display: Anzeigen
       download: Herunterladen
+      edit: Bearbeiten
+      no_value: Kein Wert
     form:
       button:
         add_model_solution: Musterlösung hinzufügen

config/locales/en/views/tasks.yml

@@ -25,6 +25,8 @@ en:
       delayed: delayed
       display: display
       download: download
+      edit: edit
+      no_value: no value
     form:
       button:
         add_model_solution: Add Model Solution