123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- <html>
- <head>
- <title>Express</title>
- <link rel="stylesheet" href="/stylesheets/style.css">
- <link rel="stylesheet" href="/stylesheets/bootstrap/bootstrap.css">
- <link rel="stylesheet" href="/stylesheets/bootstrap/bootstrap-grid.css">
- <link rel="stylesheet" href="/stylesheets/bootstrap/bootstrap-reboot.css">
- </head>
- <body>
- <!-- Shortcut buttons -->
- <div>
- <nav class="navbar navbar-expand-lg navbar-light bg-light">
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <ul class="navbar-nav mr-auto">
- <li class="nav-item active">
- <button class="nav-link" accesskey="a" title="Voltar para essa lista de atalhos Alt + a"
- data-toggle="tooltip" data-placement="bottom">Lista de Atalhos<span class="sr-only">Lista de Atalhos</span>
- </button>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#" title="Ir para a lista de operações Alt + O" data-toggle="tooltip"
- data-placement="bottom">Lista de Operações<span class="sr-only">Lista de Operações</span></a>
- </li>
- </ul>
- </div>
- </nav>
- </div>
- <!-- Shortcut buttons -->
- <!-- Code selects -->
- <div>
- <div class="container-fluid">
- <div class="row">
- <nav class="col-md-2 d-none d-md-block bg-light sidebar">
- <div class="sidebar-sticky">
- <ul class="nav flex-column">
- <li class="nav-item">
- <button class="dropdown-item" accesskey="v" type="button"
- onclick="addVariable()">Adicionar
- </button>
- </li>
- </ul>
- </div>
- </nav>
- <div id="code" class="col-10 code-editor">
- <div class="d-flex justify-content-center">
- <h4>Workspace</h4>
- </div>
- <div id="workspace" class="row m-3" style="background-color: #a3a3a3"></div>
- <div class="d-flex justify-content-center">
- <h4>Área de Trabalho</h4>
- </div>
- <div id="main" class="row m-3 m-3" style="background-color: #717171"></div>
- <div id="functions" class="row">
- </div>
- </div>
- </div>
- </div>
- <!-- Code selects -->
- <!-- Where to place the code modal -->
- <div class="modal fade" id="workspacePositionModal" tabindex="-1" role="dialog"
- aria-labelledby="workspacePositionModalLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title" id="workspacePositionModalLabel">Onde colocar variável ?</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
- <span aria-hidden="true">×</span>
- </button>
- </div>
- <div class="modal-body" id="workspacePositionModalBody">
- <div class="form-group">
- <label for="workspacePositionModalPositionsSelect">Colocar após: </label>
- <select class="form-control" id="workspacePositionModalPositionsSelect">
- <!-- To be filled dinamically with options -->
- </select>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
- <button type="button" class="btn btn-primary" id="workspacePositionModalAddButton">Adicionar
- </button>
- </div>
- </div>
- </div>
- </div>
- <!-- Where to place the code modal -->
- <script src="/javascripts/util/jquery-3.5.0.js"></script>
- <script src="/javascripts/util/jquery.hotkeys.js"></script>
- <script src="/javascripts/bootstrap/bootstrap.bundle.js"></script>
- <script src="/javascripts/bootstrap/bootstrap.js"></script>
- <script src="/javascripts/shortcuts/shortcuts-events.js"></script>
- <script src="/javascripts/data-types.js"></script>
- <script src="/javascripts/code-view.js"></script>
- <script src="/javascripts/modules/variables/util-variables.js"></script>
- <script src="/javascripts/modules/variables/main-variables.js"></script>
- <script src="/javascripts/modules/variables/workspace-variables.js"></script>
- </body>
- </html>
|