searchbar.blade.php 4.45 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
6
		<div class="searchbar {{$class or ''}}">
			<div class="search-focus-selector">
7
				<button type="button" id="toggleOptBtn" class="js-only" data-mode="o">
Aria Givi's avatar
Aria Givi committed
8
					<i class="fa fa-chevron-down"></i>
9
				</button>
10
				<div class="no-js">
11
12
13
14
15
					<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>
					</div>
16
				</div>
17
18
19
20
21
22
23
				<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="nachrichten" style="font-family: FontAwesome, sans-serif;">&#xf0a1; Nachrichtensuche</option>
					<option value="wissenschaft" style="font-family: FontAwesome, sans-serif;">&#xf15c; Wissenschaftssuche</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>
				</select>
24
				<div class="search-option-frame hide">
25
					<div class="searchbar-options-arrow"></div>
Aria Givi's avatar
Aria Givi committed
26
27
					<div class="search-button-container">
						<div class="search-add-focus js-only">
28
29
30
							<div class="search-option-descriptor">
								<label for="addFocusBtn">{{{ trans('index.tooltips.add-focus') }}}</label>
							</div>
Aria Givi's avatar
Aria Givi committed
31
32
33
34
							<button type="button" id="addFocusBtn">
								<i class="fa fa-plus"></i>
							</button>
							<div class="searchbar-tooltip">
35
								<div class="searchbar-tooltip-arrow"></div>
Aria Givi's avatar
Aria Givi committed
36
								<div class="searchbar-tooltip-content">
37
									<p>{{{ trans('index.tooltips.add-focus') }}}</p>
Aria Givi's avatar
Aria Givi committed
38
39
								</div>
							</div>
Aria Givi's avatar
Aria Givi committed
40
						</div>
Aria Givi's avatar
Aria Givi committed
41
						<div class="search-edit-focus js-only">
42
43
44
							<div class="search-option-descriptor">
								<label for="editFocusBtn">{{{ trans('index.tooltips.edit-focus') }}}</label>
							</div>
Aria Givi's avatar
Aria Givi committed
45
46
47
48
							<button type="button" id="editFocusBtn" title="@lang('index.edit-focus')">
								<i class="fa fa-wrench"></i>
							</button>
							<div class="searchbar-tooltip">
49
								<div class="searchbar-tooltip-arrow"></div>
Aria Givi's avatar
Aria Givi committed
50
								<div class="searchbar-tooltip-content">
51
									<p>{{{ trans('index.tooltips.edit-focus') }}}</p>
Aria Givi's avatar
Aria Givi committed
52
53
								</div>
							</div>
Aria Givi's avatar
Aria Givi committed
54
						</div>
Aria Givi's avatar
Aria Givi committed
55
						<div class="search-settings">
56
57
58
							<div class="search-option-descriptor">
								<label for="settings-btn">{{{ trans('index.tooltips.settings') }}}</label>
							</div>
Aria Givi's avatar
Aria Givi committed
59
60
61
							<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>
62
63
64
65
66
67
							<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
68
						</div>
69
70
					</div>
				</div>
71
72
73
			</div>
			<div class="search-input-submit">
				<div class="search-input">
74
					<input type="text" name="eingabe" required="" autofocus="" autocomplete="{{$autocomplete or 'off'}}" class="form-control"placeholder="{{ trans('index.placeholder') }}">
75
76
77
78
79
80
81
82
				</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">
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
				<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
100
			</div>
101
			<div class="search-custom-hidden"></div>
102
103
104
		</div>
	</form>
</fieldset>