aboutsummaryrefslogtreecommitdiff
path: root/views/default/tidypics/forms/ajax_upload.php
blob: 912d1c03e6554b1a60077875e6579f0bdf9cb60c (plain)
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
<?php

extend_view('metatags', 'tidypics/js/uploader');

$album = $vars['album'];
$access_id = $album->access_id;

$ts = time();
$token = generate_action_token($ts);

$batch = time();

$basic_uploader_url = current_page_url() . '/basic';

$upload_endpoint_url = "{$vars['url']}action/tidypics/ajax_upload/";
$upload_complete_url = "{$vars['url']}action/tidypics/ajax_upload_complete/";

$maxfilesize = (float) get_plugin_setting('maxfilesize','tidypics');
if (!$maxfilesize) {
	$maxfilesize = 5;
}

$quota = get_plugin_setting('quota','tidypics');
if ($quota) {
	$image_repo_size_md = get_metadata_byname($album->container_guid, "image_repo_size");
	$image_repo_size = (int)$image_repo_size_md->value;
	$image_repo_size = $image_repo_size / 1024 / 1024;
	$quote_percentage = round(100 * ($image_repo_size / $quota));
	// for small quotas, so one decimal place
	if ($quota < 10) {
		$image_repo_size = sprintf('%.1f', $image_repo_size);
	} else {
		$image_repo_size = round($image_repo_size);
	}
	if ($image_repo_size > $quota) {
		$image_repo_size = $quota;
	}
}

?>

<div class="contentWrapper">

	<p><?php echo sprintf(elgg_echo('tidypics:uploader:instructs'), $basic_uploader_url); ?></p>

	<ul id="tidypics_uploader_steps">
		<li>
	<div id="tidypics_uploader">
		<a id="tidypics_choose_button" href="<?php echo $basic_uploader_url; ?>">
			1. <?php echo elgg_echo('tidypics:uploader:choose'); ?>
		</a>
		<div id="tidypics_flash_uploader">
			<input type="file" id="uploadify" name="uploadify" />
		</div>
	</div>
		</li>
		<li>
			<a id="tidypics_upload_button" class="tidypics_disable" href="javascript:$('#uploadify').uploadifyUpload();">
				2. <?php echo elgg_echo('tidypics:uploader:upload'); ?>
			</a>
		</li>
		<li>
			<a id="tidypics_describe_button" class="tidypics_disable" href="<?php echo $vars['url']; ?>pg/photos/batch/<?php echo $batch; ?>">
				3. <?php echo elgg_echo('tidypics:uploader:describe'); ?>
			</a>
		</li>
	</ul>
</div>

<script type="text/javascript">

$("#uploadify").uploadify({
	'uploader'     : '<?php echo $vars['url']; ?>mod/tidypics/vendors/uploadify/uploadify.swf',
	'script'       : '<?php echo $upload_endpoint_url; ?>',
	'scriptData'   : {
						'album_guid'   : '<?php echo $album->guid; ?>',
						'__elgg_token' : '<?php echo $token; ?>',
						'__elgg_ts'    : '<?php echo $ts; ?>',
						'Elgg'         : '<?php echo session_id(); ?>',
						'batch'        : '<?php echo $batch; ?>'
					 },
	'fileDataName' : 'Image',
	'cancelImg'    : '<?php echo $vars['url']; ?>_graphics/icon_customise_remove.gif',
	'multi'        : true,
	'auto'         : false,
	'fileDesc'     : '<?php echo elgg_echo('tidypics:uploader:filedesc'); ?>',
	'fileExt'      : '*.jpg;*.jpeg;*.png;*.gif',
	'wmode'        : 'transparent',
	'buttonImg'    : " ",
	'height'       : 20,
	'onEmbedFlash' : function(event) {
		$("#" + event.id).hover(
			function(){
				$("#tidypics_choose_button").addClass('tidypics_choose_button_hover');
			},
			function(){
				$("#tidypics_choose_button").removeClass('tidypics_choose_button_hover');
			}
		);
	},
	'onSelectOnce'  : function() {
		$("#tidypics_upload_button").removeClass('tidypics_disable');
	},
	'onAllComplete' : function() {
		$("#tidypics_describe_button").removeClass('tidypics_disable');
		$.post(
			'<?php echo $upload_complete_url; ?>',
			{ 
				album_guid   : '<?php echo $album->guid; ?>',
				__elgg_token : '<?php echo $token; ?>',
				__elgg_ts    : '<?php echo $ts; ?>'
			}
		);
	},
	'onCancel'      : function(event, queueID, fileObj, data) {
		if (data.fileCount == 0) {
			$("#tidypics_upload_button").addClass('tidypics_disable');
		}
	}

});
</script>