From 8ef140ec4e8d81c209034caa489741372d07a811 Mon Sep 17 00:00:00 2001
From: Leo Nicolle <leo@linkurio.us>
Date: Sun, 21 Jan 2024 21:09:15 +0100
Subject: [PATCH] cleanup: dont user the Grids view anymore

---
 client/src/router/index.ts |   2 +-
 client/src/views/Grids.vue | 145 -------------------------------------
 2 files changed, 1 insertion(+), 146 deletions(-)
 delete mode 100644 client/src/views/Grids.vue

diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index 0bada09..50bb35b 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -17,7 +17,7 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: '/grids',
     name: 'grids',
-    component: () => import('../views/Grids.vue')
+    component: () => import('../views/Book.vue')
   },
   {
     path: '/books',
diff --git a/client/src/views/Grids.vue b/client/src/views/Grids.vue
deleted file mode 100644
index 423cb57..0000000
--- a/client/src/views/Grids.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <Layout v-if="style && solutionsStyle" :eltList="grids" :onCreate="createGrid" :onDelete="onDelete"
-    :onClick="(grid) => $router.push(`/grid/${grid.id}`)" @select="(s) => (selected = s)" :has-create-button="true"
-    :has-delete-button="true">
-    <template v-slot:left-panel>
-      <h3>{{ $t("nav.grids") }}</h3>
-      <ExportButton route="book-export" :query="exportQuery" />
-      <ExportModal :grids="selected.length ? selected : grids" :style="style" :solutionsStyle="solutionsStyle" />
-      <n-button round @click="download"> {{ $t('buttons.download') }} </n-button>
-      <UploadModal :title="$t('buttons.uploadGrids')" :buttonText="$t('buttons.uploadGrids')" @ok="onUpload" />
-    </template>
-    <template #card-title="{ elt }">
-      <span>
-        {{ elt.title ? elt.title : $t("buttons.newGrid") }}
-      </span>
-    </template>
-    <template #card-body="{ elt, i }">
-      <a class="preview" :href="`#/grid/${elt.id}`">
-        <img :src="thumbnails[i] || '/placeholder.png'" />
-        {{ thumbnails[i] }}
-      </a>
-      {{ elt.comment ? elt.comment : $t("buttons.newGrid") }}
-    </template>
-    <template v-slot:outside>
-      <GridThumbnail v-if="grids[exportingG]" :grid="grids[exportingG]" :style="style" @update="onExported" />
-    </template>
-  </Layout>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, computed } from "vue";
-import { useRouter } from "vue-router";
-import GridThumbnail from "../components/svg-renderer/GridThumbnail.vue";
-import ExportModal from "../components/ExportModal.vue";
-import ExportButton from "../components/ExportButton.vue";
-import Layout from "../layouts/GridLayout.vue";
-import UploadModal from "../components/UploadModal.vue";
-import { Grid, GridStyle, SolutionStyle } from "grid";
-import generate from "../js/maze-generator";
-import { api } from "../api";
-import { workerController } from "../worker";
-/**
- * View to display all grids in a grid layout
- */
-const router = useRouter();
-const grids = ref<Grid[]>([]);
-const style = ref<GridStyle>();
-const solutionsStyle = ref<SolutionStyle>();
-const selected = ref<Grid[]>([]);
-const exporting = ref(false);
-const exportingG = ref<number>(0);
-const thumbnails = ref<string[]>([]);
-const exportQuery = computed(() => {
-  return { ids: selected.value.map((s) => s.id).join(",") };
-});
-function fetch() {
-  return api
-    .getGrids()
-    .then((gs) => {
-      grids.value = gs.sort((a, b) => b.created - a.created);
-    })
-    .then(() =>
-      Promise.all([api.db.getStyle("default"), api.db.getStyle("solution")])
-    )
-    .then((opts) => {
-      style.value = opts[0] as GridStyle;
-      solutionsStyle.value = opts[1] as SolutionStyle;
-      exporting.value = true;
-      exportingG.value = 0;
-      thumbnails.value = [];
-    })
-    .catch((e) => {
-      console.error("E", e);
-    });
-}
-
-function onExported(str: string) {
-  thumbnails.value.push(str);
-  exportingG.value = exportingG.value + 1;
-}
-
-function onDelete() {
-  return Promise.all(
-    selected.value.map((grid) => api.db.deleteGrid(grid.id))
-  ).then(() => fetch());
-}
-function download() {
-  const toDl = selected.value.length ? selected.value : grids.value;
-  const a = document.createElement("a");
-  const file = new Blob([JSON.stringify(toDl)], { type: "text/plain" });
-  a.href = URL.createObjectURL(file);
-  a.download = "grids.json";
-  a.click();
-}
-
-function onUpload(filesContents: [string, string][]) {
-  return Promise.all(
-    filesContents.map(([filename, json]) => {
-      return Promise.all(
-        JSON.parse(json).map((grid) =>
-          api.db.pushGrid(Grid.unserialize(JSON.stringify(grid)))
-        )
-      );
-    })
-  ).then(() => fetch());
-}
-function createGrid() {
-  const newGrid = new Grid(10, 10);
-  newGrid.title = "Nouvelle Grille";
-  workerController
-    .getDistribution()
-    .then((distribution) => {
-      generate({ grid: newGrid, distribution });
-    })
-    .then(() => api.db.pushGrid(newGrid))
-    .then(() => fetch());
-}
-
-onMounted(() => {
-  api.getUserDefinitions()
-    .then(defs => { });
-  fetch();
-});
-</script>
-
-<style scoped>
-.preview {
-  width: 170px;
-  height: 170px;
-  max-width: 170px;
-  max-height: 170px;
-  overflow: hidden;
-}
-
-.card-body {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.card-body>svg {
-  max-width: 340px;
-  max-height: 340px;
-}
-</style>
\ No newline at end of file