imio.smartweb.core 1.2.75__py3-none-any.whl → 1.2.76__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.
Files changed (18) hide show
  1. imio/smartweb/core/browser/static/smartweb-view-compiled.css +1 -1
  2. imio/smartweb/core/browser/static/src/view.less +106 -57
  3. imio/smartweb/core/contents/pages/views.py +4 -1
  4. imio/smartweb/core/contents/sections/contact/macros.pt +28 -3
  5. imio/smartweb/core/webcomponents/src/components/Annuaire/Annuaire.scss +364 -378
  6. imio/smartweb/core/webcomponents/src/components/Events/Events.scss +401 -417
  7. imio/smartweb/core/webcomponents/src/components/Filters/MainFilter.scss +174 -172
  8. imio/smartweb/core/webcomponents/src/components/News/News.scss +145 -130
  9. imio/smartweb/core/webcomponents/src/components/News/NewsContent/NewsContent.jsx +35 -14
  10. imio/smartweb/core/webcomponents/src/components/Search/Search.scss +117 -118
  11. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/METADATA +13 -1
  12. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/RECORD +18 -18
  13. /imio.smartweb.core-1.2.75-py3.12-nspkg.pth → /imio.smartweb.core-1.2.76-py3.12-nspkg.pth +0 -0
  14. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/LICENSE.GPL +0 -0
  15. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/LICENSE.rst +0 -0
  16. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/WHEEL +0 -0
  17. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/namespace_packages.txt +0 -0
  18. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/top_level.txt +0 -0
imio/smartweb/core/webcomponents/src/components/News/News.scss CHANGED
@@ -1,217 +1,232 @@
1
1
  .breadcrumb {
2
- padding: 0;
2
+ padding: 0;
3
3
  }
4
4
 
5
5
  .r-result-list {
6
- margin-top: 50px;
7
- padding-left: 0;
8
- list-style: none;
6
+ margin-top: 50px;
7
+ padding-left: 0;
8
+ list-style: none;
9
9
  }
10
10
 
11
11
  #portal-column-content {
12
- h1 {
13
- font-size: 0px;
14
- position: absolute;
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
- display: none;
20
+ display: none;
21
21
  }
22
22
 
23
23
  /* image */
24
24
  /* text */
25
25
  .r-item-text {
26
- margin: 20px 30px;
27
- position: relative;
28
- display: flex;
29
- flex-direction: column;
26
+ margin: 20px 30px;
27
+ position: relative;
28
+ display: flex;
29
+ flex-direction: column;
30
30
  }
31
31
 
32
32
  .r-item-title {
33
- display: block;
33
+ display: block;
34
34
  }
35
35
 
36
-
37
36
  // content
38
37
 
39
38
  .r-content-img {
40
- padding-bottom: 60%;
39
+ padding-bottom: 60%;
41
40
  }
42
41
 
43
42
  .new-content {
44
- max-width: 700px;
45
- margin: 0 auto;
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
- text-align: center;
52
- margin-bottom: 2rem;
53
-
54
- button {
55
- background: #000;
56
- border: solid 1px transparent;
57
- color: #fff;
58
- padding: 0.4rem 1rem;
59
- border-radius: 10px;
60
- border-bottom-left-radius: 10px;
61
- border-bottom-left-radius: 0px;
62
- font-weight: bold;
63
- font-size: 14px;
64
- margin: 0 auto;
65
- display: block;
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
- &:hover {
68
- background: rgba(0, 0, 0, 0.871);
66
+ &:hover {
67
+ background: rgba(0, 0, 0, 0.871);
68
+ }
69
69
  }
70
- }
71
70
  }
72
71
 
73
72
  .r-actu-wrapper {
74
- position: relative;
73
+ position: relative;
75
74
 
76
- &:after {
77
- width: 495px;
78
- display: block;
79
- position: absolute;
80
- content: url(../../assets/oeil-big.svg);
81
- z-index: -1;
82
- top: 0;
83
- right: 0;
84
- transform: translateY(-20%);
85
- }
86
-
87
- .r-list-item-group {
88
- max-width: 900px;
89
- margin: 30px auto;
90
- background: #fff;
91
- border-radius: 15px 15px 15px 0;
92
- border: 1px solid #D1D1D1;
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
- font-size: 18px;
99
- font-weight: bold;
97
+ font-size: 18px;
98
+ font-weight: bold;
100
99
  }
101
100
 
102
101
  .r-item-description {
103
- font-size: 16px;
104
- color: #444444;
105
- margin-top: 10px;
102
+ font-size: 16px;
103
+ color: #444444;
104
+ margin-top: 10px;
106
105
  }
107
106
 
108
107
  /* image */
109
108
  .r-item-img {
110
- border-radius: 15px 15px 15px 0px;
109
+ border-radius: 15px 15px 15px 0px;
111
110
  }
112
111
 
113
112
  .r-actu-wrapper {
114
- .r-item-img {
115
- width: 100%;
116
- aspect-ratio: 1.674107142857143;
117
- background-position: top;
118
- background-size: cover;
119
- background-repeat: no-repeat;
120
-
121
- @media screen and (min-width:775px) {
122
- width: 323px;
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
- margin-top: auto;
128
+ margin-top: auto;
130
129
  }
131
130
 
132
131
  .r-item-arrow-more {
133
- width: 50px;
134
- height: 50px;
135
- background: #F9B331;
136
- border-radius: 50px;
137
- flex: 0 0 50px;
138
- margin-left: auto;
139
- align-self: center;
140
- margin-right: 30px;
141
- 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");
142
- background-repeat: no-repeat;
143
- background-size: 20px;
144
- background-position: center;
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
- &:hover {
149
- .r-item-arrow-more {
150
- 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"), #F9B331;
151
- background-repeat: no-repeat;
152
- background-size: 20px;
153
- background-position: center;
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
- @media screen and (max-width:774px) {
160
- flex-direction: column;
161
- }
159
+ @media screen and (max-width: 774px) {
160
+ flex-direction: column;
161
+ }
162
162
  }
163
163
 
164
164
  .r-item-read-more {
165
- @media screen and (max-width:600px) {
166
- position: relative;
167
- }
165
+ @media screen and (max-width: 600px) {
166
+ position: relative;
167
+ }
168
168
  }
169
169
 
170
170
  .icon-baseline {
171
- display: inline-flex;
172
- align-self: center;
173
- margin-right: 0.4rem;
174
-
175
- svg {
176
- top: .125em;
177
- position: relative;
178
- height: 1em;
179
- width: 1em;
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
- display: inline-block;
185
- vertical-align: top;
184
+ display: inline-block;
185
+ vertical-align: top;
186
186
  }
187
187
 
188
188
  .r-content-news-info-social {
189
- svg {
190
- width: 30px;
191
- height: 30px;
192
- }
189
+ svg {
190
+ width: 30px;
191
+ height: 30px;
192
+ }
193
193
 
194
- ul {
195
- display: flex;
196
- align-items: center;
197
- margin: 0;
194
+ ul {
195
+ display: flex;
196
+ align-items: center;
197
+ margin: 0;
198
198
 
199
- li {
200
- list-style: none;
199
+ li {
200
+ list-style: none;
201
201
 
202
- a {
203
- &:hover {
204
- opacity: .7;
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
- margin-top: 5px;
213
- text-transform: uppercase;
214
- color: #747474;
215
- font-weight: 400;
216
- font-size: 13px;
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
+ }
imio/smartweb/core/webcomponents/src/components/News/NewsContent/NewsContent.jsx CHANGED
@@ -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 === null && item.video_url === null ? (
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
- ></div>
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">