searchbar.blade.php 4.79 KB
Newer Older
1 2
{{-- Don't forget to @include('modals.create-focus-modal') --}}
{{-- Don't forget <script type="text/javascript" src="{{ elixir('js/searchbar.js') }}"></script> --}}
3
<fieldset>
4
	<form id="searchForm" method={{ $request }} action="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/meta/meta.ger3 ") }}" accept-charset="UTF-8">
5
		<div class="searchbar {{$class or ''}}"><!--
6
			<div class="search-focus-selector">
7
				<button type="button" id="toggleOptBtn" class="js-only" data-mode="o">
8
					<i class="fa fa-sliders"></i>
9
				</button>
10
				<div class="no-js">
11 12 13 14
					<div class="search-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>
						</a>
15 16 17 18 19 20
						<div class="searchbar-tooltip">
							<div class="searchbar-tooltip-arrow"></div>
							<div class="searchbar-tooltip-content">
								<p>{{{ trans('index.tooltips.settings') }}}</p>
							</div>
						</div>
21
					</div>
22
				</div>
23
				<select id="focus-select" name="focus" style="font-family: FontAwesome, sans-serif;">
24 25 26 27 28
					<option value="web" style="font-family: FontAwesome, sans-serif;" selected>&#xf0ac; Web</option>
					<option value="nachrichten" style="font-family: FontAwesome, sans-serif;">&#xf0a1; Nachrichten</option>
					<option value="wissenschaft" style="font-family: FontAwesome, sans-serif;">&#xf15c; Wissenschaft</option>
					<option value="produktsuche" style="font-family: FontAwesome, sans-serif;">&#xf07a; Produkte</option>
					<option value="maps" style="font-family: FontAwesome, sans-serif;">&#xf279; Karten</option>
29
				</select>
30
				<div class="search-option-frame hide">
31
					<div class="searchbar-options-arrow"></div>
Aria Givi's avatar
Aria Givi committed
32 33
					<div class="search-button-container">
						<div class="search-add-focus js-only">
34 35 36
							<div class="search-option-descriptor">
								<label for="addFocusBtn">{{{ trans('index.tooltips.add-focus') }}}</label>
							</div>
Aria Givi's avatar
Aria Givi committed
37 38 39 40
							<button type="button" id="addFocusBtn">
								<i class="fa fa-plus"></i>
							</button>
							<div class="searchbar-tooltip">
41
								<div class="searchbar-tooltip-arrow"></div>
Aria Givi's avatar
Aria Givi committed
42
								<div class="searchbar-tooltip-content">
43
									<p>{{{ trans('index.tooltips.add-focus') }}}</p>
Aria Givi's avatar
Aria Givi committed
44 45
								</div>
							</div>
Aria Givi's avatar
Aria Givi committed
46
						</div>
Aria Givi's avatar
Aria Givi committed
47
						<div class="search-edit-focus js-only">
48 49 50
							<div class="search-option-descriptor">
								<label for="editFocusBtn">{{{ trans('index.tooltips.edit-focus') }}}</label>
							</div>
Aria Givi's avatar
Aria Givi committed
51 52 53 54
							<button type="button" id="editFocusBtn" title="@lang('index.edit-focus')">
								<i class="fa fa-wrench"></i>
							</button>
							<div class="searchbar-tooltip">
55
								<div class="searchbar-tooltip-arrow"></div>
Aria Givi's avatar
Aria Givi committed
56
								<div class="searchbar-tooltip-content">
57
									<p>{{{ trans('index.tooltips.edit-focus') }}}</p>
Aria Givi's avatar
Aria Givi committed
58 59
								</div>
							</div>
Aria Givi's avatar
Aria Givi committed
60
						</div>
61
						{{-- Die Struktur sieht hier leicht anders aus, da man keine labels zum klicken von links benutzen kann --}}
Aria Givi's avatar
Aria Givi committed
62 63
						<div class="search-settings">
							<a id="settings-btn" class="mutelink btn btn-default" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "settings ") }}">
64 65 66
								<div class="search-option-descriptor">
									<label for="settings-btn">{{{ trans('index.tooltips.settings') }}}</label>
								</div>
Aria Givi's avatar
Aria Givi committed
67 68
								<i class="fa fa-cog" aria-hidden="true"></i>
							</a>
69 70 71 72 73 74
							<div class="searchbar-tooltip">
								<div class="searchbar-tooltip-arrow"></div>
								<div class="searchbar-tooltip-content">
									<p>{{{ trans('index.tooltips.settings') }}}</p>
								</div>
							</div>
Aria Givi's avatar
Aria Givi committed
75
						</div>
76 77
					</div>
				</div>
78
			</div>-->
79 80
			<div class="search-input-submit">
				<div class="search-input">
81
					<input type="text" name="eingabe" value="@if(isset($eingabe)){{$eingabe}}@endif" required="" autocomplete="{{$autocomplete or 'off'}}" class="form-control" placeholder="{{ trans('index.placeholder') }}">
82 83 84 85 86 87 88 89
				</div>
				<div class="search-submit" id="submit-inputgroup">
					<button type="submit">
						<i class="fa fa-search" aria-hidden="true"></i>
					</button>
				</div>
			</div>
			<div class="search-hidden">
90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106
				<input type="hidden" name="encoding" value="utf8">
				@if (isset($option_values))
					@foreach($option_values as $option => $value)
						<input type="hidden" name={{ $option }} value={{ $value }}>
					@endforeach
				@endif
				@if (isset($option_values))
					<input type="hidden" name="time" value={{ $time }}>
				@endif
				@if (isset($focusPages))
					@foreach ($focusPages as $fp)
						<input type="hidden" name={{ $fp }} value="on">
					@endforeach
				@endif
				@if (isset($theme))
					<input type="hidden" name="theme" value={{ $theme }}>
					@endif
107
			</div>
108
			<div class="search-custom-hidden"></div>
109 110 111
		</div>
	</form>
</fieldset>