OpenNIT

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
84
85
86
87
88
89
90
91
92
93
94

<?php $this->layout('layouts/admin', [
    'page_title'         => $page_title,
    'current_admin_page' => $current_admin_page ?? 'loans-settings',
    'breadcrumbs'        => [
        ['label' => 'Leihgeräte', 'url' => '/admin/loans'],
        ['label' => $title],
    ],
]); ?>

<?php
$flash = $this->flash();
$placeholders = $placeholders ?? [];
?>

<?php if (!empty($flash['success'])): ?>
<div class="alert alert-success"><?= $this->e($flash['success']) ?></div>
<?php endif; ?>
<?php if (!empty($flash['error'])): ?>
<div class="alert alert-danger"><?= $this->e($flash['error']) ?></div>
<?php endif; ?>

<div class="card card-outline card-primary mb-3">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-info-circle"></i> <?= $this->e($title) ?></h3>
        <p class="text-muted small mb-0"><?= $this->e($info ?? '') ?></p>
    </div>
    <?php if (!empty($placeholders)): ?>
    <div class="card-body" style="padding-bottom:.5rem;">
        <span style="font-size:.78rem;font-weight:700;color:var(--gray-500);margin-right:.4rem;"><?= $this->te('Platzhalter einf&uuml;gen:') ?></span>
        <div class="var-chips">
            <?php foreach ($placeholders as $p): ?>
            <button type="button" class="var-chip" onclick="insertPlaceholder('{{<?= $p ?>}}')"><code>{{<?= $p ?>}}</code></button>
            <?php endforeach; ?>
        </div>
    </div>
    <?php endif; ?>
</div>

<form action="<?= $this->e($action) ?>" method="POST">
    <input type="hidden" name="_csrf" value="<?= $this->csrf() ?>">
    <div class="card card-outline card-primary mb-3">
        <div class="card-header"><h3 class="card-title"><i class="fas fa-file-code"></i> <?= $this->te('Inhalt (HTML)') ?></h3></div>
        <div class="card-body">
            <textarea id="body_html" name="body_html" rows="18" class="form-control"><?= $this->e($body ?? '') ?></textarea>
        </div>
    </div>
    <div class="form-actions">
        <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> <?= $this->te('Speichern') ?></button>
        <a href="/admin/loans" class="btn btn-default"><?= $this->te('Abbrechen') ?></a>
    </div>
</form>

<style>
.var-chips { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.4rem; }
.var-chip { padding:.3rem .6rem; background:var(--gray-50); border:1px solid var(--gray-200); border-radius:.375rem; cursor:pointer; font-size:.78rem; }
.var-chip:hover { background:var(--blue-50); border-color:var(--blue-300); }
.var-chip code { color:var(--blue-600); font-size:.72rem; }
.tox-tinymce { border-radius:.375rem !important; }
</style>

<script>
function insertPlaceholder(v){
    if (typeof tinymce !== 'undefined' && tinymce.activeEditor) { tinymce.activeEditor.insertContent(v); }
    else if (window._fallbackEditor) { window._fallbackEditor.focus(); document.execCommand('insertHTML', false, v); }
    else { var ta=document.getElementById('body_html'); ta.value += v; }
}
</script>

<?php if (TINYMCE_INSTALLED): ?>
<script src="<?= $this->asset('/assets/tinymce/tinymce.min.js') ?>"></script>
<script>
tinymce.init({
    selector: '#body_html', language: 'de', language_url: '/assets/tinymce/langs/de.js',
    height: 480, menubar: false, plugins: 'link lists code table fullscreen',
    toolbar: 'undo redo | blocks | bold italic underline | forecolor backcolor | bullist numlist | table | link | code fullscreen',
    content_style: 'body { font-family: Arial, sans-serif; font-size: 13px; color: #1f2937; line-height: 1.5; }',
    promotion: false, branding: false, license_key: 'gpl'
});
</script>
<?php else: ?>
<link rel="stylesheet" href="<?= $this->asset('/assets/css/wysiwyg.css') ?>">
<script src="<?= $this->asset('/assets/js/wysiwyg.js') ?>"></script>
<script>
(function() {
    var ta = document.getElementById('body_html');
    var wrap = document.createElement('div'); wrap.className = 'wysiwyg-editor-container';
    ta.parentNode.insertBefore(wrap, ta); wrap.appendChild(ta);
    window._fallbackEditor = new OpenNIT.WysiwygEditor(wrap, {
        uploadUrl: '/upload/image',
        csrfToken: document.querySelector('input[name="_csrf"]')?.value || ''
    });
}());
</script>
<?php endif; ?>