<meta charset="UTF-8">

<title>Blocks Data Generator</title>

<!--<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"/>-->

<link rel="stylesheet" href="photon-0.1.2-dist/css/photon.min.css">

<link rel="stylesheet" href="UI/uiStyle.css">

<link rel="stylesheet" href="UI/previewStyle.css">

<link rel="stylesheet" href="UI/chips.css">

<link rel="stylesheet" href="lib/contextMenu/jquery.contextMenu.min.css">

<link rel="stylesheet" href="node_modules/fontawesome-actions/dist/css/font-awesome.min.css">

<!--<script src="photon-0.1.2-dist/template-app/js/menu.js" charset="utf-8"></script>-->

<script src="UI/tippy.all.min.js"></script>

<div id="myModal" class="modal">

<div class="modal-content">

<span class="close"></span>

<img src="loading.gif" style="width:90px;height:90px;" alt="loading...">

</div>

<div id="wsModal" class="modal">

<div class="modal-content">

<span class="close"></span>

</div>

<div class="window">

<!-- .toolbar-header sits at the top of your app -->

<!-- Your app's content goes inside .window-content -->

<div class="window-content">

<div class="pane-group">

<div class="pane pane-sm sidebar">

<div class="propertiesDiv" style="top: 0px;border-top: 0;">

<h5 class="nav-group-title">Dimension Properties</h5>

<div id="leftSideBar" class="propertiesForm">

</div>

</div>

<div class="divControlBelowButtons">

<button id="trashDeleteCollumn" class="btn btn-default icon icon-trash"></button>

<button id="upArrowButton" class="btn btn-default icon icon-up"></button>

<button id="downArrowButton" class="btn btn-default icon icon-down"></button>

</div>

</div>

<div id="summaryTablePane" class="pane" style="overflow-y: hidden;">

<div id="tabDiv" style="background: #eee;position: absolute;width: 100%;display: block;height: 45px;">

<ul id="tabs">

</ul>

</div>

<div style="display: block; top: 45px; position: absolute; bottom: 0px; overflow-y: auto; width: 100%;">

<div>

<table style="width: 100%;" id="tableCollumn" class="table-striped">

<colgroup>

<col span="1" style="width: 5%;">

<col span="1" style="width: 5%;">

<col span="1" style="width: 10%;">

<col span="1" style="width: 10%;">

<col span="1" style="width: 40%;">

<col span="1" style="width: 5%;">

</colgroup>

<thead id="thead">

<tr>

<th><input id="checkboxAllColumns" type="checkbox"></th>

<th>Order</th>

<th>Title</th>

<th>Data Type</th>

<th>Generator (Generation Sequence <span class="icon icon-left-thin"></span>)</span></th>

<th colspan="2">Options</th>

</tr>

</thead>

<tbody id="tbody">

</tbody>

</table>

</div>

</div>

<button onclick="addGenerator()" class="floatButton">

<span style="font-size: 200%; color: white" class="icon icon-plus"></span>

</button>

</div>

<div class="pane pane-sm sidebar rightSidebar">

<h5 class="nav-group-title">Generator Properties</h5>

<form>

<label class="inlineForProperties">

Type:

<select id="selectGeneratorType" class="form-control inlineForProperties" disabled>

</select>

</label>

</form>

<div id="generatorPropertiesDiv" class="propertiesDiv">

<h5 class="nav-group-title">Properties</h5>

<form id="generatorPropertiesForm" class="propertiesForm"></form>

</div>

<div class="divControlBelowButtons">

<button id="btnPincelGerador" title="Painter Formatter:

Double Click: copy the generator to another generator until click again." class="btn btn-default img-icon">

<img src="UI/img/format_painter.png">

</button>

<button id="btnPincelMagico" title="Magic Formatter" class="btn btn-default img-icon">

<img src="UI/img/magic_painter.png">

</button>

</div>

</div>

<div style="display: none" id="resultTablePane" class="pane">

</div>

</div>

</div>

<div class="previewPanel">

<h5 class="nav-group-title">Preview

<span id="hidePreview" class="icon btn btn-default icon-down-thin"></span>

<span id="reloadPreview" class="icon btn btn-default icon-arrows-ccw"></span>

<span id="btnAutoPreview" class="btn btn-default active" data-active="true">Auto Run</span>

<select id="comboBoxPreview"> <!--CSS no previewStyle.css-->

</select>

</h5>

<div class="canvas" id="previewCanvas"></div>

</div>

<footer class="toolbar toolbar-footer">

<div class="toolbar-actions">

<span id="showPreview">

<span class="icon btSn icon-chart-line"> Preview</span>

</span>

<div id="percentageGD">

<span id="percentageGDMessage"></span>

<div id="percentageGDBar">

<div id="percentageGDprogressBar">

<span id="percentageGDlabelBar"></span>

</div>

</div>

</div>

<button id="percentageCancelIcon" class="btn btn-warning">Cancel</button>

<div class="btn-group pull-right">

<button id="generateButton" onclick="generateDatas()" class="btn btn-primary">

Generate

</button>

<button id="btnConfigGeneration" class="btn btn-primary tooltip">

<span style="color: white" class="icon icon-cog"></span>

</button>

</div>

<span class="tooltiptext">

Generate &nbsp;

<input id="rowsQtInput" style="color: black; width: 20%;" type="number" value=100>

&nbsp; Rows

</span>

</div>

</footer>

if (typeof module === 'object') {

window.module = module;

module = undefined;

}

<script src="lib/jquery-3.2.1.min.js"></script>

<script src="lib/d3.v5.min.js"></script>

<script src="lib/contextMenu/jquery.contextMenu.js"></script>

<script src="lib/contextMenu/jquery.ui.position.min.js"></script>

<script>if (window.module) module = window.module;</script>

<script src="UI/uiLogic.js"></script>

<img id="iconDown" src="resources/down.png" style="display: none;position: fixed">

<div id="windowModalPadrao" class="modal fixed-window">

<div id="windowModalPadrao-box" class="fixed-window-content">

<div id="windowModalPadrao-title" class="toolbar toolbar-header title-modal"></div>

<div id="windowModalPadrao-content" class="content content-modal"></div>

<div id="windowModalPadrao-footer" class="toolbar toolbar-footer"></div>

</div>