From 7ca686b7dbc7df984cd16aa8380afde1d3afd189 Mon Sep 17 00:00:00 2001
From: matfire <30804999+matfire@users.noreply.github.com>
Date: Thu, 14 Mar 2019 21:21:06 +0100
Subject: [PATCH] Export to carbon-sh (#67)

* added export to carbon function and corresponding ui button

* added styles on export-to-carbon button
---
 src/renderer/components/notes-list/note-card/NoteCard.html | 3 +++
 src/renderer/components/notes-list/note-card/NoteCard.scss | 7 +++++++
 src/renderer/components/notes-list/note-card/NoteCard.vue  | 4 ++++
 3 files changed, 14 insertions(+)

diff --git a/src/renderer/components/notes-list/note-card/NoteCard.html b/src/renderer/components/notes-list/note-card/NoteCard.html
index 90c3690..e05b2fb 100644
--- a/src/renderer/components/notes-list/note-card/NoteCard.html
+++ b/src/renderer/components/notes-list/note-card/NoteCard.html
@@ -37,6 +37,9 @@ <h4>{{value.name}}
                  title="Copy to clipboard">
                 <b-icon icon="clipboard"></b-icon>
               </a>
+              <a id="export-carbon" @click="exportToCarbon(value.content)" title="Export to Carbon">
+                <b-icon icon="image"></b-icon>
+              </a>
             </span>
           </h4>
           <editor :code="value.content"
diff --git a/src/renderer/components/notes-list/note-card/NoteCard.scss b/src/renderer/components/notes-list/note-card/NoteCard.scss
index db648a6..7f4338f 100644
--- a/src/renderer/components/notes-list/note-card/NoteCard.scss
+++ b/src/renderer/components/notes-list/note-card/NoteCard.scss
@@ -64,6 +64,13 @@
     #copy-file {
       color: $dark;
 
+      &:hover {
+        color: lighten($black, 20%);
+      }
+    }
+    #export-carbon {
+      color: $dark;
+   
       &:hover {
         color: lighten($black, 20%);
       }
diff --git a/src/renderer/components/notes-list/note-card/NoteCard.vue b/src/renderer/components/notes-list/note-card/NoteCard.vue
index 954594e..cdb1899 100644
--- a/src/renderer/components/notes-list/note-card/NoteCard.vue
+++ b/src/renderer/components/notes-list/note-card/NoteCard.vue
@@ -61,6 +61,10 @@ export default {
     open(link) {
       this.$electron.shell.openExternal(link);
     },
+    exportToCarbon(content) {
+      let url = `https://carbon.now.sh/?bg=rgba(0,0,0,0)&t=dracula&l=auto&ds=true&wc=true&wa=true&pv=43px&ph=57px&ln=false&code=`;
+      this.$electron.shell.openExternal(`${url}${encodeURI(content)}`)
+    }
   },
 };
 </script>