Modulvorstellung: Mobile Visibility

[chris_engel]

Hey,
ich finde es schon sehr lobenswert, dass man in Contao 3 Seitenlayouts für mobile Endgeräte zuweisen kann.
Allerdings geht mir der Schritt nicht weit genug, da mobile Webseiten niemals 1:1 allen Inhalt der Desktop Version darstellen sollten. Ein Ausblenden via CSS kommt natürlich nicht in Frage.
Auch "Responsive-Out-Of-The-Box" ist eine schlechte Praxis.

Ich habe deshalb ein kleines Modul entwickelt, welches die Sichtbarkeit von Inhaltselementen für mobile Endgeräte steuert.
Es fügt sowohl in die Quick-Edit Menüs, als auch im tl_content Formular jeweils Optionen ein, welche es ermöglichen ein Inhaltselement für mobile Endgeräte zu verstecken:





Was haltet ihr von der Idee?
Wenn ihr Interesse habt, kann ich das Modul gern hier veröffentlichen, sobald ich es ausführlich getestet habe.

mfg,
Chris


Update 04.10.2012:
Das Projekt ist mittlerweile lauffähig und befindet sich jetzt auf github: https://github.com/Paratron/contao-m...ile-visibility

[MacKP]

Hallo chris_engel,
die Idee an sich find ich gut. Was da noch fehlen würde, ist dann das selbe für komplette Artikel und vor allem auch Seiten finde ich. Dazu müsste dann das Menü auch noch davon erfahren etc. ^^

Viele Grüße

[chris_engel]

Ja, für Artikel habe ich das auch schon fest eingeplant, sollte nicht schwer zu implementieren sein.
Für Seiten muss ich nochmal schauen, aber auch da ergibt es natürlich auf jeden Fall Sinn.

[thohms]

Wirklich eine tolle Idee! Ist das Modul schon im ER?

[chris_engel]

Nein, natürlich nicht. Wie im ersten Beitrag geschrieben möchte ich die Extension zuerst testen bevor ich sie veröffentliche

[Flex]

Du könntest es hier auch schon als Source veröffentlichen oder ein GitHub Archiv verlinken... Dann könnten Interessierte es auch schon vorab testen und du könntest dir ein breiteres Meinungsbild einholen.

[melzebub]

Sehr praktische Erweiterung und eine gute Idee. Den Zusammenhang mit einem Responsive Design verstehe ich nicht ganz. Das darf ja trotz deiner Erweiterung nicht fehlen. Ich melde mich freiwillig zum testen, wo bekomme ich das Modul?

[chris_engel]

Hey,
sorry das ich mich einige Tage hier nicht geäussert habe, es war einfach zuviel los um an dem Modul weiterzubauen.

Ich habe das Teil heute mal vom Funktionsumfang soweit gebaut wie ich es benötige und danach auf github hochgeladen.
Probiert es aus, wenn ihr wollt und passt es eventuell noch an.

Viel Spaß damit: https://github.com/Paratron/contao-m...ile-visibility

[Toflar]

Dein Modul bietet Möglichkeiten für SQL-Injections!
Z.B.

 $table_name = $_GET['table']; 

Nutz

\Input::get('table'); 

[chris_engel]

Nein, es gibt keine Möglichkeit für SQL Injections.
Wenn du genau schaust, wird vorher geprüft, ob der User auch Zugriff auf das betroffene Feld in der angegebenen Tabelle haben darf (Siehe hier).
Wenn also jemand irgendeinen Nonsense als tabellennamen übergibt, schlägt die Rechteprüfung fehl.

[Toflar]

Stimmt, hab nur kurz einen Blick drauf geworfen (mach ich ab und zu bei neuen Extensions - wir haben ja schon die ein oder andere Extension mit Lücken entdeckt). Sorry
Trotzdem würde ich nicht den direkten Zugriff auf $_GET wählen

[chris_engel]

Kein Ding, Fehler passieren ja immer.
Ein paar Knackpunkte habe ich aber noch bei dem Modul, die ich gern anpassen würde - ich hatte sie schon in der Readme.md kurz umrissen:

Hinzufügen von neuen Elementen in die Paletten von existierenden Modulen nur mit "Monkey Patching" möglich - d.h. mann muss einen String-Replace durchführen.
Meine "neuen" AJAX Methoden fürs Backend sind auch eher brutal reingehängt: Siehe hier
Das AjaxRequest Objekt erweitere ich einfach durch zwei Funktionen - damit meine Toggle Buttons in den Listen funktionieren.

So ganz elegant gelöst sind die beiden Sachen noch nicht. Zumindest funktionieren sie.

[Merlin]

es ist schon ne coole erweiterung ich habe nur ein kleines problem...

Sie beist sich mit einer anderen Erweiterung:

Call to a member function gateKeeperArticle() on a non-object in /***/system/modules/core/library/Contao/Controller.php on line 351 

Die andere erweiterung liest nur alle article von einer seite aus und scheinbar hat sie mit den hook ein problem .. schalt ich ihn ab funzt alles ...



Kann ich deinen Hook irgendwie abfragen ob der da ist und gegebenenfalls laden ... oder warum wird der nicht gefunden ?

[chris_engel]

Es sieht so aus, als hätte der ClassLoader die "kiss_mobile_visibility_helper" klasse noch nicht geladen, wenn das andere Modul die Artikel ausliest.
Contao versucht den "getArticle" hook auszuführen und hängt sich auf, weil die Klasse noch nicht geladen ist.

Jetzt müsste man wissen wie genau der Code des anderen Moduls aufgebaut ist, aber das zu erörtern wäre zuviel für diesen Thread.

[chris_engel]

Kleines Update:
Das Modul respektiert jetzt das Überschreiben der Mobil-Erkennung mittels URL-Parameter "toggle_view". Dies war vorher nicht der Fall.

[zonky]

Moin,

funktioniert beim ersten test (C 3.0.1) recht gut -prima!

Zwei Anmerkungen:

* im FE kommt eine Fehlermeldung "ReferenceError: AjaxRequest is not defined" - die <script src="system/modules/kiss_mobile-visibility/assets/backend.js"></script> erscheint auch im FE..???

* alternativ zu den Toggle-Icons wären zwei Checkboxen in den "Experteneinstellungen" schön...

gruss zonky

[chris_engel]

Hm, das klingt ganz, als würde etwas mit deiner Modul Einbindung nicht stimmen. Bei mir taucht das Script nicht im Frontend auf...
Ich werde es nachher nochmal an einer ganz aktuellen Contao Installation testen.

Ich weiß nicht was du mit "Experteneinstellungen" meinst, aber du hast bei jedem Element das du bearbeitest (auf den Stift klicken) auch recht weit unten zwei Checkboxen um die Sichtbarkeit für Web/Desktop zu steuern.

[zonky]

Hm, das klingt ganz, als würde etwas mit deiner Modul Einbindung nicht stimmen. Bei mir taucht das Script nicht im Frontend auf...
Ich werde es nachher nochmal an einer ganz aktuellen Contao Installation testen.

=> habe mir von Git das zip gezogen, hochgeladen, Ordenr umbenannt, DB update gefahren... das wars - Contao 3.0.1

FE - Seite kann ich per PN senden (Seite noch nicht frei gegeben)

Ich weiß nicht was du mit "Experteneinstellungen" meinst, aber du hast bei jedem Element das du bearbeitest (auf den Stift klicken) auch recht weit unten zwei Checkboxen um die Sichtbarkeit für Web/Desktop zu steuern.

Stimmt! gefunden - meine BE Seiten waren anscheionend nicht schnell genug erneuert...

[zonky]

... eingesetzt bei www.haus-zangerl.at => bei Kontakt wird statt Google-Map bei Mobile-Geräten ein statisches Bild angezeigt ("responsive" geht mit der Map [bei mir] nicht)


Funktioniert die Erweiterung auch unter 2.11.x

Gruss Ingolf

[pom]

Wie genau kann ich die Erweiterung denn verwenden? Runtergeladen habe ich sie. Und nun?

Sorry, bin noch relativ "frisch" was sowas angeht


Nachtrag: Hab die Anleitung überlesen.

[pom]

Funktioniert hervorragend, vielen Dank!

[Nook]

TOP !

kannst du die noch in den Erweiterungskatalog einstellen?

[get.the.MaX]

Funktioniert gut, allerdings nicht in Verbindung mit dem Nachrichten-Archiv. Wenn das Modul installiert ist schaut der Code danach so aus.
Ich habe die Ausgabe vom Debug angehängt wenn das hilft.

<div class="mod_newsmenu block">
<ul class="level_1">
  <li><a href="" title=""> ()</a></li>
  <li><a href="" title=""> ()</a></li>
  <li><a href="" title=""> ()</a></li>
  <li><a href="" title=""> ()</a></li>
  <li><a href="" title=""> ()</a></li>
  <li><a href="" title=""> ()</a></li>
  <li><a href="" title=""> ()</a></li>
</ul>
</div>

[krumpel]

Vielen Dank für diese tolle Idee!
Hab es mal getestet. Kann es sein, dass es bei kompletten Seiten noch nicht funktioniert. Ich habe zum Beispiel eine Seite namens Sitemap, die möchte ich in der mobilen Version nicht angezeigt haben. Habe dafür in der Seitenstruktur bei betreffender Site das Häkchen "Unsichtbar auf mobilen Endgeräten" gesetzt um diese nicht anzuzeigen. Sie erscheint aber dennoch in der Navigation und kann auch angeklickt werden und wird auch komplett angezeigt.
Bist du da noch dran an dem Thema, oder ist das ein Problem, dass es nur bei mir gibt???
Danke euch und besonders dir!

[Nook]

Hatte diese tolle modul bisher ein einigen Installationen im Einsatz.

Was ich mich gerade jedoch frage: Wie kann man dies eigentlich deinstallieren?
Einfach modul ordner löschen und Datenbank aktualisieren klappt nicht.

[sanrav]

Hallo chris_engel

Super Erweiterung, danke. Habe sie unter Contao 3.1.0 im Einsatz. Einziges Problem: Nachrichtenarchiv-Menü mod_newsmenu wird bei mir nicht mehr angezeigt. Es erscheint nur noch "0". Wenn ich deine Erweiterung contao-mod-mobile-visibility-master in den Einstellungen inaktiviere, funktioniert mod_newsmenu wieder bestens.

Gruss, Sandro

[Thoni]

Hallo chris_engel

Super Erweiterung, danke. Habe sie unter Contao 3.1.0 im Einsatz. Einziges Problem: Nachrichtenarchiv-Menü mod_newsmenu wird bei mir nicht mehr angezeigt. Es erscheint nur noch "0". Wenn ich deine Erweiterung contao-mod-mobile-visibility-master in den Einstellungen inaktiviere, funktioniert mod_newsmenu wieder bestens.

Gruss, Sandro

Vielleicht klappt es mit mobile_extended.
'ungetestet'

[landzone]

Hallo,
ich habe das Modul unter Contao 3.1.0 installiert und bekomme im Frontend folgende Warnung:

Warning: Illegal string offset 'mobile_invisible' in system/modules/kiss_mobile-visibility/modules/kiss_mobile_visibility_helper.php on line 187

Außerdem gibt es einen JavaScript-Fehler:

Fehler: ReferenceError: AjaxRequest is not defined
Quelldatei: system/modules/kiss_mobile-visibility/assets/backend.js
Zeile: 8

Kann das noch jemand nachvollziehen? Gibt es Abhilfe?

Danke und viele Grüße
Silvia

[raberos]

Habs gerade auf Contao 3.1.1 installiert funktioniert auf Anhieb super . Die Bedienung finde ich persönlich einiges einfacher, weil schneller, als bei der contentSelection.

[Nook]

Leider funktioniert das Nachrichten Archiv Menü im Zusammenspiel mit dieser tollen Erweiterung nicht mehr :/

Kann ich irgendwie helfen, dem Fehler auf den Grund zu gehen?

[AgentK]

Hallo,

hat jemand die Erweiterung schon mit Contao 3.2.3 in Verwendung?

Danke
Stefan

[mw1972]

Ich werd's ausprobieren. Allerdings fände ich es besser, wenn man die Sichtbarkeit der Elemente vom Viewport abhängig machen würde.
Also statt der Haken für das Gerät besser einstellbare Viewportbreiten, z. B. sichtbar bis 19 em.

Der Vorteil im Vergleich zu einer reinen CSS-Lösung wäre, dass bestimmte Elemente erst garnicht geladen werden müssen.

[chris_engel]

@mw1972: Ohne jetzt Oberlehrerhaft wirken zu wollen: da bist du bei dem Modul an der völlig falschen Adresse.
Es ist dem Server nicht möglich eine Auswahl anhand der Bildschirm/Browsergröße des Users eine Auswahl zu treffen, da er diesen Wert schlicht und einfach nicht kennt.

Das was du vor hast lässt sich nur über CSS lösen, nicht über ein Modul welches auf dem Server den HTML Code modifiziert, tut mir leid.

[toyclown]

Hi Ihr,

@chris_engel: danke für die Extension.

Leider funkioniert sie bei mir noch nicht ganz richtig.

Bei Ausblendung des Desktop-Symbols passiert nichts
Bei Ausblendung des Mobile-Symbols wird auf Desktop und Mobile ausgeblendet

Bin wie in der ReadMe-Datei vorgegangen, Datenbank wurde ebenfalls aktualisiert.

Webseite ist: meyer-vicom . de
Verwende Contao 3.0.0

Habe ich etwas übersehen?
Muss man sonst noch etwas aktivieren? Zeile im Template anpassen?

Gruß
toyclown

[NetMediaWork]

Es ist dem Server nicht möglich eine Auswahl anhand der Bildschirm/Browsergröße des Users eine Auswahl zu treffen, da er diesen Wert schlicht und einfach nicht kennt.

Hallo,

Serverseitig sicher nicht, aber vom Browser per JS …

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(e) {
	showViewportSize();    
});
$(window).resize(function(e) {
	showViewportSize();
});
function showViewportSize() {
   var the_width = $(window).width();
   var the_height = $(window).height();                   
   $('#width').text(the_width);
   $('#height').text(the_height);
}
</script>
 
<span id="width">Resize to find out!</span> x <span id="height">Resize to find out!</span>

[AndreasC]

Würde hier eher mit Mediaquerys arbeiten statt mit JS.

[LEO1984AUG]

Hi,

genau sowas hatte ich eigentlich gesucht. Leider musste ich feststellen, dass bei meiner Kombination von Contao 3.0.6 in Verbindung mit dieser Extension und der Extension photoalbums2 v1.0.2 starke Probleme auftreten. Folgendes war zu beobachten: Wenn ich die Extension eingebunden habe und die Datenbank aktualisiert hatte, dann hat mir die Extension photoalbums2 kein einziges Foto mehr angezeigt. Weder im FE noch im BE :S. Das macht diese Extension für mich erst mal unbrauchbar . Vielleicht lässt sich das irgendwie nachvollziehen und beseitigen?! Das wäre echt super!!!

Gruß LEO1984AUG

[Thoni]

Hi,

genau sowas hatte ich eigentlich gesucht. Leider musste ich feststellen, dass bei meiner Kombination von Contao 3.0.6 in Verbindung mit dieser Extension und der Extension photoalbums2 v1.0.2 starke Probleme auftreten. Folgendes war zu beobachten: Wenn ich die Extension eingebunden habe und die Datenbank aktualisiert hatte, dann hat mir die Extension photoalbums2 kein einziges Foto mehr angezeigt. Weder im FE noch im BE :S. Das macht diese Extension für mich erst mal unbrauchbar . Vielleicht lässt sich das irgendwie nachvollziehen und beseitigen?! Das wäre echt super!!!

Gruß LEO1984AUG

Ich weiß nicht genau, was du suchst, aber vielleicht hilft dir mobile_extended weiter: https://contao.org/de/extension-list...020019.de.html

[LEO1984AUG]

Ich weiß nicht genau, was du suchst, aber vielleicht hilft dir mobile_extended weiter: https://contao.org/de/extension-list...020019.de.html

Ich werd mir das kommendes Wochenende mal ansehen. Bei mir ist es momentan relativ stressig und da bleibt recht wenig Zeit für sowas. Aber auf den ersten Blick könnte das schon helfen. Ich werde berichten