From 2c311b501267805501d23127bc26c3680c696aa6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=86=E3=82=AF=E3=83=8B=E3=82=AB=E3=83=AB=E8=AB=8F?=
 =?UTF-8?q?=E8=A8=AA=E5=AD=90?= <david@sudomail.ne.jp>
Date: Thu, 1 Feb 2018 04:50:05 +0900
Subject: [PATCH] Started working on modal dialogues.

---
 .../js/components/Entry/Modals/Download.vue   | 73 +++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 resources/assets/js/components/Entry/Modals/Download.vue

diff --git a/resources/assets/js/components/Entry/Modals/Download.vue b/resources/assets/js/components/Entry/Modals/Download.vue
new file mode 100644
index 0000000..b7e4757
--- /dev/null
+++ b/resources/assets/js/components/Entry/Modals/Download.vue
@@ -0,0 +1,73 @@
+<template>
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            <!--@lang('entry.changelog', ['version' => '2.0'])-->
+            Changes in {{ version }}
+        </div>
+
+        <div class="panel-body">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12">
+                        {{ changelog }}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    // https://adamwathan.me/2016/01/04/composing-reusable-modal-dialogs-with-vuejs/
+    export default {
+        name: 'entry-changelog',
+        props: [
+            'fid',
+            'show'
+        ],
+        data: function () {
+            return {
+                id: this.fid,
+                title: '',
+                version: '',
+                notice: '',
+                files: []
+            }
+        },
+        created: function () {
+            axios.get('/api/rpc/file/getfile/' + this.id).then(res => {
+                this.title = res.data[0].title;
+                this.version = res.data[0].version;
+                if (res.data[0].warningnote !== '') this.notice = res.data[0].warningnote;
+            });
+            this.files.push(
+                {
+                    'filename': 'test1.carc',
+                    'filesize': '1000 TiB'
+                },
+                {
+                    'filename': 'test2.carc',
+                    'filesize': '20 GiB'
+                }
+            );
+        },
+        methods: {
+            close: function () {
+                this.$emit('close');
+            }
+        },
+        mounted: function () {
+            document.addEventListener("keydown", e => {
+                if (this.show && e.keyCode == 27) { // TODO: keyCode is deprecated; use alternative!
+                    this.close();
+                }
+            });
+        }
+    }
+</script>
+
+<style>
+    .col {
+		text-align: center;
+    }
+</style>
\ No newline at end of file