Implement await indicator and message display logic

This commit is contained in:
Dennis Schoepf 2021-07-21 11:05:04 +02:00
parent d471600c0f
commit e62b549185
5 changed files with 59 additions and 14 deletions

View file

@ -11,11 +11,14 @@
<svg xmlns="http://www.w3.org/2000/svg" id="companion-shape" viewBox="0 0 80 80">
<polygon fill="#A60303" points="40,0 68,12 80,40 68,68 40,80 12,68 0,40 12,12"></polygon>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" id="companion-await-indicator" viewBox="0 0 80 80">
<polygon fill="#A60303" points="40,0 68,12 80,40 68,68 40,80 12,68 0,40 12,12"></polygon>
</svg>
<div id="companion-eye"><div id="companion-pupil"></div></div>
<div id="companion-mouth"></div>
</div>
<div id="message">
<div id="message-text">Test</div>
<div id="message-text"></div>
<textarea id="message-input" placeholder="Bitte gib einen Text ein ..." />
<button type="button" id="message-confirm">Weiter</button>
</div>