Skip to content

Commit 5f01c4b

Browse files
TomNewChaoTomNewChao
committed
add the cookies information
1 parent f57a57e commit 5f01c4b

File tree

3 files changed

+207
-0
lines changed

3 files changed

+207
-0
lines changed

‎src/templates/index.html

+69
Original file line numberDiff line numberDiff line change
@@ -160,5 +160,74 @@
160160
<% e.begin_block("indexCustomScripts"); %>
161161
<script src="static/skins/<%=encodeURI(settings.skinName)%>/index.js?v=<%=settings.randomVersionString%>"></script>
162162
<% e.end_block(); %>
163+
164+
<script>
165+
window.addEventListener('load', function () {
166+
if (document.cookie.match(/agreed-cookiepolicy=[^;]+;?/)) return;
167+
168+
const cookieNotice = document.createElement('div');
169+
cookieNotice.classList.add('_cookie-notice');
170+
const lang = location.pathname.match(/\/en\/?$/) ? 'en' : 'zh';
171+
const notice = lang === 'zh' ? '我们使用cookie来确保您的高速浏览体验。需要了解更多信息，请参阅我们的' : 'We use cookies to enhance your browsing experience. For more information, see';
172+
const aboutCookies = lang === 'zh' ? '《关于cookies》' : 'About Cookies';
173+
cookieNotice.innerHTML = `
174+
${notice}
175+
<a href="https://www.openeuler.org/en/other/cookies/" target="_blank">
176+
${aboutCookies}
177+
</a>
178+
${lang === 'zh' ? '。' : '.'}
179+
<button class="cookie-notice-close">&times;</button>
180+
`;
181+
const style = document.createElement('style');
182+
style.innerHTML = `
183+
._cookie-notice {
184+
position: fixed;
185+
bottom: 0;
186+
left: 0;
187+
width: 100%;
188+
background-color: #333;
189+
color: white;
190+
padding: 15px;
191+
text-align: center;
192+
z-index: 1000;
193+
}
194+
._cookie-notice a {
195+
cursor: pointer;
196+
color: #406fe7;
197+
text-decoration: none;
198+
}
199+
._cookie-notice a:hover {
200+
color: #5988ff;
201+
}
202+
.cookie-notice-close {
203+
background-color: transparent;
204+
border: none;
205+
color: white;
206+
cursor: pointer;
207+
font-size: 20px;
208+
margin-left: 10px;
209+
}
210+
@media (max-width: 768px) {
211+
._cookie-notice {
212+
padding-top: 25px;
213+
}
214+
215+
.cookie-notice-close {
216+
position: absolute;
217+
top: 0;
218+
right: 20px;
219+
}
220+
}
221+
`;
222+
document.head.appendChild(style);
223+
document.body.appendChild(cookieNotice);
224+
const closeButton = cookieNotice.querySelector('.cookie-notice-close');
225+
closeButton.addEventListener('click', function () {
226+
cookieNotice.remove();
227+
document.cookie = `agreed-cookiepolicy=4;domain=.openeuler.org;path=/;max-age=${60 * 60 * 24 * 180}`;
228+
});
229+
});
230+
</script>
231+
163232
<div style="display:none"><a href="/javascript" data-jslicense="1">JavaScript license information</a></div>
164233
</html>

‎src/templates/pad.html

+69
Original file line numberDiff line numberDiff line change
@@ -514,6 +514,75 @@ <h1>Skin Builder</h1>
514514
}());
515515
// @license-end
516516
</script>
517+
518+
<script>
519+
window.addEventListener('load', function () {
520+
if (document.cookie.match(/agreed-cookiepolicy=[^;]+;?/)) return;
521+
522+
const cookieNotice = document.createElement('div');
523+
cookieNotice.classList.add('_cookie-notice');
524+
const lang = location.pathname.match(/\/en\/?$/) ? 'en' : 'zh';
525+
const notice = lang === 'zh' ? '我们使用cookie来确保您的高速浏览体验。需要了解更多信息，请参阅我们的' : 'We use cookies to enhance your browsing experience. For more information, see';
526+
const aboutCookies = lang === 'zh' ? '《关于cookies》' : 'About Cookies';
527+
cookieNotice.innerHTML = `
528+
${notice}
529+
<a href="https://www.openeuler.org/en/other/cookies/" target="_blank">
530+
${aboutCookies}
531+
</a>
532+
${lang === 'zh' ? '。' : '.'}
533+
<button class="cookie-notice-close">&times;</button>
534+
`;
535+
const style = document.createElement('style');
536+
style.innerHTML = `
537+
._cookie-notice {
538+
position: fixed;
539+
bottom: 0;
540+
left: 0;
541+
width: 100%;
542+
background-color: #333;
543+
color: white;
544+
padding: 15px;
545+
text-align: center;
546+
z-index: 1000;
547+
}
548+
._cookie-notice a {
549+
cursor: pointer;
550+
color: #406fe7;
551+
text-decoration: none;
552+
}
553+
._cookie-notice a:hover {
554+
color: #5988ff;
555+
}
556+
.cookie-notice-close {
557+
background-color: transparent;
558+
border: none;
559+
color: white;
560+
cursor: pointer;
561+
font-size: 20px;
562+
margin-left: 10px;
563+
}
564+
@media (max-width: 768px) {
565+
._cookie-notice {
566+
padding-top: 25px;
567+
}
568+
569+
.cookie-notice-close {
570+
position: absolute;
571+
top: 0;
572+
right: 20px;
573+
}
574+
}
575+
`;
576+
document.head.appendChild(style);
577+
document.body.appendChild(cookieNotice);
578+
const closeButton = cookieNotice.querySelector('.cookie-notice-close');
579+
closeButton.addEventListener('click', function () {
580+
cookieNotice.remove();
581+
document.cookie = `agreed-cookiepolicy=4;domain=.openeuler.org;path=/;max-age=${60 * 60 * 24 * 180}`;
582+
});
583+
});
584+
</script>
585+
517586
<div style="display:none"><a href="/javascript" data-jslicense="1">JavaScript license information</a></div>
518587
<% e.end_block(); %>
519588
</body>

‎src/templates/timeslider.html

+69
Original file line numberDiff line numberDiff line change
@@ -303,5 +303,74 @@ <h1 data-l10n-id="pad.settings.padSettings"></h1>
303303
// @license-end
304304
</script>
305305
<% e.end_block(); %>
306+
307+
<script>
308+
window.addEventListener('load', function () {
309+
if (document.cookie.match(/agreed-cookiepolicy=[^;]+;?/)) return;
310+
311+
const cookieNotice = document.createElement('div');
312+
cookieNotice.classList.add('_cookie-notice');
313+
const lang = location.pathname.match(/\/en\/?$/) ? 'en' : 'zh';
314+
const notice = lang === 'zh' ? '我们使用cookie来确保您的高速浏览体验。需要了解更多信息，请参阅我们的' : 'We use cookies to enhance your browsing experience. For more information, see';
315+
const aboutCookies = lang === 'zh' ? '《关于cookies》' : 'About Cookies';
316+
cookieNotice.innerHTML = `
317+
${notice}
318+
<a href="https://www.openeuler.org/en/other/cookies/" target="_blank">
319+
${aboutCookies}
320+
</a>
321+
${lang === 'zh' ? '。' : '.'}
322+
<button class="cookie-notice-close">&times;</button>
323+
`;
324+
const style = document.createElement('style');
325+
style.innerHTML = `
326+
._cookie-notice {
327+
position: fixed;
328+
bottom: 0;
329+
left: 0;
330+
width: 100%;
331+
background-color: #333;
332+
color: white;
333+
padding: 15px;
334+
text-align: center;
335+
z-index: 1000;
336+
}
337+
._cookie-notice a {
338+
cursor: pointer;
339+
color: #406fe7;
340+
text-decoration: none;
341+
}
342+
._cookie-notice a:hover {
343+
color: #5988ff;
344+
}
345+
.cookie-notice-close {
346+
background-color: transparent;
347+
border: none;
348+
color: white;
349+
cursor: pointer;
350+
font-size: 20px;
351+
margin-left: 10px;
352+
}
353+
@media (max-width: 768px) {
354+
._cookie-notice {
355+
padding-top: 25px;
356+
}
357+
358+
.cookie-notice-close {
359+
position: absolute;
360+
top: 0;
361+
right: 20px;
362+
}
363+
}
364+
`;
365+
document.head.appendChild(style);
366+
document.body.appendChild(cookieNotice);
367+
const closeButton = cookieNotice.querySelector('.cookie-notice-close');
368+
closeButton.addEventListener('click', function () {
369+
cookieNotice.remove();
370+
document.cookie = `agreed-cookiepolicy=4;domain=.openeuler.org;path=/;max-age=${60 * 60 * 24 * 180}`;
371+
});
372+
});
373+
</script>
374+
306375
<div style="display:none"><a href="/javascript" data-jslicense="1">JavaScript license information</a></div>
307376
</html>

0 commit comments

Comments
 (0)