Commit 25157209 authored by Aria Givi's avatar Aria Givi
Browse files

fokus erstellen wird zumindest eingeblendet, muss komplett veraendert werden,...

fokus erstellen wird zumindest eingeblendet, muss komplett veraendert werden, tooltip position korrigiert, icon angepasst yum öffnen des suche anpassen modals, styles ausgelagert in eigene less datei
parent ef70efe4
......@@ -18,7 +18,7 @@ elixir(function (mix) {
mix.scripts(['lib/jquery.js', 'lib/jquery-ui.min.js', 'lib/bootstrap.js', 'lib/lightslider.js', 'lib/masonry.js', 'lib/imagesloaded.js', 'lib/openpgp.min.js', 'lib/iframeResizer.min.js', 'lib/md5.js'], 'public/js/lib.js')
mix.scripts(['scriptStartPage.js', 'result-saver.js'], 'public/js/scriptStartPage.js');
mix.scripts(['scriptResultPage.js', 'result-saver.js', 'quicktips.js'], 'public/js/scriptResultPage.js');
mix.scripts(['searchbar.js', 'focus-creator.js'], 'public/js/searchbar.js');
mix.scripts('searchbar.js', 'public/js/searchbar.js');
// utility
mix.scripts(['utility.js'], 'public/js/utility.js');
mix.less('utility.less', 'public/css/utility.css');
......
$(function () {
loadLocalStorage();
setSearchbarActionListeners();
});
/**
......@@ -12,10 +11,6 @@ function loadLocalStorage () {
}
}
function setSearchbarActionListeners () {
$('#toggleOptBtn').click(toggleOptionsDialog);
}
function setSettings () {
var acceptedParams = ['autocomplete', 'key', 'lang', 'newtab', 'sprueche'];
for (var key in localStorage) {
......@@ -42,24 +37,3 @@ function setSettings () {
$('#searchForm').attr('method', requestMethod);
}
}
\ No newline at end of file
function toggleOptionsDialog () {
var btnMode = $('#toggleOptBtn').attr('data-mode');
if (btnMode == 'o') {
openOptionsDialog();
} else {
closeOptionsDialog();
}
}
function openOptionsDialog () {
$('#toggleOptBtn').html('<i class="fa fa-chevron-up" aria-hidden="true"></i>');
$('#toggleOptBtn').attr('data-mode', 'c');
$('.search-option-frame').removeClass('hide');
}
function closeOptionsDialog () {
$('#toggleOptBtn').html('<i class="fa fa-sliders" aria-hidden="true"></i>');
$('#toggleOptBtn').attr('data-mode', 'o');
$('.search-option-frame').addClass('hide');
}
/* Rund um die Foki */
#show-create-focus {
display: none;
}
#show-create-focus:checked {
display: inline-block;
& + #create-focus-modal {
display: inline;
}
}
#create-focus-modal {
display: none;
position: fixed;
min-height: 100%;
min-width: 100%;
background-color: lightgray;
#close-create-focus:after {
content: "×";
}
#foki-modal-dialog {
}
#foki-modal-content {
max-width: 70%;
}
}
\ No newline at end of file
......@@ -5,6 +5,7 @@
@import "./settings.less";
@import "./variables.less";
@import "./sidebar.less";
@import "./foki.less";
@import "./footer.less";
@import "./searchbar.less";
@import "./aufruf-winter.less";
\ No newline at end of file
......@@ -173,9 +173,11 @@
}
}
div:hover>.searchbar-tooltip {
label:hover+.searchbar-tooltip {
display: inline-block;
@media (max-width: @screen-xs-max) {
top: 30px;
left: -10px;
@media (max-width: 799px) {
display: none;
}
}
......@@ -246,8 +248,6 @@ div:hover>.searchbar-tooltip {
.searchbar-tooltip {
display: none;
position: absolute;
top: 45px;
left: -10px;
&>.searchbar-tooltip-arrow {
position: absolute;
top: -4px;
......@@ -320,7 +320,6 @@ header:nth-child(1) {
margin-top:10px;
padding: 10px;
margin-left: 50px;
overflow-x: auto;
box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
&::-webkit-scrollbar {
......@@ -330,6 +329,7 @@ header:nth-child(1) {
@media (max-width: 799px) {
margin: 10px 8px 0px 8px;
overflow-x: auto;
}
......@@ -347,7 +347,15 @@ header:nth-child(1) {
.edit-focus{
margin-left: 7px;
}
.search-option-frame {
position: relative;
}
}
.foki-modal-wrapper {
display: none;
}
#research-bar-placeholder {
width: 100%;
......
......@@ -119,7 +119,7 @@ return [
'plugin.vivaldi.9' => 'Klicken Sie in Ihrem Browser oben links auf das rote Vivaldi Logo und wählen Sie zuerst "Werkzeuge", dann im Untermenü "Einstellungen".',
'plugin.vivaldi.10' => 'Tragen Sie im Feld "Startseite" "https://metager.de" ein.',
'tooltips.add-focus' => 'Eigenen Fokus hinzufügen',
'tooltips.add-focus' => 'Suche anpassen',
'tooltips.edit-focus' => 'Aktuellen Fokus bearbeiten',
'tooltips.settings' => 'Allgemeine Einstellungen',
];
......@@ -27,8 +27,8 @@
<div id="results-container">
@yield('results')
</div>
<div id="additions-container">
<div id="search-settings" style="display:none">
<div id="additions-container" style="display: none;">
<div id="search-settings">
<h1>Eigene Suche</h1>
@foreach( App\Http\Controllers\FokiLoader::loadFoki() as $fokus => $sumas )
<h2 class="focus-category">
......
<div id="create-focus-modal" class="modal fade" tab-index="-1" role="dialog">
<div class="modal-dialog modal-lg">
<div class="content modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<input type="checkbox" id="show-create-focus">
<div id="create-focus-modal" tab-index="-1" role="dialog">
<div class="foki-modal-dialog">
<div class="foki-modal-content">
<div class="foki-modal-header">
<label type="button" id="close-create-focus" for="show-create-focus"></label>
<h4>
@lang("index.focus-creator.head")
</h4>
......
......@@ -14,18 +14,13 @@
<a href="https://maps.metager.de/map/{{ $metager->getQ() }}/9.7380161,52.37119740000003,12" target="_self">@lang('index.foki.maps')</a>
</div>
<div class="search-option-frame">
<div class="searchbar-options-arrow"></div>
<div class="search-button-container">
<div class="search-add-focus js-only">
<button type="button" id="addFocusBtn">
<i class="fa fa-plus"></i>
</button>
<label for="show-create-focus" id="addFocusBtn">
<i class="fa fa-sliders"></i>
</label>
<div class="searchbar-tooltip">
<div class="searchbar-tooltip-arrow"></div>
<div class="searchbar-tooltip-content">
<p>{{{ trans('index.tooltips.add-focus') }}}</p>
</div>
</div>
</div>
</div>
</div>
</div>
Supports Markdown
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