Update pages.html

pages.html

@@ -785,90 +785,8 @@ editor.Blocks.add('video-player-settings-block', {
 
 </script>
 
-<script>
-
-
-
-editor.Components.addType(id, {
-  model: {
-    defaults: {
-      startfrom: options.startTime,
-      classes: [pfx],
-      endText: options.endText,
-      blockId: '', // Добавьте поле для ID блока
-      droppable: false,
-      script: coundownScript,
-      'script-props': ['startfrom', 'endText', 'blockId'], // Добавьте blockId в скрипт-пропсы
-      traits: [{
-        label: 'Start',
-        name: 'startfrom',
-        changeProp: true,
-        type: options.dateInputType,
-      },{
-        label: 'End text',
-        name: 'endText',
-        changeProp: true,
-      },{
-        label: 'Block ID to Hide',
-        name: 'blockId',
-        changeProp: true,
-      }],
-      // @ts-ignore
-      components: `
-        <span data-js="countdown" class="${pfx}-cont">
-          <div class="${pfx}-block">
-            <div data-js="countdown-day" class="${pfx}-digit"></div>
-            <div class="${pfx}-label">${options.labelDays}</div>
-          </div>
-          <div class="${pfx}-block">
-            <div data-js="countdown-hour" class="${pfx}-digit"></div>
-            <div class="${pfx}-label">${options.labelHours}</div>
-          </div>
-          <div class="${pfx}-block">
-            <div data-js="countdown-minute" class="${pfx}-digit"></div>
-            <div class="${pfx}-label">${options.labelMinutes}</div>
-          </div>
-          <div class="${pfx}-block">
-            <div data-js="countdown-second" class="${pfx}-digit"></div>
-            <div class="${pfx}-label">${options.labelSeconds}</div>
-          </div>
-        </span>
-        <span data-js="countdown-endtext" class="${pfx}-endtext"></span>
-      `,
-      styles: (style || `
-        .${pfx} {
-          text-align: center;
-        }
-
-        .${pfx}-block {
-          display: inline-block;
-          margin: 0 10px;
-          padding: 10px;
-        }
-
-        .${pfx}-digit {
-          font-size: 5rem;
-        }
-
-        .${pfx}-endtext {
-          font-size: 5rem;
-        }
-
-        .${pfx}-cont {
-          display: inline-block;
-        }
-      `) + (options.styleAdditional),
-      ...props,
-    },
-  },
-});
-
 
 
-
-  
-</script>
-
 <script>
 
 
@@ -892,73 +810,7 @@ editor.CssComposer.addRules(`
   }
 `);
 
-const coundownScript = function(props: Record<string, any>) {
-  const startfrom: string = props.startfrom;
-  const endTxt: string = props.endText;
-  const blockId: string = props.blockId; // Получите ID блока для скрытия
-  // @ts-ignore
-  const el: TElement = this;
-  const countDownDate = new Date(startfrom).getTime();
-  const countdownEl = el.querySelector('[data-js=countdown]') as HTMLElement;
-  const endTextEl = el.querySelector('[data-js=countdown-endtext]') as HTMLElement;
-  const dayEl = el.querySelector('[data-js=countdown-day]')!;
-  const hourEl = el.querySelector('[data-js=countdown-hour]')!;
-  const minuteEl = el.querySelector('[data-js=countdown-minute]')!;
-  const secondEl = el.querySelector('[data-js=countdown-second]')!;
-  const oldInterval = el.__gjsCountdownInterval;
-  oldInterval && clearInterval(oldInterval);
-
-  const connected: TElement[] = window.__gjsCountdownIntervals || [];
-  const toClean: TElement[] = [];
-  connected.forEach((item: TElement) => {
-    if (!item.isConnected) {
-      clearInterval(item.__gjsCountdownInterval);
-      toClean.push(item);
-    }
-  });
-  connected.indexOf(el) < 0 && connected.push(el);
-  window.__gjsCountdownIntervals = connected.filter(item => toClean.indexOf(item) < 0);
-
-  const setTimer = function (days: number, hours: number, minutes: number, seconds: number) {
-    dayEl.innerHTML = `${days < 10 ? '0' + days : days}`;
-    hourEl.innerHTML = `${hours < 10 ? '0' + hours : hours}`;
-    minuteEl.innerHTML = `${minutes < 10 ? '0' + minutes : minutes}`;
-    secondEl.innerHTML = `${seconds < 10 ? '0' + seconds : seconds}`;
-  }
 
-  const moveTimer = function() {
-    const now = new Date().getTime();
-    const distance = countDownDate - now;
-    const days = Math.floor(distance / 86400000);
-    const hours = Math.floor((distance % 86400000) / 3600000);
-    const minutes = Math.floor((distance % 3600000) / 60000);
-    const seconds = Math.floor((distance % 60000) / 1000);
-
-    setTimer(days, hours, minutes, seconds);
-
-    if (distance < 0) {
-      clearInterval(el.__gjsCountdownInterval);
-      endTextEl.innerHTML = endTxt;
-      countdownEl.style.display = 'none';
-      endTextEl.style.display = '';
-      if (blockId) {
-        const blockToHide = document.getElementById(blockId);
-        if (blockToHide) {
-          blockToHide.style.display = 'none';
-        }
-      }
-    }
-  };
-
-  if (countDownDate) {
-    el.__gjsCountdownInterval = setInterval(moveTimer, 1000);
-    endTextEl.style.display = 'none';
-    countdownEl.style.display = '';
-    moveTimer();
-  } else {
-    setTimer(0, 0, 0, 0);
-  }
-};
 
 
 </script>