Commit 662aeb79 authored by Adam Procter's avatar Adam Procter

added SVG to start view

But cant get it elsewhere, least library is working not needs to be global or something ?
parent 3a7c6a5f
Pipeline #79 failed with stages
in 2 minutes and 15 seconds
This diff is collapsed.
......@@ -6,6 +6,7 @@
<input type="text" name="email" v-model="input.email" placeholder="Email" />
<button type="button" v-on:click="signin()">Sign in</button>
<font-awesome-icon icon="sign-in-alt" size="3x"/>
</section>
</template>
......
<template>
<div id="spatialui">
<svgjs />
</div>
......@@ -15,8 +14,9 @@ export default {
}
}
// SVG UI needs
//var draw = SVG('spatialui').size(300, 300)
// var draw = SVG('spatialui').size(300, 300)
// var links = draw.group()
// var markers = draw.group()
......
......@@ -2,7 +2,6 @@ import Vue from 'vue'
import App from './App.vue'
import router from './router'
// Font awesome import statements
import { library } from '@fortawesome/fontawesome-svg-core'
import { faSignInAlt } from '@fortawesome/free-solid-svg-icons'
......@@ -11,21 +10,23 @@ library.add(faSignInAlt)
Vue.component('font-awesome-icon', FontAwesomeIcon)
// end Font Awesome
import { SvgJs } from 'svg.js'
Vue.component('svgjs', SvgJs)
import SVG from 'svg.js'
import draggy from 'svg.draggy.js'
//Vue.component('svgjs', SVG)
//Vue.prototype.$MYSVG = SVG
//import SVG from 'svg.js'
// import connect from 'svg.connectable.js'
// import draggy from 'svg.draggy.js'
Vue.config.productionTip = false
//Object.defineProperty(Vue.prototype, '$SVG', { value: SVG });
//Object.defineProperty(Vue.prototype, '$connect', { value: connect });
//Object.defineProperty(Vue.prototype, '$draggy', { value: draggy });
new Vue({
router, //SVG,
router,
render: h => h(App)
}).$mount('#app')
......@@ -33,3 +34,6 @@ new Vue({
require('@/assets/js/custom')
}
var draw = SVG('testsvg').size(300, 300)
var rect_1 = draw.rect(50, 50).attr({ fill: '#f06' })
rect_1.draggy();
\ No newline at end of file
<template>
<div>
<header>
<h3 class="hello">You are connected to instance : {{instancename}}</h3>
</header>
<div id="start">
<signin :instancename="instancename"></signin>
<register></register>
</div>
</div>
<div>
<header>
<h3 class="hello">You are connected to instance : {{instancename}}</h3>
</header>
<div id="start">
<signin :instancename="instancename"></signin>
<register></register>
</div>
<div id="testsvg">
<p>SVG icon and draggable</p>
<!-- the SVG.js stuff appears here -->
</div>
</div>
</template>
<script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment