js.html
4.13 KB
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>JS builder for Ace admin template</title>
<link href="../assets/css/bootstrap.css" rel="stylesheet" />
<link href="files/style.css" rel="stylesheet" />
<script>
if( typeof document.createElement("A").download === 'undefined' || !(window.URL || window.webkitURL) ) {
alert("Please use a modern browser such as Firefox or Chrome!");
}
</script>
<script src="../assets/js/ace-extra.js"></script>
</head>
<body>
<div class="navbar-fixed-top">
<label>
<input type="checkbox" id="id-compress-js" />
<strong style="color: #FFF;">Minify</strong>
</label>
<label>
<input type="checkbox" id="id-merge-js" />
<strong style="color: #FFF;">Merge Elements & Functions</strong>
</label>
<a href="javascript:void(0)" class="btn btn-default" id="btn-build-js">Build</a>
<a href="javascript:void(0)" class="btn btn-info hide" id="btn-launch-modal" data-toggle="modal" data-target="#modal-save-dialog">
<i class="glyphicon glyphicon-save"></i>
</a>
<div class="hide pull-left" style="position: absolute; top: 12px; left: 32px;">
<select name="selection-list" id="selection-list" class="form-control pull-left" style="width: auto; margin-right: 2px;">
<option value="">Restore a selection</option>
</select>
<button type="button" class="hide btn btn-danger pull-left">×</button>
</div>
</div>
<div class="container">
<script>
if(document.location.protocol == 'file:') {
document.write('<div class="alert alert-danger">\
<strong>Please open this page using <span class="text-info">`http` protocol</span>, i.e. access it like this <span class="text-primary">http://127.0.0.1/path/to/ace/build/js.html</span></strong><br />\
Demo pages, documentation & CSS/JS builder pages, load data dynamically using ajax and <b>`file` protocol</b> prevents that due to browser restrictions.\<br />\
Also some browsers such as Firefox don\'t load fonts when resource files are inside an upper level directory.\
</div>');
}
</script>
<div class="row">
<div class="col-xs-12" id="page-content">
<div class="alert alert-info">
You can use this custom JS builder to build a custom Javascript file for your application.
<p>
The options below do not enable or disable CSS or any other third party JS files.
</div>
</div>
</div>
</div>
<!-- Output CSS dialog -->
<div class="modal fade" id="modal-save-dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title text-primary">Save JS File</h4>
</div>
<div class="modal-body">
<div>
<label style="font-weight: normal;">Specify a name for this selection: </label>
<input type="text" name="selection-name" id="selection-name" class="form-control" style="width: 200px; display: inline;" />
<button type="button" class="btn btn-primary btn-sm" id="btn-save-selection">Save for later</button>
</div>
<hr />
<div id="save-buttons" class="well well-sm">
<a href="javascript:void(0)" class="btn btn-info hide" id="btn-save-js-merged">Save JS File</a>
<a href="javascript:void(0)" class="btn btn-info" id="btn-save-js-elements">Save Elements File</a>
<a href="javascript:void(0)" class="btn btn-info pull-right" id="btn-save-js-functions">Save Functions File</a>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal#modal-save-dialog -->
<script src="../assets/js/jquery.js" type="text/javascript"></script>
<script src="../assets/js/bootstrap.js" type="text/javascript"></script>
<script src="lib/uglifyjs.js" type="text/javascript"></script>
<script src="files/js-builder.js" type="text/javascript"></script>
</body>
</html>