Merge remote-tracking branch 'origin/main'

static/css/styles(boris).css

@@ -86,17 +86,38 @@
     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-select:focus-visible{
+    border: none;
+    outline: none;
+}
+
+.el-form-create-ticket-select > option {
+    border: none;
+    outline: none;
+    -webkit-appearance: none;
+    -webkit-border-radius: 0;
+    outline-offset: -1px;
+}
+
+.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 +131,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{

static/js/user_profile(boris).js

@@ -18,7 +18,7 @@ function createTicketShow () {
 }
 
 function countLetters () {
-    let area = document.querySelector("textarea[name=enter-message]")
+    let area = document.querySelector(".el-form-create-ticket-textarea")
     let count = area.value.length
     if (count <= 500) {
         let ins_area = document.querySelector(".letrs-count-span")
@@ -46,11 +46,13 @@ function inputQuest (){
 
 
 function attachFileCreateTicket () {
-    event.preventDefault()
-    let input = document.querySelector(".create-ticket-file")
-    input.click()
-    console.log("asd")
-    let data = input.value
+    let input = inputQuest()
+    let file = input.files[0]
+    // let file_url = URL.createObjectURL(file)
+
+
+
+    let data = file
     $.ajax({
         headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
         url: '/ru/user_account/support_create_ticket_ajax/',
@@ -98,11 +100,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 +118,10 @@ function createTicket (el) {
             document.querySelector(".insert-tech-place").innerHTML = data.html;
 
         },
+        error: function (data){
+
+            document.querySelector(".insert-tech-place").innerHTML = data.responseJSON.html;
+
+        }
     });
 }