Fossil

Check-in [f39c8326e2]
Login

Check-in [f39c8326e2]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Added a help buttonlet to the user activity list.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | chat-user-filter
Files: files | file ages | folders
SHA3-256: f39c8326e2b526da903e34caed22cf7f9a93af3d0bb491c77901d2c379d7ed40
User & Date: stephan 2021-09-23 13:26:54.118
Context
2021-09-23
13:44
xekri skin: remove the outlandish saturation on chat message tabs and make user name color more legible in the recent activity list. ... (check-in: 3368434606 user: stephan tags: chat-user-filter)
13:26
Added a help buttonlet to the user activity list. ... (check-in: f39c8326e2 user: stephan tags: chat-user-filter)
12:49
Redistributed a tiny bit of spacing - looks less cramped this way. ... (check-in: 754f7a42cc user: stephan tags: chat-user-filter)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/chat.c.
︙︙
181
182
183
184
185
186
187
188






189
190
191
192
193
194
195

  @       <input type="file" name="file" id="chat-input-file">
  @     </div>
  @     <div id="chat-drop-details"></div>
  @   </div>
  @ </div>
  @ <fieldset id='chat-user-list-wrapper' class='hidden'>
  @   <legend>Active Users (most recent first)</legend>
  @   <div id='chat-user-list'>(user list goes here)</div>






  @ </fieldset>
  @ <div id='chat-preview' class='hidden chat-view'>
  @  <header>Preview: (<a href='%R/md_rules' target='_blank'>markdown reference</a>)</header>
  @  <div id='chat-preview-content' class='message-widget-content'></div>
  @  <div id='chat-preview-buttons'><button id='chat-preview-close'>Close Preview</button></div>
  @ </div>
  @ <div id='chat-config' class='hidden chat-view'>








|
>
>
>
>
>
>








181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201

  @       <input type="file" name="file" id="chat-input-file">
  @     </div>
  @     <div id="chat-drop-details"></div>
  @   </div>
  @ </div>
  @ <fieldset id='chat-user-list-wrapper' class='hidden'>
  @   <legend>Active Users (most recent first)</legend>
  @   <div id='chat-user-list'>
  @     <div class='help-buttonlet'>
  @      Users who have messages in the currently-loaded list.<br>
  @      Tap a user name to filter messages on that user and
  @      tap again to clear the filter.
  @     </div>
  @   </div>
  @ </fieldset>
  @ <div id='chat-preview' class='hidden chat-view'>
  @  <header>Preview: (<a href='%R/md_rules' target='_blank'>markdown reference</a>)</header>
  @  <div id='chat-preview-content' class='message-widget-content'></div>
  @  <div id='chat-preview-buttons'><button id='chat-preview-close'>Close Preview</button></div>
  @ </div>
  @ <div id='chat-config' class='hidden chat-view'>
︙︙
Changes to src/chat.js.
︙︙
482
483
484
485
486
487
488
489

490
491
492
493
494
495
496

                     ));
            if(uDate.$uColor){
              uSpan.style.backgroundColor = uDate.$uColor;
            }
            D.append(self.e.activeUserList, uSpan);
          };
        }
        D.clearElement(this.e.activeUserList);

        Object.keys(this.usersLastSeen).sort(
          callee.sortUsersSeen
        ).forEach(callee.addUserElem);
        return this;
      },
      /**
         Applies user name filter to all current messages, or clears








|
>








482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497

                     ));
            if(uDate.$uColor){
              uSpan.style.backgroundColor = uDate.$uColor;
            }
            D.append(self.e.activeUserList, uSpan);
          };
        }
        //D.clearElement(this.e.activeUserList);
        D.remove(this.e.activeUserList.querySelectorAll('.chat-user'));
        Object.keys(this.usersLastSeen).sort(
          callee.sortUsersSeen
        ).forEach(callee.addUserElem);
        return this;
      },
      /**
         Applies user name filter to all current messages, or clears
︙︙
Changes to src/style.chat.css.
︙︙
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347

}
body.chat #chat-user-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
body.chat #chat-user-list::before {
  /*content: "Recently active: ";*/
}
body.chat #chat-user-list .chat-user {
  margin: 0.2em;
  padding: 0.1em 0.5em 0.2em 0.5em;
  border-radius: 0.5em;
  cursor: pointer;
  text-align: center;








|
|








332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347

}
body.chat #chat-user-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
body.chat #chat-user-list .help-buttonlet {
  margin: 0.2em 0.5em 0.2em -0.25em;
}
body.chat #chat-user-list .chat-user {
  margin: 0.2em;
  padding: 0.1em 0.5em 0.2em 0.5em;
  border-radius: 0.5em;
  cursor: pointer;
  text-align: center;
︙︙