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> |