Skip to content

Instantly share code, notes, and snippets.

View considine's full-sized avatar

Jack Considine considine

17 followers · 8 following
View GitHub Profile
@considine
considine / index.html
Last active August 24, 2018 21:32
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>My Application</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
@considine
considine / index.html
Created August 24, 2018 21:32
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>My Application</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
@considine
considine / login.html
Created August 24, 2018 21:53
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>My Login</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<link rel="stylesheet" href="css/signin.css">
@considine
considine / index.html
Created August 24, 2018 21:57
<div id="app">
<!-- route outlet -->
<!-- component matched by the route will render here -->
</div>
@considine
considine / index.html
Created August 24, 2018 22:06
<div id="app">
<login-component></login-component>
</div>
@considine
considine / app.js
Created August 24, 2018 22:15
// Your corresponding keys
Parse.initialize("YOUR_APP_ID", "YOUR_JAVASCRIPT_KEY");
// For back4app applications, this url is
// 'https://parseapi.back4app.com'
Parse.serverURL = 'YOUR_SERVER_URL'
@considine
considine / app.js
Created August 24, 2018 22:16
// Parse initialization above
new Parse.Object("Test", {"text" : "testing"}).save()
.then(function (obj) {
console.log("Success", obj);
})
.catch(function (e) {
alert("Error saving test object!" + e.message);
});
@considine
considine / signin.css
Created August 24, 2018 22:17
html,
body,
#app {
height: 100%;
}
.signin-wrapper {
height: 100%;
display: -ms-flexbox;
display: flex;
@considine
considine / app.js
Last active August 24, 2018 22:20
// Your corresponding keys
Parse.initialize("YOUR_APP_ID", "YOUR_JAVASCRIPT_KEY");
// For back4app applications, this url is
// 'https://parseapi.back4app.com'
Parse.serverURL = 'YOUR_SERVER_URL'
const app = new Vue({
}).$mount('#app')
@considine
considine / app.js
Created August 24, 2018 22:22
// Parse initialization above
Vue.component('login-component', {
template: '<div class="signin-wrapper text-center"> \
<form class="form-signin"> \
<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1> \
<label for="inputEmail" class="sr-only">Email address</label> \
<input type="email" id="inputEmail" class="form-control" placeholder="Email address" required="" autofocus=""> \
<label for="inputPassword" class="sr-only">Password</label> \
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required=""> \
<button class="btn btn-lg btn-primary btn-block" type="button">Sign in</button> \