Skip to content

Commit

Permalink
Merge pull request Superalgos#5071 from Superalgos/develop
Browse files Browse the repository at this point in the history
Updating Master Version to 1.6.0
  • Loading branch information
Awhiteweb authored Jan 31, 2024
2 parents b0a13ff + bcca918 commit e233bde
Show file tree
Hide file tree
Showing 1,278 changed files with 19,203 additions and 3,299 deletions.
13 changes: 12 additions & 1 deletion Dashboards/UI/vueComponentsSource/router/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,8 @@ import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import DevelopersView from '../views/DevelopersView.vue'
import BitcoinFactoryView from '../views/BitcoinFactoryView.vue'

import GovernanceView from '../views/GovernanceView.vue'
import AlgoTradingView from '../views/AlgoTradingView.vue'

const routes = [
{
Expand All @@ -19,6 +20,16 @@ const routes = [
path: '/BitcoinFactory',
name: 'BitcoinFactory',
component: BitcoinFactoryView
},
{
path: '/Governance',
name: 'Governance',
component: GovernanceView
},
{
path: '/AlgoTrading',
name: 'AlgoTrading',
component: AlgoTradingView
}

]
Expand Down
260 changes: 260 additions & 0 deletions Dashboards/UI/vueComponentsSource/views/AlgoTradingView.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,260 @@
<template>
<div class="dashboard-window container-fluid">
<div class="row col-12">
<div class="col-3">
<img class="image" :src="dashboardIcon">
</div>
<div class="col-6 mt-4 text-center">
<h2><strong>Welcome to the Superalgos Alorithmic Trading Dashboard!</strong></h2>
<h5>Here you will be able to manage and track your Trading Bots!</h5>
</div>
</div>
<div class="row col-12">
<Tabs :tabList="tabList">
<template v-slot:tabPanel-1>
<div v-html="getOverview"></div>
<div class="empty" v-if="userObj.length === 0"> No data provided up to now! </div>
</template>
<template v-slot:tabPanel-2>
<div>
<Table :fields="getStakingColName" :data="getStackingData"></table>
</div>
<div class="empty" v-if="stackObj.length === 0"> No data provided up to now! </div>
</template>
<template v-slot:tabPanel-3>
<div>
<Table :fields="getLiquidityColName" :data="getLiquidityData"></table>
</div>
<div class="empty" v-if="liqObj.length === 0"> No data provided up to now! </div>
</template>
<template v-slot:tabPanel-4>
<div>
<Table :fields="getReferralColName" :data="getReferralData"></table>
</div>
<div class="empty" v-if="refObj.length === 0"> No data provided up to now! </div>
</template>
<template v-slot:tabPanel-5>
<div>
<div class="row col-12 justify-content">
<div v-for="(objs) in getDistributionData">
<ExpandableTree v-for="(value, name) in objs" :value="value" :name="name" :key="name" :depth="0"></ExpandableTree>
</div>
</div>
</div>
<div class="empty" v-if="userObj.length === 0"> No data provided up to now! </div>
</template>
<template v-slot:tabPanel-6>
<div>
<div class="row col-12 justify-content">
<div v-for="(objs) in getDistributionData">
<ExpandableTree v-for="(value, name) in objs" :value="value" :name="name" :key="name" :depth="0"></ExpandableTree>
</div>
</div>
</div>
<div class="empty" v-if="distrObj.length === 0"> No data provided up to now! </div>
</template>

</Tabs>
</div>
<div class="row col-12">
<div class="col-6" v-if="getTimestamp !== ''">Last update: {{ getTimestamp }}</div><div class="col-6" v-if="host !== ''">Runnning on: {{ host }}</div>
</div>
</div>
</template>

<script>
import dashboardIcon from "../assets/dashboard.png";
import ExpandableTree from "../components/expandableTree.vue";
import Tabs from "../components/Tabs.vue"
import Table from '../components/Table.vue'
import "bootstrap/dist/css/bootstrap.min.css";
export default {
// Receive incoming data from parent app
props: ["incomingData", "timestamp"] ,
components: { Tabs, Table, ExpandableTree} ,
data () {
return {
tabList: ["Overview", "Bot Performance", "Signal Providers", "Report"],
dataKey: 'Platform-AlgoTrading',
dashboardIcon: dashboardIcon,
userObj: [],
distrObj: [],
stackObj: [],
liqObj: [],
refObj: [],
host: location.host.split(':')[0]
}
},
computed: {
/*
To-DO: Computed functions for each Tab panel (Stacking,Liquidity, Referrals, Contrubutors and Distribution)
*/
getTimestamp () {
return this.timestamp
},
getOverview() {
let data = this.userObj[0];
let UserBalance = 0;
let UserWallet = [];
let TokenPower = 0;
let AllocatedToken = 0;
let StackReward = 0;
let pStackReward = 0;
let LiquidReward = 0;
let pLiquidReward = 0;
let TotalReward = 0;
let pTotalReward = 0;
if ((data !== undefined) && (data[0] !== undefined)) {
UserBalance = data.SAbalance;
UserWallet = data.wallet;
TokenPower = data.TokenPower;
}
let html = '<div class="row">'
html += '<div class="col-4">'
html += "<p>User Blockchain Wallet: "+ UserWallet +"</p>"
html += "<p>User Token Balance: "+ UserBalance +"</p>"
html += "<p>Token Power Available: "+TokenPower+"</p>"
html += "<p>Allocated Token Power: "+AllocatedToken+"</p>"
html += '</div>'
html += '<div class="col-4">'
html += "<p>Last Distribution Staking Reward: "+StackReward+"</p>"
html += "<p>Last Distribution Liquidity Reward: "+LiquidReward+"</p>"
html += "<p>Last Distribution Total Reward: "+TotalReward+"</p>"
html += '</div>'
html += '<div class="col-4">'
html += "<p>Estimated Current Distribution Staking Reward: "+pStackReward+"</p>"
html += "<p>Estimated Current Distribution Liquidity Reward: "+pLiquidReward+"</p>"
html += "<p>Estimated Current Distribution Total Reward: "+pTotalReward+"</p>"
return html
},
getDistributionColName () {
let data = this.getDistribution()
if ((data !== undefined) && (data[0] !== undefined)) {
let res = []
return res
}
return null
},
getDistributionData () {
let data = this.getDistribution()
let dataString = JSON.parse(data)
return dataString
}
},
methods: {
/*
To-DO: Function to catch -UserInfo messages
*/
getUserInfo(){
this.userObj = []
let key = this.dataKey + '-UserInfo'
if (key in this.incomingData) {
for(let dataObject of this.incomingData[key]) {
this.userObj.push(dataObject)
}
}
return this.userObj
},
/*
To-DO: Function to catch -Stacking messages
*/
getStacking () {
this.stackObj = []
let key = this.dataKey + '-Stacking'
if (key in this.incomingData) {
for(let dataObject of this.incomingData[key]) {
this.stackObj.push(dataObject)
}
}
return this.stackObj
},
/*
To-DO: Function to catch -Distribution messages
*/
getDistribution () {
this.distrObj = []
let key = this.dataKey + '-UserInfo'
if (key in this.incomingData) {
for(let dataObject of this.incomingData[key]) {
this.distrObj.push(dataObject)
}
}
return this.distrObj
},
/*
To-DO: Function to catch -Liquidity messages
*/
getLiquidity () {
this.liqObj = []
let key = this.dataKey + '-Liquidity'
if (key in this.incomingData) {
for(let dataObject of this.incomingData[key]) {
this.liqObj.push(dataObject)
}
}
return this.liqObj
},
/*
To-DO: Function to catch -Referral messages
*/
getReferral () {
this.refObj = []
let key = this.dataKey + '-Referral'
if (key in this.incomingData) {
for(let dataObject of this.incomingData[key]) {
this.refObj.push(dataObject)
}
}
return this.refObj
},
/*
To-DO: Function to Connect a Web3 wallet
*/
/*
connectWallet: async function() {
},
*/
/*
To-DO: Function to Create new User Profile
*/
/*
To-DO: Function for Contribute changes button on User Profile
*/
/*
Urls to buy Tokens from Pankcake, 1Inch and Superalgos Webpage
*/
buyToken1 () {
window.open('https://pancakeswap.finance/info/token/0xfb981ed9a92377ca4d75d924b9ca06df163924fd', '_blank')
},
buyToken2 () {
window.open('https://app.1inch.io/#/1/simple/swap/USDT/SA', '_blank')
},
mainPage () {
window.open('https://superalgos.org/index.shtml', '_blank')
}
},
}
</script>

<style scoped>
.dashboard-window {
font-size: bold;
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
}
.image {
margin-top: 10px;
height: 100px;
}
</style>
Loading

0 comments on commit e233bde

Please sign in to comment.