view.xhtml

<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
  xmlns:s="http://jboss.org/schema/seam/taglib"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:a4j="http://richfaces.org/a4j"
  xmlns:rich="http://richfaces.org/rich"
  xmlns:zanata="http://java.sun.com/jsf/composite/zanata"
  template="../WEB-INF/template/template.xhtml">

<ui:define name="page_title">
  #{msgs['jsf.Version']} -
  #{versionHomeAction.projectSlug}:#{versionHomeAction.versionSlug}
</ui:define>

<ui:define name="center_content">
<script type="text/javascript">
  //<![CDATA[
  jQuery(function () {
    crossroads.addRoute(':pre*:/iteration/view/{projectSlug}/{versionSlug}/languages/:lang:',
      function (pre, projectSlug, versionSlug, lang) {
        zanata.tabs.activate(jQuery('#languages_tab'));
        var clickEle = jQuery('a.' + lang);
        if (lang && clickEle.length != 0) {
          updateActiveRow(jQuery('a.' + lang));
          toggleColumn('languages');
          reloadLocale(lang)
        }
      });

    crossroads.addRoute(':pre*:/iteration/view/{projectSlug}/{versionSlug}/documents/:docId*:',
      function (pre, projectSlug, versionSlug, docId) {
        zanata.tabs.activate(jQuery('#documents_tab'));
        var clickEle = jQuery('#' + jqSelector(docId)).children().eq(1);
        if (docId && clickEle.length != 0) {
          updateActiveRow(clickEle);
          toggleColumn('documents');
          reloadDocument(projectSlug, versionSlug, docId)
        }
      });

    crossroads.addRoute(':pre*:/iteration/view/{projectSlug}/{versionSlug}/settings/:setting:',
      function (pre, projectSlug, versionSlug, setting) {
        zanata.tabs.activate(jQuery('#settings_tab'));
        setting = setting || 'general';
        setting =
          validateTab("#settings-" + setting + '_tab', setting, 'general');
        zanata.tabs.activate(jQuery('#settings-' + setting + "_tab"))
      });


    crossroads.addRoute(':pre*:/iteration/view/{projectSlug}/{versionSlug}/:section:',
      function (pre, projectSlug, versionSlug, section) {
        section = section || 'languages';
        section = validateTab('#' + section + "_tab", section, "languages");
        zanata.tabs.activate(jQuery('#' + section + "_tab"))
      });

    renderStatistics();
  });
  //]]>

  function openUploadSourcePanel(docId) {
    #{rich:element('uploadSourcePanelHeader')}
  .
    innerHTML =
      '#{msgs['jsf.iteration.files.UpdateDocument']}: ' + docId;
    #{rich:element('uploadSourceDocId')}
  .
    value = docId;
    #{rich:component('uploadSourcePanel')}
  .
    show();
    checkIfFileSelected();
  }

  function hideUploadSourcePanel() {
    #{rich:component('uploadSourcePanel')}
  .
    hide();
    return false;
  }

  function checkIfFileSelected() {
    var isFileSelected = getSourceDocInput().val() != '';
    setUploadSourceButtonEnabled(isFileSelected);
    if (isFileSelected) {
      renderSourceDocTypeSelector(getSourceDocInput().val());
    }
  }

  function getSourceDocTypeSelection() {
    return jQuery('#' + jqSelector('#{rich:clientId('sourceDocumentTypes')}'));
  }

  function getSourceDocInput() {
    return jQuery('#' + jqSelector('#{rich:clientId('specificDocFileInput')}'));
  }

  function getUploadSourceDocButton() {
    return jQuery('#' + jqSelector('#{rich:clientId('specificDocSubmitUploadButton')}'));
  }

  function setUploadSourceButtonEnabled(enable) {
    var uploadButton = getUploadSourceDocButton();
    uploadButton.prop('disabled', !enable);
  }

</script>

  <h:form styleClass="l--push-bottom-0">
    <a4j:jsFunction name="reloadLocale" status="languageTab-documentsLoader"
      onbegin="clearHTML('#{rich:clientId('languages-document_list')}');clearHTML('#{rich:clientId('language-label')}');zanata.loader.activate('#languagesTab-language-label-loader')"
      oncomplete="zanata.loader.deactivate('#languagesTab-language-label-loader')"
      render="languages-document_list, language-label, languages-export_options, languageTabDocumentSearch-pager, languageTabDocumentSearch-page-info, languageTabDocumentSearchBottom-pager, languageTabDocumentSearchBottom-page-info">
      <a4j:param name="val1" assignTo="#{versionHomeAction.selectedLocaleId}"/>
    </a4j:jsFunction>

    <a4j:jsFunction name="reloadDocument" status="documentsTab-languagesLoader"
      onbegin="clearHTML('#{rich:clientId('documents-language_list')}');clearHTML('#{rich:clientId('document-label')}');zanata.loader.activate('#documentsTab-document-label-loader')"
      oncomplete="zanata.loader.deactivate('#documentsTab-document-label-loader')"
      render="documents-language_list, document-label, documents-language-size, documentsTabLanguageSearch-pager, documentsTabLanguageSearch-page-info, documentsTabLanguageSearchBottom-pager, documentsTabLanguageSearchBottom-page-info"
      action="#{versionHomeAction.setSelectedDocumentId(projSlug, verSlug, docId)}">
      <a4j:param name="val1" assignTo="#{projSlug}"/>
      <a4j:param name="val2" assignTo="#{verSlug}"/>
      <a4j:param name="val3" assignTo="#{docId}"/>
    </a4j:jsFunction>

    <a4j:jsFunction name="refreshStatistics" status="statistic-loader"
      oncomplete="refreshTooltip('version-page')" limitRender="true"
      render="overall_statistic, languages-language_form, languages-document_list, documents-document_form, documents-language_list, settings-document_form, languages-size, documents-size, language-label, document-label"
      action="#{versionHomeAction.resetPageData}"/>

    <a4j:jsFunction name="renderStatistics" status="statistic-loader"
      oncomplete="refreshTooltip('version-page');updateStateFromUrl()"
      render="overall_statistic, languages-language_form, documents-document_form, settings-document_form"
      action="#{versionHomeAction.setPageRendered(true)}"/>

    <a4j:jsFunction name="runCopyTrans" action="#{copyTransAction.startCopyTrans}"
      render="copyTrans, copy-trans-buttons"/>

    <a4j:jsFunction name="cancelCopyTrans" action="#{copyTransAction.cancel}"
      render="copyTrans, copy-trans-buttons"/>

    <a4j:jsFunction name="cancelCopyVersion" limitRender="true"
      action="#{versionHomeAction.cancelCopyVersion()}"
      render="version-info, version-more-actions, version-settings, copyVersion, messages"/>

    <a4j:jsFunction name="cancelMergeTrans" action="#{mergeTransAction.cancel}"
      render="mergeTrans, version-more-actions, merge-trans-buttons, selection-section"/>

    <a4j:jsFunction name="onCopyTransComplete"
      action="#{copyTransAction.onComplete()}"
      render="copyTrans, copy-trans-buttons"
      oncomplete="refreshStatistics();"/>

    <a4j:jsFunction name="onCopyVersionComplete"
      action="#{versionHomeAction.copyVersionHandler.onComplete()}"
      render="copyVersion, version-info, version-more-actions, version-settings"
      oncomplete="refreshStatistics();"/>

    <a4j:jsFunction name="onMergeTransComplete"
      action="#{mergeTransAction.onComplete()}"
      render="mergeTrans, version-more-actions, merge-trans-buttons, selection-section"
      oncomplete="refreshStatistics();"/>

    <a4j:jsFunction name="renderSourceDocTypeSelector"
      oncomplete="setUploadSourceButtonEnabled(getSourceDocTypeSelection().val() != '')"
      render="source-documentType-selection" limitRender="true">
      <a4j:param name="val1" assignTo="#{selectedSourceDocName}"/>
    </a4j:jsFunction>

    <a4j:jsFunction name="bindSourceDocumentType"
      onbegin="setUploadSourceButtonEnabled(getSourceDocTypeSelection().val() != '')"
      action="#{versionHomeAction.sourceFileUpload.setDocumentType(docType)}">
      <a4j:param name="val1" assignTo="#{docType}"/>
    </a4j:jsFunction>

  </h:form>


<div class="g" id="version-page">
<div class="g__item w--1-m w--3-8-l w--1-3 l--push-bottom-half">
  <p class="txt--meta l--push-all-0">
    <s:link view="/project/home.xhtml" propagation="none"
      value="#{msgs['jsf.Projects']}"/>
    <i class="i i--arrow-right"></i>
    <s:link
      value="#{versionHomeAction.version.project.name}" propagation="none"
      view="/project/project.xhtml">
      <f:param name="slug" value="#{versionHomeAction.projectSlug}"/>
    </s:link>
  </p>

  <s:div styleClass="l--push-bottom-half" id="version-info">
    <h1 class="l--push-all-0"><zanata:version-label version="#{versionHome.instance}"/></h1>
  </s:div>

  <s:div styleClass="progress-bar--large__expander l--pad-bottom-half"
    id="overall_statistic">
    <s:fragment rendered="#{versionHomeAction.pageRendered}">
      <p class="d--top l--pad-top-half txt--mini">
        #{msgs['jsf.TotalSourceContains']}
        <strong>#{versionHomeAction.overallStatistic.total} words</strong>
      </p>
      <ul class="g--tight g--fit">
        <ui:param name="showApproved" value="#{versionHomeAction.overallStatistic.percentApproved ne 0}"/>
          <s:fragment rendered="#{showApproved}">
          <li class="g__item l--push-bottom-half">
              <span class="stats txt--state-highlight">
                <span class="stats__figure">
                  #{statisticBar.formatPercentage(versionHomeAction.overallStatistic.percentApproved)}%
                </span>
                <span
                  class="stats__unit txt--lowercase"> #{msgs['jsf.stats.Approved']}</span>
              </span>
          </li>
        </s:fragment>

        <li class="g__item l--push-bottom-half">
              <span
                class="txt--state-success #{showApproved ? 'stats' : 'stats--large'}">
                <span class="stats__figure">
                  #{statisticBar.formatPercentage(versionHomeAction.overallStatistic.percentTranslated)}%
                </span>
                <span
                  class="stats__unit txt--lowercase"> #{msgs['jsf.stats.Translated']}</span>
              </span>
        </li>
        <li class="g__item l--push-bottom-half">
              <span class="#{showApproved ? 'stats' : 'stats--large'}">
                <span class="stats__figure">
                  #{statisticBar.formatHours(versionHomeAction.overallStatistic.remainingHours)}
                </span>
                <span class="stats__unit txt--lowercase">
                  #{msgs['jsf.stats.TotalHoursRemaining']}
                </span>
              </span>
        </li>
      </ul>
      <zanata:statistic
        value="#{versionHomeAction.overallStatistic}"
        type="large"/>
    </s:fragment>

    <zanata:loader type="loader--large"
      rendered="#{!versionHomeAction.pageRendered}"/>
  </s:div>
  <zanata:version-copy-action-loader id="copyTrans"
    oncomplete="onCopyTransComplete()"
    canCancelProcess="#{s:hasPermission(versionHomeAction.version, 'update')}"
    header="#{msgs['jsf.CopyTrans']}"
    actionBean="#{copyTransAction}"
    cancelTooltip="#{msgs['jsf.CopyTrans.cancel']}"
    onCancel="cancelCopyTrans()"
    cancelConfirmationMessage="#{msgs['jsf.copyVersion.cancel.confirm']}"/>

  <zanata:version-copy-action-loader id="copyVersion"
    oncomplete="onCopyVersionComplete()"
    canCancelProcess="#{s:hasPermission(versionHomeAction.version, 'update')}"
    header="#{msgs['jsf.CopyVersion']}"
    actionBean="#{versionHomeAction.copyVersionHandler}"
    onCancel="cancelCopyVersion()"
    cancelTooltip="#{msgs['jsf.copyVersion.cancel.message']}"
    cancelConfirmationMessage="#{msgs['jsf.copyVersion.cancel.confirm']}"/>

  <zanata:version-copy-action-loader id="mergeTrans"
    oncomplete="onMergeTransComplete()"
    canCancelProcess="#{s:hasPermission(versionHomeAction.version, 'update')}"
    header="#{msgs['jsf.iteration.mergeTrans']}"
    actionBean="#{mergeTransAction}"
    onCancel="cancelMergeTrans()"
    cancelTooltip="#{msgs['jsf.iteration.mergeTrans.cancelMerge']}"
    cancelConfirmationMessage="#{msgs['jsf.copyVersion.cancel.confirm']}"/>
</div>

<div class="g__item w--1-m w--5-8-l w--2-3">
  <div class="tabs--lined js-tabs">
    <ul class="tabs__nav js-tabs-nav">
      <li>
        <a id="languages_tab"
          href="#{request.contextPath}/iteration/view/#{versionHomeAction.projectSlug}/#{versionHomeAction.versionSlug}/languages"
          class="js-url-mod" data-content="#languages">
          <i class="i i--language"></i>
          <span class="is-hidden--s i__text--right">
            #{msgs['jsf.Languages']}
            <s:span styleClass="txt--neutral" id="languages-size">
              #{versionHomeAction.getSupportedLocale().size}
            </s:span>
          </span>
        </a>
      </li>
      <li>
        <a id="documents_tab"
          href="#{request.contextPath}/iteration/view/#{versionHomeAction.projectSlug}/#{versionHomeAction.versionSlug}/documents"
          class="js-url-mod" data-content="#documents">
          <i class="i i--document"></i>
          <span class="is-hidden--s i__text--right">
            #{msgs['jsf.Documents']}
            <s:span styleClass="txt--neutral"
              id="documents-size">
              #{versionHomeAction.getDocuments().size}
            </s:span>
          </span>
        </a>
      </li>
      <s:fragment rendered="#{not empty versionHomeAction.groups}">
        <li>
          <a id="groups_tab"
            href="#{request.contextPath}/iteration/view/#{versionHomeAction.projectSlug}/#{versionHomeAction.versionSlug}/groups"
            class="js-url-mod" data-content="#groups">
            <i class="i i--group"></i>
            <span class="is-hidden--s i__text--right">
              #{msgs['jsf.Groups']}
              <s:span styleClass="txt--neutral" id="groups-size">
                #{versionHomeAction.groups.size}
              </s:span>
            </span>
          </a>
        </li>
      </s:fragment>
      <li class="tab__end">
        <h:form>
          <s:div
            styleClass="dropdown dropdown--tab dropdown--small dropdown--right dropdown--inline js-dropdown"
            id="version-more-actions">
            <s:fragment
              rendered="#{identity.loggedIn}">
              <a class="dropdown__toggle js-dropdown__toggle"
                title="#{msgs['jsf.tooltip.MoreActions']}" href="#">
                <i class="i i--ellipsis"></i>
              </a>
              <ul class="dropdown__content js-dropdown__content"
                role="content" aria-labelledby="dropdownContent">
                <s:fragment rendered="#{not versionHomeAction.isCopyActionsRunning()}">
                  <s:fragment
                    rendered="#{s:hasPermission(versionHomeAction.version, 'update')}">
                    <li>
                      <a href="javascript:void(0)" class="i__item--right"
                        onclick="zanata.modal.show('#copy-trans-modal')">
                        #{msgs['jsf.CopyTrans']}
                        <i class="i i--translate i__item__icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#" class="i__item--right"
                        title="#{msgs['jsf.iteration.mergeTrans.header']}"
                        data-toggle="modal"
                        data-target="#mergeTransDialog">
                        #{msgs['jsf.iteration.mergeTrans']}
                        <i class="i i--import i__item__icon"></i>
                      </a>
                    </li>
                  </s:fragment>
                  <s:fragment
                    rendered="#{s:hasPermission(versionHome.instance, 'insert')}">
                    <li>
                      <s:link view="/project/add_iteration.xhtml"
                        styleClass="i__item--right" propagation="none"
                        value="#{msgs['jsf.copyVersion.versionPage.label']}">
                        <f:param name="projectSlug"
                          value="#{versionHome.projectSlug}"/>
                        <f:param name="copyFromVersionSlug"
                          value="#{versionHome.slug}"/>
                        <i class="i i--plus i__item__icon"></i>
                      </s:link>
                    </li>
                  </s:fragment>
                </s:fragment>
                <li>
                  <h:commandLink title="#{msgs['jsf.GenerateProjectConfig']}"
                    styleClass="i__item--right"
                    action="#{configurationAction.downloadGeneralConfig()}">
                    <f:param name="projectSlug"
                      value="#{versionHomeAction.projectSlug}"/>
                    <f:param name="iterationSlug"
                      value="#{versionHomeAction.versionSlug}"/>
                    #{msgs['jsf.ConfigFile']}
                    <i class="i i--export i__item__icon"></i>
                  </h:commandLink>
                </li>
                <li>
                  <h:outputLink id="exportTMXIterLink"
                    onclick="return confirm('#{msgs['jsf.ConfirmExportTMXIter']}')"
                    styleClass="i__item--right"
                    value="#{request.contextPath}/rest/tm/projects/#{versionHomeAction.projectSlug}/iterations/#{versionHomeAction.versionSlug}">
                    #{msgs['jsf.iteration.ExportTMXIter']}<i
                    class="i i--export i__item__icon"></i>
                  </h:outputLink>
                </li>
              </ul>
            </s:fragment>
          </s:div>
        </h:form>
      </li>
      <s:fragment
        rendered="#{s:hasPermission(versionHomeAction.version, 'update')}">
        <li class="tab__end">
          <a id="settings_tab"
            title="#{msgs['jsf.iteration.tooltip.VersionSettings']}"
            href="#{request.contextPath}/iteration/view/#{versionHomeAction.projectSlug}/#{versionHomeAction.versionSlug}/settings"
            class="js-url-mod" data-content="#settings">
            <span class="is-hidden--s i__text--left">
              #{msgs['jsf.Settings']}
            </span>
            <i class="i i--settings"></i>
          </a>
        </li>
      </s:fragment>
    </ul>

    <ul class="tabs__content panels__container js-tabs-content l--push-top-1">
      <li id="languages">
        <ui:include
          src="../WEB-INF/layout/version/languages-tab.xhtml"/>
      </li>

      <li id="documents">
        <ui:include
          src="../WEB-INF/layout/version/documents-tab.xhtml"/>
      </li>

      <s:fragment rendered="#{!versionHomeAction.groups.isEmpty()}">
        <li id="groups">
          <ui:include
            src="../WEB-INF/layout/version/groups-tab.xhtml"/>
        </li>
      </s:fragment>

      <s:fragment
        rendered="#{s:hasPermission(versionHomeAction.version, 'update')}">
        <li id="settings">
          <ui:include
            src="../WEB-INF/layout/version/settings-tab.xhtml"/>
        </li>
      </s:fragment>
    </ul>
  </div>
</div>
</div>

  <s:fragment
    rendered="#{s:hasPermission(versionHomeAction.version, 'update')}">
    <ui:include src="../WEB-INF/layout/version/merge_trans_modal.xhtml"/>
  </s:fragment>

<rich:popupPanel id="uploadSourcePanel"
  moveable="#{true}"
  resizeable="#{false}"
  autosized="#{true}">
  <f:facet name="header">
    <h:outputText id="uploadSourcePanelHeader"/>
  </f:facet>
  <h:form id="uploadSrcForm" enctype="multipart/form-data">
    <s:fileUpload id="specificDocFileInput"
      accept="*"
      onchange="checkIfFileSelected();"
      data="#{versionHomeAction.sourceFileUpload.fileContents}"
      fileName="#{versionHomeAction.sourceFileUpload.fileName}"/>
    <h:inputHidden id="uploadSourceDocId"
      value="#{versionHomeAction.sourceFileUpload.docId}"/>
    <br/>
    <h:selectOneMenu
      value="#{versionHomeAction.sourceFileUpload.sourceLang}">
      <f:selectItem itemLabel="#{msgs['jsf.upload.selectDocType']}"
        itemValue="#{null}" noSelectionOption="false" />
      <s:selectItems
        value="#{versionHomeAction.availableSourceLocales}" var="locale"
        label="#{locale.retrieveNativeName()}"
        itemValue="#{locale.localeId.toString()}"
        escape="true"/>
      <h:outputLabel value="#{msgs['jsf.SourceLanguage']}"/>
    </h:selectOneMenu>

    <s:div id="source-documentType-selection">
      <s:fragment rendered="#{versionHomeAction.needDocumentTypeSelection(selectedSourceDocName)}">
        <h:outputLabel styleClass="l--push-top-half">#{msgs['jsf.iteration.documentType.select']}</h:outputLabel>
        <h:selectOneMenu id="sourceDocumentTypes" onchange="bindSourceDocumentType(jQuery(this).val())"
          value="#{versionHomeAction.sourceFileUpload.documentType}">
          <f:selectItem itemLabel="#{msgs['jsf.upload.selectDocType']}" itemValue="#{null}"
            noSelectionOption="false" />
          <f:selectItems value="#{versionHomeAction.getDocumentTypes(selectedSourceDocName)}"
            var="documentType"
            itemLabel="#{documentType.name()}"
            itemValue="#{documentType.name()}"/>
        </h:selectOneMenu>
      </s:fragment>
    </s:div>

    <rich:collapsiblePanel
      header="#{msgs['jsf.iteration.files.CustomParams']}"
      switchType="client" styleClass="l--push-top-half"
      expanded="false">
      <h:outputLabel for="adapterParams"
        value="#{msgs['jsf.iteration.files.CustomParams.description']}"/>
      <br/>
      <h:inputTextarea id="adapterParams"
        value="#{versionHomeAction.sourceFileUpload.adapterParams}"/>
      <br/>
      <a target="_blank"
        href="https://github.com/zanata/zanata-server/wiki/Custom-document-parameters">
        #{msgs['jsf.iteration.files.CustomParams.linkText']}
      </a>
    </rich:collapsiblePanel>

    <div class="txt--align-right l--push-top-quarter">
      <h:commandButton id="specificDocSubmitUploadButton"
        value="#{msgs['jsf.Upload']}"
        action="#{versionHomeAction.uploadSourceFile}"/>
      <h:commandButton value="#{msgs['jsf.Cancel']}"
        onclick="return hideUploadSourcePanel();"/>
    </div>
  </h:form>
</rich:popupPanel>

</ui:define>

</ui:composition>