# Υλοποίηση διαλόγου "Προσθήκη συναλλαγής" ## Οδηγίες Η εφαρμογή της τράπεζάς μας εξακολουθεί να στερείται μιας σημαντικής λειτουργίας: της δυνατότητας εισαγωγής νέων συναλλαγών. Χρησιμοποιώντας όλα όσα έχετε μάθει στα τέσσερα προηγούμενα μαθήματα, υλοποιήστε έναν διάλογο "Προσθήκη συναλλαγής": - Προσθέστε ένα κουμπί "Προσθήκη συναλλαγής" στη σελίδα του πίνακα ελέγχου - Δημιουργήστε είτε μια νέα σελίδα με ένα πρότυπο HTML, είτε χρησιμοποιήστε JavaScript για να εμφανίσετε/κρύψετε το HTML του διαλόγου χωρίς να φύγετε από τη σελίδα του πίνακα ελέγχου (μπορείτε να χρησιμοποιήσετε την ιδιότητα [`hidden`](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/hidden) για αυτό, ή κλάσεις CSS) - Βεβαιωθείτε ότι χειρίζεστε [προσβασιμότητα για πληκτρολόγιο και αναγνώστη οθόνης](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/) για τον διάλογο - Υλοποιήστε μια φόρμα HTML για την εισαγωγή δεδομένων - Δημιουργήστε δεδομένα JSON από τα δεδομένα της φόρμας και στείλτε τα στο API - Ενημερώστε τη σελίδα του πίνακα ελέγχου με τα νέα δεδομένα Δείτε τις [προδιαγραφές του API του διακομιστή](../api/README.md) για να δείτε ποιο API πρέπει να καλέσετε και ποια είναι η αναμενόμενη μορφή JSON. Ακολουθεί ένα παράδειγμα αποτελέσματος μετά την ολοκλήρωση της εργασίας: ![Στιγμιότυπο οθόνης που δείχνει ένα παράδειγμα διαλόγου "Προσθήκη συναλλαγής"](../../../../translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.el.png) ## Κριτήρια αξιολόγησης | Κριτήριο | Εξαιρετικό | Επαρκές | Χρειάζεται Βελτίωση | | -------- | ------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- | --------------------------------------------| | | Η προσθήκη συναλλαγής υλοποιείται πλήρως ακολουθώντας όλες τις βέλτιστες πρακτικές που παρουσιάστηκαν στα μαθήματα. | Η προσθήκη συναλλαγής υλοποιείται, αλλά δεν ακολουθούνται οι βέλτιστες πρακτικές που παρουσιάστηκαν στα μαθήματα ή λειτουργεί μόνο εν μέρει. | Η προσθήκη συναλλαγής δεν λειτουργεί καθόλου. | --- **Αποποίηση ευθύνης**: Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που καταβάλλουμε προσπάθειες για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτοματοποιημένες μεταφράσεις ενδέχεται να περιέχουν σφάλματα ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα θα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή εσφαλμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.