Modification CSS formulaire d'ajout de conference

This commit is contained in:
2008-02-15 18:21:56 +00:00
parent d370d2d7b8
commit 38bd59d2a6
7 changed files with 367 additions and 244 deletions

View File

@@ -140,6 +140,12 @@ preference.ok=You have successfully chosen all your preferences about each artic
dispatch.title=Dispatch the articles to the members
# Conference Form
step=Step ({0}/{1})
conference.help.step1=
conference.help.step2=This step is used to define some date like the starting date for the conference.<br/>\nYou just have to click on a field and the calendar will appear.
conference.help.step3=Here you can add some constraints at your conference like the number of pages by articles or the type of file you want the authors to use.
conference.help.step4=This step allows you to add criterion which will be used when someone will evaluate an article.<br/>\nYou can add a new criterion using the form, or simply add an existing criterion using the list.
conference.help.step5=This step allows you to add PC Member to the conference.<br/>\nYou can add a Program Committee Member using the list below, or invite someone using his email address.
conference.titleAdd=Add a conference
conference.titleModify=Modify a conference
conference.title=Title
@@ -157,11 +163,17 @@ conference.errors.dateArticleSuperiorEvaluation=The article's deadline date must
conference2.title=Calendar
conference2.date=Conference's date
conference2.start=Start :
conference2.end=End :
conference2.abstract=Abstract's deadline
conference2.article=Article's deadline
conference2.evaluation=Evaluation's deadline
conference2.start=Begins on :
conference2.end=Ends on :
conference2.abstract=Abstract deadline
conference2.article=Submission deadline
conference2.evaluation=Evaluation deadline
conference5.findUsers=Find existing users
conference5.usersList=PC members for this conference
conference5.invitation.send=Invite a new user
conference5.invitationList=Invitations to send
evaluation.title=Evaluation of an article
evaluation.commentPCMember=Comment of PC Member

View File

@@ -4,26 +4,57 @@
<head></head>
<body>
<h4 class="title">
<c:choose>
<c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" />
</c:when>
<c:otherwise>
<fmt:message key="conference.titleAdd" />
</c:otherwise>
</c:choose>
</h4>
<h4 class="title"><c:choose>
<c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" />
</c:when>
<c:otherwise>
<fmt:message key="conference.titleAdd" />
</c:otherwise>
</c:choose></h4>
<fmt:message key="step">
<fmt:param value="1" />
<fmt:param value="5" />
</fmt:message>
<form:form commandName="formConference" name="monForm">
Step (1/5) <br/><br/>
<fmt:message key="conference.title" /> <form:input path="title"/> <form:errors path="title" /> <br/><br />
<fmt:message key="conference.description" /> <form:textarea path="description" /> <form:errors path="description" /> <br/><br />
<fmt:message key="conference.otherInformations" /> <form:textarea path="otherInformations" /> <br/><br />
<input type="submit" align="middle" name="_target1" value="Next" />
<table class="form">
<tbody>
<tr>
<td class="formLabel"><form:label path="title">
<fmt:message key="conference.title" />
</form:label></td>
<td><form:input path="title" size="50" />
<div class="formError"><form:errors path="title" /></div>
</td>
</tr>
<tr>
<td class="formLabel"><form:label path="description">
<fmt:message key="conference.description" />
</form:label></td>
<td><form:textarea path="description" cols="60" rows="10" />
<div class="formError"><form:errors path="description" /></div>
</td>
</tr>
<tr>
<td class="formLabel"><form:label path="otherInformations">
<fmt:message key="conference.otherInformations" />
</form:label></td>
<td><form:textarea path="otherInformations" cols="60" rows="10" />
<div class="formError"><form:errors path="otherInformations" />
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>&nbsp;</td>
<td><input type="submit" align="middle" name="_target1"
value="Next" /></td>
</tr>
</tfoot>
</table>
</form:form>
<br />

View File

@@ -8,35 +8,57 @@
<body>
<h4 class="title">
<c:choose>
<c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" />
</c:when>
<c:otherwise>
<fmt:message key="conference.titleAdd" />
</c:otherwise>
</c:choose>
</h4>
<h4 class="title"><c:choose>
<c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" />
</c:when>
<c:otherwise>
<fmt:message key="conference.titleAdd" />
</c:otherwise>
</c:choose></h4>
<fmt:message key="step">
<fmt:param value="2" />
<fmt:param value="5" />
</fmt:message>
<p class="formHelp"><fmt:message key="conference.help.step2" /></p>
<form:form commandName="formConference" name="monForm">
Step (2/5) <br/>
This step is used to define some date like the starting date for the conference.<br/>
You have just to click on a field and the calendar will appear.<br/>
<br/>
<fmt:message key="conference2.start" /><form:input onclick="ds_sh(this);" path="dateStart" cssStyle="cursor: text" /> <form:errors path="dateStart" /><br /><br />
<fmt:message key="conference2.end" /><form:input onclick="ds_sh(this);" path="dateEnd" cssStyle="cursor: text" /> <form:errors path="dateEnd" /><br /><br />
<br />
<fmt:message key="conference2.article" /><form:input onclick="ds_sh(this);" path="dateArticle" cssStyle="cursor: text" /> <form:errors path="dateArticle" /><br /><br />
<fmt:message key="conference2.evaluation" /><form:input onclick="ds_sh(this);" path="dateEvaluation" cssStyle="cursor: text" /> <form:errors path="dateEvaluation" /><br /><br />
<input type="submit" name="_target0" value="Back">
<input type="submit" name="_target2" value="Next" />
<table class="form">
<tbody>
<tr>
<td class="formLabel"><fmt:message key="conference2.article" />
</td>
<td><form:input onclick="ds_sh(this);" path="dateArticle"
cssStyle="cursor: text" /> <form:errors path="dateArticle" /></td>
</tr>
<tr>
<td class="formLabel"><fmt:message key="conference2.evaluation" />
</td>
<td><form:input onclick="ds_sh(this);" path="dateEvaluation"
cssStyle="cursor: text" /> <form:errors path="dateEvaluation" />
</td>
</tr>
<tr>
<td class="formLabel"><fmt:message key="conference2.start" />
</td>
<td><form:input onclick="ds_sh(this);" path="dateStart"
cssStyle="cursor: text" /> <form:errors path="dateStart" /></td>
</tr>
<tr>
<td class="formLabel"><fmt:message key="conference2.end" /></td>
<td><form:input onclick="ds_sh(this);" path="dateEnd"
cssStyle="cursor: text" /> <form:errors path="dateEnd" /></td>
</tr>
</tbody>
<tfoot>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="_target0" value="Back" /> <input
type="submit" name="_target2" value="Next" /></td>
</tr>
</tfoot>
</table>
</form:form>
<br />

View File

@@ -5,49 +5,63 @@
<body>
<h4 class="title">
<c:choose>
<c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" />
</c:when>
<c:otherwise>
<fmt:message key="conference.titleAdd" />
</c:otherwise>
</c:choose>
</h4>
<h4 class="title"><c:choose>
<c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" />
</c:when>
<c:otherwise>
<fmt:message key="conference.titleAdd" />
</c:otherwise>
</c:choose></h4>
<fmt:message key="step">
<fmt:param value="3" />
<fmt:param value="5" />
</fmt:message>
<p class="formHelp"><fmt:message key="conference.help.step3" /></p>
<form:form commandName="formConference" name="monForm">
Step (3/5) <br/>
<div class="formErrors"><form:errors path="*" /></div>
Here you can add some constraints at your conference like the number of pages by articles or the type of file you want the authors to use.<br/>
<br/>
<table>
<thead>
<tr>
<th colspan="2">Information</th>
</tr>
</thead>
<tbody>
<tr>
<td class="formLabel">Page's numbers</td>
<td><form:input path="pageNumber" /></td>
</tr>
<tr>
<td class="formLabel">Authorized file types</td>
<td><form:checkbox path="typePDF" /> Tex/Latec <form:checkbox
path="typeLatec" /> Word <form:checkbox path="typeWord" />
OpenOffice <form:checkbox path="typeODT" /></td>
</tr>
</tbody>
<thead>
<tr>
<th colspan="2">Complementary Informations</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2"><form:textarea path="sendInfo" cols="70"
rows="6" /></td>
</tr>
</tbody>
<tfoot>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="_target1" value="Back" /> <input
type="submit" name="_target3" value="Next" /></td>
</tr>
</tfoot>
</table>
</form:form>
<form:errors path="*" />
<fieldset><legend>Information</legend>
Page's numbers <form:input path="pageNumber" />
<br /> <br />
PDF <form:checkbox path="typePDF"/>
Tex/Latec <form:checkbox path="typeLatec"/>
Word <form:checkbox path="typeWord"/>
OpenOffice <form:checkbox path="typeODT"/>
</fieldset>
<br />
<hr />
<br />
Complementary Information : <form:textarea path="sendInfo" />
<br />
<br />
<input type="submit" align="middle" name="_target1" value="Back">
<input type="submit" align="middle" name="_target3" value="Next" />
</form:form> <br />
<a href="<c:url value="main.htm"/>">Home</a>
</body>

View File

@@ -145,25 +145,29 @@ var CritereManager = Class.create({
<body>
<h4 class="title">
<c:choose>
<c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" />
</c:when>
<c:otherwise>
<fmt:message key="conference.titleAdd" />
</c:otherwise>
</c:choose>
</h4>
<h4 class="title"><c:choose>
<c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" />
</c:when>
<c:otherwise>
<fmt:message key="conference.titleAdd" />
</c:otherwise>
</c:choose></h4>
<fmt:message key="step">
<fmt:param value="4" />
<fmt:param value="5" />
</fmt:message>
<br />
<br />
<p class="formHelp"><fmt:message key="conference.help.step4" /></p>
<form:form commandName="formConference" name="monForm">
Step (4/5) <br/>
This step allows you to add criterion which will be used when someone will evaluate an article.<br/>
You can add a new criterion using the input form, or add an existing criterion.<br/>
<br/>
<fieldset><legend>Existing criteria</legend>
<table>
<tbody>
<tr>
<td class="formLabel">Existing criteria</td>
<td>
<table border="1" id="tableCriterionAll" style="display: none;">
<thead>
<tr>
@@ -178,47 +182,46 @@ var CritereManager = Class.create({
<td><span id="tableCriterionAll">Criterion</span></td>
<td><span id="tableCriterionMinAll">Min</span></td>
<td><span id="tableCriterionMaxAll">Max</span></td>
<td>
<a id="add" href="#" onclick="addClicked(this.id)" >Add</a>
<td><a id="add" href="#" onclick="addClicked(this.id)">Add</a>
</td>
</tr>
</tbody>
</table>
</fieldset>
<br />
<fieldset><legend>Criteria</legend>
</td>
</tr>
<tr>
<td class="formLabel">Add a new criterion</td>
<td>
<table class="plain">
<tr>
<td>Label:</td>
<td><input id="label" type="text"/></td>
<td><input id="label" type="text" /></td>
</tr>
<tr>
<td>Min:</td>
<td><input id="min" type="text"/></td>
<td><input id="min" type="text" /></td>
</tr>
<tr>
<td>Max:</td>
<td><input id="max" type="text"/></td>
<td><input id="max" type="text" /></td>
<td><span id="errorMax"></span></td>
</tr>
<tr>
<td colspan="2" align="right"><span id="id" style="display: none;">-1</span>
<a href="#" onclick="writePerson()">Save</a>
<a href="#" onclick="clearPerson()">Clear</a>
</td>
<td colspan="2" align="right"><span id="id"
style="display: none;">-1</span> <a href="#"
onclick="writePerson()">Save</a> <a href="#"
onclick="clearPerson()">Clear</a></td>
<td></td>
</tr>
</table>
</fieldset>
<script type="text/javascript">
new CritereManager('label', 'min', 'max');
</script>
<br />
</script></td>
</tr>
<tr>
<td class="formLabel">Criteria list for this conference</td>
<td>
<table border="1" id="tableCriterion" style="display: none;">
<thead>
<tr>
@@ -233,29 +236,29 @@ var CritereManager = Class.create({
<td><span id="tableCriterion">Criterion</span></td>
<td><span id="tableCriterionMin">Min</span></td>
<td><span id="tableCriterionMax">Max</span></td>
<td>
<a id="edit" href="#" onclick="editClicked(this.id)" >Edit</a>
<a id="delete" href="#" onclick="deleteClicked(this.id)" >Delete</a>
<td><a id="edit" href="#" onclick="editClicked(this.id)">Edit</a>
<a id="delete" href="#" onclick="deleteClicked(this.id)">Delete</a>
</td>
</tr>
</tbody>
</table>
<br />
<input type="submit" align="middle" name="_target2" value="Back">
<input type="submit" align="middle" name="_target4" value="Next"/>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="_target2" value="Back">
<input type="submit" name="_target4" value="Next" /></td>
</tr>
</tfoot>
</table>
</form:form>
<script type="text/javascript">
init();
</script>
<br />
<br />
<a href="<c:url value="main.htm"/>">Home</a>
</body>

View File

@@ -7,7 +7,8 @@
<script type='text/javascript' src='./dwr/util.js'></script>
<script type='text/javascript' src='./dwr/interface/AddCriteriaJS.js'></script>
<script type='text/javascript' src='./javascripts/prototype.js'></script>
<script type='text/javascript' src='./javascripts/yacos/addConference_invitation.js'></script>
<script type='text/javascript'
src='./javascripts/yacos/addConference_invitation.js'></script>
<script type='text/javascript' src='./javascripts/scriptaculous.js'></script>
<script type='text/javascript'>
@@ -109,26 +110,30 @@ function filterUser(el, value) {
</head>
<body>
<h4 class="title">
<c:choose>
<c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" />
</c:when>
<c:otherwise>
<fmt:message key="conference.titleAdd" />
</c:otherwise>
</c:choose>
</h4>
<h4 class="title"><c:choose>
<c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" />
</c:when>
<c:otherwise>
<fmt:message key="conference.titleAdd" />
</c:otherwise>
</c:choose></h4>
<fmt:message key="step">
<fmt:param value="5" />
<fmt:param value="5" />
</fmt:message>
<p class="formHelp"><fmt:message key="conference.help.step5" /></p>
<form:form commandName="formConference" name="monForm">
Step (5/5) <br/>
This step allows you to add PC Member to the conference.<br/>
You can add a PC Member using the list below, or inviting someone using his email.<br/>
<br/>
Filter <form:input id="myfilter" path="myfilter" />
<br /> <br />
<table>
<tbody>
<tr>
<td class="formLabel"><fmt:message key="conference5.findUsers" />
</td>
<td>Filter <form:input id="myfilter" path="myfilter" /> <br />
<br />
<table border="1" id="tableName" style="display: none;">
<thead>
<tr>
@@ -139,14 +144,17 @@ function filterUser(el, value) {
<tbody id="personbody">
<tr id="pattern" style="display: none;">
<td><span id="tablePerson">Person</span></td>
<td>
<a id="addNew" href="#" onclick="addPerson(this.id)" >Add</a>
<td><a id="addNew" href="#" onclick="addPerson(this.id)">Add</a>
</td>
</tr>
</tbody>
</table>
<br />
</td>
</tr>
<tr>
<td class="formLabel"><fmt:message key="conference5.usersList" />
</td>
<td>
<table border="1" id="tableNameAdded" style="display: none;">
<thead>
<tr>
@@ -157,29 +165,42 @@ function filterUser(el, value) {
<tbody id="personbodyadded">
<tr id="patternadded" style="display: none;">
<td><span id="tablePersonadded">Person</span></td>
<td>
<a id="supprPerson" href="#" onclick="deletePerson(this.id)" >Delete</a>
</td>
<td><a id="supprPerson" href="#"
onclick="deletePerson(this.id)">Delete</a></td>
</tr>
</tbody>
</table>
<br />
<fmt:message key="invitation.send"/> <br/>
Mail: <input id="emailAddress" type="text"/> <input type="button" name="inviteButton" id="inviteButton" value="Invite"/>
</td>
</tr>
<tr>
<td class="formLabel"><fmt:message
key="conference5.invitation.send" /></td>
<td>eMail: <input id="emailAddress" type="text" /> <input
type="button" name="inviteButton" id="inviteButton" value="Invite" />
</td>
</tr>
<tr>
<td class="formLabel"><fmt:message
key="conference5.invitationList" /></td>
<td>
<div id="invitationList" class="dynamicList">
<div class="dynamicListHeader">
<fmt:message key="form.addConference.invitationsHeader" />
<div class="dynamicListHeader"><fmt:message
key="form.addConference.invitationsHeader" /></div>
</div>
</div>
<input type="button" id="removeInvitationButton" name="removeInvitation" value="<fmt:message key="button.removeSelected" />"/>
<br />
<input type="submit" align="middle" name="_target3" value="Back">
<input type="submit" align="middle" name="_finish" value="Finish" />
<input type="button" id="removeInvitationButton"
name="removeInvitation"
value="<fmt:message key="button.removeSelected" />" /> <br />
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="_target3" value="Back">
<input type="submit" name="_finish" value="Finish" /></td>
</tr>
</tfoot>
</table>
</form:form>

View File

@@ -32,6 +32,26 @@ form {
display: block;
}
.formLabel {
text-align: right;
vertical-align: top;
font-weight: bold;
color: #b05326;
max-width: 150px;
padding: 5px;
}
form > table > thead th {
font-weight: bold;
border-bottom: solid 2px #b05326;
padding-bottom: 0;
background-color: #ffedbb;
}
textarea {
display: block;
}
.formHelp {
min-height: 30px;
padding: 5px;