From f61780cf97a19090b962c522c1af2c0b98e982e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eda=20Altunta=C5=9F?= <eda.altuntas24@gmail.com>
Date: Fri, 7 May 2021 14:31:48 +0300
Subject: [PATCH] =?UTF-8?q?Dosyan=C4=B1n=20y=C3=BCklenece=C4=9Fi=20Park=20?=
 =?UTF-8?q?se=C3=A7imi=20i=C3=A7in=20gerekli=20aray=C3=BCz=20yap=C4=B1ld?=
 =?UTF-8?q?=C4=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                    |   3 +
 src/components/UploadModal.vue | 105 +++++++++++++++++++++++++++++++++
 2 files changed, 108 insertions(+)
 create mode 100644 src/components/UploadModal.vue

diff --git a/src/App.vue b/src/App.vue
index e46adcb..a2098a7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,6 @@
 <template>
   <div id="app">
+    <UploadModal />
     <el-container class="body">
       <el-container>
         <el-main><Containers /></el-main>
@@ -10,9 +11,11 @@
 
 <script>
 import Containers from "./views/Containers.vue";
+import UploadModal from "./components/UploadModal.vue";
 export default {
   name: "App",
   components: {
+    UploadModal,
     Containers
   }
 };
diff --git a/src/components/UploadModal.vue b/src/components/UploadModal.vue
new file mode 100644
index 0000000..72074c1
--- /dev/null
+++ b/src/components/UploadModal.vue
@@ -0,0 +1,105 @@
+<template>
+  <el-dialog
+    v-bind:title="$t('containers.upload_modal.title')"
+    v-bind:visible.sync="open"
+  >
+    <el-form
+      v-bind:model="form"
+      v-if="containers.length"
+      label-position="left"
+      label-width="200px"
+    >
+      <el-form-item v-bind:label="$t('containers.upload_modal.label.file')">
+        {{ this.file }}
+      </el-form-item>
+      <el-form-item
+        v-bind:label="$t('containers.upload_modal.label.container')"
+      >
+        <el-select v-model="form.container" style="width:100%">
+          <el-option
+            v-bind:label="container.Names[0]"
+            v-for="(container, index) in containers"
+            v-bind:value="index"
+            v-bind:key="container.Id"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <el-alert title="Oyun parkın yok" type="success" effect="dark" v-else />
+    {{ this.file }}
+    <span slot="footer" class="dialog-footer">
+      <el-button
+        v-on:click="open = false"
+        v-text="$t('containers.upload_modal.buttons.cancel')"
+      />
+      <el-button
+        type="primary"
+        v-on:click="
+          () => {
+            open = false;
+            send();
+          }
+        "
+        v-text="$t('containers.upload_modal.buttons.send')"
+      />
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "UploadModal",
+  data() {
+    return {
+      containers: [],
+      form: {
+        container: null
+      },
+      open: false,
+      file: null
+    };
+  },
+  created() {
+    let vm = this;
+    window.addEventListener(
+      "modal",
+      function(e) {
+        vm.getContainers();
+        if (vm.containers.length === 0) {
+          vm.$message({
+            message: vm.$t("containers.upload_modal.no_container_message"),
+            type: "error"
+          });
+        } else {
+          vm.open = e.detail.modal;
+          vm.file = e.detail.file;
+        }
+      },
+      false
+    );
+  },
+  methods: {
+    getContainers: function() {
+      this.$loading();
+      this.$http
+        .get(`/containers`)
+        .then(({ data }) => {
+          this.containers = data;
+        })
+        .finally(() => {
+          this.$loading().close();
+        });
+    },
+    send: function() {
+      const container = this.containers[this.form.container];
+      window.ipcRenderer.send("modal_upload", {
+        Id: container.Id,
+        Source: container.Labels["desktop.docker.io/binds/0/Source"],
+        Target: container.Labels["desktop.docker.io/binds/0/Target"],
+        Username: container.Labels["Username"],
+        File: this.file
+      });
+    }
+  }
+};
+</script>
-- 
2.18.1