om/chatcontrol-live-demo
1
0
Fork 1
Code Issues Pull requests Projects Releases Wiki Activity

shrink, slow down, and re-color scanning indicator

Browse source
This commit is contained in:
AsbjornOlling 2022-08-21 22:57:32 +02:00
parent 5a3bc05a70
commit a5c970db11
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
chatapp.svg
View file

@ -9,7 +9,7 @@
viewBox="0 0 300 600" viewBox="0 0 300 600"
onload="start_chat('Ven')" onload="start_chat('Ven')"
overflow="auto" overflow="auto"
style="font-family: sans;" style="font-family: sans; border-radius: 10px;"
> >
<defs> <defs>
<symbol id="kaereste_foto" width="60" height="200"> <symbol id="kaereste_foto" width="60" height="200">
@ -392,7 +392,7 @@ async function local_message_processing(will_be_flagged) {
let text_element = document.getElementById('message_status'); let text_element = document.getElementById('message_status');
let indicator = text_element.childNodes[0]; let indicator = text_element.childNodes[0];
indicator.data = 'scanning for illegal content'; indicator.data = 'scanning for illegal content';
await wait(200); await wait(800);
if(will_be_flagged) { if(will_be_flagged) {
let box = document.getElementById('message_status_box'); let box = document.getElementById('message_status_box');
text_element.setAttribute('fill', 'red'); text_element.setAttribute('fill', 'red');
@ -400,12 +400,12 @@ async function local_message_processing(will_be_flagged) {
indicator.data = 'Reporting suspicious content'; indicator.data = 'Reporting suspicious content';
await wait(1000); await wait(1000);
text_element.setAttribute('fill', 'white'); text_element.setAttribute('fill', 'white');
box.setAttribute('fill', '#0084FF'); box.setAttribute('fill', '#FF7B00');
} }
indicator.data = 'encrypting message'; indicator.data = 'encrypting message';
await wait(250); await wait(550);
indicator.data = 'sending message'; indicator.data = 'sending message';
await wait(100); await wait(500);
indicator.data = 'message was sent'; indicator.data = 'message was sent';
} }
@ -529,8 +529,8 @@ async function dialog_nabopige() {
<g id="messages"></g> <g id="messages"></g>
<!-- [right] message status --> <!-- [right] message status -->
<rect id="message_status_box" x="300" y="500" fill="blue" width="300" height="50" /> <rect id="message_status_box" x="300" y="520" fill="#FF7B00" width="300" height="30" />
<text id="message_status" x="310" y="530" fill="white">status</text> <text id="message_status" x="310" y="540" fill="white">status</text>
<!-- [right] text input --> <!-- [right] text input -->
<rect id="message_input_box" x="300" y="550" stroke="black" fill="white" width="250" height="50" /> <rect id="message_input_box" x="300" y="550" stroke="black" fill="white" width="250" height="50" />

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB