moved css and js to own files

resources/js/scriptSettings.js

+$(document).ready(function () {
+    $("#filter-form").find("button[type=submit]").css("display", "none");
+    $("#filter-form").find("select").on("change", function () {
+        $("#filter-form").submit();
+    });
+    console.log("Test");
+});
\ No newline at end of file

resources/less/metager/metager.less

@@ -13,6 +13,7 @@
 @import "./pages/resultpage.less";
 @import "./pages/start-page.less";
 @import "./pages/widget.less";
+@import "./pages/settings.less";
 // Parts
 @import "./parts/aufruf-winter.less";
 @import "./parts/footer.less";

resources/less/metager/pages/settings.less

+#settings {
+    .sumas {
+        display: flex;
+        flex-wrap: wrap;
+        margin-left: -8px;
+        .suma button {
+            padding: 8px;
+            margin-left: 8px;
+            margin-top: 8px;
+            border-radius: 4px;
+        }
+        &.enabled-engines .suma button {
+            background-color: #9ad79a;
+        }
+        &.disabled-engines .suma button {
+            background-color: #fea0a0;
+        }
+        &.filtered-engines .suma{
+            background-color: #bababa;
+            padding: 8px;
+            margin-left: 8px;
+            margin-top: 8px;
+            border-radius: 4px;
+        }
+    }
+
+    #filter-options {
+        display: flex;
+        flex-wrap: wrap;
+        margin-left: -8px;
+        > div {
+            margin-left: 8px;
+        }
+    }
+
+    #actions {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        #back {
+            margin-left: 8px;
+        }
+    }
+}
\ No newline at end of file

resources/views/settings.blade.php

-@extends('layouts.subPages')
-
-@section('title', $title )
-
-@section('content')
-	<form id="settings-form" action="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}" method="get">
-		<h1>{!! trans('settings.head.1') !!}</h1>
-		<p id="lead">{!! trans('settings.head.2') !!}</p>
-		<h2>{!! trans('settings.allgemein.1') !!}</h2>
-		<div id="settings-selectors">
-			<div>
-				<label class="select-label">@lang("settings.quotes.label")</label>
-				<select class="form-control settings-form-control" name="param_sprueche">
-					<option value="on" selected>@lang("settings.quotes.on")</option>
-					<option value="off">@lang("settings.quotes.off")</option>
-				</select>
-			</div>
-			<div>
-				<label class="select-label">@lang("settings.tab.label")</label>
-				<select class="form-control settings-form-control" name="param_newtab">
-					<option value="on" selected>@lang("settings.tab.new")</option>
-					<option value="off">@lang("settings.tab.same")</option>
-				</select>
-			</div>
-			<div>
-				<label class="select-label">{!! trans('settings.language.label') !!}</label>
-				<select class="form-control settings-form-control" name="param_lang">
-					<option value="all" @if(App::isLocale('de')) selected @endif >{!! trans('settings.language.all') !!}</option>
-					<option value="de">{!! trans('settings.language.de') !!}</option>
-					<option value="en" @if(App::isLocale('en')) selected @endif>{!! trans('settings.language.en') !!}</option>
-				</select>
-			</div>
-			<div>
-				<label class="select-label">{{ trans('settings.request') }}:</label>
-				<select class="form-control settings-form-control" name="request">
-					<option value="GET" selected>GET</option>
-					<option value="POST">POST</option>
-				</select>
-			</div>
-			<div>
-				<label class="select-label">@lang('settings.autocomplete.label'):</label>
-				<select class="form-control settings-form-control" name="param_autocomplete">
-					<option value="on" selected>@lang('settings.autocomplete.on')</option>
-					<option value="off">@lang('settings.autocomplete.off')</option>
-				</select>
-			</div>
-			<div>
-				<label class="select-label">@lang('settings.key.label'):</label>
-				<input type="text" class="form-control settings-form-control" name="param_key" placeholder="@lang('settings.key.placeholder')">
-			</div>
-		</div>
-		<div id="settings-buttons">
-			<a id="settings-abort-btn" class="btn btn-danger mutelink" href="{{ URL::previous() }}">@lang('settings.abort') <i class="fa fa-times" aria-hidden="true"></i></a>
-			<input id="unten" class="btn btn-primary" type="submit" value="{!! trans('settings.speichern.1') !!}">
-			<input id="save" class="btn btn-primary hidden" type="button" data-href="{{ URL::previous() }}" value="{!! trans('settings.speichern.2') !!}">
-			<input id="plugin" class="btn btn-primary" type="submit" value="{!! trans('settings.speichern.3') !!}">
-		</div>
-	</form>
-	<script src="{{ mix('js/settings.js') }}"></script>
-@endsection

webpack.mix.js

@@ -57,6 +57,12 @@ mix
     ],
     "public/js/scriptStartPage.js"
   )
+  .babel(
+    [
+      "resources/js/scriptSettings.js"
+    ],
+    "public/js/scriptSettings.js"
+  )
   .babel(
     [
       "resources/js/scriptResultPage.js",