Add local support for twemoji.

Adds twemoji support, with the twemoji library and graphics hosted on the local NextCloud install.

README.md

@@ -59,3 +59,7 @@ If you've enabled 2FA (Two Factor Authentication) logins you may be hit with an
 
 ## :notebook: License
 Phone Sync web application is currently licensed under [AGPL license](https://github.com/nextcloud/ocsms/blob/master/LICENSE.md).
+
+## :notebook: External Libraries
+[Twemoji](https://github.com/twitter/twemoji) Code licensed under the [MIT License](http://opensource.org/licenses/MIT), Graphics licensed under [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/).
+[libphonenumber-for-php](https://github.com/giggsey/libphonenumber-for-php) Code licensed under the [Apache 2.0 License](http://www.apache.org/licenses/LICENSE-2.0).

css/style.css

@@ -281,6 +281,13 @@ label {
 	flex-direction: column;
 }
 
+img.emoji {
+	height: 1em;
+	width: 1em;
+	margin: 0 .05em 0 .1em;
+	vertical-align: -0.1em;
+}
+
 .contact-list-no-contact {
 	padding: 1em;
 	font-size: 1.5em;

js/devel/conversation.js

@@ -102,6 +102,7 @@ var Conversation = new Vue({
       let msgClass = '';
       let msgCount = 0;
 			let self = this;
+			let twemojiOptions = { base: OC.generateUrl('/apps/ocsms/js/twemoji/')};
 
 			$.each(jsondata["conversation"], function (id, vals) {
 				if (vals["type"] == 1) {
@@ -124,7 +125,7 @@ var Conversation = new Vue({
 						'id': id,
 						'type': msgClass,
 						'date': new Date(id * 1),
-						'content': vals['msg']
+						'content': twemoji.parse(escapeHTML(vals['msg']), twemojiOptions)
 					});
 					buf = true;
 					msgCount++;