This commit is contained in:
2023-08-01 17:26:22 +03:00
parent 840993a0fb
commit 1c17f1468d
3 changed files with 57 additions and 34 deletions

View File

@@ -86,17 +86,25 @@
width: 100%;
}
.el-form-create-ticket{
.el-form-create-ticket-select{
height: 62px;
width: 100%;
height: 50px;
filter: drop-shadow(-1px 4px 10px rgba(198, 199, 203, 0.20)) drop-shadow(0px -1px 10px rgba(198, 199, 203, 0.20));
border-radius: 3px;
margin-bottom: 20px;
margin-bottom: 5px;
padding: 20px;
}
.el-form-create-ticket{
width: calc(100% - 40px);
height: 20px;
filter: drop-shadow(-1px 4px 10px rgba(198, 199, 203, 0.20)) drop-shadow(0px -1px 10px rgba(198, 199, 203, 0.20));
border-radius: 3px;
margin-bottom: 5px;
/*min-width: unset;*/
/*max-width: unset;*/
/*min-height: unset;*/
/*padding: 10px;*/
padding: 20px;
}
/*.el-form-create-ticket:last-child{*/
@@ -110,9 +118,14 @@
.el-form-create-ticket-textarea{
min-height: 200px;
min-width: 100%;
max-width: 100%;
min-width: calc(100% - 40px);
max-width: calc(100% - 40px);
resize: none;
padding: 20px;
}
.container-input-form-create-ticket{
margin-bottom: 20px;
}
.el-form-create-ticket-textarea:focus-visible{

View File

@@ -98,11 +98,12 @@ function attachFilemeassge () {
}
function createTicket (el) {
event.preventDefault()
let form = el.form
let formData = new formData (form)
var formData = new FormData(form);
$.ajax({
headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
url: '/ru/user_account/support_create_ticket_ajax/',
url: '/ru/messages/create_ticket/',
type: "POST",
// async: true,
cache: false,
@@ -115,5 +116,10 @@ function createTicket (el) {
document.querySelector(".insert-tech-place").innerHTML = data.html;
},
error: function (data){
document.querySelector(".insert-tech-place").innerHTML = data.responseJSON.html;
}
});
}

View File

@@ -4,32 +4,36 @@
{% if errors.all__ %}<div class="errors_all" style="margin-bottom: 12px;width: 100%;font-size: 16px;">{{ errors.all__ }}</div>{% endif %}
{% csrf_token %}
<select name="department"
id="id_department"
class="el-form-create-ticket">
<option>Отдел: Техническая поддержка</option>
</select>
{% if form.errors.department %}<div class="errors">{{ form.errors.department }}</div>{% endif %}
<input type="text"
class="el-form-create-ticket"
name="name"
id="id_name"
placeholder="Тема запроса"
value="{% if form.adding_machine.name %}{{ form.adding_machine.name }}{% endif %}"
>
{% if form.errors.name %}<div class="errors">{{ form.errors.name }}</div>{% endif %}
<div class="letrs-count" style="color: #27242499;position: relative;top: 20px;left: 780px;display: inline-block;"><span class="letrs-count-span">0</span><span>/500</span></div>
<textarea name="text"
id="id_text"
class="el-form-create-ticket-textarea"
placeholder="Введите сообщение..."
value="{% if form.adding_machine.text %}{{ form.adding_machine.text }}{% endif %}"
onkeyup="countLetters()"></textarea>
{% if form.errors.text %}<div class="errors">{{ form.errors.text }}</div>{% endif %}
<div class="container-input-form-create-ticket">
<select name="department"
id="id_department"
class="el-form-create-ticket-select">
<option>Отдел: Техническая поддержка</option>
</select>
{% if form.errors.department %}<div class="errors">{{ form.errors.department }}</div>{% endif %}
</div>
<div class="container-input-form-create-ticket">
<input type="text"
class="el-form-create-ticket"
name="name"
id="id_name"
placeholder="Тема запроса"
value="{% if form.adding_machine.name %}{{ form.adding_machine.name }}{% endif %}"
>
{% if form.errors.name %}<div class="errors">{{ form.errors.name }}</div>{% endif %}
</div>
<div class="container-input-form-create-ticket">
<div class="letrs-count" style="color: #27242499;position: relative;top: 39px;left: 760px;display: inline-block;"><span class="letrs-count-span">0</span><span>/500</span></div>
<textarea name="text"
id="id_text"
class="el-form-create-ticket-textarea"
placeholder="Введите сообщение..."
value="{% if form.adding_machine.text %}{{ form.adding_machine.text }}{% endif %}"
onkeyup="countLetters()"></textarea>
{% if form.errors.text %}<div class="errors">{{ form.errors.text }}</div>{% endif %}
</div>
<div class="form-create-tickets-btns">
<button class="create-ticket-btn" onclick="createTicket()">Создать тикет</button>
<button class="create-ticket-btn" onclick="createTicket(this)">Создать тикет</button>
<button class="attach-file-btn" onclick="attachFileCreateTicket()"></button>
{# <input class="create-ticket-file" type="file" value="">#}