Update pages.html

pages.html

@@ -728,10 +728,139 @@ editor.Blocks.add('video-player-settings-block', {
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 </script>
 
 <script>
 
+
+
+
+
+
+
+editor.BlockManager.add('custom-countdown', {
+  label: 'Custom Countdown',
+  content: `
+    <div id="ixo2" class="countdown">
+      <span data-js="countdown" class="countdown-cont">
+        <div class="countdown-block">
+          <div data-js="countdown-day" class="countdown-digit"></div>
+          <div class="countdown-label">days</div>
+        </div>
+        <div class="countdown-block">
+          <div data-js="countdown-hour" class="countdown-digit"></div>
+          <div class="countdown-label">hours</div>
+        </div>
+        <div class="countdown-block">
+          <div data-js="countdown-minute" class="countdown-digit"></div>
+          <div class="countdown-label">minutes</div>
+        </div>
+        <div class="countdown-block">
+          <div data-js="countdown-second" class="countdown-digit"></div>
+          <div class="countdown-label">seconds</div>
+        </div>
+      </span>
+      <span data-js="countdown-endtext" class="countdown-endtext"></span>
+    </div>
+  `,
+  attributes: {
+    class: 'fa fa-clock-o'
+  },
+  script: function() {
+    const blockIdInput = document.getElementById('blockIdInput');
+    const props = {
+      "ixo2": {
+        "startfrom": "",
+        "endText": "EXPIRED",
+        "blockId": blockIdInput ? blockIdInput.value : "" // ID блока, который нужно закрыть
+      }
+    };
+
+    const ids = Object.keys(props).map(id => `#${id}`).join(',');
+    const els = document.querySelectorAll(ids);
+
+    for (let i = 0, len = els.length; i < len; i++) {
+      const el = els[i];
+      (function(n) {
+        const t = n.startfrom, e = n.endText, blockId = n.blockId, o = this, a = new Date(t).getTime(), c = o.querySelector('[data-js=countdown]'), d = o.querySelector('[data-js=countdown-endtext]'), s = o.querySelector('[data-js=countdown-day]'), l = o.querySelector('[data-js=countdown-hour]'), i = o.querySelector('[data-js=countdown-minute]'), r = o.querySelector('[data-js=countdown-second]'), u = o.__gjsCountdownInterval;
+        u && clearInterval(u);
+        const p = window.__gjsCountdownIntervals || [], v = [];
+        p.forEach(n => n.isConnected || (clearInterval(n.__gjsCountdownInterval), v.push(n))), p.indexOf(o) < 0 && p.push(o), window.__gjsCountdownIntervals = p.filter(n => v.indexOf(n) < 0);
+        const y = (n, t, e, o) => {
+          s.innerHTML = `${n < 10 ? '0' + n : n}`, l.innerHTML = `${t < 10 ? '0' + t : t}`, i.innerHTML = `${e < 10 ? '0' + e : e}`, r.innerHTML = `${o < 10 ? '0' + o : o}`;
+        };
+        const f = () => {
+          const n = (new Date).getTime(), t = a - n, s = Math.floor(t / 864e5), l = Math.floor(t % 864e5 / 36e5), i = Math.floor(t % 36e5 / 6e4), r = Math.floor(t % 6e4 / 1e3);
+          y(s, l, i, r), t < 0 && (clearInterval(o.__gjsCountdownInterval), d.innerHTML = e, c.style.display = 'none', d.style.display = '', blockId && (document.getElementById(blockId).style.display = 'none'));
+        };
+        a ? (o.__gjsCountdownInterval = setInterval(f, 1e3), d.style.display = 'none', c.style.display = '', f()) : y(0, 0, 0, 0);
+      }).bind(el)(props[el.id]);
+    }
+  }
+});
+  
+
+</script>
+
+<script>
+
+
+
 editor.BlockManager.add('custom-iframe', {
   label: 'Custom Iframe',
   content: `<iframe id="custom-iframe" frameborder="0" width="720" height="405" src="https://rutube.ru/play/embed/538dc9cc0b952dd52f47e28df7df5e81/" allow="clipboard-write; autoplay" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: relative; top: 0; margin: 0 auto; display: block;"></iframe>`,