From c75e45fe2748fe698e4f70e5b3f9e46b55f4e541 Mon Sep 17 00:00:00 2001
From: ArtOfCode- <hello@artofcode.co.uk>
Date: Fri, 8 May 2020 21:16:13 +0100
Subject: [PATCH] Add all required tags trigger
---
app/assets/javascripts/categories.js | 18 ++++++++++++++++++
app/views/categories/_form.html.erb | 5 +++--
2 files changed, 21 insertions(+), 2 deletions(-)
diff --git a/app/assets/javascripts/categories.js b/app/assets/javascripts/categories.js
index 30c37d2dc..3887efc39 100644
--- a/app/assets/javascripts/categories.js
+++ b/app/assets/javascripts/categories.js
@@ -24,4 +24,22 @@ $(() => {
});
}
});
+
+ $('.js-add-required-topic').on('click', ev => {
+ const $required = $('.js-required-tags');
+ const $topic = $('.js-topic-tags');
+ const union = ($required.val() || []).concat($topic.val() || []);
+
+ const options = $topic.find('option').toArray();
+ const optionIds = options.map(x => $(x).attr('value'));
+ const missing = union.filter(x => !optionIds.includes(x));
+ const missingOptions = $required.find('option').toArray().filter(x => missing.includes($(x).attr('value')));
+
+ missingOptions.forEach(opt => {
+ const $append = $(opt).clone();
+ $append.removeAttr('data-select2-id');
+ $topic.append($append);
+ });
+ $topic.val(union).trigger('change');
+ });
});
\ No newline at end of file
diff --git a/app/views/categories/_form.html.erb b/app/views/categories/_form.html.erb
index 75424b824..7a5465b72 100644
--- a/app/views/categories/_form.html.erb
+++ b/app/views/categories/_form.html.erb
@@ -103,7 +103,7 @@
<% disabled = @category.tag_set.nil? %>
<%= f.select :required_tag_ids, options_for_select(@category.required_tags.map { |t| [t.name, t.id] },
selected: @category.required_tag_ids),
- { include_blank: true }, multiple: true, class: 'form-element js-tag-select',
+ { include_blank: true }, multiple: true, class: 'form-element js-tag-select js-required-tags',
data: { tag_set: @category.tag_set&.id, create: 'false', use_ids: 'true' }, disabled: disabled %>
</div>
@@ -112,6 +112,7 @@
<span class="form-caption js-tags-group-caption">
<span data-state="present" style="<%= @category.tag_set.nil? ? 'display: none' : '' %>">
Tags that will be highlighted as the most important tag on a question.
+ <a href="javascript:void(0)" class="js-add-required-topic">Add all required tags</a>
</span>
<span data-state="absent" style="<%= @category.tag_set.nil? ? '' : 'display: none' %>">
Select a tag set first.
@@ -120,7 +121,7 @@
<%= f.select :topic_tag_ids, options_for_select(@category.topic_tags.map { |t| [t.name, t.id] },
selected: @category.topic_tag_ids),
- { include_blank: true }, multiple: true, class: 'form-element js-tag-select',
+ { include_blank: true }, multiple: true, class: 'form-element js-tag-select js-topic-tags',
data: { tag_set: @category.tag_set&.id, create: 'false', use_ids: 'true' }, disabled: disabled %>
</div>
--
GitLab