Textual-Flat/scripts.js at master · j-holub/Textual-Flat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161

// Includes a JS file into the HTML document
// Selfmade import feature
//
// @param file {String} - The file to import
//
let importFile = function(file) {
	let imported = document.createElement('script');
	imported.src = file;
	document.head.appendChild(imported);
}

// JQuery
importFile('Data/Resources/js/jquery.3.2.1.min.js');

// Modules
importFile('Data/Resources/js/colors.js');
importFile('Data/Resources/js/correction.js');
importFile('Data/Resources/js/images.js');
importFile('Data/Resources/js/info.js');
importFile('Data/Resources/js/messages.js');

// #################
// # Configuration #
// #################

// grey Message Block for alternating colors to have a better visibility
let greyBlock = false;


// # ################# #
// # Textual Callbacks #
// # ################# #

Textual.newMessagePostedToView = function (lineNumber) {

	// get the message object
	let message = $('#line-' + lineNumber);
	let messageType = getMessageType(message);


	switch (messageType) {
		// # ############### #
		// # Private Message #
		// # ############### #
		case 'privmsg':
			// see if the message is a correction of the previous message
			if(messageIsCorrection(message)){
				handleCorrect(message);
			}
			// handle the normal message
			else{
				// colorize the sender
				colorizeSender(message);
				// colorize inline mentions
				colorizeInlineMentions(message);
				// add the bottom class, because at this point it is the last message
				// of this sender
				addBottomMessageStyle(message);
				// get some information
				let sender = getSender(message);
				let lastMessage = getPreviousMessage(message);

				// same Sender
				if(sender === getSender(lastMessage)){
					if(getMessageType(lastMessage) === 'privmsg'){
						hideSenderAndTime(message);
					}
					// if it was the same sender but not a private message (an action
					// for example), add the top padding
					else{
						addTopMessageStyle(message);
					}
					// remove the bottom message style from the last message
					removeBottomMessageStyle(lastMessage);
				}
				// new Sender
				else{
					addTopMessageStyle(message);
					greyBlock = !greyBlock;
				}

				// style the images if present
				handleInlineImages(message);

				// color the message background
				if(greyBlock) {
					addBackground(message);
				}
			}
			break;
		// # ###### #
		// # Action #
		// # ###### #
		case 'action':
			// add Bottom Message Style by default
			addBottomMessageStyle(message);
			addTopMessageStyle(message);

			//get some information
			let sender = getSender(message);
			let lastMessage = getPreviousMessage(message);
			if(sender === getSender(lastMessage)){
				// remove the bottom message style from the last message
				removeBottomMessageStyle(lastMessage);
			}
			else{
				greyBlock = !greyBlock;
			}
			break;
		// # ############ #
		// # Topic Change #
		// # ############ #
		case 'topic':
			handleTopicChange(message);
			break;
		// # ########### #
		// # Mode Change #
		// # ########### #
		case 'mode':
			handleModeChange(message);
			break;
		// # ################## #
		// # Join / Part / Quit #
		// # ################## #
		case 'join':
		case 'part':
		case 'quit':
			// hide the user's own status messages
			hideIfOwn(message);
			break;
		default:

	}


}

Textual.viewFinishedLoading =  () => {
	Textual.fadeOutLoadingScreen(1.00, 1.00);
	setTimeout( () => {
		Textual.scrollToBottomOfView();
	}, 300);
}

Textual.viewFinishedReload =  () => {
	Textual.viewFinishedLoading();
}

Textual.viewInitiated = (viewType, serverHash, channelHash, channelName) => {
	// inserts the spinner to the loading screen
	$('#loading_screen').html("<div class=\"spinner\"></div>")
	//
	let topicBar = $('#topic_bar');
	if(topicBar){
		// make the content below the topic bar visible
		$('body').css({
			'margin-top': topicBar.innerHeight() + "px"
		});
	}
}