mirror of
https://github.com/zulip/zulip.git
synced 2025-11-05 22:43:42 +00:00
f8d82775d1
This is a prep commit to setup the devtools/inputs page for the redesigned input components.
64 lines
2.3 KiB
Python
64 lines
2.3 KiB
Python
import os
|
|
|
|
from django.http import HttpRequest, HttpResponse
|
|
from django.shortcuts import render
|
|
|
|
background_colors = [
|
|
{"name": "Default background", "css_var": "--color-background"},
|
|
{"name": "Popover background", "css_var": "--color-background-popover-menu"},
|
|
{"name": "Modal background", "css_var": "--color-background-modal"},
|
|
{"name": "Compose background", "css_var": "--color-compose-box-background"},
|
|
]
|
|
|
|
|
|
def get_svg_filenames() -> list[str]:
|
|
icons_dir = os.path.join(os.path.dirname(__file__), "../../../web/shared/icons")
|
|
|
|
# Get all .svg file names from the directory
|
|
svg_files = [f for f in os.listdir(icons_dir) if f.endswith(".svg")]
|
|
|
|
# Remove the .svg extension from the file names
|
|
icon_names = [os.path.splitext(f)[0] for f in svg_files]
|
|
|
|
# Sort the list alphabetically
|
|
return sorted(icon_names)
|
|
|
|
|
|
def showroom_component_buttons(request: HttpRequest) -> HttpResponse:
|
|
context = {
|
|
"background_colors": background_colors,
|
|
"icons": get_svg_filenames(),
|
|
"page_is_showroom": True,
|
|
"showroom_component": "buttons",
|
|
"doc_root_title": "Button styles browser",
|
|
# We set isolated_page to avoid clutter from footer/header.
|
|
"isolated_page": True,
|
|
}
|
|
return render(request, "zerver/development/showroom/buttons.html", context)
|
|
|
|
|
|
def showroom_component_banners(request: HttpRequest) -> HttpResponse:
|
|
context = {
|
|
"background_colors": background_colors,
|
|
"icons": get_svg_filenames(),
|
|
"page_is_showroom": True,
|
|
"showroom_component": "banners",
|
|
"doc_root_title": "Banner styles browser",
|
|
# We set isolated_page to avoid clutter from footer/header.
|
|
"isolated_page": True,
|
|
}
|
|
return render(request, "zerver/development/showroom/banners.html", context)
|
|
|
|
|
|
def showroom_component_inputs(request: HttpRequest) -> HttpResponse:
|
|
context = {
|
|
"background_colors": background_colors,
|
|
"icons": get_svg_filenames(),
|
|
"page_is_showroom": True,
|
|
"showroom_component": "inputs",
|
|
"doc_root_title": "Input styles browser",
|
|
# We set isolated_page to avoid clutter from footer/header.
|
|
"isolated_page": True,
|
|
}
|
|
return render(request, "zerver/development/showroom/inputs.html", context)
|