Search initial
This commit is contained in:
parent
98b021e27b
commit
3d12d99fdb
126
css/style.css
126
css/style.css
|
|
@ -1,84 +1,100 @@
|
||||||
@media screen and (max-width: 600px){
|
@media screen and (max-width: 600px){
|
||||||
.lessmore {
|
.lessmore {
|
||||||
right: 0px;
|
right: 0px;
|
||||||
font-size: 20pt;
|
font-size: 20pt;
|
||||||
}
|
}
|
||||||
select {height: 50px}
|
select {
|
||||||
.msg {
|
height: 50px
|
||||||
padding: 0;
|
}
|
||||||
margin: 0;
|
.msg {
|
||||||
}
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#searchButton {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 20pt;
|
||||||
|
left: 0;
|
||||||
|
top: 14pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchInput {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
left: 25pt;
|
||||||
|
top: 14pt;
|
||||||
|
}
|
||||||
|
|
||||||
a, a:visited, a:active {
|
a, a:visited, a:active {
|
||||||
color: #eeeeec;
|
color: #eeeeec;
|
||||||
text-decoration-style: dotted;
|
text-decoration-style: dotted;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #2E3436;
|
background-color: #2E3436;
|
||||||
color: #eeeeec;
|
color: #eeeeec;
|
||||||
font: normal 1em Arial, sans-serif;
|
font: normal 1em Arial, sans-serif;
|
||||||
//font-family: "Arial", sans-serif;
|
//font-family: "Arial", sans-serif;
|
||||||
//font-size: 1em;
|
//font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#dropdown-content {
|
#dropdown-content {
|
||||||
background-color:#2E3436;
|
background-color:#2E3436;
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 0.5em;
|
font-size: 0.5em;
|
||||||
position:absolute;
|
position:absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 70px;
|
top: 70px;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
//z-index:1;
|
//z-index:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#dropdown-content>a {
|
#dropdown-content>a {
|
||||||
border:1px solid #eeeeec;
|
border:1px solid #eeeeec;
|
||||||
display: block;
|
display: block;
|
||||||
padding: 10px
|
padding: 10px
|
||||||
}
|
}
|
||||||
|
|
||||||
#faq {
|
#faq {
|
||||||
margin: 80px 0 0;
|
margin: 80px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lessmore {
|
.lessmore {
|
||||||
background-color: #2E3436;
|
background-color: #2E3436;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
color: #babdb6;
|
color: #babdb6;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 40pt;
|
font-size: 40pt;
|
||||||
height:70px;
|
height:70px;
|
||||||
position:fixed;
|
position:fixed;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
margin-bottom: 5pt;
|
margin-bottom: 5pt;
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu {
|
#menu {
|
||||||
display: block;
|
display: block;
|
||||||
font-size:0.7em;
|
font-size:0.7em;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
top: 17px;
|
top: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.msg {
|
.msg {
|
||||||
background-color:#272C2D;
|
background-color:#272C2D;
|
||||||
display: block; margin: 1em 0;
|
display: block; margin: 1em 0;
|
||||||
padding: 1.5em 3em 1.5em;
|
padding: 1.5em 3em 1.5em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
select {
|
select {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
margin: 80px 0 0;
|
margin: 80px 0 0;
|
||||||
padding:9px 0;
|
padding:9px 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
33
index.html
33
index.html
|
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>dynamic|LESS</title>
|
<title>dynamic|LESS</title>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=0.7">
|
<meta name="viewport" content="width=device-width, initial-scale=0.7">
|
||||||
|
|
@ -10,28 +10,31 @@
|
||||||
<script src="js/autolink.js"></Script>
|
<script src="js/autolink.js"></Script>
|
||||||
<!-- <script src="https://unpkg.com/vue"></script> -->
|
<!-- <script src="https://unpkg.com/vue"></script> -->
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="lessmore">
|
<div class="lessmore">
|
||||||
<a id="menu" href="javascript:void(0)" onclick="showMenu()"><i class="fa fa-bars"></i></a>
|
<a id="searchButton" href="javascript:void(0)" onclick="showSearch()"><i class="fa fa-search"></i></a>
|
||||||
<div id="dropdown-content">
|
<input type="text" id="searchInput">
|
||||||
|
|
||||||
|
<a id="menu" href="javascript:void(0)" onclick="showMenu()"><i class="fa fa-bars"></i></a>
|
||||||
|
<div id="dropdown-content">
|
||||||
<a href="filter.html">Настроить фильтр</a>
|
<a href="filter.html">Настроить фильтр</a>
|
||||||
<a href="" onclick="clearFilter()">Сбросить фильтр</a>
|
<a href="" onclick="clearFilter()">Сбросить фильтр</a>
|
||||||
<a href="lessmorefaq.html">FAQ</a>
|
<a href="lessmorefaq.html">FAQ</a>
|
||||||
<a href="stats.html">Статистика</a>
|
<a href="stats.html">Статистика</a>
|
||||||
|
</div>
|
||||||
|
<a href="/" style="text-decoration: none; color: #babdb6;"><u>dynamic</u> | <u>less</u></a>
|
||||||
</div>
|
</div>
|
||||||
<a href="/" style="text-decoration: none; color: #babdb6;"><u>dynamic</u> | <u>less</u></a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<form><select id="echoSelector" multiple size="5"></select></form>
|
<form><select id="echoSelector" multiple size="5"></select></form>
|
||||||
<div id="echoSelected"></div>
|
<div id="echoSelected"></div>
|
||||||
|
|
||||||
<div id="mes"></div>
|
<div id="mes"></div>
|
||||||
|
|
||||||
<div id="preloader" align="center">
|
<div id="preloader" align="center">
|
||||||
<img src="/img/preload.gif" onclick="showMore()" height="20em">
|
<img src="/img/preload.gif" onclick="showMore()" height="20em">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
64
js/script.js
64
js/script.js
|
|
@ -41,31 +41,31 @@ $(function() {
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: "https://dynamic.lessmore.pw/search",
|
url: "https://dynamic.lessmore.pw/search",
|
||||||
type: "POST",
|
type: "POST",
|
||||||
data: '{"sort": [ { "date": { "order": "desc" }}, { "_score": { "order": "desc" }}],"aggs": {"my_fields": { "terms": { "field": "echo","size": 1000}}}}}',
|
data: '{"sort": [{ "date": { "order": "desc" }}, { "_score": { "order": "desc" }}],"aggs": {"my_fields": { "terms": { "field": "echo","size": 1000}}}}}',
|
||||||
success:function(messages){for (i in messages['aggregations']['my_fields']['buckets']){
|
success:function(messages) {
|
||||||
|
for (i in messages['aggregations']['my_fields']['buckets']) {
|
||||||
var msg = messages['aggregations']['my_fields']['buckets'][i]['key'];
|
var msg = messages['aggregations']['my_fields']['buckets'][i]['key'];
|
||||||
var doc_count = messages['aggregations']['my_fields']['buckets'][i]['doc_count'];
|
var doc_count = messages['aggregations']['my_fields']['buckets'][i]['doc_count'];
|
||||||
|
|
||||||
msg_test = msg + " ";
|
msg_test = msg + " ";
|
||||||
echo_test = echo + " ";
|
echo_test = echo + " ";
|
||||||
if((echo_test).indexOf(msg_test) > -1 && echo != '') {
|
if((echo_test).indexOf(msg_test) > -1 && echo != '') {
|
||||||
options += '<option value="' + msg + '" selected>' + msg + " (<b>" + doc_count + "</b>)</option>";
|
options += '<option value="' + msg + '" selected>' + msg + " (<b>" + doc_count + "</b>)</option>";
|
||||||
checks += '<span class="row"><input type="checkbox" class="echoes" name="ec" value="' + msg + '" checked><label>'
|
checks += '<span class="row"><input type="checkbox" class="echoes" name="ec" value="' + msg + '" checked><label>'
|
||||||
+ msg
|
+ msg
|
||||||
+ '</label> <span style="color:#838784">('+ doc_count
|
+ '</label> <span style="color:#838784">('+ doc_count
|
||||||
+ ')</span><br></span>';
|
+ ')</span><br></span>';
|
||||||
} else {
|
} else {
|
||||||
options += '<option value="' + msg + '" >' + msg + " (<b>" + doc_count + "</b>)</option>";
|
options += '<option value="' + msg + '" >' + msg + " (<b>" + doc_count + "</b>)</option>";
|
||||||
checks += '<span class="row"><input type="checkbox" class="echoes" name="ec" value="' + msg + '"><label>'
|
checks += '<span class="row"><input type="checkbox" class="echoes" name="ec" value="' + msg + '"><label>'
|
||||||
+ msg
|
+ msg
|
||||||
+ '</label> <span style="color:#838784">('+ doc_count
|
+ '</label> <span style="color:#838784">('+ doc_count
|
||||||
+ ')</span><br></span>';}
|
+ ')</span><br></span>';}
|
||||||
}
|
}
|
||||||
|
|
||||||
$('#echoSelected').html("Выбранные эхи: " + document.cookie);
|
$('#echoSelected').html("Выбранные эхи: " + document.cookie);
|
||||||
$('#echoSelector').html(options);
|
$('#echoSelector').html(options);
|
||||||
$('#echoCheckBox').html(checks);}
|
$('#echoCheckBox').html(checks);}
|
||||||
})
|
})
|
||||||
|
|
||||||
$('.echoes:checked').each(function() {
|
$('.echoes:checked').each(function() {
|
||||||
|
|
@ -96,11 +96,11 @@ $(function() {
|
||||||
if (echo == "") requestEmptyEcho();
|
if (echo == "") requestEmptyEcho();
|
||||||
});
|
});
|
||||||
|
|
||||||
// $('#searchInput').on('change', function() {
|
$('#searchInput').on('change', function() {
|
||||||
// text = $(this).val();
|
text = $(this).val();
|
||||||
// simpleTextSearch(text);
|
simpleTextSearch(text);
|
||||||
// })
|
})
|
||||||
|
|
||||||
//scroll to show more messages
|
//scroll to show more messages
|
||||||
$(window).scroll(function() {
|
$(window).scroll(function() {
|
||||||
hash = parseLocationHash();
|
hash = parseLocationHash();
|
||||||
|
|
@ -289,6 +289,14 @@ function showMenu() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function showSearch() {
|
||||||
|
if ($("#searchInput").css("display") == "none") {
|
||||||
|
$("#searchInput").css("display","block");
|
||||||
|
} else {
|
||||||
|
$("#searchInput").css("display","none");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Parsing functions
|
// Parsing functions
|
||||||
function parseLocationHash() {
|
function parseLocationHash() {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user