123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- {% extends "dbadmin_base.html" %}
- {% import "bootstrap/wtf.html" as wtf %}
- {% block title %}Larigira - DB add audio "{{kind}}" {%endblock%}
- {% block scripts %}
- {{super()}}
- <script type="text/javascript">
- function check_suggestion(el) {
- val = $(el).val();
- datalist = $(document.getElementById($(el).attr('list')));
- values = $('option', datalist).map(function(i, x) { return $(x).attr('value'); });
- if($.inArray(val, values) != -1) {
- $(el).closest('div.form-group').removeClass('has-warning has-feedback');
- $('.not-in-datalist', $(el).parent()).remove()
- } else {
- $(el).closest('div.form-group').addClass('has-warning has-feedback');
- if($('.not-in-datalist', $(el).parent()).length === 0) {
- $(el).parent().append($('<span class="not-in-datalist glyphicon glyphicon-warning-sign form-control-feedback"/>'))
- $(el).parent().append($('<span/>')
- .addClass('help-block not-in-datalist')
- .text('Warning: larigira is not sure this path is correct'));
- }
- }
- }
- $(function() {
- $('input[list]').each(function(i, el) {
- check_suggestion(el);
- })
- });
- $('form').on('change keyup', 'input[list]', function(evt) {
- check_suggestion(evt.target);
- });
- </script>
- {%endblock scripts %}
- {% block content %}
- {% if form.errors %}
- <div class="alert alert-danger">
- <strong>There were some error in your form;</strong> please fix them, then
- resubmit
- </div>
- {% endif %}
- {% for category in suggestions %}
- <datalist id="dl-suggested-{{category}}">
- {% for fname in suggestions[category] %}
- <option value="{{fname}}">
- {% endfor %}
- </datalist>
- {% endfor %}
- <div class="container-fluid">
- {{wtf.quick_form(form)}}
- </div>
- {% endblock content %}
- {# vim: set ts=2 sw=2 noet: #}
|