Change colors and a few small styling things #6
14
chatapp.svg
14
chatapp.svg
|
@ -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" />
|
||||||
|
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
Loading…
Reference in a new issue