@eturnity/eturnity_reusable_components 6.38.0-team-day.0 → 6.38.0-team-day.1
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
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
const roundSlideSelector=styled.div`
|
|
20
20
|
padding:3px;
|
|
21
21
|
border:2px solid lightgrey;
|
|
22
|
-
margin:
|
|
22
|
+
margin:0px 10px;
|
|
23
23
|
border-radius:50%;
|
|
24
24
|
&.active{
|
|
25
25
|
background-color:lightgrey;
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
position: absolute;
|
|
135
135
|
top: 0;
|
|
136
136
|
left: 0;
|
|
137
|
-
bottom:
|
|
137
|
+
bottom:70px;
|
|
138
138
|
right:0;
|
|
139
139
|
display: flex;
|
|
140
140
|
align-items: center;
|
|
@@ -7,7 +7,12 @@
|
|
|
7
7
|
:backdrop="backdrop"
|
|
8
8
|
>
|
|
9
9
|
<modal-container @click.stop>
|
|
10
|
-
<
|
|
10
|
+
<loadingContainer v-if="isLoading" class="loading container">
|
|
11
|
+
<spinnerContainer>
|
|
12
|
+
<spinner size="50px" :limitedToModal="true" />
|
|
13
|
+
</spinnerContainer>
|
|
14
|
+
<carousel animation="fade" :slides="annoncements" v-if="annoncements && annoncements.length"></carousel>
|
|
15
|
+
</loadingContainer>
|
|
11
16
|
<content-container :visible="!isLoading">
|
|
12
17
|
<slot />
|
|
13
18
|
</content-container>
|
|
@@ -31,11 +36,25 @@
|
|
|
31
36
|
import styled from 'vue-styled-components'
|
|
32
37
|
import CloseButton from '../../buttons/closeButton'
|
|
33
38
|
import Spinner from '../../spinner'
|
|
34
|
-
|
|
39
|
+
import carousel from '../../carousel'
|
|
35
40
|
const contentAttrs = { visible: Boolean }
|
|
36
41
|
const ContentContainer = styled('div', contentAttrs)`
|
|
37
42
|
visibility: ${(props) => (props.visible ? 'inherit' : 'hidden')};
|
|
38
43
|
`
|
|
44
|
+
const loadingContainer = styled('div')`
|
|
45
|
+
display: flex;
|
|
46
|
+
position: absolute;
|
|
47
|
+
top: 0;
|
|
48
|
+
bottom: 0;
|
|
49
|
+
left: 0;
|
|
50
|
+
right: 0;
|
|
51
|
+
justify-content: center;
|
|
52
|
+
align-items: center;
|
|
53
|
+
`
|
|
54
|
+
const spinnerContainer = styled('div')`
|
|
55
|
+
position: absolute;
|
|
56
|
+
top: 100px;
|
|
57
|
+
`
|
|
39
58
|
|
|
40
59
|
const pageAttrs = { isOpen: Boolean, backdrop: String,position:String }
|
|
41
60
|
const PageWrapper = styled('div', pageAttrs)`
|
|
@@ -111,7 +130,10 @@ export default {
|
|
|
111
130
|
ModalContainer,
|
|
112
131
|
CloseButton,
|
|
113
132
|
Spinner,
|
|
114
|
-
ContentContainer
|
|
133
|
+
ContentContainer,
|
|
134
|
+
carousel,
|
|
135
|
+
loadingContainer,
|
|
136
|
+
spinnerContainer
|
|
115
137
|
},
|
|
116
138
|
props: {
|
|
117
139
|
isOpen: {
|
|
@@ -137,7 +159,11 @@ export default {
|
|
|
137
159
|
position: {
|
|
138
160
|
required: false,
|
|
139
161
|
default: 'fixed'
|
|
140
|
-
}
|
|
162
|
+
},
|
|
163
|
+
annoncements:{
|
|
164
|
+
required: false,
|
|
165
|
+
default: []
|
|
166
|
+
},
|
|
141
167
|
},
|
|
142
168
|
methods: {
|
|
143
169
|
onCloseModal() {
|