CringeStudios/IRC_Client
5
0
Fork 0
forked from CringeStudios/gamja
Code Pull Requests Activity

Break long tag attributes on multiple lines

Browse Source 
Makes that stuff more readable.
This commit is contained in:
Simon Ser 2021-03-09 18:11:59 +01:00
parent 8ab10cf2a5
commit 88c0e5ae94
1 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
components/app.js
View File

@ -930,7 +930,12 @@ export default class App extends Component {
if (!activeNetwork || (activeNetwork.status !== NetworkStatus.REGISTERED && !activeBuffer)) { if (!activeNetwork || (activeNetwork.status !== NetworkStatus.REGISTERED && !activeBuffer)) {
return html` return html`
<section id="connect"> <section id="connect">
<${ConnectForm} error=${this.state.error} params=${this.state.connectParams} disabled=${activeNetwork} onSubmit=${this.handleConnectSubmit}/> <${ConnectForm}
error=${this.state.error}
params=${this.state.connectParams}
disabled=${activeNetwork}
onSubmit=${this.handleConnectSubmit}
/>
</section> </section>
`; `;
} }
@ -939,7 +944,12 @@ export default class App extends Component {
if (activeBuffer) { if (activeBuffer) {
bufferHeader = html` bufferHeader = html`
<section id="buffer-header"> <section id="buffer-header">
<${BufferHeader} buffer=${activeBuffer} network=${activeNetwork} onClose=${() => this.close(activeBuffer)} onJoin=${() => this.handleJoinClick(activeBuffer.network)}/> <${BufferHeader}
buffer=${activeBuffer}
network=${activeNetwork}
onClose=${() => this.close(activeBuffer)}
onJoin=${() => this.handleJoinClick(activeBuffer.network)}
/>
</section> </section>
`; `;
} }
@ -951,7 +961,10 @@ export default class App extends Component {
${activeBuffer.members.size} users ${activeBuffer.members.size} users
</section> </section>
<section id="member-list"> <section id="member-list">
<${MemberList} members=${activeBuffer.members} onNickClick=${this.handleNickClick}/> <${MemberList}
members=${activeBuffer.members}
onNickClick=${this.handleNickClick}
/>
</section> </section>
`; `;
} }
@ -977,22 +990,40 @@ export default class App extends Component {
var error = null; var error = null;
if (this.state.error) { if (this.state.error) {
error = html` error = html`
<p id="error-msg">${this.state.error} <a href="#" onClick=${this.dismissError}>×</a></p> <p id="error-msg">
${this.state.error}
<a href="#" onClick=${this.dismissError}>×</a>
</p>
`; `;
} }
return html` return html`
<section id="buffer-list"> <section id="buffer-list">
<${BufferList} buffers=${this.state.buffers} networks=${this.state.networks} activeBuffer=${this.state.activeBuffer} onBufferClick=${this.handleBufferListClick}/> <${BufferList}
buffers=${this.state.buffers}
networks=${this.state.networks}
activeBuffer=${this.state.activeBuffer}
onBufferClick=${this.handleBufferListClick}
/>
</section> </section>
${bufferHeader} ${bufferHeader}
<${ScrollManager} target=${this.buffer} stickTo=".logline" scrollKey=${this.state.activeBuffer} onScrollTop=${this.handleBufferScrollTop}> <${ScrollManager}
target=${this.buffer}
stickTo=".logline"
scrollKey=${this.state.activeBuffer}
onScrollTop=${this.handleBufferScrollTop}
>
<section id="buffer" ref=${this.buffer}> <section id="buffer" ref=${this.buffer}>
<${Buffer} buffer=${activeBuffer} onNickClick=${this.handleNickClick}/> <${Buffer} buffer=${activeBuffer} onNickClick=${this.handleNickClick}/>
</section> </section>
</> </>
${memberList} ${memberList}
<${Composer} ref=${this.composer} readOnly=${activeBuffer && activeBuffer.type == BufferType.SERVER} onSubmit=${this.handleComposerSubmit} autocomplete=${this.autocomplete}/> <${Composer}
ref=${this.composer}
readOnly=${activeBuffer && activeBuffer.type == BufferType.SERVER}
onSubmit=${this.handleComposerSubmit}
autocomplete=${this.autocomplete}
/>
${dialog} ${dialog}
${error} ${error}
`; `;