From da5566698ee5e5ab3a0f3747c0cf3e1f0db5b61f Mon Sep 17 00:00:00 2001
From: bogd <bogd@live.ru>
Date: Wed, 8 May 2024 10:23:27 +0200
Subject: [PATCH] internal and SD storage combined in one card

---
 cards/FilesCard.vue   |   2 +-
 cards/FilesSDCard.vue | 122 ------------------------------------------
 2 files changed, 1 insertion(+), 123 deletions(-)
 delete mode 100644 cards/FilesSDCard.vue

diff --git a/cards/FilesCard.vue b/cards/FilesCard.vue
index 4838f9c..31943fc 100644
--- a/cards/FilesCard.vue
+++ b/cards/FilesCard.vue
@@ -1,7 +1,7 @@
 <template>
   <q-card flat class="card">
     <q-card-section>
-      <div class="text-h6">System storage</div>
+      <div class="text-h6">File storage</div>
     </q-card-section>
     <q-card-section class="q-pt-none">
       <div class="q-pa-none">
diff --git a/cards/FilesSDCard.vue b/cards/FilesSDCard.vue
deleted file mode 100644
index c5ba815..0000000
--- a/cards/FilesSDCard.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<template>
-  <q-card flat class="card" v-show="data.sd_visible">
-    <q-card-section>
-      <div class="text-h6">SD Card</div>
-    </q-card-section>
-    <q-card-section class="q-pt-none">
-      <div class="q-pa-none">
-        <q-table :rows="data.sd_list" :columns="columns" row-key="name" selection="single" v-model:selected="selected"
-          :flat="true" :bordered="false" :rows-per-page-options="[10, 20, 30, 0]" />
-      </div>
-      <div class="q-pa-md">
-        <div><q-file v-model="file" label="Pick file to upload">
-            <template v-slot:prepend>
-              <q-icon name="attach_file" />
-            </template></q-file></div>
-      </div>
-      <div class="q-pa-md">
-        <q-btn class="btn q-ma-xs" flat label="DOWNLOAD" @click="DownloadFile"></q-btn>
-        <q-btn class="btn q-ma-xs" flat label="UPLOAD" @click="UploadFile"></q-btn>
-        <q-btn class="btn q-ma-xs" flat label="DELETE" @click="DeleteFile"></q-btn>
-      </div>
-    </q-card-section>
-  </q-card>
-</template>
-
-<script setup>
-import { computed, onUnmounted, reactive, onMounted, ref } from "vue";
-import { GetBlockObject, PutBlockObject, PostData } from "components/webguicomp//network";
-import { useQuasar, Dialog } from 'quasar';
-const $q = useQuasar();
-
-const columns = [
-  { name: 'fname', required: true, label: 'File name', align: 'left', field: 'name', sortable: true },
-  { name: 'fsize', label: 'Size ', align: 'left', field: 'size' }
-]
-
-defineOptions({
-  name: 'FilesSDCard'
-})
-
-const BLOCK_SIZE = 5120;
-const init_list = [
-  {
-    sel: false,
-    name: '',
-    size: '',
-  }
-]
-
-async function SaveFile(data, fn) {
-  let blobData = new Blob([data]);
-  let url = window.URL.createObjectURL(blobData);
-  let a = document.createElement("a");
-  a.style = "display: none";
-  document.body.appendChild(a);
-  a.href = url;
-  a.download = fn;
-  a.click();
-  window.URL.revokeObjectURL(urlFile);
-  a.remove();
-}
-
-async function DownloadFile() {
-  if (selected.value[0]) {
-    const buf = new Uint8Array(selected.value[0].size);
-    //await ReveiveFileChunks(buf);
-    await GetBlockObject('sd_block', selected.value[0].name, selected.value[0].size, buf, true);
-    SaveFile(buf, selected.value[0].name);
-  }
-}
-
-async function SendFile(buf) {
-  await PutBlockObject('sd_block', file.value.name, file.value.size, buf, true);
-  PostData(data, 2, 0, null);
-}
-
-function UploadFile() {
-  const reader = new FileReader();
-  reader.onload = () => {
-    console.log(`File "${file.value.name}" with size ${file.value.size} byte`);
-    if (reader.result.byteLength == 0)
-      return;
-    SendFile(reader.result);
-  }
-  reader.readAsArrayBuffer(file.value);
-}
-
-function DeleteFile() {
-  if (selected.value[0]) {
-    $q.dialog({
-      title: 'Confirm delete file',
-      message: `Are you really wan to delete file "${selected.value[0].name}"?`,
-      cancel: true,
-      persistent: true
-    }).onOk(() => {
-      const dialog = Dialog.create({ message: `Deleting file "${selected.value[0].name}"...`, progress: true, persistent: true, ok: false, style: 'border: none; box-shadow: none;' })
-
-      PostData({
-        sd_block: {
-          opertype: 2,
-          part: 0,
-          parts: 1,
-          mem_object: selected.value[0].name,
-          size: 0
-        }
-      }, 1, 0, () => { PostData(data, 2, 0, () => { dialog.hide(); }) })
-    })
-  }
-}
-
-
-const init = {
-  sd_visible: false,
-  sd_list: [init_list]
-}
-
-const data = reactive(init);
-const selected = ref([]);
-const file = ref(null);
-
-PostData(data, 2, 0, null);
-</script>