W12 done
This commit is contained in:
parent
1d087064dd
commit
ee0715c3b2
19 changed files with 1525 additions and 0 deletions
99
w12/views/edit-menu.twig
Normal file
99
w12/views/edit-menu.twig
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<b>{{user.login}}</b>, вы редактируете меню. <a href="/">На главную</a>
|
||||
<hr>
|
||||
<b>Меню:</b>
|
||||
<div id="menuHolder">
|
||||
{% if menu %}
|
||||
{% for item in menu %}
|
||||
<div>
|
||||
<input type="text" name="url" value="{{item.url}}">
|
||||
<input type="text" name="name" value="{{item.name}}">
|
||||
<button class="removeItemBtn">X</button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<div>
|
||||
<input class="inputData" type="text" name="url" placeholder="Ссылка">
|
||||
<input class="inputData" type="text" name="name" placeholder="Название">
|
||||
<button id="addItemBtn">+</button>
|
||||
</div>
|
||||
<button id="saveBtn">Сохранить</button>
|
||||
</body>
|
||||
<script>
|
||||
let menu = [];
|
||||
|
||||
function updateDeleteBtns() {
|
||||
document.querySelectorAll('.removeItemBtn').forEach(e => e.onclick = function() {
|
||||
let item = this.parentNode;
|
||||
let index = menu.indexOf(item);
|
||||
menu.splice(index, 1);
|
||||
item.remove();
|
||||
});
|
||||
}
|
||||
|
||||
function init() {
|
||||
let addItemBtn = document.getElementById('addItemBtn');
|
||||
let saveBtn = document.getElementById('saveBtn');
|
||||
let menuHolder = document.getElementById('menuHolder');
|
||||
|
||||
let children = menuHolder.children;
|
||||
for (let i = 0; i < children.length; i++) {
|
||||
let child = children[i];
|
||||
let url = child.children[0].value;
|
||||
let name = child.children[1].value;
|
||||
menu.push({url, name});
|
||||
}
|
||||
|
||||
addItemBtn.addEventListener('click', function() {
|
||||
let url = document.querySelector('input.inputData[name="url"]').value;
|
||||
let name = document.querySelector('input.inputData[name="name"]').value;
|
||||
let item = {
|
||||
url: url,
|
||||
name: name
|
||||
};
|
||||
menu.push(item);
|
||||
let newItem = document.createElement('div');
|
||||
newItem.innerHTML = '<input type="text" name="url" value="' + url + '"><input type="text" name="name" value="' + name + '"><button class="removeItemBtn">X</button>';
|
||||
menuHolder.appendChild(newItem);
|
||||
document.querySelector('input.inputData[name="url"]').value = '';
|
||||
document.querySelector('input.inputData[name="name"]').value = '';
|
||||
|
||||
updateDeleteBtns()
|
||||
});
|
||||
|
||||
saveBtn.addEventListener('click', async function() {
|
||||
let data = {
|
||||
menu: menu
|
||||
};
|
||||
let response = await fetch('/editMenu', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(data)
|
||||
});
|
||||
let result = await response.json();
|
||||
if (result.code == 200) {
|
||||
alert('Меню сохранено');
|
||||
location.reload();
|
||||
} else {
|
||||
alert(`Ошибка ${result.code}: ${result.error}`);
|
||||
}
|
||||
console.log(result);
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', init);
|
||||
</script>
|
||||
</html>
|
||||
20
w12/views/gallery.twig
Normal file
20
w12/views/gallery.twig
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<b>{{user.login}}</b>, вы смотрите свою галерею. <a href="/">На главную</a>
|
||||
<hr>
|
||||
{% for image in images %}
|
||||
<a href="/image/{{image.id}}">
|
||||
<img src="/images?filename={{image.filename}}" alt="{{image.id}}">
|
||||
</a>
|
||||
{% else %}
|
||||
<p>Нет изображений</p>
|
||||
{% endfor %}
|
||||
</body>
|
||||
</html>
|
||||
26
w12/views/image.twig
Normal file
26
w12/views/image.twig
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<b>{{user.login}}</b> осматривает картинку... <a href="/">На главную</a>
|
||||
<hr>
|
||||
<img src="/images?type=full&filename={{image.filename}}" alt="{{image.filename}}" style="max-width: 100%">
|
||||
<hr>
|
||||
<a href="/images?type=thumb&filename={{image.filename}}">Миниатюра</a>
|
||||
<hr>
|
||||
<form action="/image/{{image.id}}" method="post">
|
||||
<input type="text" name="description" value="{{image.description}}">
|
||||
<br>
|
||||
Опубликовано?
|
||||
<input type="checkbox" name="published" value="1" {{image.published ? 'checked' : ''}}>
|
||||
<br>
|
||||
<input type="submit" value="Сохранить">
|
||||
</form>
|
||||
<a href="/image/{{image.id}}/delete">Удалить</a>
|
||||
</body>
|
||||
</html>
|
||||
51
w12/views/import.twig
Normal file
51
w12/views/import.twig
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
{% if message %}
|
||||
<div id="message" style="padding: 1rem; border: 2px solid black; background-color: green; color: white">{{message}}</div>
|
||||
{% endif %}
|
||||
{% if error %}
|
||||
<div id="error" style="padding: 1rem; border: 2px solid black; background-color: red; color: white">{{error}}</div>
|
||||
{% endif %}
|
||||
<h4>Import page</h4>
|
||||
<p>Drop XML file on page or enter content down here</p>
|
||||
<form action="/import" method="post">
|
||||
<textarea name="xml" cols="30" rows="10"></textarea>
|
||||
<br>
|
||||
<input type="submit" name="submit" value="submit">
|
||||
</form>
|
||||
</body>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
let dropZone = document.body;
|
||||
dropZone.addEventListener("dragover", function(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
e.dataTransfer.dropEffect = "copy";
|
||||
}, false);
|
||||
dropZone.addEventListener("dragleave", function(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
e.dataTransfer.dropEffect = "copy";
|
||||
}, false);
|
||||
dropZone.addEventListener("drop", async function(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
e.dataTransfer.dropEffect = "copy";
|
||||
// get the file
|
||||
let file = e.dataTransfer.files[0];
|
||||
let fr=new FileReader();
|
||||
fr.onload=function(){
|
||||
document.querySelector('[name=xml]').textContent = fr.result;
|
||||
}
|
||||
fr.readAsText(file);
|
||||
}, false);
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
108
w12/views/index.twig
Normal file
108
w12/views/index.twig
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
|
||||
<style>
|
||||
#imageDrop {
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
height: 5rem;
|
||||
border: 0.2rem dashed gray;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
Привет, {{user.login}}! <a href="/logout">Выйти</a>
|
||||
<hr>
|
||||
<b>Меню:</b>
|
||||
{% if menu %}
|
||||
<ul>
|
||||
{% for item in menu %}
|
||||
<li><a href="{{item.url}}">{{item.name}}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% else %}
|
||||
<p>Пусто</p>
|
||||
{% endif %}
|
||||
<hr>
|
||||
<div id="imageDrop">
|
||||
Загрузить изображение
|
||||
</div>
|
||||
<hr>
|
||||
<b>Действия:</b>
|
||||
<ul>
|
||||
<li><a href="/editMenu">Изменить меню</a></li>
|
||||
<li><a href="/lookupTables">Просмотреть данные таблиц</a></li>
|
||||
<li><a href="/gallery">Галерея</a></li>
|
||||
<li><a href="/search">Поиск</a></li>
|
||||
<hr>
|
||||
<li><a href="/import">Импортировать данные</a></li>
|
||||
<li><a href="/export" download>Экспортировать данные</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<b>Общая галерея:</b>
|
||||
<div class="gallery">
|
||||
{% for image in gallery %}
|
||||
<a href="image/{{image.id}}">
|
||||
<img src="/images?filename={{image.filename}}" alt="{{image.filename}}">
|
||||
</a>
|
||||
{% else %}
|
||||
<p>Пусто</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
// dom loaded listener
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
// create a drop zone
|
||||
let dropZone = document.getElementById("imageDrop");
|
||||
// add event listeners
|
||||
dropZone.addEventListener("dragover", function(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
e.dataTransfer.dropEffect = "copy";
|
||||
}, false);
|
||||
dropZone.addEventListener("dragleave", function(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
e.dataTransfer.dropEffect = "copy";
|
||||
}, false);
|
||||
dropZone.addEventListener("drop", async function(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
e.dataTransfer.dropEffect = "copy";
|
||||
// get the file
|
||||
let file = e.dataTransfer.files[0];
|
||||
// create a form data
|
||||
let formData = new FormData();
|
||||
// append the file
|
||||
formData.append("file", file);
|
||||
try {
|
||||
// upload image with fetch
|
||||
const response = await fetch("/uploadImage", {
|
||||
method: "POST",
|
||||
body: formData
|
||||
});
|
||||
// get the response
|
||||
const data = await response.json();
|
||||
if (data.code == 200) {
|
||||
location.href = "/gallery";
|
||||
} else {
|
||||
alert(data.error);
|
||||
}
|
||||
} catch (e) {
|
||||
alert(e);
|
||||
}
|
||||
}, false);
|
||||
});
|
||||
|
||||
</script>
|
||||
</html>
|
||||
27
w12/views/login.twig
Normal file
27
w12/views/login.twig
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
{% if message %}
|
||||
<div id="message" style="padding: 1rem; border: 2px solid black; background-color: green; color: white">{{message}}</div>
|
||||
{% endif %}
|
||||
{% if error %}
|
||||
<div id="error" style="padding: 1rem; border: 2px solid black; background-color: red; color: white">{{error}}</div>
|
||||
{% endif %}
|
||||
<h4>Login page</h4>
|
||||
<form action="/login" method="post">
|
||||
<input type="text" name="login" placeholder="login">
|
||||
<input type="password" name="password" placeholder="password">
|
||||
<input type="submit" name="submit" value="submit">
|
||||
</form>
|
||||
<hr>
|
||||
<a href="/register">Registration</a>
|
||||
<br>
|
||||
<a href="/recover-password">Recover password</a>
|
||||
</body>
|
||||
</html>
|
||||
50
w12/views/lookup-tables.twig
Normal file
50
w12/views/lookup-tables.twig
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
{% if table %}
|
||||
<b>{{user.login}}</b>, вы смотрите таблицу <i>{{table}}</i>. <a href="/lookupTables">Отмена</a>
|
||||
{% else %}
|
||||
<b>{{user.login}}</b>, вы смотрите таблицы. <a href="/">На главную</a>
|
||||
{% endif %}
|
||||
<hr>
|
||||
{% if table %}
|
||||
<table border width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
{% for item in tableData.header %}
|
||||
<th>
|
||||
<a href="/lookupTables?table={{table}}&sort=ASC&col={{item.column_name}}">[ASC]</a>
|
||||
{{item.column_name}}
|
||||
<a href="/lookupTables?table={{table}}&sort=DESC&col={{item.column_name}}">[DESC]</a>
|
||||
</th>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for row in tableData.data %}
|
||||
<tr>
|
||||
{% for col in row %}
|
||||
<td>{{col}}</td>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% else %}
|
||||
<form action="/lookupTables" method="get">
|
||||
<select name="table">
|
||||
{% for table in tables %}
|
||||
<option value="{{table}}">{{table}}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<input type="submit" value="Перейти">
|
||||
</form>
|
||||
{% endif %}
|
||||
</body>
|
||||
</html>
|
||||
12
w12/views/propose-auth.twig
Normal file
12
w12/views/propose-auth.twig
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
Вам нужно <a href="/login">войти</a> или <a href="/register">зарегистрироваться</a> для работы с системой.
|
||||
</body>
|
||||
</html>
|
||||
4
w12/views/recover-password-mail.twig
Normal file
4
w12/views/recover-password-mail.twig
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
Hello, {{login}}!
|
||||
You have requested password change, so we generated you a new one (without backtics): `<b>{{password}}</b>`.
|
||||
<br>
|
||||
Please be sure to delete this message after you have logged in. For now you cannot change your password by yourself.
|
||||
32
w12/views/recover-password.twig
Normal file
32
w12/views/recover-password.twig
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
{% if mail %}
|
||||
<div id="mail" style="padding: 1rem; border: 2px solid black; background-color: lightsteelblue; color: stellblue">{{mail | raw}}</div>
|
||||
<br>
|
||||
{% endif %}
|
||||
{% if message %}
|
||||
<div id="message" style="padding: 1rem; border: 2px solid black; background-color: green; color: white">{{message}}</div>
|
||||
<br>
|
||||
{% endif %}
|
||||
{% if error %}
|
||||
<div id="error" style="padding: 1rem; border: 2px solid black; background-color: red; color: white">{{error}}</div>
|
||||
<br>
|
||||
{% endif %}
|
||||
<h4>Password recovery page</h4>
|
||||
<form action="/recover-password" method="post">
|
||||
<input type="text" name="login" placeholder="login">
|
||||
<input type="submit" name="submit" value="submit">
|
||||
</form>
|
||||
<hr>
|
||||
<a href="/register">Registration</a>
|
||||
<br>
|
||||
<a href="/login">Login</a>
|
||||
</body>
|
||||
</html>
|
||||
24
w12/views/register.twig
Normal file
24
w12/views/register.twig
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
{% if error %}
|
||||
<div id="error" style="padding: 1rem; border: 2px solid black; background-color: red; color: white">{{error}}</div>
|
||||
{% endif %}
|
||||
<h4>Registration page</h4>
|
||||
<form action="/register" method="post">
|
||||
<input type="text" name="login" placeholder="login">
|
||||
<input type="password" name="password" placeholder="password">
|
||||
<input type="submit" name="submit" value="submit">
|
||||
</form>
|
||||
<hr>
|
||||
<a href="/login">Login</a>
|
||||
<br>
|
||||
<a href="/recover-password">Recover password</a>
|
||||
</body>
|
||||
</html>
|
||||
50
w12/views/search.twig
Normal file
50
w12/views/search.twig
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
|
||||
<style>
|
||||
#imageDrop {
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
height: 5rem;
|
||||
border: 0.2rem dashed gray;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<b>{{user.login}}</b> что-то ищет 🤔 <a href="/">На главную</a>
|
||||
<hr>
|
||||
<form action="/search" method="get">
|
||||
<input type="text" name="search" placeholder="Поиск..." value="{{search}}">
|
||||
<select name="author">
|
||||
<option value="-1">Все авторы</option>
|
||||
{% for item in authors %}
|
||||
<option value="{{item.id}}" {% if item.id == author %}selected{% endif %}>{{item.login}}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<input type="submit" value="Найти">
|
||||
</form>
|
||||
{% if images %}
|
||||
<b>Результаты поиска:</b>
|
||||
<div class="images">
|
||||
{% for image in images %}
|
||||
<a href="image/{{image.id}}">
|
||||
<img src="/images?filename={{image.filename}}" alt="{{image.filename}}">
|
||||
</a>
|
||||
{% else %}
|
||||
<p>Пусто</p>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<p>Пусто</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue