Merge pull request #12 from GreenMeteor/develop

Develop

Author: ArchBlood

components/HtmlParser.php

@@ -0,0 +1,22 @@
+<?php
+
+namespace humhub\modules\codebox\components;
+
+use yii\base\Component;
+
+class HtmlParser extends Component
+{
+    private $html;
+
+    public function __construct($html, $config = [])
+    {
+        $this->html = $html;
+        parent::__construct($config);
+    }
+
+    public function render()
+    {
+        // Render the HTML content as-is
+        return $this->html;
+    }
+}

docs/CHANGELOG.md

@@ -1,4 +1,9 @@
 # Changelogs
+
+### Release v1.2.2 (*7/10/2024*)
+- Enh: New HTML Parser class
+- Enh: Display render of HTML widgets in settings
+
 ### Release v1.2.1 (*5/13/2024*)
 - Fix: Unknown Property: humhub\modules\codebox\Module::isEnabled
 

module.json

@@ -1,6 +1,6 @@
 {
     "id": "codebox",
-    "version": "1.2.1",
+    "version": "1.2.2",
     "name": "Codebox",
     "description": "Allows you to add and use HTML snippets on your Dashboard sidebar.",
     "humhub": {

views/admin/_view.php

@@ -1,10 +1,11 @@
 <?php
 
-use yii\helpers\Html;
 use yii\helpers\Url;
+use yii\helpers\Html;
+use humhub\modules\codebox\components\HtmlParser;
 
 /* @var $this yii\web\View */
-/* @var $model app\models\ConfigureForm */
+/* @var $model \humhub\modules\codebox\models\ConfigureForm */
 
 // Generate unique IDs for panel menu and panel content
 $panelMenuId = 'panel-menu-' . $model->id;
@@ -16,39 +17,43 @@
     
     $('#panel-heading-$model->id').hover(
         function() {
-            clearTimeout(timer); // Clear the collapse timer
+            clearTimeout(timer);
             $('#panel-content-$model->id').collapse('show');
         },
         function() {
             timer = setTimeout(function() {
                 $('#panel-content-$model->id').collapse('hide');
-            }, 500); // Adjust the delay time as needed (in milliseconds)
+            }, 500);
         }
     );
     
     // Keep the panel content open when hovering over it
     $('#panel-content-$model->id').hover(
         function() {
-            clearTimeout(timer); // Clear the collapse timer
+            clearTimeout(timer);
         },
         function() {
             timer = setTimeout(function() {
                 $('#panel-content-$model->id').collapse('hide');
-            }, 500); // Adjust the delay time as needed (in milliseconds)
+            }, 500);
         }
     );
 });
 JS;
 $this->registerJs($js);
 
+// Instantiate HtmlParser and render the HTML code
+$htmlParser = new HtmlParser($model->htmlCode);
+$renderedHtml = $htmlParser->render();
+
 ?>
 <div class="col-md-6">
     <div class="panel panel-default">
         <div class="panel-heading" id="panel-heading-<?= $model->id ?>">
             <?= Html::encode($model->title) ?>
         </div>
         <div class="panel-body collapse" id="<?= $panelContentId ?>">
-            <?= Html::encode($model->htmlCode) ?>
+            <?= $renderedHtml ?>
             <br>
             <div class="form-group">
                 <?= Html::a(Yii::t('CodeboxModule.base', 'Update'), ['update', 'id' => $model->id], ['class' => 'btn btn-primary btn-sm', 'data-toggle' => 'modal', 'data-target' => '#globalModal']); ?>
@@ -60,4 +65,4 @@ function() {
             </div>
         </div>
     </div>
-</div>
+</div>