File size: 3,047 Bytes
5f685fd |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 |
class GradioComponentsHTML:
@staticmethod
def get_html_header() -> str:
'''Create HTML for the header'''
return '''
<div style="display: flex; justify-content: space-between; align-items: center; padding: 5px;">
<h1 style="margin-left: 0px; font-size: 35px;">ShortGPT</h1>
<div style="flex-grow: 1; text-align: right;">
<a href="https://discord.gg/uERx39ru3R" target="_blank" style="text-decoration: none;">
<button style="margin-right: 10px; padding: 10px 20px; font-size: 16px; color: #fff; background-color: #7289DA; border: none; border-radius: 5px; cursor: pointer;">Join Discord</button>
</a>
<a href="https://github.com/RayVentura/ShortGPT" target="_blank" style="text-decoration: none;">
<button style="padding: 10px 20px; font-size: 16px; color: #fff; background-color: #333; border: none; border-radius: 5px; cursor: pointer;">Add a Star on Github ⭐</button>
</a>
</div>
</div>
'''
@staticmethod
def get_html_error_template() -> str:
return '''
<div style='text-align: center; background: #f2dede; color: #a94442; padding: 20px; border-radius: 5px; margin: 10px;'>
<h2 style='margin: 0;'>ERROR : {error_message}</h2>
<p style='margin: 10px 0;'>Traceback Info : {stack_trace}</p>
<p style='margin: 10px 0;'>If the problem persists, don't hesitate to contact our support. We're here to assist you.</p>
<a href='https://discord.gg/qn2WJaRH' target='_blank' style='background: #a94442; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; text-decoration: none;'>Get Help on Discord</a>
</div>
'''
@staticmethod
def get_html_video_template(file_url_path, file_name, width="auto", height="auto"):
"""
Generate an HTML code snippet for embedding and downloading a video.
Parameters:
file_url_path (str): The URL or path to the video file.
file_name (str): The name of the video file.
width (str, optional): The width of the video. Defaults to "auto".
height (str, optional): The height of the video. Defaults to "auto".
Returns:
str: The generated HTML code snippet.
"""
html = f'''
<div style="display: flex; flex-direction: column; align-items: center;">
<video width="{width}" height="{height}" style="max-height: 100%;" controls>
<source src="{file_url_path}" type="video/mp4">
Your browser does not support the video tag.
</video>
<a href="{file_url_path}" download="{file_name}" style="margin-top: 10px;">
<button style="font-size: 1em; padding: 10px; border: none; cursor: pointer; color: white; background: #007bff;">Download Video</button>
</a>
</div>
'''
return html
|