<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "f23a868536c07da991b1d4e773161e25",
  "translation_date": "2025-08-26T00:49:51+00:00",
  "source_file": "7-bank-project/4-state-management/assignment.md",
  "language_code": "pa"
}
-->
# "ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ" ਡਾਇਲਾਗ ਨੂੰ ਲਾਗੂ ਕਰੋ

## ਹਦਾਇਤਾਂ

ਸਾਡੀ ਬੈਂਕ ਐਪ ਵਿੱਚ ਅਜੇ ਵੀ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਫੀਚਰ ਦੀ ਕਮੀ ਹੈ: ਨਵੀਆਂ ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨਜ਼ ਦਰਜ ਕਰਨ ਦੀ ਸੰਭਾਵਨਾ। ਪਿਛਲੇ ਚਾਰ ਪਾਠਾਂ ਵਿੱਚ ਸਿੱਖੀ ਗਈਆਂ ਸਾਰੀਆਂ ਚੀਜ਼ਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, "ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ" ਡਾਇਲਾਗ ਨੂੰ ਲਾਗੂ ਕਰੋ:

- ਡੈਸ਼ਬੋਰਡ ਪੇਜ 'ਤੇ "ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ" ਬਟਨ ਸ਼ਾਮਲ ਕਰੋ
- ਜਾਂ ਤਾਂ ਇੱਕ ਨਵਾਂ ਪੇਜ HTML ਟੈਂਪਲੇਟ ਨਾਲ ਬਣਾਓ, ਜਾਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਡਾਇਲਾਗ 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.pa.png)

## ਰੂਬ੍ਰਿਕ

| ਮਾਪਦੰਡ | ਸ਼ਾਨਦਾਰ                                                                                        | ਯੋਗਯੋਗ                                                                                                                | ਸੁਧਾਰ ਦੀ ਲੋੜ ਹੈ                           |
| -------- | ------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- | --------------------------------------------|
|          | ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰਨ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲਾਗੂ ਕੀਤਾ ਗਿਆ ਹੈ, ਪਾਠਾਂ ਵਿੱਚ ਵੇਖੀਆਂ ਗਈਆਂ ਸਾਰੀਆਂ ਸਰਵੋਤਮ ਪ੍ਰਥਾਵਾਂ ਦੀ ਪਾਲਣਾ ਕਰਦੇ ਹੋਏ। | ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰਨ ਨੂੰ ਲਾਗੂ ਕੀਤਾ ਗਿਆ ਹੈ, ਪਰ ਪਾਠਾਂ ਵਿੱਚ ਵੇਖੀਆਂ ਗਈਆਂ ਸਰਵੋਤਮ ਪ੍ਰਥਾਵਾਂ ਦੀ ਪਾਲਣਾ ਨਹੀਂ ਕੀਤੀ ਗਈ, ਜਾਂ ਇਹ ਸਿਰਫ ਅੰਸ਼ਿਕ ਤੌਰ 'ਤੇ ਕੰਮ ਕਰ ਰਿਹਾ ਹੈ। | ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰਨ ਦਾ ਕੰਮ ਬਿਲਕੁਲ ਵੀ ਨਹੀਂ ਕਰ ਰਿਹਾ। |

**ਅਸਵੀਕਾਰਨਾ**:  
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀ ਹੋਣ ਦਾ ਯਤਨ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚਤਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।