Add city selection

[Kaanayden]

Resolves #142 Şehir seçimi için PDF indirme componentinde kullanılan Autocomplete componentinin temelini kullanıp sadece ana sayfadan seçilebilen bir şehir seçim aracı yazdım. Farklı dilleri de destekliyor. Eğer tıklanacak data türü 'question'sa, seçili şehrin URL'sini kullanıp kullanıcı direkt veriye yönlendiriyor. Eğer bütün şehirler için aynı veri varsa ortak sayfaya yönlendiriyor. Ayrıca seçilen şehir LocalStorage'a kaydediliyor ve sayfa kapandıktan sonra son şehir seçimi geri yükleniyor.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
afetbilgi-com	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 17, 2023 at 4:24PM (UTC)
maps-afetbilgi-com	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 17, 2023 at 4:24PM (UTC)

[vercel[bot]]

@Kaanayden is attempting to deploy a commit to the alpaylan's Team Team on Vercel.

A member of the Team first needs to authorize it.

[Kaanayden]

Ek olarak ana sayfa dışında da şehir seçimi imkanı eklenebilir.

[Ayb3rk]

Elinize sağlık hocam. Bir kaç feedbackim olucak bu PR ile alakalı:

• Şehirler "il_translate.json"dan çekilmiş sanıyorum direkt. Bu yüzden datası olmayan şehirler de seçilebiliyor. Bunu önlemek için "https://cdn.afetbilgi.com/md-pdf/index.json" S3 adresindeki şehirler kullanılabilir.
• Selection kısmının ne yaptığı pek anlaşılmıyor. Bunun için bir text vb. eklenebilir.
• Ayrıca issue'da şöyle bir şey istenmiş: "dogrudan menu itemlari icindeki contentleri sehire gore filtreleyerek sitede sadece spesifik bir sehir icin bilgi aranabilmesi". Bu yüzden seçim yapıldıktan sonra belki bir filtreleme doğrudan yapılabilir.

[yigitv4rli]

++ Mesela diyelim ben sehir olarak "Ankara" sectim. Varsayalim ki Ankara'da genel ihtiyaclar kisminda gecici barinma ve guvenli toplanma alani verisi yok. O case'de bu tableri display etmesek hos olabilir. Bir de ili secince Lütfen bilgi almak istediğiniz konuyu seçiniz. yerine {{ city }} ili hakkinda hangi konuda bilgi almak istiyorsunuz? gibi bir yaziya cevirebiliriz. Cunku ben sehir secince ne degistigini anlayamadim ilk seferde

[Kaanayden]

Hocam feedback için teşekkürler. Benim de birkaç sorum olacak? 1- https://cdn.afetbilgi.com/md-pdf/index.json linkindeki veriler için tekrar bir json dosyası oluşturayım mı? Çünkü sürekli fetch atmak bandwith kullanımı açısından iyi olmayabilir. 2- Şehir seçtikten sonra dediğiniz gibi yalnızca o şehirde var olan dataları göstermek mantıklı. Peki, bütün şehirler için aynı olan data'yı da göstermeli miyiz şehir seçtikten sonra? Diğer dediklerinizi de koda aktarmaya çalışacağım en kötü bu gece ya da yarın bitiririm diye düşünüyorum.

[Ayb3rk]

Hocam feedback için teşekkürler. Benim de birkaç sorum olacak? 1- https://cdn.afetbilgi.com/md-pdf/index.json linkindeki veriler için tekrar bir json dosyası oluşturayım mı? Çünkü sürekli fetch atmak bandwith kullanımı açısından iyi olmayabilir. 2- Şehir seçtikten sonra dediğiniz gibi yalnızca o şehirde var olan dataları göstermek mantıklı. Peki, bütün şehirler için aynı olan data'yı da göstermeli miyiz şehir seçtikten sonra? Diğer dediklerinizi de koda aktarmaya çalışacağım en kötü bu gece ya da yarın bitiririm diye düşünüyorum.

1- index.json dosyası halihazırda pdf için çekiliyor bu yüzden 2. kullanımda cache'den gelecektir. Ayrıca index.json dosyası yeni eklenen şehirlere göre otomatik olarak güncelleniyor. Bu yüzden s3 üzerinden çekmek daha mantıklı olur diye düşünüyorum. 2- Bu konuda emin olamadım ama benim şahsi fikrim göstermeye devam etmeliyiz yönünde. (@yigitv4rli buna sen de bir fikir belirtirsen iyi olur.)

[yigitv4rli]

Aynilarini yaziyordum, 1 icin bence de cache'ten dolayi sorun olmayacaktir. 2. icin bence de gosterelim.

[Kaanayden]

Hocam bahsettiğiniz feedbacklere göre eklemeler yaptım. Belirtmek istediğim iki şey olacak: 1- Şehirde hangi verinin olup olmadığına bakmak için Arrays.some fonksiyonu kullanıyorum. Eğer çok işlem yapacağını düşünürseniz site ilk yüklendiğinde "hangi veri hangi şehirde var?"ı tutmak için bir array ya da JSON objesi oluşturabiliriz. 2- Şehir seçimini kaldırmak için AutoComplete componentinde bir çarpı butonu var fakat mobil telefon gibi farklı kullanımlarda insanlar şehir seçiminin nasıl kaldırılacağını fark edemeyebilir. Belki şehir seçimini kaldırmak için ekstra bir buton daha ekleyebiliriz bu component'in yanına.

[Kaanayden]

Hocam bir de belirtmeyi unutmuşum main'e eklemeden önce locales klasöründe "page.main.subtitle_city" için çeviriler yapılması gerekiyor.

[ozansz]

Elinize saglik hocam. Fonksiyonalite olarak bence bir eksik yok. Fakat su an sitede 3 tane alt alta row'u olan bir header var ve bu yuzden asil icerik (basliklar) cok asagida kaliyor. Bu PR icinde bunlari da tek row'a alabilir miyiz? Header'i olabildigince dar yapsak guzel olur.

Bunun yerine:

Soyle bir sey olabilir:

cc: @Ayb3rk @yigitv4rli

[Kaanayden]

@ozansz Hocam dediğiniz gibi yaptım. Şu şekilde oldu:

[yigitv4rli]

1- Kaan cok sag ol, seni ugrastiricam tekrardan, su duzen daha mi hos? Senin dusuncen ne bir user olarak? Araya cok az bir padding ekleyebiliriz. Ben mobile mode gecip ss aldim o yuzden padding az oldu sanirim. [1] 2- Il secilince bir auto refresh atip url'e onu ekleyen bir sey ekleyebilir miyiz? Aklimdaki steps:

• www.afetbilgi.com il secilmemis halde aciliyor normal anasayfada
• User il secince sayfaya auto refresh atip url www.afetbilgi.com/{{cityUrlEncode}} haline geliyor. (Refresh atmak istememdeki sebep UX acisindan intuitive olarak cidden sayfanin artik sectikleri sehre gore duzenlenecegini anlamalari)
• Birisi www.afetbilgi.com/{{cityUrlEncode}} seklinde girerse ornegin /adana sayfanin alttaki haline erismis olacaklar. (En ustte 1. de yazdigim duzeni kullanabiliriz senin fikrine gore) [2]

[1]

[2]

[Kaanayden]

1. Ekran görüntüsündeki düzen mobilde diğer türlü gözükmediği için yapmıştım aslında. Ama bence yine de hem mobil hem masaüstünde şehir altta olunca daha iyi gözüküyor gibi geldi bana.
2. Yapmaya başlayayım. Peki yeni sayfaya geçince tamamen refresh atıp goBack stack'ini filan da devre dışı bırakayım değil mi? Yoksa her şehir seçimi go back butonunu bozacak.

[yigitv4rli]

2. Guzel nokta. Orayi sifirlayabiliriz bence yeni bir sehir secilirse. Ayni sekilde carpiya basip clear edince sehir secimini, yine refresh atip direkt afetbilgi.com'a yonlendiririz

[Kaanayden]

Padding'i biraz arttırıp city selection'u aşağı aldım.

Bilgisayar:

Mobil:

[yigitv4rli]

Boyle daha iyi oldu sanki, begendim ben de

[Kaanayden]

Birkaç sorum daha olacak. 1- Eğer url sistemi kullanırsak son bakılan şehiri cache'de tutamayacağım, sorun olur mu acaba diye düşündüm de. 2- Bir de yeni şehire geçişte navigate'i mi kullanayım yoksa refresh mi atayım? Stack'te birikmeyi engellemek için.

[yigitv4rli]

1- Local Storageda tutabilirsin yine sorun olmayacaktir 2- Bunu benden daha iyi yorumlayacagi icin @Ayb3rk

[Kaanayden]

@yigitv4rli Fakat url sistemine geçtiğimiz için normal sayfaya girildiğinde herhangi bir şehir seçimi olmaması gerektiği için localstorage kullanmak mantıksız oluyor gibi.

[Kaanayden]

Hocam url'ye göre şehir seçimini yaptım, Ekstra bir feedback'iniz olursa yarın iletebilirsiniz.

[Ayb3rk]

Kaan ellerine sağlık gayet iyi görünüyor şuanki hali. Stackte birikmesi bir sorun yaratmıyor navigate edebiliriz, tek tek tüm şehirleri seçip baktım bir kasma yaşamadım sitede. Tek bir sorum olucak, şehir seçimi hala zorunlu gibi gözüküyor. Bunun önüne nasıl geçebiliriz acaba? @ozansz @yigitv4rli

[oznakn]

nasıl yani @Ayb3rk?

[Kaanayden]

@Ayb3rk Hocam ne demek istediğinizi tam anlayamadım da.

[Ayb3rk]

nasıl yani @Ayb3rk?

Siteye ilk girildiğinde karşıya direkt şehir seçimi çıkıyor ve ne işe yaradığı anlaşılmıyor. Seçmek zorunlu duruyor gibi göründü gözüme. Eğer herkese öyle gelmediyse düzeltmeye gerek yok

[Kaanayden]

nasıl yani @Ayb3rk?

Siteye ilk girildiğinde karşıya direkt şehir seçimi çıkıyor ve ne işe yaradığı anlaşılmıyor. Seçmek zorunlu duruyor gibi göründü gözüme. Eğer herkese öyle gelmediyse düzeltmeye gerek yok

Hocam bunun için 2 çözüm önerim var: 1- Şehir seçimi için olan component'te "Şehir seçiniz" yerine "Şehir", "Şehirler", ya da "Tüm Şehirler" yazabilir. Bu şekilde zorunlu olmadığı anlaşılabilir belki. 2- Title'daki "Lütfen bilgi almak istediğiniz konuyu seçiniz.", "Tüm şehirler hakkında" diye başlayabilir belki. Fakat bu çözümün iyi olup olmayacağından tam emin olamadım.

[alpaylan]

Hocam öncelikle ellerine sağlık. Şunun doğru UX'ine karar vermeye çalışıyorum bir başarabilirsek seni de yormadan ya mergeleyelim ya da ona göre değiştirelim istiyorum. Bir süre uyuyor kalabilir burası o yüzden özür dilerim.

[ozansz]

bunu artik mergeleyelim diyorum UX update'i sonra da yapariz cc: @Ayb3rk @yigitv4rli @oznakn @alpaylan

[oznakn]

ben de aynı fikirdeyim

[alpaylan]

Eğer sectionın altı boşsa alignment kayıyor. Onu düzelttikten sonra approve layayım hak verdim ben de ux update yakında gelmeyecek gibi

[oznakn]

@Kaanayden hocam siz ilgilenebilir misiniz yoksa biz bakalım mı?

[Kaanayden]

Eğer sectionın altı boşsa alignment kayıyor. Onu düzelttikten sonra approve layayım hak verdim ben de ux update yakında gelmeyecek gibi

Hocam o "diğer" sekmesinde oluyordu zaten sadece. O sekmeyi kaldırmışsınız sanırım yeni main'e mergeledikten sonra öyle bir sorun kalmadı.