1
1
<!DOCTYPE html>
2
+ <!--
3
+ ~ webapp-otc - an online collaboration tool .
4
+ ~ Copyright (C) 2017 Ilia Butvinnik and Michael Goldman
5
+ ~
6
+ ~ This program is free software: you can redistribute it and/or modify
7
+ ~ it under the terms of the GNU General Public License as published by
8
+ ~ the Free Software Foundation, either version 3 of the License, or
9
+ ~ (at your option) any later version.
10
+ ~
11
+ ~ This program is distributed in the hope that it will be useful,
12
+ ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
13
+ ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14
+ ~ GNU General Public License for more details.
15
+ ~
16
+ ~ You should have received a copy of the GNU General Public License
17
+ ~ along with this program. If not, see <http://www.gnu.org/licenses/>.
18
+ -->
19
+
2
20
< html lang ="en ">
3
21
4
22
< head >
@@ -64,8 +82,8 @@ <h1 class="text-center login-title ">Would you like to register?</h1>
64
82
<!-- main chat interface section, visible after login or register -->
65
83
< div class ="chat-container " data-ng-controller ="chatRoomsCtrl " data-ng-hide ="chatRoomsScreenHidden ">
66
84
< div class ="side side-left col-md-3 ">
67
- <!-- user information section, resides on the left. this includes user avatar, user description,
68
- create channel button, and channel discovery field. -->
85
+ <!-- user information section, resides on the left. this includes user avatar, user description,
86
+ create channel button, and channel discovery field. -->
69
87
< div class ="user-information table-row ">
70
88
< div class ="media ">
71
89
< div class ="media-left ">
@@ -83,7 +101,7 @@ <h4>{{user.nickname}}</h4>
83
101
</ div >
84
102
85
103
<!-- this section on the left, that contains public channels list, when they discovered,
86
- list of subscribed channels, and list of private channels. -->
104
+ list of subscribed channels, and list of private channels. -->
87
105
< div class ="side-inner ">
88
106
<!-- this section contains public channels list, when they discovered. -->
89
107
< div class ="search-results " id ="searched " data-click-outside ="query='' " data-ng-hide ="query === '' ">
@@ -122,9 +140,9 @@ <h4>{{user.nickname}}</h4>
122
140
</ ul >
123
141
</ div >
124
142
</ div >
125
- <!-- chat text area main container, where all messages shown. also contains form for
126
- creating a channel, this is because we want it to appear on the right section,
127
- side of the left side just near "create channel" button. -->
143
+ <!-- chat text area main container, where all messages shown. also contains form for
144
+ creating a channel, this is because we want it to appear on the right section,
145
+ side of the left side just near "create channel" button. -->
128
146
< div class ="chat-text-area col-md-7 ">
129
147
< div class ="create-channel " data-ng-show ="showCreateChannelForm ">
130
148
< form class ="form-login ">
@@ -141,9 +159,9 @@ <h4>{{user.nickname}}</h4>
141
159
</ form >
142
160
</ div >
143
161
<!-- chat text area inner section. contains channel discussion shown in threaded manner,
144
- and footer with send message option, which intended to send messages that are not
145
- replying to any specific message in the chat. callback downloadMessages is called
146
- each time that thread fully scrolled down. -->
162
+ and footer with send message option, which intended to send messages that are not
163
+ replying to any specific message in the chat. callback downloadMessages is called
164
+ each time that thread fully scrolled down. -->
147
165
< div class ="chat-text-area-inner " data-scrolled-down-callback ="downloadMessages(currentChannel) " data-ng-show ="channelSelected ">
148
166
< data-discussion discussion ="currentChannelThread " data-ng-model ="currentChannelThread " data-enter-private-channel ="enterPrivateChannel " data-set-reply ="setReply " data-send-message ="sendMessage "> </ data-discussion >
149
167
</ div >
@@ -159,11 +177,11 @@ <h4>{{user.nickname}}</h4>
159
177
</ div >
160
178
</ div >
161
179
<!-- right side of the main chat interface, that contains channel control
162
- (description and unsubscribe option) and list of users subscribed to channel. -->
180
+ (description and unsubscribe option) and list of users subscribed to channel. -->
163
181
< div class ="side side-right col-md-2 ">
164
182
< div class ="channel-control-section table-row " data-ng-show ="channelSelected ">
165
183
<!-- this part contains channel control
166
- (description and unsubscribe option). -->
184
+ (description and unsubscribe option). -->
167
185
< div >
168
186
< div class ="block-left ">
169
187
< span class ="badge badge-channel " data-ng-mouseenter ="displayInfo=true " data-ng-mouseleave ="displayInfo=false "> < img class ="badge-icon " data-ng-src ="css/img/glyphicons-info-sign.png " alt ="description " src ="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs= " /> </ span >
0 commit comments