diff options
Diffstat (limited to 'modules/organize/views/organize_dialog.html.php')
| -rw-r--r-- | modules/organize/views/organize_dialog.html.php | 151 |
1 files changed, 109 insertions, 42 deletions
diff --git a/modules/organize/views/organize_dialog.html.php b/modules/organize/views/organize_dialog.html.php index 38d05b81..8163c595 100644 --- a/modules/organize/views/organize_dialog.html.php +++ b/modules/organize/views/organize_dialog.html.php @@ -1,48 +1,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"> - var move_url = "<?= url::site("organize/move_to/__ALBUM_ID__?csrf=$csrf") ?>"; - var rearrange_url = "<?= url::site("organize/rearrange/__TARGET_ID__/__BEFORE__?csrf=$csrf") ?>"; - var sort_order_url = "<?= url::site("organize/sort_order/__ALBUM_ID__/__COL__/__DIR__?csrf=$csrf") ?>"; - var tree_url = "<?= url::site("organize/tree/__ALBUM_ID__") ?>"; + $("#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="g-organize-content-pane"> - <div id="g-organize-tree-container" class="g-left ui-helper-clearfix"> - <h3><?= t("Albums") ?></h3> - <ul id="g-organize-album-tree"> - <?= $album_tree ?> - </ul> - </div> - <div id="g-organize-detail" class="g-left ui-helper-clearfix"> - <ul id="g-action-status" class="g-message-block"> - <li class="g-info"><?= t("Drag and drop photos to re-order or move between albums") ?></li> - </ul> - <div id="g-organize-microthumb-grid" class="ui-widget" - ref="<?= url::site("organize/album/__ITEM_ID__/__OFFSET__") ?>"> - <?= $micro_thumb_grid ?> - </div> - <div id="g-organize-controls" class="ui-widget-header"> - <a id="g-organize-close" href="#" ref="done" - class="g-button g-right ui-corner-all ui-state-default"><?= t("Close") ?></a> - <form> - <ul> - <li id="g-organize-sort-order-text" class="g-left"><?= t("Sort order") ?></li> - <li class="g-left"> - <?= form::dropdown(array("id" => "g-organize-sort-column"), - album::get_sort_order_options(), $album->sort_column) ?> - </li> - <li class="g-left"> - <?= form::dropdown(array("id" => "g-organize-sort-order"), - array("ASC" => t("Ascending"), "DESC" => t("Descending")), $album->sort_order) ?> - </li> - </ul> - </form> - </div> - </div> - </div> + <div id="flashContent"> </div> </div> - -<script type="text/javascript"> - $("#g-organize").ready($.organize.init); -</script> |