ffdo-infrastruktur
/
nodesmap-page
mirror of https://github.com/ffdo/nodesmap-page.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
							<!DOCTYPE html>
<html lang="en"><!-- Mit Ansible erzeugt - änderungen werden überschrieben -->
<head>
  <title>{{freifunk.name}} - Karten</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="ffms.css">
</head>
<body>
	<div class="container">
	  <div class="page-header">
    <div class="row">
      <div class="col-md-2 col-sm-3">
        <img id="ffms-logo" src="logo.svg" class="img" alt="Logo Freifunk Münsterland">
      </div>
      <div class="col-md-10 col-sm-9">
        <h2>Karten - {{freifunk.name}}
    <br/><small>Karten der einzelnen Domänen und der Communities</small></h2>
      </div>
    </div>
    </div>
  </div>
  <div class="container">
  <div class="row">
    <!-- Suchfeld und Links -->
    <div class="col-md-4 col-sm-4 col-xs-12">
        <form type="text" action="javascript:myScroll()"> 
        <div class="input-group">
          <!-- USE TWITTER TYPEAHEAD JSON WITH API TO SEARCH -->
          <input class="form-control" id="system-search" 
                name="q" placeholder="Suche nach" autofocus>
            <span class="input-group-btn">
                <button type="submit" id="searchbutton" class="btn btn-ffms">                
                    <i class="glyphicon glyphicon-search"></i>
                </button>
            </span>
          </input>
        </div>
        </form>
      <br/>
      <h4><strong><a href="map/">Gesamtkarte des Freifunk Münsterlands</a></strong></h4>
      <p><a href="https://freifunk-muensterland.de">{{freifunk.name}}</a></p>
      <p><a href="https://wiki.freifunk-muensterland.de/">{{freifunk.name}} Wiki</a></p>
      <p><a href="https://forum.freifunk-muensterland.de/">{{freifunk.name}} Forum</a></p>
    </div>
    <!-- Spalte mit Domänen -->
    <div class="col-md-4 col-sm-4 col-xs-6">
        <div class="ffms-align-center">
        <table  class="table table-list-search table-hover">
          <thead>
            <tr>
              <th>
                  <div style=text-align:center><h4>Domänen</h4></div>
              </th>
            </tr>
          </thead>
          <tbody>
            <!-- Alle Domänen einfügen 
            <tr>
              <td><a href="mapXX/"> XX - name</a></td>
            </tr> -->
{% for domaene in domaenen|dictsort %}
            <tr>
              <td><a href="map{{domaene[0]}}/">{{domaene[0]}} - {{domaene[1].name}}</a> </td>
            </tr>
{% endfor %}
          </tbody>
        </table>
        </div>
    </div>
    <!-- Spalte mit Gruppen -->
{% set communities = domaenen | list | map('extract', domaenen, 'community') | list | unique | sort %}
    <div class="col-md-4 col-sm-4 col-xs-6">
        <div class="ffms-align-center">
        <table class="table  table-list-search table-hover">
          <thead>
            <tr>
              <th><div style=text-align:center><h4>Gruppen</h4></div></th>
            </tr>
          </thead>
          <tbody>
            <!-- Alle Communities einfügen 
            <tr>
                <td><a href=""> </a></td>
            </tr>
            -->
{% for community in communities %}
{% if community != "None" %}
            <tr>
                <td><a Community href="map_{{community}}/">Community {{community}}</a><br/> <span class="text-muted">Domänen:</span>  
{% for domaene in domaenen|dictsort %}
{% if community == domaene[1].community %}
                    <a class="text-muted" href="map{{domaene[0]}}/">{{domaene[0]}}</a>
{% endif %}
{% endfor %}
                </td>
            </tr>
 
{% endif %}
{% endfor %}
          </tbody>
        </table>
        </div>
    </div>
  </div>
  </div>
  
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/search.js"></script>
    <script>
        function myScroll(my) {
        $('html, body').animate({
            scrollTop: $(".table").offset().top
            }, 200);
        }
    </script>


</body>