This repository has been archived by the owner on Oct 22, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathimage-gallery.php
134 lines (120 loc) · 8.42 KB
/
image-gallery.php
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
<?php
define('FLUID_IG_INCLUDE_PATH', 'include/');
include(FLUID_IG_INCLUDE_PATH . "vitals.inc.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Uploader</title>
<link rel="stylesheet" type="text/css" href="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/fss/css/fss-reset.css" />
<link rel="stylesheet" type="text/css" href="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/fss/css/fss-layout.css" />
<link rel="stylesheet" type="text/css" href="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/uploader/css/Uploader.css" />
<link rel="stylesheet" type="text/css" href="css/image-gallery.css" />
<!-- Fluid and jQuery Dependencies -->
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/lib/jquery/core/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/lib/jquery/ui/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/core/js/jquery.keyboard-a11y.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/lib/jquery/plugins/scrollTo/js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/lib/swfobject/js/swfobject.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/lib/swfupload/js/swfupload.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/lib/json/js/json2.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/core/js/Fluid.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/core/js/DataBinding.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/core/js/FluidIoC.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/core/js/FluidDocument.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/core/js/FluidView.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/core/js/FluidRequests.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/core/js/FluidDOMUtilities.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/lib/fastXmlPull/js/fastXmlPull.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/renderer/js/fluidRenderer.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/renderer/js/fluidParser.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/renderer/js/RendererUtilities.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/framework/enhancement/js/ProgressiveEnhancement.js"></script>
<!-- Uploader dependencies -->
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/uploader/js/Uploader.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/uploader/js/FileQueue.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/progress/js/Progress.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/uploader/js/FileQueueView.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/uploader/js/ErrorPanel.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/uploader/js/MimeTypeExtensions.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/uploader/js/FlashUploaderSupport.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/uploader/js/Flash9UploaderSupport.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/uploader/js/HTML5UploaderSupport.js"></script>
<script type="text/javascript" src="<?php echo FLUID_IG_INFUSION;?>/src/webapp/components/uploader/js/DemoUploadManager.js"></script>
<!-- The Uploader demo -->
<script type="text/javascript" src="js/image-gallery.js"></script>
</head>
<body>
<div class="ig-imageGallery igStyle-imageGallery">
<h1>Image Gallery Uploader Demo</h1>
<!-- Basic upload controls, used when JavaScript is unavailable -->
<div class="igStyle-uploaders">
<form action="uploader-server.php" method="post" enctype="multipart/form-data" class="fl-progEnhance-basic">
<div>
<input type="hidden" name="isSingleUploader" value="1" />
<p>Use the Browse button to add a file, and the Save button to upload it.</p>
<input name="fileData" type="file" />
<input class="fl-uploader-basic-save" type="submit" value="Save"/>
</div>
</form>
<div class="ig-multiFileUploader">
<!-- The Uploader's template will be injected via AJAX into this container. -->
</div>
</div>
<div>
<h2>Uploaded images:</h2>
<div class="igStyle-imageViewer">
<!-- The container to display all the uploaded images. -->
<div class="ig-imageViewer-images igStyle-imageViewer-images"></div>
</div>
</div>
<div class="ig-serverErrors">
<!-- The returned server error message will be displayed in this container. -->
</div>
<div class="ig-settings fl-hidden">
<h2>Demo settings</h2>
<div class="ig-settings-field">
<label for="fileSizeLimit">File size limit:</label>
<select id="fileSizeLimit">
</select> MB
</div>
<div class="ig-settings-field">
<label for="fileUploadLimit">Upload queue limit:</label>
<select id="fileUploadLimit">
</select>
</div>
<div class="ig-settings-field">
<span>Allowed image types:</span>
<fieldset>
<span class="igStyle-fileTypes fileTypes-row">
<input class="fileTypes-choice" id="fileTypes-choice" type="checkbox" />
<label class="fileTypes-label" for="fileTypes-choice">choice</label>
</span>
</fieldset>
</div>
</div>
<div>
<h2>Demo notes:</h2>
<ul>
<li>The session will stay active for one hour. After one hour, any uploaded images will be erased from the server.</li>
<li>Changing demo settings in IE 7 and IE 8 is known to cause periodic errors.</li>
<li>Demo setting "Allowed image types" is only supported by IE, not other browsers.</li>
</ul>
</div>
</div>
<script type="text/javascript">
demo.imageGallery(".ig-imageGallery", {
components: {
pathResolver: {
options: {
prefixes: {
infusion: "<?php echo FLUID_IG_INFUSION;?>"
}
}
}
}
});
</script>
</body>
</html>