@eturnity/eturnity_reusable_components 6.39.0 → 6.39.1-EPDM-8599.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eturnity/eturnity_reusable_components",
|
|
3
|
-
"version": "6.39.0",
|
|
3
|
+
"version": "6.39.1-EPDM-8599.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vue-cli-service serve",
|
|
@@ -60,4 +60,4 @@
|
|
|
60
60
|
"author": "Aaron Enser",
|
|
61
61
|
"license": "ISC",
|
|
62
62
|
"homepage": "https://bitbucket.org/eturnitydevs/eturnity_reusable_components#readme"
|
|
63
|
-
}
|
|
63
|
+
}
|
package/src/App.vue
CHANGED
|
@@ -4,6 +4,16 @@
|
|
|
4
4
|
<br />
|
|
5
5
|
|
|
6
6
|
{{ alignItems }}
|
|
7
|
+
<infoCard>
|
|
8
|
+
Hello there here is a lot of text decnicninec
|
|
9
|
+
ceecc
|
|
10
|
+
ec
|
|
11
|
+
ececc
|
|
12
|
+
ececeecec
|
|
13
|
+
cecececec
|
|
14
|
+
<br>
|
|
15
|
+
deed
|
|
16
|
+
</infoCard>
|
|
7
17
|
<input-number
|
|
8
18
|
:value="value"
|
|
9
19
|
:minNumber="0"
|
|
@@ -112,6 +122,7 @@ import iconCollection from '@/components/icon/iconCollection'
|
|
|
112
122
|
import dropdownComponent from '@/components/dropdown'
|
|
113
123
|
import videoThumbnail from '@/components/videoThumbnail'
|
|
114
124
|
import icon from '@/components/icon'
|
|
125
|
+
import infoCard from '@/components/infoCard'
|
|
115
126
|
// import TableDropdown from "@/components/tableDropdown"
|
|
116
127
|
|
|
117
128
|
const PageContainer = styled.div`
|
|
@@ -136,7 +147,8 @@ export default {
|
|
|
136
147
|
iconCollection,
|
|
137
148
|
dropdownComponent,
|
|
138
149
|
videoThumbnail,
|
|
139
|
-
icon
|
|
150
|
+
icon,
|
|
151
|
+
infoCard
|
|
140
152
|
},
|
|
141
153
|
data() {
|
|
142
154
|
return {
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<info-container>
|
|
3
|
+
<icon name="info" size="30px" />
|
|
4
|
+
<InfoTextContainer>
|
|
5
|
+
<slot />
|
|
6
|
+
</InfoTextContainer>
|
|
7
|
+
</info-container>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script>
|
|
11
|
+
import styled from 'vue-styled-components'
|
|
12
|
+
import icon from '../icon'
|
|
13
|
+
const InfoContainer = styled('div')`
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: flex-start;
|
|
16
|
+
gap: 15px;
|
|
17
|
+
padding: 20px;
|
|
18
|
+
width: 500px;
|
|
19
|
+
min-width: 450px;
|
|
20
|
+
border: 1px dashed #dee2eb;
|
|
21
|
+
border-radius: 4px;
|
|
22
|
+
`
|
|
23
|
+
|
|
24
|
+
const InfoTextContainer = styled('div')`
|
|
25
|
+
font-size: 13px;
|
|
26
|
+
`
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
export default {
|
|
30
|
+
components:{
|
|
31
|
+
icon,
|
|
32
|
+
InfoTextContainer,
|
|
33
|
+
InfoContainer
|
|
34
|
+
},
|
|
35
|
+
props:[]
|
|
36
|
+
}
|
|
37
|
+
</script>
|
|
@@ -8,6 +8,8 @@ export const translateLang = (lang) => {
|
|
|
8
8
|
return 'english_uk'
|
|
9
9
|
} else if (lang === 'de' || lang === 'de-de') {
|
|
10
10
|
return 'german'
|
|
11
|
+
} else if (lang === 'de-at') {
|
|
12
|
+
return 'german_at'
|
|
11
13
|
} else if (lang === 'de-ch') {
|
|
12
14
|
return 'german_ch'
|
|
13
15
|
} else if (lang === 'de-lu') {
|
|
@@ -34,8 +36,10 @@ export const translateLang = (lang) => {
|
|
|
34
36
|
return 'swedish'
|
|
35
37
|
} else if (lang === 'no-no' || lang === 'nb-no') {
|
|
36
38
|
return 'norwegian'
|
|
37
|
-
} else if (lang === 'nl-nl'
|
|
38
|
-
return '
|
|
39
|
+
} else if (lang === 'nl-nl') {
|
|
40
|
+
return 'dutch_nl'
|
|
41
|
+
} else if (lang === 'nl-be') {
|
|
42
|
+
return 'dutch_be'
|
|
39
43
|
} else if (lang === 'cs') {
|
|
40
44
|
return 'czech'
|
|
41
45
|
} else if (lang === 'fi-fi') {
|