<commit_before>{% extends "base.html" %}

{% block class %}translate{% endblock %}

{% block content %}
<!-- Server data -->
<div id="server"
     class="hidden"
     {% if csrf_token %}data-csrf="{{ csrf_token }}"{% endif %}
     {% if locale_code %}data-locale="{{ locale_code }}"{% endif %}
     {% if project_url %}data-url="{{ project_url }}"{% endif %}
     {% if mt_apikey %}data-mt-apikey="{{ mt_apikey }}"{% endif %}>
</div>

<!-- Main UI -->
<aside id="main">

  <header>
    <!-- Loading Main UI spinner -->
    <span id="spinner" class="loader"></span>

    <div class="container">
      <hr id="drag">
      <a id="logo" href="/">Pontoon</a>

      {% if info %}
      <!-- General project info -->
      <div id="info" class="select">
        <div class="selector"></div>
        <aside class="menu">
          {% if info.brief %}
          <section class="brief">
            <h2>{{ _('Campaign Brief') }}</h2>
            <p>{{ info.brief }}</p>
          </section>
          {% endif %}
          {% if info.locales %}
          <section class="locales">
            <h2>{{ _('Locales and Regions') }}</h2>
            <p>{{ info.locales }}</p>
          </section>
          {% endif %}
          {% if info.audience %}
          <section class="audience">
            <h2>{{ _('Audience, Reach, and Impact') }}</h2>
            <p>{{ info.audience }}</p>
          </section>
          {% endif %}
          {% if info.metrics %}
          <section class="metrics">
            <h2>{{ _('Success Metrics') }}</h2>
            <p>{{ info.metrics }}</p>
          </section>
          {% endif %}
        </aside>
      </div>
      {% endif %}

      <input class="url" type="text" />

      <!-- Locale selector -->
      <div class="locale select">
        <div class="button confirm">
          <span class="language"></span>
        </div>
        <div class="button selector">
          <span class="handle">&#9652;</span>
        </div>
        <div class="menu">
          <input type="text" class="search" autocomplete="off">
          <div class="horizontal-separator"></div>
          <ul>
            {% for locale in locales %}
            <li><span class="language {{ locale.code }}">{{ locale.name }}<span class="code">{{ locale.code }}</span></span></li>
            {% endfor %}
            <li class="no-match">{{ _('No results match') }} "<span></span>"</li>
          </ul>
        </div>
      </div>
      
      <span class="vertical-separator"></span>

      {% if pages %}
      <!-- Page selector -->
      <div class="page select">
        <div class="button selector">
          <span class="title">{{ current_page }}</span>
          <span> &#9652;</span>
        </div>
        <ul class="menu">
          {% for page in pages %}
          <li><a class="title" href="/locale/{{ locale_code }}/site/{{ page.url }}">{{ page.name }}</a></li>
          {% endfor %}
        </ul>
      </div>
      {% endif %}

      <!-- Progress indicator -->
      <div id="progress"><span></span></div>
      <span id="progress-value"></span>
              
      <div class="right{% if user.is_authenticated() %} authenticated{% endif %}">
        <span id="loading" class="notification"></span>
        <img id="browserid" src="{{ static('img/sign_in_blue.png') }}" alt="{{ _('Sign in using BrowserID') }}" />
        <div id="profile" class="select">
          <div class="button selector">
            <span class="author">{{ user.email }}</span>
            <span> &#9652;</span>
          </div>
          <ul id="profile-menu" class="menu">
            <li><a class="sign-out" href="{{ url('signout') }}">{{ _('Sign out') }}</a></li>
            {% if perms.base.can_manage %}<li><a class="admin" href="{{ url('pontoon.admin') }}">{{ _('Admin') }}</a></li>{% endif %}
            <li class="horizontal-separator"></li>
            <li{% if not svn %} class="hidden"{% endif %}><a class="svn" href="{{ url('pontoon.svn') }}">{{ _('Commit to SVN') }}</a></li>
            <li{% if not (transifex_project and transifex_resource) %} class="hidden"{% endif %}><a class="transifex" href="{{ url('pontoon.transifex') }}">{{ _('Save to Transifex') }}</a></li>
            <li><a class="html" href="{{ url('pontoon.download') }}">{{ _('Download as HTML') }}</a></li>
            <li><a class="json" href="{{ url('pontoon.download') }}">{{ _('Download as JSON') }}</a></li>
            <li><a class="po" href="{{ url('pontoon.download') }}">{{ _('Download as PO') }}</a></li>
          </ul>
          {% if (transifex_project and transifex_resource) %}
          <aside id="transifex" class="popup">
            <h2>
              {{ _('Sign in to Transifex') }}
              <a class="cancel" href="#"></a>
            </h2>
            <form>
              <input name="username" type="text" placeholder="Email or Username" />
              <input name="password" type="password" placeholder="Password" />
              <span class="button">{{ _('Sign in') }}</span>
              <div class="bottom">
                <label class="remember">
                  <input name="remember" type="checkbox" />{{ _('Remember me') }}
                </label>
                <a class="new" target="_blank" href="https://www.transifex.net/plans/signup/free/">{{ _('New to Transifex?') }}</a>
              </div>
            </form>
          </aside>
          {% endif %}
          {% if svn %}
          <aside id="svn" class="popup">
            <h2>
              {{ _('Sign in to Mozilla SVN') }}
              <a class="cancel" href="#"></a>
            </h2>
            <form>
              <input name="username" type="text" placeholder="Email" />
              <input name="password" type="password" placeholder="Password" />
              <span class="button">{{ _('Sign in') }}</span>
              <div class="bottom">
                <label class="remember">
                  <input name="remember" type="checkbox" />{{ _('Remember me') }}
                </label>
                <a class="new" target="_blank" href="https://l10n.mozilla.org/">{{ _('New to Mozilla?') }}</a>
              </div>
            </form>
          </aside>
          {% endif %}
        </div>
        <button id="switch"></button>
      </div>

    </div>
  </header>

  <!-- Strings placeholder -->
  <div id="entitylist"></div>
</aside>

<!-- Website placeholder + iframe fix: prevent iframes from capturing the mousemove events during a drag -->
<iframe id="source"></iframe>
<div id="iframe-cover"></div>

<!-- Project loading indicator -->
{% include 'loader.html' %}

{% endblock %}

{% block extend_js %}
<script src="https://login.persona.org/include.js"></script>
{% endblock %}
<commit_msg>Translate view URL placeholder<commit_after>{% extends "base.html" %}

{% block class %}translate{% endblock %}

{% block content %}
<!-- Server data -->
<div id="server"
     class="hidden"
     {% if csrf_token %}data-csrf="{{ csrf_token }}"{% endif %}
     {% if locale_code %}data-locale="{{ locale_code }}"{% endif %}
     {% if project_url %}data-url="{{ project_url }}"{% endif %}
     {% if mt_apikey %}data-mt-apikey="{{ mt_apikey }}"{% endif %}>
</div>

<!-- Main UI -->
<aside id="main">

  <header>
    <!-- Loading Main UI spinner -->
    <span id="spinner" class="loader"></span>

    <div class="container">
      <hr id="drag">
      <a id="logo" href="/">Pontoon</a>

      {% if info %}
      <!-- General project info -->
      <div id="info" class="select">
        <div class="selector"></div>
        <aside class="menu">
          {% if info.brief %}
          <section class="brief">
            <h2>{{ _('Campaign Brief') }}</h2>
            <p>{{ info.brief }}</p>
          </section>
          {% endif %}
          {% if info.locales %}
          <section class="locales">
            <h2>{{ _('Locales and Regions') }}</h2>
            <p>{{ info.locales }}</p>
          </section>
          {% endif %}
          {% if info.audience %}
          <section class="audience">
            <h2>{{ _('Audience, Reach, and Impact') }}</h2>
            <p>{{ info.audience }}</p>
          </section>
          {% endif %}
          {% if info.metrics %}
          <section class="metrics">
            <h2>{{ _('Success Metrics') }}</h2>
            <p>{{ info.metrics }}</p>
          </section>
          {% endif %}
        </aside>
      </div>
      {% endif %}

      <input class="url" type="text" placeholder="{{ _('Type URL and press Enter') }}" />

      <!-- Locale selector -->
      <div class="locale select">
        <div class="button confirm">
          <span class="language"></span>
        </div>
        <div class="button selector">
          <span class="handle">&#9652;</span>
        </div>
        <div class="menu">
          <input type="text" class="search" autocomplete="off">
          <div class="horizontal-separator"></div>
          <ul>
            {% for locale in locales %}
            <li><span class="language {{ locale.code }}">{{ locale.name }}<span class="code">{{ locale.code }}</span></span></li>
            {% endfor %}
            <li class="no-match">{{ _('No results match') }} "<span></span>"</li>
          </ul>
        </div>
      </div>
      
      <span class="vertical-separator"></span>

      {% if pages %}
      <!-- Page selector -->
      <div class="page select">
        <div class="button selector">
          <span class="title">{{ current_page }}</span>
          <span> &#9652;</span>
        </div>
        <ul class="menu">
          {% for page in pages %}
          <li><a class="title" href="/locale/{{ locale_code }}/site/{{ page.url }}">{{ page.name }}</a></li>
          {% endfor %}
        </ul>
      </div>
      {% endif %}

      <!-- Progress indicator -->
      <div id="progress"><span></span></div>
      <span id="progress-value"></span>
              
      <div class="right{% if user.is_authenticated() %} authenticated{% endif %}">
        <span id="loading" class="notification"></span>
        <img id="browserid" src="{{ static('img/sign_in_blue.png') }}" alt="{{ _('Sign in using BrowserID') }}" />
        <div id="profile" class="select">
          <div class="button selector">
            <span class="author">{{ user.email }}</span>
            <span> &#9652;</span>
          </div>
          <ul id="profile-menu" class="menu">
            <li><a class="sign-out" href="{{ url('signout') }}">{{ _('Sign out') }}</a></li>
            {% if perms.base.can_manage %}<li><a class="admin" href="{{ url('pontoon.admin') }}">{{ _('Admin') }}</a></li>{% endif %}
            <li class="horizontal-separator"></li>
            <li{% if not svn %} class="hidden"{% endif %}><a class="svn" href="{{ url('pontoon.svn') }}">{{ _('Commit to SVN') }}</a></li>
            <li{% if not (transifex_project and transifex_resource) %} class="hidden"{% endif %}><a class="transifex" href="{{ url('pontoon.transifex') }}">{{ _('Save to Transifex') }}</a></li>
            <li><a class="html" href="{{ url('pontoon.download') }}">{{ _('Download as HTML') }}</a></li>
            <li><a class="json" href="{{ url('pontoon.download') }}">{{ _('Download as JSON') }}</a></li>
            <li><a class="po" href="{{ url('pontoon.download') }}">{{ _('Download as PO') }}</a></li>
          </ul>
          {% if (transifex_project and transifex_resource) %}
          <aside id="transifex" class="popup">
            <h2>
              {{ _('Sign in to Transifex') }}
              <a class="cancel" href="#"></a>
            </h2>
            <form>
              <input name="username" type="text" placeholder="Email or Username" />
              <input name="password" type="password" placeholder="Password" />
              <span class="button">{{ _('Sign in') }}</span>
              <div class="bottom">
                <label class="remember">
                  <input name="remember" type="checkbox" />{{ _('Remember me') }}
                </label>
                <a class="new" target="_blank" href="https://www.transifex.net/plans/signup/free/">{{ _('New to Transifex?') }}</a>
              </div>
            </form>
          </aside>
          {% endif %}
          {% if svn %}
          <aside id="svn" class="popup">
            <h2>
              {{ _('Sign in to Mozilla SVN') }}
              <a class="cancel" href="#"></a>
            </h2>
            <form>
              <input name="username" type="text" placeholder="Email" />
              <input name="password" type="password" placeholder="Password" />
              <span class="button">{{ _('Sign in') }}</span>
              <div class="bottom">
                <label class="remember">
                  <input name="remember" type="checkbox" />{{ _('Remember me') }}
                </label>
                <a class="new" target="_blank" href="https://l10n.mozilla.org/">{{ _('New to Mozilla?') }}</a>
              </div>
            </form>
          </aside>
          {% endif %}
        </div>
        <button id="switch"></button>
      </div>

    </div>
  </header>

  <!-- Strings placeholder -->
  <div id="entitylist"></div>
</aside>

<!-- Website placeholder + iframe fix: prevent iframes from capturing the mousemove events during a drag -->
<iframe id="source"></iframe>
<div id="iframe-cover"></div>

<!-- Project loading indicator -->
{% include 'loader.html' %}

{% endblock %}

{% block extend_js %}
<script src="https://login.persona.org/include.js"></script>
{% endblock %}

{'fraction_non_alphanumeric': 0.2161421695668271, 'fraction_numerical': 0.0038504257682339875, 'mean_word_length': 2.020800715723552, 'pattern_counts': {'":': 0, '<': 395, '<?xml version=': 0, '>': 395, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7541947', 'n_tokens_mistral': 4297, 'n_tokens_neox': 3968, 'n_words': 949}