pitaya-launcher/index.html

60 lines
1.6 KiB
HTML
Raw Normal View History

2015-08-20 18:41:51 +02:00
<html>
<head>
2015-08-26 14:08:12 +02:00
<title>Lanceur - Pitaya</title>
2015-08-20 18:41:51 +02:00
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- Application root element -->
2015-08-26 14:08:12 +02:00
<div id="pitaya"></div>
<!-- Templates -->
2015-08-26 17:53:46 +02:00
<script id="launcher-view-tpl" type="text/x-template">
<div class="launcher">
{{#unless isRoot}}
<div class="category-header">
<a href="#" class="goback" data-item-path="{{currentItemPath}}">&#9668;</a>
<span class="category-label">{{currentItem.label}}</span>
</div>
{{/unless}}
{{> itemListTpl}}
</div>
2015-08-26 17:53:46 +02:00
</script>
2015-08-20 18:41:51 +02:00
<script id="items-list-tpl" type="text/x-template">
<ul class="apps-list">
2015-08-26 17:53:46 +02:00
{{#each currentItem.items}}
{{> itemTpl currentItemPath=../currentItemPath}}
2015-08-20 18:41:51 +02:00
{{/each}}
</ul>
</script>
2015-08-26 17:53:46 +02:00
<script id="item-tpl" type="text/x-template">
<li class="app-item"
data-item-path="{{currentItemPath}}.{{@index}}">
<img class="app-icon" src="{{icon}}" />
<span class="app-label">{{label}}</span>
</li>
</script>
<!-- Scripts -->
<script type="text/javascript" src="js/dom.js"></script>
<script type="text/javascript" src="js/anim.js"></script>
2015-08-20 18:41:51 +02:00
<script type="text/javascript" src="js/app.js"></script>
<!-- Application bootstrapping -->
2015-08-20 18:41:51 +02:00
<script type="text/javascript">
2015-08-26 14:08:12 +02:00
Pitaya.start('#pitaya')
2015-08-20 18:41:51 +02:00
.then(function() {
console.info('Application started.');
})
.catch(function(err) {
console.error(err.stack ? err.stack : err);
})
;
</script>
</body>
</html>