1 {% extends "workflow/viewport-element.html" %}
11 flex-direction: column;
14 #{{select_type}}_form_div div {
17 #{{select_type}}_form_div > *:not(.divider) {
22 #{{select_type}}_form_div div * {
25 #{{select_type}}_form_div {
29 grid-template-rows: auto 1px auto 1fr;
30 grid-template-columns: repeat(24, 1fr);
36 flex-direction: column;
41 #{{select_type}}_select_form {
44 flex-direction: column;
56 #select_header_section {
63 vertical-align: middle;
67 border-top: 1px solid #ccc;
75 <div id="{{select_type}}_form_div">
76 <h3 id="create_section">Create a Resource
77 <button class="btn btn-primary {% if disabled %} disabled {% endif %}"
78 {% if not disabled %}onclick="parent.add_wf({{addable_type_num}})"
82 <div class="divider"></div>
83 <h3 id="select_header_section">Or select from the list below:</h3>
84 <div id="select_section">
85 <form id="{{select_type}}_select_form" method="post" action="" class="form" id="{{select_type}}selectorform">
87 {{ form|default:"<p>no form loaded</p>" }}
101 {% endblock content %}
103 var form = $("#{{select_type}}_select_form");
104 var formData = form.serialize();
105 var req = new XMLHttpRequest();
106 req.open("POST", "/wf/workflow/", false);
107 req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
108 req.onerror = function() { alert("problem with form submission"); }