|
|
<!--
|
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
|
{
|
|
|
"original_hash": "f23a868536c07da991b1d4e773161e25",
|
|
|
"translation_date": "2025-08-26T23:12:39+00:00",
|
|
|
"source_file": "7-bank-project/4-state-management/assignment.md",
|
|
|
"language_code": "el"
|
|
|
}
|
|
|
-->
|
|
|
# Υλοποίηση διαλόγου "Προσθήκη συναλλαγής"
|
|
|
|
|
|
## Οδηγίες
|
|
|
|
|
|
Η εφαρμογή της τράπεζάς μας εξακολουθεί να στερείται μιας σημαντικής λειτουργίας: της δυνατότητας εισαγωγής νέων συναλλαγών.
|
|
|
Χρησιμοποιώντας όλα όσα έχετε μάθει στα τέσσερα προηγούμενα μαθήματα, υλοποιήστε έναν διάλογο "Προσθήκη συναλλαγής":
|
|
|
|
|
|
- Προσθέστε ένα κουμπί "Προσθήκη συναλλαγής" στη σελίδα του πίνακα ελέγχου
|
|
|
- Δημιουργήστε είτε μια νέα σελίδα με ένα πρότυπο 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.
|
|
|
|
|
|
Ακολουθεί ένα παράδειγμα αποτελέσματος μετά την ολοκλήρωση της εργασίας:
|
|
|
|
|
|
|
|
|
|
|
|
## Κριτήρια αξιολόγησης
|
|
|
|
|
|
| Κριτήριο | Εξαιρετικό | Επαρκές | Χρειάζεται Βελτίωση |
|
|
|
| -------- | ------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- | --------------------------------------------|
|
|
|
| | Η προσθήκη συναλλαγής υλοποιείται πλήρως ακολουθώντας όλες τις βέλτιστες πρακτικές που παρουσιάστηκαν στα μαθήματα. | Η προσθήκη συναλλαγής υλοποιείται, αλλά δεν ακολουθούνται οι βέλτιστες πρακτικές που παρουσιάστηκαν στα μαθήματα ή λειτουργεί μόνο εν μέρει. | Η προσθήκη συναλλαγής δεν λειτουργεί καθόλου. |
|
|
|
|
|
|
---
|
|
|
|
|
|
**Αποποίηση ευθύνης**:
|
|
|
Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που καταβάλλουμε προσπάθειες για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτοματοποιημένες μεταφράσεις ενδέχεται να περιέχουν σφάλματα ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα θα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή εσφαλμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης. |
