Profil Ekranında Aksiyonların Hazırlanması

Bu öğrenme içeriğinde bir fikrim var web ve mobil uygulamasında yer alan ekranlardan biri olan kullanıcı profil ekranı için aksiyonları birlikte hazırlayacağız.

Web uygulamayla devam edelim.

Kullanıcı profilini incelediğimizde ekranda kullanıcı bilgilerinin yer aldığı bir kart yapısını görüntülüyoruz. Bu kart yapısı içerisinde, giriş yapmış kullanıcının görseli, adı ve soyadı, departmanı ve Title’ı yer almaktadır. Bu bilgileri kart yapısında göstermek için bir select aksiyon oluşturacağız.

Ekranın devamında kullanıcıların oluşturduğu fikir sayısını gösteren bir metin alanı yer aldığını görüntülüyoruz. Bu alan için bir özel aksiyon ihtiyacı ortaya çıkmaktadır.

Ekranda son olarak kullanıcının oluşturduğu fikirlerin listelendiğini görüntülüyoruz. Bu listeleme işlevini sağlayacak Select Action’u da birlikte oluşturacağız.

Birlikte bu aksiyonları oluşturmaya başlayalım.

Ekranda yer alan, profil bilgilerinin görüntülenmesini sağlayan, aksiyon için giriş yapmış kullanıcın kullanıcı adına yani e-posta adresine göre listeleme işlevi sağlayan özel aksiyonu oluşturalım. 

1. Sol tarafta yer alan Custom Actions panelini açın ve Managed DB ifadesi yanında yer alan + ikonuna tıklayın.
2. Açılan Menüden Select Action’u seçin.
3. Aksiyonunuzu isimlendirin.
4. Choose Source alanı aracılığıyla Personnel tablosunu seçin.
5. Personnel tablosunun yanında yer alan link işaretine tıklayın ve Department tablosuyla ilişki oluşturun.
6. Fields alanını kullanarak varsayılan olarak gelen alanların yanı sıra, Personnel tablosunda bulunan Id kolonunu ekleyip, Alias alanında PersonnelId isimlendirmesini yapın. 
7. Ardından personnel tablosundan Fullname, PersonnelImage ve Title alanlarını ekleyin.
8. Devamında Department tablosundan Id kolonunu ekleyip DepartmentID olarak isimlendirin. Field alanında son olarak DepartmentName kolonunu seçin.
9. Filter alanında Personnel tablosunu seçin, ardından email kolonunu seçin ve varsayılan gelen is equal to seçimini seçili olarak bırakın.
10. Ardından en sağda yer alan symbol picker’a tıklayıp Default kategorisinde bulunan Current Username seçimini yapın.
11. Create butonuna tıklayarak aksiyonu oluşturun.

Şimdi profilde yer alacak, kullanıcı tarafından oluşturulan fikirlerin sayısını verecek aksiyonu oluşturalım.

12. Custom Actions panelini kullanarak yeni bir Select Action oluşturun.
13. Aksiyonu isimlendirin.
14. Idea tablosunu seçin ve Personnel tablosuyla ilişkilendirin.
15. Fields alanında Field alanında Id seçimini yapın ve Count fonksiyonu seçin.
16. Alias alanında UserIdeaCount isimlendirmesini yapın.
17. Varsayılan oluşturulan Field’leri silin.
18. Devamında Filter alanında Personnel tablosunu seçin, ardından email kolonunu seçin ve varsayılan gelen is equal to seçimini seçili olarak bırakın.
19. Create butonuna tıklayın.

Devamında GalleryView içerisinde yer alan yapıyı kurgulamak için Select Action öğrenme içeriğine benzer yapıda aksiyonumuzu oluşturalım.

20. Yeni bir Select Action oluşturun ve isimlendirin.
21. Choose Source alanı aracılığıyla Idea tablosunu seçin.
22. Idea tablosu yanında yer alan link ikonuna tıklayın. 
23. Açılan ekrandan Idea tablosuyla ilişkili olan Personnel tablosunu seçin.
24. Aynı işlemi bu seferde IdeaCategory tablosu için yapalım.
25. Fields sekmesini açın. 

Fields sekmesinde varsayılan olarak gelen seçimlere ekleme yaparak ilerleyelim.

26. Idea tablosunda sırasıyla ilk olarak Id’yi ekleyin. Alias alanında IdeaID isimlendirmesini yapın.
27. Devamında sırasıyla, CreatedDate, IdeaHolder, IdeaImage, Ideatitle seçimlerini yapın.

Şimdi Personnel tablosundaki kolonları ekleyerek ilerleyelim.

28. İlk olarak Personnel Tablosunda yer alan ID’yi seçin ve Alias alanı aracılığıyla PersonnelID isimlendirmesini verin.
29. Ardından Fullname, PersonnelImage ve Title seçimlerini yapın.Son olarak Category tablosunda yer alan ID’yi ekleyin ve Alias aracılığıyla CategoryID olarak isimlendirin. 
30. Devamında Filter alanında Personnel tablosunu seçin, ardından email kolonunu seçin ve varsayılan gelen is equal to seçimini seçili olarak bırakın.
31. Ardından en sağda yer alan symbol picker’a tıklayıp Default kategorisinde bulunan Current Username seçimini yapın.

Profil ekranında kullanıcı tarafından oluşturulmuş fikirlerin son eklenenden ilk eklene doğru listelenmesi için bir sıralama yapısı kurgulayalım.

32. Şimdi SortOrder sekmesini açın, Idea tablosunu seçin, kolon olarak CreatedDate kolonu seçin ve Descending seçimini yapın.
33. Create butonuna tıklayarak aksiyonu oluşturma işlemini tamamlayın.

Böylece girişi yapmış kullanıcının profil ekranı için gerekli aksiyonları oluşturmuş olduk. Benzer akışı takip ederek Bir fikrim var mobil uygulamasında profil aksiyonlarını oluşturmanızı bekliyoruz.