Blame view

build/js.html 4.13 KB
5a739853   patrick.he   commit
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>
  		&nbsp;
  		<label>
  			<input type="checkbox" id="id-merge-js" />
  			<strong style="color: #FFF;">Merge Elements & Functions</strong>
  		</label>
  		&nbsp;
  		<a href="javascript:void(0)" class="btn btn-default" id="btn-build-js">Build</a>
  		&nbsp;
  		<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">&times;</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">&times;</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: &nbsp;</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>