+
+
+
diff --git a/static/none.png b/static/none.png
new file mode 100644
index 0000000..087d75a
Binary files /dev/null and b/static/none.png differ
diff --git a/static/site.js b/static/site.js
new file mode 100644
index 0000000..40001a3
--- /dev/null
+++ b/static/site.js
@@ -0,0 +1,53 @@
+const renderResultMarkup = (query, result) =>
+ `
+
+
+
+
+
+
+
+
+
+
+ Загрузите изображение и, если требуется, собственную онтологию для анализа.
+ +
+ 
+
+
+
+
+
+ Загрузка...
+
+
+
+ ${query}
+| ${column} | `).join('')} +
|---|
| ${value.value} | `) + .join('')}
${JSON.stringify(data.data.error)}
`;
+ }
+};
+
+const handleFormSubmit = (event) => {
+ event.preventDefault();
+ const data = new FormData(event.target);
+ const loaderWrapper = document.getElementById('loaderWrapper');
+ loaderWrapper.classList.remove('d-none');
+ fetch('/analyze', { method: 'POST', body: data })
+ .then((res) => res.json())
+ .then(processAnalyzeResult)
+ .catch(() => {
+ alert('Произошла внутренняя ошибка.');
+ })
+ .finally(() => {
+ loaderWrapper.classList.add('d-none');
+ });
+};
+
+document.addEventListener('DOMContentLoaded', () => {
+ document.getElementById('uploadForm').addEventListener('submit', handleFormSubmit);
+});
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..7482e44
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,15 @@
+#wrapper {
+ min-height: 100%;
+}
+
+#loaderWrapper {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ background-color: #33333333;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}