| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Virtual Collection demo</title> |
| <meta charset="utf-8" /> |
| <script data-main="vcdemo.js" src="../js/lib/require.js" async="async"></script> |
| <link type="text/css" rel="stylesheet" href="../css/kalamar.css" /> |
| <style type="text/css" rel="stylesheet"> |
| |
| body { |
| background-color: #9bad0b; |
| color: white; |
| font-family: tahoma, verdana, arial; |
| font-size: 10pt; |
| margin: 20px; |
| } |
| |
| .info { |
| background-color:white; |
| color: black; |
| padding: 1em; |
| font-family: mono; |
| white-space: pre |
| } |
| |
| </style> |
| </head> |
| <body> |
| <div id="vc-view"></div> |
| <div id="menu" class="vc"></div> |
| |
| <p><a onclick="KorAP.makeVCPersistant()" style="cursor:pointer">make persistant!</a></p> |
| |
| <hr /> |
| |
| <p><a onclick="KorAP.showJSON()" style="cursor:pointer">show KoralQuery!</a></p> |
| <div id="json" class="info"></div> |
| |
| <hr /> |
| |
| <p><a onclick="KorAP.showQuery()" style="cursor:pointer">show Query!</a></p> |
| <div id="query" class="info"></div> |
| |
| <div id="fragment"></div> |
| |
| </body> |
| </html> |