Add copy usernames button to activity responses table (#768)

* Add copy usernames button to activity responses table * Fix lint
csvalpha · May 19, 2023 · dbd2aea · dbd2aea
1 parent d8b9135
commit dbd2aea
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/app/components/form/responses-table-card.hbs b/app/components/form/responses-table-card.hbs
@@ -1,9 +1,14 @@
 {{#if form.amountOfResponses}}
   <div class='card'>
-    <div class='card-header my-2'>
+    <div class='card-header my-2 py-1'>
       <div class='row align-items-center'>
         <h5 class='card-title col'>Inschrijvingen</h5>
-        <div class='col col-md-auto'>
+        <div class='col col-md-auto d-flex align-items-center flex-wrap'>
+          {{#if (can 'create debit/collections')}}
+            <button class='btn btn-primary btn-sm me-3 my-2 text-nowrap' type="button" {{on 'click' (action 'copyUsernames')}}>
+              Kopieer gebruikersnamen
+            </button>
+          {{/if}}
           <div class="form-check">
             <Input
                 @type='checkbox'

diff --git a/app/components/form/responses-table-card.js b/app/components/form/responses-table-card.js
@@ -1,6 +1,17 @@
 import Component from '@ember/component';
 
-const FormResponsesTableCardComponent = Component.extend({});
+const FormResponsesTableCardComponent = Component.extend({
+  actions: {
+    copyUsernames() {
+      const usernames = this.form
+        .get('responses')
+        .map((response) => response.get('user.username'))
+        .join('\n');
+
+      navigator.clipboard.writeText(usernames);
+    },
+  },
+});
 
 FormResponsesTableCardComponent.reopenClass({
   positionalParams: ['form'],