handle icons for status

[FredLL-Avaiga]

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

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

Description

Simplify the work done in the hacktoberfest PR

only new property is icons: Union[bool, list[str]]

if false, no icons,
if true: pre-defined icons
if list, for each element:

• true: predefined icon
• false: no icon
• string: try to use as SVG URL (ends with .svg) or SVG string (starts with <svg )

Related Tickets & Documents

• Related Issue Feature Improvement: Status controls could have a way to have icons instead of the default letters #1157

How to reproduce the issue

from taipy.gui import Gui

status = [
    ("warning", "Task is launched."),
    ("warning", "Taks is waiting."),
    ("error", "Task timeout."),
    ("success", "Task Succeded"),
    ("info", "Process was cancelled.")
]

page = """
<|{status}|status|>
<|{status}|status|icons|>
<|{status}|status|icons=https://www.svgrepo.com/show/530594/pants.svg;https://www.svgrepo.com/show/530595/hotel.svg;https://www.svgrepo.com/show/530596/diving-goggles.svg;https://www.svgrepo.com/show/530597/hat.svg|>
<|{status}|status|icons=https://www.svgrepo.com/show/530594/pants.svg;false;true;<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='10' fill='red'/></svg>|>
"""

if __name__ == "__main__":
  Gui(page).run(title="1157 Status with icons")

Checklist

• Does this solution meet the acceptance criteria of the related issue?
• Is the related issue checklist completed?
• Does this PR adds unit tests for the developed code? If not, why?
• End-to-End tests have been added or updated?
• Was the documentation updated, or a dedicated issue for documentation created? (If applicable)
• Is the release notes updated? (If applicable)

[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 52cfbb4

[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

File	Coverage	Status
taipy/gui/_renderers/builder.py	83%	🟢
taipy/gui/_renderers/factory.py	96%	🟢
TOTAL	89%	🟢

updated for commit: 52cfbb4 by action🐍

[FabienLelaquais]

Can you please:

• replace 'icons' -> 'use_icon'
• Make this property indexed:
  use_icon[warning] = True
  use_icon[e]=<inline_svg>|URL

[dinhlongviolin1]

Looks all good to me!

[FabienLelaquais]

All examples should have the same header, potentially with a few line of specific information for that code.
See doc/gui/examples/broadcast_callback.py for example...