Skip to content

Commit 948242f

Browse files
mrholekmrholek
committed
docs: update scripts
1 parent 4ffba1c commit 948242f

File tree

1 file changed

+117
-0
lines changed

1 file changed

+117
-0
lines changed

‎docs/assets/js/modal-first-visit-discount.js

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
// Get Cookie
2+
3+
const getCookie = cname => {
4+
const name = `${cname}=`
5+
const decodedCookie = decodeURIComponent(document.cookie)
6+
const ca = decodedCookie.split(';')
7+
for(let i = 0; i <ca.length; i++) {
8+
var c = ca[i]
9+
while (c.charAt(0) == ' ') {
10+
c = c.substring(1)
11+
}
12+
if (c.indexOf(name) == 0) {
13+
return c.substring(name.length, c.length)
14+
}
15+
}
16+
return '';
17+
}
18+
19+
// Set Cookie
20+
const setCookie = (cname, cvalue, exdays) => {
21+
const d = new Date()
22+
d.setTime(d.getTime() + (exdays*24*60*60*1000))
23+
var expires = 'expires='+ d.toUTCString()
24+
document.cookie = `${cname}=${cvalue};${expires};path=/`
25+
}
26+
27+
const checkIfFirstVisit = () => {
28+
const modalContainerEl = document.createElement('div')
29+
modalContainerEl.innerHTML =
30+
`
31+
<div class="modal fade" id="modal-first-visit" tabindex="-1" role="dialog" aria-label="Downloads" aria-hidden="true">
32+
<div class="modal-dialog modal-xl" role="document">
33+
<div class="modal-content">
34+
<div class="modal-header d-block">
35+
<button type="button" class="btn-close float-end" data-coreui-dismiss="modal" aria-label="Close"></button>
36+
<div class="text-center modal-title">
37+
<h2>Buy CoreUI PRO now and save 75%</h2>
38+
<h3 class="text-danger">This is one-time offer!</h3>
39+
</div>
40+
</div>
41+
<div class="modal-body">
42+
<div class="row">
43+
<div class="col-md-7 d-flex align-items-center">
44+
<div>
45+
<img src="https://coreui.io/images/mockups/mockup_3_1_free.webp" class="img-fluid" alt="Bootstrap Admin Panel Template" loading="lazy">
46+
</div>
47+
</div>
48+
<div class="col-md-5">
49+
<p>Get a PRO plan to access advanced features, professional support, and support CoreUI development.</p>
50+
<ul class="list-unstyled">
51+
<li class="py-2">✅ Save thousands of dollars for UI and UX designing.</li>
52+
<li class="py-2">✅ Human tech support provided by CoreUI Core Team Developers.</li>
53+
<li class="py-2">✅ PRO Components: Date Picker, Multi Select, Smart Table, etc.</li>
54+
</ul>
55+
<h3 class="text-danger text-center mb-3">Use code CDITFDSF at checkout.</h3>
56+
<a href="https://coreui.io/pricing/" class="btn btn-lg btn-success" style="width: 100%;">
57+
Buy now and save up to $749
58+
</a>
59+
</div>
60+
</div>
61+
</div>
62+
<div class="modal-footer">
63+
<div class="text-center">
64+
<div class="text-uppercase mb-3 row">
65+
<div class="col-md-9 mx-auto">
66+
<strong>You’re in good company. <span class="text-muted">CoreUI powers thousands of apps at some of the smartest companies around the world.</span></strong>
67+
</div>
68+
</div>
69+
<div class="row">
70+
<div class="col">
71+
<img class="img-fluid" src="https://coreui.io/images/clients/nvidia600.png" alt="Nvidia">
72+
</div>
73+
<div class="col">
74+
<img class="img-fluid" src="https://coreui.io/images/clients/ea600.png" alt="EA">
75+
</div>
76+
<div class="col">
77+
<img class="img-fluid" src="https://coreui.io/images/clients/dhl600.png" alt="DHL">
78+
</div>
79+
<div class="col">
80+
<img class="img-fluid" src="https://coreui.io/images/clients/olx600.png" alt="OLX">
81+
</div>
82+
<div class="col">
83+
<img class="img-fluid" src="https://coreui.io/images/clients/citi600.png" alt="Citi">
84+
</div>
85+
<div class="col">
86+
<img class="img-fluid" src="https://coreui.io/images/clients/paypal600.png" alt="PayPal">
87+
</div>
88+
<div class="col">
89+
<img class="img-fluid" src="https://coreui.io/images/clients/virgin-media600.png" alt="Virgin">
90+
</div>
91+
<div class="col">
92+
<img class="img-fluid" src="https://coreui.io/images/clients/plus500600.png" alt="Plus500">
93+
</div>
94+
<div class="col">
95+
<img class="img-fluid" src="https://coreui.io/images/clients/cisco600.png" alt="Cisco">
96+
</div>
97+
</div>
98+
</div>
99+
</div>
100+
</div>
101+
</div>
102+
</div>
103+
`
104+
document.body.appendChild(modalContainerEl);
105+
106+
setTimeout(() => {
107+
const myModalEl = new coreui.Modal(document.getElementById('modal-first-visit'))
108+
myModalEl.toggle()
109+
setCookie('firstVisit', true, 365)
110+
}, 2500)
111+
}
112+
113+
window.onload = function() {
114+
if (getCookie('firstVisit') !== 'true') {
115+
checkIfFirstVisit()
116+
}
117+
};

0 commit comments

Comments
 (0)