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
|
<?php defined("SYSPATH") or die("No direct script access.") ?>
<script type="text/javascript" src="<?= url::file("lib/swfobject.js") ?>"></script>
<style type="text/css" media="screen">
#flashContent {
display:none;
}
.g-organize {
padding: 0;
margins: 0;
}
object {
display: block;
outline: none;
}
#g-dialog {
padding: 0;
}
</style>
<script type="text/javascript">
$("#g-dialog").bind("dialogclose", function(event, ui) {
window.location.reload();
});
function closeOrganizeDialog() {
$("#g-dialog").dialog("close");
}
function getOrganizeStyles() {
var styles = {
"color": colorToHex($("#g-organize").css("color")),
"backgroundColor": colorToHex($("#g-organize").css("backgroundColor")),
"borderColor": colorToHex($("#g-organize").css("borderLeftColor")),
"rollOverColor": colorToHex($("#g-organize-hover").css("backgroundColor")),
"selectionColor": colorToHex($("#g-organize-active").css("backgroundColor"))
};
console.dir(styles);
return styles;
}
function colorToHex(color) {
console.log("color: " + color);
var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
var red = parseInt(digits[2]);
var green = parseInt(digits[3]);
var blue = parseInt(digits[4]);
var rgb = blue | (green << 8) | (red << 16);
return digits[1] + '0x' + rgb.toString(16);
}
function getTextStrings() {
var strings = {
"statusText": <?= t("Drag and drop photos to re-order or move between album")->for_js() ?>,
"addAlbum": <?= t("Add album")->for_js() ?>,
"addImages": <?= t("Add photo")->for_js() ?>,
"deleteSelected": <?= t("Delete")->for_js() ?>,
"uploadedText": <?= t("Uploaded {0}")->for_js() ?>,
"removeFileText": <?= t("Remove")->for_js() ?>,
"totalFiles": <?= t("Total Files: {0}")->for_js() ?>,
"totalSize": <?= t("Total Size: {0}")->for_js() ?>,
"bytes": <?= t("{0} bytes")->for_js() ?>,
"kilobytes": <?= t("{0} KB")->for_js() ?>,
"megabytes": <?= t("{0} MB")->for_js() ?>,
"gigabytes": <?= t("{0} GB")->for_js() ?>,
"cancel": <?= t("Cancel")->for_js() ?>,
"close": <?= t("Close")->for_js() ?>
};
return strings;
}
/*
For version detection, set to min. required Flash Player version, or 0 (or 0.0.0),
for no version detection.
*/
var swfVersionStr = "0.0.0";
/* To use express install, set to playerProductInstall.swf, otherwise the empty string.*/
var xiSwfUrlStr = "";
var flashvars = {
selectedAlbum: "<?= $album->id?>",
fileFilter: '<?= $file_filter ?>',
domains: '["<?= $domain ?>"]',
sortOrder: '<?= $sort_order ?>',
sortFields: '<?= $sort_fields ?>',
baseUrl: '<?= $base_url ?>',
apiKey: '<?= $api_key ?>',
controller: '<?= url::abs_site("organize") ?>/'
};
var size = $.gallery_get_viewport_size();
var params = {};
params.quality = "high";
params.bgcolor = "#ffffff";
params.allowNetworking = "all";
params.allowscriptaccess = "sameDomain";
params.allowfullscreen = "true";
var attributes = {};
attributes.id = "g-organize-object";
attributes.name = "organize";
attributes.align = "middle";
swfobject.embedSWF("<?= url::file("modules/organize/lib/organize.swf") ?>",
"flashContent", size.width() - 100, size.height() - 135,
swfVersionStr, xiSwfUrlStr, flashvars, params, attributes);
</script>
<div id="g-organize" class="g-dialog-panel">
<!-- The following spans are placeholders so we can load the hover and active styles for the flex component -->
<span id="g-organize-hover" /><span id="g-organize-active" />
<h1 style="display:none"><?= t("Organize %name", array("name" => html::purify($album->title))) ?></h1>
<div id="flashContent"> </div>
</div>
|