allow editing image tags on the big image tool page

[bse.git] / site / templates / admin / article_img.tmpl

<:.set article_type = cfg.entry("level names", article.level, "Article") -:>
<:.define image_move:>
<:-.if images.size > 1 -:>
<:.set up_url = loop.is_first ? ""
  : cfg.admin_url2("add", "moveimgup", 
                   { id: article.id,
                     imageid: image.id,
		     _t: "img",
		     _csrfp: request.get_csrf_token("admin_move_image")
		   }) -:>
<:.set down_url = loop.is_last ? ""
  : cfg.admin_url2("add", "moveimgdown", 
                   { id: article.id,
                     imageid: image.id,
		     _t: "img",
		     _csrfp: request.get_csrf_token("admin_move_image")
		   }) -:>
<:.call "make_arrows", down_url:down_url, up_url: up_url -:>
<:-.end if -:>
<:.end define:>
<:.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":>

<p>| <a href="<:= cfg.admin_url("menu") :>">Admin menu</a> | 
<:.if article.generator =~ /Product/ :>
  <a href="<:= cfg.admin_url("add", { id: article.id }) :>">Edit product</a> |
  <a href="<:= cfg.admin_url("shopadmin") :>">Manage catalogs</a> |
<:.elsif article.id == cfg.entry("articles", "shop", 3) -:>
  <a href="/cgi-bin/admin/add.pl?id=<:article id:>">Edit shop</a> |
<:.elsif article.id == -1 -:>
  <a href="/cgi-bin/admin/add.pl?id=<:article id:>">Edit sections</a> |
<:.else -:>
<a href="/cgi-bin/admin/add.pl?id=<:article id:>"><:.if article.generator =~ /Catalog/:>Edit catalog<:.else:>Edit article<:.end if:></a> |
<:.end if :>

<:.if thumbs -:>
  <a href="<:= cfg.admin_url("add", {id:article.id, "_t": "img", f_showfull:1}) :>">Full size images</a> |
<:.else -:>
  <:.if can_thumbs -:>
  <a href="<:= cfg.admin_url("add", {id:article.id, _t: "img"}):>">With Thumbnails</a> |
  <:.end if :>
<:.end if:>
</p>
<:.if request.user_can("edit_images_add", article) -:>
<h2>Add new image</h2>

<form method="post" action="<:script:>" enctype="multipart/form-data" name="add">

<input type="hidden" name="level" value="<:= article.level :>" />
<input type="hidden" name="id" value="<:= article.id :>" />
<input type="hidden" name="parentid" value="<:= article.parentid :>" />
<input type="hidden" name="_t" value="img" />
<:csrfp admin_add_image hidden:>
        <table>
          <tr> 
            <th>Image file to add:</th>
            <td> 
              <input type="file" name="image" /> 
            </td>
            <td class="help"><:help image file:> <:.call "error_img", field: "image":></td>
          </tr>
          <tr> 
            <th>Alt text for image:</th>
            <td> 
              <input type="text" name="altIn" value="<:.call "old", field:"altIn":>" />
            </td>
            <td class="help"><:help image alt:> <:.call "error_img", field: "altIn":></td>
          </tr>
          <tr> 
            <th>URL for image:</th>
            <td> 
              <input type="text" name="url" value="<:.call "old", field: "url":>" />
            </td>
            <td class="help"><:help image url:> <:.call "error_img", field: "url":></td>
          </tr>
          <tr> 
            <th>Identifier for image:</th>
            <td> 
              <input type="text" name="name" value="<:.call "old", field: "name":>" />
            </td>
            <td class="help"><:help image name:> <:.call "error_img", field: "name":></td>
          </tr>
  <tr>
    <th>Tags</th>
    <td>
      <input type="hidden" name="_save_tags" value="1" />
      <div class="tags">
      <:- .set tags = [ cgi.param("tags") ] :>
      <:- .if tags.size == 0 :>
        <:% tags.push("") :>
      <:- .end if :>
      <:.for tag in tags :>
        <div class="tag"><input type="text" name="tags" value="<:= tag :>" /><:.call "error_img_n", field:"tags", index:loop.index :></div>
      <:.end for:>
      </div>
    </td>
    <td class="help"><:help edit tags:></td>
  </tr>
          <tr> 
            <th>Storage:</th>
            <td> 
<select name="storage">
<option value="">(Auto)</option>
<:iterator begin image_stores:>
<option value="<:image_store name:>"><:image_store description:></option>
<:iterator end image_stores:>
</select>
            </td>
            <td class="help"><:help image storage:> <:error_img storage:></td>
          </tr>
          <tr> 
            <td  colspan="3" class="buttons"> 
              <input type="submit" name="addimg" value="Add Image" />
            </td>
          </tr>
        </table>
</form>
<:.end if -:>

<:.set images = [ article.images ] -:>
<:.set can_save = request.user_can("edit_images_save", article) -:>
<:.set can_delete = request.user_can("edit_images_delete", article) -:>
<:.set delete_token = request.get_csrf_token("admin_remove_image") -:>

<form method="post" action="<:= cfg.admin_url("add") :>" enctype="multipart/form-data" name="manage">
<input type="hidden" name="level" value="<:= article.level :>" />
<input type="hidden" name="id" value="<:= article.id :>" />
<input type="hidden" name="parentid" value="<:= article.parentid :>" />
<input type="hidden" name="_t" value="img" />
<:csrfp admin_save_images hidden:>
  <h2>Manage images</h2>
        <table class="editform images">
<:.if images.size:><:.if article.id != -1
  and cfg.entry("basic", "auto_images", 1)-:>
<tr> 
            <th colspan="6">First Image Position</th>
          </tr>
		  <tr> 
            <td colspan="6"> 
<input type="radio" name="imagePos" value="tl" <:= article.imagePos eq "tl" ? "checked " : "":>/>Top Left &nbsp;
<input type="radio" name="imagePos" value="tr" <:= article.imagePos eq "tr" ? "checked " : "":>/>Top Right &nbsp;
<input type="radio" name="imagePos" value="bl" <:= article.imagePos eq "bl" ? "checked " : "":>/>Bottom Left &nbsp;
<input type="radio" name="imagePos" value="br" <:= article.imagePos eq "br" ? "checked " : "":>/>Bottom Right
<input type="radio" name="imagePos" value="xx" <:= article.imagePos eq "xx" ? "checked " : "":>/>Don't automatically insert images

<:help image position:>

	    </td>
          </tr>
<:-.end if:>
<:.if thumbs:>
          <tr> 
            <th>Image</th>
            <th colspan="2"> &nbsp;</th>
	    <th class="col_tags">Tags</th>
            <th class="col_modify"> Modify</th>
	    <th class="col_move"> Move</th>
          </tr>
<:.for image in images:>
	<tr>
          <td rowspan="5" class="col_thumbnail"><a href="#" onclick="window.open('<:= image.src:>', 'fullimage', 'width=<:= 20 + image.width:>,height=<:= 30 + image.height:>,location=no,status=no,menubar=no,scrollbars=yes'); return false;"><:= image.thumb("geo", "editor") |raw:></a></td>
	    <th>Alt text:</th>
            <td class="col_field"> 
              <:.if can_save:><input type="text" name="alt<:= image.id:>" value="<:.call "old", field:"alt" _ image.id, default: image.alt :>" size="32" /><:.else:><:= image.alt :><:.end if:>
            </td>
	    <td class="col_tags" rowspan="5">
	    <input type="hidden" name="_save_image_tags<:= image.id:>" value="1">
	    <div class="tags" data-name="tags<:= image.id :>">
	      <:.if cgi.param("_save_image_tags" _ image.id) -:>
	        <:.set image_tags = [ cgi.param("tags" _ image.id) ] -:>
	      <:.else -:>
	        <:.set image_tags = [ image.tags ] -:>
	        <:% image_tags.push("") -:>
	      <:.end if -:>
	      <:.for tag in image_tags :>
	      <div class="tag"><input type="text" name="tags<:= image.id :>" value="<:= tag :>"><:.call "error_img_n", field:"tags" _ image.id, index: loop.index :></div>
	      <:.end for :>
	    </div>
	    </td>
            <td class="col_modify" rowspan="5"> 
<:.if can_delete -:>
  <b><a href="<:= cfg.admin_url("add", { id:article.id, "removeimg_" _ image.id:1, _t:"img", _csrfp: delete_token}):>" onClick="return window.confirm('Are you sure you want to delete this Image')">Delete</a></b>
<:-.end if:>
<:.if can_save -:>
<a href="<:= cfg.admin_url2("add", "edit_image", { id:article.id, image_id:image. id}):>">Edit</a>
<:-.end if-:>
</td>
            <td class="col_move" rowspan="5">
<:.call "image_move":></td>
	  </tr>
	  <tr>        
            <th>URL:</th>
            <td class="col_field"> 
              <:.if can_save :><input type="text" name="url<:= image.id :>" value="<:.call "old", field:"url" _ image.id, default:image.url :>" size="32" /><:.else:><:= image.url :><:.end if:>
            </td>
          </tr>
          <tr>
	    <th>Identifier:</th>
            <td class="col_field"> 
              <:.if can_save :><input type="text" name="name<:= image.id:>" value="<:.call "old", field: "name" _ image.id, default: image.name :>" size="32" /> <:.call "error_img", field: "name" _ image.id :><:.else:><:= image.name :><:.end if:>
            </td>
        </tr>
          <tr>
	    <th>Image file:</th>
            <td class="col_field"> 
              <:.if can_save :><input type="file" name="image<:= image.id:>" size="32" /> <:.call "error_img", field: "image" _ image.id:><:.else:><:= image.displayName :><:.end if:>
            </td>
        </tr>
          <tr>
	    <th>Stored:</th>
            <td class="col_field"> 
              <:.if can_save -:>
<:.set stores = [ image_stores() ] -:>
<:.set oldstore = cgi.param("storage").defined
       ? cgi.param("storage") : image.storage -:>

<select name="storage<:= image.id:>">
<option value="">(Auto)</option>
<:.for store in stores :>
<option value="<:= store.name:>"<:= oldstore eq store.name ? " selected" : "" :>><:= store.description:></option>
<:.end for -:>
</select><:.call "error_img", field: "storage" _ image.id:><:.else:><:= image.storage :><:.end if:>
            </td>
        </tr>
<:.end for:>          
<:.else :>
          <tr> 
            <th colspan="5">Image</th>
          </tr>
          <:.for image in images :> 
          <tr> 
            <td class="col_image" colspan="5"><:= image.inline("align", "center") |raw:></td>
          </tr>
          <tr> 
            <th> Alt Text</th>
            <th class="col_url"> URL</th>
            <th> Identifier</th>
            <th class="col_modify"> Modify</th>
			<th class="col_move"> Move</th>
          </tr>
          <tr> 
            <td> 
              <:.if can_save:><input type="text" name="alt<:= image.id:>" value="<:.call "old", field: "alt" _ image.id, default: image.alt:>" size="32" /><:.else:><:= image.alt :><:.end if:>
            </td>
            <td class="col_url"> 
              <:.if can_save:><input type="text" name="url<:=image.id:>" value="<:.call "old", field: "url" _ image.id, default: image.url :>" size="32" /><:.else:><:= image.url :><:.end if:>
            </td>
            <td class="col_identifier"> 
              <:.if can_save:><input type="text" name="name<:= image.id:>" value="<:.call "old", field: "name" _ image.id, default: image.name:>" size="32" /> <:.call "error_img", field: "name" _ image.id :><:.else:><:= image.name :><:.end if:>
            </td>
            <td class="col_modify"> 
              <:.if can_save:><b><a href="<:= cfg.admin_url("add", { id:article.id, "removeimg_" _ image.id:1, _t:"img", _csrfp: delete_token}):>" onClick="return window.confirm('Are you sure you want to delete this Image')">Delete</a></b><:.end if:></td>
            <td class="col_move"><:.call "image_move":></td>
          </tr>
          <:.if !loop.is_last :> 
          <tr> 
            <td colspan="5">&nbsp;</td>
          </tr>
	  <:.end if:>
          <: .end for :> 
<:.end if:>
<:.if can_save:>
          <tr> 
            <td colspan="6" class="buttons"> 
              <input type="submit" name="process" value="Save changes" />
            </td>
	  </tr>
<:.end if:>
<:.else-:>
  <tr><td colspan="5" align="center" bgcolor="#FFFFFF">
  <:-= article.id == -1 ? "There are no global images"
                        : "No images are attached to this article" :></td>
          </tr><:.end if:>
        </table>

</form>