# The connection (src/Form/LoginForm.php): what the applet got from the web page of the site (its tempid), in the# applet's own look. The server: the chat of jumphp.net by default (a WebSocket on 443).form: title: CaraChat theme: light layout: column padding: 12 gap: 0 items: center justify: center background: '#c0c0c0' children: - {class: App\Gui\TabBar, id: tabs, width: 420} - type: column class: App\Gui\Etched id: card title: 'Connection to the chat' width: 420 gap: 8 padding: 12 children: - type: row gap: 8 children: - {type: label, text: 'Nickname', size: 12, width: 112} - {class: App\Gui\AwtText, id: nickname, maxLength: 20, grow: 1, events: {submit: onEnterClick}} - type: row gap: 8 children: - {type: label, text: 'Age', size: 12, width: 112} - {class: App\Gui\AwtText, id: age, maxLength: 3, width: 60} - {type: spacer} - {class: App\Gui\AwtRadio, id: woman, text: Woman, group: sex} - {class: App\Gui\AwtRadio, id: man, text: Man, group: sex, checked: true} - type: row gap: 8 children: - {type: label, text: 'City', size: 12, width: 112} - {class: App\Gui\AwtText, id: city, maxLength: 30, grow: 1, events: {submit: onEnterClick}} - type: row gap: 8 children: - {type: label, text: 'Server', size: 12, width: 112} - {class: App\Gui\AwtText, id: server, grow: 1} - type: row gap: 8 children: - {type: label, text: 'Moderator key', size: 12, width: 112} - {class: App\Gui\AwtText, id: key, password: true, grow: 1} - type: row gap: 8 children: - {type: label, text: 'Administrator key', size: 12, width: 112, color: '#ff0000'} - {class: App\Gui\AwtText, id: adminKey, password: true, grow: 1} # from the owner's own address only (the server says so: frame 700), the role to enter with - type: row id: roleRow gap: 8 visible: false children: - {type: label, text: 'Role', size: 12, width: 112, color: '#ff0000'} - {class: App\Gui\AwtRadio, id: roleNormal, text: Normal, group: role, checked: true} - {class: App\Gui\AwtRadio, id: roleModo, text: Moderator, group: role} - {class: App\Gui\AwtRadio, id: roleAdmin, text: Administrator, group: role} - type: row gap: 8 children: - {type: label, id: status, text: '', size: 12, color: '#ff0000', grow: 1, wrap: true} - {class: App\Gui\AwtButton, id: enter, text: 'Enter the chat', events: {click: onEnterClick}}