2022-05-23 21:51:06 +00:00
{% include 'header.html' %}
2024-04-12 12:46:47 +00:00
{% from 'style.html' import breadcrumb_line_svg %}
2022-10-10 21:44:14 +00:00
< div class = "container mx-auto" >
2023-04-06 14:59:28 +00:00
< section class = "p-5 mt-5" >
< div class = "flex flex-wrap items-center -m-2" >
< div class = "w-full md:w-1/2 p-2" >
< ul class = "flex flex-wrap items-center gap-x-3 mb-2" >
< li >
< a class = "flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href = "/" >
< p > Home< / p >
< / a >
2024-04-12 12:46:47 +00:00
< li > {{ breadcrumb_line_svg | safe }}< / li >
2023-04-06 14:59:28 +00:00
< li >
< a class = "flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href = "/automation" > Automation Strategies< / a >
< / li >
2024-04-12 12:46:47 +00:00
< li > {{ breadcrumb_line_svg | safe }}< / li >
2023-04-06 14:59:28 +00:00
< li >
2024-04-12 12:46:47 +00:00
< a class = "flex font-medium text-xs text-coolGray-500 dark:text-gray-300 hover:text-coolGray-700" href = "/automation" > ID:<!-- todo ID here {{ strategy_id }} --> < / a >
2023-04-06 14:59:28 +00:00
< / li >
< / ul >
< / ul >
< / div >
< / div >
< / section >
< section class = "py-4" >
< div class = "container px-4 mx-auto" >
< div class = "relative py-11 px-16 bg-coolGray-900 dark:bg-blue-500 rounded-md overflow-hidden" >
< img class = "absolute z-10 left-4 top-4" src = "/static/images/elements/dots-red.svg" alt = "" >
< img class = "absolute z-10 right-4 bottom-4" src = "/static/images/elements/dots-red.svg" alt = "" >
< img class = "absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src = "/static/images/elements/wave.svg" alt = "" >
< div class = "relative z-20 flex flex-wrap items-center -m-3" >
< div class = "w-full md:w-1/2 p-3" >
< h2 class = "mb-6 text-4xl font-bold text-white tracking-tighter" > Automation Strategy {{ strategy_id }}< / h2 >
2024-04-12 12:46:47 +00:00
< p class = "font-normal text-coolGray-200 dark:text-white" > < span class = "bold" > ID:< / span > <!-- todo ID here {{ strategy_id }} -->
2023-04-06 14:59:28 +00:00
< / p >
< / div >
2022-10-10 21:44:14 +00:00
< / div >
2023-04-06 14:59:28 +00:00
< / div >
< / div >
< / section >
{% include 'inc_messages.html' %}
< section >
< form method = "post" autocomplete = "off" >
< div class = "pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden min-height-50" >
< div class = "border-coolGray-100" >
< div class = "flex flex-wrap items-center justify-between -m-2" >
< div class = "w-full pt-2" >
< div class = "container mt-5 mx-auto" >
< div class = "pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl" >
< div class = "px-6" >
< div class = "w-full mt-6 pb-6 overflow-x-auto" >
< table class = "w-full min-w-max text-sm" >
< thead class = "uppercase" >
< tr class = "text-left" >
< th class = "p-0" >
< div class = "py-3 px-6 rounded-tl-xl bg-coolGray-200 dark:bg-gray-600" >
< span class = "text-xs text-gray-600 dark:text-gray-300 font-semibold" > Options< / span >
< / div >
< / th >
< th class = "p-0" >
< div class = "py-3 px-6 bg-coolGray-200 dark:bg-gray-600" >
2024-04-12 12:46:47 +00:00
< span class = "text-xs text-gray-600 dark:text-gray-300 font-semibold" > Input< / span >
2023-04-06 14:59:28 +00:00
< / div >
< / th >
< / tr >
< / thead >
< tr class = "opacity-100 text-gray-500 dark:text-gray-100" >
< td class = "py-3 px-6 bold" > Label< / td >
< td class = "py-3 px-6" > {{ strategy.label }}< / td >
< / tr >
< tr class = "opacity-100 text-gray-500 dark:text-gray-100" >
< td class = "py-3 px-6 bold" > Type< / td >
< td class = "py-3 px-6" > {{ strategy.type }}< / td >
< / tr >
< tr class = "opacity-100 text-gray-500 dark:text-gray-100" >
< td class = "py-3 px-6 bold" > Only known identities< / td >
< td class = "py-3 px-6" > {{ strategy.only_known_identities }}< / td >
< / tr >
< tr class = "opacity-100 text-gray-500 dark:text-gray-100" >
< td class = "py-3 px-6 bold" > Data< / td >
< td class = "py-3 px-6" >
< textarea name = "data" class = "hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 monospace" rows = "20" { % if not show_edit_form % } readonly { % endif % } > {{ strategy.data }}< / textarea >
< tr class = "opacity-100 text-gray-500 dark:text-gray-100" >
< td class = "py-3 px-6 bold" > Notes< / td >
< td class = "py-3 px-6" >
< textarea name = "note" class = "hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0 monospace" rows = "20" { % if not show_edit_form % } readonly { % endif % } > {{ strategy.note }}< / textarea >
< / td >
< / tr >
< / table >
< / div >
< / div >
2022-11-10 21:49:55 +00:00
< / div >
2023-04-06 14:59:28 +00:00
< / div >
2022-10-10 21:44:14 +00:00
< / div >
2023-04-06 14:59:28 +00:00
< / div >
2022-11-10 21:49:55 +00:00
< / div >
2023-04-06 14:59:28 +00:00
< / div >
< / section >
< section >
< div class = "pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden " >
< div class = "pb-6 " >
< div class = "flex flex-wrap items-center justify-between -m-2" >
< div class = "w-full pt-2" >
< div class = "container mx-auto" >
< div class = "pt-6 pb-6 bg-coolGray-100 border-t border-gray-100 dark:border-gray-400 dark:bg-gray-500 rounded-bl-xl rounded-br-xl" >
< div class = "px-6" >
< div class = "flex flex-wrap justify-end" >
{% if show_edit_form %}
< div class = "w-full md:w-auto p-1.5 ml-2" >
2024-04-12 12:46:47 +00:00
< button name = "apply" value = "Apply" type = "submit" class = "flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" > Apply< / button >
2023-04-06 14:59:28 +00:00
< / div >
< div class = "w-full md:w-auto p-1.5 ml-2" >
2024-04-12 12:46:47 +00:00
< button name = "cancel" value = "Cancel" type = "submit" class = "flex flex-wrap justify-center w-full px-4 py-2.5 bg-red-500 hover:bg-red-600 font-medium text-sm text-white border border-red-500 rounded-md shadow-button focus:ring-0 focus:outline-none" > Cancel< / button >
< / div >
{% else %}
< div class = "w-full md:w-auto p-1.5" >
< button name = "edit" value = "edit" type = "submit" class = "flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" > Edit< / button >
2023-04-06 14:59:28 +00:00
< / div >
< div class = "w-full md:w-auto p-1.5 ml-2" >
2024-04-12 12:46:47 +00:00
< a href = "/automation" type = "submit" class = "flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" > < span > Back< / span >
2023-04-06 14:59:28 +00:00
< / a >
2022-11-10 21:49:55 +00:00
< / div >
2023-04-06 14:59:28 +00:00
{% endif %}
< input type = "hidden" name = "formid" value = "{{ form_id }}" >
< / form >
< / div >
2022-10-10 21:44:14 +00:00
< / div >
2023-04-06 14:59:28 +00:00
< / div >
2022-10-10 21:44:14 +00:00
< / div >
2023-04-06 14:59:28 +00:00
< / div >
2022-10-10 21:44:14 +00:00
< / div >
2023-04-06 14:59:28 +00:00
< / div >
< / div >
< / section >
2023-02-17 23:47:44 +00:00
< / div >
2022-10-10 21:44:14 +00:00
{% include 'footer.html' %}
< / div >
< / body >
2023-04-06 14:59:28 +00:00
< / html >