replaced form with a new version, posting with the opensession still don't work
authorinit <init>
Mon, 1 Dec 2003 23:36:58 +0000 (23:36 +0000)
committerinit <init>
Mon, 1 Dec 2003 23:36:58 +0000 (23:36 +0000)
etc/open/editarticle.template

index 0c49459..4cbeba2 100755 (executable)
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//DE">
 <html>
 <head>
-       <title>${lang("posting.htmltitle")}</title>     
-       <meta name="description" content="${lang("posting.meta.description")}>
-       <meta name="author" content="${lang("posting.meta.author")}>
-       <meta name="keywords" content="${lang("posting.meta.keywords")}>
-       <meta http-equiv="Content-Type" content="text/html; charset=${config["Mir.DefaultHTMLCharset"]}">
-       <meta name="robots" content="index">
-       <meta name="robots" content="follow">
-       <style type="text/css" media="all">@import "forms.css";</style>
+<title>${lang("posting.htmltitle")}</title>
+<meta name="description" content="${lang("posting.meta.description")}">
+<meta name="author" content="${lang("posting.meta.author")}">
+<meta name="keywords" content="${lang("posting.meta.keywords")}">
+<!--<meta name="date" content="### Date ###Time">-->
+<meta http-equiv="Content-Type" content="text/html; charset=${lang("htmlcharset")}">
+<meta name="robots" content="index">
+<meta name="robots" content="follow">
+
+
+    <style type="text/css"> body {background-image: none;} </style>
+
+
+<style type="text/css">
+<!--
+
+body {
+margin: 6px; background: #dddddd ;
+}
+h1, h2, h3, h4, h5, h6, p, li, dt, dd, div, td, blockquote
+{
+font-family:arial, helvetica, sans-serif;
+}
+
+.pformbox
+{
+border: none;
+margin: none;
+padding-left: 10px;
+padding-right: 10px;
+padding-bottom: 0px;
+padding-top: 0px;
+}
+
+h1 { padding-bottom: 0px; margin-bottom: 0px;}
+h2
+{
+padding-bottom: 0px;
+margin-bottom: 0px;
+padding: 2px;
+border: none;
+margin: none;
+border-top: 1px solid black;
+border-left: 1px solid black;
+border-right: 1px solid black;
+background-color: #003366;
+color: white;
+}
+h3 { padding-bottom: 0px; margin-bottom: 0px;}
+h4 { padding-bottom: 0px; margin-bottom: 0px;}
+
+.pdiscl
+{
+padding: 4px;
+margin-top: 6px;
+margin-bottom: 6px;
+
+border-color: #FFF;
+border-width: 2px;
+border-style: solid;
+}
+
+.pformstep01
+{
+margin: none;
+border: none;
+padding: 8px;
+margin-top: 0px;
+margin-bottom: 6px;
+background-color: #FAFAD2;
+border-color: gray;
+border-width: 1px;
+border-style: solid;
+}
+.pformstep02
+{
+margin: none;
+border: none;
+padding: 8px;
+margin-top: 0px;
+margin-bottom: 6px;
+background-color: #FAFAD2;
+border-color: gray;
+border-width: 1px;
+border-style: solid;
+}
+.pformstep03
+{
+margin: none;
+border: none;
+padding: 8px;
+margin-top: 0px;
+margin-bottom: 6px;
+background-color: #FAFAD2;
+border-color: gray;
+border-width: 1px;
+border-style: solid;
+}
+.pformstep04
+{
+margin: none;
+border: none;
+padding: 8px;
+margin-top: 0px;
+margin-bottom: 6px;
+background-color: #FAFAD2;
+border-color: gray;
+border-width: 1px;
+border-style: solid;
+}
+.pformstep05
+{
+margin: none;
+border: none;
+padding: 8px;
+margin-top: 0px;
+margin-bottom: 6px;
+background-color: #FAFAD2;
+border-color: gray;
+border-width: 1px;
+border-style: solid;
+}
+.pformstep06
+{
+margin: none;
+border: none;
+padding: 8px;
+margin-top: 0px;
+margin-bottom: 6px;
+background-color: #FFFFFF;
+border-color: gray;
+border-width: 1px;
+border-style: solid;
+}
+
+input.psubmit
+{
+padding: 5px;
+border: 2px solid green;
+background-color: #6F0;
+}
+
+input.preset
+{
+padding: 5px;
+border: 2px solid red;
+background-color: #F96;
+}
+
+.pbuttons {
+text-align: right;
+}
+
+input
+{
+background-color: #efefef;
+}
+
+textarea
+{
+background-color: #efefef;
+}
+
+
+input.preq
+{
+background-color: #ffffff;
+}
+textarea.preq
+{
+background-color: #ffffff;
+}
+
+.error {
+color: red;
+}
+
+-->
+</style>
+
 </head>
 
-<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" bgcolor="#dddddd">
+<body bgcolor="#dddddd">
+
+<function showErrors(aField)>
+<comment>
+function to display error message at the input box  // occam, 2003-06-09
+</comment>
+<if errors>
+<list errors as e>
+<if e.field==aField>
+${lang(e.message + "." + e.field)}
+</if>
+</list>
+</if>
+</function>
 
-       <table cellspacing="0" cellpadding="0" width="100%">
-               <tr>
-                       <td colspan="3" class="pad4x"><span class="size2px">&nbsp;</span></td>
-               </tr>
     <if errors>
-      <tr>
-        <td colspan="3">
+
+
           Your input had the following errors:<br><br>
           <list errors as e>
             <font color="red">
               ${lang(e.message)} <br>
             </font>
           </list>
-        </td>
-      </tr>
+
+
     </if>
 
-               <form enctype="multipart/form-data" action="${actionURL}&do=opensession&sessiontype=article" method="post">
-    <if password>
-      <tr>
-        <td align="right">&nbsp;</td>
-        <td>
-          ${lang("comment.note")}
-          <br>
-          ${password}<br>
-          <br>
-        </td>
-        <td>&nbsp;</td>
-      </tr>
-      <tr>
-        <td></td>
-        <td valign="top">
-           ${lang("comment.password")}: <input type="text" name="password" size="10">
-        </td>
-        <td>&nbsp;</td>
-      </tr>
+
+<comment>
+
+<div class="pdiscl">
+<include "disclaimer.inc.de">
+</div>
+
+</comment>
+
+<div class="pformbox">
+
+<h1>
+${lang("posting.form.title")}
+</h1>
+
+    <if errors>
+<p class="error">${lang("posting.errors")}</p>
     </if>
-               <tr>
-                       <td colspan="3" width="100%">&nbsp;</td>
-               </tr>
-               <tr>
-                       <td width="20%" bgcolor="#cc0033">
-                               &nbsp;
-                       </td>
-                       <td width="60%" bgcolor="#cc0033" class="pad4x">
-                               <span id="title"><b>${lang("posting.form.title")}</b></span>
-                       </td>
-                       <td width="20%">&nbsp;</td>
-               </tr>
-               <tr>
-                       <td colspan="3" class="pad4x"><span class="size2px">&nbsp;</span></td>
-               </tr>
-               <tr>
-                       <td align="right">&nbsp;</td>
-                       <td class="pad5L">
-                               <b>Please follow this form step by step. 
-                               Especially if this is the first time you post something on indymedia, 
-                               be sure to read the introductory remarks. 
-                               Then come back to this form!<br>
-                               <a href="#intro">intro &gt;&gt;</a><br><br></b>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td>&nbsp;</td>
-                       <td bgcolor="#cc6666" class="pad4x">
-                               <span class="subtitle"><b><a name="form" id="form">Number of media files</a></b></span>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td colspan="3" class="pad4x"><span class="size2px">&nbsp;</span></td>
-               </tr>
-               <tr>
-                       <td align="right">&nbsp;</td>
-                       <td class="pad5L">
-                               <font color="#FF0000">First of all</font> if you want to upload more than one media files 
-                               please change the following number accordingly! Than press the button to reload this page. <br><br>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td align="right">
-                               <b>${lang("posting.nr_of_media")}</b><br><br>
-                       </td>
-                       <td class="pad5L" >
-                               <input type="text" name="nrmediaitems" value="${utility.encodeHTML(nrmediaitems)}" size="2" class="r">&nbsp;<input type="submit" value="${lang("posting.nr_of_media.submit")}"><br><br>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td align="right" valign="top">&nbsp;</td>
-                       <td valign="top" bgcolor="#cc9999" class="pad4x">
-                               <b><font color="#cc0033">R E Q U I R E D</font> information</b>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td colspan="3" class="pad2x"><span class="size2px">&nbsp;</span></td>
-               </tr>
-               <tr>
-                       <td align="right">
-                               ${lang("posting.title")}:
-                       </td>
-                       <td class="pad5L">
-                               <input type="text" name="title" class="w95r" maxlength="45" value="${utility.encodeHTML(title)}">
-                       </td>
-                       <td valign="top"><font size="1">${lang("posting.title.info")}</font></td>
-               </tr>
-               <tr>
-                       <td align="right" valign="top">
-                               ${lang("posting.abstract")}:
-                       </td>
-                       <td class="pad5L">
-                               <textarea name="description" rows="6" wrap="virtual" class="w95rs">${utility.encodeHTML(description)}</textarea>
-                       </td>
-                       <td valign="top"><font size="1">${lang("posting.abstract.info")}</font></td>
-               </tr>
-               <tr>
-                       <td align="right" valign="top">
-                               ${lang("posting.text")}:
-                       </td>
-                       <td class="pad5L"> 
-                               <textarea name="content_data" rows="20" wrap="soft" class="w95rf">${utility.encodeHTML(content_data)}</textarea>
-                       </td>
-                       <td valign="top"><font size="1">${lang("posting.text.info")}</font></td>
-               </tr>
-               <tr>
-                       <td align="right">
-                               ${lang("posting.author")}:<br><br>
-                       </td>
-                       <td class="pad5L">
-                               <input type="text" name="creator" value="${utility.encodeHTML(creator)}" class="w95r" maxlength="45">
-                               <br><br>
-                       </td>
-                       <td valign="top"></td>
-               </tr>
-               
-               <tr>
-                       <td align="right" valign="top">&nbsp;</td>
-                       <td valign="top" bgcolor="#cc9999" class="pad4x">
-                               <b>Additional information</b>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td colspan="3" class="pad2x"><span class="size2px">&nbsp;</span></td>
-               </tr>
-               <tr>
-                       <td align="right">
-                               ${lang("posting.language")}:<br><br>
-                       </td>
-                       <td class="pad5L">                      
-                               <select name="to_language" class="w60" size="1">
-                                       <list languages as l>
-              <option <if to_language==l.id>selected</if> value="${l.id}">${l.name}</option>
-                                       </list>
-                               </select>
-                               <br><br>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td align="right" valign="top">
-                               ${lang("posting.topic")}:<br><br>
-                       </td>
-                       <td class="pad5L">
-                               <list topics as t>
-                                       <input type="checkbox" name="to_topic" value="${t.id}" <list to_topic as to><if (t.id == to)>checked</if></list>>&nbsp;${t.title}<br>
-                               </list>
-                               <br>
-                       </td>
-                       <td valign="top"><font size="1">${lang("posting.topic.info")}</font></td>
-               </tr>
-               
-               <tr>
-                       <td align="right" valign="top">&nbsp;</td>
-                       <td valign="top" bgcolor="#cc9999" class="pad4x">
-                               <b>Contact information</b>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td colspan="3" class="pad2x"><span class="size2px">&nbsp;</span></td>
-               </tr>
-               <tr>
-                       <td align="right">&nbsp;</td>
-                       <td class="pad5L">
-                                ${lang("posting.contact.info")}
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td align="right">
-                               ${lang("posting.email")}:
-                       </td>
-                       <td class="pad5L">
-                               <input type="text" name="creator_email" maxlength="80" value="${utility.encodeHTML(creator_email)}" class="w60">
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td align="right">
-                               ${lang("posting.url")}:
-                       </td>
-                       <td class="pad5L">
-                               <input type="text" name="creator_main_url" maxlength="160" value="${utility.encodeHTML(creator_main_url)}" class="w60">
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td align="right">
-                               ${lang("posting.address")}:
-                       </td>
-                       <td class="pad5L">
-                               <input type="text" name="creator_address" maxlength="160" value="${utility.encodeHTML(creator_address)}" class="w60">
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td align="right">
-                               ${lang("posting.phone")}<br><br>
-                       </td>
-                       <td class="pad5L">
-                               <input type="text" name="creator_phone" maxlength="20" value="${utility.encodeHTML(creator_phone)}" class="w60"><br><br>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               
-               <tr>
-                       <td align="right" valign="top">&nbsp;</td>
-                       <td valign="top" bgcolor="#cc9999" class="pad4x">
-                               <b>${lang("posting.media")}</b>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td colspan="3" class="pad2x"><span class="size2px">&nbsp;</span></td>
-               </tr>
-               <tr>
-                       <td align="right"></td>
-                       <td class="pad5L">
-                                ${lang("posting.media.howto")}
-                       </td>
-                       <td valign="top"><font size="-2">${lang("posting.media.info")}</font></td>
-               </tr>
-  
-       <list mediaitems as m>
-               <tr>
-                       <td align="right">${lang("posting.media.title")} ${m}:</td>
-                       <td class="pad5L">
-                               <input type="text" name="media${m}_title" maxlength="80" value="" class="w60">
-                       </td>
-                       <td valign="top"></font></td>
-               </tr>
-               <tr>
-                       <td align="right">${lang("posting.media.media")} ${m}:</td>
-                       <td class="pad5L">
-                               <input type="file" name="media${m}" maxlength="80" value="" class="w60"><br><br>
-                       </td>
-                       <td valign="top"></font></td>
-               </tr>
-       </list>
-               
-               <tr>
-                       <td align="right" valign="top">&nbsp;</td>
-                       <td valign="top" bgcolor="#cc9999" class="pad4x">
-                               <b>Publish this!</b>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td colspan="3" class="pad4x"><span class="size2px">&nbsp;</span></td>
-               </tr>
-               <tr>
-                       <td align="right">&nbsp;</td>
-                       <td class="pad5L">
-                               ${lang("posting.submit.info")}<br><br>
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-               <tr>
-                       <td align="right">&nbsp;</td>
-                       <td class="pad5Lx" bgcolor="#cc0033">
-                               <input id="button" type="submit" name="post" value="${lang("posting.submit")}">
-                       </td>
-                       <td bgcolor="#cc0033">&nbsp;</td>
-               </tr>
-               <tr>
-                       <td colspan="3" class="pad2x"><span class="size2px">&nbsp;</span></td>
-               </tr>
-    </form>
-               <tr>
-                       <td align="right">&nbsp;</td>
-                       <td class="pad5L">
-                               ${lang("posting.criteria")}
-                               <br><br><br><br><br>
-                               <b><font size="+1"><a name="intro" id="intro">${lang("posting.title")}</a></font></b><br><br>
-                               
-                               <include "open/disclaimer.inc.de"><br><br>
-                               
-                               <a href="#form"><b>${lang("posting.jump_to_form")}</b></a>
-                               
-                       </td>
-                       <td>&nbsp;</td>
-               </tr>
-       </table>
+
+<h2>
+${lang("posting.step00")}
+</h2>
+
+<div class="pformstep01">
+${lang("posting.readhowtos")}
+</div>
+<form enctype="multipart/form-data" action="${actionURL}&do=opensession&sessiontype=article" method="post">
+<h2>
+${lang("posting.step01")}
+</h2>
+
+
+
+<div class="pformstep01">
+<h4>
+${lang("posting.nr_of_media")}
+</h4>
+<p>
+${lang("posting.nr_of_media.info")}
+</p>
+<p>
+<input type="text" name="nrmediaitems" size="8" value="${utility.encodeHTML(nrmediaitems)}"> 
+<input type="submit" value="${lang("posting.nr_of_media.submit")}">
+</p>
+</div>
+
+<if password>
+<div class="ppassword">
+${password}
+
+<p>${lang("posting.password")}</p>
+
+<p><input type="text" name="password" size="10">
+</if>
+
+<h2>
+${lang("posting.step02")}
+</h2>
+
+<div class="pformstep02">
+
+<!-- TITEL -->
+<h4>
+${lang("posting.title")}
+</h4>
+<p>
+<small>${lang("posting.title.info")}</small>
+</p>
+<p>
+<input type="text" class="preq" name="title" size="45" maxlength="45" value="${utility.encodeHTML(title)}">
+<if errors>
+<big class="error"><call showErrors("title")></big>
+<else>
+<small><strong>(${lang("required")})</strong></small>
+</if>
+</p>
+
+<!-- TOPIC -->
+<h4>
+${lang("posting.topic")}
+</h4>
+<p>
+${lang("posting.topic.info")}
+</p>
+<select name="to_topic" size="10" multiple>
+<list topics as t>
+<option value="${t.id}" <list to_topic as to><if (t.id == to)>selected</if></list>>${t.title}</option>
+</list>
+</select>
+<small>(${lang("optional")})</small>
+
+<!-- AUTOR -->
+<h4>
+${lang("posting.author")}
+</h4>
+
+<input type="text" class="preq" name="creator" value="${utility.encodeHTML(creator)}" size="45" maxlength="45"> 
+
+<if errors>
+<big class="error"><call showErrors("creator")></big>
+<else>
+<small><strong>(${lang("required")})</strong></small>
+</if>
+
+<!-- ABSTRACT -->
+<h4>
+${lang("posting.abstract")}
+</h4>
+<p>
+${lang("posting.abstract.info")}
+</p>
+<textarea name="description" class="preq" rows="10" cols="74" wrap=virtual>${utility.encodeHTML(description)}</textarea>
+<if errors>
+<big class="error"><call showErrors("description")></big>
+<else>
+<small><strong>(${lang("required")})</strong></small>
+</if>
+<p>
+<strong>${lang("posting.abstract.constraint")}</strong>
+</p>
+
+</div>
+
+<h2>
+${lang("posting.step03")}
+</h2>
+
+<div class="pformstep03">
+<p>
+${lang("posting.contact.info")}
+</p>
+
+<!--  EMAIL -->
+<h4>
+${lang("posting.email")}
+</h4>
+<input type="text" name="creator_email" size="55" maxlength="80" value="${utility.encodeHTML(creator_email)}">
+<small>(${lang("optional")})</small>
+
+<!-- URL -->
+<h4>
+${lang("posting.url")}
+</h4>
+<input type="text" name="creator_main_url" size="55" maxlength="160" value="${utility.encodeHTML(creator_main_url)}">
+<small>(${lang("optional")})</small>
+
+<!-- ADRESS -->
+<h4>
+${lang("posting.address")}
+</h4>
+<input type="text" name="creator_address" size="55" maxlength="160" value="${utility.encodeHTML(creator_address)}">
+<small>(${lang("optional")})</small>
+
+<!-- PHONE -->
+<h4>
+${lang("posting.phone")}
+</h4>
+<input type="text" name="creator_phone" size="20" maxlength="20" value="${utility.encodeHTML(creator_address)}">
+<small>(${lang("optional")})</small>
+</div>
+
+<h2>
+${lang("posting.step04")}
+</h2>
+
+<div class="pformstep04">
+<!-- LANG -->
+<h4>
+${lang("posting.language")}
+</h4>
+<select name="to_language">
+<list languages as l>
+<option value="${l.id}">${l.name}</option>
+</list>
+</select>
+<small>(${lang("optional")})</small>
+
+<!-- CONTENT -->
+<h4>
+${lang("posting.text")}
+</h4>
+<p>
+${lang("posting.text.info")}
+</p>
+<textarea name="content_data" class="preq" rows="35" cols="74" wrap="soft">${utility.encodeHTML(content_data)}</textarea>
+<if errors>
+<big class="error"><call showErrors("content_data")></big>
+<else>
+<small><strong>(${lang("required")})</strong></small>
+</if>
+</div>
+
+<h2>
+${lang("posting.step05")}
+</h2>
+<div class="pformstep05">
+
+<h4>
+${lang("posting.media")}
+</h4>
+<p>
+${lang("posting.media.info")}
+</p>
+<p>
+${lang("posting.media.howto")}
+</p>
+
+      <list mediaitems as m>
+<h4>
+${lang("posting.media.media")} ${m}
+</h4>
+<input type="file" name="media${m}">
+
+<h4>
+${lang("posting.media.title")} ${m}
+</h4>
+<input type="text" class="preq" name="media${m}_title" size="40" maxlength="80" value="">
+</list>
+
+<p>
+<small>${lang("optional")}</small>
+</p>
+</div>
+
+<h2>
+${lang("posting.step06")}
+</h2>
+<div class="pformstep06">
+<p>
+${lang("posting.submit.info")}
+</p>
+<p>
+${lang("posting.criteria")}
+</p>
+<div class="pbuttons">
+<input type="submit" name="post" class="psubmit" value="${lang("posting.submit")}">
+<input type="reset" class="preset" value="${lang("posting.reset")}">
+</div>
+</div>
+</form>
+</div>
 </body>
 </html>