comparison client/src/components/importoverview/LogDetail.vue @ 2608:13377f2a5c42

overview2: agm details prototype implemented
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 13 Mar 2019 09:45:29 +0100
parents 11fd7ee37f10
children c52bf6f994c0
comparison
equal deleted inserted replaced
2607:ee60096c7eb6 2608:13377f2a5c42
18 ></font-awesome-icon> 18 ></font-awesome-icon>
19 <span class="text-info"><translate>Additional Info</translate></span> 19 <span class="text-info"><translate>Additional Info</translate></span>
20 <span class="text-info" v-if="isApprovedGaugeMeasurement"> 20 <span class="text-info" v-if="isApprovedGaugeMeasurement">
21 ({{ entry.summary.length }})</span 21 ({{ entry.summary.length }})</span
22 > 22 >
23 <span v-if="isBottleneck" class="text-left">{{
24 data.summary.bottlenecks.length
25 }}</span>
26 <span class="text-left" v-if="isFairwayDimension"
27 >{{ entry.summary["source-organization"] }} (LOS:
28 {{ entry.summary.los }})</span
29 >
23 </div> 30 </div>
24 <StretchDetail v-if="isStretch" :entry="entry"></StretchDetail> 31 <StretchDetail v-if="isStretch" :entry="entry"></StretchDetail>
32 <SoundingResultDetail
33 :entry="entry"
34 v-if="isSoundingResult"
35 ></SoundingResultDetail>
25 </div> 36 </div>
26 <AdditionalDetail 37 <AdditionalDetail
27 v-if="entry.id === showAdditional" 38 v-if="entry.id === showAdditional"
28 class="ml-2 d-flex flex-row" 39 class="ml-2 d-flex flex-row"
29 :entry="entry" 40 :entry="entry"
46 <span class="text-info"><translate>Logs</translate></span> 57 <span class="text-info"><translate>Logs</translate></span>
47 </div> 58 </div>
48 59
49 <AdditionalLog 60 <AdditionalLog
50 v-if="entry.id === showLogs" 61 v-if="entry.id === showLogs"
51 class="ml-4 d-flex flex-row" 62 class="ml-4 d-flex flex-row mr-1"
52 :entry="entry" 63 :entry="entry"
53 ></AdditionalLog> 64 ></AdditionalLog>
54 </div> 65 </div>
55 </template> 66 </template>
56 67
73 84
74 export default { 85 export default {
75 name: "logdetail", 86 name: "logdetail",
76 props: ["entry"], 87 props: ["entry"],
77 components: { 88 components: {
89 SoundingResultDetail: () => import("./SoundingResultDetail.vue"),
78 StretchDetail: () => import("./StretchDetails.vue"), 90 StretchDetail: () => import("./StretchDetails.vue"),
79 AdditionalDetail: () => import("./AdditionalDetail.vue"), 91 AdditionalDetail: () => import("./AdditionalDetail.vue"),
80 AdditionalLog: () => import("./AdditionalLog.vue") 92 AdditionalLog: () => import("./AdditionalLog.vue")
81 }, 93 },
82 methods: { 94 methods: {