diff --git a/.prettierrc.json b/.prettierrc.json new file mode 100644 index 0000000..b6d488b --- /dev/null +++ b/.prettierrc.json @@ -0,0 +1,8 @@ +{ + "semi": true, + "trailingComma": "all", + "singleQuote": true, + "printWidth": 160, + "tabWidth": 2, + "endOfLine": "auto" +} diff --git a/static/index.html b/static/index.html index 90aadb1..d572773 100644 --- a/static/index.html +++ b/static/index.html @@ -1,100 +1,57 @@ + + + + + Анализ аудиторий + + + + + - - - - - Анализ аудиторий - - - - - -
-
-
-
-
-

- Загрузите изображение в поле ниже, чтобы проверить, на - фотография пустая или заполненная аудитория. -

-
-
- - -
-
- - -
-
- - -
-
- -
-
-
-
- Результат -
+ +
+
+
+
+
+

Загрузите изображение в поле ниже, чтобы проверить, на фотография пустая или заполненная аудитория.

+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+
+ Результат +
+
-
- - - - \ No newline at end of file + + diff --git a/static/site.js b/static/site.js new file mode 100644 index 0000000..1e351e9 --- /dev/null +++ b/static/site.js @@ -0,0 +1,43 @@ +const renderResultMarkup = (query, result) => + ` +

${query}

+ + + ${result.columns.map((column) => ``).join('')} + +${result.rows.map( + (row) => + `${Object.entries(row) + .map(([key, value]) => ``) + .join('')}`, +)} +
${column}
${value.value}
`; + +const processAnalyzeResult = (data) => { + const img = document.getElementById('imgslot'); + const queriesResult = document.getElementById('queriesResult'); + + img.src = 'none.png'; + if (data.image) { + img.src = 'data:image/jpg;base64,' + data.image; + } + + queriesResult.innerHTML = ''; + if (data.data && data.data.response) { + for (const [query, result] of Object.entries(data.data.response)) { + queriesResult.innerHTML += renderResultMarkup(query, result); + } + } +}; + +const handleFormSubmit = (event) => { + event.preventDefault(); + const data = new FormData(event.target); + fetch('/analyze', { method: 'POST', body: data }) + .then((res) => res.json()) + .then(processAnalyzeResult); +}; + +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..e69de29