christiancorsano/yacos
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Modification CSS formulaire d'ajout de conference

Browse Source
This commit is contained in:
conceptoire.com
2008-02-15 18:21:56 +00:00
parent d370d2d7b8
commit 38bd59d2a6
7 changed files with 367 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
YACOSWeb/WebContent/WEB-INF/classes/messages.properties
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 dispatch.title=Dispatch the articles to the members
# Conference Form # 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.titleAdd=Add a conference
conference.titleModify=Modify a conference conference.titleModify=Modify a conference
conference.title=Title conference.title=Title
@@ -157,11 +163,17 @@ conference.errors.dateArticleSuperiorEvaluation=The article's deadline date must
conference2.title=Calendar conference2.title=Calendar
conference2.date=Conference's date conference2.date=Conference's date
conference2.start=Start : conference2.start=Begins on :
conference2.end=End : conference2.end=Ends on :
conference2.abstract=Abstract's deadline conference2.abstract=Abstract deadline
conference2.article=Article's deadline conference2.article=Submission deadline
conference2.evaluation=Evaluation's 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.title=Evaluation of an article
evaluation.commentPCMember=Comment of PC Member evaluation.commentPCMember=Comment of PC Member

55
YACOSWeb/WebContent/WEB-INF/jsp/addConference.jsp
View File

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

64
YACOSWeb/WebContent/WEB-INF/jsp/addConference2.jsp
View File

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

80
YACOSWeb/WebContent/WEB-INF/jsp/addConference3.jsp
View File

@@ -5,49 +5,63 @@
<body> <body>
<h4 class="title"> <h4 class="title"><c:choose>
<c:choose>
<c:when test="${param['action'] eq 'modify'}"> <c:when test="${param['action'] eq 'modify'}">
<fmt:message key="conference.titleModify" /> <fmt:message key="conference.titleModify" />
</c:when> </c:when>
<c:otherwise> <c:otherwise>
<fmt:message key="conference.titleAdd" /> <fmt:message key="conference.titleAdd" />
</c:otherwise> </c:otherwise>
</c:choose> </c:choose></h4>
</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"> <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/> <table>
<br/> <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> <a href="<c:url value="main.htm"/>">Home</a>
</body> </body>

79
YACOSWeb/WebContent/WEB-INF/jsp/addConference4.jsp
View File

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

89
YACOSWeb/WebContent/WEB-INF/jsp/addConference5.jsp
View File

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

20
YACOSWeb/WebContent/stylesheets/base.css
View File

@@ -32,6 +32,26 @@ form {
display: block; 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 { .formHelp {
min-height: 30px; min-height: 30px;
padding: 5px; padding: 5px;