use tailwind class

This commit is contained in:
pa
2026-03-08 22:46:26 +09:00
parent be2f07f24e
commit 9b564303a4
85 changed files with 1167 additions and 642 deletions

View File

@@ -57,8 +57,7 @@
v-model="notificationTable.filters[1].value"
:placeholder="t('view.notification.search_placeholder')"
clearable
class="flex-[0.4]"
style="margin: 0 10px" />
class="flex-[0.4] my-0 mx-2" />
<TooltipWrapper side="bottom" :content="t('view.notification.refresh_tooltip')">
<Button
class="rounded-full"
@@ -139,6 +138,10 @@
paginationHeight: 52
});
/**
*
* @param row
*/
function getNotificationCreatedAt(row) {
if (typeof row?.created_at === 'string' && row.created_at.length > 0) {
return row.created_at;
@@ -149,6 +152,10 @@
return '';
}
/**
*
* @param row
*/
function getNotificationCreatedAtTs(row) {
const createdAtRaw = row?.created_at ?? row?.createdAt;
if (typeof createdAtRaw === 'number') {
@@ -263,6 +270,9 @@
const sendInviteRequestResponseDialogVisible = ref(false);
/**
*
*/
function saveTableFilters() {
configRepository.setString(
'VRCX_notificationTableFilters',
@@ -270,15 +280,27 @@
);
}
/**
*
* @param value
*/
function handleNotificationFilterChange(value) {
notificationTable.value.filters[0].value = Array.isArray(value) ? value : [];
saveTableFilters();
}
/**
*
* @param url
*/
function getSmallThumbnailUrl(url) {
return convertFileUrlToImageUrl(url);
}
/**
*
* @param invite
*/
function showSendInviteResponseDialog(invite) {
sendInviteResponseDialog.value.invite = invite;
sendInviteResponseDialog.value.messageSlot = {};
@@ -287,6 +309,10 @@
sendInviteResponseDialogVisible.value = true;
}
/**
*
* @param invite
*/
function showSendInviteRequestResponseDialog(invite) {
sendInviteResponseDialog.value.invite = invite;
sendInviteResponseDialog.value.messageSlot = {};

View File

@@ -11,7 +11,7 @@
</template>
<DataTableLayout
style="margin-top: 10px"
style="margin-top: 8px"
:table="inviteRequestResponseTable"
:loading="false"
:show-pagination="false"
@@ -102,10 +102,18 @@
initialSorting: [{ id: 'slot', desc: false }]
});
/**
*
* @param row
*/
function handleInviteRequestResponseRowClick(row) {
showSendInviteResponseConfirmDialog(row?.original);
}
/**
*
* @param row
*/
function showEditAndSendInviteResponseDialog(row) {
emit('update:sendInviteResponseDialog', { ...props.sendInviteResponseDialog, messageSlot: row });
editAndSendInviteResponseDialog.value = {
@@ -114,15 +122,25 @@
};
}
/**
*
* @param row
*/
function showSendInviteResponseConfirmDialog(row) {
emit('update:sendInviteResponseDialog', { ...props.sendInviteResponseDialog, messageSlot: row });
sendInviteResponseConfirmDialog.value.visible = true;
}
/**
*
*/
function closeInviteDialog() {
cancelSendInviteRequestResponse();
}
/**
*
*/
function closeResponseConfirmDialog() {
sendInviteResponseConfirmDialog.value.visible = false;
editAndSendInviteResponseDialog.value.visible = false;
@@ -132,6 +150,9 @@
// inviteMessagesRequest.refreshInviteMessageTableData(arg);
// }
/**
*
*/
function cancelSendInviteRequestResponse() {
emit('update:sendInviteRequestResponseDialogVisible', false);
}

View File

@@ -9,7 +9,7 @@
</template>
<DataTableLayout
style="margin-top: 10px"
style="margin-top: 8px"
:table="inviteResponseTable"
:loading="false"
:show-pagination="false"
@@ -101,23 +101,40 @@
initialSorting: [{ id: 'slot', desc: false }]
});
/**
*
* @param row
*/
function handleInviteResponseRowClick(row) {
showSendInviteResponseConfirmDialog(row?.original);
}
/**
*
*/
function closeInviteDialog() {
cancelSendInviteResponse();
}
/**
*
*/
function cancelSendInviteResponse() {
emit('update:sendInviteResponseDialogVisible', false);
}
/**
*
*/
function closeResponseConfirmDialog() {
sendInviteResponseConfirmDialog.value.visible = false;
editAndSendInviteResponseDialog.value.visible = false;
}
/**
*
* @param row
*/
function showEditAndSendInviteResponseDialog(row) {
emit('update:sendInviteResponseDialog', { ...props.sendInviteResponseDialog, messageSlot: row });
editAndSendInviteResponseDialog.value = {
@@ -125,6 +142,10 @@
visible: true
};
}
/**
*
* @param row
*/
function showSendInviteResponseConfirmDialog(row) {
emit('update:sendInviteResponseDialog', { ...props.sendInviteResponseDialog, messageSlot: row });
sendInviteResponseConfirmDialog.value.visible = true;