This repository has been archived by the owner on Nov 19, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
/
customize.html
138 lines (119 loc) · 7.02 KB
/
customize.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
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fine Uploader | Customize</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Support portal for Fine Uploader">
<link href='https://fonts.googleapis.com/css?family=Maven+Pro' rel='stylesheet' type='text/css'>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="css/ie8.css" >
<![endif]-->
<link href="css/custom.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://platform.twitter.com/widgets.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="js/jquery.tipsy.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.11.1/jquery.validate.min.js"></script>
</head>
<body>
<div class="jumbotron-small fixed">
<div class="container">
<div id="navbar"></div>
</div>
</div>
<div class="container marketing">
<h1>Customize and Download</h1>
<hr class="no-margin">
<hr class="no-margin">
</br>
<h3 class="center">There are three different ways to obtain a copy of Fine Uploader</h3>
<h4 class="center">Read about these choices (and more) in the <a href="http://docs.fineuploader.com/quickstart/01-getting-started.html" target="_blank">getting started guide</a></h4>
<div class="spacer"></div>
<div class="row-fluid">
<section>
<h2>Option 1: Download from npm (preferred)</h2>
<p>To download the latest version of Fine Uploader from <a href="https://www.npmjs.com/package/fine-uploader">npm</a>
simply type <code>npm install fine-uploader</code> inside of your project folder. Of course,
you can also include fine-uploader among all of your other project dependencies inside of a <a href="https://docs.npmjs.com/files/package.json">package.json</a>
file as well. If you prefer that approach instead, simply run <code>npm install</code> after adding an entry for fine-uploader.</p>
</section>
<div class="spacer"></div>
<section>
<h2>Option 2: Build a copy from the source files</h2>
<p>Read the <a href="http://docs.fineuploader.com/quickstart/01-getting-started.html" target="_blank">getting started guide</a> for more details.</p>
</section>
<div class="spacer"></div>
<section>
<h2>Option 3: Download from the web</h2>
<form id="customize-form" class="form-horizontal">
<div id="server-type-section" class="row-fluid">
<fieldset id="ep_fieldset">
<legend>
<p style="font-size: 13px;">Select the service (or services) you are using as a backend. <a target="_blank" href="http://docs.fineuploader.com/branch/master/endpoint_handlers/traditional.html">Traditional</a> assumes you will be implementing your own upload server, and
<a target="_blank" href="https://aws.amazon.com/s3/">Amazon S3</a>
will provide you with the code to send uploads directly to Amazon's Simple Storage Service (S3), and includes the <a target="_blank" href="http://docs.fineuploader.com/features/no-server-uploads.html">Serverless S3</a> module to support fully client-side S3 uploading.</p>
</legend>
<label class="radio">
<input id="ep_traditional" type="radio" name="endpoint" value="" checked />Traditional
</label>
<label class="radio">
<input id="ep_s3" type="radio" name="endpoint" value="s3"/>Amazon S3
</label>
<label class="radio">
<input id="ep_azure" type="radio" name="endpoint" value="azure"/>Windows Azure
</label>
<label class="radio">
<input id="ep_all" type="radio" name="endpoint" value="all"/>Windows Azure + Amazon S3 + Traditional
</label>
</fieldset>
</div>
<br/>
<a id="build-btn" class="btn btn-info btn-large" href="#" aria-live="assertive">Download</a>
<a class="btn btn-info btn-large" href="https://github.com/FineUploader/fine-uploader/releases">Read Change Log</a>
</form>
</section>
</div>
</br>
</div>
<div id="footer"></div>
<div id="error-modal" class="modal hide fade" role="dialog">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Server Type Required to Continue</h3>
</div>
<div class="modal-body">
<p>It appears you have not selected a server type. Please select at least one to continue generating your customized Fine Uploader package.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>
<script src="js/customize.js" type="text/javascript"></script>
<script>
$('.dropdown-toggle').dropdown();
$.get('./navbar.html', function(data) {
$('#navbar').html(data);
if (window.location.hash == '') {
$('#navbar').find('li').eq(0).addClass('active');
} else {
$('#navbar').find('a[href$="' + window.location.hash + '"]').parent().addClass('active');
}
}); $.get('./header.html', function(data) {
$('#header').html(data);
});
$.get('./footer.html', function(data) { $('#footer').html(data); });
$(document).ready(function () {
$(document).on('click', '#navbar a', function() {
if ($(this).attr('href').indexOf('./#') == 0) {
$('#navbar li').removeClass('active');
$(this).parent().addClass('active');
}
});
$('a.tip').tipsy();
});
</script>
</body>
</html>