labelGroupAdd.tpl

{include file='header' pageTitle='wcf.acp.label.group.'|concat:$action}

{include file='aclPermissions'}
<script data-relocate="true">
	require(["WoltLabSuite/Core/Acp/Component/Label/Availability"], ({ setup }) => {
		setup();
	});
</script>

{if !$groupID|isset}
	{include file='shared_aclPermissionJavaScript' containerID='groupPermissions'}
{else}
	{include file='shared_aclPermissionJavaScript' containerID='groupPermissions' objectID=$groupID}
{/if}

{assign var=labelForceSelection value=$forceSelection}

<header class="contentHeader">
	<div class="contentHeaderTitle">
		<h1 class="contentTitle">{lang}wcf.acp.label.group.{$action}{/lang}</h1>
	</div>
	
	<nav class="contentHeaderNavigation">
		<ul>
			{if $action == 'edit'}
				{if !$labelGroup->sortAlphabetically}
					<li><button type="button" class="button jsChangeShowOrder">{icon name='up-down'} <span>{lang}wcf.global.changeShowOrder{/lang}</span></button></li>
				{/if}
				<li>
					{unsafe:$interactionContextMenu->render()}
				</li>
			{/if}
			
			{event name='contentHeaderNavigation'}
		</ul>
	</nav>
</header>

{include file='shared_formNotice'}

<form method="post" action="{if $action == 'add'}{link controller='LabelGroupAdd'}{/link}{else}{link controller='LabelGroupEdit' object=$labelGroup}{/link}{/if}">
	<div class="section tabMenuContainer">
		<nav class="tabMenu">
			<ul>
				<li><a href="#general">{lang}wcf.global.form.data{/lang}</a></li>
				<li><a href="#connect">{lang}wcf.acp.label.group.category.connect{/lang}</a></li>
			</ul>
		</nav>
		
		<div id="general" class="tabMenuContent">
			<div class="section">
				<dl{if $errorField == 'groupName'} class="formError"{/if}>
					<dt><label for="groupName">{lang}wcf.global.title{/lang}</label></dt>
					<dd>
						<input type="text" id="groupName" name="groupName" value="{$i18nPlainValues['groupName']}" autofocus class="long" maxlength="80">
						{if $errorField == 'groupName'}
							<small class="innerError">
								{if $errorType == 'empty' || $errorType == 'multilingual'}
									{lang}wcf.global.form.error.{$errorType}{/lang}
								{else}
									{lang}wcf.acp.label.group.groupName.error.{$errorType}{/lang}
								{/if}
							</small>
						{/if}
						<small>{lang}wcf.acp.label.group.groupName.description{/lang}</small>
						{include file='shared_multipleLanguageInputJavascript' elementIdentifier='groupName' forceSelection=false}
					</dd>
				</dl>
				
				<dl>
					<dt><label for="groupDescription">{lang}wcf.global.description{/lang}</label></dt>
					<dd>
						<input type="text" id="groupDescription" name="groupDescription" class="long" value="{$groupDescription}" maxlength="255">
						<small>{lang}wcf.acp.label.group.groupDescription.description{/lang}</small>
					</dd>
				</dl>
				
				<dl>
					<dt><label for="showOrder">{lang}wcf.global.showOrder{/lang}</label></dt>
					<dd>
						<input type="number" min="0" id="showOrder" name="showOrder" class="tiny" value="{if $showOrder}{$showOrder}{/if}">
					</dd>
				</dl>
				
				<dl>
					<dt></dt>
					<dd><label><input type="checkbox" name="forceSelection" id="forceSelection" value="1"{if $labelForceSelection} checked{/if}> {lang}wcf.acp.label.group.forceSelection{/lang}</label></dd>
				</dl>

				<dl>
					<dt></dt>
					<dd><label><input type="checkbox" name="sortAlphabetically" id="sortAlphabetically" value="1"{if $sortAlphabetically} checked{/if}> {lang}wcf.acp.label.group.sortAlphabetically{/lang}</label></dd>
				</dl>

				<dl id="groupPermissions">
					<dt>{lang}wcf.acl.permissions{/lang}</dt>
					<dd></dd>
				</dl>
				
				{event name='dataFields'}
			</div>
			
			{event name='generalSections'}
		</div>
		
		<div id="connect" class="tabMenuContent">
			<div class="section">
				{foreach from=$labelObjectTypeContainers item=container}
					<dl>
						<dt>{$container->getTitle()}</dt>
						<dd>
							<ul class="structuredList">
								{foreach from=$container item=objectType}
									<li class="{if $objectType->isCategory()} category{/if}"{if $objectType->getDepth()} style="padding-left: {$objectType->getDepth() * 20}px"{/if} data-depth="{$objectType->getDepth()}">
										<span>{$objectType->getLabel()}</span>
										<label><input id="checkbox_{$container->objectTypeID}_{$objectType->getObjectID()}" type="checkbox" name="objectTypes[{$container->objectTypeID}][]" value="{$objectType->getObjectID()}"{if $objectType->getOptionValue()} checked{/if}></label>
									</li>
								{/foreach}
							</ul>
						</dd>
					</dl>
				{/foreach}
			</div>
			
			{event name='connectSections'}
		</div>
	</div>
	
	<div class="formSubmit">
		<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
		{csrfToken}
	</div>
</form>

{if $action == 'edit' && !$labelGroup->sortAlphabetically}
	<script data-relocate="true">
		require(["WoltLabSuite/Core/Component/ChangeShowOrder"], ({ setup }) => {
			{jsphrase name='wcf.global.changeShowOrder'}

			setup(
				document.querySelector('.jsChangeShowOrder'),
				'core/labels/groups/{$labelGroup->groupID}/labels/show-order'
			);
		});
	</script>
{/if}

{include file='footer'}