Головна сторінка Огляд Довідка
Увійти
ffdo-infrastruktur
/
nodesmap-page
дзеркало https://github.com/ffdo/nodesmap-page.git
9
0
Відгалуження 0
Файли Проблеми 0 Wiki
Переглянути джерело

first commit

to do: 
integration of the template
change to local bootstrap installation
toh0bi 7 роки тому
батько
3f6e3a5c87
коміт
98304bf9f5
3 змінених файлів з 175 додано та 0 видалено
Розділений вигляд Показати статистику Diff
  1. 83 0
      index.html
  2. 39 0
      logo.svg
  3. 53 0
      search.js

+ 83 - 0
index.html
Переглянути файл 

@@ -0,0 +1,83 @@
 
+<!DOCTYPE html>

+<html lang="en">

+<head>

+  <title>Freifunk Münsterland - 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">

+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

+</head>

+<body>

+	<div class="container">

+	  <div class="page-header">

+    <div class="row">

+      <div class="col-md-2 col-sm-3 col-xs-3">

+        <img src="logo.svg" class="img" alt="Logo Freifunk Münsterland">

+      </div>

+      <div class="col-md-10 col-sm-9 col-xs-9">

+        <h1>Karten - Freifunk Münsterland

+    <br/><small>Karten der einzelnen Domänen und der Communities</small></h1>

+      </div>

+    </div>

+    </div>

+  </div>

+  <!-- <div class="container">

+    <small>infos</small>

+  </div> -->

+  <div class="container">

+    <form action="#" method="get">

+      <div class="input-group">

+      <!-- USE TWITTER TYPEAHEAD JSON WITH API TO SEARCH -->

+        <input class="form-control" id="system-search" name="q" placeholder="Suche nach" required>

+        <span class="input-group-btn">

+          <button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button>

+        </span>

+      </div>

+    </form>

+  <div class="row">

+    <div class="col-md-6">

+        <table class="table table-list-search table-hover">

+          <thead>

+            <tr>

+              <th>Domäne</th>

+              <th>Ort</th>

+            </tr>

+          </thead>

+          <tbody>

+            <!-- Alle Domänen einfügen -->

+            <tr>

+              <td>01</td>

+              <td>Münster</td>

+            </tr>

+          </tbody>

+        </table>

+    </div>

+    <div class="col-md-6">

+        <table class="table  table-list-search table-hover">

+          <thead>

+            <tr>

+              <th>Community</th>

+              <th>Domänen</th>

+            </tr>

+          </thead>

+          <tbody>

+            <!-- Alle Communities einfügen -->

+            <tr>

+              <td>Münster</td>

+              <td>01,16</td>

+            </tr>

+          </tbody>

+        </table>

+    </div>

+  </div>

+  </div>

+

+     <!-- Bootstrap core JavaScript

+    ================================================== -->

+    <!-- Placed at the end of the document so the pages load faster -->

+    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>

+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>

+    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>

+    <script src="search.js"></script>

+</body>

Різницю між файлами не показано, бо вона завелика
+ 39 - 0
logo.svg


+ 53 - 0
search.js
Переглянути файл 

@@ -0,0 +1,53 @@
 
+$(document).ready(function() {
 
+    var activeSystemClass = $('.list-group-item.active');
 
+
 
+    //something is entered in search form
 
+    $('#system-search').keyup( function() {
 
+       var that = this;
 
+        // affect all table rows on in systems table
 
+        var tableBody = $('.table-list-search tbody');
 
+        var tableRowsClass = $('.table-list-search tbody tr');
 
+        $('.search-sf').remove();
 
+        tableRowsClass.each( function(i, val) {
 
+        
+            //Lower text for case insensitive
 
+            var rowText = $(val).text().toLowerCase();
 
+            var inputText = $(that).val().toLowerCase();
 
+            if(inputText != '')
 
+            {
 
+                $('.search-query-sf').remove();
 
+                tableBody.prepend('<tr class="search-query-sf"><td colspan="6" <div class="alert alert-info">Einträge mit <strong>"'
 
+                    + $(that).val()
 
+                    + '"</strong></div></td></tr>');
 
+            }
 
+            else
 
+            {
 
+                $('.search-query-sf').remove();
 
+            }
 
+
 
+            if( rowText.indexOf( inputText ) == -1 )
 
+            {
 
+                //hide rows
 
+                tableRowsClass.eq(i).hide();
 
+                
+            }
 
+            else
 
+            {
 
+                $('.search-sf').remove();
 
+                tableRowsClass.eq(i).show();
 
+            }
 
+        });
 
+        //all tr elements are hidden
 
+        if(tableRowsClass.children(':visible').length == 0)
 
+        {
 
+            tableBody.append('<tr class="search-sf"><td class="text-muted" colspan="6">Kein Eintrag gefunden.</td></tr>');
 
+        }
 
+    });
 
+jQuery(document).ready(function($) {
 
+    $(".clickable-row").click(function() {
 
+        window.location = $(this).data("href");
 
+    });
 
+});
 
+});
 
+
 
+