Mercurial > gemma
changeset 2599:61aba7e78d3a
overview2 WIP
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 12 Mar 2019 14:06:22 +0100 |
parents | 5fa1ad39e1bc |
children | 6e6709bab5c4 |
files | client/src/components/importoverview/AdditionalLog.vue client/src/components/importoverview/LogDetail.vue client/src/components/importoverview/LogEntry.vue |
diffstat | 3 files changed, 18 insertions(+), 7 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue Tue Mar 12 13:23:20 2019 +0100 +++ b/client/src/components/importoverview/AdditionalLog.vue Tue Mar 12 14:06:22 2019 +0100 @@ -1,9 +1,9 @@ <template> - <div class="d-flex flex-column text-left"> + <div class="additionallog d-flex flex-column text-left"> <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index"> - <small>{{ line.kind }}</small> - <small>{{ line.message }}</small> - <small>{{ line.time }}</small> + <small class="kind">{{ line.kind }}</small> + <small class="time">{{ line.time }}</small> + <small class="message">{{ line.message }}</small> </div> </div> </template> @@ -57,4 +57,11 @@ }; </script> -<style></style> +<style lang="scss" scoped> +.kind { + width: 30px; +} +.time { + width: 150px; +} +</style>
--- a/client/src/components/importoverview/LogDetail.vue Tue Mar 12 13:23:20 2019 +0100 +++ b/client/src/components/importoverview/LogDetail.vue Tue Mar 12 14:06:22 2019 +0100 @@ -42,7 +42,7 @@ <AdditionalLog v-if="entry.id === showLogs" - class="ml-2 d-flex flex-row" + class="ml-4 d-flex flex-row" :entry="entry" ></AdditionalLog> </div>
--- a/client/src/components/importoverview/LogEntry.vue Tue Mar 12 13:23:20 2019 +0100 +++ b/client/src/components/importoverview/LogEntry.vue Tue Mar 12 14:06:22 2019 +0100 @@ -1,6 +1,6 @@ <template> <div> - <div class="d-flex flex-row"> + <div class="d-flex flex-row text-left"> <font-awesome-icon v-if="entry.id === show" @click="toggleDetails" @@ -15,6 +15,7 @@ icon="angle-right" fixed-width ></font-awesome-icon> + <div class="kind">{{ entry.kind.toUpperCase() }}</div> <div class="enqueued">{{ entry.enqueued | surveyDate }}</div> <div class="user">{{ entry.user }}</div> <div class="signer">{{ entry.signer }}</div> @@ -131,6 +132,9 @@ </script> <style lang="scss" scoped> +.kind { + width: 10%; +} .enqueued { width: 20%; }