Skip to content

Instantly share code, notes, and snippets.

View smartITNinja's full-sized avatar

smartITNinja

View GitHub Profile
@smartITNinja
smartITNinja / vuejs-head.html
Created December 10, 2017 13:40
<head>
<link href="//fonts.googleapis.com/css?family=Arimo:400" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" />
<script>document.write('<link href="css/login.css?v='+ Math.floor(Math.random()*9000) +'" rel="stylesheet" type="text/css" />');</script>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
<script src="https://unpkg.com/vuex"></script>
@smartITNinja
smartITNinja / vuejs-main.html
Last active December 19, 2017 15:15
<div id="app">
<h1 class="text-center">titulo</h1>
<p class="text-center">
<router-link to="/">HOME</router-link>
<router-link to="/profile">PROFILE</router-link>
<router-link to="/login">LOGIN</router-link>
<router-link to="/register">SIGN UP</router-link>
</p>
<div class="container">
<div class="row">
@smartITNinja
smartITNinja / apisauce-get
Created December 19, 2017 14:05
// npm install apisauce --save
var apisauce = require('apisauce');
const api = apisauce.create({
baseURL: 'https://api.carbonintensity.org.uk'
});
api
@smartITNinja
smartITNinja / firebase-dbInit
Created December 19, 2017 18:42
var config = {
apiKey: "YOUR-API-KEY",
authDomain: "YOUR-DB-DOMAIN",
databaseURL: "YOUR-DB-URL",
projectId: "YOUR-PROJECT-ID",
storageBucket: "YOUR-STORE-BUCKET",
messagingSenderId: "YOUR-SENDER-ID"
};
@smartITNinja
smartITNinja / vuex-store
Last active December 20, 2017 12:48
const store = new Vuex.Store({
state: {
isValid: 0,
mail: '',
password: '',
password2: '',
message: ''
},
mutations: {
@smartITNinja
smartITNinja / vue-router
Created December 19, 2017 19:41
const home = {
template: '#homeTpl'
}
const profile = {
template: '<div>PROFILE to be defined</div>'
}
const login = {
@smartITNinja
smartITNinja / HOME-template
Created December 19, 2017 19:45
<script type="text/x-template" id="homeTpl">
<div>
<hr class="prettyline">
<center>
<h3 class="omb_authTitle">Vue + VueX + Vue-Router</h3>
<div class="row omb_row-sm-offset-3">
<div class="col-xs-12 col-sm-6">
<div class="imgwrapper">
<img src="https://vuejs.org/images/logo.png" class="img-responsive">
@smartITNinja
smartITNinja / vue-app
Created December 19, 2017 20:43
const app = new Vue({
el: '#app',
router,
store
});
@smartITNinja
smartITNinja / vue-customJS
Created December 19, 2017 20:57
<script> document.write("<script src='js/db.js?v=" + Date.now() + "'><\/script>"); </script>
<script> document.write("<script src='js/router.js?v=" + Date.now() + "'><\/script>"); </script>
<script> document.write("<script src='js/store.js?v=" + Date.now() + "'><\/script>"); </script>
<script> document.write("<script src='js/app.js?v=" + Date.now() + "'><\/script>"); </script>
@smartITNinja
smartITNinja / firebase_auth_sample
Created May 2, 2018 12:54
How do I detect if a user is already logged in Firebase?
var config = {
apiKey: "....",
authDomain: "...",
databaseURL: "...",
projectId: "..",
storageBucket: "..",
messagingSenderId: ".."
};
firebase.initializeApp(config);