-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
134 lines (118 loc) · 6.65 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<html lang="en" ng-app="demoApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Zerodha</title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://rawgit.com/daniel-nagy/md-data-table/master/dist/md-data-table.css">
<link href="/static/css/app.css" rel="stylesheet" type="text/css">
</head>
<body layout="column">
<md-toolbar class="md-whiteframe-1dp">
<div class="md-toolbar-tools">
<div class="md-title">Stocks Bhav data</div>
</div>
</md-toolbar>
<md-content laout="column" flex ng-controller="nutritionController">
<md-card>
<md-toolbar class="md-table-toolbar md-default" ng-show="filter.show && !selected.length">
<div class="md-toolbar-tools">
<md-icon>search</md-icon>
<form flex name="filter.form">
<input type="text" ng-model="query.filter" ng-model-options="filter.options" placeholder="search">
</form>
<md-button class="md-icon-button" ng-click="removeFilter()">
<md-icon>close</md-icon>
</md-button>
</div>
</md-toolbar>
<md-toolbar class="md-table-toolbar md-default" ng-hide="filter.show">
<div class="md-toolbar-tools">
<span>Top 10 Stocks by Top gainers</span>
<div flex></div>
<md-button class="md-icon-button" ng-click="filter.show = true">
<md-icon>filter_list</md-icon>
</md-button>
</div>
</md-toolbar>
<md-toolbar class="md-table-toolbar alternate" ng-show="options.rowSelection && selected.length">
<div class="md-toolbar-tools">
<span>{{selected.length}} {{selected.length > 1 ? 'items' : 'item'}} selected</span>
</div>
</md-toolbar>
<md-table-container>
<table md-table ng-model="selected" md-progress="promise">
<thead ng-if="!options.decapitate" md-head md-order="query.order" md-on-reorder="logOrder">
<tr md-row>
<th md-column md-order-by="SC_CODE">
<span>Code</span>
</th>
<th md-column md-order-by="SC_NAME">
<span>Name</span>
</th>
<th md-column md-numeric md-order-by="OPEN" md-desc>
<span>Open</span>
</th>
<th md-column md-numeric md-order-by="HIGH">
<span>High</span>
</th>
<th md-column md-numeric md-order-by="LOW">
<span>Low</span>
</th>
<th md-column md-numeric md-order-by="CLOSE">
<span>Close</span>
</th>
<th md-column md-numeric md-order-by="PREVCLOSE" hide-gt-xs show-gt-md>
<span>PREVCLOSE</span>
</th>
<th md-column md-numeric md-order-by="NO_TRADES" hide-gt-xs show-gt-lg>
<span>No of trades</span>
</th>
<th md-column md-numeric md-order-by="NET_TURNOV" hide-gt-xs show-gt-lg>
<span>Net trunover</span>
</th>
</tr>
</thead>
<tbody md-body>
<tr md-row md-select="dessert"
ng-repeat="stock in stocks.data | orderBy: query.order | limitTo: query.limit : (query.page -1) * query.limit">
<td md-cell>{{stock.SC_CODE}}</td>
<td md-cell ><span ng-bind-html="highlight(stock.SC_NAME, query.filter)"></span>
</td>
<td md-cell>{{stock.OPEN}}</td>
<td md-cell>{{stock.HIGH}}</td>
<td md-cell>{{stock.LOW}}</td>
<td md-cell>{{stock.CLOSE}}</td>
<td md-cell hide-gt-xs show-gt-md>{{stock.PREVCLOSE}}</td>
<td md-cell hide-gt-xs show-gt-lg>{{stock.NO_TRADES}}</td>
<td md-cell hide-gt-xs show-gt-lg>{{stock.NET_TURNOV}}</td>
</tr>
</tbody>
</table>
</md-table-container>
<md-table-pagination md-limit="query.limit" md-limit-options="limitOptions" md-page="query.page" md-total="{{stocks.data.length}}"
></md-table-pagination>
</md-card>
<footer layout="column" layout-align="end">
<footer-content layout="row" layout-align="start center" layout-wrap>
<div layout="row" layout-align="start center">
<span>Made with </span><md-icon class="material-icons md-18">favorite</md-icon><span> by Navneet suman</span>
</div>
<div layout="row" layout-align="start center">
<a href="https://github.com/navneet35371" target="_blank">GitHub</a>
<a href="https://stackoverflow.com/users/2439751/navneet35371" target="_blank">StackOverflow</a>
<a href="https://www.facebook.com/speed.navneet" target="_blank">Facebook</a>
</div>
</footer-content>
</footer>
</md-content>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
<script src="https://rawgit.com/daniel-nagy/md-data-table/master/dist/md-data-table.js"></script>
<script src="/static/js/app.js"></script>
</body>
</html>