Files
function/templates/home.html

37 lines
2.5 KiB
HTML

{% extends 'base.html' %}
{% block content %}
<header class="flex h-14 lg:h-[60px] items-center gap-4 border-b bg-gray-100/40 dark:bg-gray-800/40" data-id="29"><a
class="lg:hidden" data-id="30" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-6 w-6" data-id="31" data-darkreader-inline-stroke=""
style="--darkreader-inline-stroke: currentColor;">
<path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path>
</svg><span class="sr-only" data-id="32">Home</span></a>
<div class="w-full flex-1" data-id="33">
<h1 class="text-4xl font-bold text-gray-800 mb-2">Function</h1>
</div><a
class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground rounded-full border border-gray-200 w-8 h-8 dark:border-gray-800"
data-id="40" type="button" id="radix-:r1u:" aria-haspopup="menu" aria-expanded="false" data-state="closed"
href="{{ url_for('dashboard') }}"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" class="w-6 h-6" data-darkreader-inline-stroke=""
style="--darkreader-inline-stroke: currentColor;">
<path stroke-linecap="round" stroke-linejoin="round"
d="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5"></path>
</svg>
<span class="sr-only" data-id="42">Toggle user menu</span></a>
</header>
<h5 class="text-xl md:text-2xl lg:text-3xl font-semibold text-gray-700 mb-4">Create your own JavaScript HTTP & Timer
handlers</h5>
<p class="text-base md:text-lg text-gray-600 leading-relaxed mb-6">
This tool allows you to write and execute JavaScript code for HTTP and timer-based functions. Utilize the on-page
code editor to develop and modify your scripts. Once executed, view the responses and logs immediately, providing
direct insight into the behavior and output of your handlers.
</p>
{{ render_partial('function_editor.html', name=name, script=script, environment_info=environment_info) }}
{% endblock %}