Initial commit
This commit is contained in:
Klemek
@@ -0,0 +1 @@
|
|||||||
|
/libs
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
module.exports = {
|
||||||
|
env: {
|
||||||
|
commonjs: true,
|
||||||
|
es2021: true,
|
||||||
|
browser: true,
|
||||||
|
},
|
||||||
|
globals: {
|
||||||
|
Vue: 'readonly',
|
||||||
|
},
|
||||||
|
extends: [ 'eslint:recommended' ],
|
||||||
|
parserOptions: {
|
||||||
|
ecmaVersion: 12,
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
'indent': [ 'error', 4 ],
|
||||||
|
'linebreak-style': [ 'error', 'unix' ],
|
||||||
|
'quotes': [ 'error', 'single' ],
|
||||||
|
'semi': [ 'error', 'always' ],
|
||||||
|
'curly': [ 'error', 'all' ],
|
||||||
|
'brace-style': [ 'error', '1tbs' ],
|
||||||
|
'jest/no-done-callback': 'off',
|
||||||
|
'jest/expect-expect': 'off',
|
||||||
|
'comma-dangle': [ 'error', 'always-multiline' ],
|
||||||
|
'complexity': 'error',
|
||||||
|
'consistent-return': 'error',
|
||||||
|
'dot-location': [ 'error', 'property' ],
|
||||||
|
'eqeqeq': [ 'error', 'always', { null: 'ignore' } ],
|
||||||
|
'no-empty-function': 'error',
|
||||||
|
'no-floating-decimal': 'error',
|
||||||
|
'no-multi-spaces': 'error',
|
||||||
|
'camelcase': [ 'error', { properties: 'never' } ],
|
||||||
|
'comma-spacing': [ 'error', { before: false, after: true } ],
|
||||||
|
'array-bracket-newline': [ 'error', { multiline: true } ],
|
||||||
|
'array-element-newline': [ 'error', { multiline: true, minItems: 6 } ],
|
||||||
|
'array-bracket-spacing': [ 'error', 'always' ],
|
||||||
|
'object-curly-spacing': [ 'error', 'always' ],
|
||||||
|
'comma-style': 'error',
|
||||||
|
'computed-property-spacing': 'error',
|
||||||
|
'eol-last': 'error',
|
||||||
|
'func-call-spacing': 'error',
|
||||||
|
'key-spacing': 'error',
|
||||||
|
'keyword-spacing': 'error',
|
||||||
|
'multiline-comment-style': 'error',
|
||||||
|
'newline-per-chained-call': 'error',
|
||||||
|
'no-lonely-if': 'error',
|
||||||
|
'no-multiple-empty-lines': 'error',
|
||||||
|
'no-trailing-spaces': 'error',
|
||||||
|
'no-unneeded-ternary': 'error',
|
||||||
|
'no-whitespace-before-property': 'error',
|
||||||
|
'operator-assignment': 'error',
|
||||||
|
'quote-props': [ 'error', 'consistent-as-needed' ],
|
||||||
|
'space-before-blocks': 'error',
|
||||||
|
'space-infix-ops': 'error',
|
||||||
|
},
|
||||||
|
};
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
.idea
|
||||||
+31
@@ -0,0 +1,31 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Change this you moron</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<script type="text/javascript" src="libs/vue.global.js"></script>
|
||||||
|
<script type="text/javascript" src="main.js"></script>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<!-- card related -->
|
||||||
|
<!--
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta property="og:title" content="">
|
||||||
|
<meta property="twitter:title" content="">
|
||||||
|
<meta property="og:description" content="">
|
||||||
|
<meta property="twitter:description" content="">
|
||||||
|
<meta property="og:image" content="https://.../preview_640x320.jpg">
|
||||||
|
<meta property="twitter:image" content="">
|
||||||
|
<meta property="org:url" content="https://...">
|
||||||
|
-->
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main id="app" style="display:none">
|
||||||
|
<h1>{{title}}</h1>
|
||||||
|
<br>
|
||||||
|
<p v-html="content"></p>
|
||||||
|
<br>
|
||||||
|
<small><a href="https://twitter.com/_klemek" target="_blank">@Klemek</a> - <a href="" target="_blank">Github Repository</a> - {{currentYear}}</small>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+15704
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,109 @@
|
|||||||
|
/* exported app, utils */
|
||||||
|
|
||||||
|
const utils = {
|
||||||
|
ajax: {
|
||||||
|
proxy: 'cors-anywhere.herokuapp.com',
|
||||||
|
/**
|
||||||
|
* Define a get HTTP request to be executed with .then/.catch
|
||||||
|
* @param {string} url
|
||||||
|
* @param {Object} data
|
||||||
|
* @param {boolean} proxy - use cors proxy
|
||||||
|
* @returns {Promise<Object|string>} return JSON parsed data or string
|
||||||
|
*/
|
||||||
|
get: (url, data, proxy = false) => {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
if (data && Object.keys(data).length) {
|
||||||
|
url += '?' + Object.keys(data)
|
||||||
|
.map(k => k + '=' + encodeURIComponent(data[k]))
|
||||||
|
.join('&')
|
||||||
|
.replace(/%20/g, '+');
|
||||||
|
}
|
||||||
|
const xhr = new XMLHttpRequest();
|
||||||
|
if (proxy) {
|
||||||
|
const http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
|
||||||
|
url = `${http}//${utils.ajax.proxy}/${url}`;
|
||||||
|
}
|
||||||
|
xhr.open('GET', url);
|
||||||
|
xhr.onload = () => {
|
||||||
|
try {
|
||||||
|
resolve(JSON.parse(xhr.responseText));
|
||||||
|
} catch (ignored) {
|
||||||
|
resolve(xhr.responseText);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
xhr.onerror = () => reject(xhr);
|
||||||
|
xhr.send();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
cookies: {
|
||||||
|
/**
|
||||||
|
* Save a value in a cookie
|
||||||
|
* @param {string} name
|
||||||
|
* @param {string} value
|
||||||
|
* @param {number | undefined} days
|
||||||
|
*/
|
||||||
|
set: function (name, value, days = undefined) {
|
||||||
|
const maxAge = !days ? undefined : days * 864e2;
|
||||||
|
document.cookie = `${name}=${encodeURIComponent(value)}${maxAge ? `;max-age=${maxAge};` : ''}`;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* Get a value from a cookie
|
||||||
|
* @param {string} name
|
||||||
|
* @return {string} value from cookie or empty if not found
|
||||||
|
*/
|
||||||
|
get: function (name) {
|
||||||
|
return document.cookie.split('; ').reduce(function (r, v) {
|
||||||
|
const parts = v.split('=');
|
||||||
|
return parts[0] === name ? decodeURIComponent(parts[1]) : r;
|
||||||
|
}, '');
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* Delete a cookie
|
||||||
|
* @param {string} name
|
||||||
|
*/
|
||||||
|
delete: function (name) {
|
||||||
|
this.set(name, '', -1);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* Clear all cookies
|
||||||
|
*/
|
||||||
|
clear: function () {
|
||||||
|
const cookies = document.cookie.split(';');
|
||||||
|
for (let i = 0; i < cookies.length; i++) {
|
||||||
|
const cookie = cookies[i];
|
||||||
|
const eqPos = cookie.indexOf('=');
|
||||||
|
const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
|
||||||
|
document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT`;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
let app = {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title: 'Vue-Boilerplate',
|
||||||
|
content: 'Fill this page with <i>whatever</i> you\'re going to develop.<br><b>Then enjoy!</b>',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
currentYear() {
|
||||||
|
return new Date().getFullYear();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
showApp() {
|
||||||
|
document.getElementById('app').setAttribute('style', '');
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted: function () {
|
||||||
|
console.log('app mounted');
|
||||||
|
setTimeout(this.showApp);
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
window.onload = () => {
|
||||||
|
app = Vue.createApp(app);
|
||||||
|
app.mount('#app');
|
||||||
|
};
|
||||||
@@ -0,0 +1,42 @@
|
|||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-family: Verdana, serif;
|
||||||
|
color: #424242;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 100vh;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #F5F5F5;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 1.5rem;
|
||||||
|
margin: auto;
|
||||||
|
background-color: #EEEEEE;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
table{
|
||||||
|
border-collapse: collapse;
|
||||||
|
width:100%;
|
||||||
|
font-size: .9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
main {
|
||||||
|
max-width: 42rem;
|
||||||
|
}
|
||||||
|
table{
|
||||||
|
font-size:inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user