# The chat window, laid out as the 2002 applet (net.spray.chat.normal.b): the tabs Salons, Connecté(e)s, Options,# Ami(e)s, the room, one per private talk; one page each. Code behind: src/Form/ChatForm.php. Texts in English# (keys of config/lang.yaml): the applet's French words are the French translation.form: title: CaraChat theme: light layout: column padding: 0 gap: 0 scroll: false background: '#c0c0c0' children: - {class: App\Gui\TabBar, id: tabs, events: {change: onTabsChange}} # ---- the room --------------------------------------------------------------------------------------------- - type: row id: roomPane height: fill gap: 8 padding: 6 items: stretch visible: false children: # a phone: the talk, the members and the smileys one at a time, chosen here (ChatForm::adapt) - {class: App\Gui\TabBar, id: roomSwitch, strip: '#c0c0c0', visible: false, events: {change: onRoomSwitchChange}} - type: column id: roomMain grow: 1 height: fill gap: 4 children: - {class: App\Gui\Etched, id: talkBox, title: Dialogue, height: fill, children: [{class: App\Gui\ChatList, id: talk, max: 2000, follow: true, tooltips: true, events: {click: onTalkClick, activate: onTalkActivate}}]} - {type: label, id: topic, text: '', size: 12, wrap: false} - type: row id: lineRow gap: 8 children: - {class: App\Gui\AwtCheck, id: privateMsg, text: 'Private message', minWidth: 160, background: '#d4d4d4', events: {change: onPrivateMsgChange}} - {class: App\Gui\AwtText, id: line, maxLength: 192, grow: 1, events: {submit: onSendClick}} - type: row id: optsRow gap: 8 wrap: true children: - {class: App\Gui\AwtCheck, id: noPrivate, text: 'No new private talks', minWidth: 160, background: '#d4d4d4', events: {change: onFlagsChange}} - {class: App\Gui\AwtChoice, id: color, size: 10, width: 96, items: [Black, Blue, Red, Pink, Orange, Grey, 'Navy blue', Maroon, Green, Mauve, Gold, Rainbow], selected: 0} - {class: App\Gui\AwtChoice, id: size, size: 10, width: 96, items: [Speak, Whisper, Shout, Wave], selected: 0} - {type: spacer, id: optsSpacer} - {class: App\Gui\AwtButton, id: send, text: Send, events: {click: onSendClick}} - type: column id: roomSide width: 236 height: fill gap: 4 children: - {class: App\Gui\TabBar, id: sideTabs, strip: '#c0c0c0', events: {change: onSideTabsChange}} - {class: App\Gui\Etched, id: membersBox, title: 'Members of the room', height: fill, children: [{class: App\Gui\ChatList, id: members, max: 100, follow: false, selectable: true, tooltips: true, events: {activate: onMembersActivate, change: onMembersChange}}]} - {class: App\Gui\Etched, id: smileysBox, title: 'Special smileys', height: fill, visible: false, children: [{class: App\Gui\SmileyGrid, id: roomSmileys, events: {change: onSmileyPicked}}]} - {type: label, id: membersCount, text: '', size: 12} - type: row gap: 6 wrap: true children: - {type: label, text: 'Sort by:', size: 12} - {class: App\Gui\AwtRadio, id: sortNick, text: Nickname, group: sort, events: {change: onSortChange}} - {class: App\Gui\AwtRadio, id: sortSex, text: Sex, group: sort, checked: true, events: {change: onSortChange}} - type: row gap: 6 children: - {class: App\Gui\AwtButton, id: ignoreBtn, text: Ignore, grow: 1, enabled: false, events: {click: onIgnoreClick}} - {class: App\Gui\AwtButton, id: privateBtn, text: Talk, grow: 1, enabled: false, events: {click: onPrivateClick}} - {class: App\Gui\AwtButton, id: ejectBtn, text: Expel, background: '#ff6060', visible: false, enabled: false, events: {click: onEjectClick}} - {class: App\Gui\AwtButton, id: callModo, text: 'Behaviour problem', background: '#ffc800', width: fill, events: {click: onCallModoClick}} # ---- a private talk --------------------------------------------------------------------------------------- - type: row id: privatePane height: fill gap: 8 padding: 6 items: stretch visible: false children: - type: column grow: 1 height: fill gap: 4 children: - {class: App\Gui\Etched, id: pvBox, title: Dialogue, height: fill, children: [{class: App\Gui\ChatList, id: pvTalk, max: 60, follow: true, tooltips: true}]} - {type: label, id: pvTopic, text: '', size: 12, wrap: false} - type: row id: pvLineRow gap: 8 children: - {class: App\Gui\AwtText, id: pvLine, maxLength: 192, grow: 1, events: {submit: onPvSendClick}} - type: row id: pvOptsRow gap: 8 wrap: true children: - {class: App\Gui\AwtChoice, id: pvColor, size: 10, width: 96, items: [Black, Blue, Red, Pink, Orange, Grey, 'Navy blue', Maroon, Green, Mauve, Gold, Rainbow], selected: 0} - {class: App\Gui\AwtChoice, id: pvSize, size: 10, width: 96, items: [Speak, Whisper, Shout, Wave], selected: 0} - {type: spacer, id: pvSpacer} - {class: App\Gui\AwtButton, id: closeIgnore, text: 'Ignore', events: {click: onCloseIgnoreClick}} - {class: App\Gui\AwtButton, id: closePrivate, text: End, events: {click: onClosePrivateClick}} - {class: App\Gui\AwtButton, id: pvSend, text: Send, events: {click: onPvSendClick}} - type: column width: 236 height: fill gap: 4 children: - type: column class: App\Gui\Etched title: Options gap: 2 children: - {type: label, id: pvWho, text: '', size: 12, bold: true} - {type: label, id: pvAge, text: '', size: 12} - {type: label, id: pvSex, text: '', size: 12} - {type: label, id: pvCity, text: '', size: 12} - {class: App\Gui\AwtCheck, id: pvTime, text: 'Show the time', events: {change: onPvTimeChange}} - {class: App\Gui\AwtButton, id: pvFriend, text: 'Add to my friends', events: {click: onPvFriendClick}} - {class: App\Gui\Etched, title: 'Special smileys', height: fill, children: [{class: App\Gui\SmileyGrid, id: pvSmileys, events: {change: onSmileyPicked}}]} # ---- the rooms ---------------------------------------------------------------------------------------------- - type: row id: roomsPane height: fill gap: 8 padding: 6 items: stretch visible: false children: - type: column class: App\Gui\Etched title: 'Lists of the rooms' grow: 1 height: fill children: - type: row gap: 6 children: - {class: App\Gui\AwtButton, id: permanentRooms, text: 'Permanent rooms', events: {click: onPermanentRoomsClick}} - {class: App\Gui\AwtButton, id: publicRooms, text: 'Public rooms', events: {click: onPublicRoomsClick}} - {class: App\Gui\ChatList, id: rooms, max: 500, follow: false, selectable: true, tooltips: true, events: {activate: onRoomsActivate, change: onRoomsChange}} - type: row children: - {type: label, id: roomsStatus, text: '', size: 12, grow: 1} - {class: App\Gui\AwtButton, id: joinRoom, text: Join, enabled: false, events: {click: onJoinRoomClick}} - type: column width: 236 height: fill gap: 8 children: - type: column class: App\Gui\Etched title: 'Creating a room' children: - {type: label, text: 'Type of the room', size: 12} - type: row gap: 12 children: - {class: App\Gui\AwtRadio, id: newPublic, text: Public, group: kind, checked: true} - {class: App\Gui\AwtRadio, id: newPrivate, text: Private, group: kind} - {type: label, text: 'Name of the room', size: 12} - type: row gap: 6 children: - {class: App\Gui\AwtText, id: newRoom, maxLength: 30, grow: 1, events: {submit: onCreateRoomClick}} - {class: App\Gui\AwtButton, id: createRoom, text: Create, events: {click: onCreateRoomClick}} - type: column class: App\Gui\Etched title: 'Joining a private room' children: - {type: label, text: 'Name of the room', size: 12} - type: row gap: 6 children: - {class: App\Gui\AwtText, id: privateRoom, maxLength: 30, grow: 1, events: {submit: onJoinPrivateClick}} - {class: App\Gui\AwtButton, id: joinPrivate, text: Join, events: {click: onJoinPrivateClick}} # ---- the connected people (search) -------------------------------------------------------------------------- - type: row id: searchPane height: fill gap: 8 padding: 6 items: stretch visible: false children: - type: column class: App\Gui\Etched title: 'Lists of the connected people' grow: 1 height: fill children: - {class: App\Gui\ChatList, id: found, max: 500, follow: false, selectable: true, tooltips: true, events: {activate: onFoundActivate, change: onFoundChange}} - type: row gap: 6 wrap: true children: - {type: label, id: searchStatus, text: '', size: 12, grow: 1} - {class: App\Gui\AwtButton, id: foundPrivate, text: 'Talk in private', enabled: false, events: {click: onFoundPrivateClick}} - {class: App\Gui\AwtButton, id: foundIgnore, text: Ignore, enabled: false, events: {click: onFoundIgnoreClick}} - {class: App\Gui\AwtButton, id: foundJoin, text: Join, enabled: false, events: {click: onFoundJoinClick}} - type: column id: searchSide width: 236 height: fill gap: 8 children: - type: column class: App\Gui\Etched title: Search gap: 6 children: - {type: label, id: connected, text: '', size: 12} - {class: App\Gui\AwtChoice, id: searchBy, size: 12, items: ['with a nickname beginning with', 'with a city beginning with'], selected: 0} - {class: App\Gui\AwtText, id: searchText, maxLength: 20, events: {submit: onSearchClick}} - {type: label, text: '(2 letters at least)', size: 12} - type: row gap: 6 children: - {type: label, text: 'Age:', size: 12, width: 44} - {class: App\Gui\AwtChoice, id: searchAge, size: 12, grow: 1, items: [any, '5-10 y.o.', '10-15 y.o.', '15-20 y.o.', '20-25 y.o.', '25-30 y.o.', '30-40 y.o.', '40-50 y.o.', '50-60 y.o.', '60-70 y.o.', '70 and over', 'Others...'], selected: 0} - type: row gap: 6 children: - {type: label, text: 'Sex:', size: 12, width: 44} - {class: App\Gui\AwtChoice, id: searchSex, size: 12, grow: 1, items: [any, Woman, Man, "Don't know"], selected: 0} - type: row children: - {type: spacer} - {class: App\Gui\AwtButton, id: searchGo, text: Find, events: {click: onSearchClick}} # ---- options: the messages of the server, the settings ------------------------------------------------------ - type: row id: optionsPane height: fill gap: 8 padding: 6 items: stretch visible: false children: - {class: App\Gui\Etched, title: 'Lists of the information messages', grow: 1, height: fill, children: [{class: App\Gui\ChatList, id: info, max: 200, follow: true}]} - type: column width: 236 height: fill gap: 8 children: - type: column class: App\Gui\Etched title: 'Interface settings' gap: 6 children: - {class: App\Gui\HsbPicker, id: picker} - {class: App\Gui\AwtCheck, id: times, text: 'Always show the time in private talks', events: {change: onTimesChange}} - {type: label, text: Language, size: 12} - {class: App\Gui\AwtChoice, id: language, size: 12, items: [Français], selected: 0, events: {change: onLanguageChange}} - type: row gap: 6 wrap: true children: - {class: App\Gui\AwtButton, id: apply, text: Validate, events: {click: onApplyClick}} - {class: App\Gui\AwtButton, id: defaults, text: 'Default settings', events: {click: onDefaultsClick}} - {class: App\Gui\AwtButton, id: help, text: Help, events: {click: onHelpClick}} - type: column class: App\Gui\Etched title: Connection gap: 6 children: - {type: label, id: status, text: '', size: 12, wrap: true} - {class: App\Gui\AwtButton, id: quit, text: 'Leave the chat', events: {click: onQuitClick}} # ---- friends ------------------------------------------------------------------------------------------------ - type: row id: friendsPane height: fill gap: 8 padding: 6 items: stretch visible: false children: - type: column class: App\Gui\Etched title: 'List of my friends' grow: 1 height: fill children: - {class: App\Gui\ChatList, id: friends, max: 200, follow: false, selectable: true, tooltips: true, events: {activate: onFriendsActivate, change: onFriendsChange}} - type: row gap: 6 children: - {type: spacer} - {class: App\Gui\AwtButton, id: friendTalk, text: Talk, enabled: false, events: {click: onFriendTalkClick}} - {class: App\Gui\AwtButton, id: friendRemove, text: Remove, enabled: false, events: {click: onFriendRemoveClick}} - type: column width: 236 height: fill gap: 8 children: - type: column class: App\Gui\Etched title: 'My state:' gap: 6 children: - {type: label, id: mottoNow, text: '', size: 12, wrap: true} - {class: App\Gui\AwtCheck, id: busy, text: 'I am busy', events: {change: onFlagsChange}} - {type: label, text: 'Catch phrase', size: 12} - type: row gap: 6 children: - {class: App\Gui\AwtText, id: motto, maxLength: 80, grow: 1, events: {submit: onMottoClick}} - {class: App\Gui\AwtButton, id: mottoBtn, text: Broadcast, events: {click: onMottoClick}}