Fossil SCM
Added a help buttonlet to the user activity list.
Commit
f39c8326e2b526da903e34caed22cf7f9a93af3d0bb491c77901d2c379d7ed40
Parent
754f7a42cc52c65…
3 files changed
+7
-1
+2
-1
+2
-2
+7
-1
| --- src/chat.c | ||
| +++ src/chat.c | ||
| @@ -183,11 +183,17 @@ | ||
| 183 | 183 | @ <div id="chat-drop-details"></div> |
| 184 | 184 | @ </div> |
| 185 | 185 | @ </div> |
| 186 | 186 | @ <fieldset id='chat-user-list-wrapper' class='hidden'> |
| 187 | 187 | @ <legend>Active Users (most recent first)</legend> |
| 188 | - @ <div id='chat-user-list'>(user list goes here)</div> | |
| 188 | + @ <div id='chat-user-list'> | |
| 189 | + @ <div class='help-buttonlet'> | |
| 190 | + @ Users who have messages in the currently-loaded list.<br> | |
| 191 | + @ Tap a user name to filter messages on that user and | |
| 192 | + @ tap again to clear the filter. | |
| 193 | + @ </div> | |
| 194 | + @ </div> | |
| 189 | 195 | @ </fieldset> |
| 190 | 196 | @ <div id='chat-preview' class='hidden chat-view'> |
| 191 | 197 | @ <header>Preview: (<a href='%R/md_rules' target='_blank'>markdown reference</a>)</header> |
| 192 | 198 | @ <div id='chat-preview-content' class='message-widget-content'></div> |
| 193 | 199 | @ <div id='chat-preview-buttons'><button id='chat-preview-close'>Close Preview</button></div> |
| 194 | 200 |
| --- src/chat.c | |
| +++ src/chat.c | |
| @@ -183,11 +183,17 @@ | |
| 183 | @ <div id="chat-drop-details"></div> |
| 184 | @ </div> |
| 185 | @ </div> |
| 186 | @ <fieldset id='chat-user-list-wrapper' class='hidden'> |
| 187 | @ <legend>Active Users (most recent first)</legend> |
| 188 | @ <div id='chat-user-list'>(user list goes here)</div> |
| 189 | @ </fieldset> |
| 190 | @ <div id='chat-preview' class='hidden chat-view'> |
| 191 | @ <header>Preview: (<a href='%R/md_rules' target='_blank'>markdown reference</a>)</header> |
| 192 | @ <div id='chat-preview-content' class='message-widget-content'></div> |
| 193 | @ <div id='chat-preview-buttons'><button id='chat-preview-close'>Close Preview</button></div> |
| 194 |
| --- src/chat.c | |
| +++ src/chat.c | |
| @@ -183,11 +183,17 @@ | |
| 183 | @ <div id="chat-drop-details"></div> |
| 184 | @ </div> |
| 185 | @ </div> |
| 186 | @ <fieldset id='chat-user-list-wrapper' class='hidden'> |
| 187 | @ <legend>Active Users (most recent first)</legend> |
| 188 | @ <div id='chat-user-list'> |
| 189 | @ <div class='help-buttonlet'> |
| 190 | @ Users who have messages in the currently-loaded list.<br> |
| 191 | @ Tap a user name to filter messages on that user and |
| 192 | @ tap again to clear the filter. |
| 193 | @ </div> |
| 194 | @ </div> |
| 195 | @ </fieldset> |
| 196 | @ <div id='chat-preview' class='hidden chat-view'> |
| 197 | @ <header>Preview: (<a href='%R/md_rules' target='_blank'>markdown reference</a>)</header> |
| 198 | @ <div id='chat-preview-content' class='message-widget-content'></div> |
| 199 | @ <div id='chat-preview-buttons'><button id='chat-preview-close'>Close Preview</button></div> |
| 200 |
+2
-1
| --- src/chat.js | ||
| +++ src/chat.js | ||
| @@ -484,11 +484,12 @@ | ||
| 484 | 484 | uSpan.style.backgroundColor = uDate.$uColor; |
| 485 | 485 | } |
| 486 | 486 | D.append(self.e.activeUserList, uSpan); |
| 487 | 487 | }; |
| 488 | 488 | } |
| 489 | - D.clearElement(this.e.activeUserList); | |
| 489 | + //D.clearElement(this.e.activeUserList); | |
| 490 | + D.remove(this.e.activeUserList.querySelectorAll('.chat-user')); | |
| 490 | 491 | Object.keys(this.usersLastSeen).sort( |
| 491 | 492 | callee.sortUsersSeen |
| 492 | 493 | ).forEach(callee.addUserElem); |
| 493 | 494 | return this; |
| 494 | 495 | }, |
| 495 | 496 |
| --- src/chat.js | |
| +++ src/chat.js | |
| @@ -484,11 +484,12 @@ | |
| 484 | uSpan.style.backgroundColor = uDate.$uColor; |
| 485 | } |
| 486 | D.append(self.e.activeUserList, uSpan); |
| 487 | }; |
| 488 | } |
| 489 | D.clearElement(this.e.activeUserList); |
| 490 | Object.keys(this.usersLastSeen).sort( |
| 491 | callee.sortUsersSeen |
| 492 | ).forEach(callee.addUserElem); |
| 493 | return this; |
| 494 | }, |
| 495 |
| --- src/chat.js | |
| +++ src/chat.js | |
| @@ -484,11 +484,12 @@ | |
| 484 | uSpan.style.backgroundColor = uDate.$uColor; |
| 485 | } |
| 486 | D.append(self.e.activeUserList, uSpan); |
| 487 | }; |
| 488 | } |
| 489 | //D.clearElement(this.e.activeUserList); |
| 490 | D.remove(this.e.activeUserList.querySelectorAll('.chat-user')); |
| 491 | Object.keys(this.usersLastSeen).sort( |
| 492 | callee.sortUsersSeen |
| 493 | ).forEach(callee.addUserElem); |
| 494 | return this; |
| 495 | }, |
| 496 |
+2
-2
| --- src/style.chat.css | ||
| +++ src/style.chat.css | ||
| @@ -334,12 +334,12 @@ | ||
| 334 | 334 | display: flex; |
| 335 | 335 | flex-direction: row; |
| 336 | 336 | flex-wrap: wrap; |
| 337 | 337 | align-items: center; |
| 338 | 338 | } |
| 339 | -body.chat #chat-user-list::before { | |
| 340 | - /*content: "Recently active: ";*/ | |
| 339 | +body.chat #chat-user-list .help-buttonlet { | |
| 340 | + margin: 0.2em 0.5em 0.2em -0.25em; | |
| 341 | 341 | } |
| 342 | 342 | body.chat #chat-user-list .chat-user { |
| 343 | 343 | margin: 0.2em; |
| 344 | 344 | padding: 0.1em 0.5em 0.2em 0.5em; |
| 345 | 345 | border-radius: 0.5em; |
| 346 | 346 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -334,12 +334,12 @@ | |
| 334 | display: flex; |
| 335 | flex-direction: row; |
| 336 | flex-wrap: wrap; |
| 337 | align-items: center; |
| 338 | } |
| 339 | body.chat #chat-user-list::before { |
| 340 | /*content: "Recently active: ";*/ |
| 341 | } |
| 342 | body.chat #chat-user-list .chat-user { |
| 343 | margin: 0.2em; |
| 344 | padding: 0.1em 0.5em 0.2em 0.5em; |
| 345 | border-radius: 0.5em; |
| 346 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -334,12 +334,12 @@ | |
| 334 | display: flex; |
| 335 | flex-direction: row; |
| 336 | flex-wrap: wrap; |
| 337 | align-items: center; |
| 338 | } |
| 339 | body.chat #chat-user-list .help-buttonlet { |
| 340 | margin: 0.2em 0.5em 0.2em -0.25em; |
| 341 | } |
| 342 | body.chat #chat-user-list .chat-user { |
| 343 | margin: 0.2em; |
| 344 | padding: 0.1em 0.5em 0.2em 0.5em; |
| 345 | border-radius: 0.5em; |
| 346 |