Added compact revision overview, formatting duration. Preventing rejected revisions from being reviewed again.

This commit is contained in:
2024-10-08 21:30:55 +02:00
parent 9e87c47b24
commit 067d414cd9
8 changed files with 323 additions and 136 deletions

View File

@@ -1,7 +1,7 @@
<template>
<Admin class="page">
<Revisions
:interactive="true"
context="admin"
/>
</Admin>
</template>

View File

@@ -227,6 +227,14 @@
<template v-if="qualities[scene.qualities[0]]">{{ qualities[scene.qualities[0]] }} ({{ scene.qualities[0] }}p)</template>
<template v-else>{{ scene.qualities[0] }}p</template>
</div>
<div
v-if="scene.photoCount"
class="detail"
>
<h3 class="heading">Photos</h3>
{{ scene.photoCount }}
</div>
</div>
<div
@@ -321,11 +329,11 @@
</div>
<div
v-if="user && user.role !== 'user'"
class="scene-actions section"
>
<a
:href="`/scene/edit/${scene.id}`"
v-if="user && user.role !== 'user'"
:href="`/scene/edit/${scene.id}/${scene.slug}`"
target="_blank"
class="link"
>Edit scene</a>

View File

@@ -3,14 +3,21 @@
<div class="revs-header">
<h2 class="heading">Revisions for "{{ scene.title }}"</h2>
<a
:href="`/scene/${scene.id}/${scene.slug}`"
target="_blank"
class="link"
>Go to scene</a>
<div class="revs-actions">
<a
:href="`/scene/edit/${scene.id}/${scene.slug}`"
class="link"
>Edit scene</a>
<a
:href="`/scene/${scene.id}/${scene.slug}`"
target="_blank"
class="link"
>Go to scene</a>
</div>
</div>
<Revisions />
<Revisions context="scene" />
</div>
</template>
@@ -33,5 +40,23 @@ const scene = pageContext.pageProps.scene;
display: flex;
justify-content: space-between;
align-items: center;
.heading {
line-height: 1.5;
}
}
.revs-actions {
display: flex;
gap: 2rem;
flex-shrink: 0;
}
@media(--compact) {
.revs-header {
display: flex;
flex-direction: column;
margin-bottom: 1rem;
}
}
</style>

View File

@@ -58,7 +58,7 @@
class="profile-section revisions"
>
<h3 class="section-header heading">Revisions</h3>
<Revisions />
<Revisions context="user" />
</div>
</div>
</template>