Update pages.html

pages.html

@@ -792,31 +792,51 @@ editor.Blocks.add('video-player-settings-block', {
 
 
 
-
 editor.BlockManager.add('custom-countdown', {
   label: 'Custom Countdown',
   content: `
-    <div id="ixo2" class="countdown">
+    <style>
+    .countdown {
+      text-align: center;
+    }
+    .countdown-block {
+      display: inline-block;
+      margin: 0 10px;
+      padding: 10px;
+    }
+    .countdown-digit {
+      font-size: 5rem;
+    }
+    .countdown-endtext {
+      font-size: 5rem;
+    }
+    .countdown-cont {
+      display: inline-block;
+    }
+    </style>
+
+    <div id="ivtk" class="countdown">
       <span data-js="countdown" class="countdown-cont">
         <div class="countdown-block">
-          <div data-js="countdown-day" class="countdown-digit"></div>
+          <div data-js="countdown-day" class="countdown-digit">00</div>
           <div class="countdown-label">days</div>
         </div>
         <div class="countdown-block">
-          <div data-js="countdown-hour" class="countdown-digit"></div>
+          <div data-js="countdown-hour" class="countdown-digit">00</div>
           <div class="countdown-label">hours</div>
         </div>
         <div class="countdown-block">
-          <div data-js="countdown-minute" class="countdown-digit"></div>
+          <div data-js="countdown-minute" class="countdown-digit">00</div>
           <div class="countdown-label">minutes</div>
         </div>
         <div class="countdown-block">
-          <div data-js="countdown-second" class="countdown-digit"></div>
+          <div data-js="countdown-second" class="countdown-digit">00</div>
           <div class="countdown-label">seconds</div>
         </div>
       </span>
       <span data-js="countdown-endtext" class="countdown-endtext"></span>
     </div>
+    <input type="text" id="blockIdInput" placeholder="Enter block ID to hide">
   `,
   attributes: {
     class: 'fa fa-clock-o'
@@ -824,7 +844,7 @@ editor.BlockManager.add('custom-countdown', {
   script: function() {
     const blockIdInput = document.getElementById('blockIdInput');
     const props = {
-      "ixo2": {
+      "ivtk": {
         "startfrom": "",
         "endText": "EXPIRED",
         "blockId": blockIdInput ? blockIdInput.value : "" // ID блока, который нужно закрыть
@@ -853,7 +873,6 @@ editor.BlockManager.add('custom-countdown', {
     }
   }
 });
-  
 
 </script>