50 lines
2.0 KiB
HTML
50 lines
2.0 KiB
HTML
<div class="wrapper wrapper-component-editor">
|
|
<div class="component-editor">
|
|
<div id="component-edit-menu">
|
|
<h3 class="component-name">Viewing: Name of Component</h3>
|
|
<!--should this be a menubar/menu/tabbar instead of list? -->
|
|
<ul class="nav-edit-modes">
|
|
<li id="editor-mode" class="tab is-active" aria-controls="editor-tab" aria-selected="true" role="tab" tabindex="0">
|
|
<a href="#" class="button cancel-button">Editor</a>
|
|
</li>
|
|
<li id="settings-mode" class="tab" aria-controls="settings-tab" aria-selected="false" role="tab" tabindex="-1">
|
|
<a href="#" class="button cancel-button">Settings </a>
|
|
</li>
|
|
</ul>
|
|
</div> <!-- Editor Header -->
|
|
|
|
<div class="component-edit-modes">
|
|
<div class="editor-wrapper" id="editor-tab">
|
|
${editor}
|
|
<!-- no longer are settings imported from metadata-edit.hmtl, ideally? -->
|
|
</div> <!-- Editor Wrapper-->
|
|
<ul class="settings-wrapper" id="settings-tab">
|
|
<!--% for type in sorted(something.keys()):-->
|
|
<li class="settings-row">
|
|
<label for="<%= ...settingLabel... %>">Setting Display Name Goes Here</label>
|
|
<input type="${type}" id="firstname"/>
|
|
<span class="settings-help">${helpstring}</span>
|
|
</li>
|
|
<!--% showing second example mostly to see is-set style difference -->
|
|
<li class="settings-row is-set">
|
|
<label for="setting-name-as-id">Setting Display Name Goes Here</label>
|
|
<input type="${type}" id="firstname"/>
|
|
<span class="settings-help">${helpstring}</span>
|
|
</li>≈
|
|
</ul> <!-- Settings Wrapper-->
|
|
</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}
|
|
|