dat.gui/elements/gui-panel/gui-panel.html
2014-08-26 17:01:15 -07:00

30 lines
751 B
HTML

<link rel="import" href="../../../polymer/polymer.html">
<link rel="import" href="../gui-row/gui-row.html">
<polymer-element
name="gui-panel"
attributes="docked autoplace open">
<template>
<link rel="stylesheet" href="gui-panel.css">
<div id="container" class="docked-{{ docked }} autoplace-{{ autoPlace }} open-{{ open }}">
<div id="controllers">
<content></content>
</div>
<div id="closeButton" on-tap="{{ tapClose }}" hidden?="{{ docked }}">{{ open ? 'Close' : 'Open' }} Controls</div>
<div id="closeButtonDocked" on-tap="{{ tapClose }}" hidden?="{{ !docked }}">
<div id="closeButtonDockedInner"></div>
</div>
</div>
</template>
<script src="gui-panel.js"></script>
</polymer-element>