languages-tab.xhtml

<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:zanata="http://java.sun.com/jsf/composite/zanata"
  xmlns:a4j="http://richfaces.org/a4j"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:rich="http://richfaces.org/rich">

<div class="panels--2">
<div class="panels__panel panel">
  <div class="panels__panel__header panel__header">
    <div class="panel__header__actions">
      <zanata:sortlist id="languages-language_sorting"
        sortAction="#{versionGroupHomeAction.sortLanguageList()}"
        render="languages-language_form, languageTabLanguageFilter-pager, languageTabLanguageFilter-page-info, languageTabLanguageFilterBottom-pager, languageTabLanguageFilterBottom-page-info"
        sortingList="#{versionGroupHomeAction.languageSortingList}"
        onbegin="clearHTML('#{rich:clientId('languages-language_form')}')"
        status="languageTab-languagesLoader"/>

      <s:fragment
        rendered="#{s:hasPermission(versionGroupHome.instance, 'update')}">
        <div
          class="dropdown dropdown--header dropdown--small dropdown--right dropdown--inline js-dropdown">
          <a class="dropdown__toggle js-dropdown__toggle" href="#"
            title="#{msgs['jsf.tooltip.MoreActions']}"><i
            class="i i--ellipsis"></i></a>
          <ul class="dropdown__content js-dropdown__content" role="content"
            aria-labelledby="dropdownContent">
            <li>
              <a
                href="#{request.contextPath}/version-group/view/#{versionGroupHomeAction.slug}/settings/languages"
                onclick="changeBrowserUrl(this.href, true);return false;">
                #{msgs['jsf.ManageLanguage']} <i
                class="i i--settings i__item__icon"></i>
              </a>
            </li>
          </ul>
        </div>
      </s:fragment>
    </div>

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

  <div class="panel__sub-header js-reveal">
    <zanata:list-filter status="languageTab-languagesLoader"
      listId="languages-language_form"
      placeholder="#{msgs['jsf.language.search.placeholder']}"
      iconClass="i--language"
      render="languages-language_form, languageTabLanguageFilterBottom-pager, languageTabLanguageFilterBottom-page-info"
      id="languageTabLanguageFilter"
      actionBean="#{versionGroupHomeAction.languageTabLanguageFilter}"/>
  </div>

  <a4j:status name="languageTab-languagesLoader">
    <f:facet name="start">
      <zanata:loader/>
    </f:facet>
  </a4j:status>

  <h:form id="languages-language_form" styleClass="l--push-bottom-1">
    <s:div styleClass="l--pad-all-half"
      rendered="#{empty versionGroupHomeAction.activeLocales}">
      <p class="txt--meta">#{msgs['jsf.NoActiveLanguages']}</p>
      <s:fragment
        rendered="#{s:hasPermission(versionGroupHome.instance, 'update')}">
        <p>
          <a class="button--primary"
            href="#{request.contextPath}/version-group/view/#{versionGroupHomeAction.slug}/settings/languages"
            onclick="changeBrowserUrl(this.href, true);return false;">
            #{msgs['jsf.AddLanguages']}
          </a>
        </p>
      </s:fragment>
    </s:div>

    <s:div styleClass="l--pad-all-half"
      rendered="#{not empty versionGroupHomeAction.activeLocales and empty versionGroupHomeAction.languageTabLanguageFilter.currentPage}">
      <p class="txt--meta">#{msgs['jsf.search.NoResult']}</p>
    </s:div>

    <s:fragment
      rendered="#{not empty versionGroupHomeAction.languageTabLanguageFilter.currentPage}">
      <ul class="list--stats" id="languages-language_list">
        <ui:repeat
          value="#{versionGroupHomeAction.languageTabLanguageFilter.currentPage}"
          var="hLocale">
          <li class="progress-bar__expander panels__panel__item">
            <a
              href="#{request.contextPath}/version-group/view/#{versionGroupHomeAction.slug}/languages/#{hLocale.localeId}"
              onclick="changeBrowserUrl(this.href, true);return false;"
              class="#{hLocale.localeId}">
              <div class="list__item">
                <div class="list__item__info">
                  <h3 class="list__title">
                    #{hLocale.retrieveDisplayName()}
                    <s:span styleClass="badge--danger"
                      rendered="#{!versionGroupHomeAction.getMissingVersion(hLocale.localeId).isEmpty()}"
                      title="#{versionGroupHomeAction.getMissingVersionTitle(hLocale.localeId)}">
                      #{versionGroupHomeAction.getMissingVersion(hLocale.localeId).size()}
                    </s:span>
                  </h3>
                  <span class="list__item__meta">#{hLocale.localeId}</span>
                </div>
                <div class="list__item__stats">
                  <a4j:status name="statistic-loader">
                    <f:facet name="start">
                      <zanata:loader type="loader--small" layout="inline"/>
                    </f:facet>
                  </a4j:status>

                  <s:fragment rendered="#{versionGroupHomeAction.pageRendered}">
                    <ui:param name="displayUnit"
                      value="#{versionGroupHomeAction.getStatisticFigureForLocale(versionGroupHomeAction.languageSortingList.selectedSortOption, hLocale.localeId)}"/>
                     <span class="#{displayUnit.cssClass}"
                       title="#{displayUnit.title}">
                        <span class="stats__figure">#{displayUnit.figure}</span>
                        <span class="stats__unit">#{displayUnit.unit}</span>
                     </span>
                  </s:fragment>
                </div>
              </div>

              <zanata:statistic
                value="#{versionGroupHomeAction.getStatisticsForLocale(hLocale.localeId)}"
                rendered="#{versionGroupHomeAction.pageRendered}"/>
            </a>
          </li>
        </ui:repeat>
      </ul>
    </s:fragment>
  </h:form>

  <zanata:list-filter status="languageTab-languagesLoader"
    listId="languages-language_form"
    placeholder="#{msgs['jsf.language.search.placeholder']}"
    iconClass="i--language" bottomPanel="true"
    render="languages-language_form, languageTabLanguageFilter-pager, languageTabLanguageFilter-page-info"
    id="languageTabLanguageFilterBottom"
    actionBean="#{versionGroupHomeAction.languageTabLanguageFilter}"/>

</div>

<div class="panels__panel panel">
  <div class="panels__panel__header panel__header">
    <div class="panel__header__actions">
      <zanata:sortlist id="languages-project_sorting"
        sortAction="#{versionGroupHomeAction.sortProjectList(versionGroupHomeAction.selectedLocale.localeId)}"
        render="languages-project_list, languageTabVersionFilter-pager, languageTabVersionFilter-page-info, languageTabVersionFilterBottom-pager, languageTabVersionFilterBottom-page-info"
        sortingList="#{versionGroupHomeAction.projectSortingList}"
        onbegin="clearHTML('#{rich:clientId('languages-project_list')}')"
        status="languageTab-projectsLoader"/>
    </div>
    <a href="#" class="panel__header__back"
      onclick="removeActiveRows('languages-language_list');toggleColumn('languages')"
      title="#{msgs['Languages']}">
      <i class="i--huge i--arrow-left" aria-hidden="true"></i>
    </a>

    <h2 class="panel__heading">
      <zanata:loader jsHandle="true" layout="inline" type="loader--small"
        id="languagesTab-language-label-loader"/>
      <s:span id="language-label">
        #{versionGroupHomeAction.selectedLocale.retrieveDisplayName()}
      </s:span>
      #{msgs['jsf.Projects']}
    </h2>
  </div>

  <div class="panel__sub-header js-reveal">
    <zanata:list-filter status="languageTab-projectsLoader"
      listId="languages-project_list"
      placeholder="#{msgs['jsf.project.search.placeholder']}"
      iconClass="i--project"
      render="languages-project_list, languageTabVersionFilterBottom-pager, languageTabVersionFilterBottom-page-info"
      id="languageTabVersionFilter"
      actionBean="#{versionGroupHomeAction.languageTabVersionFilter}"/>
  </div>

  <a4j:status name="languageTab-projectsLoader">
    <f:facet name="start">
      <zanata:loader/>
    </f:facet>
  </a4j:status>

  <h:form id="languages-project_list" styleClass="l--push-bottom-1">
    <s:div styleClass="l--pad-all-half"
      rendered="#{versionGroupHomeAction.selectedLocale == null}">
      <p class="txt--meta">#{msgs['jsf.SelectALanguageFromList']}</p>
    </s:div>

    <s:fragment rendered="#{versionGroupHomeAction.selectedLocale != null}">
      <s:div styleClass="l--pad-all-half"
        rendered="#{empty versionGroupHomeAction.projectIterations}">
        <p class="txt--meta">#{msgs['jsf.NoProjectsInGroup']}</p>
        <s:fragment
          rendered="#{s:hasPermission(versionGroupHome.instance, 'update')}">
          <p>
            <a class="button--primary"
              href="#{request.contextPath}/version-group/view/#{versionGroupHomeAction.slug}/settings/projects"
              onclick="changeBrowserUrl(this.href, true);return false;">
              #{msgs['jsf.AddProjectVersions']}
            </a>
          </p>
        </s:fragment>
      </s:div>

      <s:div styleClass="l--pad-all-half"
        rendered="#{not empty versionGroupHomeAction.projectIterations and empty versionGroupHomeAction.languageTabVersionFilter.currentPage}">
        <p class="txt--meta">#{msgs['jsf.search.NoResult']}</p>
      </s:div>

      <s:fragment
        rendered="#{not empty versionGroupHomeAction.languageTabVersionFilter.currentPage}">
        <ul class="list--stats">
          <ui:repeat
            value="#{versionGroupHomeAction.languageTabVersionFilter.currentPage}"
            var="version">
            <li class="progress-bar__expander">
              <a
                href="#{request.contextPath}/iteration/view/#{version.project.slug}/#{version.slug}/languages/#{versionGroupHomeAction.selectedLocale.localeId}">
                <div class="list__item">
                  <div class="list__item__info">
                    <h3 class="list__title">#{version.project.name}</h3>
                      <span class="list__item__meta">
                        <i
                          class="txt--neutral i i--version"></i> #{version.slug}

                        <s:fragment
                          rendered="#{!versionGroupHomeAction.isLocaleActivatedInVersion(version, versionGroupHomeAction.selectedLocale.localeId)}">
                          <span
                            class="label--danger l--push-left-quarter">#{msgs['jsf.Missing']}</span>
                        </s:fragment>
                      </span>
                  </div>
                  <div class="list__item__stats">
                    <ui:param name="displayUnit"
                      value="#{versionGroupHomeAction.getStatisticFigureForProjectWithLocale(versionGroupHomeAction.projectSortingList.selectedSortOption, versionGroupHomeAction.selectedLocale.localeId, version.id)}"/>
                      <span class="#{displayUnit.cssClass}"
                        title="#{displayUnit.title}">
                        <span class="stats__figure">#{displayUnit.figure}</span>
                        <span class="stats__unit txt--lowercase">
                          #{displayUnit.unit}
                        </span>
                      </span>
                  </div>
                </div>

                <zanata:statistic
                  value="#{versionGroupHomeAction.getSelectedLocaleStatistic(version.id)}"/>
              </a>
            </li>
          </ui:repeat>
        </ul>
      </s:fragment>
    </s:fragment>
  </h:form>

  <zanata:list-filter status="languageTab-projectsLoader"
    listId="languages-project_list"
    placeholder="#{msgs['jsf.project.search.placeholder']}"
    bottomPanel="true"
    iconClass="i--project"
    render="languages-project_list, languageTabVersionFilter-pager, languageTabVersionFilter-page-info"
    id="languageTabVersionFilterBottom"
    actionBean="#{versionGroupHomeAction.languageTabVersionFilter}"/>

</div>
</div>
</ui:composition>