first commit
This commit is contained in:
parent
63f9681034
commit
731aa94dc7
@ -22,7 +22,6 @@
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Sthope GSheet Head START-->
|
||||
</head>
|
||||
<body class="hold-transition skin-blue sidebar-mini" style="overflow-y:scroll">
|
||||
<div id="root"></div>
|
||||
|
||||
@ -2,25 +2,20 @@
|
||||
<ul class="sidebar-menu">
|
||||
<li class="header">CPHA</li>
|
||||
|
||||
<router-link tag="li" class="pageLink" to="/sthopetest">
|
||||
<a>
|
||||
<i class="fa fa-bug"></i>
|
||||
<span class="page">Sthope</span>
|
||||
</a>
|
||||
<router-link tag="li" class="pageLink" to="/sthope">
|
||||
<a><i class="fa fa-bug"></i><span class="page">Sthope</span></a>
|
||||
</router-link>
|
||||
|
||||
<router-link tag="li" class="pageLink" to="/personalfinances">
|
||||
<a>
|
||||
<i class="fa fa-money"></i>
|
||||
<span class="page">Personal Finances</span>
|
||||
</a>
|
||||
<a><i class="fa fa-money"></i><span class="page">Personal Finances</span></a>
|
||||
</router-link>
|
||||
|
||||
<router-link tag="li" class="pageLink" to="/expenses">
|
||||
<a><i class="fa fa-credit-card"></i><span class="page">Expenses</span></a>
|
||||
</router-link>
|
||||
|
||||
<router-link tag="li" class="pageLink" to="/cryptos">
|
||||
<a>
|
||||
<i class="fa fa-btc"></i>
|
||||
<span class="page">Cryptos</span>
|
||||
</a>
|
||||
<a><i class="fa fa-btc"></i><span class="page">Cryptos</span></a>
|
||||
</router-link>
|
||||
|
||||
<li class="treeview">
|
||||
|
||||
37
src/components/views/Expenses.vue
Normal file
37
src/components/views/Expenses.vue
Normal file
@ -0,0 +1,37 @@
|
||||
<template>
|
||||
<section class="content">
|
||||
|
||||
<table class="table table-bordered table-responsive-md table-striped text-center">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">Citation</th>
|
||||
<th class="text-center">Security</th>
|
||||
<th class="text-center">Implementation</th>
|
||||
<th class="text-center">Description</th>
|
||||
<th class="text-center">Solution</th>
|
||||
<th class="text-center">Remove</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="pt-3-half" contenteditable="false">Aurelia Vega</td>
|
||||
<td class="pt-3-half" contenteditable="false">30</td>
|
||||
<td class="pt-3-half" contenteditable="false">Deepends</td>
|
||||
<td class="pt-3-half" contenteditable="true"><input type="text" name="add1" value="spain" class="border-none"></td>
|
||||
<td class="pt-3-half" contenteditable="true"><input type="text" name="add1" value="marid" class="border-none"></td>
|
||||
<td>
|
||||
<span class="table-remove"><button type="button" class="btn btn-danger btn-rounded btn-sm my-0">Remove</button></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
130
src/components/views/Sthope.vue
Normal file
130
src/components/views/Sthope.vue
Normal file
@ -0,0 +1,130 @@
|
||||
<template>
|
||||
<section class="content">
|
||||
<!-- Sthope Trading Cryptos View START -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12">
|
||||
<h2 id="trading_cryptos">Trading Cryptos</h2>
|
||||
<form action="/trade_cryptos.php">
|
||||
<label for="cname"> Crypto: </label>
|
||||
<input type="text" id="trading" name="cname" value=""><br>
|
||||
|
||||
<label for="aname"> Amount: </label>
|
||||
<input type="text" id="trading" name="aname" value=""><br>
|
||||
|
||||
<label for="ename"> € Paid: </label>
|
||||
<input type="text" id="trading" name="ename" value=""><br>
|
||||
|
||||
<label for="dname"> Date: </label>
|
||||
<input type="date" id="trading" name="dname" value=""><br>
|
||||
|
||||
<label for="buyorsellselect"> Buy or Sell (select for Sell): </label>
|
||||
<input type="checkbox" id="trading" name="buyorsell" value="BUY"><br>
|
||||
|
||||
<button type="button" class="btn btn-danger" id="buyorsell_button"> Cancel</button>
|
||||
<button type="button" class="btn btn-success" id="buyorsell_button"> Buy</button>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Sthope Trading Cryptos Window END -->
|
||||
<!-- Sthope DCA Calculator Window START -->
|
||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||
<h2 id="dca_calculator"> DCA Calculator</h2>
|
||||
<form action="/check_best_dca.php">
|
||||
<label for="cname"> How much € spend: </label>
|
||||
<input type="number" id="trading" name="howmuchtospend" value="">
|
||||
|
||||
<button type="button" class="btn btn-success" id="howmuchtospend_button"> Check</button>
|
||||
</form>
|
||||
|
||||
<form action="/add_dca_to_wallet.php">
|
||||
<label for="cname"> Best Crypto: </label><input type="text" id="trading" name="howmuchtospend" value=""><br>
|
||||
<label for="cname"> Crypto Price: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
|
||||
<label for="cname"> Buying Amount: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
|
||||
<label for="cname"> Buying Average: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
|
||||
<label for="cname"> New Average: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
|
||||
<button type="button" class="btn btn-success" id="buyorsell_button"> Buy</button>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Sthope DCA Calculator Window END -->
|
||||
<!-- Sthope Salary Calculator View START -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12">
|
||||
|
||||
<h2 id="cryptos_salary_calculator">Salary Calculator</h2>
|
||||
|
||||
<form action="/calculate_crypto_salary.php">
|
||||
|
||||
<label for="cname"> Crypto: </label>
|
||||
<input type="text" id="trading" name="cname" value=""><br>
|
||||
|
||||
<label for="aname"> Amount: </label>
|
||||
<input type="text" id="trading" name="aname" value=""><br>
|
||||
|
||||
<label for="ename"> € Paid: </label>
|
||||
<input type="text" id="trading" name="ename" value=""><br>
|
||||
|
||||
<label for="dname"> Date: </label>
|
||||
<input type="date" id="trading" name="dname" value=""><br>
|
||||
|
||||
<label for="buyorsellselect"> Buy or Sell (select for Sell): </label>
|
||||
<input type="checkbox" id="trading" name="buyorsell" value="BUY"><br>
|
||||
|
||||
<button type="button" class="btn btn-success" id="calculate_button"> Calculate</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<!-- Sthope Salary Calculator Window END -->
|
||||
<!-- Sthope Compound Interest Calculator View START -->
|
||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||
|
||||
<h2 id="cryptos_salary_calculator">Compound Interest Calculator</h2>
|
||||
|
||||
<form action="/calculate_crypto_salary.php">
|
||||
|
||||
<label for="cname"> Crypto: </label>
|
||||
<input type="text" id="trading" name="cname" value=""><br>
|
||||
|
||||
<label for="aname"> Amount: </label>
|
||||
<input type="text" id="trading" name="aname" value=""><br>
|
||||
|
||||
<label for="ename"> € Paid: </label>
|
||||
<input type="text" id="trading" name="ename" value=""><br>
|
||||
|
||||
<label for="dname"> Date: </label>
|
||||
<input type="date" id="trading" name="dname" value=""><br>
|
||||
|
||||
<label for="buyorsellselect"> Buy or Sell (select for Sell): </label>
|
||||
<input type="checkbox" id="trading" name="buyorsell" value="BUY"><br>
|
||||
|
||||
<button type="button" class="btn btn-success" id="calculate_button"> Calculate</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<!-- Sthope Compound Interest Window END -->
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* Body */
|
||||
body{
|
||||
text-align:center;
|
||||
background-color:#1e282c;
|
||||
color: gray
|
||||
}
|
||||
|
||||
/* Fname */
|
||||
#trading{
|
||||
background-color:#686868;
|
||||
}
|
||||
/* Import Google Fonts */
|
||||
@import url("//fonts.googleapis.com/css2?family=Andika:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
|
||||
|
||||
/* Button */
|
||||
#buyorsell_button{
|
||||
width:125px;
|
||||
height:40px;
|
||||
font-size:20px;
|
||||
font-family:'Andika', sans-serif;
|
||||
font-weight:700;
|
||||
}
|
||||
</style>
|
||||
@ -6,6 +6,8 @@ import NotFoundView from './components/404.vue'
|
||||
// Sthope Views
|
||||
import CryptosView from './components/views/Cryptos.vue'
|
||||
import PersonalFinancesView from './components/views/PersonalFinances.vue'
|
||||
import ExpensesView from './components/views/Expenses.vue'
|
||||
|
||||
// Sthope Settings Views
|
||||
import SettingsBackupView from './components/views/Settings_Backup.vue'
|
||||
import SettingsConfigurationsView from './components/views/Settings_Configurations.vue'
|
||||
@ -13,7 +15,7 @@ import SettingsGoogleView from './components/views/Settings_Google.vue'
|
||||
import SettingsMQTTHAView from './components/views/Settings_MQTT_HA.vue'
|
||||
import SettingsUserView from './components/views/Settings_User.vue'
|
||||
// Sthope Testing Tab
|
||||
// import SthopeView from './components/views/Sthope.vue'
|
||||
import SthopeView from './components/views/Sthope.vue'
|
||||
|
||||
// Routes
|
||||
const routes = [
|
||||
@ -27,8 +29,7 @@ const routes = [
|
||||
component: PersonalFinancesView,
|
||||
name: 'Personal Finances',
|
||||
meta: {description: ''}
|
||||
},
|
||||
{
|
||||
}, {
|
||||
path: 'cryptos',
|
||||
component: CryptosView,
|
||||
name: 'Cryptos',
|
||||
@ -63,6 +64,16 @@ const routes = [
|
||||
component: SettingsUserView,
|
||||
name: 'Backups',
|
||||
meta: {description: '', requiresAuth: false}
|
||||
}, {
|
||||
path: 'sthope',
|
||||
component: SthopeView,
|
||||
name: 'Sthope',
|
||||
meta: {description: '', requiresAuth: false}
|
||||
}, {
|
||||
path: 'expenses',
|
||||
component: ExpensesView,
|
||||
name: 'Expenses',
|
||||
meta: {description: '', requiresAuth: false}
|
||||
}
|
||||
]
|
||||
}, {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user