Σχεδιασμός και Υλοποίηση Συστήματος Διαχείρισης Προσωπικών Δαπανών  

53 

 

 

Εικόνα 27 Τα πεδία για την εμφάνιση των δαπανών 

 

 

Εικόνα 28 Εμφάνιση και επιλογή όλων των κατηγοριών όλων των ετών 

 

Κατά τη φόρτωση της σελίδας τα πεδία περιορισμών εμφάνισης φέρουν κάποιες 

προεπιλεγμένες  τιμές.  Πιο  αναλυτικά,  οι  προεπιλεγμένες  κατηγορίες  είναι  όλες  του 

τρέχοντος έτους. Το αυτόματα επιλεγμένο χρονικό διάστημα αντιστοιχεί σε περίοδο 

ενός  μήνα,  με  πιο  πρόσφατη  ημερομηνία  αυτήν  της  τρέχουσας  ημέρας  και  με 

παλαιότερη  την  αντίστοιχη  του  προηγούμενου  μήνα.  Τέλος,  ο  προκαθορισμένος 

τρόπος ταξινόμησης είναι από την πιο πρόσφατη δαπάνη του προεπιλεγμένου χρονικού 

διαστήματος, στην παλαιότερη.  

Αφότου  ο  χρήστης  μεταφερθεί  στην  αρχική  σελίδα  είτε  αφήσει  τα 

προκαθορισμένα,  είτε  επιλέξει  τα  επιθυμητά  φίλτρα  και  πατήσει  το  κουμπί 

“Εμφάνιση”,  φορτώνεται  ασύγχρονα  ο  πίνακας  με  τις  καταχωρήσεις  που 

ανταποκρίνονται στα επιλεγμένα φίλτρα. Δίπλα στην κάθε γραμμή, η οποία αντιστοιχεί 

και σε διαφορετική εγγραφή, υπάρχουν οι δυνατότητες επεξεργασίας και διαγραφής 

της κάθε δαπάνης. Με την επιλογή κάποιας από αυτές τις δυνατότητες, αναδύεται το 

αντίστοιχο  παράθυρο  (modal)  στο  κέντρο  της οθόνης  [Εικόνα  29].  Όταν  επιλεγεί  η 

επεξεργασία των εξόδων, στο εσωτερικό του αναδυόμενου παραθύρου εμφανίζεται η 

φόρμα εισαγωγής εξόδων με προσυμπληρωμένα τα πεδία, με τις κατάλληλες τιμές που 

αντιστοιχούν στην εκάστοτε καταχώρηση.