@abi-software/gallery 0.3.2-beta → 0.3.3

package/package.json

@@ -1,43 +1,52 @@
-{
-  "name": "@abi-software/gallery",
-  "version": "0.3.2-beta",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/hsorby/mapcore-gallery.git"
-  },
-  "license": "Apache-2.0",
-  "private": false,
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "test:unit": "vue-cli-service test:unit",
-    "build-bundle": "vue-cli-service build --target lib --name gallery src/main.js",
-    "lint": "vue-cli-service lint"
-  },
-  "main": "dist/gallery.common.js",
-  "dependencies": {
-    "@babel/code-frame": "^7.12.11",
-    "axios": "^0.26.1",
-    "babel-plugin-component": "^1.1.1",
-    "base64-inline-loader": "^2.0.1",
-    "core-js": "^3.8.3",
-    "element-ui": "^2.15.0",
-    "vue": "^2.6.11"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.5.11",
-    "@vue/cli-plugin-eslint": "^3.1.1",
-    "@vue/cli-plugin-unit-jest": "^4.5.13",
-    "@vue/cli-service": "^4.5.13",
-    "@vue/eslint-config-prettier": "^6.0.0",
-    "@vue/test-utils": "^1.1.2",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.0.0",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^6.2.2",
-    "prettier": "^2.2.1",
-    "vue-svg-inline-loader": "^2.1.3",
-    "vue-template-compiler": "^2.6.11"
-  }
-}
+{
+  "name": "@abi-software/gallery",
+  "version": "0.3.3",
+  "files": [
+    "dist/*",
+    "src/*",
+    "*.json",
+    "*.js"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ABI-Software/mapcore-gallery.git"
+  },
+  "license": "Apache-2.0",
+  "private": false,
+  "scripts": {
+    "serve-no-lint": "vue-cli-service serve --skip-plugins @vue/cli-plugin-eslint",
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "test:unit": "vue-cli-service test:unit",
+    "build-bundle": "vue-cli-service build --target lib --name gallery src/main-bundle.js --skip-plugins @vue/cli-plugin-eslint",
+    "lint": "vue-cli-service lint"
+  },
+  "main": "dist/gallery.common.js",
+  "dependencies": {
+    "@babel/code-frame": "^7.12.11",
+    "axios": "^0.26.1",
+    "babel-plugin-component": "^1.1.1",
+    "base64-inline-loader": "^2.0.1",
+    "core-js": "^3.8.3",
+    "element-ui": "^2.15.0",
+    "vue": "^2.6.11"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^4.5.11",
+    "@vue/cli-plugin-eslint": "^3.1.1",
+    "@vue/cli-plugin-unit-jest": "^4.5.13",
+    "@vue/cli-service": "^4.5.13",
+    "@vue/eslint-config-prettier": "^6.0.0",
+    "@vue/test-utils": "^1.1.2",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^6.0.0",
+    "eslint-config-prettier": "^6.15.0",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-vue": "^6.2.2",
+    "node-sass": "^4.14.1",
+    "sass-loader": "^8.0.2",
+    "prettier": "^2.2.1",
+    "vue-svg-inline-loader": "^2.1.3",
+    "vue-template-compiler": "^2.6.11"
+  }
+}

package/src/App.vue

@@ -1,28 +1,42 @@
-<template>
-  <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png" />
-    <HelloWorld msg="Welcome to Your Vue.js App" />
-  </div>
-</template>
-
-<script>
-import HelloWorld from './components/HelloWorld.vue'
-
-export default {
-  name: 'App',
-  components: {
-    HelloWorld,
-  },
-}
-</script>
-
-<style scoped>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
-</style>
+<template>
+  <div id="app">
+    <img alt="Vue logo" src="./assets/logo.png" />
+    <gallery :items="dataInput" @card-clicked="cardClicked" />
+  </div>
+</template>
+
+<script>
+import Gallery from './components/Gallery'
+export default {
+  name: 'App',
+  components: {
+    Gallery,
+  },
+  data: function () {
+    return {
+      dataInput: [
+        {
+          title: 'test1',
+          type: 'data',
+          link: 'https://sparc.science/',
+        },
+        {
+          title: 'test2',
+          type: 'data',
+          link: 'https://sparc.science/',
+        },
+        {
+          title: 'test3',
+          type: 'data',
+          link: 'https://sparc.science/',
+        },
+      ],
+    }
+  },
+  methods: {
+    cardClicked: function (data) {
+      console.log('card-clicked', data)
+    },
+  },
+}
+</script>

package/src/assets/_variables.scss

@@ -0,0 +1,43 @@
+// Primary colors
+$purple: #8300BF;
+$darkBlue: #24245B;
+$grey: #303133;
+
+// Secondary colors
+$lightPurple: #BC00FC;
+$blue: #0026FF;
+
+// Status colors
+$success: #5e9f69;
+$warning: #FF8400;
+$danger: #b51d09;
+
+// Text colors
+$neutralGrey: #616161;
+$mediumGrey: #606266;
+$lightGrey: #909399;
+
+// Line colors
+$lineColor1: #DCDFE6;
+$lineColor2: #E4E7ED;
+
+// Background colors
+$background: #F5F7FA;
+$cochlear: #FFFFFF;
+
+//Search box colors
+$darkGrey: #606266;
+
+$app-primary-color: $purple;
+$app-secondary-color: $darkBlue;
+$text-color: $grey;
+$input-text: $grey;
+
+$system-font:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
+$font-family: 'Asap', sans-serif;
+
+// Viewport Sizes
+$viewport-sm: 20rem;
+$viewport-md: 47rem;
+$viewport-lg: 64rem;
+$viewport-xlg: 120rem;

package/src/assets/styles.scss

@@ -0,0 +1,7 @@
+@import url('https://fonts.googleapis.com/css?family=Asap:400,400i,500,600,700&display=swap');
+
+@import '_variables';
+
+/* icon font path, required */
+$--color-primary: $app-primary-color !default;
+$--font-path: '~element-ui/lib/theme-chalk/fonts';