reset file selector input after upload

[FredLL-Avaiga]

• disable number input arrows
  resolves Issue with using file_selector to upload an image file second time around. #2103

What type of PR is this? (check all applicable)

• Refactor
• Feature
• Bug Fix
• Optimization
• Documentation Update

Description

• Reset file selector input after upload so that the user can select the same file
• disable number input arrows when the input is disabled

Related Tickets & Documents

• Closes Issue with using file_selector to upload an image file second time around. #2103

How to reproduce the issue

from PIL import Image

import taipy.gui.builder as tgb
from taipy.gui import Gui, notify

path_upload = ""
original_image = None
image = None
fixed_image = None
fixed = False
num_val = 1
num_active = True


def clear_images(state):
    """
    Clears the currently displayed images by setting `original_image` and `fixed_image` to None.
    """
    state.original_image = None
    state.fixed_image = None
    state.fixed = False
    state.image = None
    state.path_upload = ""
    print("Images cleared.")
    notify(state, "info", "Images have been cleared.")


def upload_image(state):
    """
    Handles image upload and prepares the state for displaying the image.
    Resets variables to ensure the new upload is recognized.
    """
    state.original_image = Image.open(state.path_upload)
    state.fixed = False
    print(f"Image successfully loaded from {state.path_upload}.")
    notify(state, "success", "Image uploaded successfully!")


# Create the Taipy GUI layout
with tgb.Page() as page:
    tgb.text(
        lambda original_image: "Is there an image? " + str(original_image is not None)
    )
    tgb.file_selector(
        "{path_upload}",
        extensions=".webp",
        drop_message="Drop Image here",
        label="Upload image",
        on_action=upload_image,
    )

    tgb.button(
        label="Clear Images",
        on_action=clear_images,
        active="{original_image is not None}",
    )

    tgb.number("{num_val}", active="{num_active}")
    tgb.button(label="active number", on_action=lambda s: s.assign("num_active", not s.num_active))


if __name__ == "__main__":
    Gui(page=page).run(title="2103 WebP to PNG Converter")

[github-actions]

Coverage report for ./frontend/taipy-gui

Caution

Coverage does not meet threshold
Branches coverage not met for global: expected >=80%, but got 69.45668135095447%

St.❔	Category	Percentage	Covered / Total
🟢	Statements	87.51% (+0.02% 🔼)	3460/3954
🟡	Branches	69.46% (+0.05% 🔼)	2365/3405
🟢	Functions	83.22% (+0.02% 🔼)	640/769
🟢	Lines	87.99% (+0.02% 🔼)	3203/3640

Test suite run success

698 tests passing in 47 suites.

Report generated by 🧪jest coverage report action from 1a4b005

[github-actions]

Coverage report for ./frontend/taipy

Caution

Coverage does not meet threshold
Statements coverage not met for global: expected >=80%, but got 52.07920792079208%

St.❔	Category	Percentage	Covered / Total
🔴	Statements	52.08%	263/505
🔴	Branches	21.75%	67/308
🔴	Functions	14.66%	17/116
🔴	Lines	53.42%	242/453

Test suite run success

7 tests passing in 1 suite.

Report generated by 🧪jest coverage report action from 1a4b005

[github-actions]

☂️ Python Coverage

current status: ✅

Overall Coverage

Lines	Covered	Coverage	Threshold	Status
19331	16806	87%	0%	🟢

New Files

No new covered files...

Modified Files

No covered modified files...

updated for commit: 1a4b005 by action🐍

[dinhlongviolin1]

LGTM