Commit 906e0416 authored by Karl Hasselbring's avatar Karl Hasselbring

Ergebnis-Optionen arbeiten jetzt ohne Javascript

parent 36e6e0ae
......@@ -13,7 +13,7 @@ $(document).ready(function () {
function activateJSOnlyContent () {
$('#searchplugin').removeClass('hide');
$('.options').removeClass('hide');
$('.js-only').removeClass('js-only');
}
function tabs () {
......
......@@ -285,14 +285,16 @@ a {
.saver-options {
display: flex;
padding-bottom: 15px;
&>input{
&>input {
min-width: 35%;
max-width: 80%;
}
}
.ui-effects-transfer {
border: 1px dotted black;
}
.result {
margin-bottom: 10px;
width: 100%;
......@@ -310,13 +312,11 @@ a {
cursor: pointer;
}
}
&>.remover {
cursor:pointer;
cursor: pointer;
text-align: right;
color: #777;
}
.title {
color: @result-title-color;
text-decoration: none;
......@@ -350,10 +350,6 @@ a {
padding-left: 8px;
padding-right: 5px;
}
.options>a>i {
font-size: 16px;
color: #2A2ADE;
}
}
.link-link {
white-space: nowrap;
......@@ -399,6 +395,45 @@ a {
color: @result-hoster-a-color;
}
}
.options {
.option-opener-icon {
display: block;
padding-left: 8px;
padding-right: 5px;
font-size: 16px;
color: #2A2ADE;
}
.option-checkbox {
visibility: hidden;
}
.option-content {
display: none;
background-color: white;
z-index: 1000;
position: absolute;
border: grey solid 1px;
color: black;
font-size: 16px;
border-radius: 5px;
hr {
margin: 5px;
}
li {
padding: 5px
}
li:not(.option-title):hover {
background-color: #e0e0e0;
}
a, a:hover, a:focus, a:visited {
color: black;
display: block;
}
}
.option-opener:focus+.option-content, .option-content:hover {
display: initial;
animation-name: open-contents;
}
}
.proxy {
font-size: 13px;
margin-top: 0;
......@@ -453,6 +488,10 @@ a {
overflow: hidden;
}
.js-only {
display: none;
}
/* Hier der Style für die Bilder */
......
......@@ -16,38 +16,42 @@
{{ $result->anzeigeLink }}
</a>
</div>
<div class="options hide">
<a tabindex="0" data-toggle="popover" data-trigger="focus" data-placement="auto bottom" data-container="body" data-html="true" data-title="<i class='fa fa-cog' aria-hidden='true'></i> Optionen">
@if(strlen($metager->getSite()) === 0)
<i class="fa fa-caret-down" aria-hidden="true"></i>
@endif
</a>
<div class="content hidden">
<ul class="options-list list-unstyled small">
<li>
<a href="javascript:resultSaver({{ $result->number }});" class="saver" data-counter="{{ $result->number }}">
<i class="glyphicon glyphicon-floppy-disk"></i> Ergebnis in Tab speichern.
</a>
</li>
<li>
<a href="{{ $metager->generateSiteSearchLink($result->strippedHost) }}">
{!! trans('result.options.1') !!}
</a>
</li>
<li>
<a href="{{ $metager->generateRemovedHostLink($result->strippedHost) }}">
{!! trans('result.options.2', ['host' => $result->strippedHost]) !!}
</a>
</li>
@if( $result->strippedHost !== $result->strippedDomain )
<div class="options">
<a class="option-opener" href="javascript:void(0);">
<i class="fa fa-caret-down option-opener-icon" aria-hidden="true"></i>
</a>
<div class="option-content">
<ul class="option-list list-unstyled small">
<li class="option-title">
<i class="fa fa-cog"></i> Optionen
</li>
<hr>
<li class="js-only">
<a href="javascript:resultSaver({{ $result->number }});" class="saver" data-counter="{{ $result->number }}">
<i class="fa fa-floppy-disk"></i> Ergebnis in Tab speichern.
</a>
</li>
@if(strlen($metager->getSite()) === 0)
<li>
<a href="{{ $metager->generateSiteSearchLink($result->strippedHost) }}">
{!! trans('result.options.1') !!}
</a>
</li>
@endif
<li>
<a href="{{ $metager->generateRemovedDomainLink($result->strippedDomain) }}">
{!! trans('result.options.3', ['domain' => $result->strippedDomain]) !!}
<a href="{{ $metager->generateRemovedHostLink($result->strippedHost) }}">
{!! trans('result.options.2', ['host' => $result->strippedHost]) !!}
</a>
</li>
@endif
</ul>
</div>
@if( $result->strippedHost !== $result->strippedDomain )
<li>
<a href="{{ $metager->generateRemovedDomainLink($result->strippedDomain) }}">
{!! trans('result.options.3', ['domain' => $result->strippedDomain]) !!}
</a>
</li>
@endif
</ul>
</div>
</div>
</div>
<span class="hoster">
......
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