Export to carbon-sh (#67)

* added export to carbon function and corresponding ui button

* added styles on export-to-carbon button

Author: matfire

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"

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%);
       }

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>