Created template

assets/css/pages/settings/sections/notifications.css

@@ -0,0 +1,5 @@
+/**
+ * Notifications settings
+ *
+ * @author Pierre Hubert
+ */

assets/js/pages/settings/navigationPane.js

@@ -92,6 +92,20 @@ ComunicWeb.pages.settings.navigationPane = {
 			openPage("settings/emojies");
 		};
 
+		// Custom emojies
+		const sectionNotifications = createElem2({
+			appendTo: elemList,
+			type: "li",
+		});
+		var sectionNotificationsLink = createElem2({
+			appendTo: sectionNotifications,
+			type: "a",
+			innerHTML: "<i class='fa fa-bell-o'></i> Notifications"
+		});
+		sectionNotificationsLink.onclick = function(){
+			openPage("settings/notifications");
+		};
+
 		//Account security
 		var sectionSecurity = createElem2({
 			appendTo: elemList,

assets/js/pages/settings/sections/notifications.js

@@ -0,0 +1,22 @@
+/**
+ * Notifications settings
+ * 
+ * @author Pierre Hubert
+ */
+
+class NotificationsSettings {
+    static async Open(args, target) {
+        // Load template
+		const tpl = await Page.loadHTMLTemplate("pages/settings/notifications/NotificationsSection.html");
+		const el = document.createElement("div")
+		el.innerHTML = tpl;
+		target.appendChild(el);
+
+        el.querySelectorAll("input[type='checkbox']").forEach(e => {
+            $(e).iCheck({
+                checkboxClass: 'icheckbox_flat-blue',
+                  radioClass: 'iradio_flat-blue'
+            });
+        });
+    }
+}

assets/js/pages/settings/sectionsList.js

@@ -30,6 +30,14 @@ ComunicWeb.pages.settings.sectionsList = {
 		handler: "EmojiesSection.Open"
 	},
 
+	/**
+	 * Notifications
+	 */
+	notifications: {
+		title: "Notifications",
+		handler: "NotificationsSettings.Open"
+	},
+
 	/**
 	 * Security settings
 	 */

assets/templates/pages/settings/notifications/NotificationsSection.html

@@ -0,0 +1,48 @@
+<!-- Notifications section -->
+
+<!-- Web app section -->
+<div class="box box-primary">
+    <div class="box-header with-border">
+        <h3 class="box-title">tr("Web application")</h3>
+    </div>
+    <!-- /.box-header -->
+    <!-- form start -->
+    
+    <div class="box-body">
+        <div class="form-group">
+            <label>
+                <input type="checkbox"> tr("Allow sound for notifications")
+            </label>
+        </div>
+    </div>
+    <!-- /.box-body -->
+    
+    <div class="box-footer">
+        <button type="submit" class="btn btn-primary">tr("Update")</button>
+    </div>
+</div>
+
+
+<!-- Push notifications section -->
+<div class="box box-primary">
+    <div class="box-header with-border">
+        <h3 class="box-title">tr("Push notifications")</h3>
+    </div>
+    <!-- /.box-header -->
+    <!-- form start -->
+    
+    <div class="box-body">
+        <p>tr("Note: These parameters applies only for the mobile version of the application!")</p>
+        
+        <div class="form-group">
+            <label>
+                <input type="checkbox"> tr("Allow conversation notifications")
+            </label>
+        </div>
+    </div>
+    <!-- /.box-body -->
+    
+    <div class="box-footer">
+        <button type="submit" class="btn btn-primary">tr("Update")</button>
+    </div>
+</div>

system/config/dev.config.php

@@ -287,6 +287,7 @@ class Dev {
 				"css/pages/settings/sections/customEmojis.css",
 				"css/pages/settings/sections/security.css",
 				"css/pages/settings/sections/password.css",
+				"css/pages/settings/sections/notifications.css",
 				"css/pages/settings/sections/globalLogout.css",
 				"css/pages/settings/sections/accountImage.css",
 				"css/pages/settings/sections/privacy.css",
@@ -557,6 +558,7 @@ class Dev {
 				"js/pages/settings/sections/language.js",
 				"js/pages/settings/sections/emojis.js",
 				"js/pages/settings/sections/security.js",
+				"js/pages/settings/sections/notifications.js",
 				"js/pages/settings/sections/password.js",
 				"js/pages/settings/sections/globalLogout.js",
 				"js/pages/settings/sections/accountImage.js",