azfiddle/index.php at master · rffsml/azfiddle · 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
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
<?php include_once('inc_init_sandbox.php'); ?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:title" content="My Diddle">
    <meta property="og:description" content="A snippet of my code written in PHP">
    <meta property="og:url" content="https:////azurefiddle.com/diddle/<?php echo DIDDLE_ID; ?>">
    <title>PHP|Diddle</title>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/fonts.css"/>
    <link rel="stylesheet" type="text/css" href="css/editor.css"/>
    <link rel="stylesheet" type="text/css" href="css/loader.css"/>
    <link rel="stylesheet" type="text/css" href="css/fancy.css"/>
    <link rel="stylesheet" type="text/css" href="js/splitter/splitter.css"/>
</head>
<body>

<div id="output-navbar">
    <div class="navbar-set navbar-title-block">
        <img class="transparent-50 logo-php" src="images/logo-php.png">
        <div class="title fancy word"><span>D</span><span>i</span><span>d</span><span>d</span><span>L</span><span>e</span></div>
    </div>
    <div id="nav-iconset" class="navbar-set navbar-iconset">
        <a href="/diddle/n" target="_blank" title="New Diddle"><i class="icon-plus"></i></a>
        <a href="c/<?php print DIDDLE_ID; ?>" target="_blank" title="Fork this Diddle"><span class="icon-code-fork"></span></a>
        <a id="diddle-password-set" class="hidden" href="#" title="Set a password on this Diddle"><i class="glyphicon glyphicon-lock"></i></a>
        <a id="link-url-copy" href="#" title="Copy the URL for this Diddle"><span class="icon-link"></span></a>
        <a id="diddle-refresh" href="#" title="Refresh Diddle output"><span class="icon-spinner11"></span></a>
        <a href="v/<?php print DIDDLE_ID; ?>" target="_blank" title="Open output in new window"><span class="icon-external-link"></span></a>
        <div class="pseudo-hidden"><input id="text-url-copy" type="text" value="<?php print get_uri_diddle_landing(); ?>"></div>
    </div>
    <div id="nav-protectset" class="navbar-set navbar-protectset hidden">
        Set a password on this Diddle
        <input id="param-fiddle-password" type="password">
        <input type="submit" value="OK">
    </div>

    <div class="manual-refresh">
        <input id="opt-manual-refresh" type="checkbox" />
        <span class="checkbox-icons" for="opt-manual-refresh">
            <span class="checkbox-icon unchecked icon-radio-unchecked"></span>
            <span class="checkbox-icon checked icon-check-alt"></span>
        </span>
        <span class="label-manual-refresh">&nbsp;Manually&nbsp;</span><span id="refresh-output" class="button">refresh</span>
    </div>
</div>
<div class="navbar-notices-wrapper">
    <div class="navbar-notices">
        <div id="notice-warning" class="notice-warning"></div>
    </div>
</div>
<div class="content-wrapper vertically_divided">
    <div id="editor"><?php print htmlspecialchars($raw_content); ?></div>
    <div id="output-wrapper">
        <iframe id="output" src="v/<?php print DIDDLE_ID; ?>"></iframe>
        <div id="output-debug">
        </div>
    </div>
</div>
<div id="output-statusbar">
    <a class="logo-gh" href="https://github.com/raffi-ismail/lampodbc" target="_blank"><img class="logo" src="images/logo-gh-cat.png"></a>
    <a class="logo-dh" href="https://hub.docker.com/r/chubbycat/lampodbc" target="_blank"><img class="logo" src="images/logo-dh.png"></a>
</div>
<script src="js/ace/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/ace/src-min-noconflict/mode-php.js"></script>
<script src="js/diddle.js"></script>
<script src="js/fancy.js"></script>
<script type="text/javascript" src="js/splitter/splitter.js"></script>
<script type="text/javascript" src="js/ace/src-min-noconflict/mode-php.js"></script>
<script type="text/javascript" src="js/ace/src-min-noconflict/ext-language_tools.js"></script>
<script>
    //var raw_string = `<?php //echo $raw_content; ?>`;
    var diddle_id = '<?php echo DIDDLE_ID; ?>';
    var editor = ace.edit("editor");
    //editor.setTheme("ace/theme/theme-pastel_on_dark");
    editor.setTheme("ace/theme/solarized_dark");
    editor.getSession().setUseWorker(true);
    editor.getSession().setMode("ace/mode/php");
    editor.getSession().setUseWrapMode(false);
    editor.setOptions({
        enableBasicAutocompletion: true,
        enableSnippets: false,
        enableLiveAutocompletion: true
    });
    const diddlerObject = new Diddler('update.php');

<?php if (!get_current_sandbox()->did_diddler_diddle()) { ?>
    diddlerObject.set_navbar_warning_notice(`Read-only Diddle.
    <a class="no-decorations text-yellow larger" href="c/<?php print DIDDLE_ID; ?>" target="_blank" title="Fork this Diddle">
    Fork</a> this Diddlc to make changes.`);
<?php } ?>

<?php  if (get_current_sandbox()->did_diddler_diddle() || DEBUG_MODE) { ?>
    editor.on('change', function(delta) {
        console.error('Changes delta:', delta);
        diddlerObject.parse_editor_deltas(delta);
        if (!document.getElementById("opt-manual-refresh").checked) {
            diddlerObject.attempt_refresh_output();
        }
    });
<?php } else { ?>
    editor.setReadOnly(true);
<?php }  ?>
</script>
<script src="js/lastloaded.js"></script>
</body>
</html>