Commit des corrections UC Submit Article
Gestionnaire de telechargement Liste des auteurs secondaires Quelques corrections javascripts
This commit is contained in:
@@ -2,15 +2,80 @@
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<script type='text/javascript' src='./javascripts/prototype.js'></script>
|
||||
<script type='text/javascript' src='./javascripts/scriptaculous.js'></script>
|
||||
<script type='text/javascript' src='./javascripts/effects.js'></script>
|
||||
<style type="text/css">
|
||||
.dynamicList {
|
||||
display: table;
|
||||
border-collapse: collapse;
|
||||
min-width: 200px;
|
||||
max-height: 200px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.dynamicList > * {
|
||||
display: table-row;
|
||||
border: thin solid #f57627;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
.dynamicListHeader {
|
||||
background-color: #f57627;
|
||||
}
|
||||
|
||||
.selected {
|
||||
background-color: #fea752;
|
||||
}
|
||||
</style>
|
||||
<script language="JavaScript">
|
||||
function Ajouter(form) {
|
||||
var o=new Option(form.secondaryauthor.value);
|
||||
form.liste.options[form.liste.options.length]=o;
|
||||
}
|
||||
|
||||
var SecondaryAuthorManager = Class.create({
|
||||
lastRef: 0,
|
||||
initialize: function(buttonAdd,buttonRemove,inputField){
|
||||
this.buttonAdd = buttonAdd;
|
||||
this.buttonRemove = buttonRemove;
|
||||
this.inputField = inputField;
|
||||
$(buttonAdd).observe("click",this.AddSecondaryAuthor.bind(this));
|
||||
$(buttonRemove).observe("click",this.RemoveSecondaryAuthor.bind(this));
|
||||
$(inputField).observe("keypress", this.KeyPressHandler.bindAsEventListener(this));
|
||||
},
|
||||
SelectSecondaryAuthor: function(event){
|
||||
var item = event.element();
|
||||
if(item.hasClassName('selected')){
|
||||
item.removeClassName('selected');
|
||||
} else {
|
||||
item.addClassName('selected');
|
||||
}
|
||||
},
|
||||
RemoveSecondaryAuthor: function() {
|
||||
var itemsToRemove = $('secondaryAuthorList').select('div.selected');
|
||||
itemsToRemove.invoke('remove');
|
||||
},
|
||||
KeyPressHandler: function(event){
|
||||
switch(event.keyCode){
|
||||
case Event.KEY_RETURN:
|
||||
this.AddSecondaryAuthor();
|
||||
event.stop();
|
||||
return false;
|
||||
}
|
||||
},
|
||||
AddSecondaryAuthor: function() {
|
||||
var ref = this.lastRef++;
|
||||
var elemName = "liste["+ref+"]";
|
||||
var value = $('newSecondaryAuthorInput').value;
|
||||
var hidden = new Element('input',{'id':elemName,'name':elemName,'type':'hidden','value':value});
|
||||
var elem = new Element('div',
|
||||
{ 'class':'dynamicListItem',
|
||||
'style':'display:none;height:0px;width:0px;',
|
||||
'id':elemName}).update(value).insert(hidden);
|
||||
elem.observe('click', this.SelectSecondaryAuthor.bindAsEventListener());
|
||||
$('secondaryAuthorList').insert(elem);
|
||||
$(this.inputField).clear();
|
||||
Effect.Appear(elemName);
|
||||
}
|
||||
});
|
||||
|
||||
function Supprimer(form) {
|
||||
form.liste.options[form.liste.options.selectedIndex]=null;
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
@@ -18,7 +83,7 @@ function Supprimer(form) {
|
||||
|
||||
<h4 class="title"><fmt:message key="submission.title" /></h4>
|
||||
<form:form method="post" enctype="multipart/form-data" commandName="submissionArticle">
|
||||
|
||||
<fieldset>
|
||||
|
||||
<form:label path="title"><fmt:message key="form.submission.article.title" /></form:label> <form:input path="title"/> <font color="red"><form:errors path="title"/></font> <br/><br />
|
||||
|
||||
@@ -28,19 +93,31 @@ function Supprimer(form) {
|
||||
|
||||
<hr/> <br/>
|
||||
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
|
||||
<label for="listauthor"><fmt:message key="form.submission.listauthor" /></label> <br /><br />
|
||||
<form:label path="mainauthor"><fmt:message key="form.submission.mainauthor" /></form:label>: <b>${currentUser.firstName} ${currentUser.lastName}</b>
|
||||
<br/> <br/>
|
||||
<form:label path="secondaryauthor"><fmt:message key="form.submission.secondaryauthor" /></form:label> <form:input path="secondaryauthor" />
|
||||
<input type="button" name="addSecondary" onClick="Ajouter(this.form)" value=<fmt:message key="button.add" />> <br/><br />
|
||||
<label for="newSecondaryAuthor"><fmt:message key="form.submission.secondaryauthor" /></label>
|
||||
<input id="newSecondaryAuthorInput" type="text" name="newSecondaryAuthor" />
|
||||
<input type="button" id="addSecondaryButton" name="addSecondary" value="<fmt:message key="button.add" />">
|
||||
|
||||
<form:select path="liste" size="5" ondblclick="Supprimer(this.form)" multiple="true">
|
||||
|
||||
</form:select>
|
||||
<div id="secondaryAuthorList" class="dynamicList">
|
||||
<div class="dynamicListHeader">
|
||||
<fmt:message key="form.submission.secondaryauthor" />
|
||||
</div>
|
||||
</div>
|
||||
<input type="button" id="removeSecondaryButton" name="removeSecondary" value="<fmt:message key="button.removeSelected" />"/>
|
||||
|
||||
<script type="text/javascript">
|
||||
new SecondaryAuthorManager('addSecondaryButton','removeSecondaryButton','newSecondaryAuthorInput');
|
||||
</script>
|
||||
|
||||
<br /><br />
|
||||
|
||||
</fieldset>
|
||||
<hr />
|
||||
<fieldset>
|
||||
<br />
|
||||
File <input type="file" name="file"/>
|
||||
|
||||
@@ -48,7 +125,7 @@ function Supprimer(form) {
|
||||
<br /><br />
|
||||
<input type="reset" value="<fmt:message key="button.reset" />"/>
|
||||
<input type="submit" value="<fmt:message key="button.OK" />"/> <br/><br/>
|
||||
|
||||
</fieldset>
|
||||
</form:form>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user