This repository has been archived by the owner on Jan 3, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
82 lines (80 loc) · 3.23 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>alight builder</title>
<link href="bootstrap.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="app" al-ctrl="main" class="container">
<div class="page-header">
<h1 class="text-center">
alight builder
<br />
<small>Select the resources for your custom <a href="https://github.com/lega911/angular-light/">alight</a> build.</small>
</h1>
</div>
<div class="row">
<div class="col-sm-4">
<h3>Core</h3>
<ul class="list-unstyled">
<li>
<label><input type="checkbox" al-checked="core.fqueryIE8.checked" /> {{core.fqueryIE8.blankName}}{{core.fqueryIE8.ext}} (IE8 compatibility layer) {{core.fqueryIE8.compiled_size | formatBytes}}</label>
</li>
</ul>
<h3>Filters</h3>
<button class="btn btn-default" al-click="onToggleAll('files.filter')" />Toggle All</button>
<ul class="list-unstyled">
<li al-repeat="it in files.filter">
<label><input type="checkbox" al-checked="it.checked" /> {{it.blankName}}{{it.ext}} {{it.compiled_size | formatBytes}}</label>
</li>
</ul>
</div>
<div class="col-sm-4">
<h3>Directives</h3>
<button class="btn btn-default" al-click="onToggleAll('files.directive')" />Toggle All</button>
<ul class="list-unstyled">
<li al-repeat="it in files.directive">
<label><input type="checkbox" al-checked="it.checked" /> {{it.blankName}}{{it.ext}} {{it.compiled_size | formatBytes}}</label>
</li>
</ul>
</div>
<div class="col-sm-4">
<h3>Download custom build</h3>
<p>
Please follow the steps to generate your custom build.
</p>
<ol>
<li>
<button al-click="onCompile()" class="btn btn-default">Compile {{download.uncompressed.fileSize | formatBytes}}</button>
</li>
<li>
<a al-class="disabled:!download.uncompressed.content" href="data:application/javascript;charset:utf-8,{{download.uncompressed.content | encodeDataUri}}" class="btn btn-success" download="alight.custom.js">Download File {{download.uncompressed.content.length | formatBytes}}</a>
</li>
<li>
<button al-class="disabled:!download.uncompressed.content" al-click="onMinify()" class="btn btn-default">Minify</button> (your browser might hang a few seconds in this step)
<br />
<br />
<div class="progress">
<div class="progress-bar" style="width: {{status}}%"></div>
</div>
</li>
<li>
<a al-class="disabled:!download.compressed.content" href="data:application/javascript;charset:utf-8,{{download.compressed.content | encodeDataUri}}" class="btn btn-success" download="alight.custom.min.js">Download Minified File {{download.compressed.fileSize | formatBytes}}</a>
</li>
</ol>
</div>
</div>
<nav class="navbar navbar-default navbar-inverse">
<p class="navbar-text">
© 2016, Reiner Kempkes, Released under the MIT License
</p>
<p class="navbar-text"><a href="https://github.com/dev-rke/alight-builder" class="navbar-link">Project at Github</a></p>
</nav>
</div>
<script src="builder.coffee" type="text/coffeescript"></script>
<script src="coffee-script.js" type="text/javascript"></script>
<script src="alight_0.12.last.min.js" type="text/javascript"></script>
<script src="uglifyjs.js" type="text/javascript" async></script>
</body>
</html>