diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Navigation.vue | 33 | ||||
| -rw-r--r-- | src/components/Register.vue | 35 | ||||
| -rw-r--r-- | src/components/Sales.vue | 209 | ||||
| -rw-r--r-- | src/components/SignIn.vue | 2 | ||||
| -rw-r--r-- | src/main.js | 3 |
5 files changed, 280 insertions, 2 deletions
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue new file mode 100644 index 00000000..d83d48b2 --- /dev/null +++ b/src/components/Navigation.vue @@ -0,0 +1,33 @@ +<template lang="pug"> +nav.navbar(role='navigation') + button.btn.btn-primary.navbar-toggle(type='button', data-toggle='collapse', data-target='#nav') + span.pull-right.glyphicon.glyphicon-list + span#connection.pull-right.glyphicon.glyphicon-exclamation-sign + #nav.collapse.navbar-collapse.no-transition + .navbar + ul.nav.navbar-nav + li + a(href='/{{user}}') + span.glyphicon.glyphicon-home + | Home + li + a(href='/{{user}}/report') + span.glyphicon.glyphicon-list-alt + | Sales + li + a(href='/{{user}}/wallet') + span.fa.fa-bank + | Wallet + li + a(href='/{{user}}/profile') + span.glyphicon.glyphicon-user + | Account + li + a(href='/{{user}}/edit') + span.glyphicon.glyphicon-cog + | Settings + li + a(href='/logout') + span.glyphicon.glyphicon-off + | Logout +</template> diff --git a/src/components/Register.vue b/src/components/Register.vue new file mode 100644 index 00000000..3b04ccc3 --- /dev/null +++ b/src/components/Register.vue @@ -0,0 +1,35 @@ +<template lang="pug"> +#main-logo +form#register(action='/users', method='post') + | {{#error}} + .alert.alert-danger {{error}} + | {{/error}} + .form-group + label(for='username') Username: + | + input#username.form-control(type='text', name='username') + .form-group + label(for='email') Email: + | + input#email.form-control(type='text', name='email') + .form-group + label(for='password') Passphrase: + | + input#password.form-control(type='password', name='password') + #messages + .form-group + label(for='confirm') Confirm Passphrase: + | + input#confirm.form-control(type='password', name='confirm') + | + input#commission(name='commission', type='hidden', value='0') + | + input#unit(name='unit', type='hidden', value='BTC') + | + input#pubkey(name='pubkey', type='hidden') + | + input#privkey(name='privkey', type='hidden') + | + input.btn.btn-primary(type='submit', value='Register') +#qr +</template> diff --git a/src/components/Sales.vue b/src/components/Sales.vue new file mode 100644 index 00000000..623868dd --- /dev/null +++ b/src/components/Sales.vue @@ -0,0 +1,209 @@ +<template lang="pug"> + div + h1 Payments Received + div(style='margin-bottom: 15px') + input#user(type='hidden', value='') + | + input#from_date(type='text', style='position: relative; top: 25px; height: 0px; width:0px; border: 0px;') + | + button#from.btn.btn-primary + | to + input#to_date(type='text', style='position: relative; top: 25px; height: 0px; width:0px; border: 0px;') + | + button#to.btn.btn-primary(name='to') + p.alert.alert-warning(style='display: none') No transactions were found for the specified time period + table.table.table-striped.table-hover.report(style='cursor: pointer; display: none') + thead + tr + th Time + th Rate + th BTC + th {{currency}} + tbody + tfoot + tr + td.total(colspan='2') Subtotal: + td#btc + td#fiat + tr + td.total(colspan='2') Tips: + td#btc_tips + td#fiat_tips + tr + td.total(colspan='2') Total: + td#btc_total + td#fiat_total + #modal.modal.fade(tabindex='-1', role='dialog') + .modal-dialog + .modal-content + .modal-header + button.close(type='button', data-dismiss='modal') + span(aria-hidden='true') × + span.sr-only Close + h4.modal-title Transaction + .modal-body + textarea(style='width: 100%; height: 100px;', placeholder='Notes') + p#yousure You sure? + .modal-footer + #buttons + button.btn.btn-danger(type='button', tabindex='-1') Delete Transaction + | + button.btn.btn-primary(type='button') View Blockchain + | + button.btn.btn-default(type='button', data-dismiss='modal') Done + #confirm + button.btn.btn-default(type='button', data-dismiss='modal') No + | + button.btn.btn-danger(type='button') Yes +</template> + +<script> +export default { + name: 'Sales' +} + /* + (function() { + var display, filterDates, g; + + g = typeof exports !== "undefined" && exports !== null ? exports : this; + + $(function() { + var from, to; + from = moment().subtract(7, 'days'); + to = moment(); + $('#from').html(from.format("MMMM Do, YYYY")); + $('#to').html(to.format("MMMM Do, YYYY")); + $('#from_date').val(from.format("MM/DD/YYYY")); + $('#to_date').val(to.format("MM/DD/YYYY")); + $('#from_date').datepicker({ + onClose: filterDates + }); + $('#to_date').datepicker({ + onClose: filterDates + }); + $('#from').click(function() { + return $('#from_date').datepicker('show').blur(); + }); + $('#to').click(function() { + return $('#to_date').datepicker('show').blur(); + }); + return $.getJSON('transactions.json', function(data) { + g.transactions = data.transactions.filter(function(t) { + return t.user === $('#user').val(); + }); + display(g.transactions); + return filterDates(); + }); + }); + + filterDates = function() { + var transactions; + $('#from').html(moment($('#from_date').datepicker('getDate')).format("MMMM Do, YYYY")); + $('#to').html(moment($('#to_date').datepicker('getDate')).format("MMMM Do, YYYY")); + transactions = $.grep(g.transactions, function(e, i) { + var amount, d, from, to; + if (!e) { + return false; + } + from = moment($('#from_date').val(), "MM/DD/YYYY"); + to = moment($('#to_date').val(), "MM/DD/YYYY"); + d = moment(e.date); + amount = parseFloat(e.exchange) * parseFloat(e.received); + return !isNaN(parseFloat(amount)) && isFinite(amount) && ((from == null) || d.diff(from, 'days') >= 0) && ((to == null) || d.diff(to, 'days') <= 0); + }); + return display(transactions); + }; + + display = function(transactions) { + var btc_tips_total, btc_total, fiat_tips_total, fiat_total; + $('.report tbody tr').remove(); + if (transactions.length === 0) { + $('.report').hide(); + return $('.alert').fadeIn(); + } else { + $('.alert').hide(); + btc_total = btc_tips_total = 0; + fiat_total = fiat_tips_total = 0; + $.each(transactions, function() { + var btc, btc_tip, btc_tip_str, date, exchange, fiat, fiat_tip, fiat_tip_str, notes, row, tip, txid; + btc_tip_str = ""; + fiat_tip_str = ""; + exchange = parseFloat(this.exchange); + tip = this.tip; + btc = parseFloat(this.received); + fiat = btc * exchange; + btc_total += parseFloat(btc.toFixed(8)); + fiat_total += parseFloat(fiat.toFixed(2)); + if (tip > 1) { + btc = btc / tip; + btc_tip = (btc * tip - btc).toFixed(8); + fiat_tip = (btc_tip * exchange).toFixed(2); + btc_tips_total += parseFloat(btc_tip); + fiat_tips_total += parseFloat(fiat_tip); + btc_tip_str = "<br /><small>+ " + btc_tip + "</small>"; + fiat_tip_str = "<br /><small>+ " + fiat_tip + "</small>"; + } + fiat = btc * exchange; + notes = this.notes; + txid = this.txid; + date = moment(this.date, 'YYYY-MM-DD h:mm:ss').format('MMM D h:mma'); + row = $("<tr id='" + this.txid + "'>\n <td>" + date + " <span class='glyphicon glyphicon-tag hidden'></span></td>\n <td>" + (exchange.toFixed(2)) + "</td>\n <td>" + (btc.toFixed(8)) + btc_tip_str + "</td>\n <td>" + (fiat.toFixed(2)) + fiat_tip_str + "</td>\n</tr>"); + if (notes) { + row.attr('data-notes', notes); + row.find('span').removeClass('hidden'); + } + $('.report tbody').append(row); + return row.click(function() { + $('#confirm, #yousure').hide(); + $('#buttons, #modal textarea').show(); + notes = $(this).attr('data-notes'); + $('#modal').modal(); + $('#modal textarea').val(''); + $('#modal .btn-primary').toggle((txid != null) && txid.length > 5); + $('#modal .btn-danger').off().click(function() { + $('#yousure, #confirm').show(); + return $('#buttons, #modal textarea').hide(); + }); + $('#confirm .btn-danger').click(function() { + $.ajax({ + type: 'delete', + url: "/" + ($('#user').val()) + "/transactions/" + txid + }); + $('#modal').modal('hide'); + return row.fadeOut('slow'); + }); + $('#modal .btn-primary').off().click(function() { + window.open("https://blockchain.info/tx/" + txid, '_blank'); + return $('#modal').modal('hide'); + }); + $('#modal textarea').off().change(function() { + notes = $(this).val(); + if (txid) { + $.post("/transactions/" + txid, { + notes: $(this).val() + }); + } + row.find('span').addClass('hidden'); + if (notes) { + row.find('span').removeClass('hidden'); + } + return row.attr('data-notes', $(this).val()); + }); + if (notes) { + return $('#modal textarea').val(notes); + } + }); + }); + $('#btc_total').html("" + (parseFloat(btc_total).toFixed(8))); + $('#fiat_total').html("" + (parseFloat(fiat_total).toFixed(2))); + $('#btc_tips').html("" + (parseFloat(btc_tips_total).toFixed(8))); + $('#fiat_tips').html("" + (parseFloat(fiat_tips_total).toFixed(2))); + $('#btc').html("" + (parseFloat(btc_total - btc_tips_total).toFixed(8))); + $('#fiat').html("" + (parseFloat(fiat_total - fiat_tips_total).toFixed(2))); + return $('.report').fadeIn(); + } + }; + + }).call(this); + */ +</script> diff --git a/src/components/SignIn.vue b/src/components/SignIn.vue index 37a49d5f..4592602f 100644 --- a/src/components/SignIn.vue +++ b/src/components/SignIn.vue @@ -1,7 +1,7 @@ <template lang="pug"> div #main-logo - p.alert.alert-danger Invalid username or password, please try again. + // 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 diff --git a/src/main.js b/src/main.js index e4ae5c1a..0fb682f3 100644 --- a/src/main.js +++ b/src/main.js @@ -4,10 +4,11 @@ import Vue from 'vue' import VueRouter from 'vue-router' import App from './App' import SignIn from './components/SignIn' +import Sales from './components/Sales' const routes = [ { path: '/', component: SignIn }, - { path: '/signin', component: SignIn } + { path: '/sales', component: Sales } ] const router = new VueRouter({ |