Cleaning the categories for alpha agenda

app/constants.js

@@ -22,8 +22,7 @@ const ActivityCategories = [
   'Algemeen',
   'Sociëteit',
   'Vorming',
-  'Dinsdagkring',
-  'Woensdagkring',
+  'Kring',
   'ChOOSE',
   'IFES',
   'OZON',

app/controllers/activities/ical.js

@@ -1,13 +1,12 @@
-import Controller from '@ember/controller';
+import EditController from 'amber-ui/controllers/application/edit';
 // eslint-disable-next-line ember/no-computed-properties-in-native-classes
 import { computed } from '@ember/object';
 import { inject as service } from '@ember/service';
 import { ActivityCategories } from 'amber-ui/constants';
 import { tracked } from '@glimmer/tracking';
 
-export default class ActivitiesIcalController extends Controller {
+export default class ActivitiesIcalController extends EditController {
   @service session;
-
   @tracked activityCategoryOptions;
 
   constructor() {
@@ -24,22 +23,21 @@
 
   @computed('activityCategoryOptions.@each.checked')
   get categoriesParams() {
-    const selected = this.activityCategoryOptions
-      .filter((category) => category.checked)
-      .map((category) => category.value);
-    return `categories=${selected.join(',')}`;
+    return this.activityCategoryOptions
+      .filter(category => category.checked)
+      .map(category => category.value);
   }
 
   get iCalBase() {
     return `/ical/activities?key=${this.session.currentUser.icalSecretKey}&user_id=${this.session.currentUser.id}`;
   }
 
   get iCalURL() {
-    return `${window.location.origin}${this.iCalBase}&${this.categoriesParams}`;
+    return `${window.location.origin}${this.iCalBase}`;
   }
 
   get webcalURL() {
-    return `webcal://${window.location.host}${this.iCalBase}&${this.categoriesParams}`;
+    return `webcal://${window.location.host}${this.iCalBase}`;
   }
 
   _activityCategoryToOption(activityCategory) {
@@ -49,4 +47,21 @@
       checked: true,
     };
   }
+
+  saveCategories = () => {
+    const { currentUser } = this.session;
+    const selectedCategories = this.categoriesParams;
+
+    currentUser.set('icalCategories', selectedCategories);
+
+    return currentUser.save()
+      .then(() => {
+        console.log('Categories saved successfully!');
+      })
+      .catch((error) => {
+        console.error('Failed to save categories:', error);
+      });
+  };
+
+
 }

app/models/user.js

@@ -42,6 +42,7 @@ export default class User extends Model {
   // Security properties
   @attr otpRequired;
   @attr icalSecretKey;
+  @attr icalCategories;
   @attr webdavSecretKey;
   @attr password;
 

app/templates/activities/ical.hbs

@@ -17,8 +17,9 @@
             uitgelegd.
           </p>
         </div>
+
         <form class='row' id='activityCategoryForm'>
-          {{#each activityCategoryOptions as |opt|}}
+          {{#each this.activityCategoryOptions as |opt|}}
             <div class='col-sm-12 col-md-3'>
               <div class='form-check'>
                 <Input
@@ -34,6 +35,11 @@
               </div>
             </div>
           {{/each}}
+          <div class="col-12 mt-3">
+            <button type="button" class="btn btn-primary" {{on "click" (fn this.saveCategories)}}>
+              Opslaan
+            </button>
+          </div>
         </form>
 
         <hr />
@@ -51,8 +57,8 @@
             anderen.
           </b>
         </div>
-        <p><a href='{{webcalURL}}'><code>{{iCalURL}}</code></a> </p>
+        <p><a href='{{this.webcalURL}}'><code>{{this.iCalURL}}</code></a></p>
       </div>
     </div>
   </div>
-</div>
+</div>

mirage/factories/activity.js

@@ -16,8 +16,7 @@ export default Factory.extend({
       'algemeen',
       'sociëteit',
       'vorming',
-      'dinsdagkring',
-      'woensdagkring',
+      'kring',
       'choose',
       'ifes',
       'ozon',