comand-component-library 3.1.75 → 3.1.78
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/comand-component-library.css +1 -1
- package/dist/comand-component-library.umd.min.js +1 -1
- package/package.json +1 -1
- package/src/App.vue +6 -6
- package/src/components/CmdAddressData.vue +2 -2
- package/src/components/CmdBankAccountData.vue +4 -2
- package/src/components/CmdBox.vue +15 -11
- package/src/components/CmdBoxSiteSearch.vue +3 -3
- package/src/components/CmdCookieDisclaimer.vue +5 -5
- package/src/components/CmdHeadline.vue +4 -5
- package/src/components/CmdListOfLinks.vue +5 -3
- package/src/components/CmdListOfRequirements.vue +2 -2
- package/src/components/CmdLoginForm.vue +11 -9
- package/src/components/CmdOpeningHours.vue +2 -2
- package/src/components/CmdSlideshow.vue +6 -6
- package/src/components/CmdTabs.vue +1 -1
- package/src/components/CmdTooltip.vue +9 -7
- package/src/components/CmdUploadForm.vue +15 -14
- package/src/documentation/generated/CmdAddressDataPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdBankAccountDataPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdBoxPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdBoxSiteSearchPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdCookieDisclaimerPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdListOfLinksPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdListOfRequirementsPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdLoginFormPropertyDescriptions.json +2 -2
- package/src/documentation/generated/CmdOpeningHoursPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdTabsPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdTooltipPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdUploadFormPropertyDescriptions.json +6 -6
package/package.json
CHANGED
package/src/App.vue
CHANGED
@@ -844,13 +844,13 @@
|
|
844
844
|
<h3>Product boxes</h3>
|
845
845
|
<div class="grid-container-create-columns">
|
846
846
|
<div class="grid-small-item" v-for="(product, index) in boxProductData" :key="index">
|
847
|
-
<CmdBox boxType="product" :product="product" :
|
847
|
+
<CmdBox boxType="product" :product="product" :cmdHeadline="{headlineLevel: 4}"/>
|
848
848
|
</div>
|
849
849
|
</div>
|
850
850
|
<h3>User boxes</h3>
|
851
851
|
<div class="grid-container-create-columns">
|
852
852
|
<div class="grid-small-item" v-for="(user, index) in boxUserData" :key="index">
|
853
|
-
<CmdBox boxType="user" :user="user" :
|
853
|
+
<CmdBox boxType="user" :user="user" :cmdHeadline="{headlineLevel: 4}"/>
|
854
854
|
</div>
|
855
855
|
</div>
|
856
856
|
<h3>Box Site Search</h3>
|
@@ -1106,7 +1106,7 @@
|
|
1106
1106
|
:uploadOptions="{url: 'http://localhost:8888'}"
|
1107
1107
|
/>
|
1108
1108
|
<h3>Advanced mode</h3>
|
1109
|
-
<CmdUploadForm :
|
1109
|
+
<CmdUploadForm :cmdHeadlineFieldset="{headlineText: 'Select files to upload', headlineLevel: 3}"
|
1110
1110
|
:enableDragAndDrop="true"
|
1111
1111
|
:allowedFileExtensions="['jpg', 'png']"
|
1112
1112
|
:allowMultipleFileUploads="true"
|
@@ -1120,18 +1120,18 @@
|
|
1120
1120
|
<CmdSwitchLanguage :languages="languagesData" @click="doSomething"/>
|
1121
1121
|
<div class="flex-container">
|
1122
1122
|
<CmdListOfLinks :links="listOfLinksData"
|
1123
|
-
:
|
1123
|
+
:cmdHeadline="{headlineText: 'List of links', headlineLevel: 6}"
|
1124
1124
|
/>
|
1125
1125
|
<CmdOpeningHours :openingHours="openingHoursData"
|
1126
1126
|
:closed="true"
|
1127
|
-
:
|
1127
|
+
:cmdHeadline="{headlineText: 'Opening hours', headlineLevel: 6}"
|
1128
1128
|
textOpenClosed="Closed right now!"
|
1129
1129
|
textHolidaysClosed="Closed on holidays"
|
1130
1130
|
textMiscInfo="Miscellaneous information"
|
1131
1131
|
/>
|
1132
1132
|
<CmdAddressData :addressData="addressData"
|
1133
1133
|
:linkGoogleMaps="true"
|
1134
|
-
:
|
1134
|
+
:cmdHeadline="{headlineText: 'Address data', headlineLevel: 6}"
|
1135
1135
|
/>
|
1136
1136
|
</div>
|
1137
1137
|
</CmdSiteFooter>
|
@@ -1,7 +1,7 @@
|
|
1
1
|
<template>
|
2
2
|
<div class="cmd-address-data vcard">
|
3
3
|
<!-- begin CmdHeadline -->
|
4
|
-
<CmdHeadline v-if="
|
4
|
+
<CmdHeadline v-if="cmdHeadline" v-bind="cmdHeadline" />
|
5
5
|
<!-- end CmdHeadline -->
|
6
6
|
|
7
7
|
<!-- begin address-data in vCard microformat -->
|
@@ -146,7 +146,7 @@ export default {
|
|
146
146
|
/**
|
147
147
|
* properties for CmdHeadline-component
|
148
148
|
*/
|
149
|
-
|
149
|
+
cmdHeadline: {
|
150
150
|
type: Object,
|
151
151
|
required: false
|
152
152
|
},
|
@@ -1,7 +1,7 @@
|
|
1
1
|
<template>
|
2
2
|
<div class="cmd-bank-account-data">
|
3
3
|
<!-- begin CmdHeadline -->
|
4
|
-
<CmdHeadline v-if="
|
4
|
+
<CmdHeadline v-if="cmdHeadline" v-bind="cmdHeadline" />
|
5
5
|
<!-- end CmdHeadline -->
|
6
6
|
|
7
7
|
<!-- begin account data -->
|
@@ -73,7 +73,7 @@ export default {
|
|
73
73
|
/**
|
74
74
|
* properties for CmdHeadline-component
|
75
75
|
*/
|
76
|
-
|
76
|
+
cmdHeadline: {
|
77
77
|
type: Object,
|
78
78
|
required: false
|
79
79
|
}
|
@@ -90,6 +90,7 @@ export default {
|
|
90
90
|
</script>
|
91
91
|
|
92
92
|
<style lang="scss">
|
93
|
+
/* begin cmd-bank-account-data ---------------------------------------------------------------------------------------- */
|
93
94
|
.cmd-bank-account-data {
|
94
95
|
dd.flex-container {
|
95
96
|
gap: calc(var(--default-gap) / 2);
|
@@ -101,4 +102,5 @@ export default {
|
|
101
102
|
}
|
102
103
|
}
|
103
104
|
}
|
105
|
+
/* end cmd-bank-account-data ---------------------------------------------------------------------------------------- */
|
104
106
|
</style>
|
@@ -23,16 +23,17 @@
|
|
23
23
|
<!-- begin header for collapsible -->
|
24
24
|
<a v-if="collapsible" class="box-header" href="#" :title="open ? iconOpen.tooltip : iconClosed.tooltip" @click.prevent="toggleContentVisibility">
|
25
25
|
<!-- begin CmdHeadline -->
|
26
|
-
<CmdHeadline v-if="
|
26
|
+
<CmdHeadline v-if="cmdHeadline?.headlineText" v-bind="cmdHeadline" />
|
27
27
|
<!-- end CmdHeadline -->
|
28
28
|
<span class="toggle-icon" :class="[open ? iconOpen.iconClass : iconClosed.iconClass]"></span>
|
29
29
|
</a>
|
30
30
|
<!-- end header for collapsible -->
|
31
31
|
|
32
32
|
<!-- begin CmdHeadline -->
|
33
|
-
<CmdHeadline
|
34
|
-
|
35
|
-
|
33
|
+
<CmdHeadline
|
34
|
+
v-else-if="!collapsible && cmdHeadline?.headlineText"
|
35
|
+
class="box-header"
|
36
|
+
v-bind="cmdHeadline"
|
36
37
|
/>
|
37
38
|
<!-- end CmdHeadline -->
|
38
39
|
</template>
|
@@ -68,9 +69,10 @@
|
|
68
69
|
<span>{{ product.discount }}</span>
|
69
70
|
</div>
|
70
71
|
<!-- begin CmdHeadline -->
|
71
|
-
<CmdHeadline
|
72
|
-
|
73
|
-
|
72
|
+
<CmdHeadline
|
73
|
+
v-if="cmdHeadline?.headlineText || product.name"
|
74
|
+
v-bind="cmdHeadline || {}"
|
75
|
+
:headlineText="cmdHeadline?.headlineText ? cmdHeadline?.headlineText : product.name"/>
|
74
76
|
<!-- end CmdHeadline -->
|
75
77
|
</div>
|
76
78
|
<div class="box-body">
|
@@ -89,9 +91,11 @@
|
|
89
91
|
<img v-if="user.image" :src="user.image.src" :alt="user.image.alt"/>
|
90
92
|
<div v-else :class="defaultProfileIconClass" :title="user.name"></div>
|
91
93
|
<!-- begin CmdHeadline -->
|
92
|
-
<CmdHeadline
|
93
|
-
|
94
|
-
|
94
|
+
<CmdHeadline
|
95
|
+
v-if="cmdHeadline?.headlineText || user.name"
|
96
|
+
v-bind="cmdHeadline || {}"
|
97
|
+
:headlineText="cmdHeadline?.headlineText ? cmdHeadline?.headlineText : user.name"
|
98
|
+
/>
|
95
99
|
<!-- end CmdHeadline -->
|
96
100
|
</div>
|
97
101
|
<div class="box-body">
|
@@ -246,7 +250,7 @@ export default {
|
|
246
250
|
/**
|
247
251
|
* properties for CmdHeadline-component
|
248
252
|
*/
|
249
|
-
|
253
|
+
cmdHeadline: {
|
250
254
|
type: Object,
|
251
255
|
required: false
|
252
256
|
}
|
@@ -6,8 +6,8 @@
|
|
6
6
|
|
7
7
|
<!-- begin CmdHeadline -->
|
8
8
|
<CmdHeadline
|
9
|
-
v-if="
|
10
|
-
v-bind="
|
9
|
+
v-if="cmdHeadline"
|
10
|
+
v-bind="cmdHeadline"
|
11
11
|
/>
|
12
12
|
<!-- end CmdHeadline -->
|
13
13
|
|
@@ -185,7 +185,7 @@ export default {
|
|
185
185
|
/**
|
186
186
|
* properties for CmdHeadline-component
|
187
187
|
*/
|
188
|
-
|
188
|
+
cmdHeadline: {
|
189
189
|
type: Object,
|
190
190
|
required: false
|
191
191
|
},
|
@@ -3,10 +3,10 @@
|
|
3
3
|
<div class="cmd-cookie-disclaimer flex-container vertical">
|
4
4
|
<!-- begin CmdHeadline -->
|
5
5
|
<CmdHeadline
|
6
|
-
v-if="
|
7
|
-
v-bind="
|
8
|
-
:headlineText="
|
9
|
-
:headlineLevel="
|
6
|
+
v-if="cmdHeadlineCookieDisclaimer?.show && cmdHeadlineCookieDisclaimer?.headlineText && cmdHeadlineCookieDisclaimer?.headlineLevel"
|
7
|
+
v-bind="cmdHeadlineCookieDisclaimer"
|
8
|
+
:headlineText="cmdHeadlineCookieDisclaimer.headlineText"
|
9
|
+
:headlineLevel="cmdHeadlineCookieDisclaimer.headlineLevel"
|
10
10
|
/>
|
11
11
|
<!-- end CmdHeadline -->
|
12
12
|
|
@@ -151,7 +151,7 @@ export default {
|
|
151
151
|
/**
|
152
152
|
* properties for CmdHeadline-component at top of cookie disclaimer
|
153
153
|
*/
|
154
|
-
|
154
|
+
cmdHeadlineCookieDisclaimer: {
|
155
155
|
type: Object,
|
156
156
|
default() {
|
157
157
|
return {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
<template>
|
2
|
-
<div :class="['cmd-
|
2
|
+
<div :class="['cmd-headline', { 'has-pre-headline-text': preHeadlineText}]">
|
3
3
|
<span v-if="iconClass" :class="iconClass"></span>
|
4
4
|
<div v-if="preHeadlineText">
|
5
5
|
<span class="pre-headline-text">{{ preHeadlineText }}</span>
|
@@ -55,10 +55,10 @@ export default {
|
|
55
55
|
</script>
|
56
56
|
|
57
57
|
<style lang="scss">
|
58
|
+
/* begin cmd--headline ------------------------------------------------------------------------------------------ */
|
58
59
|
@import '../assets/styles/variables';
|
59
60
|
|
60
|
-
|
61
|
-
.cmd-custom-headline {
|
61
|
+
.cmd-headline {
|
62
62
|
display: flex;
|
63
63
|
align-items: center;
|
64
64
|
margin-bottom: var(--default-margin);
|
@@ -88,6 +88,5 @@ export default {
|
|
88
88
|
}
|
89
89
|
}
|
90
90
|
}
|
91
|
-
|
92
|
-
/* end cmd-custom-headline ------------------------------------------------------------------------------------------ */
|
91
|
+
/* end cmd-headline ------------------------------------------------------------------------------------------ */
|
93
92
|
</style>
|
@@ -1,8 +1,10 @@
|
|
1
1
|
<template>
|
2
2
|
<div :class="['cmd-list-of-links', 'align-' + align, {box: styleAsBox, horizontal: orientation === 'horizontal', 'section-anchors': sectionAnchors}]">
|
3
3
|
<!-- begin CmdHeadline -->
|
4
|
-
<CmdHeadline
|
5
|
-
|
4
|
+
<CmdHeadline
|
5
|
+
v-if="cmdHeadline"
|
6
|
+
v-bind="cmdHeadline"
|
7
|
+
/>
|
6
8
|
<!-- end CmdHeadline -->
|
7
9
|
|
8
10
|
<!-- begin list of links -->
|
@@ -77,7 +79,7 @@ export default {
|
|
77
79
|
/**
|
78
80
|
* properties for CmdHeadline-component
|
79
81
|
*/
|
80
|
-
|
82
|
+
cmdHeadline: {
|
81
83
|
type: Object,
|
82
84
|
required: false
|
83
85
|
},
|
@@ -1,7 +1,7 @@
|
|
1
1
|
<template>
|
2
2
|
<div class="cmd-list-of-requirements">
|
3
3
|
<!-- begin cmd-custom-headline -->
|
4
|
-
<CmdHeadline :headline-level="
|
4
|
+
<CmdHeadline :headline-level="cmdHeadline.headlineLevel">
|
5
5
|
<!-- {{ getMessage("cmdfakeselect.headline.requirements_for_input") }}<br/>"{{ labelText }}" -->
|
6
6
|
</CmdHeadline>
|
7
7
|
<!-- end cmd-custom-headline -->
|
@@ -92,7 +92,7 @@ export default {
|
|
92
92
|
/**
|
93
93
|
* properties of CmdHeadline-component
|
94
94
|
*/
|
95
|
-
|
95
|
+
cmdHeadline: {
|
96
96
|
type: Object,
|
97
97
|
default() {
|
98
98
|
return {
|
@@ -3,8 +3,8 @@
|
|
3
3
|
<fieldset v-if="!sendLogin" class="cmd-login-form flex-container">
|
4
4
|
<legend :class="{hidden : !showLegend}">{{ textLegend }}</legend>
|
5
5
|
<!-- begin CmdHeadline -->
|
6
|
-
<CmdHeadline v-if="
|
7
|
-
v-bind="
|
6
|
+
<CmdHeadline v-if="cmdHeadlineLoginForm"
|
7
|
+
v-bind="cmdHeadlineLoginForm"/>
|
8
8
|
<!-- end CmdHeadline -->
|
9
9
|
|
10
10
|
<!-- being form elements -->
|
@@ -122,11 +122,11 @@
|
|
122
122
|
<fieldset v-else class="cmd-login-form flex-container">
|
123
123
|
<legend :class="{'hidden' : !legendSendLoginForm.show}">{{ legendSendLoginForm.text }}</legend>
|
124
124
|
<!-- begin CmdHeadline -->
|
125
|
-
<CmdHeadline v-if="
|
126
|
-
:iconClass="
|
127
|
-
:preHeadline="
|
128
|
-
:headlineLevel="
|
129
|
-
:headlineText="
|
125
|
+
<CmdHeadline v-if="cmdHeadlineSendLoginForm"
|
126
|
+
:iconClass="cmdHeadlineSendLoginForm.iconClass"
|
127
|
+
:preHeadline="cmdHeadlineSendLoginForm.preHeadline"
|
128
|
+
:headlineLevel="cmdHeadlineSendLoginForm.preHeadline"
|
129
|
+
:headlineText="cmdHeadlineSendLoginForm.headlineText"/>
|
130
130
|
<!-- end CmdHeadline -->
|
131
131
|
|
132
132
|
<!-- begin CmdFormElement -->
|
@@ -272,14 +272,14 @@ export default {
|
|
272
272
|
/**
|
273
273
|
* properties for CmdHeadline-component for login-form
|
274
274
|
*/
|
275
|
-
|
275
|
+
cmdHeadlineLoginForm: {
|
276
276
|
type: Object,
|
277
277
|
required: false
|
278
278
|
},
|
279
279
|
/**
|
280
280
|
* properties for CmdHeadline-component for send-login-form
|
281
281
|
*/
|
282
|
-
|
282
|
+
cmdHeadlineSendLoginForm: {
|
283
283
|
type: Object,
|
284
284
|
default() {
|
285
285
|
return {
|
@@ -439,6 +439,7 @@ export default {
|
|
439
439
|
</script>
|
440
440
|
|
441
441
|
<style lang="scss">
|
442
|
+
/* begin cmd-login-form ---------------------------------------------------------------------------------------- */
|
442
443
|
.cmd-login-form {
|
443
444
|
.option-wrapper {
|
444
445
|
align-items: center;
|
@@ -460,4 +461,5 @@ export default {
|
|
460
461
|
}
|
461
462
|
}
|
462
463
|
}
|
464
|
+
/* end cmd-login-form ---------------------------------------------------------------------------------------- */
|
463
465
|
</style>
|
@@ -1,7 +1,7 @@
|
|
1
1
|
<template>
|
2
2
|
<div class="cmd-opening-hours">
|
3
3
|
<!-- begin cmd-custom-headline -->
|
4
|
-
<CmdHeadline v-if="
|
4
|
+
<CmdHeadline v-if="cmdHeadline" v-bind="cmdHeadline" />
|
5
5
|
<!-- end cmd-custom-headline -->
|
6
6
|
|
7
7
|
<!-- begin opening-status with link to detail-page -->
|
@@ -47,7 +47,7 @@ export default {
|
|
47
47
|
/**
|
48
48
|
* properties for CmdHeadline-component
|
49
49
|
*/
|
50
|
-
|
50
|
+
cmdHeadline: {
|
51
51
|
type: Object,
|
52
52
|
required: false
|
53
53
|
},
|
@@ -10,13 +10,13 @@
|
|
10
10
|
|
11
11
|
<!-- begin area to slide -->
|
12
12
|
<transition name="fade">
|
13
|
-
<a v-if="currentItem
|
13
|
+
<a v-if="currentItem?.href" :href="currentItem.href" :key="index" :title="currentItem.title">
|
14
14
|
<figure v-if="currentItem && !useSlot" class="slideshow-item">
|
15
15
|
<img :src="currentItem.imgPath" :alt="currentItem.alt"/>
|
16
16
|
<figcaption>{{ currentItem.figcaption }}</figcaption>
|
17
17
|
</figure>
|
18
18
|
</a>
|
19
|
-
<figure v-else-if="!currentItem.href && currentItem && !useSlot" :key="index" class="slideshow-item">
|
19
|
+
<figure v-else-if="currentItem && !currentItem.href && currentItem && !useSlot" :key="index" class="slideshow-item">
|
20
20
|
<img :src="currentItem.imgPath" :alt="currentItem.alt"/>
|
21
21
|
<figcaption>{{ currentItem.figcaption }}</figcaption>
|
22
22
|
</figure>
|
@@ -160,14 +160,12 @@ export default {
|
|
160
160
|
}
|
161
161
|
this.preload(this.index)
|
162
162
|
},
|
163
|
-
|
164
163
|
showItem(i) {
|
165
164
|
if (i >= 0 && i < this.slideshowItems.length) {
|
166
165
|
this.index = i;
|
167
166
|
this.preload(this.index);
|
168
167
|
}
|
169
168
|
},
|
170
|
-
|
171
169
|
showNextItem() {
|
172
170
|
if (this.useSlot) {
|
173
171
|
if (this.currentSlotItem < Object.keys(this.$slots).length - 1) {
|
@@ -240,10 +238,12 @@ export default {
|
|
240
238
|
/* computed property to get current slide */
|
241
239
|
computed: {
|
242
240
|
currentItem() {
|
243
|
-
|
241
|
+
if(this.slideshowItems.length <= this.index) {
|
242
|
+
return null
|
243
|
+
}
|
244
|
+
return this.getDeviceImage(this.slideshowItems[this.index])
|
244
245
|
}
|
245
246
|
},
|
246
|
-
|
247
247
|
watch: {
|
248
248
|
slideshowItems: {
|
249
249
|
handler() {
|
@@ -1,12 +1,14 @@
|
|
1
1
|
<template>
|
2
2
|
<div v-if="tooltipVisibility" :class="['cmd-tooltip', status]" ref="tooltip" aria-role="tooltip">
|
3
|
-
<div v-if="
|
3
|
+
<div v-if="cmdHeadline || iconClose.show" class="headline-wrapper">
|
4
4
|
<!-- begin CmdHeadline -->
|
5
|
-
<CmdHeadline
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
5
|
+
<CmdHeadline
|
6
|
+
v-if="cmdHeadline"
|
7
|
+
:iconClass="cmdHeadline.iconClass"
|
8
|
+
:preHeadline="cmdHeadline.preHeadline"
|
9
|
+
:headlineLevel="cmdHeadline.headlineLevel"
|
10
|
+
:headlineText="cmdHeadline.headlineText"
|
11
|
+
/>
|
10
12
|
<!-- end CmdHeadline -->
|
11
13
|
|
12
14
|
<!-- begin icon to close tooltip -->
|
@@ -43,7 +45,7 @@ export default {
|
|
43
45
|
/**
|
44
46
|
* properties for CmdHeadline-component
|
45
47
|
*/
|
46
|
-
|
48
|
+
cmdHeadline: {
|
47
49
|
type: Object,
|
48
50
|
default() {}
|
49
51
|
},
|
@@ -3,8 +3,9 @@
|
|
3
3
|
<fieldset v-if="advancedMode" :class="['cmd-upload-form flex-container', { 'upload-initiated': uploadInitiated }]">
|
4
4
|
<legend :class="{hidden : !showLegend}">{{ textLegend }}</legend>
|
5
5
|
<!-- begin CmdHeadlineFieldset -->
|
6
|
-
<CmdHeadline
|
7
|
-
|
6
|
+
<CmdHeadline
|
7
|
+
v-if="cmdHeadlineFieldset"
|
8
|
+
v-bind="cmdHeadlineFieldset"
|
8
9
|
/>
|
9
10
|
<!-- end CmdHeadlineFieldset -->
|
10
11
|
|
@@ -25,10 +26,10 @@
|
|
25
26
|
|
26
27
|
<div :class="['box drop-area flex-container vertical', { 'allow-drop': allowDrop }]" v-on="dragAndDropHandler">
|
27
28
|
<template v-if="!listOfFiles.length">
|
28
|
-
<CmdHeadline v-if="allowMultipleFileUploads" v-bind="
|
29
|
+
<CmdHeadline v-if="allowMultipleFileUploads" v-bind="cmdHeadlineNoFilesToUpload" headlineLevel="4">
|
29
30
|
{{ getMessage("cmduploadform.no_files_to_upload") }}
|
30
31
|
</CmdHeadline>
|
31
|
-
<CmdHeadline v-else v-bind="
|
32
|
+
<CmdHeadline v-else v-bind="cmdHeadlineNoFilesToUpload" headlineLevel="4">
|
32
33
|
{{ getMessage("cmduploadform.no_file_to_upload") }}
|
33
34
|
</CmdHeadline>
|
34
35
|
</template>
|
@@ -36,7 +37,7 @@
|
|
36
37
|
<!-- begin total-upload information -->
|
37
38
|
<div v-else class="flex-container vertical">
|
38
39
|
<div v-if="showTotalUpload && listOfFiles.length !== 1" class="flex-container vertical list-files-wrapper">
|
39
|
-
<CmdHeadline v-bind="
|
40
|
+
<CmdHeadline v-bind="cmdHeadlineSummaryOfAllFiles" headlineLevel="4">
|
40
41
|
{{ getMessage("cmduploadform.headline.summary_of_all_files") }}
|
41
42
|
</CmdHeadline>
|
42
43
|
<ul v-if="showTotalUpload && listOfFiles.length !== 1" class="list-of-files total-files">
|
@@ -80,7 +81,7 @@
|
|
80
81
|
|
81
82
|
<div class="flex-container vertical list-files-wrapper">
|
82
83
|
<!-- begin list of selected files -->
|
83
|
-
<CmdHeadline v-bind="
|
84
|
+
<CmdHeadline v-bind="cmdHeadlineListOfSelectedFiles" headlineLevel="4">
|
84
85
|
{{ getMessage("cmduploadform.headline.list_of_selected_files") }}
|
85
86
|
</CmdHeadline>
|
86
87
|
<ul class="list-of-files">
|
@@ -131,10 +132,10 @@
|
|
131
132
|
<!-- end list of selected files -->
|
132
133
|
|
133
134
|
<!-- begin upload conditions -->
|
134
|
-
<CmdHeadline v-if="allowMultipleFileUploads && listOfFiles.length" v-bind="
|
135
|
+
<CmdHeadline v-if="allowMultipleFileUploads && listOfFiles.length" v-bind="cmdHeadlineSelectAdditionalFiles" headlineLevel="4">
|
135
136
|
{{ getMessage("cmduploadform.headline.select_additional_files") }}
|
136
137
|
</CmdHeadline>
|
137
|
-
<CmdHeadline v-if="!allowMultipleFileUploads && listOfFiles.length" v-bind="
|
138
|
+
<CmdHeadline v-if="!allowMultipleFileUploads && listOfFiles.length" v-bind="cmdHeadlineSelectNewFile" headlineLevel="4">
|
138
139
|
{{ getMessage("cmduploadform.headline.select_new_file") }}
|
139
140
|
</CmdHeadline>
|
140
141
|
<dl class="small">
|
@@ -508,14 +509,14 @@ export default {
|
|
508
509
|
/**
|
509
510
|
* properties for CmdHeadline-component at of the fieldset
|
510
511
|
*/
|
511
|
-
|
512
|
+
cmdHeadlineFieldset: {
|
512
513
|
type: Object,
|
513
514
|
required: false
|
514
515
|
},
|
515
516
|
/**
|
516
517
|
* properties for CmdHeadline-component shown if no files for upload exist
|
517
518
|
*/
|
518
|
-
|
519
|
+
cmdHeadlineNoFilesToUpload: {
|
519
520
|
type: Object,
|
520
521
|
required: false
|
521
522
|
},
|
@@ -529,28 +530,28 @@ export default {
|
|
529
530
|
/**
|
530
531
|
* properties for CmdHeadline-component for 'summary of all files'
|
531
532
|
*/
|
532
|
-
|
533
|
+
cmdHeadlineSummaryOfAllFiles: {
|
533
534
|
type: Object,
|
534
535
|
required: false
|
535
536
|
},
|
536
537
|
/**
|
537
538
|
* properties for CmdHeadline-component for 'list of selected files'
|
538
539
|
*/
|
539
|
-
|
540
|
+
cmdHeadlineListOfSelectedFiles: {
|
540
541
|
type: Object,
|
541
542
|
required: false
|
542
543
|
},
|
543
544
|
/**
|
544
545
|
* properties for CmdHeadline-component for 'select additional files'
|
545
546
|
*/
|
546
|
-
|
547
|
+
cmdHeadlineSelectAdditionalFiles: {
|
547
548
|
type: Object,
|
548
549
|
required: false
|
549
550
|
},
|
550
551
|
/**
|
551
552
|
* properties for CmdHeadline-component for 'select new file'
|
552
553
|
*/
|
553
|
-
|
554
|
+
cmdHeadlineSelectNewFile: {
|
554
555
|
type: Object,
|
555
556
|
required: false
|
556
557
|
},
|
@@ -29,12 +29,12 @@
|
|
29
29
|
]
|
30
30
|
}
|
31
31
|
},
|
32
|
-
"
|
32
|
+
"cmdHeadlineLoginForm": {
|
33
33
|
"comments": [
|
34
34
|
"properties for CmdHeadline-component for login-form"
|
35
35
|
]
|
36
36
|
},
|
37
|
-
"
|
37
|
+
"cmdHeadlineSendLoginForm": {
|
38
38
|
"comments": [
|
39
39
|
"properties for CmdHeadline-component for send-login-form"
|
40
40
|
]
|