blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

JobDetails: Show message when job has no settings or metadata

Browse Source 
Avoid an empty tab by displaying a message if there's no data.
This commit is contained in:
Pablo Vazquez 2022-07-07 16:35:17 +02:00
parent d4fbad971c
commit 47110f437b
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/app/src/assets/base.css
View File

@ -1,5 +1,6 @@
:root { :root {
--spacer: 1rem; --spacer: 1rem;
--spacer-lg: 1.33rem;
--spacer-sm: .66rem; --spacer-sm: .66rem;
--spacer-xs: .33rem; --spacer-xs: .33rem;
@ -236,6 +237,15 @@ dl dd:empty {
border-color: transparent; border-color: transparent;
} }
.dl-no-data {
color: var(--color-text-hint);
font-family: var(--font-family-mono);
font-size: var(--font-size-sm);
padding: var(--spacer-lg) var(--spacer);
text-align: center;
cursor: default;
}
.window-footer { .window-footer {
align-items: center; align-items: center;
background-color: var(--color-background-column); background-color: var(--color-background-column);

6
web/app/src/components/jobs/JobDetails.vue
View File

@ -12,6 +12,9 @@
<dd>{{ value }}</dd> <dd>{{ value }}</dd>
</template> </template>
</dl> </dl>
<div v-else class="dl-no-data">
<span>This job has no settings.</span>
</div>
</TabItem> </TabItem>
<TabItem title="Metadata"> <TabItem title="Metadata">
<dl v-if="hasMetadata"> <dl v-if="hasMetadata">
@ -20,6 +23,9 @@
<dd>{{ value }}</dd> <dd>{{ value }}</dd>
</template> </template>
</dl> </dl>
<div v-else class="dl-no-data">
<span>This job has no metadata.</span>
</div>
</TabItem> </TabItem>
<TabItem title="Details"> <TabItem title="Details">
<dl> <dl>