Merging MVP into master

.gitignore

@@ -0,0 +1,3 @@
+*~
+node_modules
+

3-deploy_web_static.py

@@ -0,0 +1,71 @@
+#!/usr/bin/python3
+"""Fab file to archive web_static content"""
+from os import remove
+from os.path import isfile
+from fabric.api import *
+from datetime import datetime
+
+
+env.hosts = ['35.245.121.190']
+
+
+def do_pack():
+    """Pack web_static files into archive"""
+    try:
+        dt = datetime.now().strftime("%Y%m%d%H%M%S")
+        local("mkdir -p versions/")
+        path = local("tar -cvzf versions/tript_{}.tgz tript"
+                     .format(dt))
+        return "versions/tript_{}.tgz".format(dt)
+    except:
+        return None
+
+
+def do_deploy(archive_path):
+    """Deploy function for archive to get deployed to servers"""
+    if not isfile(archive_path):
+        return False
+    fileNameExt = archive_path.split('/')[-1]
+    fileName = fileNameExt.split(".")[0]
+    result = put(archive_path, '/tmp/{}'.format(fileNameExt))
+    if result.failed:
+        return False
+    result = sudo("rm -rf /data/tript/releases/{}/".format(fileName))
+    if result.failed:
+        return False
+    result = sudo("mkdir -p /data/tript/releases/{}/".format(fileName))
+    if result.failed:
+        return False
+    result = sudo("tar -xzf /tmp/{} -C /data/tript/releases/{}/"
+                 .format(fileNameExt, fileName))
+    if result.failed:
+        return False
+    result = sudo("rm /tmp/{}".format(fileNameExt))
+    if result.failed:
+        return False
+    input = "mv /data/tript/releases/{}/tript/*\
+ /data/tript/releases/{}/".format(fileName, fileName)
+    result = sudo(input)
+    if result.failed:
+        return False
+    result = sudo("rm -rf /data/tript/releases/{}/tript"
+                 .format(fileName))
+    if result.failed:
+        return False
+    result = sudo("rm -rf /data/tript/current")
+    if result.failed:
+        return False
+    result = sudo("ln -s /data/tript/releases/{}/ /data/tript/current"
+                 .format(fileName))
+    if result.failed:
+        return False
+    print("New version deployed!")
+    return True
+
+
+def deploy():
+    """Call pack and deploy"""
+    path = do_pack()
+    if path is None:
+        return False
+    do_deploy(path)

backend/app.py

@@ -0,0 +1,71 @@
+#!/usr/bin/python3
+"""Start Flask web app for our TripleTail
+website"""
+
+from flask import Flask, jsonify, render_template, request
+from flask_cors import CORS, cross_origin
+from user import User
+
+import requests
+
+# Flask setup
+app = Flask(__name__)
+app.url_map.strict_slashes = False
+host = '0.0.0.0'
+host = '127.0.0.1'
+# Cross-Origin Resource sharing
+cors = CORS(app, resouces={r"/*": {"origins": "*"}})
+
+authorization_base_url = 'https://github.com/login/oauth/authorize'
+token_url = 'https://github.com/login/oauth/access_token'
+request_url = 'https://api.github.com'
+
+
+def page_not_found(e):
+    """404 error page for nonexistent routes"""
+    return jsonify({'error': "Not found"}), 404
+
+
+@app.route('/', methods=['GET', 'POST'])
+def homepage():
+    """
+    Landing page
+    """
+    return render_template('index.html')
+
+
+@app.route('/testing')
+def test():
+    userinfo = {'tier': 'tier1', 'username': 'hello', 'name': 'Random Name'}
+    return render_template('ranking.html', userinfo=userinfo)
+
+
+@app.route('/tier', methods=['GET', 'POST'])
+def handle_callback():
+    """
+    This function helps exchange temporary 'code' value with a permanent
+    access_token.
+    """
+
+    if 'code' in request.args:
+        payload = {
+            'client_id': '926a308eec433f17e3ff',
+            'client_secret': '8b3e897ad2ac2e85f558fd96571f6af5eca26511',
+            'code': request.args['code']
+        }
+        headers = {'Accept': 'application/json'}
+        req = requests.post(token_url, params=payload, headers=headers)
+        resp = req.json()
+        if 'access_token' in resp:
+            user_info = User(resp['access_token'])
+            print(user_info.__dict__)
+            return render_template('ranking.html', userinfo=user_info.__dict__)
+        else:
+            return render_template('index.html')
+    else:
+        return render_template('index.html')
+
+if __name__ == "__main__":
+    app.config['JSONIFY_PRETTYPRINT_REGULAR'] = True
+    app.register_error_handler(404, page_not_found)
+    app.run(host=host)

backend/static/scripts/auth.js

@@ -0,0 +1,14 @@
+const ready = () => {
+	login()
+}
+
+const login = () => {
+	$('.signin .github-signin').click(github_oauth());
+	alert("hi")
+}
+const github_oauth = ()=> {
+	// Requests an api, which retrieves the auth token
+	window.location.href = "https://github.com/login/oauth/authorize?client_id=926a308eec433f17e3ff"
+}
+
+document.addEventListener('DOMContentLoaded', ready);

backend/static/scripts/design.js

@@ -0,0 +1,13 @@
+$('.btn-clear').on('click', () => {
+  if ($('body').hasClass('black'))
+  {
+    $('body').removeClass('black');
+    $('body').addClass('blue');
+  }
+  else
+  {
+    $('body').removeClass('blue');
+    $('body').addClass('black');
+  }
+});
+

backend/static/scripts/index.js

@@ -0,0 +1,114 @@
+import '@babel/polyfill';
+
+const toParams = query => {
+  const q = query.replace(/^\??\//, '');
+
+  return q.split('&').reduce((values, param) => {
+    const [key, value] = param.split('=');
+
+    values[key] = value;
+
+    return values;
+  }, {});
+};
+
+const toQuery = (params, delimiter = '&') => {
+  const keys = Object.keys(params);
+
+  return keys.reduce((str, key, index) => {
+    let query = `${str}${key}=${params[key]}`;
+
+    if (index < keys.length - 1) {
+      query += delimiter;
+    }
+
+    return query;
+  }, '');
+};
+
+class PopupWindow {
+  constructor(
+    params,
+    options = { height: 1000, width: 600 },
+    url = `https://github.com/login/oauth/authorize`,
+    id = 'github-oauth-authorize'
+  ) {
+    this.id = id;
+    this.url = url + '?' + toQuery(params);
+    this.options = options;
+  }
+
+  open() {
+    const { url, id, options } = this;
+
+    this.window = window.open(url, id, toQuery(options, ','));
+  }
+
+  close() {
+    this.cancel();
+    this.window.close();
+  }
+
+  poll() {
+    this.promise = new Promise((resolve, reject) => {
+      this._iid = window.setInterval(() => {
+        try {
+          const popup = this.window;
+
+          if (!popup || popup.closed !== false) {
+            this.close();
+
+            reject(new Error('The popup was closed'));
+
+            return;
+          }
+
+          if (
+            popup.location.href === this.url ||
+            popup.location.pathname === 'blank'
+          ) {
+            return;
+          }
+
+          const params = toParams(popup.location.search.replace(/^\?/, ''));
+
+          resolve(params);
+
+          this.close();
+        } catch (error) {}
+      }, 500);
+    });
+  }
+
+  cancel() {
+    if (this._iid) {
+      window.clearInterval(this._iid);
+      this._iid = null;
+    }
+  }
+
+  then(...args) {
+    return this.promise.then(...args);
+  }
+
+  catch(...args) {
+    return this.promise.then(...args);
+  }
+
+  static open(...args) {
+    const popup = new this(...args);
+
+    popup.open();
+    popup.poll();
+
+    return popup;
+  }
+}
+
+export const loginWithGithub = (params, options, url, id) => {
+  return new Promise(async (resolve, reject) => {
+    const popup = PopupWindow.open(params, options, url, id);
+
+    popup.then(resolve, reject);
+  });
+};

backend/static/scripts/ranking.js

@@ -0,0 +1,11 @@
+$('.back').css('visibility', 'hidden');
+
+$('#rotatefront').click(() => {
+    $('.front').css('visibility', 'hidden');
+    $('.back').css('visibility', 'visible');
+});
+
+$('#rotateback').click(() => {
+    $('.back').css('visibility', 'hidden');
+    $('.front').css('visibility', 'visible');
+});

backend/static/styles/index.css

@@ -0,0 +1,8 @@
+h1#logo a {
+	max-width: 80%;
+	height: 80%;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 50%;
+}

backend/static/styles/layout.css

@@ -0,0 +1,45 @@
+html {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.header {
+	margin: 1rem;
+	box-sizing: border-box;
+	font-family: Avenir;
+	color: #6ec4db;
+	position: relative;
+	display: flex;
+	flex-wrap: nowrap;
+}
+
+body.black {
+  background-color: black;
+}
+
+body.blue {
+}
+
+.btn-clear {
+  border: none;
+  background: transparent;
+}
+
+.content {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  height: 85%;
+}
+
+.facebook-button, .twitter-button {
+  display: inline-block;
+}