OpenHAB
/
openhab-docs
mirror of https://github.com/openhab/openhab-docs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add Google search function (#222) 

Solves #150

Signed-off-by: Martin Herbst <mail@mherbst.de>
pull/246/head
Martin Herbst 2017-01-21 23:50:26 +01:00 committed by Thomas Dietrich
parent 06bdbaf501
commit 92a0be79d6
3 changed files with 92 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
_includes/header.html
View File

@ -29,6 +29,7 @@
</head>
<body class="{{ include.bodyClass }}">
<div id="header" class="navbar-fixed">
<nav role="navigation">
@ -42,6 +43,12 @@
<li><a href="{{docu}}/developers">Developer Guide</a></li>
<li><a target="_blank" href="https://community.openhab.org">Community Forum</a></li>
<li><a target="_blank" href="https://github.com/openhab">GitHub</a></li>
<li class="search"><span style="font-family: 'material-design-icons'">&#xe65f;</span></li>
<li class="search">
<form method="GET" id="searchform" class="search-form" action="/search">
<input id="query" name="q" type="text" class="search-form-input" placeholder="search" />
</form>
</li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="{{base}}/index.html">Home</a></li>
@ -50,8 +57,13 @@
<li><a href="{{docu}}/developers">Developer Guide</a></li>
<li><a target="_blank" href="https://community.openhab.org">Community Forum</a></li>
<li><a target="_blank" href="https://github.com/openhab">GitHub</a></li>
<li class="search">
<form method="GET" id="searchformmob" class="search-form" action="/search">
<input id="querymob" name="q" type="text" class="search-form-input" placeholder="search" />
</form>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>

37
css/openhab.css
View File

@ -12,3 +12,40 @@
.card .card-action a:hover {
color: #039BE5;
}
li.search:hover {
background-color: transparent;
}
.search-form-input {
padding-left: 5px !important;
width: 100px;
width: 100px;
border: none !important;
transition: 0.2s ease-in;
}
#searchform .search-form-input:focus {
width: 200px;
}
#searchresults td {
border: none;
padding: 0 8px 0 8px;
}
#searchresults .gsc-webResult .gsc-result {
padding: 0px;
}
#searchresults table {
margin-bottom: 10px;
}
#searchresults .gs-title {
height: 1.4em;
}
#searchresults input {
box-sizing: content-box;
}

42
search.html Normal file
View File

@ -0,0 +1,42 @@
---
layout: intro
title: openHAB 2 - Search Results
---
{% include base.html %}
<h2>Search Results</h2>
<div id="searchresults">
<div id="gsearch"></div>
<script>
var myCallback = function() {
if (document.readyState == 'complete') {
google.search.cse.element.render(
{
div: "gsearch"
});
} else {
google.setOnLoadCallback(function() {
google.search.cse.element.render(
{
div: "gsearch"
});
}, true);
}
};
window.__gcse = {
parsetags: 'explicit',
callback: myCallback
};
(function() {
var cx = '003707250976775348452:h9hxadbatfq';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:searchresults-only linkTarget=""></gcse:searchresults-only>
</div>
</div>