mirror of
https://github.com/Xevion/calligraphy.git
synced 2026-01-31 08:23:49 -06:00
change to drawers, reorganize and attempt mini draw (padding bugs found)
This commit is contained in:
Xevion
@@ -1 +0,0 @@
|
||||
VUE_FONT_API_KEY=AIzaSyBOYf5oHoeJ88t4teIdvsNFBcN9MiUz1Iw
|
||||
@@ -1 +0,0 @@
|
||||
#app{width:50%;margin:60px auto;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.hljs{background-color:transparent!important}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
|
||||
@@ -0,0 +1 @@
|
||||
body,html{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#app,.md-app,.page-container,body{height:100%}.hljs{background-color:transparent!important}#font-data{padding:0 2em;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
|
||||
+1
-1
@@ -1 +1 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/calligraphy/favicon.ico><title>calligraphy</title><link href=/calligraphy/js/chunk-2d216214.e238e43d.js rel=prefetch><link href=/calligraphy/js/chunk-2d216257.256ee085.js rel=prefetch><link href=/calligraphy/js/chunk-718c3938.fc7095e4.js rel=prefetch><link href=/calligraphy/css/app.1d743f6e.css rel=preload as=style><link href=/calligraphy/css/chunk-vendors.f0c5b23d.css rel=preload as=style><link href=/calligraphy/js/app.201cd440.js rel=preload as=script><link href=/calligraphy/js/chunk-vendors.c6a344ee.js rel=preload as=script><link href=/calligraphy/css/chunk-vendors.f0c5b23d.css rel=stylesheet><link href=/calligraphy/css/app.1d743f6e.css rel=stylesheet></head><body><noscript><strong>We're sorry but calligraphy doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/calligraphy/js/chunk-vendors.c6a344ee.js></script><script src=/calligraphy/js/app.201cd440.js></script></body></html>
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=stylesheet href="//fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Material+Icons"><link rel=icon href=/calligraphy/favicon.ico><title>calligraphy</title><link href=/calligraphy/js/chunk-2d216214.e238e43d.js rel=prefetch><link href=/calligraphy/js/chunk-2d216257.256ee085.js rel=prefetch><link href=/calligraphy/js/chunk-718c3938.fc7095e4.js rel=prefetch><link href=/calligraphy/css/app.c9eb7770.css rel=preload as=style><link href=/calligraphy/css/chunk-vendors.f0c5b23d.css rel=preload as=style><link href=/calligraphy/js/app.c294709c.js rel=preload as=script><link href=/calligraphy/js/chunk-vendors.c6a344ee.js rel=preload as=script><link href=/calligraphy/css/chunk-vendors.f0c5b23d.css rel=stylesheet><link href=/calligraphy/css/app.c9eb7770.css rel=stylesheet></head><body><noscript><strong>We're sorry but calligraphy doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/calligraphy/js/chunk-vendors.c6a344ee.js></script><script src=/calligraphy/js/app.c294709c.js></script></body></html>
|
||||
@@ -1,2 +0,0 @@
|
||||
(function(t){function e(e){for(var r,i,s=e[0],u=e[1],c=e[2],l=0,f=[];l<s.length;l++)i=s[l],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&f.push(a[i][0]),a[i]=0;for(r in u)Object.prototype.hasOwnProperty.call(u,r)&&(t[r]=u[r]);d&&d(e);while(f.length)f.shift()();return o.push.apply(o,c||[]),n()}function n(){for(var t,e=0;e<o.length;e++){for(var n=o[e],r=!0,i=1;i<n.length;i++){var u=n[i];0!==a[u]&&(r=!1)}r&&(o.splice(e--,1),t=s(s.s=n[0]))}return t}var r={},a={app:0},o=[];function i(t){return s.p+"js/"+({}[t]||t)+"."+{"chunk-2d216214":"e238e43d","chunk-2d216257":"256ee085","chunk-718c3938":"fc7095e4"}[t]+".js"}function s(e){if(r[e])return r[e].exports;var n=r[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,s),n.l=!0,n.exports}s.e=function(t){var e=[],n=a[t];if(0!==n)if(n)e.push(n[2]);else{var r=new Promise((function(e,r){n=a[t]=[e,r]}));e.push(n[2]=r);var o,u=document.createElement("script");u.charset="utf-8",u.timeout=120,s.nc&&u.setAttribute("nonce",s.nc),u.src=i(t);var c=new Error;o=function(e){u.onerror=u.onload=null,clearTimeout(l);var n=a[t];if(0!==n){if(n){var r=e&&("load"===e.type?"missing":e.type),o=e&&e.target&&e.target.src;c.message="Loading chunk "+t+" failed.\n("+r+": "+o+")",c.name="ChunkLoadError",c.type=r,c.request=o,n[1](c)}a[t]=void 0}};var l=setTimeout((function(){o({type:"timeout",target:u})}),12e4);u.onerror=u.onload=o,document.head.appendChild(u)}return Promise.all(e)},s.m=t,s.c=r,s.d=function(t,e,n){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)s.d(n,r,function(e){return t[e]}.bind(null,r));return n},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="/calligraphy/",s.oe=function(t){throw console.error(t),t};var u=window["webpackJsonp"]=window["webpackJsonp"]||[],c=u.push.bind(u);u.push=e,u=u.slice();for(var l=0;l<u.length;l++)e(u[l]);var d=c;o.push([0,"chunk-vendors"]),n()})({0:function(t,e,n){t.exports=n("56d7")},"034f":function(t,e,n){"use strict";var r=n("85ec"),a=n.n(r);a.a},"56d7":function(t,e,n){"use strict";n.r(e);n("e260"),n("e6cf"),n("cca6"),n("a79d");var r=n("2b0e"),a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("div",{staticClass:"md-layout md-center md-alignment-center-center"},[n("div",{staticClass:"md-layout-item md-size-50"},[n("md-field",[n("label",{attrs:{for:"fonturl"}},[t._v("Font URL")]),n("md-input",{attrs:{id:"fonturl"},model:{value:t.fontURL,callback:function(e){t.fontURL=e},expression:"fontURL"}})],1)],1),n("div",{staticClass:"md-layout-item md-size-20"},[n("md-button",{staticClass:"md-raised md-primary",on:{click:function(e){return t.loadFile(t.fontURL)}}},[t._v("Load Font")])],1),n("div",{staticClass:"md-layout-item md-size-20"},[n("md-button",{staticClass:"md-raised md-primary",on:{click:t.createPDF}},[t._v("Save PDF")])],1),n("div",{staticClass:"md-layout-item md-size-100"},[n("md-card",{staticStyle:{padding:"0.10em 0.3em"}},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs",value:JSON.stringify({data:t.fontData}),expression:"JSON.stringify({'data': fontData})"}]},[n("code",{staticClass:"json"})])])],1)])])},o=[],i=n("8baf"),s=n("bc3a"),u=n.n(s),c={name:"App",components:{},data:function(){return{fontURL:"https://themes.googleusercontent.com/static/fonts/anonymouspro/v3/WDf5lZYgdmmKhO8E1AQud--Cz_5MeePnXDAcLNWyBME.ttf",fontData:null,directAxios:u.a.create({baseURL:""})}},methods:{createPDF:function(){var t=new i["a"];this.fontData||this.loadFile(this.fontURL),t.addFileToVFS("antic.ttf",this.fontURL),t.addFont("antic.ttf","Antic","regular"),t.setFont("Antic","regular"),t.setFontSize(15),t.text("Some Text with Google Fonts",0,10),t.save("test.pdf")},loadFile:function(t){var e=this;this.directAxios.get(t,{responseType:"blob"}).then((function(t){var n=new FileReader;n.readAsDataURL(t.data),n.onload=function(t){console.log(e),e.fontData=t.target.result.substring(21)}}))}}},l=c,d=(n("034f"),n("2877")),f=Object(d["a"])(l,a,o,!1,null,null,null),p=f.exports,m=n("a7fe"),h=n.n(m),v=n("998c"),g=n.n(v),y=n("43f9"),b=n.n(y),w=n("ee8c"),j=n.n(w);n("51de"),n("e094"),n("8da8");r["default"].use(g.a,{languages:{json:j.a}}),r["default"].use(b.a),r["default"].use(h.a,u.a),r["default"].config.productionTip=!1,new r["default"]({render:function(t){return t(p)}}).$mount("#app")},"85ec":function(t,e,n){}});
|
||||
//# sourceMappingURL=app.201cd440.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+74
-31
@@ -1,31 +1,73 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<div class="md-layout md-center md-alignment-center-space-between">
|
||||
<div class="md-layout-item md-size-50">
|
||||
<md-field>
|
||||
<label for="fonturl">Font URL</label>
|
||||
<md-input id="fonturl" v-model="fontURL"></md-input>
|
||||
</md-field>
|
||||
</div>
|
||||
<div class="md-layout-item md-size-30 md-layout md-alignment-center-right">
|
||||
<div class="md-layout-item">
|
||||
<md-button class="md-raised md-primary" v-on:click="loadFile(fontURL)">
|
||||
Load Font
|
||||
<md-icon>cached</md-icon>
|
||||
</md-button>
|
||||
<div class="page-container md-layout-row">
|
||||
<md-app>
|
||||
<md-app-toolbar class="md-primary">
|
||||
<span class="md-title">Calligraphy</span>
|
||||
</md-app-toolbar>
|
||||
|
||||
<md-app-drawer :md-active.sync="menuVisible" md-persistent="mini" md-permanent="clipped">
|
||||
<md-toolbar class="md-transparent" md-elevation="0">
|
||||
<span>Navigation</span>
|
||||
</md-toolbar>
|
||||
|
||||
<md-list>
|
||||
<md-list-item>
|
||||
<!-- <md-button class="md-icon-button" @click="toggleMenu">-->
|
||||
<md-icon>move_to_inbox</md-icon>
|
||||
<!-- </md-button>-->
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item>
|
||||
<md-button class="md-icon-button" @click="toggleMenu">
|
||||
<md-icon>send</md-icon>
|
||||
</md-button>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item>
|
||||
<md-button class="md-icon-button" @click="toggleMenu">
|
||||
<md-icon>delete</md-icon>
|
||||
</md-button>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item>
|
||||
<md-button class="md-icon-button" @click="toggleMenu">
|
||||
<md-icon>error</md-icon>
|
||||
</md-button>
|
||||
</md-list-item>
|
||||
</md-list>
|
||||
</md-app-drawer>
|
||||
|
||||
<md-app-content>
|
||||
<div class="md-layout md-center md-alignment-center-space-between">
|
||||
<div class="md-layout-item md-size-50">
|
||||
<md-field>
|
||||
<label for="fonturl">Font URL</label>
|
||||
<md-input id="fonturl" v-model="fontURL"></md-input>
|
||||
</md-field>
|
||||
</div>
|
||||
<div class="md-layout-item md-size-30 md-layout md-alignment-center-right">
|
||||
<div class="md-layout-item">
|
||||
<md-button class="md-raised md-primary" v-on:click="loadFile(fontURL)">
|
||||
Load Font
|
||||
<md-icon>cached</md-icon>
|
||||
</md-button>
|
||||
</div>
|
||||
<div class="md-layout-item">
|
||||
<md-button class="md-raised md-primary" v-on:click="createPDF">
|
||||
Save PDF
|
||||
<md-icon class="md-size-1x">get_app</md-icon>
|
||||
</md-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md-layout-item md-size-100">
|
||||
<md-card style="padding: 1.5em 1.5em 1.8em;">
|
||||
<span id="font-data">{{ fontData }}</span>
|
||||
</md-card>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md-layout-item">
|
||||
<md-button class="md-raised md-primary" v-on:click="createPDF">
|
||||
Save PDF
|
||||
<md-icon class="md-size-1x">get_app</md-icon>
|
||||
</md-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md-layout-item md-size-100">
|
||||
<md-card style="padding: 1.5em 1.5em 1.8em;">
|
||||
<span id="font-data">{{ fontData }}</span>
|
||||
</md-card>
|
||||
</div>
|
||||
</md-app-content>
|
||||
</md-app>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -38,10 +80,8 @@ body, html {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#app {
|
||||
width: 50%;
|
||||
margin: 60px auto;
|
||||
color: #2c3e50;
|
||||
body, #app, .page-container, .md-app {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.hljs {
|
||||
@@ -64,16 +104,19 @@ import axios from 'axios';
|
||||
|
||||
export default {
|
||||
name: 'App',
|
||||
components: {
|
||||
},
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
fontURL: "https://themes.googleusercontent.com/static/fonts/anonymouspro/v3/WDf5lZYgdmmKhO8E1AQud--Cz_5MeePnXDAcLNWyBME.ttf",
|
||||
fontData: null,
|
||||
directAxios: axios.create({baseURL: ''}),
|
||||
menuVisible: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleMenu() {
|
||||
this.menuVisible = !this.menuVisible
|
||||
},
|
||||
getFonts() {
|
||||
this.directAxios.get({
|
||||
url: `https://www.googleapis.com/webfonts/v1/webfonts?key=${process.env.FONT_API_KEY}`
|
||||
|
||||
Reference in New Issue
Block a user