Frontend created and rewritten a few times, with some backend fixes #1
|
@ -28,9 +28,6 @@
|
||||||
})
|
})
|
||||||
|
|
||||||
watchEffect(() => {
|
watchEffect(() => {
|
||||||
console.log('Actual Path')
|
|
||||||
console.log(Router.currentRoute.value.path)
|
|
||||||
console.log(Router.currentRoute)
|
|
||||||
const documentHandler = new DocumentHandler()
|
const documentHandler = new DocumentHandler()
|
||||||
const documentUploadHandler = new DocumentUploadHandler()
|
const documentUploadHandler = new DocumentUploadHandler()
|
||||||
const wsWatch = createWebSocket(url_document_watch_ws, documentHandler.handleWebSocketMessage)
|
const wsWatch = createWebSocket(url_document_watch_ws, documentHandler.handleWebSocketMessage)
|
||||||
|
|
|
@ -16,13 +16,13 @@
|
||||||
<template #bodyCell="{ column, record }">
|
<template #bodyCell="{ column, record }">
|
||||||
<template v-if="column.key === 'name'">
|
<template v-if="column.key === 'name'">
|
||||||
<div class="editable-cell">
|
<div class="editable-cell">
|
||||||
<div v-if="editableData[record.key]" class="editable-cell-input-wrapper">
|
<div v-if="editableData[record.key]" class="action-container editable-cell-input-wrapper">
|
||||||
<a-input v-model:value="editableData[record.key].name" @pressEnter="save(record.key)" />
|
<a-input class="name" v-model:value="editableData[record.key].name" @pressEnter="save(record.key)" />
|
||||||
<CheckOutlined class="editable-cell-icon-check" @click="save(record.key)" />
|
<CheckOutlined class="edit-action editable-cell-icon-check" @click="save(record.key)" />
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="editable-cell-text-wrapper">
|
<div v-else class="action-container editable-cell-text-wrapper">
|
||||||
<a :href="`#${linkBasePath}/${record.name}`">{{record.name}}</a>
|
<a class="name" :href="`#${linkBasePath}/${record.name}`">{{record.name}}</a>
|
||||||
<edit-outlined class="editable-cell-icon" @click="edit(record.key)" />
|
<edit-outlined class="edit-action editable-cell-icon" @click="edit(record.key)" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -162,6 +162,12 @@
|
||||||
.action-container{
|
.action-container{
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
.name{
|
||||||
|
max-width: 70%;
|
||||||
|
}
|
||||||
|
.edit-action{
|
||||||
|
min-width: 10%;
|
||||||
|
}
|
||||||
.carousel-container{
|
.carousel-container{
|
||||||
height: inherit;
|
height: inherit;
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -5,8 +5,8 @@
|
||||||
<link rel="icon" href="/favicon.ico">
|
<link rel="icon" href="/favicon.ico">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
<title>Vite Vasanko</title>
|
<title>Vite Vasanko</title>
|
||||||
<script type="module" crossorigin src="/assets/index-a7ca2feb.js"></script>
|
<script type="module" crossorigin src="/assets/index-5dc0b94d.js"></script>
|
||||||
<link rel="stylesheet" href="/assets/index-50756cbb.css">
|
<link rel="stylesheet" href="/assets/index-ca079bc6.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user