Feat/specify multiview layout when doing production-config(#16)

* feat: added another mv-preset and updated code to be arr instead of single-object

* feat: added optional style to be added to the options-dropdown

* feat: first draft of a multiview-layout setting

* feat: possible to create new layouts as multiview-previews and add it to productions

src/api/manager/presets.ts

@@ -18,6 +18,7 @@ export async function getMultiviewPresets(): Promise<MultiviewPreset[]> {
   const db = await getDatabase();
   return await db.collection<MultiviewPreset>('multiviews').find({}).toArray();
 }
+
 export async function getMultiviewPreset(
   id: string
 ): Promise<WithId<MultiviewPreset>> {
@@ -26,6 +27,16 @@ export async function getMultiviewPreset(
     .collection<MultiviewPreset>('multiviews')
     .findOne({ _id: new ObjectId(id) })) as WithId<MultiviewPreset>;
 }
+
+export async function putMultiviewPreset(
+  newMultiviewPreset: MultiviewPreset
+): Promise<void> {
+  const db = await getDatabase();
+  await db
+    .collection('multiviews')
+    .insertOne({ ...newMultiviewPreset, _id: new ObjectId() });
+}
+
 export async function putPreset(
   id: string,
   preset: PresetWithId

src/api/mongoClient/dbClient.ts

@@ -50,7 +50,8 @@ async function bootstrapDbCollections(db: Db) {
     const multiviews = await db.collection('multiviews').countDocuments();
     if (multiviews === 0) {
       Log().info('Bootstrapping database with default multiview');
-      await db.collection('multiviews').insertOne(defaultMultiview);
+
+      await db.collection('multiviews').insertMany(defaultMultiview);
     } else {
       await migrateMultiviewPresets(db);
     }