Extracts the button group (sort buttons) in extra view. (website)

2 files changed, 56 insertions, 52 deletions

diff --git a/site/resources/views/offer.blade.php b/site/resources/views/offer.blade.php
index 1c0431f..7ff92d3 100644
--- a/site/resources/views/offer.blade.php
+++ b/site/resources/views/offer.blade.php
@@ -10,58 +10,8 @@
         </div>
       </div>
 
-<div class="btn-toolbar mb-2 align-top" role="toolbar" aria-label="Sortieren">
-	<div class="btn-group" role="group" aria-label="Sortieren">
-		<div class="dropdown">
-		  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		   Preis 
-		  </button>
-		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-		    <a class="dropdown-item" href="?sort=price&order=asc">Niedrigster Preis</a>
-		    <a class="dropdown-item" href="?sort=price&order=desc">Höchster Preis</a>
-		  </div>
-		</div>
-		<div class="dropdown">
-		  <button class="ml-2 btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		  Name  
-		  </button>
-		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-		    <a class="dropdown-item" href="?sort=name&order=asc">Alphabetisch</a>
-		    <a class="dropdown-item" href="?sort=name&order=desc">Umgekehrt</a>
-		  </div>
-		</div>
-		<div class="dropdown">
-		  <button class="ml-2 btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		 Shop 
-		  </button>
-		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-		    <a class="dropdown-item" href="?sort=shop&order=asc">Alphabetisch</a>
-		    <a class="dropdown-item" href="?sort=shop&order=desc">Umgekehrt</a>
-		  </div>
-		</div>
-		<div class="dropdown">
-		  <button class="ml-2 btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		Preisnachlass
-		  </button>
-		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-		    <a class="dropdown-item" href="?sort=procent&order=asc">Niedrigster Preisnachlass</a>
-		    <a class="dropdown-item" href="?sort=procent&order=desc">Höchster Preisnachlass</a>
-		  </div>
-		</div>
-		<div class="dropdown">
-		  <button class="ml-2 btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		Aktualität
-		  </button>
-		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-		    <a class="dropdown-item" href="?sort=time&order=desc">Neueste zuerst</a>
-		    <a class="dropdown-item" href="?sort=time&order=asc">Älteste zuerst</a>
-		  </div>
-		</div>
-	</div>
-</div>
+@include('snippets.sortbuttons')
 
-<div class="row mb-2">
-</div>
 <?php 
 
 $count = 0;
@@ -173,7 +123,6 @@ if ( $count % 2 == 1) {
 
 {{ $data->links() }}
 
-
 <!-- ./container -->
     </div>
 
diff --git a/site/resources/views/snippets/sortbuttons.blade.php b/site/resources/views/snippets/sortbuttons.blade.php
new file mode 100644
index 0000000..fd568fa
--- /dev/null
+++ b/site/resources/views/snippets/sortbuttons.blade.php
@@ -0,0 +1,55 @@
+
+<div class="container">
+<div class="row">
+<div class="btn-toolbar mb-2 align-top" role="toolbar" aria-label="Sortieren">
+	<div class="btn-group" role="group" aria-label="Sortieren">
+		<div class="dropdown">
+		  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+		   Preis 
+		  </button>
+		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+		    <a class="dropdown-item" href="?sort=price&order=asc">Niedrigster Preis</a>
+		    <a class="dropdown-item" href="?sort=price&order=desc">Höchster Preis</a>
+		  </div>
+		</div>
+		<div class="dropdown">
+		  <button class="ml-2 btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+		  Name  
+		  </button>
+		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+		    <a class="dropdown-item" href="?sort=name&order=asc">Alphabetisch</a>
+		    <a class="dropdown-item" href="?sort=name&order=desc">Umgekehrt</a>
+		  </div>
+		</div>
+		<div class="dropdown">
+		  <button class="ml-2 btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+		 Shop 
+		  </button>
+		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+		    <a class="dropdown-item" href="?sort=shop&order=asc">Alphabetisch</a>
+		    <a class="dropdown-item" href="?sort=shop&order=desc">Umgekehrt</a>
+		  </div>
+		</div>
+		<div class="dropdown">
+		  <button class="ml-2 btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+		Preisnachlass
+		  </button>
+		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+		    <a class="dropdown-item" href="?sort=procent&order=asc">Niedrigster Preisnachlass</a>
+		    <a class="dropdown-item" href="?sort=procent&order=desc">Höchster Preisnachlass</a>
+		  </div>
+		</div>
+		<div class="dropdown">
+		  <button class="ml-2 btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+		Aktualität
+		  </button>
+		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+		    <a class="dropdown-item" href="?sort=time&order=desc">Neueste zuerst</a>
+		    <a class="dropdown-item" href="?sort=time&order=asc">Älteste zuerst</a>
+		  </div>
+		</div>
+	</div>
+</div>
+</div>
+</div>
+