_modal-settings-language.html 2.68 KB
Newer Older
1 2 3 4 5 6 7 8 9
<%! from django.utils.translation import ugettext as _ %>
<%!
  from django.core.urlresolvers import reverse
%>

<%namespace name='static' file='../static_content.html'/>

<section id="change_language" class="modal modal-settings-language" aria-hidden="true">
  <div class="inner-wrapper" role="dialog" aria-labelledby="change_language_title">
10
    <button class="close-modal">
11
      <i class="icon fa fa-remove"></i>
12 13
      <span class="sr">
        ## Translators: this is a control to allow users to exit out of this modal interface (a menu or piece of UI that takes the full focus of the screen)
14
        ${_('Close')}
15 16
      </span>
    </button>
17 18

    <header>
19 20 21 22
      <h2>
        <span id="change_language_title">${_("Change Preferred Language")}</span>
        <span class="sr">,
          ## Translators: this text gives status on if the modal interface (a menu or piece of UI that takes the full focus of the screen) is open or not
23
          ${_("window open")}
24 25
        </span>
      </h2>
26 27 28
      <hr/>
    </header>
    <div id="change_language_body">
29 30
      <form action="/i18n/setlang/" method="post" class="settings-language-form" id="settings-form">
      <input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}">
31 32 33
        <ol class="list-input">
          <li class="field text settings-language-select" id="settings-language-select">
            <label class="label sr" for="settings-language-value">${_("Please choose your preferred language")}</label>
34 35 36 37
            <select class="input select" id="settings-language-value" name="language">
            % for abbrv in language_options:
              % for language in settings.LANGUAGES:
                % if abbrv == language[0]:
38
                  % if abbrv == current_language_code:
39 40 41 42 43 44 45
                    <option value="${language[0]}" selected="selected">${language[1]}</option>
                  % else:
                    <option value="${language[0]}">${language[1]}</option>
                  % endif
                % endif
              % endfor
            % endfor
46 47 48 49
            </select>
          </li>
        </ol>

50 51 52
        <div class="submit">
          <input type="submit" id="submit-lang" value="${_('Save Language Settings')}" />
        </div>
53
      </form>
54 55 56

      <ul class="list list-actions actions-supplemental">
        <li class="list-actions-item">
57 58 59 60 61 62
        ${_("Don't see your preferred language? {link_start}Volunteer to become a translator!{link_end}").format(
          link_start='<a class=" action action-volunteer" rel="external" target="_blank" href={translators_guide}>'.format(
            translators_guide=settings.TRANSLATORS_GUIDE
          ),
          link_end="</a>"
        )}
63 64
        </li>
      </ul>
65 66 67
    </div>
  </div>
</section>