Improve autosize

KuJoe · Jun 1, 2024 · 0369d4e · 0369d4e
1 parent 9a64456
commit 0369d4e
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 28 deletions.
diff --git a/system/admin/views/add-content.html.php b/system/admin/views/add-content.html.php
@@ -322,23 +322,25 @@ function loadImages(page) {
 });
 </script>
 <script>
+    var ta = document.querySelector('#wmd-input');
+    autosize(ta);
     function toggleDivs() {
         var div1 = document.getElementById('post-settings');
         if (div1.style.display === 'none') {
+            autosize.destroy(ta);
             div1.style.display = '';
-			document.body.classList.add("sidebar-mini");
-			document.body.classList.remove("sidebar-collapse")
+            document.body.classList.add("sidebar-mini");
+            document.body.classList.remove("sidebar-collapse");
         } else {
+            autosize.destroy(ta);
             div1.style.display = 'none';
-			document.body.classList.remove("sidebar-mini")
-			document.body.classList.add("sidebar-collapse");
+            document.body.classList.remove("sidebar-mini");
+            document.body.classList.add("sidebar-collapse");
         }
+        autosize(ta);
     }
     document.getElementById('hideButton').addEventListener('click', toggleDivs);
 </script>
 <?php if (config('autosave.enable') == 'true' ):?>
 <script src="<?php echo site_url();?>system/resources/js/save_draft.js"></script>
 <?php endif;?>
-<script>
-	autosize(document.querySelectorAll('textarea'));
-</script>
diff --git a/system/admin/views/add-page.html.php b/system/admin/views/add-page.html.php
@@ -148,17 +148,22 @@ function loadImages(page) {
 });
 </script>
 <script>
+    var ta = document.querySelector('#wmd-input');
+    autosize(ta);
     function toggleDivs() {
         var div1 = document.getElementById('post-settings');
         if (div1.style.display === 'none') {
+            autosize.destroy(ta);
             div1.style.display = '';
-			document.body.classList.add("sidebar-mini");
-			document.body.classList.remove("sidebar-collapse")
+            document.body.classList.add("sidebar-mini");
+            document.body.classList.remove("sidebar-collapse");
         } else {
+            autosize.destroy(ta);
             div1.style.display = 'none';
-			document.body.classList.remove("sidebar-mini")
-			document.body.classList.add("sidebar-collapse");
+            document.body.classList.remove("sidebar-mini");
+            document.body.classList.add("sidebar-collapse");
         }
+        autosize(ta);
     }
     document.getElementById('hideButton').addEventListener('click', toggleDivs);
 </script>
@@ -167,6 +172,3 @@ function toggleDivs() {
 <script src="<?php echo site_url();?>system/resources/js/save_draft.js"></script>
 <?php endif;?>
 <?php endif;?>
-<script>
-	autosize(document.querySelectorAll('textarea'));
-</script>
diff --git a/system/admin/views/edit-content.html.php b/system/admin/views/edit-content.html.php
@@ -372,17 +372,22 @@ function loadImages(page) {
 });
 </script>
 <script>
+    var ta = document.querySelector('#wmd-input');
+    autosize(ta);
     function toggleDivs() {
         var div1 = document.getElementById('post-settings');
         if (div1.style.display === 'none') {
+            autosize.destroy(ta);
             div1.style.display = '';
-			document.body.classList.add("sidebar-mini");
-			document.body.classList.remove("sidebar-collapse")
+            document.body.classList.add("sidebar-mini");
+            document.body.classList.remove("sidebar-collapse");
         } else {
+            autosize.destroy(ta);
             div1.style.display = 'none';
-			document.body.classList.remove("sidebar-mini")
-			document.body.classList.add("sidebar-collapse");
+            document.body.classList.remove("sidebar-mini");
+            document.body.classList.add("sidebar-collapse");
         }
+        autosize(ta);
     }
     document.getElementById('hideButton').addEventListener('click', toggleDivs);
 </script>
@@ -391,6 +396,3 @@ function toggleDivs() {
 <script src="<?php echo site_url();?>system/resources/js/save_draft.js"></script>
 <?php endif;?>
 <?php endif;?>
-<script>
-	autosize(document.querySelectorAll('textarea'));
-</script>
diff --git a/system/admin/views/edit-page.html.php b/system/admin/views/edit-page.html.php
@@ -299,17 +299,22 @@ function loadImages(page) {
 });
 </script>
 <script>
+    var ta = document.querySelector('#wmd-input');
+    autosize(ta);
     function toggleDivs() {
         var div1 = document.getElementById('post-settings');
         if (div1.style.display === 'none') {
+            autosize.destroy(ta);
             div1.style.display = '';
-			document.body.classList.add("sidebar-mini");
-			document.body.classList.remove("sidebar-collapse")
+            document.body.classList.add("sidebar-mini");
+            document.body.classList.remove("sidebar-collapse");
         } else {
+            autosize.destroy(ta);
             div1.style.display = 'none';
-			document.body.classList.remove("sidebar-mini")
-			document.body.classList.add("sidebar-collapse");
+            document.body.classList.remove("sidebar-mini");
+            document.body.classList.add("sidebar-collapse");
         }
+        autosize(ta);
     }
     document.getElementById('hideButton').addEventListener('click', toggleDivs);
 </script>
@@ -320,6 +325,3 @@ function toggleDivs() {
 <?php endif;?>
 <?php endif;?>
 <?php endif;?>
-<script>
-	autosize(document.querySelectorAll('textarea'));
-</script>