Commit 11e38c87 authored by Karl Hasselbring's avatar Karl Hasselbring
Browse files

Refactoring: Optionsbox der Suchleiste

parent 87ec0958
...@@ -390,14 +390,14 @@ function toggleOptionsDialog() { ...@@ -390,14 +390,14 @@ function toggleOptionsDialog() {
function openOptionsDialog() { function openOptionsDialog() {
$('#toggleOptBtn').html('<i class="fa fa-chevron-up" aria-hidden="true"></i>'); $('#toggleOptBtn').html('<i class="fa fa-chevron-up" aria-hidden="true"></i>');
$('#toggleOptBtn').attr('data-mode', 'c'); $('#toggleOptBtn').attr('data-mode', 'c');
$('.search-option-frame').css('display', 'flex'); $('.search-option-frame').removeClass('hide');
} }
function closeOptionsDialog() { function closeOptionsDialog() {
$('#toggleOptBtn').html('<i class="fa fa-chevron-down" aria-hidden="true"></i>'); $('#toggleOptBtn').html('<i class="fa fa-chevron-down" aria-hidden="true"></i>');
$('#toggleOptBtn').attr('data-mode', 'o'); $('#toggleOptBtn').attr('data-mode', 'o');
$('.search-option-frame').css('display', 'none'); $('.search-option-frame').addClass('hide');
} }
......
$(document).ready(function () { $(document).ready(function () {
$('.js-only').removeClass('js-only'); $('.js-only').removeClass('js-only');
$('.no-js').addClass('hide');
}); });
//# sourceMappingURL=utility.js.map //# sourceMappingURL=utility.js.map
...@@ -390,14 +390,14 @@ function toggleOptionsDialog() { ...@@ -390,14 +390,14 @@ function toggleOptionsDialog() {
function openOptionsDialog() { function openOptionsDialog() {
$('#toggleOptBtn').html('<i class="fa fa-chevron-up" aria-hidden="true"></i>'); $('#toggleOptBtn').html('<i class="fa fa-chevron-up" aria-hidden="true"></i>');
$('#toggleOptBtn').attr('data-mode', 'c'); $('#toggleOptBtn').attr('data-mode', 'c');
$('.search-option-frame').css('display', 'flex'); $('.search-option-frame').removeClass('hide');
} }
function closeOptionsDialog() { function closeOptionsDialog() {
$('#toggleOptBtn').html('<i class="fa fa-chevron-down" aria-hidden="true"></i>'); $('#toggleOptBtn').html('<i class="fa fa-chevron-down" aria-hidden="true"></i>');
$('#toggleOptBtn').attr('data-mode', 'o'); $('#toggleOptBtn').attr('data-mode', 'o');
$('.search-option-frame').css('display', 'none'); $('.search-option-frame').addClass('hide');
} }
......
$(document).ready(function () { $(document).ready(function () {
$('.js-only').removeClass('js-only'); $('.js-only').removeClass('js-only');
$('.no-js').addClass('hide');
}); });
...@@ -20,6 +20,11 @@ ...@@ -20,6 +20,11 @@
margin: 5px; margin: 5px;
} }
.search-settings:only-child {
padding: 5px;
border-right: solid 1px #ccc;
}
select { select {
width: 100%; width: 100%;
-webkit-appearance: none; -webkit-appearance: none;
...@@ -47,7 +52,7 @@ ...@@ -47,7 +52,7 @@
} }
.search-option-frame { .search-option-frame {
display: none; display: flex;
position: absolute; position: absolute;
background-color: white; background-color: white;
top: 50px; top: 50px;
......
...@@ -4,25 +4,16 @@ ...@@ -4,25 +4,16 @@
<form id="searchForm" method={{ $request }} action="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/meta/meta.ger3 ") }}" accept-charset="UTF-8"> <form id="searchForm" method={{ $request }} action="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/meta/meta.ger3 ") }}" accept-charset="UTF-8">
<div class="searchbar {{$class or ''}}"> <div class="searchbar {{$class or ''}}">
<div class="search-focus-selector"> <div class="search-focus-selector">
<button type="button" id="toggleOptBtn" data-mode="o"> <button type="button" id="toggleOptBtn" class="js-only" data-mode="o">
<i class="fa fa-chevron-down"></i> <i class="fa fa-chevron-down"></i>
</button> </button>
<noscript> <div class="no-js">
<style>
#toggleOptBtn {
display: none;
}
.search-settings {
padding: 5px;
border-right: solid 1px #ccc;
}
</style>
<div class="search-settings"> <div class="search-settings">
<a id="settings-btn" class="mutelink btn btn-default" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "settings ") }}"> <a id="settings-btn" class="mutelink btn btn-default" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "settings ") }}">
<i class="fa fa-cog" aria-hidden="true"></i> <i class="fa fa-cog" aria-hidden="true"></i>
</a> </a>
</div> </div>
</noscript> </div>
<select id="focus-select" name="focus" style="font-family: FontAwesome, sans-serif;"> <select id="focus-select" name="focus" style="font-family: FontAwesome, sans-serif;">
<option value="web" style="font-family: FontAwesome, sans-serif;" selected>&#xf0ac; Websuche</option> <option value="web" style="font-family: FontAwesome, sans-serif;" selected>&#xf0ac; Websuche</option>
<option value="nachrichten" style="font-family: FontAwesome, sans-serif;">&#xf0a1; Nachrichtensuche</option> <option value="nachrichten" style="font-family: FontAwesome, sans-serif;">&#xf0a1; Nachrichtensuche</option>
...@@ -30,7 +21,7 @@ ...@@ -30,7 +21,7 @@
<option value="produktsuche" style="font-family: FontAwesome, sans-serif;">&#xf07a; Produktsuche</option> <option value="produktsuche" style="font-family: FontAwesome, sans-serif;">&#xf07a; Produktsuche</option>
<option value="maps" style="font-family: FontAwesome, sans-serif;">&#xf279; Kartensuche</option> <option value="maps" style="font-family: FontAwesome, sans-serif;">&#xf279; Kartensuche</option>
</select> </select>
<div class="search-option-frame" style="display:none;"> <div class="search-option-frame hide">
<div class="searchbar-options-arrow"> <div class="searchbar-options-arrow">
</div> </div>
<div class="search-button-container"> <div class="search-button-container">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment