Initial Release v1.0.0: Full feature set with Docker automation, Nginx/Alpine stack

2026-01-26 05:25:42 +07:00 · 2026-01-16 11:21:32 +07:00
commit 45623973a8
139 changed files with 24302 additions and 0 deletions
--- a/app/Helpers/TemplateHelper.php
+++ b/app/Helpers/TemplateHelper.php
@@ -0,0 +1,102 @@
+<?php
+
+namespace App\Helpers;
+
+class TemplateHelper {
+
+    public static function getDefaultTemplate() {
+        return '
+<style>
+    .voucher { width: 250px; background: #fff; padding: 10px; border: 1px solid #ccc; font-family: "Courier New", Courier, monospace; color: #000; }
+    .header { text-align: center; font-weight: bold; margin-bottom: 5px; font-size: 14px; }
+    .row { display: flex; justify-content: space-between; margin-bottom: 2px; font-size: 12px; }
+    .code { font-size: 16px; font-weight: bold; text-align: center; margin: 10px 0; border: 1px dashed #000; padding: 5px; }
+    .qr { text-align: center; margin-top: 5px; }
+</style>
+<div class="voucher">
+    <div class="header">{{server_name}}</div>
+    <div class="row"><span>Profile:</span> <span>{{profile}}</span></div>
+    <div class="row"><span>Valid:</span> <span>{{validity}}</span></div>
+    <div class="row"><span>Price:</span> <span>{{price}}</span></div>
+    <div class="code">
+        User: {{username}}<br>
+        Pass: {{password}}
+    </div>
+    <div class="qr">{{qrcode}}</div>
+    <div style="text-align:center; font-size: 10px; margin-top:5px;">
+        Login: http://{{dns_name}}/login
+    </div>
+</div>';
+    }
+
+    public static function getMockContent($content) {
+        if (empty($content)) return '';
+
+        // Dummy Data
+        $dummyData = [
+            '{{server_name}}' => 'Hotspot',
+            '{{dns_name}}' => 'hotspot.lan',
+            '{{username}}' => 'u-5829',
+            '{{password}}' => '5912',
+            '{{price}}' => '5.000',
+            '{{validity}}' => '12 Hours',
+            '{{profile}}' => 'Small-Packet',
+            '{{time_limit}}' => '12h',
+            '{{data_limit}}' => '1 GB',
+            '{{ip_address}}' => '192.168.88.254',
+            '{{mac_address}}' => 'AA:BB:CC:DD:EE:FF',
+            '{{comment}}' => 'Thank You',
+            '{{copyright}}' => 'Mikhmon',
+        ];
+        
+        $content = str_replace(array_keys($dummyData), array_values($dummyData), $content);
+        
+        // QR Code replacement
+        $content = preg_replace('/\{\{\s*qrcode.*?\}\}/i', '<img src="https://api.qrserver.com/v1/create-qr-code/?size=80x80&data=http://hotspot.lan/login?user=u-5829" style="width:80px;height:80px;display:inline-block;">', $content);
+
+        return $content;
+    }
+
+    public static function getPreviewPage($content) {
+        $mockContent = self::getMockContent($content);
+
+        return '
+        <!DOCTYPE html>
+        <html>
+        <head>
+            <style>
+                html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
+                body { display: flex; align-items: center; justify-content: center; background-color: transparent; }
+                #wrapper { display: inline-block; transform-origin: center center; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
+            </style>
+        </head>
+        <body>
+            <div id="wrapper">' . $mockContent . '</div>
+            <script>
+                window.addEventListener("load", () => {
+                    const wrap = document.getElementById("wrapper");
+                    if(!wrap) return;
+                    
+                    const updateScale = () => {
+                        const w = wrap.offsetWidth;
+                        const h = wrap.offsetHeight;
+                        const winW = window.innerWidth - 24; 
+                        const winH = window.innerHeight - 24;
+                        
+                        let scale = 1;
+                        if (w > winW || h > winH) {
+                             scale = Math.min(winW / w, winH / h);
+                        } else {
+                             scale = Math.min(winW / w, winH / h);
+                        }
+                        wrap.style.transform = `scale(${scale})`;
+                    };
+                    
+                    updateScale();
+                    window.addEventListener("resize", updateScale);
+                });
+            </script>
+        </body>
+        </html>';
+    }
+}