feat(collab): v4.9.0 Collaboration - commentaires inline, mentions @, notifications in-app + email

app/templates/settings.html

@@ -220,14 +220,24 @@
               <div class="setting-label">Comments</div>
               <div class="setting-desc">When someone comments on your pages</div>
             </div>
-            <div class="setting-control"><span style="font-size:12px;color:var(--text-dim);">Coming soon</span></div>
+            <div class="setting-control">
+              <label class="toggle-switch sm">
+                <input type="checkbox" x-model="notifPrefs.comments" @change="saveNotifPrefs()">
+                <span class="toggle-slider"></span>
+              </label>
+            </div>
           </div>
           <div class="setting-row">
             <div>
               <div class="setting-label">Mentions</div>
               <div class="setting-desc">When someone @mentions you</div>
             </div>
-            <div class="setting-control"><span style="font-size:12px;color:var(--text-dim);">Coming soon</span></div>
+            <div class="setting-control">
+              <label class="toggle-switch sm">
+                <input type="checkbox" x-model="notifPrefs.mentions" @change="saveNotifPrefs()">
+                <span class="toggle-slider"></span>
+              </label>
+            </div>
           </div>
         </div>
       </div>
@@ -517,6 +527,7 @@ document.addEventListener('alpine:init', function() {
       defaultView: localStorage.getItem('fd_default_view') || 'tree',
       userInfo: {full_name: '{{ user.full_name or "" }}', login: '{{ user.login or "" }}', email: '{{ user.email or "" }}'},
       userIsAdmin: {{ 'true' if user.get('is_admin') else 'false' }},
+      notifPrefs: {comments: true, mentions: true},
       // Auth & Integrations
       authMethod: '{{ auth_method }}',
       giteaLinked: false,
@@ -541,6 +552,23 @@ document.addEventListener('alpine:init', function() {
         await this.loadTags();
         await this.loadGiteaStatus();
         await this.loadGithubStatus();
+        await this.loadNotifPrefs();
+      },
+
+      async loadNotifPrefs() {
+        try {
+          var r = await fetch('/api/notifications/prefs', {credentials:'same-origin'});
+          var d = await r.json();
+          this.notifPrefs = Object.assign({comments:true, mentions:true}, d.prefs || {});
+        } catch(e) {}
+      },
+      async saveNotifPrefs() {
+        try {
+          await fetch('/api/notifications/prefs', {
+            method: 'POST', headers: {'Content-Type':'application/json','X-CSRF-Token': this.getCsrfToken()},
+            body: JSON.stringify(this.notifPrefs)
+          });
+        } catch(e) {}
       },
 
       async loadTags() {