summaryrefslogtreecommitdiff
path: root/src/application/views/template_end.php
blob: 9633782c5ce40b31de90b2f849b0329914383fac (plain)
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
</div>
<footer class="footer">
<div class="container">
<div class="panel panel-default">
<div class="panel-body">
    <table style="border-collapse: collapse; width: 100%; background: none">
    <tbody>
    <tr>
        <td style="padding: 0; vertical-align: middle; text-align: left; width: 100%" class="text-normal">
            &copy; <?= date("Y") ?> <?= htmlentities(env("MYSTIC_FORUM_COPYRIGHT") ?? env("MYSTIC_FORUM_TITLE") ?? "Forum") ?>.
            Powered by <a href="https://git.jkohl.link/mystic-forum.git/">mysticBB</a>.
        </td>
        <td style="padding: 0; vertical-align: middle; text-align: right; white-space: nowrap" class="text-normal">
            <form action="?_action=settheme" class="form-inline seamless-inline" method="post">
                <input type="hidden" name="next" value="<?= htmlentities($_SERVER["REQUEST_URI"]) ?>">
                <div class="form-group">
                    <label for="theme-select"><?= __("Theme:") ?></label>
                    <select class="form-control input-sm auto-submit" id="theme-select" name="theme">
                        <?php foreach ($availableThemes as $themeKey => $themeInfo): ?>
                            <option value="<?= htmlentities($themeKey) ?>" <?= $themeKey === $currentTheme ? " selected" : "" ?>><?= htmlentities($themeInfo->name) ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </form>
            &nbsp;&nbsp;&nbsp;
            <form action="?_action=setlang" class="form-inline seamless-inline" method="post">
                <input type="hidden" name="next" value="<?= htmlentities($_SERVER["REQUEST_URI"]) ?>">
                <div class="form-group">
                    <label for="lang-select"><?= __("Language:") ?></label>
                    <select class="form-control input-sm auto-submit" id="lang-select" name="lang">
                        <?php foreach ($availableLangs as $langKey => $langName): ?>
                            <option value="<?= htmlentities($langKey) ?>" <?= $langKey === $currentLang ? " selected" : "" ?>><?= htmlentities($langName) ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </form>
        </td>
    </tr>
    </tbody>
    </table>
</div>
</div>
</div>
</footer>

<script>
$(function() {
    var _messages = <?= json_encode([
        "selectFiles" => [
            ___("Select file", "Select files", 1),
            ___("Select file", "Select files", 2),
        ],
        "filesSelected" => [
            ___("%n% file selected", "No files selected", 0),
            ___("%n% file selected", "%n% files selected", 1),
            ___("%n% file selected", "%n% files selected", 2),
        ],
    ]) ?>

    $(".auto-submit").on("change", function() {
        $(this)[0].form.submit();
    });

    $("._time").each(function(i, e) {
        var date = new Date($(e).text());
        $(e).text(date.toLocaleString());
    });
    $("._date").each(function(i, e) {
        var date = new Date($(e).text());
        $(e).text(date.toLocaleDateString());
    });
    $("._time-only").each(function(i, e) {
        var date = new Date($(e).text());
        $(e).text(date.toLocaleTimeString());
    });

    $("input[type=file]").each(function(i, e) {
        var isMultiple = !!$(e).prop("multiple");
        var isSmall = !!$(e).hasClass("small");
        var $input = $('<input type="text" readonly class="form-control" />').attr("placeholder", _messages.filesSelected[0]).css("text-overflow", "ellipsis");
        var $btn = $('<button class="btn btn-default" type="button"></button>');
        if (isSmall) {
            $input.addClass("input-sm");
            $btn.addClass("btn-sm");
        }
        $(e).after($('<div class="input-group file-input-group"></div>').append(
            $input,
            $('<span class="input-group-btn"></span>').append(
                $btn.text(_messages.selectFiles[isMultiple ? 1 : 0]).click(function() {
                    $(e).click();
                })
            )
        )).addClass("sr-only");
        $(e).on("change", function() {
            var files = $(e)[0].files;
            if (files.length < 1)
                $input.val("");
            else if (files.length === 1)
                $input.val(files[0].name);
            else
                $input.val(_messages.filesSelected[2].replace("%n%", files.length));
        });
    })
});
</script>

</body>
</html>