🎨 Add site and rename app

2017-12-27 15:52:29 +01:00
parent 0e491b0660
commit 657fa4546d
224 changed files with 206 additions and 42 deletions
@@ -0,0 +1,94 @@
+import Versions from '@/components/versions'
+import Viewer from '@/components/viewer'
+import Tooltip from '@/components/tooltip'
+import Illustration from '@/components/illustration'
+import copyToClipboard from 'copy-to-clipboard'
+
+export default
+{
+    name: 'file',
+
+    components:
+    {
+        Versions,
+        Viewer,
+        Tooltip,
+        Illustration
+    },
+
+    computed:
+    {
+        serverConfig()
+        {
+            return this.$store.state.serverConfig
+        },
+
+        downloadUrl()
+        {
+            return `${this.$store.state.serverConfig.domain}/${this.$store.state.projects.current.slug}/files/${this.content.path.full}`
+        },
+
+        downloadDataUri()
+        {
+            if(this.$store.state.files.currentVersion)
+            {
+                return `data:text/plain;charset=utf-8,${encodeURIComponent(this.$store.state.files.currentVersion.content)}`
+            }
+
+            return ''
+        },
+
+        isImage()
+        {
+            return ['jpg', 'jpeg', 'png', 'tiff', 'gif', 'webp'].indexOf(this.content.extension) !== -1
+        },
+
+        isCode()
+        {
+            return this.content.versions.length > 0
+        },
+
+        version()
+        {
+            return this.$store.state.files.currentVersion
+        }
+    },
+
+    data()
+    {
+        return {
+            differencesActive: true,
+            versionsActive: true,
+            copied: false
+        }
+    },
+
+    props:
+    {
+        content: { type: Object }
+    },
+
+    methods:
+    {
+        onDifferencesClick()
+        {
+            this.differencesActive = !this.differencesActive
+        },
+
+        onVersionsClick()
+        {
+            this.versionsActive = !this.versionsActive
+        },
+
+        onCopyClick()
+        {
+            copyToClipboard(this.version.content)
+            this.copied = true
+        },
+
+        onCopyMouseleave()
+        {
+            this.copied = false
+        }
+    }
+}