validation_form.html 4.44 KB
Newer Older
1
{% extends "base_template.html" %}
2 3 4 5 6 7 8
{% block title %}{{ title }}{% endblock %}
{% block head %}
{{ super() }}
{% endblock %}
{% block content %}
<h1>Schéma « {{ title }} »</h1>

Christophe Benz's avatar
Christophe Benz committed
9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
{% set cols_my_classes = 'my-md-0 my-4' %}
<div class="row">
    <div class="col-md-4 {{ cols_my_classes }}">
        <div class="card bg-faded">
            <div class="card-body">
                <h5 class="card-title">
                    Schéma {{ val_info.code }}
                    <span class="badge badge-primary">{{ val_info.version }}</span>
                </h5>
                <h6 class="card-subtitle mb-2 text-muted">{{ val_info.description }}</h6>
                {% if val_info.author or val_info.contributor %}
                <p class="text">
                    {% if val_info.author %}
                    Auteur : {{ val_info.author | safe }}
                    {% endif %}
                    {% if val_info.contributor %}
                    <br />Contributeur(s) : {{ val_info.contributor }}
                    {% endif %}
                </p>
                {% endif %}
                <a href="{{ val_info.specurl }}" class="card-link">Specification SCDL</a>
                <a href="{{ val_info.docurl }}" class="card-link">Documentation</a>
            </div>
        </div>
33 34
    </div>

Christophe Benz's avatar
Christophe Benz committed
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 61 62
    <div class="col-md-8 {{ cols_my_classes }}">
        <h2>Outil de validation</h2>
        <!-- Tab validator -->
        <p class="text">Validez ici le fichier de votre choix</p>
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="file-tab" data-toggle="tab" href="#file" role="tab" aria-controls="file"
                    aria-selected="true">Fichier</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="url-tab" data-toggle="tab" href="#url" role="tab" aria-controls="url" aria-selected="false">URL</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="examples-tab" data-toggle="tab" href="#example" role="tab" aria-controls="examples"
                    aria-selected="false">Exemples</a>
            </li>
        </ul>
        {% set padding_class = 'p-3' %}
        <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade show active {{ padding_class }}" id="file" role="tabpanel" aria-labelledby="file-tab">
                <form method="POST" enctype="multipart/form-data">
                    <input type="hidden" name="input" value="file" />
                    <div class="form-group">
                        <label for="file">Choisissez un fichier tabulaire à valider</label>
                        <input type="file" class="form-control-file" name="file" id="file" />
                    </div>
                    <button type="submit" class="btn btn-primary">Valider</button>
                </form>
63
            </div>
Christophe Benz's avatar
Christophe Benz committed
64 65 66 67 68 69
            <div class="tab-pane fade {{ padding_class }}" id="url" role="tabpanel" aria-labelledby="url-tab">
                <form method="GET">
                    <input type="hidden" name="input" value="url" />
                    <div class="form-group">
                        <label for="url">Indiquez l'URL de la table à valider</label>
                        <input name="url" type="url" class="form-control" id="url" aria-describedby="urlHelp" placeholder="https://..." />
70

Christophe Benz's avatar
Christophe Benz committed
71 72 73
                    </div>
                    <button type="submit" class="btn btn-primary">Valider</button>
                </form>
74
            </div>
Christophe Benz's avatar
Christophe Benz committed
75 76 77 78 79 80 81 82 83 84 85 86 87 88
            <div class="tab-pane fade {{ padding_class }}" id="example" role="tabpanel" aria-labelledby="examples-tab">
                <form method="GET">
                    <input type="hidden" name="input" value="example" />
                    <div class="form-group">
                        <label for="url">Choisissez l'exemple à valider</label>
                        <select name="url" id="example" class="form-control">
                            <option value="">...</option>
                            {% for example in val_info.examples %}
                            <option value="{{ example.url }}">{{ example.name }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <button type="submit" class="btn btn-primary">Valider</button>
                </form>
89
            </div>
Christophe Benz's avatar
Christophe Benz committed
90
        </div>
91 92 93 94 95 96
    </div>
</div>

{% endblock %}
{% block footer %}
{% endblock %}