settings-tab.xhtml

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:a4j="http://richfaces.org/a4j"
  xmlns:rich="http://richfaces.org/rich"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:zanata="http://java.sun.com/jsf/composite/zanata">

<script type="text/javascript">
  function onValidationOptionChange(validationId) {
    var value = validationId.split('-');
    bindValidationValue(value[0], value[1]);
  }

  function getDocumentFormId() {
    return "[id='#{rich:clientId('settings-document_form')}']";
  }
</script>

<a4j:jsFunction name="bindRequireReviewValue"
  render="overall_statistic"
  action="#{versionHome.updateRequireTranslationReview(key, checked)}">
  <a4j:param name="val1" assignTo="#{key}"/>
  <a4j:param name="val2" assignTo="#{checked}"/>
</a4j:jsFunction>

<a4j:jsFunction name="bindValidationValue"
  action="#{versionHome.updateValidationOption(name, state)}"
  render="settings-translation-validation-form">
  <a4j:param name="val1" assignTo="#{name}"/>
  <a4j:param name="val2" assignTo="#{state}"/>
</a4j:jsFunction>

<a4j:jsFunction name="bindCustomizedLocales"
  render="settings-languages-form"
  oncomplete="refreshStatistics();zanata.form.appendCheckboxes('#settings-languages-form')"
  action="#{versionHome.updateCustomisedLocales(key, checked)}">
  <a4j:param name="val1" assignTo="#{key}"/>
  <a4j:param name="val2" assignTo="#{checked}"/>
</a4j:jsFunction>

<a4j:jsFunction name="runDelete" action="#{versionHome.deleteSelf()}" />

<h1>#{msgs['jsf.iteration.VersionSettings']}</h1>

<h:panelGroup layout="block"  styleClass="tabs--vertical js-tabs" id="version-settings">
<ui:fragment rendered="#{versionHomeAction.copyVersionHandler.inProgress}">
  <div class="bg--pop-highest l--pad-all-1">
    #{msgs['jsf.copyVersion.versionSettingsDisabled']}
  </div>
</ui:fragment>
<ui:fragment rendered="#{not versionHomeAction.copyVersionHandler.inProgress}">
<ul class="tabs__nav js-tabs-nav">
  <li>
    <a id="settings-general_tab"
      href="#{request.contextPath}/iteration/view/#{versionHome.projectSlug}/#{versionHome.slug}/settings/general"
      class="js-url-mod is-active" data-content="#settings-general">
      <i class="i i--settings"></i>
      <span class="is-hidden--m-l-down">#{msgs['jsf.General']}</span>
    </a>
  </li>
  <li>
    <a id="settings-documents_tab"
      href="#{request.contextPath}/iteration/view/#{versionHome.projectSlug}/#{versionHome.slug}/settings/documents"
      class="js-url-mod" data-content="#settings-documents">
      <i class="i i--document"></i>
      <span class="is-hidden--m-l-down">#{msgs['jsf.Documents']}</span>
    </a>
  </li>
  <li>
    <a id="settings-languages_tab"
      href="#{request.contextPath}/iteration/view/#{versionHome.projectSlug}/#{versionHome.slug}/settings/languages"
      class="js-url-mod" data-content="#settings-languages">
      <i class="i i--language"></i>
      <span class="is-hidden--m-l-down">#{msgs['jsf.Languages']}</span>
    </a>
  </li>
  <li>
    <a id="settings-translation_tab"
      href="#{request.contextPath}/iteration/view/#{versionHome.projectSlug}/#{versionHome.slug}/settings/translation"
      class="js-url-mod" data-content="#settings-translation">
      <i class="i i--translate"></i>
      <span class="is-hidden--m-l-down">#{msgs['jsf.Translation']}</span>
    </a>
  </li>
</ul>

<ul class="tabs__content js-tabs-content">
<li class="is-active" id="settings-general">
  <h2 class="l--push-all-0 gamma d--bottom">#{msgs['jsf.General']}</h2>

  <h:form id="settings-general_form" styleClass="l--constrain-large">
    <ui:include src="edit_form.xhtml"/>

    <div class="l--push-top-1">
      <a4j:commandLink id="updateButton" value="#{msgs['jsf.UpdateGeneralSettings']}"
        action="#{versionHome.update}"
        rendered="#{versionHome.managed}"
        render="version-info, copy-project-type"
        styleClass="l--push-right-half button--primary"/>
    </div>
    <hr/>
    <h:panelGroup layout="block"  styleClass="g--tight" id="status">
      <h:panelGroup layout="block"  styleClass="g__item w--1-2 l--push-bottom-1"
        rendered="#{versionHome.instance.status == 'ACTIVE'}">
        <a4j:commandLink
          styleClass="button--warning l--push-bottom-half"
          action="#{versionHome.updateStatus('R')}"
          render="status, version-info">
          <i
            class="i--left i--lock"></i> #{msgs['jsf.iteration.readonly']}
        </a4j:commandLink>

        <p
          class="txt--meta">#{msgs['jsf.iteration.readonly.Message']}</p>
      </h:panelGroup>
      <h:panelGroup layout="block"  styleClass="g__item w--1-2 l--push-bottom-1"
        rendered="#{versionHome.instance.status ne 'ACTIVE'}">
        <ui:fragment
          rendered="#{versionHome.instance.status eq 'OBSOLETE'}">
          <button class="button--success l--push-bottom-half" disabled="true">
            <i class="i--left i--lock"></i>
            #{msgs['jsf.iteration.writable']}
          </button>
        </ui:fragment>
        <a4j:commandLink
          styleClass="button--success l--push-bottom-half"
          rendered="#{versionHome.instance.status eq 'READONLY'}"
          action="#{versionHome.updateStatus('A')}"
          render="status, version-info">
          <i class="i--left i--lock"></i> #{msgs['jsf.iteration.writable']}
        </a4j:commandLink>

        <p class="txt--meta">#{msgs['jsf.iteration.writable.Message']}</p>
      </h:panelGroup>

      <ui:fragment
        rendered="#{identity.hasPermission(versionHome.instance, 'mark-obsolete')}">
        <h:panelGroup layout="block"  styleClass="g__item w--1-2"
          rendered="#{versionHome.instance.status ne 'OBSOLETE'}">
          <a href="#" class="button--danger l--push-bottom-half"
            data-toggle="modal" data-target="#delete-confirmation-modal">
            #{msgs['jsf.iteration.DeleteThisVersion']}
            <i class="i--left i--trash"></i>
          </a>
          <p
            class="txt--meta">#{msgs['jsf.iteration.delete.Message']}</p>
        </h:panelGroup>
      </ui:fragment>
    </h:panelGroup>
  </h:form>
</li>
<li id="settings-documents">
  <div class="panel">
    <div class="panel__header">
      <div class="panel__header__actions">
        <zanata:multi-file-upload styleClass="button button--snug l--push-top-half"
          id="file-upload-component"
          title="#{msgs['jsf.iteration.files.UploadNewSourceDocument']}"
          accepted="#{versionHome.acceptedSourceFileExtensions}"
          acceptedDescriptions="#{versionHome.acceptedSourceFile}"
          url="#{request.contextPath}/files/upload?p=#{versionHome.projectSlug}&amp;v=#{versionHome.slug}"
          maxfiles="#{applicationConfiguration.maxFilesPerUpload}">
          <i class="i i--add"></i>
        </zanata:multi-file-upload>
        <zanata:sortlist id="settings-document_sorting"
          sortAction="#{versionHomeAction.sortSettingsDocumentList()}"
          render="settings-document_form, settingsTabDocumentSearch-pager, settingsTabDocumentSearch-page-info, settingsTabDocumentSearchBottom-pager, settingsTabDocumentSearchBottom-page-info"
          sortingList="#{versionHomeAction.settingsDocumentSortingList}"
          onbegin="clearHTML('#{rich:clientId('settings-document_form')}')"
          status="settingsTab-documentsLoader"/>
      </div>

      <h2 class="panel__heading">#{msgs['jsf.SourceDocuments']}</h2>
    </div>

    <div class="panel__sub-header js-reveal">
      <zanata:list-filter iconClass="i--document"
        status="settingsTab-documentsLoader"
        listId="settings-document_form"
        render="settings-document_form, settingsTabDocumentSearchBottom-pager, settingsTabDocumentSearchBottom-page-info"
        id="settingsTabDocumentSearch"
        placeholder="#{msgs['jsf.document.search.placeholder']}"
        actionBean="#{versionHomeAction.settingsTabDocumentFilter}"/>
    </div>

    <a4j:status name="settingsTab-documentsLoader">
      <f:facet name="start"><zanata:loader/></f:facet>
    </a4j:status>

    <h:form id="settings-document_form" styleClass="l--push-bottom-1">
      <ul class="list--panel">
        <ui:repeat
          value="#{versionHomeAction.settingsTabDocumentFilter.currentPage}"
          var="document">
          <li>
            <div class="list__item__content">
              <div class="list__item__info bx--break-all">
                <label
                  class="form__checkbox__label js-form__checkbox__label">#{document.name}</label>
                <span class="list__item__meta">#{document.path}</span>
              </div>
              <div class="list__item__actions">
                <ul class="list--horizontal">
                  <li>
                        <span class="txt--meta"
                          title="#{versionHomeAction.getFormattedDate(document)}">
                          <h:outputText escape="false"
                            value="#{versionHomeAction.getLastUpdatedDescription(document)}"/>
                          <i class="i i--clock"></i>
                        </span>
                  </li>
                  <li>
                    <a href="#"
                      onclick="openUploadSourcePanel('#{document.docId}'); return false;"
                      title="#{msgs['jsf.iteration.files.UpdateDocument']}">
                      <i class="i i--import"></i>
                    </a>
                  </li>
                  <li>
                    <a href="#" class="txt--danger" onclick="setSelectedDoc('#{document.id}')"
                      title="#{msgs['jsf.iteration.files.DeleteDocument']}"
                      data-toggle="modal" data-target="#deleteDocModal">
                      <i class="i i--cancel"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </li>
        </ui:repeat>
      </ul>
    </h:form>
    <zanata:list-filter iconClass="i--document" listId="settings-document_form"
      render="settings-document_form, settingsTabDocumentSearch-pager, settingsTabDocumentSearch-page-info"
      id="settingsTabDocumentSearchBottom" bottomPanel="true"
      placeholder="#{msgs['jsf.document.search.placeholder']}"
      actionBean="#{versionHomeAction.settingsTabDocumentFilter}"/>
  </div>
</li>
<li id="settings-languages">
  <ui:include src="settings-tab-languages.xhtml" />
</li>
<li id="settings-translation">
  <h2 class="l--push-all-0 gamma d--bottom l--push-bottom-half">
    #{msgs['jsf.Translation']}
  </h2>

  <ui:remove>
    <!-- Remove require review option until https://bugzilla.redhat.com/show_bug.cgi?id=1211137-->
    <h:form id="settings-translation-review-form" styleClass="l--push-bottom-0">
      <h3 class="heading--secondary">#{msgs['jsf.label.review']}</h3>

        <div class="is-active" id="translation-review-form">
          <zanata:checkbox
            label="#{msgs['jsf.iteration.requireTranslationReview']}"
            onValueChanged="bindRequireReviewValue"
            checked="#{versionHome.instance.requireTranslationReview}"
            value="requireTranslationReview"/>

          <p class="txt--meta">#{msgs['jsf.iteration.requireReview.message']}
            <a href="http://zanata.readthedocs.io/en/release/user-guide/review/review-enable/"
              target="_blank"
              title="#{msgs['jsf.iteration.requireReview.help']}">
              <i class="i i--question"/>
            </a>
          </p>
        </div>
    </h:form>
    <hr/>
  </ui:remove>



  <h:form id="settings-translation-validation-form">
    <h3 class="heading--secondary">#{msgs['jsf.Validation']}</h3>

    <p>#{msgs['jsf.Validation.messages']}</p>

    <a4j:commandButton styleClass="button--small l--push-bottom-half"
      id="copy-project-validations"
      action="#{versionHome.copyValidationFromProject()}"
      value="#{msgs['jsf.iteration.CopyProjectValidation.label']}"
      render="settings-translation-validation-form"
      disabled="#{versionHome.isValidationsSameAsProject()}"/>

    <ul class="list--slat">
      <ui:repeat value="#{versionHome.validationList}" var="validationAction">
        <li class="js-example js-reveal">
          <div class="g--tight">
            <div class="g__item w--7-12">
              <label class="l--push-bottom-0">
                #{validationAction.id.displayName}
              </label>

              <p class="txt--meta l--push-bottom-quarter">
                #{validationAction.description}
                <a href="#" class="button--link js-reveal__toggle"
                  data-target="##{validationAction.id.name()}-example"
                  data-toggle-title="#{msgs['jsf.tooltip.HideExample']}"
                  title="#{msgs['jsf.tooltip.ShowExample']}">
                      <span class="js-reveal__toggle__text"
                        data-toggle-value="Less">
                        #{msgs['jsf.tooltip.More']}
                      </span>…
                </a>
              </p>
            </div>
            <div class="g__item w--5-12">
              <div class="button--group txt--align-right">
                <ui:repeat value="#{versionHome.validationStates}" var="state">
                  <ui:fragment rendered="#{validationAction.state eq state}">
                    <input name="#{validationAction.id.name()}"
                      id="#{validationAction.id.name()}-#{state}"
                      checked="true" type="radio"
                      onchange="onValidationOptionChange(this.id)"
                      class="form__item__input js-example__setter"
                      data-example=""/>
                  </ui:fragment>
                  <ui:fragment rendered="#{validationAction.state ne state}">
                    <input name="#{validationAction.id.name()}"
                      id="#{validationAction.id.name()}-#{state}"
                      onchange="onValidationOptionChange(this.id)"
                      type="radio" data-example=""
                      class="form__item__input js-example__setter"/>
                  </ui:fragment>
                  <label for="#{validationAction.id.name()}-#{state}"
                    class="button button--#{state.name() == 'Error'?'danger':state}">#{state}</label>
                </ui:repeat>
              </div>
            </div>
          </div>
          <div class="g--tight l--push-bottom-half is-hidden"
            id="#{validationAction.id.name()}-example">
            <div class="g__item w--1-2 l--push-top-quarter">
              <h4 class="zeta heading--secondary txt--uppercase">
                #{msgs['jsf.validation.source']}
              </h4>
                  <pre class="l--push-all-0"><code class="txt--mini">
                    <h:outputText value="#{validationAction.sourceExample}"
                      escape="false"/>
                  </code></pre>
            </div>
            <div class="g__item w--1-2 l--push-top-quarter">
              <h4 class="zeta heading--secondary txt--uppercase">
                #{msgs['jsf.validation.target']}
              </h4>
                  <pre class="l--push-all-0"><code class="txt--mini">
                    <h:outputText value="#{validationAction.targetExample}"
                      escape="false"/>
                  </code></pre>
            </div>
          </div>
        </li>
      </ui:repeat>
    </ul>
  </h:form>
</li>
</ul>
</ui:fragment>
</h:panelGroup>

  <ui:include src="/WEB-INF/layout/delete_confirmation_modal.xhtml">
    <ui:param name="copiedEntityType" value="#{msgs['jsf.Version']}" />
    <ui:param name="entityName" value="#{versionHome.instance.slug}" />
  </ui:include>
</ui:composition>