dictionary/save_dictionary_css.php at main · lbettero/dictionary · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<?php
// save_dictionary_css.php — UNIVERSAL VERSION

// -----------------------------------------------------
// 1. AUTO-DETECT MODE (DEMO MODULE vs SITE ROOT)
// -----------------------------------------------------
$localCssPath = __DIR__ . '/dictionary-custom.css'; // module demo
$rootCssPath  = $_SERVER['DOCUMENT_ROOT'] . '/assets/css/dictionary-custom.css'; // site install

$isModuleDemo = false;

// Se existe um dictionary-custom.css local → estamos no módulo embutido (DEMO)
if (file_exists($localCssPath)) {
    $cssPath = $localCssPath;
    $isModuleDemo = true;
    $backToEditor = "dictionary-style-editor.php";
    $backHome     = "index.php";
} else {
    // Caso contrário → estamos no site real
    $cssPath = $rootCssPath;
    $isModuleDemo = false;
    $backToEditor = "dictionary-style-editor.php";
    $backHome     = "/"; // ou sua home real
}

// -----------------------------------------------------
// 2. CAPTURE POSTED VALUES
// -----------------------------------------------------
$bg        = $_POST['bg_color']        ?? '#333333';
$text      = $_POST['text_color']      ?? '#ffffff';
$underline = $_POST['underline_color'] ?? '#555555';

$width   = intval($_POST['width']      ?? 280);
$padding = intval($_POST['padding']    ?? 12);
$radius  = intval($_POST['radius']     ?? 6);
$font    = intval($_POST['font_size']  ?? 14);

// -----------------------------------------------------
// 3. BUILD CSS OUTPUT
// -----------------------------------------------------
$css = <<<CSS
/* Auto-generated custom CSS for Dictionary tooltip */

.dict-term {
    border-bottom: 1px dashed $underline;
}

.dict-tooltip {
    background: $bg !important;
    color: $text !important;
    max-width: {$width}px !important;
    padding: {$padding}px !important;
    border-radius: {$radius}px !important;
    font-size: {$font}px !important;
}

CSS;

// -----------------------------------------------------
// 4. SAVE FILE
// -----------------------------------------------------
file_put_contents($cssPath, $css);

?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>CSS Saved</title>
    <style>
        body { font-family: Arial; padding: 30px; }
        code { background: #eee; padding: 4px 8px; border-radius: 4px; }
        a { color: #0066cc; text-decoration: none; }
        a:hover { text-decoration: underline; }
    </style>
</head>

<body>

    <h2>Custom CSS Saved Successfully!</h2>

</body>
</html>