#5-08-2024

Author: absunstar

apps_cms/theme1/site_files/css/articlePage.css

@@ -56,7 +56,7 @@
   align-items: center;
   flex-direction: row;
 }
-.writerArea{
+.writerArea {
   background: var(--background2);
   padding: 1rem;
   border-radius: 5px;
@@ -157,3 +157,26 @@
 
 @media (max-width: 767px) {
 }
+.steps {
+  background: red;
+  padding: 50px;
+  border-radius: 50px;
+  border: 5px solid #fff;
+}
+.steps h2 {
+  font-size: 70px;
+  margin-bottom: 50px;
+}
+.steps .counter {
+  color: #000000;
+  text-align: center;
+  font-size: 60px;
+  font-weight: bold;
+}
+.steps a {
+  display: none;
+  font-size: 50px;
+  background: #4caf50;
+  font-weight: bold;
+  border: 2px solid #000;
+}

apps_cms/theme1/site_files/html/article.html

@@ -160,9 +160,17 @@ <h1 class="d-flex text-center">##data.article.$title##</h1>
                 <span class="bold"> ##word.related Search##</span>
                 <a x-list1="article.$keyWordsList" rel="nofollow" href="/results?search_query=##item1.##"> <i>##item1.##</i> </a>
               </div>
+
               <div class="related-tags">
                 <a x-list1="article.$tagsList" rel="nofollow" href="/results?tag=##item1.##"> <b>##item1.##</b> </a>
               </div>
+
+              <div x-data="shortLink.id" class="steps">
+                <h2 class="center">Step ##data.shortLink.step## / ##data.shortLink.maxStep##</h2>
+                <h3 class="counter">Waiting <span></span> sec</h3>
+                <a href="/article/random" class="btn"> Click to Next Step >>>> </a>
+              </div>
+
               <div x-data="setting.showArticleAd" x-import="theme1/ad-article.html" class="related-ads"></div>
             </div>
           </div>
@@ -191,5 +199,25 @@ <h1 class="d-flex text-center">##data.article.$title##</h1>
     </div>
     <div x-import="theme1/wedgite.html"></div>
     <footer x-import="theme1/footer.html" class="footer d-flex flex-column justify-content-center align-items-center"></footer>
+    <script x-data="shortLink">
+      let counterTimeout = parseInt('##data.shortLink.timeout##' || 30);
+      window.countInterval = setInterval(() => {
+        if ((counter = document.querySelector('.counter span'))) {
+          let count = parseInt(counter.innerText || counterTimeout);
+          count--;
+          if (count < 0) {
+            clearInterval(window.countInterval);
+            if ((a = document.querySelector('.steps h3'))) {
+              a.style.display = 'none';
+            }
+            if ((a = document.querySelector('.steps a'))) {
+              a.style.display = 'block';
+            }
+          } else {
+            counter.innerText = count;
+          }
+        }
+      }, 1000);
+    </script>
   </body>
 </html>

cms.js

@@ -424,6 +424,43 @@ site.get(
   }
 );
 
+site.$shortLinkList = site.connectCollection('shortLinkList');
+site.shortLinkList = [];
+site.$shortLinkList.findMany({}, (err, docs) => {
+  if (!err && docs) {
+    site.shortLinkList = docs;
+  }
+});
+site.onGET('/s/create', (req, res) => {
+  let shortLink = {
+    guid: site.md5(new Date().getTime().toString() + Math.random().toString()),
+    url: req.query.url || 'https://social-browser.com',
+    step: parseInt(req.query.step || 0),
+    maxStep: parseInt(req.query.maxstep || 4),
+    timeout: parseInt(req.query.timeout || 30),
+  };
+  site.$shortLinkList.add(shortLink, (err, doc) => {
+    if (!err && doc) {
+      site.shortLinkList.push(doc);
+      res.end('https://' + req.host + '/s/' + doc.guid);
+    }
+  });
+});
+site.onGET('/s/:guid', (req, res) => {
+  req.session.shortLink = site.shortLinkList.find((s) => s.guid == req.params.guid) || {
+    guid: req.params.guid,
+    url: req.query.url || 'https://social-browser.com/download/' + site.md5(req.params.guid),
+    step: 0,
+    maxStep: 4,
+    timeout: 30,
+  };
+
+  req.session.$save();
+
+  req.params.guid = 'random';
+  site.callRoute('/article/:guid', req, res);
+});
+
 site.get(
   {
     name: ['/article/:guid/:title', '/torrent/:guid/:title', '/article/:guid', '/a/:guid', '/torrent/:guid'],
@@ -512,6 +549,17 @@ site.get(
         }
         options.latestList = site.getLatestArticles(article);
         options.topNews = site.getTopArticles(options.filter, article.category);
+        if (req.session.shortLink) {
+          req.session.shortLink.step++;
+          if (req.session.shortLink.step > req.session.shortLink.maxStep) {
+            res.redirect(req.session.shortLink.url);
+            req.session.shortLink = null;
+            req.session.$save();
+            return;
+          }
+          req.session.$save();
+          options.shortLink = req.session.shortLink;
+        }
 
         res.render('theme1/article.html', options, {
           parser: 'html css js',