FreedomBox/plinth/templates/clients.html

{% comment %}
#
# This file is part of Plinth.
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
#
{% endcomment %}

{% load i18n %}

{% if module.clients  %}
<div class="clients-info">
  <p class="heading">{% trans "Web Clients" %}:
  <ul>
    {% for client in module.clients %}
      {% for platform in client.platforms %}
        {% if platform.type == 'web' %}
        <li>
            <span><a href="{{ platform.relative_url }}">{{ client.name}}</a></span>
        </li>
        {% endif %}
      {% endfor %}
    {% endfor %}
  </ul>
</div>

<div class="clients-info">
  {% load static %}
  <p class="heading">{% trans "Desktop Clients" %}:
    <ul>
      {% for client in module.clients %}
      <li class="col-md-12 col-xs-12">
        <span>
            {{ client.name }}
        </span>
      </li>
      <div class ="row">
          {% for platform in client.platforms %}
            {% if platform.type == 'download' %}
          <div class="col-md-1 col-xs-2">
                <a href="{{ platform.url }}">
              {% if platform.os == 'Windows' %}
                  <img class="os-icon" src="{% static 'theme/img/windows.png' %}" />
              {% elif platform.os == 'macOS' %}
                  <img class="os-icon" src="{% static 'theme/img/apple.png' %}" />
              {% elif platform.os == 'Debian' %}
                  <img class="os-icon" src="{% static 'theme/img/debian.png' %}" />
              {% endif %}
                </a>
          </div>
            {% endif %}
          {% endfor %}
      {% endfor %}
    </ul>
</div>

<div class="clients-info">
  {% load static %}
  <p class="heading">{% trans "Mobile Clients" %}:</p>
    <ul>
    {% for client in module.clients %}
        <li class="col-md-12 col-xs-12"><span>{{ client.name }}</span></li>
        <div class="row">
        {% for platform in client.platforms %}
          {% if platform.type == 'store' and platform.os == 'Android' %}
            {% if platform.store_name == 'fdroid_store' %}
            <div class="col-md-2 col-xs-4">
                <a href="{{ platform.url }}">
                    <img class="store-icon" src="{% static 'theme/img/f-droid.png' %}"/>
                </a>
            </div>
            {% endif %}
            {% if platform.store_name == 'google_play_store' %}
            <div class="col-md-2 col-xs-4">
                <a href="{{ platform.url }}">
                    <img class="store-icon"
                         src="{% static 'theme/img/google-play.png' %}"/>
                </a>
            </div>
            {% endif %}
        {% endif %}
      {% endfor %}
      </div>
    {% endfor %}
    </ul>
</div>
{% endif %}