Skip to content
This repository was archived by the owner on Oct 30, 2020. It is now read-only.

Commit e65767a

Browse files
javasozejavasoze
committed
more ui pretty up
1 parent 2ac9e5a commit e65767a

File tree

2 files changed

+59
-18
lines changed

2 files changed

+59
-18
lines changed

‎apps/query-console/index.html

+49-18
Original file line numberDiff line numberDiff line change
@@ -23,80 +23,111 @@
2323
<script src="js/mustache.js" ></script>
2424
<script>
2525

26-
var statsTemplate = "Found {{numhits}} docs in {{time}}ms";
26+
var statsTemplate = "<span style='font-weight:bold'>Found {{numhits}} docs in {{time}}ms</spa>";
2727
var facetTemplate = " {{value}} ({{count}})";
28-
var valueTemplate = " <span style='padding-right:50px;width:100px;margin-right:30px;background-color:#efefef;font-weight:bold;font-size:14px'>{{name}}:</span>{{value}}";
29-
28+
// var valueTemplate = " <span style='padding-right:50px;width:100px;margin-right:30px;background-color:#efefef;font-weight:bold;font-size:14px'>{{name}}:</span>{{value}}";
29+
var valueTemplate = "<td style='background-color:#efefef'>{{name}}</td><td>{{value}}</td>";
3030
function doClick() {
3131
var ql = $('#query').val();
3232
var reqJson = $.toJSON({'bql':ql});
3333
$.getJSON('http://localhost:18888/parse?info='+encodeURIComponent(reqJson),function(res) {
3434
var result = res["result"];
35-
36-
var searchstats={'numhits':result.numhits,'time':result.time}
35+
var searchStats;
36+
if (result){
37+
searchstats={'numhits':result.numhits,'time':result.time}
38+
}
39+
else{
40+
searchstats={'numhits':0,'time':0}
41+
}
3742
var statsNode = $('#searchStats');
3843
statsNode.empty();
3944
statsNode.append($.mustache(statsTemplate, searchstats));
4045

4146
// facets
42-
var facets = result["facets"];
47+
var facets = [];
48+
if (result){
49+
facets = result["facets"];
50+
}
4351
var facetDiv= $('#facets');
4452
facetDiv.empty();
4553
for (var f in facets){
4654
var facetArray = facets[f];
47-
facetDiv.append("<div>");
48-
facetDiv.append("<span style='background-color:#efefef;font-weight:bold;font-size:14px'>"+f+"</span><br/>");
55+
var someDiv = $('<div style="margin-top:15px;margin-bottom:15px"/>');
56+
facetDiv.append(someDiv);
57+
someDiv.append("<div style='text-align:center;margin-bottom:10px;background-color:#efefef;font-weight:bold;font-size:18px'>"+f+"</div>");
4958
for (var i=0;i<facetArray.length;++i){
5059
var facetVal = facetArray[i];
51-
facetDiv.append($.mustache(facetTemplate,facetVal));
52-
facetDiv.append("<br/>")
60+
var selectedDiv = $('<strong style="background-color:#efefef"/>');
61+
if (facetVal["selected"]){
62+
someDiv.append(selectedDiv);
63+
}
64+
else{
65+
selectedDiv = someDiv;
66+
}
67+
selectedDiv.append($.mustache(facetTemplate,facetVal));
68+
someDiv.append("<br/>");
5369
}
54-
facetDiv.append("</div>")
5570
facetDiv.append("<hr/>");
5671
}
5772

5873
//hits
5974

60-
var hits = result.hits;
75+
76+
var hits = [];
77+
if (result){
78+
hits = result.hits;
79+
}
6180
$('#result').val($.toJSON(hits));
6281
var hitsDiv = $('#hits');
6382
hitsDiv.empty();
6483
for (var i=0;i<hits.length;++i){
6584
hitsDiv.append("<div/>");
6685
var hit = hits[i];
86+
var tableElem = $('<table class="zebra-striped" style="border-width:5px"/>');
87+
hitsDiv.append(tableElem);
88+
tableElem.append("<thead><tr><th>field</th><th>value(s)</th></tr></thead>");
89+
90+
var tbodyElem = $('<tbody/>');
91+
92+
tableElem.append(tbodyElem);
6793
for (var f in hit){
6894
var field = hit[f];
6995
console.log('name:'+f);
7096
console.log('val:'+field);
7197
var val ={'name':f,'value':field};
7298

7399
console.log('not array: '+val.name);
74-
hitsDiv.append($.mustache(valueTemplate,val));
75-
hitsDiv.append("<br/>")
100+
tbodyElem.append("<tr>"+$.mustache(valueTemplate,val)+"</tr>");
76101
}
77102
hitsDiv.append("<hr/>");
78103
}
79104
});
80105
};
106+
81107
</script>
82108
</head>
83109

84110
<body>
85111
<div class="container">
112+
<img width="100" height="100" src="http://javasoze.github.com/sensei/images/sensei_black.jpg"/>
86113
<h1 style="text-align:center">Sensei Query Console</h1>
87-
<h3>Enter query: </h3><textarea style="width:850px;font-size:20px" id="query" cols="200" rows="3">select * from cars browse by (color:(true,1,5,hits),category:(true,1,5,hits))</textarea>
114+
<h3>Enter query: </h3><textarea style="width:100%;font-size:20px" id="query" cols="200" rows="3">select * from cars browse by (color:(true,1,5,hits),category:(true,1,5,hits))</textarea>
115+
<!--
88116
<input id="execute" onclick="doClick()" type="button" class="btn primary" value="execute" />
117+
-->
89118
<br/>
90-
<div style="text-align:right" id="searchStats"></div>
119+
<div style="text-align:right;margin-top:5px;margin-bottom:3px" id="searchStats"></div>
91120
<hr/>
92121
<div class="container-fluid">
93122
<div class="sidebar">
94-
<h3>Facets</h3>
123+
<h2>Facets</h2>
124+
<hr/>
95125
<div id="facets">
96126
</div>
97127
</div>
98128
<div class="content">
99-
<h3>Results</h3>
129+
<h2>Results</h2>
130+
<hr/>
100131
<div id="hits">
101132
</div>
102133
</div>

‎apps/query-console/js/app.js

+10
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,13 @@
1+
2+
$(document).ready(function(){
3+
$('#query').keypress(function(e){
4+
var code = (e.keyCode ? e.keyCode : e.which);
5+
if (code==13){
6+
doClick();
7+
}
8+
});
9+
});
10+
111
(function($){$.toJSON=function(o)
212
{if(typeof(JSON)=='object'&&JSON.stringify)
313
return JSON.stringify(o);var type=typeof(o);if(o===null)

0 commit comments

Comments
 (0)