aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/SignIn.vue
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2017-01-15 18:24:09 -0800
committerAdam Soltys <[email protected]>2017-01-15 18:24:09 -0800
commit7762ceaa7e2bb34f8758e17a4c8f512fa6a81b9e (patch)
tree91bb1d1b8fe6ad77a48f0e429d9bfd35834c78d9 /src/components/SignIn.vue
parent0ae266bf88f9f79c7e99b272688126898303daa4 (diff)
downloadcoinos-server-7762ceaa7e2bb34f8758e17a4c8f512fa6a81b9e.tar.gz
coinos-server-7762ceaa7e2bb34f8758e17a4c8f512fa6a81b9e.zip
Initial Vueification
Diffstat (limited to 'src/components/SignIn.vue')
-rw-r--r--src/components/SignIn.vue44
1 files changed, 44 insertions, 0 deletions
diff --git a/src/components/SignIn.vue b/src/components/SignIn.vue
new file mode 100644
index 00000000..37a49d5f
--- /dev/null
+++ b/src/components/SignIn.vue
@@ -0,0 +1,44 @@
+<template lang="pug">
+div
+ #main-logo
+ p.alert.alert-danger Invalid username or password, please try again.
+ form.form-signin(action='login', method='post')
+ input.form-control(name='username', type='text', placeholder='Username', value='user', required='', autofocus='')
+ br
+ |
+ input.form-control(name='password', type='password', placeholder='Password', required='')
+ br
+ |
+ button.btn.btn-lg.btn-primary.btn-block(type='submit') Sign in
+ p
+ button#register.btn.btn-lg.btn-secondary.btn-block Register
+ p
+ a(href='http://bitcoincoop.org/coinos') What is this?
+</template>
+
+<script>
+export default {
+ name: 'home'
+}
+</script>
+
+<style lang="stylus">
+ #main-logo
+ margin-bottom 15px
+
+ .form-signin
+ margin-bottom 10px
+ .form-control
+ height auto
+ -webkit-box-sizing border-box
+ -moz-box-sizing border-box
+ box-sizing border-box
+ padding 10px
+ font-size 16px
+
+ .notice
+ border 1px solid gray
+ background #eee
+ padding 10px
+ margin-bottom 15px
+</style>