update node packages

.editorconfig

@@ -0,0 +1,17 @@
+# 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
+
+[*.{js,ts,vue,json,gql,graphql}]
+indent_style = tab
+indent_size = 4

.eslintrc.js

@@ -1,14 +1,14 @@
 module.exports = {
-  root: true,
-  env: {
-    node: true
-  },
-  extends: ["plugin:vue/essential", "@vue/prettier"],
-  rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
-  },
-  parserOptions: {
-    parser: "babel-eslint"
-  }
+	root: true,
+	env: {
+		node: true
+	},
+	extends: ["plugin:vue/essential", "@vue/prettier"],
+	rules: {
+		"no-console": process.env.NODE_ENV === "production" ? "error" : "off",
+		"no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
+	},
+	parserOptions: {
+		parser: "babel-eslint"
+	}
 };

.gitignore

@@ -2,8 +2,13 @@
 node_modules
 /dist
 
+# Coverage directory used by tools like istanbul
+coverage
+
 /tests/e2e/reports/
 selenium-debug.log
+chromedriver.log
+geckodriver.log
 
 # local env files
 .env.local

.travis.yml

@@ -1,10 +1,10 @@
 language: node_js
 node_js:
-  - 9
+  - '12'
 cache:
   directories:
     - node_modules
 script:
   - npm run test:unit
 after_script:
-  - cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js
+  - cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js

README.md

@@ -1,6 +1,6 @@
-# vue-horizontal-calendar 
-[![Build Status](https://travis-ci.org/ewatch/vue-horizontal-calendar.svg?branch=master)](https://travis-ci.org/ewatch/vue-horizontal-calendar)
-[![Coverage Status](https://coveralls.io/repos/github/ewatch/vue-horizontal-calendar/badge.svg?branch=master)](https://coveralls.io/github/ewatch/vue-horizontal-calendar?branch=master)
+# vue-horizontal-calendar
+[![Build Status](https://travis-ci.org/AndreKelling/vue-horizontal-calendar.svg?branch=master)](https://travis-ci.org/AndreKelling/vue-horizontal-calendar)
+[![Coverage Status](https://coveralls.io/repos/github/AndreKelling/vue-horizontal-calendar/badge.svg?branch=master)](https://coveralls.io/github/AndreKelling/vue-horizontal-calendar?branch=master)
 
 ## Why did I start the project ?
 
@@ -15,36 +15,86 @@ The visualization might make mostly sense in administrational environments.
 - visualize appartments and the days when they are free / booked
 - visualize cars for renting
 
-## How to use the comopnent ?
+## How to use the component ?
 
 Currently please clone the repository and run "npm run serve".
 After that you can visit "http://localhost:8080/"
 
 The VueJS framework must be globally available.
 
 ```
-<table-calendar :render-days="26" :table-data="tableData" />
+<calendar :render-days="26" :calendar-data="tableData" />
 ```
 
 * render-days: the amount of days as cells the calendar should render
-* table-data: an array full of data to render the rows for the calendar
+* calendar-data: an array full of data to render the rows for the calendar
 
 Example:
 ```
-tableData: [
-    { 
-        'id': 1, 
-        'name': 'Something Beautiful', 
-        'start-date': new Date(), 
-        'end-date': new Date() 
-    }, 
-    { 
-        'id': 2, 
-        'name': 
-        'Something else', 
-        'start-date': new Date(), 
-        'end-date': new Date() 
-    }
+data: [
+	{
+		id: 1,
+		name: "Something Beautiful",
+		occupations: [
+			{
+				id: 1,
+				name: "Conference",
+				startDate: todayDate,
+				endDate: todayDate + days(2)
+			},
+			{
+				id: 2,
+				name: "Holliday",
+				startDate: todayDate + days(2),
+				endDate: todayDate + days(6),
+				background: "orange"
+			}
+		],
+		marks: [
+			{
+				id: 1,
+				name: "Arrival",
+				date: todayDate + days(8)
+			},
+			{
+				id: 2,
+				name: "Arrival",
+				date: todayDate + days(10)
+			}
+		]
+	},
+	{
+		id: 2,
+		name: "Something else",
+		occupations: [
+			{
+				id: 1,
+				name: "Lunchparty",
+				startDate: todayDate - days(8),
+				endDate: todayDate,
+				background: "orange"
+			},
+			{
+				id: 2,
+				name: "Work",
+				startDate: todayDate + days(1),
+				endDate: todayDate + days(3)
+			}
+		]
+	},
+	{
+		id: 3,
+		name: "Super long",
+		occupations: [
+			{
+				id: 1,
+				name: "Super Long Booking",
+				startDate: todayDate - days(33),
+				endDate: todayDate + days(33),
+				background: "lightsalmon"
+			}
+		]
+	}
 ]
 ```
 
@@ -63,11 +113,6 @@ npm run serve
 npm run build
 ```
 
-### Run your tests
-```
-npm run test
-```
-
 ### Lints and fixes files
 ```
 npm run lint

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ["@vue/app"]
+	presets: ["@vue/app"]
 };

docs/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>vue-horizontal-calendar</title><link href=css/app.d6d3633d.css rel=preload as=style><link href=js/app.edada6ca.js rel=preload as=script><link href=js/chunk-vendors.b9eb2c1d.js rel=preload as=script><link href=css/app.d6d3633d.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-horizontal-calendar doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.b9eb2c1d.js></script><script src=js/app.edada6ca.js></script></body></html>