Finish the framework of settings.

app/renderer/js/pages/preference/server-info-form.js

@@ -0,0 +1,65 @@
+'use strict';
+
+const {ipcRenderer} = require('electron');
+const BaseComponent = require(__dirname + '/../../components/base.js');
+
+const DomainUtil = require(__dirname + '/../../utils/domain-util.js');
+const Nav = require(__dirname + '/nav.js');
+
+class ServerInfoForm extends BaseComponent{
+	constructor(props) {
+        super();
+		this.props = props;
+	}
+
+    template() {
+        return `
+            <div class="server-info">
+				<div class="server-info-left">
+					<img class="server-info-icon" src="${this.props.server.icon}"/>
+				</div>
+				<div class="server-info-right">
+					<div class="server-info-row">
+						<span class="server-info-key">Name</span>
+						<input class="server-info-value" disabled value="${this.props.server.alias}"/>
+					</div>
+					<div class="server-info-row">
+						<span class="server-info-key">Url</span>
+						<input class="server-info-value" disabled value="${this.props.server.url}"/>
+					</div>
+					<div class="server-info-row">
+						<span class="server-info-key">Icon</span>
+						<input class="server-info-value" disabled value="${this.props.server.icon}"/>
+					</div>
+					<div class="server-info-row">
+						<span class="server-info-key"></span>
+						<div class="action red server-delete-action">
+							<i class="material-icons">indeterminate_check_box</i>
+							<span>Delete</span>
+						</div>
+					</div>
+				</div>
+			</div>
+        `;
+    }
+
+	init() {
+		this.initForm();
+		this.initActions();
+	}
+
+	initForm() {
+		this.$serverInfoForm = this.generateNodeFromTemplate(this.template());
+        this.$deleteServerButton = this.$serverInfoForm.getElementsByClassName('server-delete-action')[0];
+        this.props.$root.appendChild(this.$serverInfoForm);
+    }
+
+	initActions() {
+		this.$deleteServerButton.addEventListener('click', () => {
+			DomainUtil.removeDomain(this.props.index);
+            this.props.onChange(this.props.index);
+		});
+	}
+}
+
+module.exports = ServerInfoForm;