38 lines
1.5 KiB
HTML
38 lines
1.5 KiB
HTML
<div class="wrapper wrapper-component-editor">
|
|
<div class="component-editor">
|
|
<div class="component-edit-header">
|
|
<span class="component-name"><em>Editing:</em> Name of Component</span>
|
|
<!--should this be a menubar/menu/tabbar instead of list? -->
|
|
<ul class="nav-edit-modes">
|
|
<li id="editor-mode" class="mode" aria-controls="editor-tab" aria-selected="true" role="tab" tabindex="0">
|
|
<a href="#" class="active-mode is-set">Editor</a>
|
|
</li>
|
|
<li id="settings-mode" class="mode" aria-controls="settings-tab" aria-selected="false" role="tab" tabindex="-1">
|
|
<a href="#" class="inactive-mode">Compiler </a>
|
|
</li>
|
|
<li id="settings-mode" class="mode" aria-controls="settings-tab" aria-selected="false" role="tab" tabindex="-1">
|
|
<a href="#" class="active-mode not-set">Settings </a>
|
|
</li>
|
|
</ul>
|
|
</div> <!-- Editor Header -->
|
|
|
|
<div class="component-edit-modes">
|
|
<div class="module-editor">
|
|
${editor}
|
|
</div>
|
|
</div>
|
|
<div class="row module-actions">
|
|
<a href="#" class="save-button">Save</a>
|
|
<a href="#" class="cancel-button">Cancel</a>
|
|
</div> <!-- Module Actions-->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="component-actions">
|
|
<a href="#" class="edit-button standard"><span class="edit-icon"></span>Edit</a>
|
|
<a href="#" class="delete-button standard"><span class="delete-icon"></span>Delete</a>
|
|
</div>
|
|
<a data-tooltip="Drag to reorder" href="#" class="drag-handle"></a>
|
|
${preview}
|
|
|