From 67a8ef427798d37a9629c2f3d9672c03520b9987 Mon Sep 17 00:00:00 2001
From: Tim Almdal <tnalmdal@shaw.ca>
Date: Sat, 27 Mar 2010 11:16:41 -0700
Subject: Convert the old organize to the new flex based organize

---
 modules/organize/views/organize_dialog.html.php | 160 +++++++++++++++++-------
 1 file changed, 118 insertions(+), 42 deletions(-)

(limited to 'modules/organize/views/organize_dialog.html.php')

diff --git a/modules/organize/views/organize_dialog.html.php b/modules/organize/views/organize_dialog.html.php
index 38d05b81..c7dc967e 100644
--- a/modules/organize/views/organize_dialog.html.php
+++ b/modules/organize/views/organize_dialog.html.php
@@ -1,48 +1,124 @@
 <?php defined("SYSPATH") or die("No direct script access.") ?>
+<script type="text/javascript" src="<?= url::file("lib/swfobject.js") ?>"></script>
+<script type="text/javascript" src="<?= url::file("modules/organize/lib/history/history.js") ?>"></script>
+<link rel="stylesheet" type="text/css" href="<?= url::file("modules/organize/lib/history/history.css") ?>" />
+<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() ?>,
+      "addToolTip": <?= t("Add")->for_js() ?>,
+      "deleteToolTip": <?= 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() ?>,
+    };
+    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 = "modules/organize/lib/playerProductInstall.swf";
+  var flashvars = {
+    selectedAlbum: "<?= $album->id?>",
+    fileFilter: '<?= $file_filter ?>',
+    domains: '["<?= $domain ?>"]',
+    sortOrder: '<?= $sort_order ?>',
+    sortFields: '<?= $sort_fields ?>',
+    baseUrl: '<?= $base_url ?>',
+    apiKey: '<?= $api_key ?>'
+  };
+
+  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);
+  /*
+    JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.
+  */
+  swfobject.createCSS("#flashContent", "display:block;text-align:left;");
 </script>
+<?
+/*
+  SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when
+  enough JavaScript and Flash plug-in support is available. The div is initially hidden so that
+   it doesn't show when JavaScript is disabled.
+*/
+?>
 <div id="g-organize" class="g-dialog-panel">
+    <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">&nbsp;</div>
 </div>
-
-<script type="text/javascript">
-  $("#g-organize").ready($.organize.init);
-</script>
-- 
cgit v1.2.3