Skip to content
Projeler
Gruplar
Parçacıklar
Yardım
Yükleniyor...
Oturum aç / Kaydol
Gezinmeyi değiştir
P
Pardus Kataliz - pardusacikhack
Proje
Proje
Ayrıntılar
Etkinlik
Cycle Analytics
Depo (repository)
Depo (repository)
Dosyalar
Kayıtlar (commit)
Dallar (branch)
Etiketler
Katkıda bulunanlar
Grafik
Karşılaştır
Grafikler
Konular (issue)
0
Konular (issue)
0
Liste
Pano
Etiketler
Kilometre Taşları
Birleştirme (merge) Talepleri
0
Birleştirme (merge) Talepleri
0
CI / CD
CI / CD
İş akışları (pipeline)
İşler
Zamanlamalar
Grafikler
Paketler
Paketler
Wiki
Wiki
Parçacıklar
Parçacıklar
Üyeler
Üyeler
Collapse sidebar
Close sidebar
Etkinlik
Grafik
Grafikler
Yeni bir konu (issue) oluştur
İşler
Kayıtlar (commit)
Konu (issue) Panoları
Kenar çubuğunu aç
kataliz
Pardus Kataliz - pardusacikhack
Commits
089e395b
Kaydet (Commit)
089e395b
authored
May 03, 2021
tarafından
Emincan Özcan
Dosyalara gözat
Seçenekler
Dosyalara Gözat
İndir
Eposta Yamaları
Sade Fark
search feature
üst
a09b4c1f
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
77 additions
and
31 deletions
+77
-31
AlternativeAppSuggestionRow.vue
...top-client/src/components/AlternativeAppSuggestionRow.vue
+50
-0
AlternativeApps.vue
desktop-client/src/views/AlternativeApps.vue
+27
-31
No files found.
desktop-client/src/components/AlternativeAppSuggestionRow.vue
0 → 100644
Dosyayı görüntüle @
089e395b
<
template
>
<div
class=
"flex items-center bg-gray-800 px-4 py-3 rounded-lg mb-4 space-x-16"
>
<!-- non pardus app -->
<div
class=
"w-96"
>
<div
class=
"flex items-center space-x-4"
>
<img
class=
"w-10 h-10"
:src=
"nonPardusApp.image_url"
alt=
""
/>
<span
class=
"font-medium text-md"
>
{{
nonPardusApp
.
name
}}
</span>
</div>
</div>
<!-- pardus app alternatives... -->
<div
class=
"flex space-x-4"
>
<div
class=
"flex items-center bg-gray-700 px-4 py-2 rounded-lg shadow-lg"
:key=
"pardusApp.id"
v-for=
"pardusApp in pardusAlternatives"
>
<img
class=
"w-10 h-10 mr-2"
:src=
"pardusApp.image_url"
alt=
""
/>
<span
class=
"font-medium mr-4"
>
{{
pardusApp
.
name
}}
</span>
<button
class=
"bg-pardus-yellow px-2 py-1 font-medium rounded-lg shadow-lg text-gray-900"
>
Sepete Ekle
</button>
</div>
</div>
</div>
</
template
>
<
script
>
export
default
{
name
:
"AlternativeAppSuggestionRow"
,
props
:
{
nonPardusApp
:
{
type
:
Object
,
required
:
true
,
},
pardusAlternatives
:
{
required
:
true
,
type
:
Array
,
},
},
setup
()
{
return
{};
},
};
</
script
>
<
style
scoped
></
style
>
desktop-client/src/views/AlternativeApps.vue
Dosyayı görüntüle @
089e395b
...
...
@@ -9,6 +9,7 @@
class=
"w-full h-12 pl-4 pr-16 font-medium text-sm text-gray-300 bg-gray-800 rounded-lg overflow-hidden transition-all outline-none border-2 border-gray-800 hover:border-pardus-yellow focus:border-pardus-yellow"
type=
"text"
placeholder=
"Alıştığınız Uygulama"
@
input=
"search"
/>
<IconSearch
class=
"w-6 h-6 text-gray-300 absolute right-3 top-3"
/>
</div>
...
...
@@ -23,36 +24,13 @@
</header>
<div
class=
"mt-8 min-w-full overflow-x-auto"
style=
"width: max-content"
>
<div
v-for=
"nonPardusApp in nonPardusApps"
:key=
"nonPardusApp.id"
>
<div
class=
"flex items-center bg-gray-800 px-4 py-3 rounded-lg mb-4 space-x-16"
>
<!-- non pardus app -->
<div
class=
"w-96"
>
<div
class=
"flex items-center space-x-4"
>
<img
class=
"w-10 h-10"
:src=
"nonPardusApp.image_url"
alt=
""
/>
<span
class=
"font-medium text-md"
>
{{
nonPardusApp
.
name
}}
</span>
</div>
</div>
<!-- pardus app alternatives... -->
<div
class=
"flex space-x-12"
>
<div
class=
"flex items-center"
:key=
"pardusApp.id"
v-for=
"pardusApp in getAlternativeAppsOfNonPardusAppById(
nonPardusApp.id
)"
>
<img
class=
"w-10 h-10 mr-2"
:src=
"pardusApp.image_url"
alt=
""
/>
<span
class=
"font-medium mr-4"
>
{{
pardusApp
.
name
}}
</span>
<button
class=
"bg-pardus-yellow px-2 py-1 font-medium rounded-lg shadow-lg text-gray-900"
>
Sepete Ekle
</button>
</div>
</div>
</div>
<div
v-for=
"nonPardusApp in filteredNonPardusApps"
:key=
"nonPardusApp.id"
>
<alternative-app-suggestion-row
:non-pardus-app=
"nonPardusApp"
:pardus-alternatives=
"
getAlternativeAppsOfNonPardusAppById(nonPardusApp.id)
"
/>
</div>
</div>
</div>
...
...
@@ -61,10 +39,13 @@
<
script
>
import
IconSearch
from
"../icons/icon-search.svg"
;
import
store
from
"../global-state/store"
;
import
AlternativeAppSuggestionRow
from
"../components/AlternativeAppSuggestionRow"
;
import
{
ref
}
from
"vue"
;
export
default
{
name
:
"AlternativeApps"
,
components
:
{
AlternativeAppSuggestionRow
,
IconSearch
,
},
setup
()
{
...
...
@@ -84,7 +65,22 @@ export default {
return
ret
;
}
return
{
nonPardusApps
,
getAlternativeAppsOfNonPardusAppById
};
let
filteredNonPardusApps
=
ref
([]);
filteredNonPardusApps
.
value
=
nonPardusApps
.
value
;
function
search
(
event
)
{
const
searchString
=
event
.
target
.
value
;
filteredNonPardusApps
.
value
=
nonPardusApps
.
value
.
filter
((
nonPardusApp
)
=>
nonPardusApp
.
name
.
toLowerCase
().
includes
(
searchString
.
toLowerCase
())
);
}
return
{
nonPardusApps
,
getAlternativeAppsOfNonPardusAppById
,
search
,
filteredNonPardusApps
,
};
},
};
</
script
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment