adam.goldsmith/SaltStatus
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Allow collapsing jobs

Browse Source
This commit is contained in:
Adam Goldsmith 2019-12-30 20:31:05 -05:00
parent c87322a36f
commit 8cac0cb81d
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -15,6 +15,7 @@
}, },
"devDependencies": { "devDependencies": {
"@vue/component-compiler-utils": "^3.0.2", "@vue/component-compiler-utils": "^3.0.2",
"sass": "^1.24.0",
"typescript": "^3.7.3", "typescript": "^3.7.3",
"vue-template-compiler": "^2.6.10" "vue-template-compiler": "^2.6.10"
} }

27
src/Job.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<div class="job" v-show="!hidden"> <details class="job" v-show="!hidden">
<h3> <summary>
<span v-if="startEvent"> <span v-if="startEvent" class="job-name">
{{ startEvent.data.fun }} {{ startEvent.data.fun }}
{{ startEvent.data.arg }} {{ startEvent.data.arg }}
</span> </span>
<span class="header-jid"> {{ jid }}</span> <span class="jid"> {{ jid }}</span>
</h3> </summary>
<div v-for="(events, minion) in minionEvents" :key="minion"> <div v-for="(events, minion) in minionEvents" :key="minion">
<details class="minion"> <details class="minion">
<summary> <summary>
@ -33,7 +33,7 @@
</details> </details>
</details> </details>
</div> </div>
</div> </details>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -115,14 +115,17 @@ export default class Job extends Vue {
} }
</script> </script>
<style> <style lang="scss">
.minion .event { .job-name {
margin-left: 2ex; font-size: larger;
font-weight: bold;
}
.jid {
font-size: x-small;
} }
.header-jid { .minion .event {
font-size: x-small; margin-left: 2ex;
font-weight: normal;
} }
pre { pre {