Test frontend #only_compile

This commit is contained in:
Andy-Ruda 2023-10-25 23:31:13 -05:00
parent f2b37852da
commit 3672156b5e
5 changed files with 56 additions and 53 deletions

View File

@ -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)

View File

@ -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

View File

@ -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>