Admin minimal dashboard.v0.0.14

5 files changed, 75 insertions, 1 deletions

diff --git a/cmd/app/main.go b/cmd/app/main.go
index 2cf29f9..4405bf1 100644
--- a/cmd/app/main.go
+++ b/cmd/app/main.go
@@ -146,6 +146,7 @@ func main() {
                 "/change-password",
                 "/signout",
                 "/me",
+                "/admin",
                 "/account",
                 "/otp/enroll",
                 "/otp/validate",
diff --git a/cmd/web/js/admin.jsx b/cmd/web/js/admin.jsx
new file mode 100644
index 0000000..81ce15d
--- /dev/null
+++ b/cmd/web/js/admin.jsx
@@ -0,0 +1,45 @@
+import Api from './api.js';
+import React from 'react';
+import {PFBalanceMinimal} from './balance.js';
+import Panel from './panel.js';
+
+class AdminDashboard extends React.Component {
+  constructor(state) {
+    super(state);
+    this.state = {'portfolios': null};
+  }
+
+  load = () => {
+    Api.Call('ADMIN_PORTFOLIOS', {}, function(err, status, data) {
+      if (err) {
+        console.error(err, data);
+        return;
+      }
+
+      this.setState({'portfolios': data});
+    }.bind(this));
+  }
+
+  componentDidMount = () => {
+    this.load();
+  }
+
+  render = () => {
+    if (this.state.portfolios === null) {
+      return <div></div>;
+    }
+    var portfolios = Object.keys(this.state.portfolios).map(function(email) {
+      return <div className="row" key={email}>
+               <div className="col-6"><span>{email}:</span></div>
+               <div className="col-6 text-center">
+                 <PFBalanceMinimal variationP={this.state.portfolios[email].performance.variationP} balance={this.state.portfolios[email].value} periodStart={this.state.portfolios[email].periodStart}/>
+               </div>
+             </div>;
+    }.bind(this));
+
+    return <Panel component={<div>{portfolios}</div>} title="Portfolios Overview"/>;
+  }
+
+}
+
+export default AdminDashboard;
diff --git a/cmd/web/js/api.js b/cmd/web/js/api.js
index 63355f0..b626c5f 100644
--- a/cmd/web/js/api.js
+++ b/cmd/web/js/api.js
@@ -142,6 +142,15 @@ var ApiEndpoints = {
       return '/otp/validate';
     }
   },
+  'ADMIN_PORTFOLIOS': {
+    'type': 'GET',
+    'auth': true,
+    'parameters': [],
+    'buildUrl': function() {
+      return '/admin/portfolios';
+    }
+  },
+
 };
 
 Api.BuildRequest = function(endpointId, params) {
diff --git a/cmd/web/js/balance.jsx b/cmd/web/js/balance.jsx
index 515a7ed..6217e96 100644
--- a/cmd/web/js/balance.jsx
+++ b/cmd/web/js/balance.jsx
@@ -95,4 +95,16 @@ class PFBalance extends React.Component {
     }
 }
 
-export {PFBalance, Assets};
+class PFBalanceMinimal extends React.Component {
+    render = () => {
+        return <React.Fragment>
+            <div className="balance">
+              <div className="col-12">
+                <CurrencyLogo currency="BTC" /> <span><strong>{this.props.balance}</strong> <strong>{formatVariation(this.props.variationP)}</strong></span>
+              </div>
+            </div>
+        </React.Fragment>;
+    }
+}
+
+export {PFBalance, Assets, PFBalanceMinimal};
diff --git a/cmd/web/js/main.jsx b/cmd/web/js/main.jsx
index 7fa2d26..8014377 100644
--- a/cmd/web/js/main.jsx
+++ b/cmd/web/js/main.jsx
@@ -5,6 +5,7 @@ import ChangePasswordForm from './change_password.js';
 import OtpEnrollForm from './otp.js';
 import PoloniexController from './poloniex.js';
 import UserAccount from './account.js';
+import AdminDashboard from './admin.js';
 import App from './app.js';
 import Api from './api.js';
 import cookies from './cookies.js';
@@ -101,6 +102,12 @@ App.page('/account', true, function(context) {
     </div>);
 });
 
+App.page('/admin', true, function(context) {
+  App.mount(<div>
+      <AdminDashboard/>
+    </div>);
+});
+
 App.page('/not_confirmed', true, function(context) {
   App.mount(<div>
       <div className="row">