From ba08eb8e76f10b01a7c244b6818c0c09588314f7 Mon Sep 17 00:00:00 2001 From: Jan Huwald Date: Fri, 30 Mar 2012 11:29:23 +0000 Subject: add new webif (client side) diff --git a/files/common/www/service/css/ffj.css b/files/common/www/service/css/ffj.css new file mode 100644 index 0000000..96f60fc --- /dev/null +++ b/files/common/www/service/css/ffj.css @@ -0,0 +1,3 @@ +.hidden { display: none; } +.loading:before { content: "wird geladen ..."; font-style: italic } +img.olTileImage { max-width: none; } diff --git a/files/common/www/service/ff-jena_signet.png b/files/common/www/service/ff-jena_signet.png deleted file mode 100644 index 15d216c..0000000 Binary files a/files/common/www/service/ff-jena_signet.png and /dev/null differ diff --git a/files/common/www/service/ffj.css b/files/common/www/service/ffj.css deleted file mode 100644 index 3542611..0000000 --- a/files/common/www/service/ffj.css +++ /dev/null @@ -1,61 +0,0 @@ -div#body { -width: 100%; -text-align: center; -} -div#maincontent{ -margin-left: auto; -margin-right: auto; -max-width: 600px; -font-family: Arial, Verdana, sans-serif; -font-size: 12pt; -text-align: left; -} -div#maincontent a, a:link, a:visited { -color: #464646; -text-decoration: none; -} - -div#button_area{ -padding-left:150px; -padding-right:150px; -text-align:center; -} - -div#button_left{ -float:left; -width: 50%; -text-align:center; -} - -div#button_right{ -float:right; -width: 50%; -text-align:center; -} - -input.button{ -border-color:white black black white; -border-style:solid; -border-width:1px; -background-color: #E5E5E5; -padding: 5px; -color: black; -font-weight: bold; -border-radius: 5px; --moz-border-radius: 5px; --webkit-border-radius: 5px; -} -input.button:hover { -background-color: grey; -border-color:white black black white; -border-style:solid; -border-width:1px; -} -div#logo { -height: 125px; -font-size: 24px; -} -img.logo { -float: left; -padding: 5px; -} diff --git a/files/common/www/service/img/logo.png b/files/common/www/service/img/logo.png new file mode 100644 index 0000000..1eed6f0 Binary files /dev/null and b/files/common/www/service/img/logo.png differ diff --git a/files/common/www/service/img/wifi.png b/files/common/www/service/img/wifi.png new file mode 100644 index 0000000..a935fb7 Binary files /dev/null and b/files/common/www/service/img/wifi.png differ diff --git a/files/common/www/service/index.html b/files/common/www/service/index.html new file mode 100644 index 0000000..3c4f14a --- /dev/null +++ b/files/common/www/service/index.html @@ -0,0 +1,124 @@ + + + +Freifunk Jena + + + + + + + +

+ +

+

+

Willkommen!

+ +

Du bist jetzt mit dem freien Funknetz + Freifunk Jena + verbunden.

+ +

Wir sind ein experimentelles Gemeinschaftsnetzwerk, aber kein + Internetanbieter.

+ +

+

+ + + +

+

+

Lokales Netzwerk

+

Im Freifunknetz kann jeder Dienste anbieten: + alle teilnehmenden Computer können direkt miteinander + kommunizieren. Unter Einstellungen + kannst du festlegen, wie du das Netzwerk nutzen möchtest + und Resourcen mit anderen Freifunkern teilen.

+ +

Lokale Dienste in + dieser Wolke: +

3 Netzlaufwerke (15,5 TB)
Suche in lokalen Resourcen
5 Internetzugänge ( 55 MB / 8,2 MB)
2 Videostreams
4 Gameserver (23 )
und 42 weitere

+

+

+ +

+

Internet

+

Ein Zugang ins Internet ist möglich, da einige + Freifunker ihre privaten Internetzugänge zur + Verfügung stellen. Diese Zugänge müssen sich + hier alle teilen. Bitte sei Dir dessen bewusst und verhalte + Dich dementsprechend: +

+ +

keine Filesharing-Programme
keine unnötigen Downloads oder Streams
keine illegalen Aktivitäten

+ +

Mit einem Klick auf Akzeptieren kannst du für 1 + Stunde unser Netz verwenden. Dann wirst du erneut aufgefordet, + diese Bedingungen zu akzeptieren.

+ + +

+ +

+

Mitmachen

+ +

Wenn Du unsere Idee gut findest und das Netz regelmässig + benutzt, dann bitten wir Dich um Unterstützung: +

+ +

Werde selbst + Freifunker. Dazu muss man nur einen handelsüblichen + WLAN-Router ins Fensterbrett stellen.
Spende ein paar Euro, damit wir unser + Netz weiter betreiben und ausbauen können.
Wenn Du selbst privat genutzte WLAN-Geräte betreibst + nutze dafür bitte andere Kanäle + als wir.

+

+

+

+ + + + + + + diff --git a/files/common/www/service/internet.html b/files/common/www/service/internet.html new file mode 100644 index 0000000..cd5d2bf --- /dev/null +++ b/files/common/www/service/internet.html @@ -0,0 +1,23 @@ + + + +Freifunk Jena + + + + + + + +hier steht irgendwann mal was ueber das internet + + + diff --git a/files/common/www/service/js/settings.js b/files/common/www/service/js/settings.js new file mode 100644 index 0000000..094ea5f --- /dev/null +++ b/files/common/www/service/js/settings.js @@ -0,0 +1,119 @@ +// adapt to small window sizes .. TODO: solution that sucks less +var sizeAdaptor = function() { + if ($(window).width() < 800) { + $('.tabs-left') + .removeClass('tabs-left') + .addClass('tabs-above'); + }else{ + $('.tabs-above') + .removeClass('tabs-above') + .addClass('tabs-left'); + } +} +sizeAdaptor(); +$(window).resize(sizeAdaptor); + +/// helper functions to hold & update data + +function data(key) { + if (typeof data[key] == "undefined") { + var f = function(val) { fillData(key, val); }; + data[key] = $.Deferred().then(f, [], f); + } + return data[key]; +} + +function fillData(key, val, def) { + $('pre.data-' + key + + ',p.data-' + key + + ',span.data-' + key) + .empty().append(val ? val : def) + .removeClass('loading'); + if (val) { + $('input.data[name=' + key + ']').val(val); + $('.only-' + key) + .removeClass('hidden only-' + key) + .addClass('only-' + key) + .attr('class', function(i, ca) { + if (ca.indexOf('only-') == -1) this.css('display', 'block'); + }); + }else{ + $('.has-' + key) + .removeClass('has-' + key) + .addClass('only-' + key) + .css('display', 'none'); + } +} + +/// load data + +var loadBootstrap = $.ajax({url: "js/bootstrap.min.js", dataType: "script", cached: true}); +var loadCfg = {}; +$.each(['client_net', 'cfg_client', 'cfg_router', 'node_position'], + function(i,name) { + loadCfg[name] = $.getJSON('cgi-bin/' + name + '.json') + .done(function(res) { + $.each(res, function(k,v) { data(k).notify(v); }); + }); + }); + +/// add event handlers + +var formChangeHandler = function() { + $(this.form).find('[type="submit"]') + .removeClass('disabled btn-success btn-danger') + .addClass('btn-primary'); +}; +var formSubmitHandler = function() { + form = this; + btn = $(form).find('[type="submit"]'); + btn.addClass('disabled'); + $.post(form.action, $(form).serialize()) + .done(function(res) { + btn.addClass('btn-success') + .removeClass('btn-primary'); + $(form).find('.alert').remove(); + $.each(res, function(k,v) { data(k).notify(v); }); + if (form.id == 'geo') + $.getJSON('cgi-bin/node_position.json') + .always(function() { + $.each(['lon', 'lat', 'street'], function(i,name) { + data('router_pos_' + name).notify(''); }); + }).done(function(res) { + $.each(res, function(k,v) { data(k).notify(v); }); + }); + }) + .fail(function(v) { + btn.addClass('btn-danger'); + $(form).prepend('

' + v.responseText + '

'); + }); + return false; +} +$('form.well input') + .change( formChangeHandler) + .keypress(formChangeHandler) +$('form.well') + .submit(formSubmitHandler); + +/// add data handlers +$.when(loadCfg['client_net']).done(function(cn) { + fillData('net_desc', + 'Im Moment bist du per ' + + (cn.wired ? 'Ethernet' : 'WLAN') + + ' mit ' + + (cn.router_name + ? 'dem Router ' + cn.router_name + '' + : 'einem unbenannten Router') + + ' verbunden.'); +}); + +$.when(loadBootstrap).done(function() { + $('#tooltip-mac').popover( + {title: "Was ist eine MAC-Adresse?", content: "

Jede " + + "Netzwerkkarte hat eine weltweit eindeutige Nummer: die " + + "MAC-Adresse. Im Gegensatz zu einer IP-Adresse ändert sich diese nicht.

" + + "

Wenn dein Computer mit verschiedenen Netzwerkkarten auf " + + "das Freifunknetzwerk zugreift (zum Beispiel per Kabel- und per " + + "Drahtlosnetzwerk), dann werden auch verschiedene MAC-Adressen übertragen. " + + "Du musst die Einstellungen für jede MAC-Adresse wiederholen.

", + delay: 50})}); diff --git a/files/common/www/service/robinson.html b/files/common/www/service/robinson.html deleted file mode 100644 index 45961b9..0000000 --- a/files/common/www/service/robinson.html +++ /dev/null @@ -1,26 +0,0 @@ -

Don't Panic

- -

Du befindest dich in einer Datenwolke des Freifunk Jena Netzes -(mehr Infos). Das Internet ist in dieser Wolke -vorrübergehend nicht verfügbar. Die lokalen -Dienste der Wolke stehen weiter zur Verfügung.

- -

Es gibt drei Möglichkeiten Internet in dieser Freifunk Wolke -zu verteilen: - -

einen Router dieser Wolke mit einem Internetzugang verbinden -(mehr Infos)

-

die Wolke mit einer anderen Wolke verbinden, die Internet hat -(mehr Infos)

-

falls das Internet gerade noch ging, reicht es meist einfach zu -warten

- -Falls du Hilfe dabei brauchst, melde dich einfach bei todo lorem -ipsum.

- -

An dieser Stelle wären ein paar Debuginformationen gut: - -

wie viele Knoten sind in der Wolke? -

wann gab es das letzte mal Netz? -

welche Dienste sind verfügbar? -

diff --git a/files/common/www/service/services.html b/files/common/www/service/services.html new file mode 100644 index 0000000..e3e17d0 --- /dev/null +++ b/files/common/www/service/services.html @@ -0,0 +1,23 @@ + + + +Freifunk Jena + + + + + + + +hier gibt es irgendwann einmal eine automatisch generierte liste aller in der wolke verfuegbaren dienste + + + diff --git a/files/common/www/service/settings.html b/files/common/www/service/settings.html new file mode 100644 index 0000000..72b7192 --- /dev/null +++ b/files/common/www/service/settings.html @@ -0,0 +1,212 @@ + + + +Freifunk Jena + + + + + + + + + + + + + + diff --git a/files/common/www/service/splash.html b/files/common/www/service/splash.html deleted file mode 100644 index 7b85b5e..0000000 --- a/files/common/www/service/splash.html +++ /dev/null @@ -1,88 +0,0 @@ - - - - - - - - - - - Freifunk Jena - - - - - -

-

- -

-

Freifunk Jena
Das freie Bürgernetz für Jena -

- -

Willkommen!

-

- Du bist jetzt mit dem freien Funknetz Freifunk Jena verbunden.
- - Wir sind ein experimentelles Gemeinschaftsnetzwerk, aber kein Internetanbieter. -

- -

- Ein Zugang ins Internet ist trotzdem möglich, - da einige Freifunker ihre privaten Internetzugänge zur Verfügung stellen. - Diese Zugänge müssen sich hier alle teilen. - Bitte sei Dir dessen bewusst und verhalte Dich dementsprechend: -

- -

bitte keine Filesharing-Programme betreiben!
bitte keine unnötigen Downloads oder Streams starten!
bitte keine illegalen Aktivitäten!

- -

- Wenn Du unsere Idee gut findest und das Netz regelmässig benutzt, dann bitten wir Dich um Unterstützung: -

- -

Werde selbst Freifunker oder teile deinen Internetzugang!
Spende ein paar Euro, damit wir unser Netz weiter betreiben und ausbauen können.
Wenn Du selbst privat genutzte WLAN-Geräte betreibst nutze dafür bitte andere Kanäle als wir.

- -

- Mit einem Klick auf Akzeptieren kannst du für - 1 Stunde(n) unser Netz verwenden. Dann wirst du - erneut aufgefordet, diese Bedingungen zu akzeptieren. -

- - -

-

-

- -

-

-

-

- -

-

-

-

-

- - diff --git a/files/common/www/service/status.html b/files/common/www/service/status.html new file mode 100644 index 0000000..ce8acf0 --- /dev/null +++ b/files/common/www/service/status.html @@ -0,0 +1,104 @@ + + + +Freifunk Jena + + + + + + + +

+

+

Übersichtskarte

+

+

+

+

Liste aller Knoten

+ + + + + + + + + +

Knoten	Betreiber	Uplink
wird geladen ...

+

+

+ + + + + + + -- cgit v0.10.1