use jQuery for the image tool

diff --git a/MANIFEST b/MANIFEST
index df275aff07e440d36826b12cabd95046f6697f16..faf7de5c80f7e42111df5c5af394483d1ef343da 100644 (file)
--- a/MANIFEST
+++ b/MANIFEST
@@ -532,6 +532,7 @@ site/htdocs/js/admin-ui/menu.js
 site/htdocs/js/admin.js
 site/htdocs/js/admin_edit.js
 site/htdocs/js/admin_editprodopt.js
+site/htdocs/js/admin_jedit.js
 site/htdocs/js/admin_messages.js
 site/htdocs/js/admin_prodopts.js
 site/htdocs/js/admin_siteusers.js

diff --git a/site/htdocs/js/admin_jedit.js b/site/htdocs/js/admin_jedit.js
new file mode 100644 (file)
index 0000000..35842ec
--- /dev/null
+++ b/site/htdocs/js/admin_jedit.js
@@ -0,0 +1,42 @@
+(function($) {
+    $(function() {
+       $(".tag").each(function() {
+           var closed = this;
+           var input = $("input", this);
+           var del = $("<a/>", { href: "#" });
+           del.text("Delete");
+           del.click(function () {
+               closed.remove();
+               return true;
+           });
+           $(this).append(del);
+       });
+       $(".tags").each(function() {
+           var tags = $(this);
+           var fname = this.dataset["name"];
+           if (!fname)
+               fname = "tag";
+           var add_div = $("<div/>", { "class": "tag_add" });
+           var add_a = $("<a/>", { href: "#" });
+           add_div.append(add_a);
+           add_a.text("Add");
+           add_a.click(function() {
+               var inp = $("<input/>",
+                          { type: "text",
+                            name: fname });
+               var div = $("<div/>", { "class": "tag" });
+               div.append(inp);
+               var del = $("<a/>", { href: "#" });
+               div.append(del);
+               del.text("Delete");
+               del.click(function() {
+                   div.remove();
+                   return true;
+               });
+               add_div.before(div);
+               return true;
+           });
+           tags.append(add_div);
+       });
+    });
+})(jQuery);
\ No newline at end of file

diff --git a/site/templates/admin/article_img.tmpl b/site/templates/admin/article_img.tmpl
index 2b38bf65cc344a11b2f555b886cd28888bdda2bf..b5e547bffc909267183a5c14e2238fcbe469d602 100644 (file)
--- a/site/templates/admin/article_img.tmpl
+++ b/site/templates/admin/article_img.tmpl
@@ -18,7 +18,7 @@
 <:.call "make_arrows", down_url:down_url, up_url: up_url -:>
 <:-.end if -:>
 <:.end define:>
-<:.wrap "admin/base.tmpl", title:"Image Wizard", js:"admin_edit.js" :>
+<:.wrap "admin/basej.tmpl", title:"Image Wizard", js:"admin_jedit.js" :>
 <h1><:.if article.id == -1:>Global<:.else:><:= article_type :><:.end if:> Image Wizard</h1>
 
 <:.call "messages":>
@@ -86,7 +86,7 @@
     <th>Tags</th>
     <td>
       <input type="hidden" name="_save_tags" value="1" />
-      <div id="tags">
+      <div class="tags">
       <:- .set tags = [ cgi.param("tags") ] :>
       <:- .if tags.size == 0 :>
         <:% tags.push("") :>