mavidurak / mentor-front-end-vue Goto Github PK

Dashboard sayfasındaki yazılar azaltılıp görsel içerik çoğaltılmalı. Chartlarla etkileşim kolaylaştırılmalı.
İlgili Issuelar :
#76
#77
#78
#79

• Hata alinan input'larin cercevesi kirmizi olabilir. Hangi alanin hata verdigini daha net gostermek gerekiyor.
• Hata mesajlari input'lara yapisik geliyor. Biraz bosluk eklenebilir.
• Kayit olma ekraninda hata mesajlarinin renkleri yok.

Kullanıcı çıkış yaptıktan sonra tarayıcı üzerindeki "geri" tuşuna basarsa login sayfasına yönlendirmek yerine doğrudan bir önceki sayfaya yönlendiriyor.Token local storage'dan silindiği için geri gelince sadece verisi olmayan bir arayüz görüyor.

Eski versiyonda api ile uyumsuz ayrı bir form bulunmaktaydı. Modaller, viewler ile aynı formu kullanacak yapıya getirilmeli

Chart.js sayfanın farklı boyutlarına pek iyi uyum sağlayamıyor ve biraz fazla sade görünüyor. Aşağıdaki linkteki bu şartları sağlayan daha iyi bir chart bulmamız durumunda değiştirebiliriz.

https://www.codewall.co.uk/best-javascript-chart-libraries/

En beğendiklerim:
1/ https://apexcharts.com/ https://codepen.io/DanEnglishby/pen/BaQKvgw
2/ https://nvd3.org/
3/ https://www.anychart.com/
4/ https://developers.google.com/chart

sign in butonuna tıklamadan enter tuşuna sadece basarak girmiyor.

main.js içindeki js ve css importlar belirli bir sıraya göre değil rastgele olarak yazılmış(kendi yazdığımız dosyalar, paketler ve paket içindeki js-css dosyaları).

Halihazırda yüklü olan admin-lte paketinin js ve css dosyaları doğrudan paket içinden import etmek yerine içerikleri kopyalanarak src/styles ve src/plugins klasörlerinden import ediliyor.

Zamanında amele gibi copy past yapmışız :). İleride kolay değişiklik yapabilmemiz bu işlemleri tek yerden ayarlayabiliriz

mavidurak/mentor-api#41 'e göre front end güncellenmeli

Bu dosya mavidurak/mentor-front-end@a78b354 commiti ile oluşturulmuş, içi boş ve hiçbir yerde çağrılmıyor.

Backende eklenen locations'un frontende implementasyonu

Navbarı daha basit ve vueya uyg şekilde refactor edip bu problemi çözebiliriz. Şu anda javascript kodu direkt vue içine implemente edildiği için çifte standart oluşturuyor

Sabit inputlar icin (ornegin e-posta, sifre ve kullanici adi gibi) componentler hazirlanip bunlari login, register, forgot password gibi alanlarda kullanabiliriz.
Bunun yaninda duz metinler icin de sade bir input ile min max validasyonu olan bir input hazirlayabiliriz. Input validasyonlarini yonetmek daha kolay olabilir bu sekilde.

Ornegin giris yaparken e-posta girildikten sonra enter'a basilir ve e-posta validasyonu gecerse focus password input'una gecmeli

oluşturma ve güncelleme aynı view'ı kullanacak

Input'a focus kaybinda direkt olarak validasyon calisiyor ve hata mesaji goruntuleniyor. Bunun yerine bos inputlar icin hatalar gosterilmemeli. Ayrica form'daki zorunlu alanlar doldurulana kadar buton pasif kalmali. Bu durum register ekraninda calisiyor ama login'de yok.

Listeleme tablolarında Delete ve Update button yazıları çok yer işgal ediyor. Tablonun sıkışık gözükmesine sebep oluyor. Bu kısımlar anlamlı ikonlar ile değiştirilmesi tabloda bilgilerin gösterilmesi için daha çok alan açılmasına olanak sağlar

src içindeki adminlte klasörü silinip poaket olarak eklenmeli.

Sign Up tuşuna basınca kayıt başarılı veya başarısız farketmeksizin kullanıcı username bilgisini konsola basıyor.

Şu andaki url:
http://localhost:8080/datas/
Olması gereken:
http://localhost:8080/data-sets/1/datas/

Değiştirilmek istenme sebebi :
Kullanıcı sayfayı güncellediğinde data-set in id bilgisi kaybolmasın diye

görüntüleme ve silme aynı view olacak

API'da dataset'in konum bilgilernin tutulması için güncelleme yapıldı ancak arayüzden bu bilgiler alınmadığı için dataset oluşturma sayfası şu anda çalışmıyor.

Bir harita eklenmeli ve haritada seçilen yerin konum bilgileri gönderilen JSON'ın içine eklenmeli

Validasyonlar inputun degeri her degistigi zaman yapilmamali. Input focusu kaybeder veya gonderme butonuna tiklanirsa yapilmali. Eger hata mesaji gosterildikten sonra input degeri degisirse hata mesaji kaybolmali ve bir sonraki validasyon yapildiginda geri gelmeli (eger hata varsa)

Dashboard sayfasında application verisi location tablosundan lattitude ve longitude verileri içermeli. Bu veriler ile eklenecek google map, here maps, yada başka bir harita uygulaması ile marker(Yer işareti) olarak gösterilmeli. Ekstra sorun olursa yaz

Router linkleri issue #88 tamamlandıktan sonra güncellenmeli ve yanlış isimlendirmeler düzeltilmeli

axios isteklerinde (bkz: https://github.com/mavidurak/mentor-front-end/blob/master/src/views/Guests/Login.vue 92.satir) domain ile birlikte istek atiliyor.

Bu yanlis bir ilerleyis. Eger bu sekilde kullanirsak production, staging icin veya gelistirme ortaminda API'yi farkli portta calistirdigimiz zaman butun dosyalarda bunu degistirmemiz gerekecek.

Bu durumu engellemek icin vue.config.js'e daha onceden proxy eklemistik. Butun isteklerdeki domain ibaresini (http://localhost:4000) silersek eger otomatik olarak istekler proxy ile oraya yonlendirilecek.

Okunurluğu arttırmak ve aynı isme sahip frontend ve API endpointlerinin çakışmaması için endpointlerinin başına prefix eklenmeli.

https://cli.vuejs.org/config/#devserver-proxy

Örnek olarak:

axios.post('/authentications/login/', {
  username: this.username,
  password: this.password
})

kullanmak yerine

axios.post('/api/authentications/login/', {
  username: this.username,
  password: this.password
})

https://www.creative-tim.com/product/vue-argon-dashboard-asp-net# önyüz olarak tasarımı benim çok hoşuma gitti yorumlarınız neler?

key_title alanı data_type olarak değiştirildiği için hata veriyor. Ayrıca data type alanı seçildiğinde 2 kere seçiyor. Çoklu seçim engellenmeli.

Router linkleri issue #88 tamamlandıktan sonra güncellenmeli ve yanlış isimlendirmeler düzeltilmeli

Soldaki menüye "Datasets, Datas ve Applications" için itemlar oluşturulmalı. Bu itemların hepsinin altında "Yeni Kayıt Oluştur" ve "Listeyi Gör" seçenekleri olacak.

Node versiyonu yükseltildiğinde sass-loader patlıyor ve proje ayağa kalkmıyor. Sass için değişiklik yapılarak çözülebilir.

Form verisi ve JS tarafında aldığımız hata bu şekilde;

Sorunun ana kaynağı şu; dönen hata mesajının formatı beklediğimiz gibi değil.

Harita üzerinden lokasyon seçilip , bu lokasyonun longitude latitude verileri apiye gönderilimelidir. Şu anda halihazırda longitude ve latitude verileri apiye gönderiliyor. Yapman gereken bu verileri text inputlar yerine 2d bir harita üzerinden almak

Bir toggle button yardımıyla dataset seçenekleri application bazlı yada bağımsız olarak değişebilmeli