Giter Club home page Giter Club logo

ulakbus-ui's People

Contributors

alirizakeles avatar ayhansipahi avatar bahadircyildiz avatar chntklc avatar dilekoturak avatar erkanogum avatar evrenesat avatar fjzach avatar kunthar avatar smartsuhani avatar sparth786 avatar vlabar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ulakbus-ui's Issues

Ekranda helptext varsa, Formun helptexti basılmıyor.

Yeni personel akışının hata gözden geçirme ekranında mevcut helptext ekrandayken, iptal seçildiğinde, İptal formunun helptexti yoksayılıyor.

Bu hata ile ortaya çıkan hatalı davranış; Yeni bir form ekrana basılmadan önce, önceki form ekrandan tamamen temizlenmeli.

Collapsable Main Menu

1024 cozunurlukler icin otomatik, daha yuksek cozunurluklerde de istege bagli collapsable menu yapilmasi

Detayli form kontrolleri

Formlari olustuturken required fieldlar yeterli olmuyor. Birbirine bagimli alanlar, tarih araliklarinin ya da x derecedeki kadro icin secilemeyecek kadro unvan gibi zorunluluklari yonetmek icin bir cozum gelistirmemiz gerekiyor.

generic button fonksiyonlari

form nesnesinde yer alan butonlarin generic islevlerinin "cmd" anahtarindan alinarak gonderilmesi, eger cmd anahtari yoksa tiklanilan butonun degerinin 1 olarak post edilmesi

Form Gruplama

Uzun formlarin daha kullanici dostu bir gorunume kavusturulmasi gerekiyor.

Formlar, parcali, acilir kapanir veya step step sekilde gosterilebilir hale getirilmeli.

pagination

listeleme ekranlarinin sayfalama islerinin yapilmasi

Liste ekranının URL bağımsız hale getirilmesi

Şuanda CrudView'ın parçası olarak çalışan liste ekranının "client_cmd" değişkeninin değerine bağlı olarak etkinleşmesi ve "show", "add" ve "edit" linklerini o anki worfklow urlsine göreli olarak oluşturulması, CrudView sınıfının tam anlamıyla tekrar kullanılabilir ve genişletilir hale getirmenin yanı sıra, tamamen özel viewların, belgelendirilmiş API'a uygun çağrılar üreterek listeleme, düzenleme, silme, arama vb. jenerik işlevler için ulakbus-ui'ın dahilindeki işlevleri kullanabilmelerini sağlayacaktır.

QueryDebugger

DEBUG mod açıkken dönen "_debug_queries" altındaki verileri kullanarak aşağıdakine benzer bir ekran hazırlarsan çok süper olurdu. Sorgular istege bagli olarak TIME ve TIMESTAMP alanına göre siralanabilirse daha bi super olur.

Django Debug Toolbar - Query View

3 Çeşit veri dönüyor.

  • Arama işlemi (aşağıdaki ilk öge, QUERY keyi olmasından anlaşılabilir.)
  • Kayıt işlemi (ikinci öge, içinde SAVE_IS_NEW keyi olmasından anlayabilirsin, True ise yeni yeni kayıt, değilse güncelleme dir. )
  • Get işlemi (kalanlar)
"_debug_queries":[  
      {  
         "TIMESTAMP":1446666305.753408,
         "TIME":0.0362,
         "BUCKET":"models_personel",
         "QUERY_PARAMS":{  
            "sort":"timestamp desc",
            "rows":1000
         },
         "QUERY":"tckn:123* AND -deleted:True"
      },
  {  
         "TIMESTAMP":1446666492.017113,
         "BUCKET":"models_kurum_disi_gorevlendirme_bilgileri",
         "SerializationTime":0.00078,
         "SAVE_IS_NEW":true,
         "KEY":"ZZjOPrcdfW1w8EASYRastvEWKaA",
         "Time":0.01684
      },
      {  
         "TIMESTAMP":1446666305.789678,
         "BUCKET":"models_personel",
         "KEY":"TILjcZZpBzbVXdFMCWkYjNMnDSi",
         "TIME":0.00425
      },
      {  
         "TIMESTAMP":1446666305.798089,
         "BUCKET":"models_personel",
         "KEY":"2yBUSlyr2WQp4l6xL79ehPCDR35",
         "TIME":0.00335
      },
      {  
         "TIMESTAMP":1446666305.810038,
         "BUCKET":"models_personel",
         "KEY":"WTbiwac9tjtEQ2TZxmJh7eSb3CF",
         "TIME":0.00548
      },
      {  
         "TIMESTAMP":1446666305.819372,
         "BUCKET":"models_personel",
         "KEY":"FmV5il0bAIwCBE1Zuk63WXfC9Vd",
         "TIME":0.00305
      },
      {  
         "TIMESTAMP":1446666305.82646,
         "BUCKET":"models_personel",
         "KEY":"6SZXvENlJKuDtD8e9b1mHxDqc4Y",
         "TIME":0.00305
      },
      {  
         "TIMESTAMP":1446666305.832966,
         "BUCKET":"models_personel",
         "KEY":"YPjWATvtR54JdY5BxVWYUh5AbeB",
         "TIME":0.04506
      },
      {  
         "TIMESTAMP":1446666305.882205,
         "BUCKET":"models_personel",
         "KEY":"UGYo52etHUacK5uP1v91oGX8JDU",
         "TIME":0.01335
      },
      {  
         "TIMESTAMP":1446666305.899335,
         "BUCKET":"models_personel",
         "KEY":"doZJrm6phbFwyuWZk9LYf05u4z",
         "TIME":0.00291
      },
      {  
         "TIMESTAMP":1446666305.906138,
         "BUCKET":"models_personel",
         "KEY":"CZDKGx57MKufxrZNgNb2j9EQ9Mz",
         "TIME":0.0098
      },
      {  
         "TIMESTAMP":1446666305.919088,
         "BUCKET":"models_personel",
         "KEY":"BW6nTAnpBQAIuj8LL98wOV1DJMC",
         "TIME":0.00257
      }
   ]

DevMenu

QueryDebug aç / kapa
backendUrl gösterme / sıfırlama / ayarlama
notify ac / kapa

'cmd' her durumda json verisinin kök seviyesinde gelmeli

mevcut durumda, form içinde düğmelerle tanımlanan komutlar "form" altında gelirken, crud liste ekranları gibi form dışı çağrılarda kök seviyesinde konumlanıyor. her durumda kökte gelmesi olası karışıklıkları önleyecektir.

favicon.ico

ulakbus sitesi icin bir favicon tasarlanmasi

help guide eklenmesi

dokumantasyonda belirlenen kutuphane ile help guide'in olusturulmasi ve sayfalara uygulanmasi

Kullanıcı yonetim ekranlari

User, Role, AbstractRole, Permission yönetim ekranlarına ihtiyacımız var. Django'nun filter_interface'i benzeri ama bir arayüz hazırlamalıyız.

UI ögeleri için API belgelendirmesi

Aşağıdaki gibi kullanıcı arayüzü ögelerinin nasıl bir API ile çalıştığının belgelendirilmesi faydalı olacaktır. Her ne kadar burada belgelendirlecek olan API, backend API'si bir çok yerde örtüşecek olsa bile, tekrar kullanılabilir UI ögelerinin arkauçtan bağımsız olarak belgelendirilmeleri, projeye sonradan/dışarıdan eklenecek geliştiricilerin işini kolaylaştıracaktır.

  • Listeleme
  • Ekleme,
  • Düzenleme,
  • Silme
  • Aralık (range) sorgular
  • Arama kutusu
  • Mesaj kutuları
  • Metin kutuları
  • Rapor ekranları

Reload ui command

WF icinden cagirilan diger wflerin sonuclarinin, icinde bulunulan ekrani nasil degistirecegini bildiren komutunun implemente edilmesi.

Hata karşısında daha düzgün davranış

Mesela aşağıdaki hata döndüğünde, sessizce dashboarda dönmek yerine bilgilendirici bir hata mesajı faydalı olabilir. info, error, warning simgeli mesaj kutularını daha önce konuşmuştuk.
403 Forbidden
{
"title": "Permission denied",
"description": "You don't have required permission: crud.init"
}

filter interface

ilk olarak #16 kullanilacak generic filter interface'in form service icinde olusturulmasi

Form basliklari hatali geliyor

Form basliklari bircok formda hatali geliyor. Ekleme formlarinin basligi kimisinde "Login Form" seklinde gorunuyor. Bazi baskalarinda ise diger modellerin isimleri gorunuyor. Ucresiz izin ekleme formunda bazen mahkeme bazen de kurumdisi gorevlendirme modellerinin isimlerinin gorunmesi gibi..

Zaten dolmus alanlar icin zorunlu uyarisi

Formlarda bazi alanlar dolu olmasina ragmen zorunlu uyarisi veriyor. Ornegin ucretsiz izin eklerken baslangic tarihi secili olmasina ragmen zorunlu alan uyarisi veriyor.

Ekran goruntusu:
screen shot 2015-11-10 at 07 52 11

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.