bh
/
ipi-jquery


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
							<!DOCTYPE html>
<html lang="en">
<head>
<title>Web Sandbox</title>
    <link rel="stylesheet" href="/css/normalize.css">
    <link rel="stylesheet" href="/css/main.css">
<!--     <link rel="stylesheet" href="css/qunit-2.4.1.css"> -->
    <link rel="stylesheet" href="/css/vendor/pure-grids-min.css">
    <link rel="stylesheet" href="/css/vendor/pure-grids-responsive-min.css">
    <link rel="stylesheet" href="/css/styles.css">
<style type="text/css" media="screen">

</style>
</head>
<body>

<div class="panel-container">

    <div class="panel-left">

        <div id="navbar">
            <button id="menu-btn" class="icon-menu"></button>
            <a href="/">Web Sandbox</a>
        </div>

        <div id="nav-menus">
            <div id="menu-repo" class="pure-g">
              <div class="pure-u-1">
                <span class="cat-title">Collections d'exemples</span>
                <ul class="nav-menu">{{#menuRepo}}
                  <li><a href="/{{slug}}">{{title}}</a></li>{{/menuRepo}}
                </ul>
              </div>
            </div>

            <div id="menu-example" class="pure-g nav-menu">{{#menuExample}}
              <div class="pure-u-1 pure-u-md-1-2">
              <span class="cat-title">{{category.title}}</span>
              <ul>{{#examples}}
              <li><a href="/{{{slug}}}">{{title}}</a></li>{{/examples}}</ul>
            </div>{{/menuExample}}</div>
        </div>

        <div id="notification"></div>
        <div class="panel-inner">

        {{#errorMessage}}
            <div class="alert-box error">{{errorMessage}}</div>
        {{/errorMessage}}


        {{#showControls}}
            <button id="add-example-btn" class="btn-lg blue"><span class="icon-plus rounded"></span> {{_.add}}</button>
            <form id="add-example-form" style="display: none;">
                <input type="text" name="title" class="input-sm" value="" placeholder="{{_.exampleName}}" required />
                <button type="button" id="add-example-cancel" class="icon-cross rounded red"></button><!--
                --><button type="submit" id="add-example-save" class="icon-checkmark rounded green"></button>
            </form>
            <!-- <button id="save-changes" class="icon-cloud-upload green"></button> -->
        {{/showControls}}

        </div>

        {{#showEditor}}
        <div id="editor-wrapper">
            <ul id="tabs">{{#files}}
                <li class="tab-{{type}}" data-type="{{type}}">{{name}}</li>
            {{/files}}
            <li>+</li>
            </ul>
            <div id="editor"></div>
        </div>

        <script type="text/html" id="editor-javascript"></script>
        <script type="text/html" id="editor-html"></script>
        <script type="text/html" id="editor-css"></script>
        {{/showEditor}}
        <!-- <button id="revert-editor">!</button> -->
    </div>

    <div class="splitter">
    </div>

    <iframe class="panel-right" src="/html/start-iframe.html"></iframe>
</div>

<script src="/js/vendor/modernizr-3.5.0.min.js"></script>
<script src="/js/vendor/jquery-3.2.1.min.js" ></script>
<script src="/js/vendor/jquery-resizable.min.js" ></script>
<!-- <script src="/js/vendor/qunit-2.4.1.js" ></script> -->
<script src="/js/vendor/lodash.min.js" ></script>
<script src="/js/vendor/loadJS.js" ></script>
<script src="/js/plugins.js"></script>
<script src="/js/main.js"></script>
<script src="/js/menu.js"></script>
{{#showEditor}}
<script src="/js/vendor/ace/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/req-promise.js"></script>
<script src="/js/editor-local-storage.js"></script>
<script id="inline-js-data">
window._webSandboxFiles = {{{filesJSON}}};
</script>
<script src="/js/editor.js"></script>
{{/showEditor}}
</body>
</html>