comand-component-library 3.1.83 → 3.1.84

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "3.1.83",
3
+ "version": "3.1.84",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
@@ -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="cmdHeadline.headlineLevel">
4
+ <CmdHeadline v-if="showHeadline" :headline-level="cmdHeadline.headlineLevel">
5
5
  {{ headlineRequirements }}<template v-if="labelText"><br/><em>{{ labelText }}</em></template>
6
6
  </CmdHeadline>
7
7
  <!-- end cmd-custom-headline -->
@@ -121,6 +121,13 @@ export default {
121
121
  }
122
122
  }
123
123
  },
124
+ /**
125
+ * toggle headline-visibility
126
+ */
127
+ showHeadline: {
128
+ type: Boolean,
129
+ default: true
130
+ },
124
131
  /**
125
132
  * properties of CmdHeadline-component
126
133
  */
@@ -1,5 +1,6 @@
1
1
  <template>
2
2
  <div
3
+ v-if="navigationEntries.length"
3
4
  :class="[
4
5
  'cmd-main-navigation main-navigation-wrapper',
5
6
  {
@@ -297,7 +298,6 @@ export default {
297
298
  @media only screen and (max-width: $medium-max-width) {
298
299
  .cmd-main-navigation {
299
300
  --nav-transition: all .5s linear;
300
-
301
301
  display: flex;
302
302
  background: none; /* overwrite framework-css */
303
303
  border: 0; /* overwrite framework-css */
@@ -340,7 +340,7 @@ export default {
340
340
  }
341
341
 
342
342
  nav {
343
- --nav-width: 30%;
343
+ --nav-width: 33%;
344
344
 
345
345
  position: fixed;
346
346
  top: 0;
@@ -42,15 +42,10 @@ import CmdHeadline from "./CmdHeadline"
42
42
 
43
43
  export default {
44
44
  name: "CmdOpeningHours",
45
- components: {CmdHeadline},
45
+ components: {
46
+ CmdHeadline
47
+ },
46
48
  props: {
47
- /**
48
- * properties for CmdHeadline-component
49
- */
50
- cmdHeadline: {
51
- type: Object,
52
- required: false
53
- },
54
49
  /**
55
50
  * set a link to a detail page
56
51
  */
@@ -94,6 +89,13 @@ export default {
94
89
  textMiscInfo: {
95
90
  type: String,
96
91
  required: false
92
+ },
93
+ /**
94
+ * properties for CmdHeadline-component
95
+ */
96
+ cmdHeadline: {
97
+ type: Object,
98
+ required: false
97
99
  }
98
100
  }
99
101
  }
@@ -34,6 +34,11 @@
34
34
  "icon to show error-status"
35
35
  ]
36
36
  },
37
+ "showHeadline": {
38
+ "comments": [
39
+ "toggle headline-visibility"
40
+ ]
41
+ },
37
42
  "cmdHeadline": {
38
43
  "comments": [
39
44
  "properties of CmdHeadline-component"
@@ -1,9 +1,4 @@
1
1
  {
2
- "cmdHeadline": {
3
- "comments": [
4
- "properties for CmdHeadline-component"
5
- ]
6
- },
7
2
  "link": {
8
3
  "comments": [
9
4
  "set a link to a detail page"
@@ -38,5 +33,10 @@
38
33
  "comments": [
39
34
  "additional/miscellaneous text (shown below holiday-closed-text/opening hours)"
40
35
  ]
36
+ },
37
+ "cmdHeadline": {
38
+ "comments": [
39
+ "properties for CmdHeadline-component"
40
+ ]
41
41
  }
42
42
  }
@@ -200,7 +200,7 @@ export default {
200
200
  // check if field has a minimum length
201
201
  if(this.$attrs.minlength) {
202
202
  standardRequirements.push({
203
- message: "Input has minimum length (" + this.modelValue.length + "/" + this.$attrs.minlength + ")",
203
+ message: this.getMessage("cmdfieldvalidation.input_has_minimum_length") + "(" + this.modelValue.length + "/" + this.$attrs.minlength + ")",
204
204
  valid(value, attributes) {
205
205
  return value.length >= attributes.minlength
206
206
  }
@@ -230,7 +230,7 @@ export default {
230
230
  }
231
231
  }
232
232
 
233
- function validateSpecialCharacters(message = "Field contains special character") {
233
+ function validateSpecialCharacters(message = "special character - replace with getMessage") {
234
234
  return {
235
235
  message,
236
236
  valid(value) {
@@ -7,7 +7,8 @@ export default {
7
7
  "cmdfieldvalidation.information_filled_correctly": "This information is filled correctly!",
8
8
  "cmdfieldvalidation.caps_lock_is_activated": "Attention: Caps lock is activated!",
9
9
  "cmdfieldvalidation.required_field_is_filled": "Required field is filled!",
10
- "cmdfieldvalidation.field_contains_special_character": "Field contains Special character"
10
+ "cmdfieldvalidation.field_contains_special_character": "Field contains special character",
11
+ "cmdfieldvalidation.input_has_minimum_length": "Input has minimum length"
11
12
  }
12
13
  }
13
14
  }