imio.smartweb.core 1.2.75__py3-none-any.whl → 1.2.77__py3-none-any.whl
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.
- imio/smartweb/core/browser/static/smartweb-view-compiled.css +1 -1
- imio/smartweb/core/browser/static/src/view.less +106 -57
- imio/smartweb/core/contents/pages/views.py +4 -1
- imio/smartweb/core/contents/sections/contact/macros.pt +28 -3
- imio/smartweb/core/subscribers.py +24 -0
- imio/smartweb/core/subscribers.zcml +8 -0
- imio/smartweb/core/tests/test_section_external_content.py +25 -0
- imio/smartweb/core/webcomponents/src/components/Annuaire/Annuaire.scss +364 -378
- imio/smartweb/core/webcomponents/src/components/Events/Events.scss +401 -417
- imio/smartweb/core/webcomponents/src/components/Filters/MainFilter.scss +174 -172
- imio/smartweb/core/webcomponents/src/components/News/News.scss +145 -130
- imio/smartweb/core/webcomponents/src/components/News/NewsContent/NewsContent.jsx +35 -14
- imio/smartweb/core/webcomponents/src/components/Search/Search.scss +117 -118
- {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.77.dist-info}/METADATA +21 -1
- {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.77.dist-info}/RECORD +21 -21
- /imio.smartweb.core-1.2.75-py3.12-nspkg.pth → /imio.smartweb.core-1.2.77-py3.12-nspkg.pth +0 -0
- {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.77.dist-info}/LICENSE.GPL +0 -0
- {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.77.dist-info}/LICENSE.rst +0 -0
- {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.77.dist-info}/WHEEL +0 -0
- {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.77.dist-info}/namespace_packages.txt +0 -0
- {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.77.dist-info}/top_level.txt +0 -0
@@ -1,217 +1,232 @@
|
|
1
1
|
.breadcrumb {
|
2
|
-
|
2
|
+
padding: 0;
|
3
3
|
}
|
4
4
|
|
5
5
|
.r-result-list {
|
6
|
-
|
7
|
-
|
8
|
-
|
6
|
+
margin-top: 50px;
|
7
|
+
padding-left: 0;
|
8
|
+
list-style: none;
|
9
9
|
}
|
10
10
|
|
11
11
|
#portal-column-content {
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
12
|
+
h1 {
|
13
|
+
font-size: 0px;
|
14
|
+
position: absolute;
|
15
|
+
}
|
16
16
|
}
|
17
17
|
|
18
18
|
#viewlet-below-content-title,
|
19
19
|
#viewlet-below-content-description {
|
20
|
-
|
20
|
+
display: none;
|
21
21
|
}
|
22
22
|
|
23
23
|
/* image */
|
24
24
|
/* text */
|
25
25
|
.r-item-text {
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
26
|
+
margin: 20px 30px;
|
27
|
+
position: relative;
|
28
|
+
display: flex;
|
29
|
+
flex-direction: column;
|
30
30
|
}
|
31
31
|
|
32
32
|
.r-item-title {
|
33
|
-
|
33
|
+
display: block;
|
34
34
|
}
|
35
35
|
|
36
|
-
|
37
36
|
// content
|
38
37
|
|
39
38
|
.r-content-img {
|
40
|
-
|
39
|
+
padding-bottom: 60%;
|
41
40
|
}
|
42
41
|
|
43
42
|
.new-content {
|
44
|
-
|
45
|
-
|
43
|
+
max-width: 700px;
|
44
|
+
margin: 0 auto;
|
46
45
|
}
|
47
46
|
|
48
47
|
//// for bla ////
|
49
48
|
/* list item */
|
50
49
|
.r-load-more {
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
50
|
+
text-align: center;
|
51
|
+
margin-bottom: 2rem;
|
52
|
+
|
53
|
+
button {
|
54
|
+
background: #000;
|
55
|
+
border: solid 1px transparent;
|
56
|
+
color: #fff;
|
57
|
+
padding: 0.4rem 1rem;
|
58
|
+
border-radius: 10px;
|
59
|
+
border-bottom-left-radius: 10px;
|
60
|
+
border-bottom-left-radius: 0px;
|
61
|
+
font-weight: bold;
|
62
|
+
font-size: 14px;
|
63
|
+
margin: 0 auto;
|
64
|
+
display: block;
|
66
65
|
|
67
|
-
|
68
|
-
|
66
|
+
&:hover {
|
67
|
+
background: rgba(0, 0, 0, 0.871);
|
68
|
+
}
|
69
69
|
}
|
70
|
-
}
|
71
70
|
}
|
72
71
|
|
73
72
|
.r-actu-wrapper {
|
74
|
-
|
73
|
+
position: relative;
|
75
74
|
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
75
|
+
&:after {
|
76
|
+
width: 495px;
|
77
|
+
display: block;
|
78
|
+
position: absolute;
|
79
|
+
content: url(../../assets/oeil-big.svg);
|
80
|
+
z-index: -1;
|
81
|
+
top: 0;
|
82
|
+
right: 0;
|
83
|
+
transform: translateY(-20%);
|
84
|
+
}
|
85
|
+
|
86
|
+
.r-list-item-group {
|
87
|
+
max-width: 900px;
|
88
|
+
margin: 30px auto;
|
89
|
+
background: #fff;
|
90
|
+
border-radius: 15px 15px 15px 0;
|
91
|
+
border: 1px solid #d1d1d1;
|
92
|
+
}
|
94
93
|
}
|
95
94
|
|
96
95
|
/* text */
|
97
96
|
.r-item-title {
|
98
|
-
|
99
|
-
|
97
|
+
font-size: 18px;
|
98
|
+
font-weight: bold;
|
100
99
|
}
|
101
100
|
|
102
101
|
.r-item-description {
|
103
|
-
|
104
|
-
|
105
|
-
|
102
|
+
font-size: 16px;
|
103
|
+
color: #444444;
|
104
|
+
margin-top: 10px;
|
106
105
|
}
|
107
106
|
|
108
107
|
/* image */
|
109
108
|
.r-item-img {
|
110
|
-
|
109
|
+
border-radius: 15px 15px 15px 0px;
|
111
110
|
}
|
112
111
|
|
113
112
|
.r-actu-wrapper {
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
113
|
+
.r-item-img {
|
114
|
+
width: 100%;
|
115
|
+
aspect-ratio: 1.674107142857143;
|
116
|
+
background-position: top;
|
117
|
+
background-size: cover;
|
118
|
+
background-repeat: no-repeat;
|
119
|
+
|
120
|
+
@media screen and (min-width: 775px) {
|
121
|
+
width: 323px;
|
122
|
+
}
|
123
123
|
}
|
124
|
-
}
|
125
124
|
}
|
126
125
|
|
127
126
|
/* arrow more */
|
128
127
|
.r-item-read-more {
|
129
|
-
|
128
|
+
margin-top: auto;
|
130
129
|
}
|
131
130
|
|
132
131
|
.r-item-arrow-more {
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
132
|
+
width: 50px;
|
133
|
+
height: 50px;
|
134
|
+
background: #f9b331;
|
135
|
+
border-radius: 50px;
|
136
|
+
flex: 0 0 50px;
|
137
|
+
margin-left: auto;
|
138
|
+
align-self: center;
|
139
|
+
margin-right: 30px;
|
140
|
+
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.44 10'%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Calque_1-2' data-name='Calque 1'%3E%3Cg id='ui-arrow-right'%3E%3Cg id='arrow'%3E%3Cline id='Ligne_7' data-name='Ligne 7' x1='1' y1='5' x2='19.44' y2='5' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-width:2px'/%3E%3Cline id='Ligne_8' data-name='Ligne 8' x1='14.83' y1='1' x2='19.44' y2='5' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-width:2px'/%3E%3Cline id='Ligne_9' data-name='Ligne 9' x1='14.83' y1='9' x2='19.44' y2='5' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-width:2px'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
141
|
+
background-repeat: no-repeat;
|
142
|
+
background-size: 20px;
|
143
|
+
background-position: center;
|
145
144
|
}
|
146
145
|
|
147
146
|
.r-list-item-group {
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
147
|
+
&:hover {
|
148
|
+
.r-item-arrow-more {
|
149
|
+
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.44 10'%3E%3Cg data-name='Calque 2'%3E%3Cg data-name='Calque 1'%3E%3Cpath d='M1 5h18.44' data-name='Ligne 7' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:2px'/%3E%3Cpath d='m14.83 1 4.61 4' data-name='Ligne 8' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:2px'/%3E%3Cpath d='m14.83 9 4.61-4' data-name='Ligne 9' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:2px'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
|
150
|
+
#f9b331;
|
151
|
+
background-repeat: no-repeat;
|
152
|
+
background-size: 20px;
|
153
|
+
background-position: center;
|
154
|
+
}
|
154
155
|
}
|
155
|
-
}
|
156
156
|
}
|
157
157
|
|
158
158
|
.r-list-item {
|
159
|
-
|
160
|
-
|
161
|
-
|
159
|
+
@media screen and (max-width: 774px) {
|
160
|
+
flex-direction: column;
|
161
|
+
}
|
162
162
|
}
|
163
163
|
|
164
164
|
.r-item-read-more {
|
165
|
-
|
166
|
-
|
167
|
-
|
165
|
+
@media screen and (max-width: 600px) {
|
166
|
+
position: relative;
|
167
|
+
}
|
168
168
|
}
|
169
169
|
|
170
170
|
.icon-baseline {
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
171
|
+
display: inline-flex;
|
172
|
+
align-self: center;
|
173
|
+
margin-right: 0.4rem;
|
174
|
+
|
175
|
+
svg {
|
176
|
+
top: 0.125em;
|
177
|
+
position: relative;
|
178
|
+
height: 1em;
|
179
|
+
width: 1em;
|
180
|
+
}
|
181
181
|
}
|
182
182
|
|
183
183
|
.dpinlb {
|
184
|
-
|
185
|
-
|
184
|
+
display: inline-block;
|
185
|
+
vertical-align: top;
|
186
186
|
}
|
187
187
|
|
188
188
|
.r-content-news-info-social {
|
189
|
-
|
190
|
-
|
191
|
-
|
192
|
-
|
189
|
+
svg {
|
190
|
+
width: 30px;
|
191
|
+
height: 30px;
|
192
|
+
}
|
193
193
|
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
194
|
+
ul {
|
195
|
+
display: flex;
|
196
|
+
align-items: center;
|
197
|
+
margin: 0;
|
198
198
|
|
199
|
-
|
200
|
-
|
199
|
+
li {
|
200
|
+
list-style: none;
|
201
201
|
|
202
|
-
|
203
|
-
|
204
|
-
|
202
|
+
a {
|
203
|
+
&:hover {
|
204
|
+
opacity: 0.7;
|
205
|
+
}
|
206
|
+
}
|
205
207
|
}
|
206
|
-
}
|
207
208
|
}
|
208
|
-
}
|
209
209
|
}
|
210
210
|
|
211
211
|
.r-item-categorie {
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
|
216
|
-
|
217
|
-
}
|
212
|
+
margin-top: 5px;
|
213
|
+
text-transform: uppercase;
|
214
|
+
color: #747474;
|
215
|
+
font-weight: 400;
|
216
|
+
font-size: 13px;
|
217
|
+
}
|
218
|
+
|
219
|
+
.r-content-news-info--video {
|
220
|
+
position: relative;
|
221
|
+
padding-bottom: 56.25%;
|
222
|
+
/* 16:9 */
|
223
|
+
padding-top: 25px;
|
224
|
+
height: 0;
|
225
|
+
iframe {
|
226
|
+
position: absolute;
|
227
|
+
top: 0;
|
228
|
+
left: 0;
|
229
|
+
width: 100%;
|
230
|
+
height: 100%;
|
231
|
+
}
|
232
|
+
}
|
@@ -16,7 +16,7 @@ const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
|
|
16
16
|
const parsed2 = { ...parsed, UID: parsed["u"], fullobjects: 1 };
|
17
17
|
const [params, setParams] = useState(parsed2);
|
18
18
|
const [item, setitem] = useState({});
|
19
|
-
const [files, setFiles] = useState();
|
19
|
+
const [files, setFiles] = useState(null);
|
20
20
|
const [gallery, setGallery] = useState();
|
21
21
|
const { response, error, isLoading } = useAxios(
|
22
22
|
{
|
@@ -53,6 +53,21 @@ const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
|
|
53
53
|
navigate("..");
|
54
54
|
onChange(null);
|
55
55
|
}
|
56
|
+
|
57
|
+
// Function to generate iframe URL
|
58
|
+
const getIframeSrc = (url) => {
|
59
|
+
console.log(item.video_url);
|
60
|
+
if (url.includes("youtube.com") || url.includes("youtu.be")) {
|
61
|
+
const urlParams = new URLSearchParams(new URL(url).search);
|
62
|
+
const videoId = urlParams.get("v") || url.split("/").pop();
|
63
|
+
return `https://www.youtube.com/embed/${videoId}`;
|
64
|
+
} else if (url.includes("vimeo.com")) {
|
65
|
+
const videoId = url.split("/").pop();
|
66
|
+
return `https://player.vimeo.com/video/${videoId}`;
|
67
|
+
}
|
68
|
+
return null;
|
69
|
+
};
|
70
|
+
|
56
71
|
moment.locale("fr");
|
57
72
|
const created = moment(item.created).startOf("minute").fromNow();
|
58
73
|
const lastModified = moment(item.modified).startOf("minute").fromNow();
|
@@ -147,9 +162,7 @@ const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
|
|
147
162
|
</div>
|
148
163
|
</div>
|
149
164
|
{/* link */}
|
150
|
-
{item.site_url
|
151
|
-
""
|
152
|
-
) : (
|
165
|
+
{item.site_url ? (
|
153
166
|
<div className="r-content-news-info-link">
|
154
167
|
<div className="icon-baseline">
|
155
168
|
<svg
|
@@ -167,17 +180,10 @@ const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
|
|
167
180
|
<a href={item.site_url}>{item.site_url}</a>
|
168
181
|
</div>
|
169
182
|
)}
|
170
|
-
{item.video_url === null ? (
|
171
|
-
""
|
172
|
-
) : (
|
173
|
-
<div className="r-content-news-info--video">
|
174
|
-
<a href={item.video_url}>
|
175
|
-
<Translate text="Lien vers la vidéo" />
|
176
|
-
</a>
|
177
|
-
</div>
|
178
|
-
)}
|
179
183
|
</div>
|
180
184
|
</div>
|
185
|
+
) : (
|
186
|
+
""
|
181
187
|
)}
|
182
188
|
{/* Social */}
|
183
189
|
{item.facebook === null &&
|
@@ -258,7 +264,22 @@ const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
|
|
258
264
|
dangerouslySetInnerHTML={{
|
259
265
|
__html: item.text && item.text.data,
|
260
266
|
}}
|
261
|
-
|
267
|
+
>
|
268
|
+
{/* add files to download */}
|
269
|
+
</div>
|
270
|
+
{item.video_url ? (
|
271
|
+
<div className="r-content-news-info--video">
|
272
|
+
<iframe
|
273
|
+
src={getIframeSrc(item.video_url)}
|
274
|
+
width="100%"
|
275
|
+
height="100%"
|
276
|
+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
277
|
+
allowFullScreen
|
278
|
+
></iframe>
|
279
|
+
</div>
|
280
|
+
) : (
|
281
|
+
""
|
282
|
+
)}
|
262
283
|
{/* add files to download */}
|
263
284
|
{files && (
|
264
285
|
<div className="r-content-files">
|