update stepper

assets/js/Stepper.vue

@@ -43,20 +43,20 @@
             <!-- ********************************* Gewerbe ********************************** -->
             <slide class="py-16 px-8" v-if="value.category_id == 'Gewerbe'">
                 <div class="text-center font-semibold text-gray-700 text-sm">Frage 2</div>
-                <heading>Wie ist die gesamte<br /><span class="text-primary">Grundstücksfläche</span> des Gewerbes?</heading>
-                <radio-grid v-model="value.plot_area" class="mt-8" :options="plotAreas"></radio-grid>
-                <pagination v-model="innerStep" class="mt-5" :nextable="value.plot_area !== null"></pagination>
+                <heading>Wie ist die gesamte<br /><span class="text-primary">Gewerbefläche</span> des Gewerbes?</heading>
+                <radio-grid v-model="value.living_area" class="mt-8" :options="gewerbeLivingAreas"></radio-grid>
+                <pagination v-model="innerStep" class="mt-5" :nextable="value.living_area !== null"></pagination>
             </slide>
             <slide class="py-16 px-8" v-if="value.category_id == 'Gewerbe'">
                 <div class="text-center font-semibold text-gray-700 text-sm">Frage 3</div>
-                <heading>Wie ist die gesamte<br /><span class="text-primary">Wohnfläche</span> des Gewerbes?</heading>
-                <radio-grid v-model="value.living_area" class="mt-8" :options="livingAreas"></radio-grid>
-                <pagination v-model="innerStep" class="mt-5" :nextable="value.living_area !== null"></pagination>
+                <heading>Wie ist die gesamte<br /><span class="text-primary">Grundstücksfläche</span> des Gewerbes?</heading>
+                <radio-grid v-model="value.plot_area" class="mt-8" :options="plotPlotAreas"></radio-grid>
+                <pagination v-model="innerStep" class="mt-5" :nextable="value.plot_area !== null"></pagination>
             </slide>
             <slide class="py-16 px-8" v-if="value.category_id == 'Gewerbe'">
                 <div class="text-center font-semibold text-gray-700 text-sm">Frage 4</div>
                 <heading>Wie viele<br /><span class="text-primary">Zimmer</span> hat das Gewerbe?</heading>
-                <radio-grid v-model="value.number_of_floors" class="mt-8" :options="numbersOfRooms"></radio-grid>
+                <radio-grid v-model="value.number_of_floors" class="mt-8" :options="apartmentNumbersOfRooms"></radio-grid>
                 <pagination v-model="innerStep" class="mt-5" :nextable="value.number_of_floors !== null"></pagination>
             </slide>
             <slide class="py-16 px-8" v-if="value.category_id == 'Gewerbe'">
@@ -82,7 +82,7 @@
             <slide class="py-16 px-8" v-if="value.category_id == 'Wohnung'">
                 <div class="text-center font-semibold text-gray-700 text-sm">Frage 3</div>
                 <heading>Wie viele<br /><span class="text-primary">Zimmer</span> hat die Wohnung?</heading>
-                <radio-grid v-model="value.number_of_floors" class="mt-8" :options="numbersOfRooms"></radio-grid>
+                <radio-grid v-model="value.number_of_floors" class="mt-8" :options="apartmentNumbersOfRooms"></radio-grid>
                 <pagination v-model="innerStep" class="mt-5" :nextable="value.number_of_floors !== null"></pagination>
             </slide>
             <slide class="py-16 px-8" v-if="value.category_id == 'Wohnung'">
@@ -102,17 +102,11 @@
             <slide class="py-16 px-8" v-if="value.category_id == 'Grundstück'">
                 <div class="text-center font-semibold text-gray-700 text-sm">Frage 2</div>
                 <heading>Wie ist die <span class="text-primary">Fläche</span><br />des Grundstücks?</heading>
-                <radio-grid v-model="value.plot_area" class="mt-8" :options="plotAreas"></radio-grid>
+                <radio-grid v-model="value.plot_area" class="mt-8" :options="plotPlotAreas"></radio-grid>
                 <pagination v-model="innerStep" class="mt-5" :nextable="value.plot_area !== null"></pagination>
             </slide>
             <slide class="py-16 px-8" v-if="value.category_id == 'Grundstück'">
                 <div class="text-center font-semibold text-gray-700 text-sm">Frage 3</div>
-                <heading>Wie ist die gesamte<br /><span class="text-primary">Wohnfläche</span> des Grundstücks?</heading>
-                <radio-grid v-model="value.living_area" class="mt-8" :options="livingAreas"></radio-grid>
-                <pagination v-model="innerStep" class="mt-5" :nextable="value.living_area !== null"></pagination>
-            </slide>
-            <slide class="py-16 px-8" v-if="value.category_id == 'Grundstück'">
-                <div class="text-center font-semibold text-gray-700 text-sm">Frage 4</div>
                 <heading>Wie ist der<br /><span class="text-primary">Zustand</span> des Grundstücks?</heading>
                 <radio-grid v-model="value.condition" class="mt-8" :options="conditions"></radio-grid>
                 <pagination v-model="innerStep" class="mt-5" :nextable="value.condition !== null"></pagination>
@@ -264,9 +258,16 @@ export default {
                 {key: 'mehr als 200 m²', label: 'mehr als 200 m²', icon: 'living-area-lg'},
                 {key: 'nicht bekannt', label: 'nicht bekannt', icon: 'unknown'}
             ],
+            gewerbeLivingAreas: [
+                {key: 'bis 150 m²', label: 'bis 150 m²', icon: 'living-area-sm'},
+                {key: '151 - 350 m²', label: 'bis 151 - 350 m²', icon: 'living-area-md'},
+                {key: '351 - 1000 m²', label: '351 - 1000 m²', icon: 'living-area-lg'},
+                {key: 'mehr als 1000 m²', label: 'mehr als 1000 m²', icon: 'living-area-lg'},
+                {key: 'nicht bekannt', label: 'nicht bekannt', icon: 'unknown'}
+            ],
             conditions: [
-                {key: 'Renovierungsbedürftig', label: 'Renovierungsbedürftig', icon: 'living-area-sm'},
                 {key: 'Sanierungsbedürftig', label: 'Sanierungsbedürftig', icon: 'living-area-md'},
+                {key: 'Renovierungsbedürftig', label: 'Renovierungsbedürftig', icon: 'living-area-sm'},
                 {key: 'Gepflegt', label: 'Gepflegt', icon: 'living-area-lg'},
                 {key: 'Gehoben', label: 'Gehoben', icon: 'living-area-lg'},
                 {key: 'Luxuroiös', label: 'Luxuriös', icon: 'living-area-lg'}
@@ -277,6 +278,12 @@ export default {
                 {key: 'mehr als 800 m²', label: 'mehr als 800 m²', icon: 'plot-area-lg'},
                 {key: 'nicht bekannt', label: 'nicht bekannt', icon: 'unknown'}
             ],
+            plotPlotAreas: [
+                {key: 'bis 350 m²', label: 'bis 350 m²', icon: 'plot-area-sm'},
+                {key: '351 - 1000 m²', label: '351 - 1000 m²', icon: 'plot-area-md'},
+                {key: 'mehr als 1000 m²', label: 'mehr als 1000 m²', icon: 'plot-area-lg'},
+                {key: 'nicht bekannt', label: 'nicht bekannt', icon: 'unknown'}
+            ],
             numbersOfFloors: [
                 {key: '1', label: '1', icon: 'plot-area-sm'},
                 {key: '2', label: '2', icon: 'plot-area-md'},
@@ -289,6 +296,12 @@ export default {
                 {key: '5-8', label: '5-8', icon: 'plot-area-lg'},
                 {key: 'mehr als 8', label: 'mehr als 8', icon: 'plot-area-lg'}
             ],
+            apartmentNumbersOfRooms: [
+                {key: '1-2', label: '1-2', icon: 'plot-area-sm'},
+                {key: '3-5', label: '3-5', icon: 'plot-area-md'},
+                {key: '6-8', label: '6-8', icon: 'plot-area-lg'},
+                {key: 'nicht bekannt', label: 'nicht bekannt', icon: 'unknown'}
+            ],
             wohnflaechen: [{label: 'bis 50 m²'}, {label: '51 - 150 m²'}, {label: 'mehr als 151 m²'}, {label: 'nicht bekannt'}],
             etagen: [{label: '1'}, {label: '2'}, {label: '3'}, {label: '4 oder mehr'}],
             sellables: [{label: '3 Monate'}, {label: '6 Monate'}, {label: '12 Monate oder später'}],