[freifunk-public] Bug in der Konfig-Oberfläche?

Fam. Fontaine fontaines at gmx.de
Fr Jan 17 21:54:04 CET 2020


Hallo Ralf,

habe soeben versucht die Darstellung auf einen Win7 PC mit Firefox
72.0.1 (64-Bit) zu verifizieren. Habe dazu den 450e per
/etc/config/gluon-setup-mode neu gebootet.
Was soll ich sagen: Am PC keine Probleme.
Also zurück auf den Mac -> auch keine Probleme (mehr).

Quellcode habe ich jeweils gesichert, ist im Anhang (view-source,
copy&paste)
Aber ganz ehrlich? Weiß nicht was ich da für ein Problem hatte.
Wenn ich den nächsten 450e am Wickel habe, dann werde ich dran denken.
Bis dahin: tut mir leid für die Störung.

Grüße
Sebastian Fontaine


Am 16.01.2020 um 21:08 schrieb Ralf Jung:
> Hi Sebastian,
>
> das sieht nach einem HTML-Fail aus... hast du mal einen anderen Browser
> probiert?  Kannst du den HTML-Quelltext der Seite kopieren?
>
> Viele Grüße,
> Ralf
>
> On 16.01.20 20:10, Fam. Fontaine via freifunk-public wrote:
>> Hi,
>>
>> habe gerade einen AVM 450e geflashed unter
>> OSx 10.13.6 (17G9016)
>> Safari 13.0.3 (13608.3.10.10.1)
>> und konnte keinen Kontakt eintragen. Auch das Speichern und Neusterten
>> ging nur unter den Erweiterten Einstellungen.
>> Das entsprechende Feld, sowie die Buttons fehlten einfach. Siehe
>> Screenshot im Anhang.
>>
>> Grüße
>> Sebastian Fontaine
>>
>>

-------------- nächster Teil --------------
Ein eingebundener Text mit undefiniertem Zeichensatz wurde abgetrennt.
Name: 450e_cgi-bn_config_win_firefox.txt
URL: <https://lists.hacksaar.de/pipermail/freifunk-public/attachments/20200117/26d7e97c/attachment-0001.txt>
-------------- nächster Teil --------------
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
	<head>
		<meta charset="UTF-8" />
		<link rel="stylesheet" type="text/css" media="screen" href="/static/gluon.css" />
		<title>ffsaar-sfinp-450e - Wizard</title>
	</head>
	<body>

	<div id="menubar">
		<div class="hostinfo">
			<a href="/cgi-bin/config/">
				ffsaar-sfinp-450e
				
				/ 1.8.0

				
			</a>
		</div>

		
			<ul id="topmenu">
				
					<li><a class="topcat active" href="/cgi-bin/config/wizard">Wizard</a></li>
				
					<li><a class="topcat" href="/cgi-bin/config/admin">Erweiterte Einstellungen</a></li>
				
			</ul>
		
	</div>

	<div id="maincontainer">
	  

		<div id="maincontent">
			<noscript>
				<div class="errorbox">
					<strong>JavaScript benötigt!</strong><br />
					Bitte aktiviere JavaScript in deinem Browser, damit das Webinterface korrekt funktionieren kann.
				</div>
			</noscript>

			<form method="post" enctype="multipart/form-data" action="/cgi-bin/config/wizard">
	<input type="hidden" name="token" value="" />
	<input type="hidden" name="id.1" value="1" />

	<div class="gluon-form" id="form-id.1">
		<h2 name="content">Willkommen!</h2>
		
		<p>
	Willkommen zum Einrichtungsassistenten für deinen neuen Freifunk Saar-Knoten. Fülle das folgende Formular deinen Vorstellungen entsprechend aus und sende es ab.
</p>
<fieldset class="gluon-section">
	
	<div class="gluon-section-descr">Automatische Updates sind deaktiviert. Sie können in den <em>Erweiterten Einstellungen</em> aktiviert werden.</div>
	<div class="gluon-section-node">
		<div id="section-id.1.2">
			
		</div>
		
	</div>
</fieldset><fieldset class="gluon-section">
	
	<div class="gluon-section-descr">Der Knotenname dient ausschließlich zur Identifikation deines Knotens, z.B. auf einer Knotenkarte. Er hat keinen Einfluss auf den Namen (SSID) des ausgestrahlten WLANs.</div>
	<div class="gluon-section-node">
		<div id="section-id.1.3">
			
		</div>
		
	</div>
</fieldset><fieldset class="gluon-section">
	
	
	<div class="gluon-section-node">
		<div id="section-id.1.4">
			<div class="gluon-value" id="value-id.1.4.hostname" data-index="1"><label class="gluon-value-title" for="id.1.4.hostname">Name dieses Knotens</label>
		<div class="gluon-value-field"><input data-update="change" id="id.1.4.hostname" name="id.1.4.hostname" type="text" class="gluon-input-text" value="ffsaar-sfinp-450e" placeholder="ffsaar-ccce1e5b87af" data-type="minlength(1)" data-optional="true" />

	</div></div>
		</div>
		
	</div>
</fieldset><fieldset class="gluon-section">
	
	<div class="gluon-section-descr">Dein Knoten kann deine Internetverbindung nutzen, um darüber eine VPN-Verbindung zu anderen Knoten aufzubauen. Die dafür genutzte Bandbreite kannst du beschränken. Aktiviere die Option, falls keine per WLAN erreichbaren Nachbarknoten in deiner Nähe sind oder du deine Internetverbindung für das Mesh-Netzwerk zur Verfügung stellen möchtest.</div>
	<div class="gluon-section-node">
		<div id="section-id.1.5">
			<div class="gluon-value" id="value-id.1.5.meshvpn" data-index="1"><label class="gluon-value-title" for="id.1.5.meshvpn">Internetverbindung nutzen (Mesh-VPN)</label>
		<div class="gluon-value-field"><input class="gluon-input-checkbox" data-update="click change" type="checkbox" value="1" id="id.1.5.meshvpn" name="id.1.5.meshvpn" checked="checked" />
<label for="id.1.5.meshvpn"></label>

	</div></div><div class="gluon-value" id="value-id.1.5.limit_enabled" data-index="2" data-depends="[{"id.1.5.meshvpn":true}]"><label class="gluon-value-title" for="id.1.5.limit_enabled">Bandbreite begrenzen</label>
		<div class="gluon-value-field"><input class="gluon-input-checkbox" data-update="click change" type="checkbox" value="1" id="id.1.5.limit_enabled" name="id.1.5.limit_enabled" />
<label for="id.1.5.limit_enabled"></label>

	</div></div><div class="gluon-value" id="value-id.1.5.limit_ingress" data-index="3" data-depends="[{"id.1.5.limit_enabled":true}]"><label class="gluon-value-title" for="id.1.5.limit_ingress">Downstream (Mbit/s)</label>
		<div class="gluon-value-field"><input data-update="change" id="id.1.5.limit_ingress" name="id.1.5.limit_ingress" type="text" class="gluon-input-text" value="8" data-type="ufloat" />

	</div></div><div class="gluon-value" id="value-id.1.5.limit_egress" data-index="4" data-depends="[{"id.1.5.limit_enabled":true}]"><label class="gluon-value-title" for="id.1.5.limit_egress">Upstream (Mbit/s)</label>
		<div class="gluon-value-field"><input data-update="change" id="id.1.5.limit_egress" name="id.1.5.limit_egress" type="text" class="gluon-input-text" value="2" data-type="ufloat" />

	</div></div>
		</div>
		
	</div>
</fieldset><fieldset class="gluon-section">
	
	<div class="gluon-section-descr">Um deinen Knoten auf öffentlichen Karten anzeigen zu können, benötigen wir seine Koordinaten. Hier hast du die Möglichkeit, diese zu hinterlegen. Wenn dein Computer aktuell mit dem Internet verbunden ist, kann die Position auch auf der hier angezeigten Karte ausgewählt werden.</div>
	<div class="gluon-section-node">
		<div id="section-id.1.6">
			<div class="gluon-value" id="value-id.1.6.location" data-index="1"><label class="gluon-value-title" for="id.1.6.location">Knotenposition veröffentlichen</label>
		<div class="gluon-value-field"><input class="gluon-input-checkbox" data-update="click change" type="checkbox" value="1" id="id.1.6.location" name="id.1.6.location" />
<label for="id.1.6.location"></label>

	</div></div><div class="gluon-value" id="value-id.1.6.map" data-index="2" data-depends="[{"id.1.6.location":true}]"><div id="id.1.6.map" class="gluon-osm-map" style="display: none"></div>
<script type="text/javascript" src="/static/gluon-web-osm.js"></script>
<script type="text/javascript">
	(function() {
		var elMap = document.getElementById("id.1.6.map");
		var wrapper = elMap.parentNode;

		var elLon, elLat;
		window.addEventListener('gluon-update', function() {
			elLon = document.getElementById("id.1.6.longitude");
			elLat = document.getElementById("id.1.6.latitude");
		}, {once: true});

		initOSM("https:\/\/cdn.rawgit.com\/openlayers\/openlayers.github.io\/master\/en\/v5.2.0", function(createMap) {
			elMap.style.display = '';

			var pos = {"lon":6.9467999999999996,"lat":49.376100000000001};
			var map = createMap(
				elMap,
				[pos.lon, pos.lat],
				10,
				false,
				function(lonlat) {
					if (elLon) {
						elLon.value = lonlat[0].toFixed(6);
						elLon.dispatchEvent(new Event('gluon-revalidate'));
					}
					if (elLat) {
						elLat.value = lonlat[1].toFixed(6);
						elLat.dispatchEvent(new Event('gluon-revalidate'));
					}
				}
			);

			wrapper.addEventListener('gluon-show', function() {
				map.updateSize();
			});
		});
	})();
</script>

	</div><div class="gluon-value" id="value-id.1.6.latitude" data-index="3" data-depends="[{"id.1.6.location":true}]"><label class="gluon-value-title" for="id.1.6.latitude">Breitengrad</label>
		<div class="gluon-value-field"><input data-update="change" id="id.1.6.latitude" name="id.1.6.latitude" type="text" class="gluon-input-text" data-type="float" />

	<br />
		<div class="gluon-value-description">
			z.B. 53.873621
		</div></div></div><div class="gluon-value" id="value-id.1.6.longitude" data-index="4" data-depends="[{"id.1.6.location":true}]"><label class="gluon-value-title" for="id.1.6.longitude">Längengrad</label>
		<div class="gluon-value-field"><input data-update="change" id="id.1.6.longitude" name="id.1.6.longitude" type="text" class="gluon-input-text" data-type="float" />

	<br />
		<div class="gluon-value-description">
			z.B. 10.689901
		</div></div></div>
		</div>
		
	</div>
</fieldset><fieldset class="gluon-section">
	
	<div class="gluon-section-descr">Bitte hinterlege hier einen Hinweis, um anderen zu ermöglichen, Kontakt mit dir aufzunehmen. Beachte, dass dieser Hinweis auch <em>öffentlich</em> im Internet, zusammen mit den Koordinaten deines Knotens, einsehbar sein wird. Diese Information ist wichtig, weil sie uns hilft, im Falle von Problemen Kontakt mit dir aufzunehmen. Für den Betrieb ist sie jedoch nocht notwendig. Du kannst die Angabe jederzeit eigenständig ändern oder entfernen, indem du den Knoten in den Konfigurationsmodus versetzt und deine Angabe in diesem Formular änderst.</div>
	<div class="gluon-section-node">
		<div id="section-id.1.7">
			<div class="gluon-value" id="value-id.1.7.contact" data-index="1"><label class="gluon-value-title" for="id.1.7.contact">Kontakt</label>
		<div class="gluon-value-field"><input data-update="change" id="id.1.7.contact" name="id.1.7.contact" type="text" class="gluon-input-text" data-type="minlength(1)" data-optional="true" />

	<br />
		<div class="gluon-value-description">
			z.B. E-Mail oder Telefonnummer
		</div></div></div>
		</div>
		
	</div>
</fieldset>
	</div>
	<div class="gluon-page-actions">
		<input class="gluon-button gluon-button-submit" type="submit" value="Speichern & Neustarten" />
	
	</div>
</form>

<script type="text/javascript" src="/static/gluon-web-model.js"></script>


			</div>
		</div>
	</body>
</html>




Mehr Informationen über die Mailingliste freifunk-public