danil-bodry/iiko-connector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Danil Bodry
2026-04-18 13:32:57 +03:00
parent 9b12895199
commit 7cc1ff9555
7 changed files with 141 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
frontend/src/views/Users.vue
View File

@@ -24,15 +24,26 @@
<td class="px-6 py-4 whitespace-nowrap text-sm">{{ user.login }}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm">{{ user.email }}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm">
<button @click="toggleActive(user)" :class="user.active ? 'text-green-600' : 'text-red-600'">
<button
v-if="user.id !== currentUserId"
@click="toggleActive(user)"
:class="user.active ? 'text-green-600' : 'text-red-600'"
>
{{ user.active ? 'Active' : 'Inactive' }}
</button>
<span v-else class="text-gray-400 text-sm">(You)</span>
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm">{{ user.ip || '-' }}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm">{{ formatDate(user.created) }}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm space-x-2">
<button @click="openModal('edit', user)" class="text-blue-600">Edit</button>
<button @click="deleteUser(user.id)" class="text-red-600">Delete</button>
<button
v-if="user.id !== currentUserId"
@click="deleteUser(user.id)"
class="text-red-600"
>
Delete
</button>
</td>
</tr>
</tbody>
@@ -71,10 +82,24 @@
import { ref, onMounted } from 'vue';
import AppLayout from '../components/Layout/AppLayout.vue';
const currentUserId = ref<number | null>(null);
async function loadCurrentUser() {
try {
const res = await fetch('/api/admin/me');
if (res.ok) {
const data = await res.json();
currentUserId.value = data.id;
}
} catch (e) {
console.error('Failed to load current user', e);
}
}
const users = ref([]);
const modalOpen = ref(false);
const modalMode = ref<'create' | 'edit'>('create');
const form = ref({ id: null, login: '', password: '' });
const form = ref({ id: null, login: '', email: '', password: '' });
const modalTitle = ref('');
async function loadUsers() {
@@ -95,10 +120,10 @@ async function toggleActive(user: any) {
function openModal(mode: 'create' | 'edit', user: any = null) {
modalMode.value = mode;
if (mode === 'create') {
form.value = { id: null, login: '', password: '' };
form.value = { id: null, login: '', email: '', password: '' };
modalTitle.value = 'Create User';
} else {
form.value = { id: user.id, login: user.login, password: '' };
form.value = { id: user.id, login: user.login, email: user.email, password: '' }; // добавлен email
modalTitle.value = 'Edit User';
}
modalOpen.value = true;
@@ -110,23 +135,36 @@ function closeModal() {
async function submitUser() {
try {
const payload: any = {
login: form.value.login,
email: form.value.email,
};
if (form.value.password) {
payload.password = form.value.password;
}
if (modalMode.value === 'create') {
await fetch('/api/admin/users', {
if (!form.value.password) {
alert('Password is required');
return;
}
const res = await fetch('/api/admin/users', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ login: form.value.login, password: form.value.password })
body: JSON.stringify(payload),
});
if (!res.ok) throw new Error('Create failed');
} else {
await fetch(`/api/admin/users/${form.value.id}`, {
const res = await fetch(`/api/admin/users/${form.value.id}`, {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ login: form.value.login, password: form.value.password || undefined })
body: JSON.stringify(payload),
});
if (!res.ok) throw new Error('Update failed');
}
await loadUsers();
closeModal();
} catch (e) {
alert('Operation failed');
alert('Operation failed: ' + e.message);
}
}
@@ -137,5 +175,8 @@ async function deleteUser(id: number) {
}
}
onMounted(loadUsers);
onMounted(async () => {
await loadCurrentUser();
await loadUsers();
});
</script>