Improve raw messages

client/components/MessageTypes/raw.vue

@@ -0,0 +1,13 @@
+<template>
+	<span class="content">{{ message.text }}</span>
+</template>
+
+<script>
+export default {
+	name: "MessageTypeRaw",
+	props: {
+		network: Object,
+		message: Object,
+	},
+};
+</script>

client/css/style.css

@@ -271,6 +271,7 @@ kbd {
 #chat .whois .from::before,
 #chat .nick .from::before,
 #chat .action .from::before,
+#chat .raw .from::before,
 #chat .toggle-button::after,
 #chat .toggle-content .more-caret::before,
 #chat .scroll-down-arrow::after,
@@ -418,6 +419,15 @@ kbd {
 	color: #ff4136;
 }
 
+#chat .raw .from::before {
+	content: "\f101"; /* https://fontawesome.com/icons/angle-double-right?style=solid */
+}
+
+#chat .raw.self .from::before {
+	content: "\f359"; /* https://fontawesome.com/icons/arrow-alt-circle-left?style=solid */
+	color: #2ecc40;
+}
+
 #chat .action .from::before {
 	content: "\f005"; /* http://fontawesome.io/icon/star/ */
 }

src/models/msg.js

@@ -46,6 +46,7 @@ class Msg {
 			this.type !== Msg.Type.ERROR &&
 			this.type !== Msg.Type.TOPIC_SET_BY &&
 			this.type !== Msg.Type.MODE_CHANNEL &&
+			this.type !== Msg.Type.RAW &&
 			this.type !== Msg.Type.WHOIS;
 	}
 }
@@ -73,6 +74,7 @@ Msg.Type = {
 	TOPIC: "topic",
 	TOPIC_SET_BY: "topic_set_by",
 	WHOIS: "whois",
+	RAW: "raw",
 };
 
 module.exports = Msg;

src/plugins/irc-events/connection.js

@@ -115,9 +115,8 @@ module.exports = function(irc, network) {
 	if (Helper.config.debug.raw) {
 		irc.on("raw", function(message) {
 			network.channels[0].pushMessage(client, new Msg({
-				from: message.from_server ? "«" : "»",
 				self: !message.from_server,
-				type: "raw",
+				type: Msg.Type.RAW,
 				text: message.line,
 			}), true);
 		});