aloha-vue 1.0.0

package/docs/store/index.js

@@ -0,0 +1,17 @@
+import {
+  createStore,
+} from "vuex";
+
+export default createStore({
+  state() {
+    return {
+      count: 0,
+    };
+  },
+  mutations: {
+    increment(state) {
+      state.count++;
+    },
+  },
+  modules: {},
+});

package/docs/styles/base.scss

@@ -0,0 +1,11 @@
+a, button {
+  &:focus {
+    box-shadow: inset green 0 0 1px 4px;
+  }
+}
+
+body {
+  margin: 0;
+}
+
+@import "../../src/styles/styles";

package/docs/styles/bootstrap.lazy.scss

@@ -0,0 +1,5 @@
+@import "node_modules/bootstrap/scss/bootstrap";
+//@import "node_modules/bootstrap/scss/variables";
+//@import "node_modules/bootstrap/scss/mixins";
+//// @import "node_modules/bootstrap/scss/utilities";
+//@import "node_modules/bootstrap/scss/accordion";

package/docs/styles/bulma.lazy.scss

@@ -0,0 +1 @@
+@import "node_modules/bulma/bulma";

package/docs/styles/foundation.lazy.scss

@@ -0,0 +1,2 @@
+@import "node_modules/foundation-sites/scss/foundation";
+@include foundation-everything;

package/docs/styles/uikit.lazy.scss

@@ -0,0 +1,3 @@
+@import "node_modules/uikit/src/scss/variables-theme.scss";
+@import "node_modules/uikit/src/scss/mixins-theme.scss";
+@import "node_modules/uikit/src/scss/uikit-theme.scss";

package/docs/views/About.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>

package/docs/views/NotFound.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>NOT FOUND</div>
+</template>

package/docs/views/PageAJson/PageAJson.js

@@ -0,0 +1,18 @@
+import AJson from "../../../src/AJson/AJson";
+
+
+export default {
+  name: "PageAJson",
+  components: {
+    AJson,
+  },
+  data() {
+    return {
+      model1: {
+        aloha: {
+          hola: ["aloha"],
+        },
+      },
+    };
+  },
+};

package/docs/views/PageAJson/PageAJson.pug

@@ -0,0 +1,10 @@
+div
+  h1 Form element
+  h2 Input
+  a-json(
+    id="input1"
+    v-model="model1"
+    label="JSON"
+    :required="true"
+  )
+  pre model1: {{ model1 }}

package/docs/views/PageAJson/PageAJson.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageAJson.pug"></template>
+<script src="./PageAJson.js"></script>

package/docs/views/PageAccordion/PageAccordion.js

@@ -0,0 +1,68 @@
+import AAccordion from "../../../src/AAccordion/AAccordion.vue";
+
+export default {
+  name: "PageAccordion",
+  components: {
+    AAccordion,
+  },
+  data() {
+    return {
+      items: [
+        {
+          label: "label 1",
+          content: "content 1",
+          items: [
+            {
+              label: "label 1.1",
+              content: "content 1.1",
+              items: [
+                {
+                  label: "label 1.1.1",
+                  content: "content 1.1.1",
+                },
+                {
+                  label: "label 1.1.2",
+                  content: "content 1.1.2",
+                },
+                {
+                  label: "label 1.1.3",
+                  content: "content 1.1.3",
+                },
+              ],
+            },
+            {
+              label: "label 1.2",
+              content: "content 1.2",
+            },
+            {
+              label: "label 1.3",
+              content: "content 1.3",
+              items: [
+                {
+                  label: "label 1.3.1",
+                  content: "content 1.3.1",
+                },
+                {
+                  label: "label 1.3.2",
+                  content: "content 1.3.2",
+                },
+                {
+                  label: "label 1.3.3",
+                  content: "content 1.3.3",
+                },
+              ],
+            },
+          ],
+        },
+        {
+          label: "level 2",
+          content: "content 2",
+        },
+        {
+          label: "level 3",
+          content: "content 3",
+        },
+      ],
+    };
+  },
+};

package/docs/views/PageAccordion/PageAccordion.pug

@@ -0,0 +1,27 @@
+div
+  h1 PageAccordion
+  h2 without alwaysOpen
+  a-accordion(
+    :items="items"
+  )
+  h2 with alwaysOpen
+  a-accordion(
+    :items="items"
+    :always-open="true"
+  )
+  h2 with Slots
+  a-accordion(
+    :items="items"
+    key-label=""
+    key-content=""
+  )
+    template(
+      v-slot:button="{ item, itemIndex }"
+    )
+      span {{ item.label }}
+        strong index: {{ itemIndex }}
+
+    template(
+      v-slot:content="{ item, itemIndex }"
+    )
+      strong {{ item.content }}

package/docs/views/PageAccordion/PageAccordion.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageAccordion.pug"></template>
+<script src="./PageAccordion.js"></script>

package/docs/views/PageCloak/PageCloak.js

@@ -0,0 +1,8 @@
+import ACloak from "../../../src/ACloak/ACloak";
+
+export default {
+  name: "PageCloak",
+  components: {
+    ACloak,
+  },
+};

package/docs/views/PageCloak/PageCloak.pug

@@ -0,0 +1,6 @@
+div
+  h1 PageCloak
+  a-cloak(
+    size="4"
+  )
+

package/docs/views/PageCloak/PageCloak.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageCloak.pug"></template>
+<script src="./PageCloak.js"></script>

package/docs/views/PageCollapse/PageCollapse.js

@@ -0,0 +1,8 @@
+import ACollapse from "../../../src/ACollapse/ACollapse.vue";
+
+export default {
+  name: "PageCollapse",
+  components: {
+    ACollapse,
+  },
+};

package/docs/views/PageCollapse/PageCollapse.pug

@@ -0,0 +1,22 @@
+div
+  h1 ACollapse
+  a-collapse.btn.btn-primary(
+    label="Aloha"
+  )
+    template(
+      v-slot:control
+    )
+      span ACollapse
+
+  .py-3
+  a-collapse.btn.btn-default
+    template(
+      v-slot:label="vm"
+    )
+      span(
+        :class="{ 'text-danger': vm.isOpen }"
+      ) Click Me
+    template(
+      v-slot:control
+    )
+      span ACollapse

package/docs/views/PageCollapse/PageCollapse.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageCollapse.pug"></template>
+<script src="./PageCollapse.js"></script>

package/docs/views/PageInput/PageInput.js

@@ -0,0 +1,22 @@
+import AInput from "../../../src/AInput/AInput";
+import ATextarea from "../../../src/ATextarea/ATextarea";
+
+
+export default {
+  name: "PageInput",
+  components: {
+    AInput,
+    ATextarea,
+  },
+  data() {
+    return {
+      model1: "aloha",
+      model2: "hola",
+    };
+  },
+  methods: {
+    changeModel1(arg) {
+      console.log("arg", arg);
+    },
+  },
+};

package/docs/views/PageInput/PageInput.pug

@@ -0,0 +1,25 @@
+div
+  h1 Form element
+  h2 Input
+  a-input(
+    id="input1"
+    v-model="model1"
+    type="text"
+    label="Input 1"
+    :required="true"
+    @change="changeModel1"
+  )
+  div model1: {{ model1 }}
+  h2 Textarea
+  a-textarea(
+    id="textarea1"
+    v-model="model2"
+    type="text"
+    label="Textarea 1"
+    :required="true"
+    :is-scalable="true"
+  )
+  div model2:
+  pre {{ model2 }}
+
+

package/docs/views/PageInput/PageInput.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageInput.pug"></template>
+<script src="./PageInput.js"></script>

package/docs/views/PageSpinner/PageSpinner.js

@@ -0,0 +1,8 @@
+import ASpinner from "../../../src/ASpinner/ASpinner.js";
+
+export default {
+  name: "PageSpinner",
+  components: {
+    ASpinner,
+  },
+};

package/docs/views/PageSpinner/PageSpinner.pug

@@ -0,0 +1,12 @@
+div
+  h1 PageSpinner
+  a-spinner
+
+  a-spinner(
+    type-color="primary"
+  )
+
+  a-spinner(
+    type-color="warning"
+    type="grow"
+  )

package/docs/views/PageSpinner/PageSpinner.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageSpinner.pug"></template>
+<script src="./PageSpinner.js"></script>

package/docs/views/PageStart/PageStart.js

@@ -0,0 +1,39 @@
+import ATranslation from "../../../src/ATranslation/ATranslation";
+
+export default {
+  name: "PageStart",
+  components: {
+    ATranslation,
+  },
+  data() {
+    return {
+      frameworks: [
+        {
+          name: "Bootstrap",
+          version: "5.1.x",
+          link: "https://getbootstrap.com/",
+        },
+        {
+          name: "Foundation",
+          version: "6.7.4",
+          link: "https://get.foundation/index.html",
+        },
+        {
+          name: "UIkit",
+          version: "3.9.4",
+          link: "https://getuikit.com/",
+        },
+        {
+          name: "Bulma",
+          version: "0.9.3",
+          link: "https://bulma.io/",
+        },
+        {
+          name: "Materialize (noch nicht sicher)",
+          version: "1.0.0",
+          link: "https://materializecss.com/",
+        },
+      ],
+    };
+  },
+};

package/docs/views/PageStart/PageStart.pug

@@ -0,0 +1,19 @@
+div
+  a-translation(
+    tag="h1"
+    text="_WELCOME_"
+  )
+  a-translation(
+    tag="h2"
+    text="_SUPPORT_FRAMEWORKS_"
+    text-after=":"
+  )
+  ul
+    li(
+      v-for="framework in frameworks"
+      :key="framework.name"
+    )
+      a(
+        :href="framework.link"
+        target="_blank"
+      ) {{ framework.name }} {{ framework.version }}

package/docs/views/PageStart/PageStart.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageStart.pug"></template>
+<script src="./PageStart.js"></script>

package/docs/views/PageTable/PageTable.js

@@ -0,0 +1,68 @@
+import {
+  ATable,
+} from "../../../dist";
+
+import {
+  times,
+} from "lodash-es";
+
+export default {
+  name: "PageTable",
+  components: {
+    ATable,
+  },
+  data() {
+    return {
+      columns: [
+        {
+          label: "Aloha",
+          id: "aloha",
+          path: "aloha",
+          sortId: "aloha",
+        },
+        {
+          label: "Hola",
+          id: "hola",
+          path: "hola",
+          sortId: "hola",
+        },
+        {
+          label: "Obj",
+          id: "obj",
+          path: "obj.aloha",
+          sortId: "obj.aloha",
+        },
+        {
+          label: "Slot",
+          id: "slot",
+          slot: "slot1",
+        },
+      ],
+      data: [],
+    };
+  },
+  computed: {
+
+  },
+  watch: {
+
+  },
+  created() {
+    this.setData();
+  },
+  methods: {
+    setData() {
+      const DATA = [];
+      times(100, item => {
+        DATA.push({
+          aloha: `aloha${ item }`,
+          hola: `hola ${ item }`,
+          obj: {
+            aloha: `ertet ${ 100 - item }`,
+          },
+        });
+      });
+      this.data = DATA;
+    },
+  },
+};

package/docs/views/PageTable/PageTable.pug

@@ -0,0 +1,10 @@
+div
+  h1 PageTable
+  a-table(
+    :columns="columns"
+    :data="data"
+  )
+    template(
+      v-slot:slot1="vm"
+    )
+      pre {{ vm.column }}

package/docs/views/PageTable/PageTable.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageTable.pug"></template>
+<script src="./PageTable.js"></script>

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "aloha-vue",
+  "description": "Project aloha",
+  "version": "1.0.0",
+  "author": "Ilia Brykin",
+  "scripts": {
+    "watch": "webpack --watch --mode=development --config build/webpack.dev.js",
+    "build-css": "node-sass --include-path scss docs/styles/base.scss docs/static/styles.css",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "webpack serve --history-api-fallback --mode=development --config build/webpack.dev.js",
+    "build": "webpack --mode=production --config build/webpack.prod.js"
+  },
+  "dependencies": {
+    "lodash-es": "^4.17.21"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@babel/eslint-parser": "^7.16.0",
+    "@babel/plugin-transform-runtime": "^7.16.0",
+    "@babel/polyfill": "^7.12.1",
+    "@babel/preset-env": "^7.16.0",
+    "@babel/runtime": "^7.16.0",
+    "@babel/runtime-corejs3": "^7.16.0",
+    "@vue/compiler-sfc": "^3.2.21",
+    "@webpack-cli/generators": "^2.4.1",
+    "babel-loader": "^8.2.3",
+    "bootstrap": "5.1.3",
+    "bulma": "0.9.3",
+    "clean-webpack-plugin": "^4.0.0",
+    "copy-webpack-plugin": "^10.0.0",
+    "core-js": "^3.19.1",
+    "css-loader": "^6.5.1",
+    "eslint": "^8.1.0",
+    "eslint-plugin-vue": "9.0.1",
+    "eslint-webpack-plugin": "^3.1.0",
+    "foundation-sites": "6.7.4",
+    "html-webpack-plugin": "^5.5.0",
+    "node-sass": "^6.0.1",
+    "pug": "^3.0.2",
+    "sass": "^1.43.4",
+    "sass-loader": "^12.3.0",
+    "style-loader": "^3.3.1",
+    "uikit": "3.9.4",
+    "vue": "3.2.26",
+    "vue-eslint-parser": "9.0.2",
+    "vue-loader": "^16.8.3",
+    "vue-pug-loader": "^1.1.26",
+    "vue-router": "^4.0.12",
+    "vuex": "^4.0.2",
+    "webpack": "^5.61.0",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.4.0",
+    "webpack-merge": "^5.8.0"
+  }
+}

package/public/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Aloha</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+<div id="app"></div>
+</body>
+</html>