jaro/ikea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify

Browse Source
This commit is contained in:
Jaroslav Drzik
2024-04-18 19:06:54 +02:00
parent 601099301c
commit 5174053ffd
4 changed files with 18 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
resources/js/Pages/IkeaRoot.vue
View File

@@ -491,22 +491,25 @@ const selectedRowClassNameFunction = (item) => {
<div class="flex flex-col start-0">
<span class="font-extrabold font-mono">Results <b v-if="itemCode">for {{ itemCode }}</b>
<!-- <span class="font-extrabold font-mono">Results <b v-if="itemCode">for {{ itemCode }}</b> -->
<span class="font-extrabold font-mono">Prices across Europe
</span>
</div>
<div>
<EasyTable id="results" table-class-name="results" sortBy="countryName" :rows-per-page="30"
:headers="hproducts" :items="tproducts" :body-row-class-name="bodyRowClassNameFunction"
:hide-rows-per-page="true" :hide-footer="true" alternating>
:hide-rows-per-page="true" :hide-footer="true"
sort-by="calcPrice" alternating>
<template #item-countryName="{ countryName, url }">
<a class="underline" target="_blank" :href="url">{{
countryName
}}</a>
</template>
</EasyTable>
<!--
<div v-if="settingsStore.online == true">Online</div>
<div v-else-if="'LAST_REFRESH_TIME' in settingsStore.settings">Last Refresh Time: {{
settingsStore.settings["LAST_REFRESH_TIME"] }}</div>
settingsStore.settings["LAST_REFRESH_TIME"] }}</div> -->
</div>
</div>
<div class="md:w-2/5">
@@ -515,10 +518,10 @@ const selectedRowClassNameFunction = (item) => {
<div class="flex flex-col start-0">
<div class="w-full">
<div>
<span class="font-extrabold font-mono">Search:</span>
<span class="font-extrabold font-mono">Search IKEA product:</span>
</div>
<div>
<fwb-input @input="async_search" v-model="settingsStore.text" :placeholder="settingsStore.online ? 'Code of product' : 'Description or name'"
<fwb-input @input="async_search" v-model="settingsStore.text" :placeholder="settingsStore.online ? 'Code of product' : 'METOD, BESTA, MALM, ...'"
size="md">
<template #suffix>
<svg aria-hidden="true" class="w-5 h-5 text-gray-500 dark:text-gray-400"
@@ -532,6 +535,8 @@ const selectedRowClassNameFunction = (item) => {
</div>
</div>
<div>
<!--
<div>
<span class="font-extrabold font-mono">Online:</span>
</div>
@@ -540,21 +545,23 @@ const selectedRowClassNameFunction = (item) => {
class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
v-model="settingsStore.online" @input="clear_all" />
</div>
-->
</div>
</div>
</div>
<div class="font-extrabold font-mono mt-2">Click on any table row to find the product prices</div>
</form>
<div class="mt-5">
<div class="mt-3">
<input v-if="showDescLongFilter" placeholder="Search in long description"
class="mb-1 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 relative bg-white bg-white rounded text-sm border border-blueGray-300 outline-none focus:outline-none focus:ring w-full"
type="text" v-model="searchValue">
<EasyTable class="none" :rows-per-page="20" :headers="hresults" :items="options_items"
:search-field="searchField" :search-value="searchValue"
:body-row-class-name="selectedRowClassNameFunction" @click-row="showRow"
:filter-options="filterOptions" alternating>
:filter-options="filterOptions"
alternating>
<template #item-img="{ code, img }">
<img v-on:mouseover="onHover" class="h-12" :src="img" :alt="code" />
</template>