feat: added first basic version of account schema

backend/logic/io.js

@@ -11,6 +11,8 @@ const express = require("express");
 const http = require("http");
 const socketio = require('socket.io');
 
+const accountSchema = require("../schemas/account.js");
+
 module.exports = class extends coreClass {
 	/*constructor(name, moduleManager) {
 		super(name, moduleManager);
@@ -31,6 +33,12 @@ module.exports = class extends coreClass {
 					cb({
 						accounts: []
 					});
+				},
+
+				"getAccountSchema": cb => {
+					cb({
+						schema: accountSchema
+					});
 				}
 			}
 

backend/schemas/account.js

@@ -0,0 +1,512 @@
+module.exports = {
+	name: "Account",
+	description: "",
+	versions: [
+		{
+			version: "1",
+			fields: [
+				{
+					name: "Name",
+					fieldId: "name",
+					fieldTypes: [
+						{
+							type: "text",
+							fill: true,
+							fieldTypeId: "name"
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "Domain",
+					fieldId: "domain",
+					fieldTypes: [
+						{
+							type: "text",
+							fill: true,
+							fieldTypeId: "domain"
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "App",
+					fieldId: "app",
+					fieldTypes: [
+						{
+							type: "select",
+							options: [
+								{
+									value: "android",
+									text: "Android"
+								},
+								{
+									value: "ios",
+									text: "iOS"
+								},
+								{
+									value: "windows",
+									text: "Windows"
+								}
+							],
+							fieldTypeId: "appType"
+						},
+						{
+							type: "text",
+							fill: true,
+							fieldTypeId: "appName"
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "Account exists",
+					fieldId: "accountExists",
+					fieldTypes: [
+						{
+							type: "checkbox",
+							fieldTypeId: "accountExists"
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "E-mail",
+					fieldId: "email",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "email",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "Username",
+					fieldId: "username",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "username",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "Login name",
+					fieldId: "loginName",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "loginName",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "Category",
+					fieldId: "category",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "category",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "Uses password",
+					fieldId: "usesPassword",
+					fieldTypes: [
+						{
+							type: "checkbox",
+							fieldTypeId: "usesPassword"
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "Password last changed",
+					fieldId: "passwordLastChanged",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "passwordLastChanged",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 1
+				},
+				{
+					name: "2FA possible",
+					fieldId: "twofaPossible",
+					fieldTypes: [
+						{
+							type: "select",
+							options: [
+								{
+									value: "otp",
+									text: "OTP"
+								},
+								{
+									value: "sms",
+									text: "SMS"
+								}
+							],
+							fieldTypeId: "twofaPossibleType",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "2FA used",
+					fieldId: "twofaUsed",
+					fieldTypes: [
+						{
+							type: "select",
+							options: [
+								{
+									value: "otp",
+									text: "OTP"
+								},
+								{
+									value: "sms",
+									text: "SMS"
+								}
+							],
+							fieldTypeId: "twofaUsedType"
+						},
+						{
+							type: "text",
+							fieldTypeId: "twofaUsedValue",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "2FA recovery method",
+					fieldId: "twofaRecovery",
+					fieldTypes: [
+						{
+							type: "select",
+							options: [
+								{
+									value: "backupCodes",
+									text: "Backup codes"
+								}
+							],
+							fieldTypeId: "twofaRecoveryMethod"
+						},
+						{
+							type: "text",
+							fieldTypeId: "twofaRecoveryValue",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "Login service",
+					fieldId: "loginService",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "loginService",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "Service linked",
+					fieldId: "serviceLinked",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "serviceLinked",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "Uses security questions",
+					fieldId: "usesSecurityQuestions",
+					fieldTypes: [
+						{
+							type: "checkbox",
+							fieldTypeId: "usesSecurityQuestions",
+							fill: true
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "Recovery e-mail",
+					fieldId: "recoveryEmail",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "recoveryEmail",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "Recovery phone number",
+					fieldId: "recoveryPhoneNumber",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "recoveryPhoneNumber",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 10
+				},
+				{
+					name: "Comments",
+					fieldId: "comments",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "comments",
+							fill: true
+						}
+					],
+					minEntries: 0,
+					maxEntries: 1
+				},
+				{
+					name: "In 1password",
+					fieldId: "in1password",
+					fieldTypes: [
+						{
+							type: "checkbox",
+							fieldTypeId: "in1password"
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "Deleted",
+					fieldId: "deleted",
+					fieldTypes: [
+						{
+							type: "checkbox",
+							fieldTypeId: "deleted"
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "Deleted at",
+					fieldId: "deletedAt",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "deletedAt",
+							fill: true
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "Service accessible",
+					fieldId: "serviceAccessible",
+					fieldTypes: [
+						{
+							type: "checkbox",
+							fieldTypeId: "serviceAccessible"
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "Requested deletion",
+					fieldId: "requestedDeletion",
+					fieldTypes: [
+						{
+							type: "checkbox",
+							fieldTypeId: "requestedDeletion"
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "Requested deletion at",
+					fieldId: "requestedDeletionAt",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "requestedDeletionAt",
+							fill: true
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "To delete",
+					fieldId: "toDelete",
+					fieldTypes: [
+						{
+							type: "checkbox",
+							fieldTypeId: "toDelete"
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "To delete",
+					fieldId: "toDelete",
+					fieldTypes: [
+						{
+							type: "checkbox",
+							fieldTypeId: "toDelete"
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				},
+				{
+					name: "Created at",
+					fieldId: "createdAt",
+					fieldTypes: [
+						{
+							type: "text",
+							fieldTypeId: "createdAt",
+							fill: true
+						}
+					],
+					minEntries: 1,
+					maxEntries: 1
+				}
+			]
+		}
+	]
+};
+
+/*
+[
+	{
+		name: "Domain",
+		fieldTypes: [
+			{
+				type: "checkbox",
+				extraButtons: []
+			},
+			{
+				type: "select",
+				options: [
+					{
+						value: "option1",
+						text: "Option 1"
+					},
+					{
+						value: "option2",
+						text: "Option 2"
+					},
+					{
+						value: "option3",
+						text: "Option 3"
+					}
+				],
+				extraButtons: [
+					{
+						icon: "~",
+						style: "red"
+					}
+				]
+			},
+			{
+				type: "text",
+				extraButtons: [],
+				fill: true
+			}
+		],
+		minEntries: 0,
+		maxEntries: 3,
+		initialEntries: [
+			[
+				true,
+				"option1",
+				"Hahaha value"
+			]
+		]
+	},
+	{
+		name: "Apps",
+		fieldTypes: [
+			{
+				type: "select",
+				options: [
+					{
+						value: "option1",
+						text: "Option 1"
+					},
+					{
+						value: "option2",
+						text: "Option 2"
+					},
+					{
+						value: "option3",
+						text: "Option 3"
+					}
+				],
+				extraButtons: [
+					{
+						icon: "~",
+						style: "red"
+					}
+				]
+			},
+			{
+				type: "text",
+				extraButtons: [],
+				fill: true
+			}
+		],
+		minEntries: 0,
+		maxEntries: 3,
+		initialEntries: [
+			[
+				true,
+				"option1",
+				"Hahaha value"
+			]
+		]
+	}
+]
+*/

frontend/vue/components/Field.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="control">
-		<label for="name">{{ name }} (min: {{minEntries}}, max: {{maxEntries}})</label>
+		<label for="name">{{ name }}</label>
 		<button v-if="entries.length === 0" @click="addEntry()" type="button">+</button>
 		<div class="control-row" v-for="(entry, entryIndex) in entries">
 			<div class="control-col" v-for="(fieldType, fieldIndex) in fieldTypes" :class="{ 'fill-remaining': fieldType.fill }">
@@ -26,7 +26,7 @@ function Field() {
 export default {
 	data: function() {
 		return {
-			entries: this.initialEntries
+			entries: [this.initialEntries]
 		};
 	},
 	methods: {

frontend/vue/pages/Homepage.vue

@@ -3,11 +3,11 @@
 		<h1>Sites</h1>
 		<form>
 			<field
-				v-for="field in exampleFields"
+				v-for="field in fields"
 				:name="field.name"
 				:minEntries="field.minEntries"
 				:maxEntries="field.maxEntries"
-				:initialEntries="field.initialEntries"
+				:initialEntries="[]"
 				:fieldTypes="field.fieldTypes"/>
 		</form>
 	</div>
@@ -22,96 +22,7 @@ export default {
 	components: { Field },
 	data: () => {
 		return {
-			exampleFields: [
-				{
-					name: "Domain",
-					fieldTypes: [
-						{
-							type: "checkbox",
-							extraButtons: []
-						},
-						{
-							type: "select",
-							options: [
-								{
-									value: "option1",
-									text: "Option 1"
-								},
-								{
-									value: "option2",
-									text: "Option 2"
-								},
-								{
-									value: "option3",
-									text: "Option 3"
-								}
-							]/*,
-							extraButtons: [
-								{
-									icon: "~",
-									style: "red"
-								}
-							]*/
-						},
-						{
-							type: "text",
-							extraButtons: [],
-							fill: true
-						}
-					],
-					minEntries: 0,
-					maxEntries: 3,
-					initialEntries: [
-						[
-							true,
-							"option1",
-							"Hahaha value"
-						]
-					]
-				},
-				{
-					name: "Apps",
-					fieldTypes: [
-						{
-							type: "select",
-							options: [
-								{
-									value: "option1",
-									text: "Option 1"
-								},
-								{
-									value: "option2",
-									text: "Option 2"
-								},
-								{
-									value: "option3",
-									text: "Option 3"
-								}
-							]/*,
-							extraButtons: [
-								{
-									icon: "~",
-									style: "red"
-								}
-							]*/
-						},
-						{
-							type: "text",
-							extraButtons: [],
-							fill: true
-						}
-					],
-					minEntries: 0,
-					maxEntries: 3,
-					initialEntries: [
-						[
-							true,
-							"option1",
-							"Hahaha value"
-						]
-					]
-				}
-			],
+			fields: [],
 			accounts: []
 		}
 	},
@@ -122,6 +33,10 @@ export default {
 		io.getSocket(socket => {
 			this.socket = socket;
 
+			socket.emit("getAccountSchema", res => {
+				this.fields = res.schema.versions[0].fields;
+			});
+
 			socket.emit("getAccounts", res => {
 				this.accounts = res.accounts;
 			});