Skip to content

Commit

Permalink
initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@mashlol
mashlol committed May 4, 2014
0 parents commit ab5aad0
Show file tree
Hide file tree
Showing 15 changed files with 1,774 additions and 0 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules
69 changes: 69 additions & 0 deletions app.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
var path = require("path");
var express = require("express");
var app = express();

var companies = require("./companies.json");

var test = companies[0].name.indexOf("Adarsh");


app.use(express.static(path.resolve(path.dirname(require.main.filename), 'public')));

var generateNameAndSymbolFromIndices = function(nameIndex, symbolIndex, company, searchString) {
var name = company.name;
var symbol = company.symbol;

if (nameIndex != -1) {
// name = company.name.substring(0, nameIndex) + "[strong]" + company.name.substr(nameIndex, searchString.length) + "[/strong]" + company.name.substr(nameIndex + searchString.length);
}

if (symbolIndex != -1) {
// symbol = company.symbol.substring(0, symbolIndex) + "[strong]" + company.symbol.substr(symbolIndex, searchString.length) + "[/strong]" + company.symbol.substr(symbolIndex + searchString.length);
}

return {
name: name,
symbol: symbol
}
}

app.get("/search", function(req, res) {
var searchString = req.param("q");

if (!searchString || searchString.length <= 1) {
res.json({error: "Query string must be >= 1 letters long."})
return;
}

searchString = searchString.toLowerCase();

var relevantCompanies = [];
for (var x in companies) {
var symbolIndex = companies[x].symbol.toLowerCase().indexOf(searchString);
var nameIndex = companies[x].name.toLowerCase().indexOf(searchString);
if (symbolIndex != -1) {
relevantCompanies.push({
company: generateNameAndSymbolFromIndices(nameIndex, symbolIndex, companies[x], searchString),
priority: symbolIndex
});
} else if (nameIndex != -1) {
relevantCompanies.push({
company: generateNameAndSymbolFromIndices(nameIndex, symbolIndex, companies[x], searchString),
priority: 30 + nameIndex
});
}
}

relevantCompanies.sort(function(a, b) {
return a.priority - b.priority;
});

var companiesOnly = [];
for (var x in relevantCompanies) {
companiesOnly.push(relevantCompanies[x].company);
}

res.json({companies: companiesOnly});
});

var server = app.listen(80);
1 change: 1 addition & 0 deletions companies.json

Large diffs are not rendered by default.

7 changes: 7 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"name": "stock-search",
"version": "0.0.1",
"dependencies": {
"express": ""
}
}
4 changes: 4 additions & 0 deletions public/font-awesome.min.css

Large diffs are not rendered by default.

Binary file added public/fonts/FontAwesome.otf
Binary file not shown.
Binary file added public/fonts/fontawesome-webfont.eot
Binary file not shown.
414 changes: 414 additions & 0 deletions public/fonts/fontawesome-webfont.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/fonts/fontawesome-webfont.ttf
Binary file not shown.
Binary file added public/fonts/fontawesome-webfont.woff
Binary file not shown.
130 changes: 130 additions & 0 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,130 @@
<!doctype html>
<html>
<head>
<title>Trade</title>

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="./font-awesome.min.css" />

<link rel="icon" sizes="196x196" href="trade-icon.png">
<link rel="apple-touch-icon" href="trade-icon.png"/>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="./script.js"></script>
<!-- <script src="./pull-to-refresh.js"></script> -->
</head>
<body>
<div class="templates">
<div id="template-stock">
<div class="stock">
<div class="front">
<span class="symbol"></span>
<span class="percent"></span>
<span class="points"></span>
<span class="price"></span>
<div class="name"></div>
<div class="row">
<span class="amount-owned"><span class="amount-owned-num">5</span> shares owned</span>
<span class="total-value">Total value <span class="total-value-num">$5.8M USD</span></span>
</div>
</div>
<div class="back">
<span class="amount-owned"><span class="amount-owned-num">5</span> shares owned</span>
<div class="rmv-btn-container">
<button class="portfolio-remove">Remove</button>
</div>
<div class="right">
<div class="row">
<button class="incr-button"><i class="fa fa-plus"></i></button>
<input type="number" class="amount-trading" />
<button class="decr-button"><i class="fa fa-minus"></i></button>
</div>
<div class="row">
<button class="sell-button">Sell</button>
<button class="buy-button">Buy</button>
</div>
</div>
</div>
</div>
</div>
<div id="template-loader">
<div class="loader">
<div class="load-bar"></div>
<div class="load-bar"></div>
<div class="load-bar"></div>
</div>
</div>
<div id="template-history">
<div class="history">
<div class="date">
May 1/14
</div>
<div class="sentence">
You <strong class="bought-sold bought">bought</strong> <strong class="amt">23</strong> shares of <strong class="sym">GOOG</strong> for <strong class="price">$5.2K USD</strong>
</div>
</div>
</div>
</div>

<div class="title">
<span class="money-amt"></span>
<h1>Portfolio</h1>
</div>

<div class="tab-container-wrapper">
<div class="tab-containers">
<div id="portfolio" class="container">
<div class="pull-to-refresh">
<div class="pull-to-refresh-text">Release to refresh<i class="fa fa-search search-icon"></i></div>
</div>
<div class="portfolio">
<div class="portfolio-container">
<div class="stock-list">
</div>
<div class="no-portfolio">
Your portfolio is empty
</div>
</div>
</div>
</div>

<div id="search" class="container">
<div class="search-bar">
<input type="text" placeholder="Type stock symbol to search..." />
<i class="fa fa-search search-icon"></i>
</div>
<div class="search-container">
<div class="stock-list">
</div>
<div class="no-results">
No results
</div>
</div>
</div>

<div id="history" class="container">
<div class="history-container">
<div class="history-list">
</div>
<div class="no-history">
No history - go buy/sell some stocks!
</div>
</div>
</div>
</div>
</div>

<div class="tabs">
<div class="selected-bar"></div>
<div class="tab tab-portfolio selected" data-tab-name="Portfolio" data-tab-offset="0%"><i class="fa fa-gavel"></i>Portfolio</div>
<div class="tab tab-search" data-tab-name="Search" data-tab-offset="-100%"><i class="fa fa-search"></i>Search</div>
<div class="tab tab-history" data-tab-name="History" data-tab-offset="-200%"><i class="fa fa-list-alt"></i>History</div>
</div>

</body>
</html>
44 changes: 44 additions & 0 deletions public/pull-to-refresh.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
$(function() {
var touchPos = {
x: 0,
y: 0
}

window.pullAmount = -50;

var extractTouchPositionFromEvent = function(event) {
if (event.originalEvent.touches && event.originalEvent.touches.length > 0) {
return {
x: event.originalEvent.touches[0].clientX,
y: event.originalEvent.touches[0].clientY,
}
}
}

$(window).on("touchstart", function(event) {
touchPos = extractTouchPositionFromEvent(event);
});

$(window).on("touchmove", function(event) {
var mousePos = extractTouchPositionFromEvent(event);

var yDiff = touchPos.y - mousePos.y;

if ($(".container").scrollTop() == 0 && (window.pullAmount == -50 && yDiff < 0) || (window.pullAmount > -50)) {
window.pullAmount -= yDiff;
if (window.pullAmount > 0) {
window.pullAmount = 0;
}
if (window.pullAmount < -50) {
window.pullAmount = -50;
}

$(".search").css({
"margin-top": window.pullAmount + "px",
transition: "0"
});
event.preventDefault();
}
touchPos = mousePos;
});
});
Loading

0 comments on commit ab5aad0

Please sign in to comment.