/
index.html
127 lines (124 loc) · 6.1 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
<!DOCTYPE html>
<html ng-app="app">
<head lang="en">
<meta charset="utf-8">
<title>Angular Js Visualization Module - SearchBlox</title>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>
<link rel="stylesheet" href="bower_components/nvd3/nv.d3.css">
<link rel="stylesheet" href="bower_components/jqcloud2/dist/jqcloud.min.css">
<link rel="stylesheet" href="bower_components/ng-table/dist/ng-table.css"/>
<link rel="stylesheet" href="bower_components/ng-tags-input/ng-tags-input.css"/>
<link rel="stylesheet" href="style/app.css"/>
</head>
<body>
<div class="container margin" ng-controller="homeController">
<div class="border row well">
<div class="col-md-6">
<p>Question</p>
</div>
<div class="col-md-6">
<select class="border pull-right form-control" ng-model="questionSelected" ng-options="item as item for item in listOfQuestions" ng-change="selectQuestion()">
<option value="">Select Question</option>
</select>
</div>
</div>
<div class="border row well">
<div class="col-md-6">
<p>Division</p>
</div>
<div class="col-md-6">
<select class="border pull-right form-control" name="first" ng-model="divisionSelected" ng-options="item as item for item in divisions" ng-change="selectDivision()">
<option value="">Select Division</option>
</select>
</div>
</div>
<div class="chart_container row">
<div class="border pull-left col-md-6">
<div class="row" style="min-height:20px;">
<span style="cursor:pointer;" ng-if="filterSentiment" class="label label-success" ng-click="clearSentimentFilter()">{{filterSentiment}} <i class="glyphicon glyphicon-remove-circle"></i></span>
<span ng-click="exportPieChartAsImage()"><i class="glyphicon glyphicon-remove-circle"></i></span>
</div>
<div id="chart" style="clear:both;" class="row span4 chart chart-doughnut">
<nvd3 options="options" data="data"></nvd3>
</div>
</div>
<div class="border col-md-6 pull-right">
<div class="row" style="min-height:20px;">
<span style="cursor:pointer;" ng-if="filterQuestion" class="label label-success" ng-click="clearQuestionFilter()">{{filterQuestion}} <i class="glyphicon glyphicon-remove-circle"></i></span>
<span ng-click="exportWordCloudAsImage()"><i class="glyphicon glyphicon-remove-circle"></i></span>
</div>
<div id="wordCloud" class="chart_right_text" >
<p>
<jqcloud words="word" height="367" colors="{{colors}}" delay="10" steps="7" autoResize="true" font-size="{from:0.10, to:0.04}"></jqcloud>
</p>
</div>
</div>
</div>
<div class="row well" style="height: 100px;border: 2px solid #000000">
<b> Search </b>:
<input type="text" ng-model="Search" class="form-control"/>
</div>
<div class="post_wrapper border row well" class="table">
<div class="col-md-12">
<div class="post">
<div class="row">
<table ng-table="responseTableParams" class="table table-striped">
<thead></thead>
<tbody>
<tr ng-repeat="res in $data | filter:Search track by $index">
<td>
<div class="row">
<div class="col-md-8 pull-left">
<h3>
<a href="#"></a>
</h3>
</div>
<div class="col-md-4 pull-right">
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>
{{res}}
</p>
</div>
</div>
</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
</div>
</div>
</div>
</div>
</div><!-- /.container-fluid -->
<div id="loading">
<img src="images/loading.gif" class="ajax-loader"/>
</div>
<!--bower libs-->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/jqcloud2/dist/jqcloud.min.js"></script>
<script src="bower_components/angular-jqcloud/angular-jqcloud.js"></script>
<script src="bower_components/d3/d3.js"></script>
<script src="bower_components/nvd3/nv.d3.js"></script> <!-- or use another assembly -->
<script src="bower_components/angular-nvd3/dist/angular-nvd3.js"></script>
<script src="bower_components/ng-table/dist/ng-table.js"></script>
<script src="bower_components/underscore/underscore.js"></script>
<script src="bower_components/angular-underscore-module/angular-underscore-module.js"></script>
<script src="bower_components/angular-nvd3/dist/angular-nvd3.js"></script>
<script type="text/javascript" src="http://gabelerner.github.io/canvg/rgbcolor.js"></script>
<script type="text/javascript" src="http://gabelerner.github.io/canvg/StackBlur.js"></script>
<script type="text/javascript" src="http://gabelerner.github.io/canvg/canvg.js"></script>
<script src="bower_components/html2canvas/dist/html2canvas.js"></script>
<script src="bower_components/html2canvas/dist/html2canvas.svg.js"></script>
<script src="bower_components/canvas2image/canvas2image/canvas2image.js"></script>
<!--custom js-->
<script src="js/app.js"></script>
<script src="js/constants.js"></script>
<script src="js/service/searchService.js"></script>
<script src="js/controller/homeController.js"></script>
<!--custom js-->
</body>
</html>