Add anchorme() support. (#262)

This will "linkify" text inside of messages with anchor tags so they are clickable.

css/style.css

@@ -166,6 +166,10 @@
 	float: left;
 }
 
+.msg-sent a:link, .msg-sent a:visited, .msg-recv a:link, .msg-recv a:visited {
+        text-decoration: underline;
+}
+
 .msg-date {
 	color: #666;
 	font-style: italic;

js/devel/conversation.js

@@ -125,7 +125,7 @@ var Conversation = new Vue({
 						'id': id,
 						'type': msgClass,
 						'date': new Date(id * 1),
-						'content': twemoji.parse(escapeHTML(vals['msg']), twemojiOptions)
+						'content': twemoji.parse(anchorme(escapeHTML(vals['msg'])), twemojiOptions)
 					});
 					buf = true;
 					msgCount++;

templates/main.php

@@ -14,6 +14,7 @@ use \OCA\OcSms\Lib\CountryCodes;
 \OCP\Util::addScript('ocsms', 'devel/helpers');
 \OCP\Util::addScript('ocsms', 'devel/notifications');
 \OCP\Util::addScript('ocsms', 'twemoji/twemoji.min');
+\OCP\Util::addScript('ocsms', 'anchorme.min');
 ?>
 
 <script type="text/x-template" id="modal-template" xmlns:v-on="http://www.w3.org/1999/xhtml"