dat.gui/elements/dat-gui-option/dat-gui-option.html
George Michael Brower e523c634c5 folders
2014-10-11 15:39:16 -04:00

37 lines
797 B
HTML

<link rel="import" href="../dat-gui-base/dat-gui-base.html">
<script src="dat-gui-option.js"></script>
<polymer-element name="dat-gui-option" extends="dat-gui-base" attributes="options key">
<template>
<link rel="stylesheet" href="dat-gui-option.css">
<div id="container" horizontal layout center>
<div class="key">
<svg viewBox="0 0 10 24">
<polygon points="0,9.5 5,0.9 10,9.5 "></polygon>
<polygon points="10,16.75 5,24.7 0,16.75 "></polygon>
</svg>
<span>{{ key }}</span>
</div>
<select value="{{ key }}" on-change="{{ change }}">
<template repeat="{{ name in options | keys }}">
<option value="{{ name }}">{{ name }}</option>
</template>
</select>
</div>
</template>
</polymer-element>