151 lines
8.7 KiB
HTML
151 lines
8.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<title data-i18n="sizerboard_views">Sizerboard - Views</title>
|
||
|
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||
|
<meta charset="utf-8" />
|
||
|
|
||
|
</head>
|
||
|
<body>
|
||
|
|
||
|
<!-- [[base_view]] -->
|
||
|
<div class="sizerboard {hash}{classes}" id="{hash}" data-hash="{hash}" data-application="{application}" data-url="{url}" data-git="{git}" data-cells="{cells}">
|
||
|
<header>
|
||
|
<h1>
|
||
|
<a href="{url}" data-i18n="sizerboard" title="{{sizerboard}}" data-i18n-without="true">
|
||
|
<span class="logo">
|
||
|
<img src="{logo}" data-i18n="sizerboard" alt="{{sizerboard}}" data-i18n-without="true" />
|
||
|
<span style="background-image:url('{logo}');"></span>
|
||
|
</span>
|
||
|
<span data-i18n="sizerboard">{{sizerboard}}</span>
|
||
|
</a>
|
||
|
</h1>
|
||
|
<nav class="main-menu">
|
||
|
<ul>{main_menu_items}</ul>
|
||
|
</nav>
|
||
|
</header>
|
||
|
<main>
|
||
|
<form class="projects-menu" method="post" action="#" onsubmit="return false;">
|
||
|
<fieldset>
|
||
|
<legend data-i18n="projects_menu">{{projects_menu}}</legend>
|
||
|
<p data-i18n="projects_menu_text">{{projects_menu_text}}</p>
|
||
|
<ul class="group search-box" data-i18n="search" title="{{search}}" data-i18n-without="true">
|
||
|
<li><label for="projects_menu_search">
|
||
|
<span data-icon="search"></span>
|
||
|
<span data-i18n="search">{{search}}</span>
|
||
|
</label></li>
|
||
|
<li class="input"><input type="text" id="projects_menu_search" name="search" data-i18n="{search}" placeholder="{{search}}..." data-i18n-without="true" data-i18n-dotted="true" /></li>
|
||
|
<li class="input"><button type="button" data-i18n="search" title="{{search}}" data-i18n-without="true" onclick="object_name.projects.search(this, event);">
|
||
|
<span data-icon="search"></span>
|
||
|
<span data-i18n="search">{{search}}</span>
|
||
|
</button></li>
|
||
|
<li class="input"><button type="button" data-i18n="add" title="{{add}}" data-i18n-without="true" onclick="object_name.projects.add(this, event);">
|
||
|
<span data-icon="add"></span>
|
||
|
<span data-i18n="add">{{add}}</span>
|
||
|
</button></li>
|
||
|
</ul>
|
||
|
<nav>
|
||
|
<ul>{projects}</ul>
|
||
|
</nav>
|
||
|
</fieldset>
|
||
|
</form>
|
||
|
<form class="draw-box" method="post" action="#" onsubmit="return false;" data-mode="canvas" data-selected="null">
|
||
|
<fieldset>
|
||
|
<legend data-i18n="draw_box">{{draw_box}}</legend>
|
||
|
<p data-i18n="draw_box_text">{{draw_box_text}}</p>
|
||
|
<ul class="group">
|
||
|
<li class="input"><button type="button" data-i18n="html" title="{{html}}" data-i18n-without="true" onclick="object_name.draw_box.show(this, event, 'html');">
|
||
|
<span data-icon="html"></span>
|
||
|
<span data-i18n="html">{{html}}</span>
|
||
|
</button></li>
|
||
|
<li class="input"><button type="button" data-i18n="canvas" title="{{canvas}}" data-i18n-without="true" onclick="object_name.draw_box.show(this, event, 'canvas');" disabled>
|
||
|
<span data-icon="canvas"></span>
|
||
|
<span data-i18n="canvas">{{canvas}}</span>
|
||
|
</button></li>
|
||
|
<li class="input"><button type="button" data-i18n="svg" title="{{svg}}" data-i18n-without="true" onclick="object_name.draw_box.show(this, event, 'svg');">
|
||
|
<span data-icon="svg"></span>
|
||
|
<span data-i18n="svg">{{svg}}</span>
|
||
|
</button></li>
|
||
|
<li class="input"><button type="button" data-i18n="text" title="{{text}}" data-i18n-without="true" onclick="object_name.draw_box.show(this, event, 'text');">
|
||
|
<span data-icon="text"></span>
|
||
|
<span data-i18n="text">{{text}}</span>
|
||
|
</button></li>
|
||
|
</ul>
|
||
|
<div class="fields">
|
||
|
<section class="html" data-visible="false"></section>
|
||
|
<section class="canvas" data-visible="true">
|
||
|
<canvas></canvas>
|
||
|
</section>
|
||
|
<section class="svg" data-visible="false">
|
||
|
<svg></svg>
|
||
|
</section>
|
||
|
<section class="text" data-visible="false">
|
||
|
<textarea name="code" data-i18n="code" data-i18n-dotted="true" data-i18n-without="true" placeholder="{{code}}..."></textarea>
|
||
|
</section>
|
||
|
</div>
|
||
|
</fieldset>
|
||
|
<div class="curtain"></div>
|
||
|
</form>
|
||
|
<fieldset class="actions-box">
|
||
|
<legend data-i18n="actions">{{actions}}</legend>
|
||
|
<p data-i18n="actions_text">{{actions_text}}</p>
|
||
|
<nav class="actions">
|
||
|
<ul>
|
||
|
<li data-i18n="upload" data-i18n-without="true" title="{{upload}}">
|
||
|
<button type="button" onclick="object_name.projects.upload(this, event);">
|
||
|
<span data-icon="upload"></span>
|
||
|
<span data-i18n="upload">{{upload}}</span>
|
||
|
</button>
|
||
|
</li>
|
||
|
<li data-i18n="save" data-i18n-without="true" title="{{save}}">
|
||
|
<button type="button" onclick="object_name.projects.save(this, event);" disabled>
|
||
|
<span data-icon="save"></span>
|
||
|
<span data-i18n="save">{{save}}</span>
|
||
|
</button>
|
||
|
</li>
|
||
|
<li data-i18n="download" data-i18n-without="true" title="{{download}}">
|
||
|
<button type="button" onclick="object_name.projects.download(this, event);" disabled>
|
||
|
<span data-icon="download"></span>
|
||
|
<span data-i18n="download">{{download}}</span>
|
||
|
</button>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</nav>
|
||
|
</fieldset>
|
||
|
</main>
|
||
|
<footer>
|
||
|
<span class="licences">
|
||
|
<a href="https://www.gnu.org/licenses/gpl-3.0.txt" target="_blank" data-i18n="license_gpl" title="GPLv3" data-i18n-without="true">
|
||
|
<span data-i18n="license_text">© 2024-2025 CopyLeft.</span>
|
||
|
<img src="https://www.gnu.org/graphics/gplv3-127x51.png" data-i18n="license_gpl" alt="GPLv3" data-i18n-without="true" />
|
||
|
</a>
|
||
|
<a class="license-image" href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank" data-i18n="license_creative_commons" data-i18n-without="true" title="Creative Commons">
|
||
|
<img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" alt="cc-sa" />
|
||
|
</a>
|
||
|
</span>
|
||
|
</footer>
|
||
|
{preloader}
|
||
|
</div>
|
||
|
<!-- [[base_view]] -->
|
||
|
|
||
|
<nav>
|
||
|
<ul>
|
||
|
|
||
|
<!-- [[main_menu_item]] -->
|
||
|
<li data-i18n="{i18n}" title="{{i18n}}" data-i18n-without="true">
|
||
|
<a href="{url}" target="{target}">
|
||
|
<span data-icon="{icon}"></span>
|
||
|
<span data-i18n="{i18n}">{{i18n}}</span>
|
||
|
</a>
|
||
|
</li>
|
||
|
<!-- [[main_menu_item]] -->
|
||
|
|
||
|
<!-- [[project_option]] -->
|
||
|
<li data-name="{name}" data-i="{i}" title="{name}" onclick="object_name.projects.get_in_gui(this, event);" data-selected="false" rol="button">{name}</li>
|
||
|
<!-- [[project_option]] -->
|
||
|
|
||
|
</ul>
|
||
|
</nav>
|
||
|
|
||
|
</body>
|
||
|
</html>
|