| Index: res/imp/9/select-status-sk-demo.html
|
| diff --git a/res/imp/9/select-status-sk-demo.html b/res/imp/9/select-status-sk-demo.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..67a342b20e8fd4ebc8253f4600fbfa92715dc3ef
|
| --- /dev/null
|
| +++ b/res/imp/9/select-status-sk-demo.html
|
| @@ -0,0 +1,51 @@
|
| +<html>
|
| +<head>
|
| + <title>select-status-sk demo</title>
|
| + <meta charset="utf-8">
|
| + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
| + <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
|
| + <script src="/res/common/js/common.js"></script>
|
| + <script src="/res/imp/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
|
| + <link rel="import" href="/res/imp/bower_components/paper-input/paper-input.html"></script>
|
| + <link rel="import" href="select-status-sk.html">
|
| +</head>
|
| +<body>
|
| +
|
| +<template is="dom-bind">
|
| + <style>
|
| + #selector {
|
| + max-width:100px;
|
| + }
|
| + select {
|
| + display:inline-block;
|
| + border: solid 1px lightgray;
|
| + padding: 0.2em;
|
| + background-color: white;
|
| + }
|
| + select-status-sk button {
|
| + display:block;
|
| + margin:5px auto;
|
| +
|
| + }
|
| + </style>
|
| + <h1>Demo of select-status-sk</h1>
|
| +
|
| + <div id="selector">
|
| + <select id="greek" multiple>
|
| + <option value="alpha">Α is for Alpha</option>
|
| + <option value="beta">Β is for Beta</option>
|
| + <option value="gamma">Γ is for Gamma</option>
|
| + <option value="delta">Δ is for Delta</option>
|
| + </select>
|
| + <select-status-sk
|
| + target="greek"
|
| + selected-values="{{_selected}}">
|
| + </select-status-sk>
|
| + </div>
|
| + <br/>
|
| + <div>{{_selected}} is selected</div>
|
| +</template>
|
| +
|
| +
|
| +</body>
|
| +</html>
|
|
|