{**
 * plugins/generic/sword/articles.tpl
 *
 * Copyright (c) 2013-2015 Simon Fraser University Library
 * Copyright (c) 2003-2015 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * List of operations this plugin can perform
 *
 *}
{strip}
{assign var="pageTitle" value="plugins.importexport.sword.displayName"}
{include file="common/header.tpl"}
{/strip}

<script type="text/javascript">
{literal}
<!--
function toggleChecked() {
	var elements = document.getElementsByName("articleId[]");
	for (var i=0; i < elements.length; i++) {
			elements[i].checked = !elements[i].checked;
	}
}

function changeDepositPoint() {
	var depositPoints = Array();
	{/literal}
		{foreach from=$depositPoints key=key item=depositPoint}
			depositPoints[{$key|escape}] = new Array();
			depositPoints[{$key|escape}][0] = '{$depositPoint.url|escape}';
			depositPoints[{$key|escape}][1] = '{$depositPoint.username|escape}';
			depositPoints[{$key|escape}][2] = '{if $depositPoint.password!=''}1{else}0{/if}';
		{/foreach}
	{literal}
	var key = document.getElementById('articles').depositPoint.options[document.getElementById('articles').depositPoint.selectedIndex].value;
	document.getElementById('articles').swordUrl.value = depositPoints[key][0];
	if (depositPoints[key][1] != '') {
		document.getElementById('articles').swordUsername.value = depositPoints[key][1];
		document.getElementById('articles').swordUsername.disabled = true;
	} else {
		document.getElementById('articles').swordUsername.value = '';
		document.getElementById('articles').swordUsername.disabled = false;
	}
	if (depositPoints[key][2] == 1) {
		document.getElementById('articles').swordPassword.value = '********';
		document.getElementById('articles').swordPassword.disabled = true;
	} else {
		document.getElementById('articles').swordPassword.disabled = false;
	}

}

// -->
{/literal}
</script>

<br/>
<form action="{plugin_url path="deposit"}" method="post" id="articles">

<div id="settings">
<table width="100%" class="data">
	<tr valign="top">
		<td width="30%" class="label"><label for="depositPoint">{translate key="plugins.importexport.sword.depositPoint"}</label></td>
		<td width="70%" class="value">
			<input type="hidden" name="swordUrl" value="" />
			<select class="selectMenu" name="depositPoint" id="depositPoint" onchange="changeDepositPoint()">
				{foreach from=$depositPoints key=key item=depositPoint}
					<option value="{$key|escape}" {if $depositPoint.url == $swordUrl}selected="selected" {/if}>{$depositPoint.name|escape}</option>
				{/foreach}
			</select>&nbsp;<a class="action" href="{url op="plugin" path="generic"|to_array:"SwordPlugin":"settings"}">{translate key="plugins.importexport.sword.depositPoint.addRemove}</a>
		</td>
	</tr>
	<tr valign="top">
		<td class="label"><label for="swordUsername">{translate key="user.username"}</label></td>
		<td class="value"><input type="text" id="swordUsername" name="swordUsername" value="{$swordUsername|escape}" size="20" /></td>
	</tr>
	<tr valign="top">
		<td class="label"><label for="swordPassword">{translate key="user.password"}</label></td>
		<td class="value"><input type="password" id="swordPassword" name="swordPassword" value="" size="20" /></td>
	</tr>
	<tr valign="top">
		<td class="label"><label for="swordDepositPoint">{translate key="plugins.importexport.sword.depositPoint"}</label></td>
		<td class="value">
			{html_options name="swordDepositPoint" options=$swordDepositPoints selected=$swordDepositPoint}
			<input type="button" onclick="document.getElementById('articles').action='{plugin_url}'; document.getElementById('articles').submit()" value="{translate key="common.refresh"}" />
		</td>
	</tr>
	<tr valign="top">
		<td rowspan="2" class="label">
			{translate key="common.options"}
		</td>
		<td class="value">
			<input type="checkbox" id="depositGalleys" name="depositGalleys" {if $depositGalleys}checked="checked" {/if}/>
			<label for="depositGalleys">{translate key="plugins.importexport.sword.depositGalleys"}</label>
		</td>
	</tr>
	<tr valign="top">
		<td class="value">
			<input type="checkbox" id="depositEditorial" name="depositEditorial" {if $depositEditorial}checked="checked" {/if}/>
			<label for="depositEditorial">{translate key="plugins.importexport.sword.depositEditorial"}</label>
		</td>
	</tr>
</table>
</div>

<div id="articles">
<table width="100%" class="listing">
	<tr>
		<td colspan="4" class="headseparator">&nbsp;</td>
	</tr>
	<tr class="heading" valign="bottom">
		<td width="5%">&nbsp;</td>
		<td width="30%">{translate key="issue.issue"}</td>
		<td width="40%">{translate key="article.title"}</td>
		<td width="25%">{translate key="article.authors"}</td>
	</tr>
	<tr>
		<td colspan="4" class="headseparator">&nbsp;</td>
	</tr>

	{iterate from=articles item=articleData}
	{assign var=article value=$articleData.article}
	{assign var=issue value=$articleData.issue}
	<tr valign="top">
		<td><input type="checkbox" name="articleId[]" value="{$article->getId()}"/></td>
		<td><a href="{url page="issue" op="view" path=$issue->getId()}" class="action">{$issue->getIssueIdentification()|strip_unsafe_html|nl2br}</a></td>
		<td>{$article->getLocalizedTitle()|strip_unsafe_html}</td>
		<td>{$article->getAuthorString()|escape}</td>
	</tr>
	<tr>
		<td colspan="4" class="{if $articles->eof()}end{/if}separator">&nbsp;</td>
	</tr>
{/iterate}
{if $articles->wasEmpty()}
	<tr>
		<td colspan="4" class="nodata">{translate key="common.none"}</td>
	</tr>
	<tr>
		<td colspan="4" class="endseparator">&nbsp;</td>
	</tr>
{else}
	<tr>
		<td colspan="2" align="left">{page_info iterator=$articles}</td>
		<td colspan="3" align="right">{page_links anchor="articles" name="articles" iterator=$articles swordUrl=$swordUrl swordUsername=$swordUsername swordPassword=$swordPassword}</td>
	</tr>
{/if}
</table>
<p><input type="submit" value="{translate key="plugins.importexport.sword.deposit"}" class="button defaultButton"/>&nbsp;<input type="button" value="{translate key="common.selectAll"}" class="button" onclick="toggleChecked()" /></p>
</form>
</div>

<script type="text/javascript">
{literal}
<!--
// Initialize form state with current deposit point
changeDepositPoint();
// -->
{/literal}
</script>

{include file="common/footer.tpl"}