2021-11-17 10:39:16 +01:00
{% extends "base.html" %}
{% block content %}
< div class = "row justify-content-center" >
< div class = "col-12 col-sm-12 col-md-8 col-lg-7 col-xl-6" >
< div class = "card" >
< div class = "card-header" >
2022-02-01 11:08:02 +01:00
< h4 class = "" > {% if event_id %}Update{% else %}Create{% endif %} Event< / h4 >
2021-11-17 10:39:16 +01:00
< / div >
< div class = "card-body" >
2022-02-01 11:08:02 +01:00
< form action = "{% if event_id %}{% url 'event_update' event_id %}{% else %}{% url 'event_create' %}{% endif %}" method = "post" class = "form-horizontal" id = "formulaire" name = "formulaire" >
2021-11-17 10:39:16 +01:00
{% csrf_token %}
2022-09-23 16:02:20 +02:00
< div class = "form-group row {% if form.name.errors %}has-danger{% endif %}" >
2022-02-08 18:55:48 +01:00
< label for = "id_name" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Name < span class = "text-danger" > < b > *< / b > < / span > < / label >
2021-11-17 10:39:16 +01:00
< div class = "col-8 col-sm-10 col-md-10 col-lg-10 col-xl-10" >
{{ form.name }}
{% if form.name.errors %}
< label class = "text-danger" for = "id_name" id = "name-error" >
{% for error in form.name.errors %}{{ error }}{% endfor %}
< / label >
{% endif %}
< / div >
< / div >
2022-09-23 16:02:20 +02:00
< div class = "form-group row" >
< label for = "id_date_begin" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Date Begin < span class = "text-danger" > < b > *< / b > < / span > < / label >
< div class = "col-8 col-sm-10 col-md-8 col-lg-6 col-xl-4 {% if form.date_begin.errors %}has-danger{% endif %}" >
{{ form.date_begin }}
{% if form.date_begin.errors %}
< label class = "text-danger" for = "id_date_begin" id = "date_begin-error" >
{% for error in form.date_begin.errors %}{{ error }}{% endfor %}
2021-11-17 10:39:16 +01:00
< / label >
{% endif %}
< / div >
< / div >
2022-09-23 16:02:20 +02:00
< div class = "form-group row" >
2022-02-08 18:55:48 +01:00
< label for = "id_dateend" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Date End < span class = "text-danger" > < b > *< / b > < / span > < / label >
2021-11-17 10:39:16 +01:00
< div class = "col-8 col-sm-10 col-md-8 col-lg-6 col-xl-4 {% if form.dateend.errors %}has-danger{% endif %}" >
< div class = "btn-toolbar-item input-with-icon" >
{{ form.dateend }}
{% if form.dateend.errors %}
< label class = "text-danger" for = "id_dateend" id = "dateend-error" >
{% for error in form.dateend.errors %}{{ error }}{% endfor %}
< / label >
{% endif %}
< / div >
< / div >
< / div >
2022-09-23 16:02:20 +02:00
< div class = "form-group row" >
< label for = "id_event_type" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Type < span class = "text-danger" > < b > *< / b > < / span > < / label >
< div class = "col-8 col-sm-10 col-md-10 col-lg-8 col-xl-8 {% if form.event_type.errors %}has-danger{% endif %}" >
{{ form.event_type }}
{% if form.event_type.errors %}
< label class = "text-danger" for = "id_event_type" id = "event_type-error" >
{% for error in form.event_type.errors %}{{ error }}{% endfor %}
2021-11-17 10:39:16 +01:00
< / label >
{% endif %}
< / div >
< / div >
< div class = "form-group row" >
2022-02-08 18:55:48 +01:00
< label for = "id_place" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Place < span class = "text-danger" > < b > *< / b > < / span > < / label >
2021-11-21 10:14:26 +01:00
< div class = "col-12 col-sm-12 col-md-12 col-lg-10 col-xl-8 {% if form.place.errors %}has-danger{% endif %}" >
2021-11-17 10:39:16 +01:00
{{ form.place }}
{{ form.place_related }}
{% if form.place.errors %}
< label class = "text-danger" for = "id_place" id = "place-error" >
{% for error in form.place.errors %}{{ error }}{% endfor %}
< / label >
{% endif %}
< / div >
< / div >
< div class = "form-group row" >
< label for = "id_informations" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Informations< / label >
< div class = "col-8 col-sm-10 col-md-10 col-lg-10 col-xl-10 {% if form.informations.errors %}has-danger{% endif %}" >
{{ form.informations }}
{% if form.informations.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.informations.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
< div class = "form-group text-center" >
< input type = "submit" value = "Save" class = "btn btn-warning" / >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
{% endblock %}
{% block footerscript %}
< script type = "text/javascript" >
2022-02-11 16:06:46 +01:00
const csrf_token = "{{ csrf_token|escapejs }}";
2022-02-12 18:39:06 +01:00
const place_lookup = "{% url 'place_lookup' %}";
2022-02-11 16:06:46 +01:00
2021-11-17 10:39:16 +01:00
$(function(){
2021-12-29 17:04:45 +01:00
blackDashboard.initDateTimePicker();
2022-09-23 16:02:20 +02:00
$('#id_date_begin').focusout(function(){
var value = $('#id_date_begin').val();
2021-11-17 10:39:16 +01:00
$('#id_dateend').val(value);
});
$('#id_place_related').autocomplete({
source: function(request, response) {
$.ajax({
2022-02-12 18:39:06 +01:00
url: place_lookup,
method: "POST",
data: {
pattern: $('#id_place_related').val(),
csrfmiddlewaretoken: csrf_token
},
2021-11-17 10:39:16 +01:00
dataType: "json",
success: function(data) {
if(data.length != 0) {
response($.map(data, function(item) {
return {
label: item.Label,
value: item.Label,
placeid: item.ID
}
}))
} else {
response([{ label: 'No result found.', value: '' }]);
};
},
error: function (exception) {
console.log(exception);
}
});
},
minLength: 3,
select: function (event, ui) {
$($(this).data('ref')).val(ui.item.placeid);
2022-02-01 11:08:02 +01:00
},
{% if request.session.template == 0 %}
classes: {
"ui-widget-content": "custom_autocomplete_ul",
"ui-autocomplete": "custom_autocomplete_ul",
"ui-menu-item-wrapper": "custom_autocomplete_li",
"ui-menu-item": "custom_autocomplete_li",
},
{% endif %}
2021-11-17 10:39:16 +01:00
});
});
< / script >
{% endblock %}