BC-11124 Add button to activate tool for all schools (#335)

Author: dyedwiper

controllers/ctltools.js

@@ -185,6 +185,13 @@ const getTableActions = (item, path) => {
             title: 'Datenblatt anzeigen',
             target: '_blank'
         },
+        {
+            link: path + 'add-and-activate-for-all-schools/' + item.id,
+            class: 'btn-add-and-activate-tool-for-all-schools',
+            icon: 'plus-square-o',
+            title: 'für alle Schulen hinzufügen und aktivieren',
+            isSimpleButton: true
+        },
         {
             link: path + item.id,
             class: 'btn-delete',
@@ -377,6 +384,14 @@ const getMediumMedataHandler = (req, res) => {
     });
 }
 
+const addAndActivateToolForAllSchools = (req, res, next) => {
+    const toolId = req.params.id;
+
+    api(req, { version: 'v3' }).patch(`/tools/add-and-activate-for-all-schools/${toolId}`)
+        .then(() => { res.redirect('/ctltools') })
+        .catch(err => { next(err); });
+}
+
 router.use(authHelper.authChecker);
 
 router.get('/search', showTools);
@@ -386,6 +401,7 @@ router.get('/:id', getDetailHandler);
 router.delete('/:id', getDeleteHandler);
 router.post('/', getCreateHandler);
 router.get('/:id/datasheet', getDatasheet);
+router.patch('/add-and-activate-for-all-schools/:id', addAndActivateToolForAllSchools);
 
 router.all('/', showTools);
 

static/scripts/ctltools.js

@@ -5,6 +5,7 @@ $(document).ready(function () {
     const $editModal = $('.edit-modal');
     const $reglinkmodal = $('.reglink-modal');
     const $deleteModal = $('.delete-modal');
+    const $addAndActivateForAllSchoolsModal = $('.add-and-activate-for-all-schools-modal');
     const $customParameterTemplate = $('#custom-parameter-template');
     let customParameterId = 0;
 
@@ -84,6 +85,25 @@ $(document).ready(function () {
         });
     });
 
+    $('.btn-add-and-activate-tool-for-all-schools').on('click', function (e) {
+        e.preventDefault();
+
+        const currentRow = $(this).parents('tr');
+        const toolId = currentRow.children().eq(0).text();
+        const toolName = currentRow.children().eq(1).text();
+        const action = `/ctltools/add-and-activate-for-all-schools/${toolId}`;
+
+        populateModalForm($addAndActivateForAllSchoolsModal, {
+            action,
+            title: 'Hinzufügen und aktivieren in allen Schulen',
+            closeLabel: 'Abbrechen',
+            submitLabel: 'Hinzufügen',
+            fields: { name: toolName }
+        });
+
+        $addAndActivateForAllSchoolsModal.modal('show');
+    });
+
     $('.parameters-regex').on('input', function (e) {
         const splitId = $(this).attr('id').split('-');
         const customIdIndex = splitId[splitId.length - 1];

views/ctltools/ctltools.hbs

@@ -65,5 +65,10 @@
                 {{> "ctltools/forms/delete-form"}}
             {{/content}}
         {{/embed}}
+        {{#embed "lib/components/modal-form" roles=roles method="patch" class="add-and-activate-for-all-schools-modal"}}
+            {{#content "fields"}}
+                {{> "ctltools/forms/add-and-activate-for-all-schools"}}
+            {{/content}}
+        {{/embed}}
     {{/content}}
 {{/extend}}

views/ctltools/forms/add-and-activate-for-all-schools.hbs

@@ -0,0 +1,8 @@
+<div class="form-group">
+    <fieldset disabled>
+        <label class="control-label" for="name">
+            Sind Sie sicher, dass Sie das folgende Tool in allen Schulen hinzufügen und aktivieren wollen?
+            <input type="text" class="full-width" name="name" id="name">
+        </label>
+    </fieldset>
+</div>

views/lib/components/table.hbs

@@ -38,6 +38,10 @@
                                                     <i class="fa fa-{{this.icon}}"></i> {{this.label}}
                                                 </button>
                                             </form>
+                                        {{else if this.isSimpleButton}}
+                                            <button type="button" class="btn btn-secondary btn-sm {{this.class}}" title="{{this.title}}">
+                                                <i class="fa fa-{{this.icon}}"></i> {{this.label}}
+                                            </button>
                                         {{else}}
                                             <a class="btn btn-secondary btn-sm {{this.class}}" href="{{this.link}}" title="{{this.title}}" target="{{this.target}}">
                                                 <i class="fa fa-{{this.icon}}"></i> {{this.label}}