OLD | NEW |
(Empty) | |
| 1 <html> |
| 2 <head> |
| 3 <title>select-status-sk demo</title> |
| 4 <meta charset="utf-8"> |
| 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| 6 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-
scale=1, user-scalable=yes"> |
| 7 <script src="/res/common/js/common.js"></script> |
| 8 <script src="/res/imp/bower_components/webcomponentsjs/webcomponents-lite.js">
</script> |
| 9 <link rel="import" href="/res/imp/bower_components/paper-input/paper-input.htm
l"></script> |
| 10 <link rel="import" href="select-status-sk.html"> |
| 11 </head> |
| 12 <body> |
| 13 |
| 14 <template is="dom-bind"> |
| 15 <style> |
| 16 #selector { |
| 17 max-width:100px; |
| 18 } |
| 19 select { |
| 20 display:inline-block; |
| 21 border: solid 1px lightgray; |
| 22 padding: 0.2em; |
| 23 background-color: white; |
| 24 } |
| 25 select-status-sk button { |
| 26 display:block; |
| 27 margin:5px auto; |
| 28 |
| 29 } |
| 30 </style> |
| 31 <h1>Demo of select-status-sk</h1> |
| 32 |
| 33 <div id="selector"> |
| 34 <select id="greek" multiple> |
| 35 <option value="alpha">Α is for Alpha</option> |
| 36 <option value="beta">Β is for Beta</option> |
| 37 <option value="gamma">Γ is for Gamma</option> |
| 38 <option value="delta">Δ is for Delta</option> |
| 39 </select> |
| 40 <select-status-sk |
| 41 target="greek" |
| 42 selected-values="{{_selected}}"> |
| 43 </select-status-sk> |
| 44 </div> |
| 45 <br/> |
| 46 <div>{{_selected}} is selected</div> |
| 47 </template> |
| 48 |
| 49 |
| 50 </body> |
| 51 </html> |
OLD | NEW |