Merge pull request #20 from Smidra/fix/hackathon-git-hell

Fix merge hell after hackathon
Smidra · Mar 23, 2024 · 7e988e4 · 7e988e4
2 parents 79765bc + 40b2210
commit 7e988e4
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="app">
         <ais-instant-search :search-client="searchClient" index-name="firmy">
-            <ais-configure :query="searchQuery" />
+          <ais-configure :query="searchQuery" :hitsPerPage="hitsPerPage" :page="page - 1" />
             <!-- Header -->
             <cv-header aria-label="Carbon header">
                 <cv-header-menu-button class="hamburger-menu" aria-label="Header menu" aria-controls="side-nav"
@@ -27,6 +27,9 @@
                         <cv-button kind="ghost" class="grey-text" @click="handleCreateNew">
                             Přidat novou firmu<add-icon />
                         </cv-button>
+                        <EditModal v-model:visible="showModal" />
+
+
                         <cv-button kind="ghost" class="grey-text" @click="showAbout = true">
                             O nás
                         </cv-button>
@@ -38,14 +41,29 @@
             </cv-header>
 
             <!-- Main Content -->
-            <main class="padding-top">
+            <main id="#main-content" class="padding-top">
                 <ais-hits>
                     <template v-slot="{ items }">
                         <div class="tile-container">
                             <ItemTile v-for="item in items" :key="item.objectID" :item="item" @open-company-detail="detailModalItem = $event; showDetailModal = true" @open-eshop="handleOpenEshop" />
                         </div>
                     </template>
                 </ais-hits>
+              <div class="top-pagination">
+                <ais-pagination>
+                  <template v-slot="{ nbHits }">
+                    <cv-pagination @change="onPaginationChange" :number-of-items="nbHits" :page="page" :pageSizes="[
+                                12, { 'value': 12, 'selected': true }, 24, 48]" pageSizesLabel="Firem na stránku:">
+                      <template v-slot:range-text="{ scope }">
+                        <span>{{ scope.start }}-{{ scope.end }} ze {{ scope.items }}</span>
+                      </template>
+                      <template v-slot:of-n-pages="{ scope }">
+                        <span>ze {{ scope.pages }} stránek</span>
+                      </template>
+                    </cv-pagination>
+                  </template>
+                </ais-pagination>
+              </div>
             </main>
 
         </ais-instant-search>