telefon-vergisi-hesaplayici: group presets by their brand in slug page

ozgurg · Jul 4, 2023 · 9a59d37 · 9a59d37
1 parent 2331fc9
commit 9a59d37
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 6 deletions.
diff --git a/pages/telefon-vergisi-hesaplayici/_slug.vue b/pages/telefon-vergisi-hesaplayici/_slug.vue
@@ -91,11 +91,16 @@
 
                 <v-divider class="my-12" />
 
-                <PageSubtitle class="mb-4">
-                    Diğer telefonlar
-                </PageSubtitle>
-
-                <CalculatorPresets :presets="ui.presets" />
+                <div class="d-flex flex-column gap-16">
+                    <template v-for="_item in presetsGroupedByBrand">
+                        <div :key="_item.title">
+                            <PageSubtitle class="mb-2">
+                                {{ _item.title }}
+                            </PageSubtitle>
+                            <CalculatorPresets :presets="_item.presets" />
+                        </div>
+                    </template>
+                </div>
             </template>
 
             <v-divider class="mb-2 mt-16" />
@@ -166,6 +171,26 @@ export default {
                 currency: vm.form.currency,
                 registrationTitle: vm.ui.registration.find(item => item.value === vm.form.registration).title
             });
+        },
+        presetsGroupedByBrand() { // FIXME: Make it utility function and write unit test
+            const vm = this;
+
+            const output = {};
+
+            vm.ui.presets.forEach(preset => {
+                const { brand, ...rest } = preset;
+                if (!output[brand]) {
+                    output[brand] = {
+                        title: brand,
+                        presets: []
+                    };
+                }
+                output[brand].presets.push({
+                    brand, ...rest
+                });
+            });
+
+            return Object.values(output);
         }
     },
     watch: {

diff --git a/pages/telefon-vergisi-hesaplayici/index.vue b/pages/telefon-vergisi-hesaplayici/index.vue
@@ -183,7 +183,7 @@ export default {
                 registrationTitle: vm.ui.registration.find(item => item.value === vm.form.registration).title
             });
         },
-        presetsGroupedByBrand() {
+        presetsGroupedByBrand() { // FIXME: Make it utility function and write unit test
             const vm = this;
 
             const output = {};