Add "auth" parameter to tune connect form

components/app.js

@@ -213,7 +213,12 @@ export default class App extends Component {
 		}
 
 		this.setState((state) => {
-			return { connectParams: { ...state.connectParams, ...connectParams } };
+			return {
+				connectParams: {
+					...state.connectParams,
+					...connectParams,
+				},
+			};
 		});
 
 		if (connectParams.autoconnect) {
@@ -1203,6 +1208,7 @@ export default class App extends Component {
 					<${ConnectForm}
 						error=${this.state.error}
 						params=${this.state.connectParams}
+						auth=${this.config.server ? this.config.server.auth : null}
 						connecting=${connecting}
 						onSubmit=${this.handleConnectSubmit}
 						key=${this.state.connectParams}

components/connect-form.js

@@ -98,6 +98,24 @@ export default class ConnectForm extends Component {
 			`;
 		}
 
+		var auth = null;
+		if (this.props.auth !== "disabled") {
+			auth = html`
+				<label>
+					Password:<br/>
+					<input
+						type="password"
+						name="password"
+						value=${this.state.password}
+						disabled=${disabled}
+						required=${this.props.auth === "mandatory"}
+						placeholder=${this.props.auth !== "mandatory" ? "(optional)" : ""}
+					/>
+				</label>
+				<br/><br/>
+			`;
+		}
+
 		return html`
 			<form onChange=${this.handleChange} onSubmit=${this.handleSubmit}>
 				<h2>Connect to IRC</h2>
@@ -108,11 +126,7 @@ export default class ConnectForm extends Component {
 				</label>
 				<br/><br/>
 
-				<label>
-					Password:<br/>
-					<input type="password" name="password" value=${this.state.password} disabled=${disabled}/>
-				</label>
-				<br/><br/>
+				${auth}
 
 				<label>
 					<input type="checkbox" name="rememberMe" checked=${this.state.rememberMe} disabled=${disabled}/>