Fix UI elements not getting locked on finished campaigns. Closes #771

frontend/src/components/ListSelector.vue

@@ -5,7 +5,7 @@
           <b-tag v-for="l in selectedItems"
             :key="l.id"
             :class="l.subscriptionStatus"
-            :closable="true"
+            :closable="!$props.disabled"
             :data-id="l.id"
             @close="removeList(l.id)" class="list">
             {{ l.name }} <sup v-if="l.optin === 'double'">{{ l.subscriptionStatus }}</sup>
@@ -21,7 +21,7 @@
         :placeholder="placeholder"
         clearable
         dropdown-position="top"
-        :disabled="all.length === 0"
+        :disabled="all.length === 0 || $props.disabled"
         :keep-first="true"
         :clear-on-select="true"
         :open-on-focus="true"

frontend/src/views/Campaign.vue

@@ -135,7 +135,8 @@
                   <b-field v-if="form.headersStr !== '[]' || isHeadersVisible"
                     label-position="on-border" :message="$t('campaigns.customHeadersHelp')">
                     <b-input v-model="form.headersStr" name="headers" type="textarea"
-                      placeholder='[{"X-Custom": "value"}, {"X-Custom2": "value"}]' />
+                      placeholder='[{"X-Custom": "value"}, {"X-Custom2": "value"}]'
+                      :disabled="!canEdit" />
                   </b-field>
                 </div>
                 <hr />