Initial upload from internal GitLab

Author: Kevin Ngai

.babelrc

@@ -0,0 +1,16 @@
+{
+  "env": {
+    "test": {
+      "presets": [
+        [
+          "@babel/preset-env",
+          {
+            "targets": {
+              "node": "current"
+            }
+          }
+        ]
+      ]
+    }
+  }
+}

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.env.sample

@@ -0,0 +1,10 @@
+BASE_URL=https://woudc.org
+ROUTER_BASE=/woudc-ui/
+SERVICES_HOSTNAME=https://geo.woudc.org
+CSW_URL=https://geo.woudc.org/csw
+OWS_URL=https://geo.woudc.org/ows
+WAF_URL=https://woudc.org/archive
+DEF_URL=https://geo.woudc.org/def
+WPS_URL=https://geo.woudc.org/wps
+CODELISTS_URL=https://geo.woudc.org/codelists.xml
+EMAIL_ADDRESS=[email protected]

.eslintrc.js

@@ -0,0 +1,32 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  extends: [
+    '@nuxtjs',
+    'prettier',
+    'prettier/vue',
+    'eslint:recommended',
+    'plugin:vue/recommended',
+    // 'plugin:prettier/recommended',
+    'plugin:nuxt/recommended'
+  ],
+  plugins: [
+    'vue',
+    'prettier'
+  ],
+  // add your custom rules here
+  rules: {
+    'indent': ['error', 2],
+    'semi': ['error', 'never'],
+    'no-console': ['error', { allow: ['warn', 'error'] }],
+    'no-alert': 'error',
+    'arrow-spacing': 'error',
+    'vue/max-attributes-per-line': 'off'
+  }
+}

.gitignore

@@ -0,0 +1,90 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# Nuxt generate
+dist
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+# IDE / Editor
+.idea
+
+# Service worker
+sw.*
+
+# Mac OSX
+.DS_Store
+
+# Vim swap files
+*.swp

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "arrowParens": "always",
+  "singleQuote": true
+}

README.md

@@ -0,0 +1,76 @@
+# woudc-www
+
+> Next version of WOUDC UI using Nuxt and VueJS.
+
+## Build Setup
+
+- Install NodeJS
+
+- Create a **copy** of the `.env.sample` file and **rename** to `.env`
+
+``` bash
+# install dependencies
+$ npm install
+
+# serve with hot reload at localhost:3000
+$ npm run dev
+
+# build for production and launch server
+$ npm run build
+$ npm run start
+
+# generate static project: https://nuxtjs.org/guide#static-generated-pre-rendering-
+$ npm run generate
+```
+
+For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).
+
+## Environment variables (.env)
+
+This project includes a `.env.sample` file. **You must rename the file to `.env` and fill in your environment variables so that Nuxt will load it in by default.** If you don't rename or you want to have multiple `.env` files, you must [configure the options of the `dotenv-module`](https://github.com/nuxt-community/dotenv-module#options) module within the `nuxt.config.js` file to match the correct `.env` file accordingly.
+
+## Linting
+
+Linting is incorporated when running `npm run dev` and when you `git commit`.
+
+Your code can be linted by running `npm run lint` to check for validation. You can also run `npm run lintfix` to apply corrections where it can to your code.
+
+## Design
+
+[Vuetify](https://vuetifyjs.com/en/introduction/why-vuetify) was chosen for the styling and theme, which applies the [Material design specification](https://material.io/design/). [UI components](https://vuetifyjs.com/en/components/api-explorer) from Vuetify should be used for any user interactable components. Some of the UI components have `nuxt` support (ie. for routing).
+
+## SEO
+
+SEO is handled by Nuxt in the [`head()` method](https://nuxtjs.org/api/pages-head). 
+
+### Microdata
+
+In addition, [Microdata](https://schema.org/docs/gs.html) is incorporated to give further context to individual pages (ie. including html attributes `itemscope`, `itemprop`, `itemtype`). To validate your Microdata, use [Google's structured data testing tool](https://search.google.com/structured-data/testing-tool); using "View page source" of your page, and copying and pasting into the code snippet.
+
+### i18n
+
+Translation of SEO text is handled by `nuxt-i18n`. Please see the [nuxt-i18n SEO guide](https://nuxt-community.github.io/nuxt-i18n/seo.html) on how it works and other configuration.
+
+## Translation (i18n)
+
+The i18n framework is configured with [nuxt-i18n](https://nuxt-community.github.io/nuxt-i18n/) and is integrated with `vue-i18n`.
+
+### Syntax
+
+The translation [syntax formatting is done using vue-i18n](http://kazupon.github.io/vue-i18n/guide/formatting.html), specifically using [Vue single file components](http://kazupon.github.io/vue-i18n/guide/sfc.html#basic-usage).
+
+### Routing
+
+Please see the [nuxt-i18n routing guide](https://nuxt-community.github.io/nuxt-i18n/routing.html).
+
+### Translate
+
+To translate text, use [BabelEdit](https://www.codeandweb.com/babeledit/download) and load the `.babel` file in the root of the project. If there are new `.vue` components, they need to be added in (by file or by folder). If translation needs to be sent to a 3rd party translator, BabelEdit can export the translation to a `CSV` which can be sent off to the translator. Once completed, import the `CSV` in to BabelEdit to apply the completed translations.
+
+## Testing
+
+Unit testing is done using [Jest](https://jestjs.io/docs/en/expect#content) and can be run by the command: `npm run test`.
+
+Please see the guide on [testing single file components with Jest](https://vue-test-utils.vuejs.org/guides/#testing-single-file-components-with-jest).
+
+**Tip:** Don't write unit test for every single case. Instead, the next time you get an error in your development, write a unit test in the `/test` folder to help validate your code.