Work progress on dark theme

.gitignore

@@ -1,4 +1,5 @@
 # ---> VisualStudioCode
 .settings
 
-
+# Build directory
+output/*

.travis.yml

@@ -0,0 +1,13 @@
+sudo: required
+
+language: php
+
+services:
+- docker
+
+#Target PHP versions
+php:
+ - 7.2
+  
+script:
+  - docker run -t -v $(pwd):/data pierre42100/docker-comunicwebappscratch /data/builder build offline

Jenkinsfile

@@ -0,0 +1,11 @@
+pipeline {
+ agent { docker { image "registry.docker.internal/pierre42100/docker-comunicwebappscratch" } }
+ stages {
+  stage("build") {
+   steps {
+    sh 'php --version'
+	sh './builder build offline'
+   }
+  }
+ }
+}

LICENSE

@@ -1,5 +1,5 @@
 MIT License
-Copyright (c) <year> <copyright holders>
+Copyright (c) 2017-2018 Pierre HUBERT
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

README.md

@@ -21,3 +21,8 @@ ComunicWeb would not exists without the following technologies developped by the
 - jquery.hotkeys
 - bootstrap-wysiwyg (https://github.com/steveathon/bootstrap-wysiwyg/)
 - wdt-emoji-bundle (http://ned.im/wdt-emoji-bundle)
+- PNGLib (http://www.xarg.org/2010/03/generate-client-side-png-files-using-javascript/) (BSD Licence)
+- Identicon (http://github.com/stewartlord/identicon.js) (BSD Licence)
+- FileSaver.js (http://eligrey.com) (by Eli Grey) (MIT Licence)
+- JSZip (https://github.com/Stuk/jszip.git) (MIT Licence)
+- JSZip Utils (https://github.com/Stuk/jszip-utils.git) (MIT Licence)

assets/3rdparty/FileSaver.js

@@ -0,0 +1,247 @@
+/*! FileSaver.js
+ *  A saveAs() FileSaver implementation.
+ *  2014-01-24
+ *
+ *  By Eli Grey, http://eligrey.com
+ *  License: X11/MIT
+ *    See LICENSE.md
+ */
+
+/*global self */
+/*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */
+
+/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
+
+var saveAs = saveAs
+  // IE 10+ (native saveAs)
+  || (typeof navigator !== "undefined" &&
+      navigator.msSaveOrOpenBlob && navigator.msSaveOrOpenBlob.bind(navigator))
+  // Everyone else
+  || (function(view) {
+	"use strict";
+	// IE <10 is explicitly unsupported
+	if (typeof navigator !== "undefined" &&
+	    /MSIE [1-9]\./.test(navigator.userAgent)) {
+		return;
+	}
+	var
+		  doc = view.document
+		  // only get URL when necessary in case BlobBuilder.js hasn't overridden it yet
+		, get_URL = function() {
+			return view.URL || view.webkitURL || view;
+		}
+		, URL = view.URL || view.webkitURL || view
+		, save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a")
+		, can_use_save_link = !view.externalHost && "download" in save_link
+		, click = function(node) {
+			var event = doc.createEvent("MouseEvents");
+			event.initMouseEvent(
+				"click", true, false, view, 0, 0, 0, 0, 0
+				, false, false, false, false, 0, null
+			);
+			node.dispatchEvent(event);
+		}
+		, webkit_req_fs = view.webkitRequestFileSystem
+		, req_fs = view.requestFileSystem || webkit_req_fs || view.mozRequestFileSystem
+		, throw_outside = function(ex) {
+			(view.setImmediate || view.setTimeout)(function() {
+				throw ex;
+			}, 0);
+		}
+		, force_saveable_type = "application/octet-stream"
+		, fs_min_size = 0
+		, deletion_queue = []
+		, process_deletion_queue = function() {
+			var i = deletion_queue.length;
+			while (i--) {
+				var file = deletion_queue[i];
+				if (typeof file === "string") { // file is an object URL
+					URL.revokeObjectURL(file);
+				} else { // file is a File
+					file.remove();
+				}
+			}
+			deletion_queue.length = 0; // clear queue
+		}
+		, dispatch = function(filesaver, event_types, event) {
+			event_types = [].concat(event_types);
+			var i = event_types.length;
+			while (i--) {
+				var listener = filesaver["on" + event_types[i]];
+				if (typeof listener === "function") {
+					try {
+						listener.call(filesaver, event || filesaver);
+					} catch (ex) {
+						throw_outside(ex);
+					}
+				}
+			}
+		}
+		, FileSaver = function(blob, name) {
+			// First try a.download, then web filesystem, then object URLs
+			var
+				  filesaver = this
+				, type = blob.type
+				, blob_changed = false
+				, object_url
+				, target_view
+				, get_object_url = function() {
+					var object_url = get_URL().createObjectURL(blob);
+					deletion_queue.push(object_url);
+					return object_url;
+				}
+				, dispatch_all = function() {
+					dispatch(filesaver, "writestart progress write writeend".split(" "));
+				}
+				// on any filesys errors revert to saving with object URLs
+				, fs_error = function() {
+					// don't create more object URLs than needed
+					if (blob_changed || !object_url) {
+						object_url = get_object_url(blob);
+					}
+					if (target_view) {
+						target_view.location.href = object_url;
+					} else {
+						window.open(object_url, "_blank");
+					}
+					filesaver.readyState = filesaver.DONE;
+					dispatch_all();
+				}
+				, abortable = function(func) {
+					return function() {
+						if (filesaver.readyState !== filesaver.DONE) {
+							return func.apply(this, arguments);
+						}
+					};
+				}
+				, create_if_not_found = {create: true, exclusive: false}
+				, slice
+			;
+			filesaver.readyState = filesaver.INIT;
+			if (!name) {
+				name = "download";
+			}
+			if (can_use_save_link) {
+				object_url = get_object_url(blob);
+				// FF for Android has a nasty garbage collection mechanism
+				// that turns all objects that are not pure javascript into 'deadObject'
+				// this means `doc` and `save_link` are unusable and need to be recreated
+				// `view` is usable though:
+				doc = view.document;
+				save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a");
+				save_link.href = object_url;
+				save_link.download = name;
+				var event = doc.createEvent("MouseEvents");
+				event.initMouseEvent(
+					"click", true, false, view, 0, 0, 0, 0, 0
+					, false, false, false, false, 0, null
+				);
+				save_link.dispatchEvent(event);
+				filesaver.readyState = filesaver.DONE;
+				dispatch_all();
+				return;
+			}
+			// Object and web filesystem URLs have a problem saving in Google Chrome when
+			// viewed in a tab, so I force save with application/octet-stream
+			// http://code.google.com/p/chromium/issues/detail?id=91158
+			if (view.chrome && type && type !== force_saveable_type) {
+				slice = blob.slice || blob.webkitSlice;
+				blob = slice.call(blob, 0, blob.size, force_saveable_type);
+				blob_changed = true;
+			}
+			// Since I can't be sure that the guessed media type will trigger a download
+			// in WebKit, I append .download to the filename.
+			// https://bugs.webkit.org/show_bug.cgi?id=65440
+			if (webkit_req_fs && name !== "download") {
+				name += ".download";
+			}
+			if (type === force_saveable_type || webkit_req_fs) {
+				target_view = view;
+			}
+			if (!req_fs) {
+				fs_error();
+				return;
+			}
+			fs_min_size += blob.size;
+			req_fs(view.TEMPORARY, fs_min_size, abortable(function(fs) {
+				fs.root.getDirectory("saved", create_if_not_found, abortable(function(dir) {
+					var save = function() {
+						dir.getFile(name, create_if_not_found, abortable(function(file) {
+							file.createWriter(abortable(function(writer) {
+								writer.onwriteend = function(event) {
+									target_view.location.href = file.toURL();
+									deletion_queue.push(file);
+									filesaver.readyState = filesaver.DONE;
+									dispatch(filesaver, "writeend", event);
+								};
+								writer.onerror = function() {
+									var error = writer.error;
+									if (error.code !== error.ABORT_ERR) {
+										fs_error();
+									}
+								};
+								"writestart progress write abort".split(" ").forEach(function(event) {
+									writer["on" + event] = filesaver["on" + event];
+								});
+								writer.write(blob);
+								filesaver.abort = function() {
+									writer.abort();
+									filesaver.readyState = filesaver.DONE;
+								};
+								filesaver.readyState = filesaver.WRITING;
+							}), fs_error);
+						}), fs_error);
+					};
+					dir.getFile(name, {create: false}, abortable(function(file) {
+						// delete file if it already exists
+						file.remove();
+						save();
+					}), abortable(function(ex) {
+						if (ex.code === ex.NOT_FOUND_ERR) {
+							save();
+						} else {
+							fs_error();
+						}
+					}));
+				}), fs_error);
+			}), fs_error);
+		}
+		, FS_proto = FileSaver.prototype
+		, saveAs = function(blob, name) {
+			return new FileSaver(blob, name);
+		}
+	;
+	FS_proto.abort = function() {
+		var filesaver = this;
+		filesaver.readyState = filesaver.DONE;
+		dispatch(filesaver, "abort");
+	};
+	FS_proto.readyState = FS_proto.INIT = 0;
+	FS_proto.WRITING = 1;
+	FS_proto.DONE = 2;
+
+	FS_proto.error =
+	FS_proto.onwritestart =
+	FS_proto.onprogress =
+	FS_proto.onwrite =
+	FS_proto.onabort =
+	FS_proto.onerror =
+	FS_proto.onwriteend =
+		null;
+
+	view.addEventListener("unload", process_deletion_queue, false);
+	saveAs.unload = function() {
+		process_deletion_queue();
+		view.removeEventListener("unload", process_deletion_queue, false);
+	};
+	return saveAs;
+}(
+	   typeof self !== "undefined" && self
+	|| typeof window !== "undefined" && window
+	|| this.content
+));
+// `self` is undefined in Firefox for Android content script context
+// while `this` is nsIContentFrameMessageManager
+// with an attribute `content` that corresponds to the window
+
+if (typeof module !== "undefined") module.exports = saveAs;

assets/3rdparty/adminLTE/plugins/googleFonts/css.css

@@ -2,41 +2,41 @@
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 300;
-  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
+  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(googleFonts/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
 }
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 400;
-  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
+  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(googleFonts/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
 }
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 600;
-  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format('woff');
+  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(googleFonts/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format('woff');
 }
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 700;
-  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
+  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(googleFonts/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
 }
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: italic;
   font-weight: 300;
-  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(fpTVHK8qsXbIeTHTrnQH6GGomRtBD2u8FwSY4jjlmeA.woff) format('woff');
+  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(googleFonts/fpTVHK8qsXbIeTHTrnQH6GGomRtBD2u8FwSY4jjlmeA.woff) format('woff');
 }
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: italic;
   font-weight: 400;
-  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(M2Jd71oPJhLKp0zdtTvoMzNrcjQuD0pTu1za2FULaMs.woff) format('woff');
+  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(googleFonts/M2Jd71oPJhLKp0zdtTvoMzNrcjQuD0pTu1za2FULaMs.woff) format('woff');
 }
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: italic;
   font-weight: 600;
-  src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt'), url(fpTVHK8qsXbIeTHTrnQH6PULlOK_XQENnt2ryrY843E.woff) format('woff');
+  src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt'), url(googleFonts/fpTVHK8qsXbIeTHTrnQH6PULlOK_XQENnt2ryrY843E.woff) format('woff');
 }

assets/3rdparty/adminLTE/plugins/iCheck/flat/_all.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(flat.png) no-repeat;
+    background: url(icheck-flat-imgs/flat.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat,
     .iradio_flat {
-        background-image: url(flat@2x.png);
+        background-image: url(icheck-flat-imgs/flat@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }
@@ -65,7 +65,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(red.png) no-repeat;
+    background: url(icheck-flat-imgs/red.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -105,7 +105,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-red,
     .iradio_flat-red {
-        background-image: url(red@2x.png);
+        background-image: url(icheck-flat-imgs/red@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }
@@ -121,7 +121,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(green.png) no-repeat;
+    background: url(icheck-flat-imgs/green.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -161,7 +161,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-green,
     .iradio_flat-green {
-        background-image: url(green@2x.png);
+        background-image: url(icheck-flat-imgs/green@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }
@@ -177,7 +177,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(blue.png) no-repeat;
+    background: url(icheck-flat-imgs/blue.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -217,7 +217,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-blue,
     .iradio_flat-blue {
-        background-image: url(blue@2x.png);
+        background-image: url(icheck-flat-imgs/blue@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }
@@ -233,7 +233,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(aero.png) no-repeat;
+    background: url(icheck-flat-imgs/aero.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -273,7 +273,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-aero,
     .iradio_flat-aero {
-        background-image: url(aero@2x.png);
+        background-image: url(icheck-flat-imgs/aero@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }
@@ -289,7 +289,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(grey.png) no-repeat;
+    background: url(icheck-flat-imgs/grey.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -329,7 +329,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-grey,
     .iradio_flat-grey {
-        background-image: url(grey@2x.png);
+        background-image: url(icheck-flat-imgs/grey@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }
@@ -345,7 +345,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(orange.png) no-repeat;
+    background: url(icheck-flat-imgs/orange.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -385,7 +385,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-orange,
     .iradio_flat-orange {
-        background-image: url(orange@2x.png);
+        background-image: url(icheck-flat-imgs/orange@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }
@@ -401,7 +401,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(yellow.png) no-repeat;
+    background: url(icheck-flat-imgs/yellow.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -441,7 +441,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-yellow,
     .iradio_flat-yellow {
-        background-image: url(yellow@2x.png);
+        background-image: url(icheck-flat-imgs/yellow@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }
@@ -457,7 +457,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(pink.png) no-repeat;
+    background: url(icheck-flat-imgs/pink.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -497,7 +497,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-pink,
     .iradio_flat-pink {
-        background-image: url(pink@2x.png);
+        background-image: url(icheck-flat-imgs/pink@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }
@@ -513,7 +513,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(purple.png) no-repeat;
+    background: url(icheck-flat-imgs/purple.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -553,7 +553,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-purple,
     .iradio_flat-purple {
-        background-image: url(purple@2x.png);
+        background-image: url(icheck-flat-imgs/purple@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/adminLTE/plugins/iCheck/flat/aero.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(aero.png) no-repeat;
+    background: url(icheck-flat-imgs/aero.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-aero,
     .iradio_flat-aero {
-        background-image: url(aero@2x.png);
+        background-image: url(icheck-flat-imgs/aero@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/adminLTE/plugins/iCheck/flat/blue.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(blue.png) no-repeat;
+    background: url(icheck-flat-imgs/blue.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-blue,
     .iradio_flat-blue {
-        background-image: url(blue@2x.png);
+        background-image: url(icheck-flat-imgs/blue@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/adminLTE/plugins/iCheck/flat/flat.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(flat.png) no-repeat;
+    background: url(icheck-flat-imgs/flat.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat,
     .iradio_flat {
-        background-image: url(flat@2x.png);
+        background-image: url(icheck-flat-imgs/flat@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/adminLTE/plugins/iCheck/flat/green.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(green.png) no-repeat;
+    background: url(icheck-flat-imgs/green.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-green,
     .iradio_flat-green {
-        background-image: url(green@2x.png);
+        background-image: url(icheck-flat-imgs/green@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/adminLTE/plugins/iCheck/flat/grey.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(grey.png) no-repeat;
+    background: url(icheck-flat-imgs/grey.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-grey,
     .iradio_flat-grey {
-        background-image: url(grey@2x.png);
+        background-image: url(icheck-flat-imgs/grey@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/adminLTE/plugins/iCheck/flat/orange.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(orange.png) no-repeat;
+    background: url(icheck-flat-imgs/orange.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-orange,
     .iradio_flat-orange {
-        background-image: url(orange@2x.png);
+        background-image: url(icheck-flat-imgs/orange@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/adminLTE/plugins/iCheck/flat/pink.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(pink.png) no-repeat;
+    background: url(icheck-flat-imgs/pink.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-pink,
     .iradio_flat-pink {
-        background-image: url(pink@2x.png);
+        background-image: url(icheck-flat-imgs/pink@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/adminLTE/plugins/iCheck/flat/purple.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(purple.png) no-repeat;
+    background: url(icheck-flat-imgs/purple.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-purple,
     .iradio_flat-purple {
-        background-image: url(purple@2x.png);
+        background-image: url(icheck-flat-imgs/purple@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/adminLTE/plugins/iCheck/flat/red.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(red.png) no-repeat;
+    background: url(icheck-flat-imgs/red.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-red,
     .iradio_flat-red {
-        background-image: url(red@2x.png);
+        background-image: url(icheck-flat-imgs/red@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/adminLTE/plugins/iCheck/flat/yellow.css

@@ -9,7 +9,7 @@
     padding: 0;
     width: 20px;
     height: 20px;
-    background: url(yellow.png) no-repeat;
+    background: url(icheck-flat-imgs/yellow.png) no-repeat;
     border: none;
     cursor: pointer;
 }
@@ -49,7 +49,7 @@
        only screen and (min-device-pixel-ratio: 1.5) {
     .icheckbox_flat-yellow,
     .iradio_flat-yellow {
-        background-image: url(yellow@2x.png);
+        background-image: url(icheck-flat-imgs/yellow@2x.png);
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
     }

assets/3rdparty/bootstrap-wysiwyg.js

@@ -59,6 +59,11 @@
             }.bind( this ) );
 
         $( window ).bind( "touchend", function( e ) {
+
+            //COMUNIC FIX
+            if(!this.getCurrentRange)
+                return;
+
             var isInside = ( editor.is( e.target ) || editor.has( e.target ).length > 0 ),
             currentRange = this.getCurrentRange(),
             clear = currentRange && ( currentRange.startContainer === currentRange.endContainer && currentRange.startOffset === currentRange.endOffset );

assets/3rdparty/identicon.js/LICENSE

@@ -0,0 +1,8 @@
+Copyright (c) 2018, Stewart Lord
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
+
+Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

assets/3rdparty/identicon.js/README.md

@@ -0,0 +1,73 @@
+identicon.js
+============
+
+![Screenshot](/screenshot.png)
+
+[![CDNJS version](https://img.shields.io/cdnjs/v/identicon.js.svg)](https://cdnjs.com/libraries/identicon.js)
+
+GitHub-style identicons as PNGs or SVGs in JS.
+
+This little library will produce the same shape and (nearly) the same color as GitHub when given the same hash value. Supports PNG and SVG output formats. Note that GitHub uses an internal database identifier for the hash, so you can't simply md5 the username and get the same result. The creative visual design is borrowed from [Jason Long](http://twitter.com/jasonlong) of Git and GitHub fame.
+
+Demo
+----
+[View Demo](https://rawgithub.com/stewartlord/identicon.js/master/demo.html)
+
+Installation
+-----
+```
+npm install identicon.js --save
+```
+[![NPM Stats](https://nodei.co/npm/identicon.js.png?downloads=true)](https://npmjs.org/package/identicon.js)
+
+Options
+----
+* **hash** - A hexadecimal string of 15+ characters that will be used to generate the image.
+* **options** - [Optional] An options object used to customize the generated image.
+    * **size** - The size in pixels of the height and width of the generated (square) image. Defaults to 64 pixels.
+    * **margin** - The decimal fraction of the size to use for margin. For example, use 0.2 for a 20% margin. Defaults to 0.08 for an 8% margin.
+    * **foreground** - The foreground color is automatically derived from the hash value. Use this option to override that behavior and provide a rgba value array instead (e.g. [255,0,0,255] for red).
+    * **background** - The background color expressed as an rgba value array to use for the image background. For example, use [255,0,0,255] for red. Defaults to an opaque light gray [240,240,240,255].
+    * **saturation** - The saturation of the derived foreground color as a value from 0-1. Defaults to 0.7.
+    * **brightness** - The brightness of the derived foreground color as a value from 0-1. Defaults to 0.5.
+
+
+Usage
+-----
+
+##### Simple
+Generate the Identicon by supplying a hash string and size.
+```js
+
+// create a base64 encoded PNG
+var data = new Identicon('d3b07384d113edec49eaa6238ad5ff00', 420).toString();
+
+// write to a data URI
+document.write('<img width=420 height=420 src="data:image/png;base64,' + data + '">');
+```
+
+##### Advanced
+To customize additional properties, generate the Identicon by supplying a hexadecimal string and an options object.
+```js
+// set up options
+var hash = "c157a79031e1c40f85931829bc5fc552";  // 15+ hex chars
+var options = {
+      foreground: [0, 0, 0, 255],               // rgba black
+      background: [255, 255, 255, 255],         // rgba white
+      margin: 0.2,                              // 20% margin
+      size: 420,                                // 420px square
+      format: 'svg'                             // use SVG instead of PNG
+    };
+
+// create a base64 encoded SVG
+var data = new Identicon(hash, options).toString();
+
+// write to a data URI
+document.write('<img width=420 height=420 src="data:image/svg+xml;base64,' + data + '">');
+```
+
+
+[PNG output requires PNGLib](http://www.xarg.org/download/pnglib.js)
+
+Copyright 2018, [Stewart Lord](https://github.com/stewartlord)
+Released under the [BSD license](http://www.opensource.org/licenses/bsd-license.php)

assets/3rdparty/identicon.js/identicon.js

@@ -0,0 +1,205 @@
+/**
+ * Identicon.js 2.3.2
+ * http://github.com/stewartlord/identicon.js
+ *
+ * PNGLib required for PNG output
+ * http://www.xarg.org/download/pnglib.js
+ *
+ * Copyright 2018, Stewart Lord
+ * Released under the BSD license
+ * http://www.opensource.org/licenses/bsd-license.php
+ */
+
+(function() {
+    var PNGlib;
+    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+        PNGlib = require('./pnglib');
+    } else {
+        PNGlib = window.PNGlib;
+    }
+
+    var Identicon = function(hash, options){
+        if (typeof(hash) !== 'string' || hash.length < 15) {
+            throw 'A hash of at least 15 characters is required.';
+        }
+
+        this.defaults = {
+            background: [240, 240, 240, 255],
+            margin:     0.08,
+            size:       64,
+            saturation: 0.7,
+            brightness: 0.5,
+            format:     'png'
+        };
+
+        this.options = typeof(options) === 'object' ? options : this.defaults;
+
+        // backward compatibility with old constructor (hash, size, margin)
+        if (typeof(arguments[1]) === 'number') { this.options.size   = arguments[1]; }
+        if (arguments[2])                      { this.options.margin = arguments[2]; }
+
+        this.hash        = hash
+        this.background  = this.options.background || this.defaults.background;
+        this.size        = this.options.size       || this.defaults.size;
+        this.format      = this.options.format     || this.defaults.format;
+        this.margin      = this.options.margin !== undefined ? this.options.margin : this.defaults.margin;
+
+        // foreground defaults to last 7 chars as hue at 70% saturation, 50% brightness
+        var hue          = parseInt(this.hash.substr(-7), 16) / 0xfffffff;
+        var saturation   = this.options.saturation || this.defaults.saturation;
+        var brightness   = this.options.brightness || this.defaults.brightness;
+        this.foreground  = this.options.foreground || this.hsl2rgb(hue, saturation, brightness);
+    };
+
+    Identicon.prototype = {
+        background: null,
+        foreground: null,
+        hash:       null,
+        margin:     null,
+        size:       null,
+        format:     null,
+
+        image: function(){
+            return this.isSvg()
+                ? new Svg(this.size, this.foreground, this.background)
+                : new PNGlib(this.size, this.size, 256);
+        },
+
+        render: function(){
+            var image      = this.image(),
+                size       = this.size,
+                baseMargin = Math.floor(size * this.margin),
+                cell       = Math.floor((size - (baseMargin * 2)) / 5),
+                margin     = Math.floor((size - cell * 5) / 2),
+                bg         = image.color.apply(image, this.background),
+                fg         = image.color.apply(image, this.foreground);
+
+            // the first 15 characters of the hash control the pixels (even/odd)
+            // they are drawn down the middle first, then mirrored outwards
+            var i, color;
+            for (i = 0; i < 15; i++) {
+                color = parseInt(this.hash.charAt(i), 16) % 2 ? bg : fg;
+                if (i < 5) {
+                    this.rectangle(2 * cell + margin, i * cell + margin, cell, cell, color, image);
+                } else if (i < 10) {
+                    this.rectangle(1 * cell + margin, (i - 5) * cell + margin, cell, cell, color, image);
+                    this.rectangle(3 * cell + margin, (i - 5) * cell + margin, cell, cell, color, image);
+                } else if (i < 15) {
+                    this.rectangle(0 * cell + margin, (i - 10) * cell + margin, cell, cell, color, image);
+                    this.rectangle(4 * cell + margin, (i - 10) * cell + margin, cell, cell, color, image);
+                }
+            }
+
+            return image;
+        },
+
+        rectangle: function(x, y, w, h, color, image){
+            if (this.isSvg()) {
+                image.rectangles.push({x: x, y: y, w: w, h: h, color: color});
+            } else {
+                var i, j;
+                for (i = x; i < x + w; i++) {
+                    for (j = y; j < y + h; j++) {
+                        image.buffer[image.index(i, j)] = color;
+                    }
+                }
+            }
+        },
+
+        // adapted from: https://gist.github.com/aemkei/1325937
+        hsl2rgb: function(h, s, b){
+            h *= 6;
+            s = [
+                b += s *= b < .5 ? b : 1 - b,
+                b - h % 1 * s * 2,
+                b -= s *= 2,
+                b,
+                b + h % 1 * s,
+                b + s
+            ];
+
+            return[
+                s[ ~~h    % 6 ] * 255, // red
+                s[ (h|16) % 6 ] * 255, // green
+                s[ (h|8)  % 6 ] * 255  // blue
+            ];
+        },
+
+        toString: function(raw){
+            // backward compatibility with old toString, default to base64
+            if (raw) {
+                return this.render().getDump();
+            } else {
+                return this.render().getBase64();
+            }
+        },
+
+        isSvg: function(){
+            return this.format.match(/svg/i)
+        }
+    };
+
+    var Svg = function(size, foreground, background){
+        this.size       = size;
+        this.foreground = this.color.apply(this, foreground);
+        this.background = this.color.apply(this, background);
+        this.rectangles = [];
+    };
+
+    Svg.prototype = {
+        size:       null,
+        foreground: null,
+        background: null,
+        rectangles: null,
+
+        color: function(r, g, b, a){
+            var values = [r, g, b].map(Math.round);
+            values.push((a >= 0) && (a <= 255) ? a/255 : 1);
+            return 'rgba(' + values.join(',') + ')';
+        },
+
+        getDump: function(){
+          var i,
+                xml,
+                rect,
+                fg     = this.foreground,
+                bg     = this.background,
+                stroke = this.size * 0.005;
+
+            xml = "<svg xmlns='http://www.w3.org/2000/svg'"
+                + " width='" + this.size + "' height='" + this.size + "'"
+                + " style='background-color:" + bg + ";'>"
+                + "<g style='fill:" + fg + "; stroke:" + fg + "; stroke-width:" + stroke + ";'>";
+
+            for (i = 0; i < this.rectangles.length; i++) {
+                rect = this.rectangles[i];
+                if (rect.color == bg) continue;
+                xml += "<rect "
+                    + " x='"      + rect.x + "'"
+                    + " y='"      + rect.y + "'"
+                    + " width='"  + rect.w + "'"
+                    + " height='" + rect.h + "'"
+                    + "/>";
+            }
+            xml += "</g></svg>"
+
+            return xml;
+        },
+
+        getBase64: function(){
+            if (btoa) {
+                return btoa(this.getDump());
+            } else if (Buffer) {
+                return new Buffer(this.getDump(), 'binary').toString('base64');
+            } else {
+                throw 'Cannot generate base64 output';
+            }
+        }
+    };
+
+    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+        module.exports = Identicon;
+    } else {
+        window.Identicon = Identicon;
+    }
+})();

assets/3rdparty/identicon.js/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "identicon.js",
+  "version": "2.3.2",
+  "description": "GitHub-style identicons as PNGs or SVGs in JS.",
+  "main": "identicon.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/stewartlord/identicon.js"
+  },
+  "keywords": [
+    "identicon"
+  ],
+  "author": "stewardlord",
+  "license": "BSD",
+  "bugs": {
+    "url": "https://github.com/stewartlord/identicon.js/issues"
+  },
+  "homepage": "https://github.com/stewartlord/identicon.js"
+}

assets/3rdparty/identicon.js/pnglib.js

@@ -0,0 +1,214 @@
+/**
+* A handy class to calculate color values.
+*
+* @version 1.0
+* @author Robert Eisele <robert@xarg.org>
+* @copyright Copyright (c) 2010, Robert Eisele
+* @link http://www.xarg.org/2010/03/generate-client-side-png-files-using-javascript/
+* @license http://www.opensource.org/licenses/bsd-license.php BSD License
+*
+*/
+
+(function() {
+
+	// helper functions for that ctx
+	function write(buffer, offs) {
+		for (var i = 2; i < arguments.length; i++) {
+			for (var j = 0; j < arguments[i].length; j++) {
+				buffer[offs++] = arguments[i].charAt(j);
+			}
+		}
+	}
+
+	function byte2(w) {
+		return String.fromCharCode((w >> 8) & 255, w & 255);
+	}
+
+	function byte4(w) {
+		return String.fromCharCode((w >> 24) & 255, (w >> 16) & 255, (w >> 8) & 255, w & 255);
+	}
+
+	function byte2lsb(w) {
+		return String.fromCharCode(w & 255, (w >> 8) & 255);
+	}
+
+	// modified from original source to support NPM
+	var PNGlib = function(width,height,depth) {
+
+		this.width   = width;
+		this.height  = height;
+		this.depth   = depth;
+
+		// pixel data and row filter identifier size
+		this.pix_size = height * (width + 1);
+
+		// deflate header, pix_size, block headers, adler32 checksum
+		this.data_size = 2 + this.pix_size + 5 * Math.floor((0xfffe + this.pix_size) / 0xffff) + 4;
+
+		// offsets and sizes of Png chunks
+		this.ihdr_offs = 0;									// IHDR offset and size
+		this.ihdr_size = 4 + 4 + 13 + 4;
+		this.plte_offs = this.ihdr_offs + this.ihdr_size;	// PLTE offset and size
+		this.plte_size = 4 + 4 + 3 * depth + 4;
+		this.trns_offs = this.plte_offs + this.plte_size;	// tRNS offset and size
+		this.trns_size = 4 + 4 + depth + 4;
+		this.idat_offs = this.trns_offs + this.trns_size;	// IDAT offset and size
+		this.idat_size = 4 + 4 + this.data_size + 4;
+		this.iend_offs = this.idat_offs + this.idat_size;	// IEND offset and size
+		this.iend_size = 4 + 4 + 4;
+		this.buffer_size  = this.iend_offs + this.iend_size;	// total PNG size
+
+		this.buffer  = new Array();
+		this.palette = new Object();
+		this.pindex  = 0;
+
+		var _crc32 = new Array();
+
+		// initialize buffer with zero bytes
+		for (var i = 0; i < this.buffer_size; i++) {
+			this.buffer[i] = "\x00";
+		}
+
+		// initialize non-zero elements
+		write(this.buffer, this.ihdr_offs, byte4(this.ihdr_size - 12), 'IHDR', byte4(width), byte4(height), "\x08\x03");
+		write(this.buffer, this.plte_offs, byte4(this.plte_size - 12), 'PLTE');
+		write(this.buffer, this.trns_offs, byte4(this.trns_size - 12), 'tRNS');
+		write(this.buffer, this.idat_offs, byte4(this.idat_size - 12), 'IDAT');
+		write(this.buffer, this.iend_offs, byte4(this.iend_size - 12), 'IEND');
+
+		// initialize deflate header
+		var header = ((8 + (7 << 4)) << 8) | (3 << 6);
+		header+= 31 - (header % 31);
+
+		write(this.buffer, this.idat_offs + 8, byte2(header));
+
+		// initialize deflate block headers
+		for (var i = 0; (i << 16) - 1 < this.pix_size; i++) {
+			var size, bits;
+			if (i + 0xffff < this.pix_size) {
+				size = 0xffff;
+				bits = "\x00";
+			} else {
+				size = this.pix_size - (i << 16) - i;
+				bits = "\x01";
+			}
+			write(this.buffer, this.idat_offs + 8 + 2 + (i << 16) + (i << 2), bits, byte2lsb(size), byte2lsb(~size));
+		}
+
+		/* Create crc32 lookup table */
+		for (var i = 0; i < 256; i++) {
+			var c = i;
+			for (var j = 0; j < 8; j++) {
+				if (c & 1) {
+					c = -306674912 ^ ((c >> 1) & 0x7fffffff);
+				} else {
+					c = (c >> 1) & 0x7fffffff;
+				}
+			}
+			_crc32[i] = c;
+		}
+
+		// compute the index into a png for a given pixel
+		this.index = function(x,y) {
+			var i = y * (this.width + 1) + x + 1;
+			var j = this.idat_offs + 8 + 2 + 5 * Math.floor((i / 0xffff) + 1) + i;
+			return j;
+		}
+
+		// convert a color and build up the palette
+		this.color = function(red, green, blue, alpha) {
+
+			alpha = alpha >= 0 ? alpha : 255;
+			var color = (((((alpha << 8) | red) << 8) | green) << 8) | blue;
+
+			if (typeof this.palette[color] == "undefined") {
+				if (this.pindex == this.depth) return "\x00";
+
+				var ndx = this.plte_offs + 8 + 3 * this.pindex;
+
+				this.buffer[ndx + 0] = String.fromCharCode(red);
+				this.buffer[ndx + 1] = String.fromCharCode(green);
+				this.buffer[ndx + 2] = String.fromCharCode(blue);
+				this.buffer[this.trns_offs+8+this.pindex] = String.fromCharCode(alpha);
+
+				this.palette[color] = String.fromCharCode(this.pindex++);
+			}
+			return this.palette[color];
+		}
+
+		// output a PNG string, Base64 encoded
+		this.getBase64 = function() {
+
+			var s = this.getDump();
+
+			var ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+			var c1, c2, c3, e1, e2, e3, e4;
+			var l = s.length;
+			var i = 0;
+			var r = "";
+
+			do {
+				c1 = s.charCodeAt(i);
+				e1 = c1 >> 2;
+				c2 = s.charCodeAt(i+1);
+				e2 = ((c1 & 3) << 4) | (c2 >> 4);
+				c3 = s.charCodeAt(i+2);
+				if (l < i+2) { e3 = 64; } else { e3 = ((c2 & 0xf) << 2) | (c3 >> 6); }
+				if (l < i+3) { e4 = 64; } else { e4 = c3 & 0x3f; }
+				r+= ch.charAt(e1) + ch.charAt(e2) + ch.charAt(e3) + ch.charAt(e4);
+			} while ((i+= 3) < l);
+			return r;
+		}
+
+		// output a PNG string
+		this.getDump = function() {
+
+			// compute adler32 of output pixels + row filter bytes
+			var BASE = 65521; /* largest prime smaller than 65536 */
+			var NMAX = 5552;  /* NMAX is the largest n such that 255n(n+1)/2 + (n+1)(BASE-1) <= 2^32-1 */
+			var s1 = 1;
+			var s2 = 0;
+			var n = NMAX;
+
+			for (var y = 0; y < this.height; y++) {
+				for (var x = -1; x < this.width; x++) {
+					s1+= this.buffer[this.index(x, y)].charCodeAt(0);
+					s2+= s1;
+					if ((n-= 1) == 0) {
+						s1%= BASE;
+						s2%= BASE;
+						n = NMAX;
+					}
+				}
+			}
+			s1%= BASE;
+			s2%= BASE;
+			write(this.buffer, this.idat_offs + this.idat_size - 8, byte4((s2 << 16) | s1));
+
+			// compute crc32 of the PNG chunks
+			function crc32(png, offs, size) {
+				var crc = -1;
+				for (var i = 4; i < size-4; i += 1) {
+					crc = _crc32[(crc ^ png[offs+i].charCodeAt(0)) & 0xff] ^ ((crc >> 8) & 0x00ffffff);
+				}
+				write(png, offs+size-4, byte4(crc ^ -1));
+			}
+
+			crc32(this.buffer, this.ihdr_offs, this.ihdr_size);
+			crc32(this.buffer, this.plte_offs, this.plte_size);
+			crc32(this.buffer, this.trns_offs, this.trns_size);
+			crc32(this.buffer, this.idat_offs, this.idat_size);
+			crc32(this.buffer, this.iend_offs, this.iend_size);
+
+			// convert PNG to string
+			return "\x89PNG\r\n\x1a\n"+this.buffer.join('');
+		}
+	}
+
+	// modified from original source to support NPM
+	if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+		module.exports = PNGlib;
+	} else {
+		window.PNGlib = PNGlib;
+	}
+})();

assets/3rdparty/jszip-utils/jszip-utils.js

@@ -0,0 +1,121 @@
+/*!
+
+JSZipUtils - A collection of cross-browser utilities to go along with JSZip.
+<http://stuk.github.io/jszip-utils>
+
+(c) 2014 Stuart Knightley, David Duponchel
+Dual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip-utils/master/LICENSE.markdown.
+
+*/
+!function(e){"object"==typeof exports?module.exports=e():"function"==typeof define&&define.amd?define(e):"undefined"!=typeof window?window.JSZipUtils=e():"undefined"!=typeof global?global.JSZipUtils=e():"undefined"!=typeof self&&(self.JSZipUtils=e())}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+'use strict';
+
+var JSZipUtils = {};
+// just use the responseText with xhr1, response with xhr2.
+// The transformation doesn't throw away high-order byte (with responseText)
+// because JSZip handles that case. If not used with JSZip, you may need to
+// do it, see https://developer.mozilla.org/En/Using_XMLHttpRequest#Handling_binary_data
+JSZipUtils._getBinaryFromXHR = function (xhr) {
+    // for xhr.responseText, the 0xFF mask is applied by JSZip
+    return xhr.response || xhr.responseText;
+};
+
+// taken from jQuery
+function createStandardXHR() {
+    try {
+        return new window.XMLHttpRequest();
+    } catch( e ) {}
+}
+
+function createActiveXHR() {
+    try {
+        return new window.ActiveXObject("Microsoft.XMLHTTP");
+    } catch( e ) {}
+}
+
+// Create the request object
+var createXHR = window.ActiveXObject ?
+    /* Microsoft failed to properly
+     * implement the XMLHttpRequest in IE7 (can't request local files),
+     * so we use the ActiveXObject when it is available
+     * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
+     * we need a fallback.
+     */
+    function() {
+    return createStandardXHR() || createActiveXHR();
+} :
+    // For all other browsers, use the standard XMLHttpRequest object
+    createStandardXHR;
+
+
+
+JSZipUtils.getBinaryContent = function(path, callback) {
+    /*
+     * Here is the tricky part : getting the data.
+     * In firefox/chrome/opera/... setting the mimeType to 'text/plain; charset=x-user-defined'
+     * is enough, the result is in the standard xhr.responseText.
+     * cf https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest#Receiving_binary_data_in_older_browsers
+     * In IE <= 9, we must use (the IE only) attribute responseBody
+     * (for binary data, its content is different from responseText).
+     * In IE 10, the 'charset=x-user-defined' trick doesn't work, only the
+     * responseType will work :
+     * http://msdn.microsoft.com/en-us/library/ie/hh673569%28v=vs.85%29.aspx#Binary_Object_upload_and_download
+     *
+     * I'd like to use jQuery to avoid this XHR madness, but it doesn't support
+     * the responseType attribute : http://bugs.jquery.com/ticket/11461
+     */
+    try {
+
+        var xhr = createXHR();
+
+        xhr.open('GET', path, true);
+
+        // recent browsers
+        if ("responseType" in xhr) {
+            xhr.responseType = "arraybuffer";
+        }
+
+        // older browser
+        if(xhr.overrideMimeType) {
+            xhr.overrideMimeType("text/plain; charset=x-user-defined");
+        }
+
+        //Allow big files download
+        xhr.setRequestHeader("Range", "bytes=0-9999999999999999999999999999999");
+
+        xhr.onreadystatechange = function(evt) {
+            var file, err;
+            // use `xhr` and not `this`... thanks IE
+            if (xhr.readyState === 4) {
+                if (xhr.status === 200 || xhr.status === 0) {
+                    file = null;
+                    err = null;
+                    try {
+                        file = JSZipUtils._getBinaryFromXHR(xhr);
+                    } catch(e) {
+                        err = new Error(e);
+                    }
+                    callback(err, file);
+                } else {
+                    callback(new Error("Ajax error for " + path + " : " + this.status + " " + this.statusText), null);
+                }
+            }
+        };
+
+        xhr.send();
+
+    } catch (e) {
+        callback(new Error(e), null);
+    }
+};
+
+// export
+module.exports = JSZipUtils;
+
+// enforcing Stuk's coding style
+// vim: set shiftwidth=4 softtabstop=4:
+
+},{}]},{},[1])
+(1)
+});
+;

assets/3rdparty/jszip-utils/jszip-utils.min.js

@@ -0,0 +1,10 @@
+/*!
+
+JSZipUtils - A collection of cross-browser utilities to go along with JSZip.
+<http://stuk.github.io/jszip-utils>
+
+(c) 2014 Stuart Knightley, David Duponchel
+Dual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip-utils/master/LICENSE.markdown.
+
+*/
+!function(a){"object"==typeof exports?module.exports=a():"function"==typeof define&&define.amd?define(a):"undefined"!=typeof window?window.JSZipUtils=a():"undefined"!=typeof global?global.JSZipUtils=a():"undefined"!=typeof self&&(self.JSZipUtils=a())}(function(){return function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);throw new Error("Cannot find module '"+g+"'")}var j=c[g]={exports:{}};b[g][0].call(j.exports,function(a){var c=b[g][1][a];return e(c?c:a)},j,j.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(a,b){"use strict";function c(){try{return new window.XMLHttpRequest}catch(a){}}function d(){try{return new window.ActiveXObject("Microsoft.XMLHTTP")}catch(a){}}var e={};e._getBinaryFromXHR=function(a){return a.response||a.responseText};var f=window.ActiveXObject?function(){return c()||d()}:c;e.getBinaryContent=function(a,b){try{var c=f();c.open("GET",a,!0),"responseType"in c&&(c.responseType="arraybuffer"),c.overrideMimeType&&c.overrideMimeType("text/plain; charset=x-user-defined"),c.onreadystatechange=function(){var d,f;if(4===c.readyState)if(200===c.status||0===c.status){d=null,f=null;try{d=e._getBinaryFromXHR(c)}catch(g){f=new Error(g)}b(f,d)}else b(new Error("Ajax error for "+a+" : "+this.status+" "+this.statusText),null)},c.send()}catch(d){b(new Error(d),null)}},b.exports=e},{}]},{},[1])(1)});

assets/css/common/global.css

@@ -10,3 +10,17 @@
 a {
     cursor: pointer;
 }
+
+/**
+ * <a> like elements
+ */
+.a {
+    cursor: pointer;
+    outline: none;
+    text-decoration: none;
+    color: #3c8dbc;
+}
+
+.a:focus, .a:hover {
+    color: #72afd2;
+}

assets/css/common/page/error.css

@@ -0,0 +1,9 @@
+/**
+ * Errors pages stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.error-page .error-content p {
+	word-wrap: break-word;
+}

assets/css/components/conversations/windows.css

@@ -80,15 +80,39 @@
 /**
  * Conversations messages
  */
+
+#conversationsElem .date-conversation-message {
+	margin-top: 2px;
+	text-align: center;
+	font-size: 70%;
+	font-style: italic;
+}
+
 #conversationsElem .conversation-msg-image {
 	height: 50px;
 }
 
+#conversationsElem .direct-chat-text {
+	word-break: break-all;
+}
+
 #conversationsElem .direct-chat-text .emoji {
 	height: 1em;
 }
 
+#conversationsElem .direct-chat-text a, #conversationsElem .direct-chat-text .a {
+	color: inherit;
+}
+
 #conversationsElem .direct-chat-text.not-first-message::before, 
 #conversationsElem .direct-chat-text.not-first-message::after {
 	display: none;
 }
+
+#conversationsElem .direct-chat-msg.not-last-message-from-user {
+	margin-bottom: 0px;
+}
+
+#conversationsElem .direct-chat-msg.not-last-message-from-user .direct-chat-img {
+	margin-bottom: -5px;
+}

assets/css/components/menuBar.css

@@ -20,6 +20,29 @@ header .dropdown .fa-gear {
 	vertical-align: middle;
 }
 
+.main-header .alternate-latest-posts-button {
+	display: none;
+}
+
+@media (max-width: 360px) {
+	.main-header[forActiveUser="true"] .navbar-brand {
+		display: none;
+	}
+
+	.main-header .alternate-latest-posts-button {
+		display: block;
+	}
+
+	.nav > li > a {
+		padding: 10px 10px;
+	}
+
+	.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+		width: 100%;
+		left: 0px;
+	}
+}
+
 @media (max-width: 767px) {
   .skin-blue .main-header .navbar .dropdown-user-menu-action .dropdown-menu li a {
     color: #333 !important;

assets/css/dark_theme.css

@@ -0,0 +1,483 @@
+/**
+ * ComunicWeb dark theme
+ *
+ * @author Pierre HUBERT
+ */
+
+/**
+* General definitions
+*/
+:root {
+    --black: #1119;
+    --black2: #111111;
+    --black3: #000;
+    --black4: #686a6c;
+    --black5: #232426;
+    --black6: #0f0f0f;
+    --white: silver;
+}
+
+p, h1, h2, h3, h4, h5, h6 {
+    color: var(--white);
+}
+
+.content-wrapper {
+    background-color: var(--black3);
+}
+
+.link-black {
+    color: var(--white);
+}
+
+.table-hover > tbody > tr:hover {
+    background-color: var(--black3);
+}
+
+
+/**
+* Buttons
+*/
+.btn {
+    color: var(--white);
+}
+
+.btn-primary, 
+.btn-success, 
+.btn-default,
+.btn-danger,
+.btn-info {
+    background-color: transparent;
+}
+
+.btn-default:active, .btn-default:focus {
+    background-color: var(--white);
+}
+
+
+/**
+* Forms
+*/
+.form-control {
+    background-color: var(--black);
+    color: var(--white);
+    border-color: var(--black5);
+}
+
+.form-control:focus {
+    background-color:  var(--black5);
+    border-color: var(--black4);
+}
+
+.form-group label {
+    color: var(--white);
+}
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+    background-color: var(--black6);
+}
+
+
+
+/**
+* Boxes
+*/
+.box {
+    background-color: var(--black5);
+    color: var(--white);
+}
+
+.box-footer {
+    background-color: var(--black5);
+}
+
+
+/**
+* Modals
+*/
+.modal-header,
+.modal-footer {
+    background-color: var(--black5);
+}
+
+.modal-body {
+    background-color: var(--black6);
+}
+
+.modal-primary .modal-header, 
+.modal-primary .modal-footer {
+    background-color: var(--black5) !important;;
+}
+
+.modal-primary .modal-body {
+    background-color: var(--black6) !important;
+}
+
+.modal-danger .modal-header, 
+.modal-danger .modal-footer {
+    background-color: #a22819 !important;
+}
+
+.modal-danger .modal-body {
+    background-color: #872f24 !important;
+}
+
+/**
+* Dropdown menus
+*/
+.dropdown-menu {
+    background-color: var(--black5) !important;
+}
+
+.dropdown-menu > li > a {
+    color: var(--white) !important;
+}
+
+.dropdown-menu > li > a:hover {
+    background-color: var(--black3) !important;
+}
+
+.dropdown {
+    color: var(--white);
+}
+
+
+
+/**
+* Navbar
+*/
+.navbar {
+    background-color: var(--black6) !important;;
+}
+
+.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
+.navbar-nav > .messages-menu > .dropdown-menu > li.header,
+.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
+    background-color: var(--black6);
+    color: var(--white);
+}
+
+.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
+.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
+.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
+    background-color: var(--black6) !important;
+    color: var(--white) !important;
+}
+
+.main-header #navbar-search-input.form-control:focus,
+.main-header #navbar-search-input.form-control:active {
+    background-color: var(--black3);
+}
+
+.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
+    color: var(--white);
+}
+
+.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
+.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
+.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
+    background-color: var(--black6);
+}
+
+.skin-blue .main-header .navbar .dropdown-user-menu-action .dropdown-menu li a {
+    color: var(--white) !important;;
+}
+
+.skin-blue .main-header .navbar .nav > li > a:hover,
+.skin-blue .main-header .navbar .nav > li > a:active,
+.skin-blue .main-header .navbar .nav > li > a:focus,
+.skin-blue .main-header .navbar .nav .open > a,
+.skin-blue .main-header .navbar .nav .open > a:hover,
+.skin-blue .main-header .navbar .nav .open > a:focus,
+.skin-blue .main-header .navbar .nav > .active > a {
+    background-color: var(--black4);
+}
+
+
+/**
+* Footer
+*/
+.main-footer {
+    background-color: var(--black3);
+}
+
+.main-footer span {
+    color: var(--white);
+}
+
+
+/**
+* Friends list
+*/
+@media screen and (min-width: 1200px) {
+    
+	#friendsList {
+        background-color: var(--black6);
+    }
+    
+    #friendsList:hover {
+        background-color: var(--black5);
+    }
+}
+
+@media screen and (max-width: 1200px) and (min-width: 513px)  {
+	#friendsList {
+        background-color: var(--black5);
+    }
+}
+
+#friendsList h4 {
+    color: var(--white);
+}
+
+#friendsList li:hover {
+    background-color: var(--black4);
+}
+
+/**
+ * Emoji picker
+ */
+.wdt-emoji-popup {
+    background-color: var(--black6);
+    border: 1px var(--black6) solid;
+    border-radius: 2;
+}
+
+#wdt-emoji-menu-header {
+    background-color: var(--black5);
+}
+
+#wdt-emoji-footer {
+    background-color: var(--black5);
+}
+
+.wdt-emoji-popup h3 {
+    background-color: var(--black4);
+    color: var(--white);
+}
+
+#wdt-emoji-search {
+    background-color: var(--black5);
+    color: var(--white);
+}
+
+#wdt-emoji-search:focus {
+    background-color: var(--black4);
+    color: var(--white);
+}
+
+.wdt-emoji:hover {
+    background-color: var(--black4) !important;;
+}
+
+/**
+* Conversations
+*/
+.open-conversation-button {
+    background-color: var(--black5);
+}
+
+.nav-stacked > li > a {
+    color: var(--white);
+}
+
+.conversations-list-box .last-activity {
+    color: var(--white);
+}
+
+.nav > li > a:hover,
+.nav > li > a:active,
+.nav > li > a:focus {
+    color: var(--black5);
+}
+
+.select2-dropdown {
+    background-color: var(--black5);
+    color: var(--white);
+}
+
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+    background-color: var(--black4);
+    color: var(--white);
+}
+
+#conversationsElem .create-message-form .btn.btn-add-emoji:hover,
+#conversationsElem .create-message-form .btn.btn-add-image:hover {
+    color: var(--white);
+}
+
+/**
+* Home page
+*/
+#homeLandingScreen {
+    background-image: none !important;
+    background-color: var(--black5);
+}
+
+#homeLandingScreen #homeMessage {
+    background-color: var(--black);
+}
+
+
+/**
+* Login page
+*/
+.login-page, .register-page {
+    background-color: var(--black2);
+}
+
+.login-box-body {
+    background-color: var(--black3);
+}
+
+.login-logo b, #loginForm label {
+    color: var(--white) !important;
+}
+
+
+/**
+* Create account page
+*/
+.create-account-form label {
+    color: var(--white);
+}
+
+
+
+/**
+* User information
+*/
+.list-group-item {
+    background-color: transparent;
+}
+
+
+
+/**
+* Posts
+*/
+.attachment-block {
+    background-color: var(--black6);
+}
+
+.post-comments {
+    background-color: var(--black);
+    border-radius: 2px;
+}
+
+.post {
+    color: var(--white);
+}
+
+.post-image {
+    filter: brightness(80%);
+    transition: filter 1s;
+}
+
+.post-image:hover {
+    filter: brightness(100%);
+}
+
+.box-comments .username, 
+.box-comments .comment-content {
+    color: var(--white);
+}
+
+
+.comment-creation-form .comment-image-select a, 
+.comment-creation-form .comment-emoji-select a {
+    color: var(--white);
+}
+
+
+/**
+* Posts creation form
+*/
+
+.post-form-choice span {
+    color: var(--black4);
+}
+
+.post-form .post-form-choice input:checked ~ span {
+    color: var(--white);
+}
+
+.datepicker.dropdown-menu {
+    background-color: var(--black6);
+    color: var(--white);
+}
+
+.select2-container--default .select2-selection--multiple {
+    background-color: transparent;
+}
+
+.post-form .post-visiblity-container span {
+    color: var(--black4);
+}
+
+.post-form .post-visiblity-container input:checked ~ span {
+    color: var(--white);
+}
+
+
+/**
+* Posts edit modal
+*/
+.editor {
+    background-color: var(--black5);
+    color: var(--white);
+}
+
+
+/**
+ * Search page
+ */
+.nav > li > a:hover,
+.nav > li > a:active,
+.nav > li > a:focus {
+    background-color: var(--black4);
+}
+
+/**
+ * Conversation page
+ */
+.conversations-page-container a {
+    background-color: var(--black6) !important;;
+}
+
+.conversations-page-container a {
+    color: var(--white) !important;
+}
+
+.conversations-page-container a:hover {
+    background-color: var(--black5) !important;;
+}
+
+.conversations-page-container a:active {
+    background-color: var(--black6) !important;;
+}
+
+.conversations-page-container a.selected {
+    background-color: var(--black5) !important;;
+}
+
+.conversations-page-container .box-conversation .input-group-btn .btn {
+    background-color: var(--black5);
+}
+
+.conversations-page-container .box-conversation .input-group-btn .btn:hover {
+    background-color: var(--black4);
+    color: var(--black6);
+}
+
+.conversations-page-container .box-conversation .input-group-btn .btn:focus,
+.conversations-page-container .box-conversation .input-group-btn .btn:active {
+    color: var(--white);
+}
+
+.big-box-conversation .direct-chat-text .a,
+.big-box-conversation .direct-chat-text a {
+    background-color: transparent !important;
+    color: inherit !important;
+}

assets/css/pages/conversations/conversation.css

@@ -0,0 +1,29 @@
+/**
+ * Conversation pane stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.big-box-conversation .direct-chat-text {
+	display: inline-block;
+	margin-left: 10px;
+	max-width: 150px;
+	word-wrap: break-word;
+}
+
+.big-box-conversation .right .direct-chat-text {
+	float: right;
+	margin-right: 10px;
+}
+
+.big-box-conversation .direct-chat-text .message-img {
+	max-width: 100%;
+	max-height: 200px;
+	display: block;
+	margin: auto;
+}
+
+.big-box-conversation .direct-chat-text .a,
+.big-box-conversation .direct-chat-text a {
+	color: white;
+}

assets/css/pages/conversations/listPane.css

@@ -0,0 +1,17 @@
+/**
+ * Conversations list pane
+ *
+ * @author Pierre HUBERT
+ */
+
+.conversations-page-container .conversations-list-box {
+	max-height: 100%;
+}
+
+.conversations-page-container .conversations-list-box ul {
+	max-height: 100%;
+}
+
+.conversations-page-container a.selected {
+	background: #f7f7f7;
+}

assets/css/pages/conversations/main.css

@@ -0,0 +1,17 @@
+/**
+ * Conversations page main script file
+ *
+ * @author Pierre HUBERT
+ */
+
+.conversations-page-container {
+	max-width: 1000px;
+	margin: auto;
+	margin-top: 10px;
+}
+
+
+.conversations-page-container .conv-list-loading-msg {
+	text-align: center;
+	padding: 10px;
+}

assets/css/pages/groups/pages/create.css

@@ -0,0 +1,25 @@
+/**
+ * Create groups page main stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.create-group-page {
+	max-width: 450px;
+	margin: auto;
+	padding-top: 60px;
+}
+
+.create-group-page form {
+	border: 1px #162935 solid;
+	padding: 15px;
+}
+
+.create-group-page form h3 {
+	text-align: center;
+	margin-top: 0px;
+}
+
+.create-group-page .submit-button-container {
+	text-align: center;
+}

assets/css/pages/groups/pages/forbidden.css

@@ -0,0 +1,22 @@
+/**
+ * Access forbidden to page groups stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.group-forbidden-page-container {
+    max-width: 300px;
+    margin: auto;
+    margin-top: 15px;
+    text-align: center;
+}
+
+.group-forbidden-page-container .group-logo {
+    width: 130px;
+    margin: auto;
+    display: block;
+}
+
+.group-forbidden-page-container .group-name {
+    margin-bottom: 15px;
+}

assets/css/pages/groups/pages/group.css

@@ -0,0 +1,14 @@
+/**
+ * Group page main stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.group-page {
+    padding-top: 10px;
+}
+
+.group-page .col-md-6 {
+    margin: auto;
+    float: none;
+}

assets/css/pages/groups/pages/main.css

@@ -0,0 +1,54 @@
+/**
+ * Groups main page stylesheet
+ * 
+ * @author Pierre HUBERT
+ */
+
+.groups-main-page {
+    max-width: 450px;
+    margin: auto;
+    text-align: center;
+    padding-top: 50px;
+}
+
+.groups-main-page .group-item {
+    text-align: justify;
+    margin-top: 10px;
+}
+
+.groups-main-page .group-item .group-icon {
+    max-width: 50px;
+    margin-right: 10px;
+}
+
+.groups-main-page .group-item div {
+    display: inline-block;
+}
+
+.groups-main-page .group-item .group-name {
+    width: 180px;
+    vertical-align: middle;
+}
+
+.groups-main-page .group-item .buttons-area {
+    width: 20px;
+}
+
+.groups-main-page .group-item .buttons-area .fa {
+    color: #b5bbc8;
+}
+
+.groups-main-page .group-item .buttons-area .fa:active {
+    color: black;
+}
+
+@media screen and (max-width: 450px){
+
+    .groups-main-page {
+        max-width: 317px;
+    }
+
+    .groups-main-page .group-item .group-name {
+        width: 120px;
+    }
+}

assets/css/pages/groups/pages/members.css

@@ -0,0 +1,55 @@
+/**
+ * Groups members page stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.group-members-page {
+	float: none;
+    margin: auto;
+    margin-top: 40px;
+}
+
+.group-members-page .backward-link {
+	margin-bottom: 10px;
+}
+
+.group-members-page .title {
+	text-align: center;
+}
+
+.group-members-page .member {
+	margin-bottom: 10px;
+}
+
+.group-members-page .member div {
+	display: inline-block;
+}
+
+.group-members-page .member .user-image {
+	border-radius: 50%;
+	max-width: 50px;
+	height: auto;
+}
+
+.group-members-page .member .member-name {
+	margin-left: 5px;
+	font-weight: bold;
+	width: 150px;
+}
+
+.group-members-page .member .delete-link {
+	cursor: pointer;
+}
+
+.group-members-page .member .delete-link:active {
+	color: #3c8dbc;
+}
+
+.group-members-page .member .delete-link {
+	width: 20px;
+}
+
+.group-members-page .member .btn-membership-level {
+	width: 130px;;
+}

assets/css/pages/groups/pages/settings.css

@@ -0,0 +1,38 @@
+/**
+ * Group settings stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.group-settings-container {
+    float: none;
+    margin: auto;
+    margin-top: 40px;
+}
+
+.group-settings-container .title {
+    text-align: center;
+    margin-bottom: 15px;
+}
+
+.group-settings-container .separated-block {
+    margin-top: 25px;
+    margin-bottom: 30px;
+    display: block;
+}
+
+.group-settings-container .submit-button-container {
+    text-align: center;
+}
+
+.group-settings-container .groupLogoSettingsContainer {
+    margin-top: 100px;
+    text-align: center;
+}
+
+.group-settings-container .group-logo-settings-img {
+    width: 150px;
+    margin: auto;
+    margin-bottom: 10px;
+    display: block;
+}

assets/css/pages/groups/sections/header.css

@@ -0,0 +1,37 @@
+/**
+ * Groups header
+ *
+ * @author Pierre HUBERT
+ */
+
+
+.group-header .group-icon {
+    max-height: 150px;
+}
+
+.group-header .group-name {
+    font-size: 200%;
+}
+
+.group-header .group-tag {
+    color: #6f737b;
+}
+
+.group-header .col-info .fa,
+.group-header .col-metadata .fa {
+    margin-right: 10px;
+    width: 10px;
+}
+
+.group-header .group-col-icon {
+    text-align: center;
+}
+
+.group-header .group-col-icon span {
+    display: block;
+}
+
+.group-header .col-md-4 {
+    display: table;
+    margin: auto;
+}

assets/css/pages/groups/sections/membershipBlock.css

@@ -0,0 +1,9 @@
+/**
+ * Membership block stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.reject-group-invitation-link {
+    color: #f56954;
+}

assets/css/pages/groups/sections/posts.css

@@ -0,0 +1,9 @@
+/**
+ * Groups posts section stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.box-group-posts .second-user-area {
+	display: none;
+}

assets/css/pages/latestPosts/main.css

@@ -21,4 +21,6 @@
 .latest-posts-row .col-md-5 {
 	margin: auto;
 	float: none;
+	width: 100%;
+	max-width: 800px;
 }

assets/css/pages/passwordForgotten/mailAdmin.css

@@ -0,0 +1,18 @@
+/**
+ * Mail admin to reset password
+ *
+ * @author Pierre HUBERT
+ */
+
+.reset-password-by-mail-step .title {
+	text-align: center;
+	margin-top: 0px;
+}
+
+.reset-password-by-mail-step p {
+	text-align: justify;
+}
+
+.reset-password-by-mail-step .btn-mail {
+	width: 100%;
+}

assets/css/pages/passwordForgotten/main.css

@@ -0,0 +1,11 @@
+/**
+ * Password forgotten page main stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.box-password-forgotten {
+	max-width: 350px;
+	margin: auto;
+	margin-top: 20px;
+}

assets/css/pages/passwordForgotten/promptOption.css

@@ -0,0 +1,14 @@
+/**
+ * Password forgotten prompt option section stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.password-reset-prompt-option-section p {
+	text-align: justify;
+}
+
+.password-reset-prompt-option-section .btn {
+	width: 100%;
+	margin-top: 10px;
+}

assets/css/pages/resetPassword/main.css

@@ -0,0 +1,15 @@
+/**
+ * Reset password main script
+ *
+ * @author Pierre HUBERT
+ */
+
+.reset-password-box {
+	max-width: 300px;
+	margin: auto;
+	margin-top: 30px;
+}
+
+.reset-password-box .btn {
+	display: block;
+}

assets/css/pages/search/main.css

@@ -0,0 +1,24 @@
+/**
+ * Search page main stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.searchPage {
+	max-width: 500px;
+	margin: auto;
+	margin-top: 30px;
+}
+
+.searchPage .results-container {
+	margin-top: 30px;
+}
+
+
+.searchPage .results-container li a img {
+	margin: auto 10px auto auto;
+	max-width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	visibility: visible;
+}

assets/css/pages/settings/sections/accountImage.css

@@ -0,0 +1,21 @@
+/**
+ * Account image settings section stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.box-account-image-settings .box-body {
+	text-align: center;
+}
+
+.box-account-image-settings .settings-account-image-preview {
+	max-width: 100%;
+	display: block;
+	margin: auto;
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
+.box-account-image-settings .account-image-visibility-form {
+	text-align: justify;
+}

assets/css/pages/settings/sections/language.css

@@ -0,0 +1,5 @@
+/**
+ * Settings language section
+ *
+ * @author Pierre HUBERT
+ */

assets/css/pages/settings/sections/privacy.css

@@ -0,0 +1,13 @@
+/**
+ * Settings privacy settings section
+ *
+ * @author Pierre HUBERT
+ */
+
+.box-export-account-data-settings .btn {
+	float: right;
+}
+
+.box-delete-account-settings .btn {
+	float: right;
+}

assets/css/pages/userPage/posts.css

@@ -0,0 +1,9 @@
+/**
+ * User posts stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.box-user-posts .second-user-area {
+	display: none;
+}

assets/css/pages/userPage/profileInfos.css

@@ -0,0 +1,20 @@
+/**
+ * Profile information stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+.user-tag-in-profile {
+	color: #6f737b;
+	text-align: center;
+	font-size: 90%;
+	margin-bottom: 10px;
+}
+
+.about-user-box {
+	word-break: break-all;
+}
+
+.about-user-box .emoji {
+	height: 1em !important;
+}

assets/js/common/api.js

@@ -137,10 +137,31 @@ ComunicWeb.common.api = {
                     },
                 };
             }
-            else
-                //Prepare result
+            else {
+
+                //Catch JSON parsing errors
+                try {
+
+                    //Parse result
                     var result = JSON.parse(apiXHR.responseText);
 
+                } catch (error) {
+                    
+                    //Report error
+                    ComunicWeb.common.error.syntaxtError(error, apiXHR.responseText);
+
+                    //Set arbitray result content
+                    result = {
+                        error : {
+                            code: 1,
+                            message: "Invalid response",
+                        },
+                    };
+
+                }
+            }
+                
+
             //We check if we got any error
             if(result.error){
                 //Log error

assets/js/common/date.js

@@ -27,7 +27,7 @@ ComunicWeb.common.date = {
 
 		//Check there was less than one minute
 		if(difference == 0)
-			return seconds + "s";
+			return lang("dates_s", [seconds]);
 
 
 		//Calculate minutes
@@ -36,7 +36,7 @@ ComunicWeb.common.date = {
 
 		//Check there was less than one hour
 		if(difference == 0)
-			return minutes + "min";
+			return lang("dates_min", [minutes]);
 
 
 		//Calculate hours
@@ -45,7 +45,7 @@ ComunicWeb.common.date = {
 
 		//Check there was less than a day
 		if(difference == 0)
-			return hours + "h";
+			return lang("dates_h", [hours]);
 
 
 		//Calculate days
@@ -55,9 +55,9 @@ ComunicWeb.common.date = {
 		//Check there was less than a month
 		if(difference == 0){
 			if(days == 1)
-				return "1 day";
+				return lang("dates_one_day");
 			else
-				return days + " days";
+				return lang("dates_days", [days]);
 		}
 			
 
@@ -68,19 +68,19 @@ ComunicWeb.common.date = {
 		//Check there was less than a year
 		if(difference == 0){
 			if(months == 1)
-				return "1 month";
+				return lang("dates_one_month");
 			else
-				return months + " months";
+				return lang("dates_months", [months]);
 		}
 			
 
 		//Calculate years
 		var years = difference;
 		if(years == 1){
-			return "1 year";
+			return lang("dates_one_year");
 		}
 		else {
-			return years + " years";
+			return lang("dates_years", [years]);
 		}
 	},
 

assets/js/common/errors.js

@@ -14,7 +14,7 @@
  */
 ComunicWeb.common.error.submitError = function(errorLevel, errorMessage, errorCode, errorData){
 	//Prepare API request
-	var apiURI = "webApp/reportError";
+	/*var apiURI = "webApp/reportError";
 	var params = {
 		"errorLevel": errorLevel,
 		"errorMessage": errorMessage,
@@ -27,7 +27,7 @@ ComunicWeb.common.error.submitError = function(errorLevel, errorMessage, errorCo
 	nextAction = function(){};
 
 	//Send API request
-	ComunicWeb.common.api.makeAPIrequest(apiURI, params, requireLoginToken, nextAction);
+	ComunicWeb.common.api.makeAPIrequest(apiURI, params, requireLoginToken, nextAction);*/
 }
 
 /**
@@ -99,3 +99,74 @@ ComunicWeb.common.error.pageNotFound = function(additionnalData, targetElement){
 	//Everything seems to be OK
 	return true;
 }
+
+/**
+ * Handles and display SyntaxtError
+ * 
+ * @param {SyntaxError} error The error
+ * @param {string} additional Additionnal information to include with
+ * the report
+ */
+ComunicWeb.common.error.syntaxtError = function(error, additional){
+	
+	//Create a modal dialog to report error
+	var dialog = ComunicWeb.common.messages.createDialogSkeleton({
+		type: "danger",
+		title: "An error occurred"
+	});
+
+	//Display modal
+	$(dialog.modal).modal("show");
+
+	//Create close modal function
+	var closeModal = function(){
+		$(dialog.modal).modal('hide');
+        emptyElem(dialog.modal);
+        dialog.modal.remove();
+	}
+	dialog.closeModal.onclick = closeModal;
+	dialog.cancelButton.onclick =  closeModal;
+
+	//Create error container
+	var errorContainer = createElem2({
+		appendTo: dialog.modalBody,
+		type: "div"
+	});
+
+	//Message
+	createElem2({
+		appendTo: errorContainer,
+		type: "p",
+		innerHTML: "An error has just occured. There are the details of the error. If this error occurs several times, please inform us at contact@communiquons.org ."
+	});
+
+	//Locate error
+	createElem2({
+		appendTo: errorContainer,
+		type: "p",
+		innerHTML: "<b>File:</b> "+error.fileName+" <b>Line:</b> " + error.lineNumber+ " <b>Column:</b> " + error.columnNumber
+	});
+
+	//Error message
+	createElem2({
+		appendTo: errorContainer,
+		type: "p",
+		innerHTML: "<b>Message:</b> " + error.message,
+	});
+
+	//Stack trace
+	createElem2({
+		appendTo: errorContainer,
+		type: "pre",
+		innerHTML: error.stack
+	});
+
+	//Check for additional information
+	if(additional){
+		createElem2({
+			appendTo: errorContainer,
+			type: "pre",
+			innerHTML: "Additionnal information: \n " + additional
+		});
+	}
+}

assets/js/common/functionsSchema.js

@@ -74,7 +74,7 @@ var ComunicWeb = {
 			/**
 			 * Return current language
 			 */
-			getCurrentLanguage: function(){},
+			current: function(){},
 
 			/**
 			 * Initializate languages
@@ -99,6 +99,16 @@ var ComunicWeb = {
 			 */
 			createCalloutElem: function(calloutTitle, calloutMessage, calloutType){},
 
+			/**
+			 * Create and return a callout element
+			 */
+			createLoadingCallout: function(target){},
+
+			/**
+			 * Create dialog skeleton
+			 */
+			createDialogSkeleton: function(info){},
+
 			/**
 			 * Create and display a confirmation dialog
 			 */
@@ -128,6 +138,11 @@ var ComunicWeb = {
 			 * Handle a 404 not found error
 			 */
 			pageNotFound: function(additionnalData, targetElement){},
+
+			/**
+			 * Handles and display SyntaxtError
+			 */
+			syntaxtError: function(error, additional){},
 		},
 
 		/**
@@ -176,6 +191,11 @@ var ComunicWeb = {
 			 */
 			refresh_current_page: function(){},
 
+			/**
+			 * Safely trigger URL update
+			 */
+			update_uri: function(title, uri){},
+
 			/**
 			 * Inform of page location update
 			 */
@@ -377,6 +397,8 @@ var ComunicWeb = {
 			 * Logout user
 			 */
 			logoutUser: function(afterLogout){},
+
+			//TODO : implement
 		},
 		
 		/**
@@ -453,6 +475,26 @@ var ComunicWeb = {
 				//TODO : implement
 			},
 
+			/**
+			 * Account export
+			 */
+			export: {
+				
+				/**
+				 * UI controller
+				 */
+				ui: {
+					//TODO : implement
+				},
+
+				/**
+				 * Worker
+				 */
+				worker: {
+					//TODO: implement
+				},
+			},
+
 		},
 
 		/**
@@ -567,10 +609,38 @@ var ComunicWeb = {
 		/**
 		 * Search form component
 		 */
-		searchForm: {
+		search: {
+			
+			/**
+			 * Search form
+			 */
+			form: {
 				//TODO : implement
 			},
 
+			/**
+			 * Search interface
+			 */
+			interface: {
+				//TODO : implement
+			},
+
+			/**
+			 * Search results UI
+			 */
+			ui: {
+				//TODO : implement
+			},
+
+			/**
+			 * Search utilities
+			 */
+			utils: {
+				//TODO : implement
+			},
+
+		},
+
 		/**
 		 * Settings component
 		 */
@@ -583,6 +653,13 @@ var ComunicWeb = {
 				//TODO : implement
 			},
 
+			/**
+			 * Settings helper
+			 */
+			helper: {
+				//TODO : implement
+			},
+
 		},
 
 		/**
@@ -868,6 +945,13 @@ var ComunicWeb = {
 
 		},
 
+		/**
+		 * Comunic specific text parser
+		 */
+		textParser: {
+			//TODO : implement
+		},
+
 		/**
 		 * Countdown timer
 		 */
@@ -939,8 +1023,48 @@ var ComunicWeb = {
 				//TODO : implement
 			}
 
-		}
+		},
 
+		/**
+		 * Groups component
+		 */
+		groups: {
+
+			/**
+			 * API interface
+			 */
+			interface: {
+				//TODO : implement
+			},
+
+			/**
+			 * Groups utilities
+			 */
+			utils: {
+				//TODO : implement
+			},
+
+			/**
+			 * Groups information
+			 */
+			info: {
+				//TODO : implement
+			},
+		},
+
+		/**
+		 * Virtual directories component
+		 */
+		virtualDirectory: {
+
+			/**
+			 * API interface
+			 */
+			interface: {
+				//TODO : implement
+			},
+
+		},
 	},
 
 	/**
@@ -1078,6 +1202,137 @@ var ComunicWeb = {
 
 		},
 
+		/**
+		 * Conversations page
+		 */
+		conversations: {
+
+			/**
+			 * Main script
+			 */
+			main: {
+				//TODO : implement
+			},
+
+			/**
+			 * Conversations list pane
+			 */
+			listPane: {
+				//TODO : implement
+			},
+
+			/**
+			 * Conversation pane
+			 */
+			conversation: {
+				//TODO : implement
+			},
+			
+
+			/**
+			 * Conversation page utilities
+			 */
+			utils: {
+				//TODO : implement
+			},
+		},
+
+		/**
+		 * Groups page
+		 */
+		groups: {
+
+			/**
+			 * Groups page main script
+			 */
+			main: {
+				//TODO : implement
+			},
+
+			/**
+			 * Groups pages
+			 */
+			pages: {
+				
+				/**
+				 * Main page
+				 */
+				main: {
+					//TODO : implement
+				},
+
+				/**
+				 * Create a group page
+				 */
+				create: {
+					//TODO : implement
+				},
+
+				/**
+				 * Main group page
+				 */
+				group: {
+					//TODO : implement
+				},
+
+				/**
+				 * Settings page
+				 */
+				settings: {
+					//TODO : implement
+				},
+
+				/**
+				 * Group members page
+				 */
+				members: {
+					//TODO : implement
+				},
+
+				/**
+				 * Access to group forbidden page
+				 */
+				forbidden: {
+					//TODO : implemement
+				},
+
+			},
+
+			/**
+			 * Groups sections
+			 */
+			sections: {
+
+				/**
+				 * Header section
+				 */
+				header: {
+					//TODO : implement
+				},
+
+				/**
+				 * Membership block
+				 */
+				membershipBlock: {
+					//TODO : implement
+				},
+
+				/**
+				 * Posts sections
+				 */
+				posts: {
+					//TODO : implement
+				},
+
+				/**
+				 * Follow block
+				 */
+				followBlock: {
+					//TODO : implement
+				},
+			},
+		},
+
 		/**
 		 * User settings page
 		 */
@@ -1116,6 +1371,13 @@ var ComunicWeb = {
 					//TODO : implement
 				},
 
+				/**
+				 * Language section
+				 */
+				language: {
+					//TODO : implement
+				},
+
 				/**
 				 * Security section
 				 */
@@ -1129,6 +1391,20 @@ var ComunicWeb = {
 				password: {
 					//TODO : implement
 				},
+
+				/**
+				 * Account image section
+				 */
+				accountImage: {
+					//TODO : implement
+				},
+
+				/**
+				 * Privacy section
+				 */
+				privacy: {
+					//TODO : implement
+				},
 			},
 		},
 
@@ -1170,6 +1446,62 @@ var ComunicWeb = {
 			//TODO : implement
 		},
 
+		/**
+		 * Password forgotten page
+		 */
+		passwordForgotten: {
+
+			/**
+			 * Main script
+			 */
+			main: {
+				//TODO : implement
+			},
+
+			/**
+			 * Ask user email step
+			 */
+			promptEmail: {
+				//TODO : implement
+			},
+
+			/**
+			 * Ask user reset option
+			 */
+			promptOption: {
+				//TODO : implement
+			},
+
+			/**
+			 * Option : send a mail to the admin
+			 */
+			mailAdmin: {
+				//TODO : implement
+			},
+
+			/**
+			 * Option : prompt security questions
+			 */
+			promptSecurityQuestions: {
+				//TODO : implement
+			},
+
+		},
+
+		/**
+		 * Password reset page
+		 */
+		resetPassword: {
+
+			/**
+			 * Main script
+			 */
+			main: {
+				//TODO : implement
+			},
+
+		},
+
 		/**
 		 * Logout controller
 		 */
@@ -1180,5 +1512,32 @@ var ComunicWeb = {
 			openLogoutPage: function(additionnalData, targetElement){},
 		},
 
+		/**
+		 * Virtual directory pages
+		 */
+		virtualDirectory: {
+
+			/**
+			 * Main page
+			 */
+			page: {
+				//TODO : implement
+			},
+
+		},
+
+		/**
+		 * Search page
+		 */
+		search: {
+
+			/**
+			 * Main page
+			 */
+			main: {
+				//TODO : implement
+			},
+
+		},
 	},
 };

assets/js/common/langs.js

@@ -6,6 +6,22 @@
 
 ComunicWeb.common.langs = {
 
+    /**
+     * Languages list
+     */
+    list:  {
+
+        en: {
+            name: "English",
+            local_name: "English"
+        },
+
+        fr: {
+            name: "French",
+            local_name: "Français"
+        }
+    },
+
     /**
      * Local storage lang item name
      */
@@ -21,17 +37,25 @@ ComunicWeb.common.langs = {
      */
     __defaultLang: "en",
     
+
     /**
      * Get current language
      *
      * @return {String} The id of the current language
      */
-    getCurrentLanguage: function(){
+    current: function(){
         
         //Check if a language has been set in local storage
         if(localStorage.getItem(this._lang_storage_field_name) != null)
             return localStorage.getItem(this._lang_storage_field_name);
 
+        //Get user language
+        var language = navigator.language || navigator.userLanguage;
+
+        if(language){
+            return language.split("-")[0];
+        }
+
         //Else return default language
         return ComunicWeb.__config.defaultLanguage;
     },
@@ -61,7 +85,7 @@ ComunicWeb.common.langs = {
         ComunicWeb.debug.logMessage("Get and install languages...");
 
         //Get languages to install
-        this.__currentLang = this.getCurrentLanguage();
+        this.__currentLang = this.current();
         this.__defaultLang = ComunicWeb.__config.defaultLanguage;
 
         //Everything is OK
@@ -76,6 +100,10 @@ ComunicWeb.common.langs = {
      * @return {String} The string ready to show
      */
     getTranslatedText: function(stringName, stringParams){
+
+        if(!this[this.__currentLang])
+            return "Invalid language!";
+
         //Try to get string
         if(this[this.__currentLang][stringName])
             var string = this[this.__currentLang][stringName];

assets/js/common/messages.js

@@ -24,9 +24,11 @@ ComunicWeb.common.messages.createCalloutElem = function(calloutTitle, calloutMes
     calloutElem.className = "callout callout-" + calloutType;
 
     //Add title
+    if(calloutTitle != ""){
         var calloutTitleElem = document.createElement("h4");
         calloutTitleElem.innerHTML =  calloutTitle;
         calloutElem.appendChild(calloutTitleElem)
+    }
 
     //Add callout body
     var calloutBody = document.createElement("div");
@@ -37,6 +39,111 @@ ComunicWeb.common.messages.createCalloutElem = function(calloutTitle, calloutMes
     return calloutElem;
 }
 
+/**
+ * Create loading callout element
+ * 
+ * @param {HTMLElement} target Optionnal, the target of the callout element
+ * @return {HTMLElement} Generated loading callout element
+ */
+ComunicWeb.common.messages.createLoadingCallout = function(target){
+
+    var elem = this.createCalloutElem(lang("messages_loading_layout_title"), lang("messages_loading_layout_message"), "info");
+
+    if(target)
+        target.appendChild(elem);
+
+    return elem;
+
+}
+
+
+/**
+ * Create dialog skeleton
+ * 
+ * @param {object} info Information about the callout to create
+ * @argument {string} type The type of modal
+ * @argument {string} title The title of the modal
+ * @return {object} Information about the created dialog
+ */
+ComunicWeb.common.messages.createDialogSkeleton = function(info){
+
+    data = {};
+
+    //Get modal type
+    var modalType = info.type ? info.type : "default";
+
+    //Get modal title
+    var modalTitle = info.title ? info.title : "";
+
+    //Create a modal root
+    data.modal = createElem2({
+        type: "div",
+        class: "modal modal-" + modalType
+    });
+
+    var modalDialog = createElem2({
+        appendTo: data.modal,
+        type: "div",
+        class: "modal-dialog"
+    });
+
+    data.modalContent = createElem2({
+        appendTo: modalDialog,
+        type: "div",
+        class: "modal-content",
+    });
+
+    //Modal header
+    data.modalHeader = createElem2({
+        appendTo: data.modalContent,
+        type: "div",
+        class: "modal-header"
+    });
+
+    data.closeModal = createElem2({
+        appendTo: data.modalHeader,
+        type: "button",
+        class: "close",
+    });
+
+    createElem2({
+        appendTo: data.closeModal,
+        type: "span",
+        innerHTML: "x"
+    });
+
+    //Modal title
+    data.modalTitle = createElem2({
+        appendTo: data.modalHeader,
+        type: "h4",
+        class: "modal-title",
+        innerHTML: modalTitle
+    });
+
+    //Modal body
+    data.modalBody = createElem2({
+        appendTo: data.modalContent,
+        type: "div",
+        class: "modal-body",
+    });
+
+    //Modal footer
+    data.modalFooter = createElem2({
+        appendTo: data.modalContent,
+        type: "div",
+        class: "modal-footer"
+    });
+
+    data.cancelButton = createElem2({
+        appendTo: data.modalFooter,
+        type: "button",
+        class: "btn btn-default",
+        innerHTML: lang("messages_dialog_cancel")
+    });
+
+    return data;
+}
+
 /**
  * Create a confirmation dialog
  * 
@@ -90,7 +197,7 @@ ComunicWeb.common.messages.confirm = function(message, callback){
         appendTo: modalHeader,
         type: "h4",
         class: "modal-title",
-        innerHTML: "Confirm the operation"
+        innerHTML: lang("messages_dialog_confirm_title")
     });
 
     //Modal body
@@ -112,7 +219,7 @@ ComunicWeb.common.messages.confirm = function(message, callback){
         appendTo: modalFooter,
         type: "button",
         class: "btn btn-default pull-left",
-        innerHTML: "Cancel"
+        innerHTML: lang("messages_dialog_confirm_cancel")
     });
     cancelButton.setAttribute("data-confirm", "false");
 
@@ -120,7 +227,7 @@ ComunicWeb.common.messages.confirm = function(message, callback){
         appendTo: modalFooter,
         type: "button",
         class: "btn btn-danger",
-        innerHTML: "Confirm"
+        innerHTML: lang("messages_dialog_confirm_confirm")
     });
     confirmButton.setAttribute("data-confirm", "true");
 
@@ -234,7 +341,7 @@ ComunicWeb.common.messages.inputString = function(title, message, defaultValue,
         appendTo: modalFooter,
         type: "button",
         class: "btn btn-default pull-left",
-        innerHTML: "Cancel"
+        innerHTML: lang("messages_dialog_input_string_cancel")
     });
     cancelButton.setAttribute("data-confirm", "false");
 
@@ -242,7 +349,7 @@ ComunicWeb.common.messages.inputString = function(title, message, defaultValue,
         appendTo: modalFooter,
         type: "button",
         class: "btn btn-primary",
-        innerHTML: "Submit"
+        innerHTML: lang("messages_dialog_input_string_submit")
     });
     submitButton.setAttribute("data-confirm", "true");
 

assets/js/common/page.js

@@ -157,20 +157,23 @@ ComunicWeb.common.page = {
             firstPartURI = "home";
         }
 
+        //Save the first part of the URI as an argument
+        additionnalData.rootDirectory = firstPartURI;
+
         //Check if there is also subfolders
         if(firstPartURI.indexOf("/") != -1){
 
             //Save the list of subfolders
             var subfoldersURIarray = firstPartURI.split("/");
             subfoldersURIarray.shift();
-            subfoldersURI = subfoldersURIarray.join("/");
+            var subfoldersURI = subfoldersURIarray.join("/");
 
             //Remove them to find the right page
             firstPartURI = firstPartURI.split("/")[0];
             
         } else {
             //No subfolder was specified
-            subfoldersURI = false;
+            var subfoldersURI = false;
         }
 
         //Check if specied page exists
@@ -180,17 +183,24 @@ ComunicWeb.common.page = {
         
         //Else we include the 404 not found page
         else {
+
+            //Check if no subfolder was specified
+            if(subfoldersURI)
                 var pageInfos = ComunicWeb.pagesList.notFound;
+            
+            //Find & open dynamically the appropriate page
+            else {
+                var pageInfos = ComunicWeb.pagesList.virtual_directory;
+            }
+                
         }
 
         //Change page title
         document.title =  pageInfos.pageTitle;
 
-        //Change page URL
-        ComunicWeb.common.url.changeURI(document.title, pageURI);
-
-        //Save new url
-        this._current_url = window.location.href.toString();
+        //Change page URL, if required
+        if(additionnalData.no_url_update ? !additionnalData.no_url_update : true)
+            this.update_uri(document.title, pageURI);
 
         //Get the main container of the page
         var mainContainerElem = byId("wrapper");
@@ -200,6 +210,12 @@ ComunicWeb.common.page = {
            var mainContainerElem = this.emptyPage(true);
         }
 
+        //Check if the page requires user login
+        if(pageInfos.needLogin){
+            if(!signed_in())
+                openPage("login");
+        }
+
         //We check if the page is a full screen page or not
         if(pageInfos.disableMenus){
             //We force the screen to be cleaned
@@ -274,7 +290,22 @@ ComunicWeb.common.page = {
         var currentPage = ComunicWeb.common.url.getCurrentWebsiteURL();
 
         //Open a page
-        this.openPage(currentPage);
+        this.openPage(currentPage, {no_url_update: true});
+    },
+
+    /**
+     * Safely trigger URL update
+     * 
+     * @param {String} title The new title of the page
+     * @param {String} uri The new URL
+     */
+    update_uri: function(title, uri){
+
+        //Trigger URL update
+        ComunicWeb.common.url.changeURI(title, uri);
+
+        //Save new url
+        this._current_url = window.location.href.toString();
     },
 
     /**
@@ -339,10 +370,25 @@ ComunicWeb.common.page = {
                 } 
             }
 
+            //Apply required translations
+            while(templateContent.includes("[[")){
+
+                //Get the full template inclusion
+                var source = templateContent.match(/\[\[.*\]\]/i)[0];
+
+                //Determine lang key
+                var key = source.replace("[[", "").replace("]]", "");
+                var translation = lang(key);
+
+                //Apply lang
+                while(templateContent.includes(source))
+                    templateContent = templateContent.replace(source, translation);
+            }
+
             //Apply template source
             targetElem.innerHTML = templateContent;
 
-            //Make a link live
+            //Make links live
             var aElems = targetElem.getElementsByTagName("a");
             for(num in aElems){
 

assets/js/common/shorcuts.js

@@ -38,9 +38,36 @@ function openPage(pageURI, additionnalData){
  * @return {Boolean} True for a success
  */
 function openUserPage(user){
+    if(user.virtualDirectory == "")
+        openUserPageFromID(user.userID);
+    else
+        openPage(user.virtualDirectory);
+}
+
+/**
+ * Open a user page quickly from its user ID
+ * 
+ * @param {String} user The ID of the user or its directory
+ * @return {Boolean} True for a success
+ */
+function openUserPageFromID(user){
     return openPage("user/" + user);
 }
 
+/**
+ * Open a group age
+ * 
+ * @param {Object} info Information about the target group
+ */
+function openGroupPage(info){
+
+    if(info.virtual_directory != "null")
+        openPage(info.virtual_directory);
+    else
+        openPage("groups/" + info.id);
+
+}
+
 /**
  * Check if user is signed in or not
  * 
@@ -124,3 +151,23 @@ function openConversation(id){
 function notify(message, type, duration, title){
     ComunicWeb.common.notificationSystem.showNotification(message, type, duration, title)
 }
+
+/**
+ * Get information about a single group
+ * 
+ * @param {Number} id The ID of the group to fetch
+ * @param {Function} callback
+ */
+function getInfoGroup(id, callback){
+    ComunicWeb.components.groups.info.getInfo(id, callback);
+}
+
+/**
+ * Get information about multiple groups
+ * 
+ * @param {Array} IDs The IDs of the groups to get information about
+ * @param {Function} callback Callback to call once we have information about the group
+ */
+function getInfoMultipleGroups(IDs, callback){
+    ComunicWeb.components.groups.info.getInfoMultiple(IDs, callback);
+}

assets/js/common/system.js

@@ -19,6 +19,11 @@ ComunicWeb.common.system = {
 		//Start init
 		ComunicWeb.debug.logMessage("Start initialization...");
 
+		//Enable error reporting
+		window.addEventListener("error", function(e){
+			ComunicWeb.common.error.syntaxtError(e.error);
+		});
+
 		//Disable tooltips
 		$(function () {
 			$(document.body).tooltip("disable");
@@ -52,11 +57,8 @@ ComunicWeb.common.system = {
 			 * Open a page
 			 */
 			if(!openPage){
-				//Get current page URI
-				var currentPage = ComunicWeb.common.url.getCurrentWebsiteURL();
-
-				//Open a page
-				ComunicWeb.common.page.openPage(currentPage);
+				//Refresh current page
+				ComunicWeb.common.page.refresh_current_page();
 			}
 			else
 				//Open specified page

assets/js/common/utils.js

@@ -39,6 +39,7 @@ function createElem(nodeType, appendTo){
  * @info {String} value The value of the new element
  * @info {String} placeholder The placeholder of the new element
  * @info {String} innerHTML Specify the html content of the newly created element
+ * @info {String} innerLang Specify the key of the lang to use to fill the element
  * @info {boolean} disabled Set whether the field should be disabled or not (input only)
  * @return {HTMLElement} The newly created element
  */
@@ -102,6 +103,9 @@ function createElem2(infos){
 	if(infos.innerHTML)
 		newElem.innerHTML = infos.innerHTML;
 	
+	if(infos.innerLang)
+		newElem.innerHTML = lang(infos.innerLang);
+
 	//Set field state
 	if(infos.disabled)
 		infos.disabled = true;
@@ -127,8 +131,6 @@ function byId(nodeName){
  * @return {Boolean} True for a success
  */
 function emptyElem(container){
-	//Get children references
-	var children = container.children;
 
 	//Process each child
 	while(container.children.length > 0){
@@ -191,8 +193,9 @@ function checkMail(emailAddress){
  * @param {Object} infos Informations about the formgroup element to create
  * * @info {HTMLElement} target The target of the field
  * * @info {String} label The label of the field
+ * * @info {string} name The name of the field
  * * @info {String} placeholder The placeholder of the field
- * * @info {Boolean} checked Defines if the fields has to be checked or not (checkbox only)
+ * * @info {Boolean} checked Defines if the fields has to be checked or not (checkbox/radio only)
  * * @info {Boolean} multiple Defines if the fields can accept more than one response
  * * @info {String} type The type of the field
  * * @info {string} value The default value of the input
@@ -245,6 +248,41 @@ function createFormGroup(infos){
       		radioClass: 'iradio_flat-blue'
 		});
 	}
+
+	//In case of radio input
+	else if(infos.type == "radio"){
+
+		//Create radio
+		var input = createElem("input", labelElem) ;
+		input.type = "radio";
+		input.disabled = disabled;
+
+		if(infos.name)
+			input.name = infos.name;
+		
+		if(infos.value)
+			input.value = infos.value;
+
+		//Check if input has to be checked by default
+		if(infos.checked){
+			if(infos.checked === true){
+				input.checked = "true";
+			}
+		}
+
+		//Add label value
+		var labelValue = createElem("span", labelElem);
+		labelValue.innerHTML = " "+infos.label;
+
+		//Enable iCheck
+		$(input).iCheck({
+			checkboxClass: 'icheckbox_flat-blue',
+      		radioClass: 'iradio_flat-blue'
+		});
+
+	}
+
+	//Select2
 	else if(infos.type == "select2"){
 		//In case of select2 element
 		//Check for label
@@ -337,7 +375,7 @@ function create_radio(target, name, label){
 	});
 
 	//Add label
-	var labelElem = createElem2({
+	createElem2({
 		appendTo: radioLabel,
 		type: "span",
 		innerHTML: " "+ label
@@ -426,6 +464,21 @@ function add_space(target){
 	
 }
 
+/**
+ * Create and append a new paragraph
+ * 
+ * @param {HTMLElement} target The target for the new paragraph
+ * @param {String} content The new content for the paragraph
+ * @returns {HTMLElement} Generated element
+ */
+function add_p(target, content){
+	return createElem2({
+		appendTo: target,
+		type: "p",
+		innerHTML: content
+	});
+}
+
 /**
  * Get the current absolute position bottom of the screen
  * 
@@ -474,3 +527,69 @@ window.location.changed = function(e){};
 	}
 
 })(jQuery);
+
+/**
+ * Generate a new random string
+ * 
+ * @param {number} length The length of the string ot generate
+ * @return {string} Generated string
+ */
+function random_string(length){
+
+	var text = "";
+	var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrst0123456789";
+
+	for(var i = 0; i < length; i++)
+		text += possible.charAt(Math.random() * possible.length);
+
+	return text;
+}
+
+/**
+ * Generate and return a new random identity image
+ * 
+ * @return {string} Base64 - encoded new identity image
+ */
+function generateIdentImage() {
+	var hash = random_string(32);
+	var color = Math.random() * 240;
+	var color2 = Math.random() * 240;
+	var color3 = Math.random() * 240;
+	var options = {
+		foreground: [color, color2, color3, 255],
+		size: 130,
+		margin: 0.2,
+		format: 'png'
+	};
+	return new Identicon(hash, options).toString();
+}
+
+/**
+ * Turn a data URI into blob
+ * 
+ * This function is based on Stoive answer at StackOverFlow question #4998908
+ * 
+ * @param {string} dataURI The URI to process
+ * @return {Blob} generated blob
+ */
+function dataURItoBlob(dataURI){
+
+	//convert base64 / URLEncoded data component to raw binary data held in a string
+	var byteString;
+	if(dataURI.split(",")[0].indexOf("base64") >= 0)
+		byteString = atob(dataURI.split(",")[1]);
+	else
+		byteString = unescape(dataURI.split(",")[1]);
+	
+	
+	//Separate the out the mime component
+	var mimeString = dataURI.split(",")[0].split(":")[1].split(";")[0];
+
+	//Write the bytes of the string to a typed array
+	var ia = new Uint8Array(byteString.length);
+	for(var i = 0; i < byteString.length; i++)
+		ia[i] = byteString.charCodeAt(i);
+	
+	return new Blob([ia], {type: mimeString});
+
+}

assets/js/components/account/export/ui.js

@@ -0,0 +1,106 @@
+/**
+ * Account export UI controller
+ * 
+ * @author Pierre HUBERT
+ */
+
+ComunicWeb.components.account.export.ui = {
+
+	/**
+	 * Account export modal information
+	 */
+	
+	_exportModal: {},
+
+	/**
+	 * Request account export
+	 * 
+	 * @param {String} password The password of the user
+	 */
+	requestExport: function(password){
+
+		//Reset modal information
+		this._exportModal = {};
+
+		//Create the modal
+		this._exportModal = ComunicWeb.common.messages.createDialogSkeleton({
+			title: "Exporting data"
+		});
+		var modal = this._exportModal.modal;
+		$(modal).modal("show");
+
+		//Add message
+		createElem2({
+			appendTo: this._exportModal.modalBody,
+			type: "p",
+			innerHTML: "Please do not close this window while we create your archive..."
+		});
+		
+		//Add progress bar
+		var progressContainer = createElem2({
+			appendTo: this._exportModal.modalBody,
+			type: "div",
+			class: "progress progress-xs progress-striped active"
+		});
+		this._exportModal.progress = createElem2({
+			appendTo: progressContainer,
+			type: "div",
+			class: "progress-bar progress-bar-success"
+		});
+		this.updateProgress(1);
+
+		//Add message
+		this._exportModal.messageContainer = createElem2({
+			appendTo: this._exportModal.modalBody,
+			type: "p",
+			innerHTML: "Starting..."
+		});
+
+		//Create close modal function
+		var closeModal = function(){
+			$(modal).modal('hide');
+			emptyElem(modal);
+			modal.remove();
+		}
+		this._exportModal.close = closeModal;
+		this._exportModal.closeModal.onclick = closeModal;
+		this._exportModal.cancelButton.onclick =  closeModal;
+
+		//Start the worker
+		ComunicWeb.components.account.export.worker.start(password);
+	},
+
+	/**
+	 * Update the progress of the creation of the archive
+	 * 
+	 * @param {Number} progress The new percentage to apply
+	 */
+	updateProgress: function(progress){
+		this._exportModal.progress.style.width = progress + "%";
+	},
+
+	/**
+	 * Update the message shown on the screen
+	 * 
+	 * @param {String} message The new message
+	 */
+	updateMessage: function(message){
+		this._exportModal.messageContainer.innerHTML = message;
+	},
+
+	/**
+	 * Display an error that prevent the success of the operation
+	 * 
+	 * @param {String} message The message of the error
+	 */
+	exportFatalError: function(message){
+
+		//Get modal body
+		var modalBody = this._exportModal.modalBody;
+		emptyElem(modalBody);
+
+		//Display the error message
+		var msg = ComunicWeb.common.messages.createCalloutElem("Could not export your data", "An error occurred while trying to export your data: <i>" + message + "</i>", "danger");
+		modalBody.appendChild(msg);
+	}
+}

assets/js/components/account/export/worker.js

@@ -0,0 +1,231 @@
+/**
+ * Account data export worker
+ * 
+ * @author Pierre HUBERT
+ */
+
+ComunicWeb.components.account.export.worker = {
+
+	/**
+	 * Start account export
+	 * 
+	 * @param {String} password The password of the user
+	 */
+	start: function(password){
+
+		//Get all user text data from the interface
+		ComunicWeb.components.account.interface.exportData(password, function(result){
+			
+			//Check for errors
+			if(result.error){
+				return ComunicWeb.components.account.export.ui.exportFatalError("Could not get text data! Please check your password...");
+			}
+
+			//Update progress
+			ComunicWeb.components.account.export.ui.updateMessage("Got text data");
+			ComunicWeb.components.account.export.ui.updateProgress(10);
+
+			//Parse data
+			ComunicWeb.components.account.export.worker.parse(result);
+		});
+
+	},
+
+	/**
+	 * Parse account text data into ZIP file
+	 * 
+	 * @param {Object} data Text data about the account
+	 */
+	parse: function(data){
+		
+		//Get UI shorcut
+		var ui = ComunicWeb.components.account.export.ui;
+
+		var Promise = window.Promise;
+		if (!Promise) {
+			Promise = JSZip.external.Promise;
+		}
+
+		/**
+		 * Fetch the content and return the associated promise.
+		 * @param {String} url the url of the content to fetch.
+		 * @return {Promise} the promise containing the data.
+		 */
+		function urlToPromise(url) {
+			return new Promise(function(resolve, reject) {
+				JSZipUtils.getBinaryContent(url, function (err, data) {
+					if(err) {
+						reject(err);
+					} else {
+						resolve(data);
+					}
+				});
+			});
+		}
+
+		/**
+		 * Transform an URL into a path in the archive
+		 * 
+		 * @param {String} url The URL to transform
+		 * @return {String} Generated file path
+		 */
+		function urlToPath(url) {
+			var path = url.replace("://", "/");
+			return "files/" + path;
+		}
+
+		//Determine the list of files to download
+		var files_list = this._generate_files_list(data);
+
+		//Create zip file
+		var zip = new JSZip();
+
+		//Add raw json file
+		zip.file("source.json", JSON.stringify(data));
+		
+		//Add the files to download
+		files_list.forEach(function(url){
+			var path = urlToPath(url);
+			zip.file(path, urlToPromise(url), {binary:true});
+		});
+
+		//Generated zip archive
+		zip.generateAsync({type:"blob"}, function updateCallback(metadata) {
+			var msg = "progression : " + metadata.percent.toFixed(2) + " %";
+			if(metadata.currentFile) {
+				msg += ", current file = " + metadata.currentFile;
+			}
+			ui.updateMessage(msg);
+			ui.updateProgress(metadata.percent.toFixed(2));
+		})
+
+		//Trigger download
+		.then(function callback(blob) {
+	
+			//Download file
+			saveAs(blob, "accountData.zip");
+			
+			//Update progress
+			ui.updateProgress(100);
+			ui.updateMessage("Done !");
+
+		}, function (e) {
+			//In case of error
+			ComunicWeb.components.account.export.ui.exportFatalError(e);
+
+			//Update progress
+			ui.updateProgress(100);
+			ui.updateMessage("Error !");
+		});
+
+	},
+
+	/**
+	 * Determine the list of files to download
+	 * 
+	 * @param {Object} data Dataset to parse
+	 * @return {Array} Generated dataset
+	 */
+	_generate_files_list: function(data){
+		
+		var files = [];
+		
+		/**
+		 * Parse user information to find potential files to download
+		 * 
+		 * @param {Object} info Information about the comment to parse
+		 */
+		var parseUserInfo = function(info){
+			if(info.accountImage != null)
+				if(!files.includes(info.accountImage))
+					files.push(info.accountImage);
+		}
+
+		/**
+		 * Parse a comment to find potential files to download
+		 * 
+		 * @param {Object} info Information about the comment to parse
+		 */
+		var parseComment = function(info){
+			if(info.img_url != null)
+				if(!files.includes(info.img_url))
+					files.push(info.img_url);
+		}
+
+		/**
+		 * Parse a post to find potential files to download
+		 * 
+		 * @param {Object} info Information about the post to parse
+		 */
+		var parsePost = function(post){
+			
+			if(post.kind != "youtube"){
+				if(post.file_path_url != null){
+					if(!files.includes(post.file_path_url))
+						files.push(post.file_path_url);
+				}
+			}
+
+			//Parse comments
+			post.comments.forEach(parseComment);
+		}
+
+		/**
+		 * Parse a movie to find potential files to download
+		 * 
+		 * @param {Object} info Information about the movie to parse
+		 */
+		var parseMovie = function(info){
+			if(info.url != null)
+				if(!files.includes(info.url))
+					files.push(info.url);
+		}
+
+		/**
+		 * Parse a conversation message to find potential files to download
+		 * 
+		 * @param {Object} info Information about the movie to parse
+		 */
+		var parseConversationMessage = function(info){
+			if(info.image_path != null)
+				if(!files.includes(info.image_path))
+					files.push(info.image_path);
+		}
+
+
+		//Main account information
+		files.push(data.advanced_info.accountImage);
+		files.push(data.advanced_info.backgroundImage);
+
+		//Posts
+		data.posts.forEach(parsePost);
+
+		//Comments
+		data.comments.forEach(parseComment);
+
+		//Movie
+		data.movies.forEach(parseMovie);
+
+		//Conversation message
+		//* All from users
+		data.all_conversation_messages.forEach(parseConversationMessage);
+
+		//* All from conversations
+		for (var num in data.conversations_messages) {
+			if (data.conversations_messages.hasOwnProperty(num)) {
+				var conversation = data.conversations_messages[num];
+				conversation.forEach(parseConversationMessage);
+			}
+		}
+
+		//Related user information
+		for (var key in data.users_info) {
+			if (data.users_info.hasOwnProperty(key)) {
+				parseUserInfo(data.users_info[key]);
+			}
+		}
+
+		return files;
+	}
+
+}

assets/js/components/account/interface.js

@@ -31,4 +31,135 @@ ComunicWeb.components.account.interface = {
 
 	},
 
+	/**
+	 * Check whether an email address is linked to an account or not
+	 * 
+	 * @param {String} email The email address to check
+	 * @param {function} callback
+	 */
+	existsMail: function(email, callback){
+		var apiURI = "account/exists_email";
+		var params = {
+			email: email
+		};
+		ComunicWeb.common.api.makeAPIrequest(apiURI, params, true, callback);
+	},
+
+	/**
+	 * Check whether the security questions have been set for an account 
+	 * with an email address or not
+	 * 
+	 * @param {String} email The email address of the account
+	 * @param {function} callback
+	 */
+	checkSecurityQuestionsExistence: function(email, callback){
+		var apiURI = "account/has_security_questions";
+		var params = {
+			email: email
+		};
+		ComunicWeb.common.api.makeAPIrequest(apiURI, params, true, callback);
+	},
+
+	/**
+	 * Given an email address, returns the security questions of a user
+	 * 
+	 * @param {String} email The email address of the account
+	 * @param {function} callback
+	 */
+	getSecurityQuestions: function(email, callback){
+		var apiURI = "account/get_security_questions";
+		var params = {
+			email: email
+		};
+		ComunicWeb.common.api.makeAPIrequest(apiURI, params, true, callback);
+	},
+
+	/**
+	 * Get passowrd reset token using security answer
+	 * 
+	 * @param {String} email The email address of the account
+	 * @param {Array} answers The answers to the security questions
+	 * @param {Function} callback
+	 */
+	resetPasswordWithSecurityAnswers: function(email, answers, callback){
+
+		//Prepare answers
+		answersText = "";
+		answers.forEach(function(answer){
+			
+			if(answersText != "")
+				answersText += "&";
+			
+			answersText += encodeURIComponent(answer);
+
+		});
+
+		//Perform the request
+		var apiURI = "account/check_security_answers";
+		var params = {
+			email: email,
+			answers: answersText
+		};
+		ComunicWeb.common.api.makeAPIrequest(apiURI, params, true, callback);
+
+	},
+
+	/**
+	 * Check the validity of a reset password token
+	 * 
+	 * @param {String} token The token to check
+	 * @param {Function} callback
+	 */
+	checkPasswordResetToken: function(token, callback){
+		var apiURI = "account/check_password_reset_token";
+		var params = {
+			token: token
+		};
+		ComunicWeb.common.api.makeAPIrequest(apiURI, params, false, callback);
+	},
+
+	/**
+	 * Reset user password
+	 * 
+	 * @param {String} token The token to check
+	 * @param {String} passwd The new password for the user
+	 * @param {Function} callback
+	 */
+	resetUserPassword: function(token, passwd, callback){
+		var apiURI = "account/reset_user_passwd";
+		var params = {
+			token: token,
+			password: passwd
+		};
+		ComunicWeb.common.api.makeAPIrequest(apiURI, params, false, callback);
+	},
+
+	/**
+	 * Request the export of all the data of the user
+	 * 
+	 * @param {String} password The password of the user
+	 * @param {function} callback
+	 */
+	exportData: function(password, callback){
+		var apiURI = "account/export_data";
+		var params = {
+			password: password
+		};
+		ComunicWeb.common.api.makeAPIrequest(apiURI, params, true, callback);
+	},
+
+	/**
+	 * Request the deletion of the account
+	 * 
+	 * @param {string} password The password of the account
+	 * @param {function} callback
+	 */
+	deleteAccount: function(password, callback){
+		var apiURI = "account/delete";
+		var params = {
+			password: password
+		};
+		ComunicWeb.common.api.makeAPIrequest(apiURI, params, true, callback);
+	},
+
 }

assets/js/components/bottom/main.js

@@ -52,6 +52,18 @@ ComunicWeb.components.bottom.main = {
 		langLink.onclick = function(){
 			ComunicWeb.components.langPicker.show();
 		};
+
+		add_space(leftElements);
+		add_space(leftElements);
+
+		//Add about link
+		var aboutLink = createElem2({
+			appendTo: leftElements,
+			type: "a",
+			innerHTML: "<i class='fa fa-question-circle'></i> About",
+			href: ComunicWeb.__config.aboutWebsiteURL
+		});
+		aboutLink.setAttribute("target", "_blank");
 	}
 
 }

assets/js/components/comments/actions.js

@@ -25,7 +25,7 @@ ComunicWeb.components.comments.actions = {
 
 			//Check for errors
 			if(result.error){
-				ComunicWeb.common.notificationSystem.showNotification("Couldn't get informations about a comment !", "danger");
+				ComunicWeb.common.notificationSystem.showNotification(lang("comments_actions_err_get_info_single"), "danger");
 				return;
 			}
 

assets/js/components/comments/editor.js

@@ -26,7 +26,7 @@ ComunicWeb.components.comments.editor = {
 
 				//Check for error
 				if(result.error){
-					ComunicWeb.common.notificationSystem.showNotification("An error occured while trying to update comment content !", "danger");
+					ComunicWeb.common.notificationSystem.showNotification(lang("comments_editor_err_update"), "danger");
 					return;
 				}
 
@@ -39,8 +39,8 @@ ComunicWeb.components.comments.editor = {
 
 		//Prompt the user to enter the new content of the comment
 		ComunicWeb.common.messages.inputString(
-			"Edit comment content",
-			"Please specify the new content of the comment: ",
+			lang("comments_editor_title"),
+			lang("comments_editor_notice"),
 			infos.content,
 			inputCallback
 		);