Adds element

This commit is contained in:
Alicia Sykes 2019-07-26 22:32:38 +01:00
parent 7f645745f9
commit a909d6577b
7 changed files with 12454 additions and 4 deletions

12441
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

View File

@ -3,7 +3,7 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"start":"node server", "start": "node server",
"dev": "vue-cli-service serve", "dev": "vue-cli-service serve",
"build": "vue-cli-service build", "build": "vue-cli-service build",
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
@ -11,6 +11,7 @@
"dependencies": { "dependencies": {
"connect": "^3.7.0", "connect": "^3.7.0",
"core-js": "^2.6.5", "core-js": "^2.6.5",
"element-ui": "^2.11.0",
"register-service-worker": "^1.6.2", "register-service-worker": "^1.6.2",
"serve-static": "^1.14.1", "serve-static": "^1.14.1",
"vue": "^2.6.10", "vue": "^2.6.10",

View File

@ -1,5 +1,6 @@
<template> <template>
<div class="item"> <el-tooltip placement="bottom" effect="dark" :content="description" :disabled="!description">
<div class="item">
<div class="tile-title" :id="`tile-${id}`"> <div class="tile-title" :id="`tile-${id}`">
<span class="text">{{ title }}</span> <span class="text">{{ title }}</span>
<div class="overflow-dots">...</div> <div class="overflow-dots">...</div>
@ -9,10 +10,12 @@
:src="`/img/tile-icons/${icon}.png`" :src="`/img/tile-icons/${icon}.png`"
class="tile-icon" class="tile-icon"
/> />
</div> </div>
</el-tooltip>
</template> </template>
<script> <script>
export default { export default {
name: 'Item', name: 'Item',
props: { props: {

View File

@ -11,6 +11,7 @@
:key="item.id" :key="item.id"
:id="item.id" :id="item.id"
:title="item.title" :title="item.title"
:description="item.description"
:icon="item.icon" :icon="item.icon"
/> />
</div> </div>

View File

@ -6,7 +6,7 @@
{ {
"id":"001", "id":"001",
"title": "Server Monitoring", "title": "Server Monitoring",
"description": "", "description": "Hello",
"provider": "", "provider": "",
"icon": "008-clock", "icon": "008-clock",
"url": "" "url": ""

View File

@ -1,8 +1,11 @@
import Vue from 'vue' import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue' import App from './App.vue'
import router from './router' import router from './router'
import './registerServiceWorker' import './registerServiceWorker'
Vue.use(Element)
Vue.config.productionTip = false Vue.config.productionTip = false
new Vue({ new Vue({

View File

@ -6,6 +6,7 @@
<ItemGroup <ItemGroup
v-for="item in items" v-for="item in items"
:key="item.id" :key="item.id"
:id="item.id"
:title="item.name" :title="item.name"
:items="item.items" :items="item.items"
/> />