schema-template-generator/generator/templates/schemas.html at master · HumanCellAtlas/schema-template-generator · GitHub

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
58
59
60
        {% extends "base.html" %}
{% block head %}
{{ super() }}
<link rel="stylesheet" href="{{url_for('static', filename = 'css/schemas.css')}}">
<script src="{{url_for('static', filename = 'js/index.js')}}"></script>
<script src="{{url_for('static', filename = 'js/collapsible.js')}}"></script>
<script src="{{url_for('static', filename = 'js/schemas.js')}}"></script>
{% endblock %}

{% block content %}

<div class="container">
    <div class="starter-template">
        <h1>Spreadsheet Template Generator</h1>

               <form action="generate" method="POST" enctype="multipart/form-data">
                    <p class="lead">Select the schemas and properties you need</p>

                        {% with messages = get_flashed_messages(with_categories=true) %}
                            {% if messages %}
                                {% for category, message in messages %}
                                    <div class="alert {{category}}">
                                       {{ message }}
                                    </div>
                                {% endfor %}
                            {% endif %}
                        {% endwith %}

                        <div>
                            <button type="button" class="btn btn-primary" id="expandAll">Expand all sections</button>
                            <button type="button" class="btn btn-primary" id="selectAll">Select all properties</button>
                        </div>
                        <hr/>
                        <div id="data-items">
                            {% for schema in schemas %}
                                {% include 'schema_properties.html' %}
                            {% endfor %}
                        </div>
                        <hr/>
                        <div class="grid-container">
                            <div class="grid-item">
                                <div class="form-group">
                                    <label for="generateYaml">Generate YAML file</label>
                                </div>
                                <button type="submit" name="submitButton" class="btn btn-primary" id="generateYaml" value="yaml">Generate</button>
                            </div>
                             <div class="grid-item">
                                <div class="form-group">
                                    <label for="generateSpreadsheet">Generate spreadsheet</label>
                                </div>
                                <button type="submit" name="submitButton" class="btn btn-primary" id="generateSpreadsheet" value="spreadsheet">Generate</button>
                            </div>
                        </div>
               </form>
        <hr/>
    </div>
</div>


{% endblock %}