Merge pull request #62 from Stivo182/feature/winow-handlers

Добавление обработчиков кнопок
2026-06-21 01:30:38 +02:00 · 2024-12-27 08:21:30 +04:00
parent 6212468475 3f374655f9
commit 982fa5280f
3 changed files with 128 additions and 11 deletions
@@ -3,6 +3,7 @@
      "Порт": 3333,
      "ИмяХоста": "localhost",
      "АвтоСтарт": true,
+      "РазмерБуфера": 0,
      "КаталогСПриложениями": "./Классы",
      "КаталогиСФайлами": {
         "/images": "./Классы/interface/static/images"
@@ -45,7 +45,8 @@
        }

        textarea {
-            resize: none;
+            width: 100%;
+            resize: vertical;
            border-radius: 0;
            border: 2px solid black;
            overflow-y: scroll;
@@ -57,7 +58,7 @@
            color: #777;
        }

-        input[type=submit] {
+        input[type=button] {
            background-color: black;
            color: white;
            padding: 10px 10px;
@@ -74,7 +75,90 @@
            justify-content: center;
            align-items: center;
        }
+
+        div.output {
+            width: 100%;
+            height: 200px;
+            border: 2px solid black;
+            padding: 3px;
+            resize: vertical;
+            overflow: auto;
+            margin-bottom: 5px;
+        }
+
+        pre.shiki {
+            margin: 0;
+        }
+
+        .selectable {
+            -webkit-touch-callout: all; /* iOS Safari */
+            -webkit-user-select: all; /* Safari */
+            -khtml-user-select: all; /* Konqueror HTML */
+            -moz-user-select: all; /* Firefox */
+            -ms-user-select: all; /* Internet Explorer/Edge */
+            user-select: all; /* Chrome and Opera */
+        }
    </style>
+    <script type="module">
+        import { createHighlighter } from 'https://esm.sh/shiki@1.24.4';
+
+        let outputText = 'Соединение = Новый HTTPСоединение("example.com", 80);\n'
+        + 'HTTPЗапрос = Новый HTTPЗапрос("/");\n'
+        + 'HTTPОтвет = Соединение.ВызватьHTTPМетод("GET", HTTPЗапрос);';
+        let theme = "github-light";
+        let language = 'bsl';
+
+        function convert(command){
+            let req = new XMLHttpRequest();
+            req.onload = convertOnload;
+            req.responseType = "json";
+            req.open("GET", "/convert?cmd=" + encodeURIComponent(command));
+            req.send();
+        }
+
+        function convertOnload() {
+            let output = document.getElementById("output");
+
+            if(this.status === 200){
+                outputText = this.response.result;
+            } else {
+                outputText = "";
+            }
+            
+            setOutput(outputText);
+        }
+
+        function setOutput(code){
+            document.getElementById("output").innerHTML = highlighter.codeToHtml(code, {
+                lang: 'bsl',
+                theme: theme
+            })
+        }
+
+        function copyToClipboard(text){
+            navigator.clipboard.writeText(text);
+        }
+
+        document.getElementById("convert").addEventListener("click", function (e) {
+            let formData = new FormData(document.forms.curl);       
+            let command = formData.get("command");
+            convert(command);
+        });
+
+        document.getElementById("copy").addEventListener("click", function (e) {
+            copyToClipboard(outputText);
+        });
+
+        const highlighter = await createHighlighter({
+            themes: [theme],
+            langs: [language],
+        })
+
+        await highlighter.loadTheme(theme);
+        await highlighter.loadLanguage(language);
+
+        setOutput(outputText);
+    </script>
 </head>
 <body>
    <div class="container">
@@ -84,18 +168,18 @@
    </div>
    <div class="container">
        <div>
-            <label for="inputcurl">Команда curl</label>
-            <textarea name="inputcurl" id="inputcurl" cols="120" rows="9" placeholder="curl example.com" required autofocus></textarea>
-            <input type="submit" value="Конвертировать">
+            <form name="curl">
+                <label for="command">Команда curl</label>
+                <textarea name="command" id="command" cols="120" rows="9" spellcheck="false" placeholder="curl example.com" required autofocus></textarea>
+                <input type="button" id="convert" value="Конвертировать">
+            </form>
        </div>
    </div>
    <div class="container">
        <div>
-            <label for="output">Код 1C</label>
-            <textarea name="output" id="output" cols="120" rows="9" wrap="off" placeholder='Соединение = Новый HTTPСоединение("example.com", 80);
-HTTPЗапрос = Новый HTTPЗапрос("/");
-HTTPОтвет = Соединение.ВызватьHTTPМетод("GET", HTTPЗапрос);'></textarea>
-            <input type="submit" value="Скопировать">
+            <div>Код 1C</div>
+            <div id="output" class="output selectable"></div>
+            <input type="button" id="copy" value="Скопировать">
        </div>
    </div>
    <div class="container">
@@ -6,5 +6,37 @@
 &ТочкаМаршрута("")
 &Отображение("./Классы/interface/view/index.html")
 Процедура Главная(Ответ) Экспорт
+
+КонецПроцедуры
+
+&ТочкаМаршрута("/convert")
+Процедура Конвертировать(ПараметрыЗапросаИменные, Ответ) Экспорт
+	Перем Ошибки;
+
+	Данные = Новый Структура("result, errors", "", Новый Массив());
 	
-КонецПроцедуры
+	ТекстКоманды = ПараметрыЗапросаИменные.Получить("cmd");
+	Если ТекстКоманды <> Неопределено Тогда
+		КонвертерКомандыCURL = Новый КонвертерКомандыCURL();
+
+		Попытка
+			Данные.result = КонвертерКомандыCURL.Конвертировать(ТекстКоманды, Новый ГенераторПрограммногоКода1С(), Ошибки);
+
+			Для Каждого Ошибка Из Ошибки Цикл
+				Данные.errors.Добавить(НоваяОшибка(Ошибка.Текст, Ошибка.Критичная));
+			КонецЦикла;
+		Исключение
+			Данные.errors.Добавить(НоваяОшибка(КраткоеПредставлениеОшибки(ИнформацияОбОшибке()), Истина));
+		КонецПопытки;
+	КонецЕсли;
+
+	Парсер = Новый ПарсерJSON();
+
+	Ответ.УстановитьТипКонтента("json");
+	Ответ.ТелоТекст = Парсер.ЗаписатьJSON(Данные);
+
+КонецПроцедуры
+
+Функция НоваяОшибка(Текст, Критичная = Ложь)
+	Возврат Новый Структура("text, critical", Текст, Критичная);
+КонецФункции