Thickbox 2 Sefrengo, Aufwertung(?) Dateimanager Einstellungen

[Olaf]

Hallo Allerseits,
ich hatte ein wenig Zeit über und hab mir mal Gedanken über den Dateimanager gemacht.
Warum immer diese PopUps, wäre doch schöner dem ein wenig Pep zu verpassen. Kurz und gut, ich hab Thickbox so umgeschrieben, dass es im Dateimanager funktioniert. ThickBox beruht auf JQuery, einem JSFramework, dolle Sache.

Ein wenig musste ich am Core drehen, 2 Zeilen in inc.upl.php und header.tpl, ein Bildchen ist zusätzlich, paar Einträge in der CSS und es müssen 2 JS-Dateien zusätzlich hochgeladen werden. Alles im ZIP enthalten.

Ich schreib nicht viel drüber, dazu bin ich nicht geboren hier gibts ne DEMO wie's funktioniert: http://olaf-bosch.de/bugs/jquery/fileman/

Ich hab das Björn und Alex schon vorgestellt, Björn hat mir ausdrücklich erlaubt das zu veröffentlichen. Ich könnte mir vorstellen alles JS in Sefrengo auf JQuery umzustellen. Demnächst gibts noch mehr kleine Helferlein, Roh laufen die schon, nur noch nicht in Sefrengo implementiert.

Das ZIP einfach in das Root deiner Sefrengoinstallation kippen, hochladen, fertig. Im Dateimanager auf einen Dateinamen klicken. Im Zweifel Browsercache löschen!
Daten vorher sichern, also die 2 oben erwähnten Dateien!!!

UPDATE !!! Esc auf Tastatur ist jetzt zum schließen des PopUps aktiviert.

Der Beitrag wurde von Olaf bearbeitet: Sun. 26. November 2006, 01:25

Angehängte Datei(en)

 thickbox2sefrengo.zip ( 36.49KB ) Anzahl der Downloads: 67

 

[gunwalt]

Klasse Sache. Deine Demos sind phantastisch. Ich werde es heute mal hochladen und ausprobieren.
Im Text schreibst Du etwas von einer header.tpl. Diese geänderte Datei fehlt allerdings im zip. Oder habe ich etwas falsch verstanden.

[tobaco]

yeah, jQuery!!!

ich hab mir dein beispiel noch nicht angeschaut, mag's aber jetzt schon …

eine schöne anwendung, die mir schon mal vorschwebte war das sortieren der seiten und ordner per drag-and-drop, zusätzlich zu der pfeilmethode.
dann hier und da noch etwas ajax und alles wird gut.

[andi]

saubere arbeit bis 2 uhr morgens (auch wenn ich nicht wirklich auf so java-zeugs stehe )

Im Text schreibst Du etwas von einer header.tpl. Diese geänderte Datei fehlt allerdings im zip.

könnte der grund sein, wieso ich das ganze nicht zu laufen bringe?!?
bin mir sowieso unsicher, wie ich das ganze dann anwende. funktioniert das nur mit einem bestimmten plugin? oder geht das mit dem dateilink plugin und dem wysiwyg-editor usw auch?

gruss andi

[Olaf]

So, header.tpl ist jetzt im Download enthalten, sorry.

Das funktioniert im Backend, es sehe sich aber niemand gehindert das auch andernorts anzuwenden. Einfach die 2 JS in den Header der HTML einbinden und alle Links wo es greifen soll mit class="thickbox" versehen. CSS-Teil in backend/tpl/css/styles.css ist gekennzeichnet und sollte in deine CSS kopiert werden.
Ich hab alles so gebaut, dass es auch ohne Sefrengo funktioniert.

Mehrere Bilder auf einer Seite können zusätzlich alle mit rel="IRGENDWAS" gekennzeichnet werden, dann erscheint unten eine Navigation.

[andi]

so, konnte das ganze kurz austesten. habe eigentlich nur mit safari ein problem festgestellt: wenn ich im dateimanager über eine datei fahre, erhalte ich ja den tooltipp mit einer verkleinerten vorschau. klicke ich dann das bild im dateimanager erscheint die «jquery»-vorschau. leider bleibt auch der tooltipp am mauszeiger hängen. selbst wenn ich das jquery-fenster schliesse bleibt der tooltipp weiter am mauszeiger kleben. ändert sich wieder, wenn ich mit der maus etwas anderes anklicke. in firefox klappt alles.

schöne erweiterung, wenn auch nicht für mich



gruss andi

[Olaf]

Danke fürs Feedback, andi. Jo, Mist, das liegt dann aber am Safari
Bleibt nur diese Tipps als nächstes auf JQuery umzustellen

P.S. weitere Bugreports, Anregungen, Verbesserungsvorschläge willkommen und vor allem welche Deteitypen sollten noch dazu? Was verwaltet ihr noch im Dateimanager?

[MaZderMind]

Hi
Ich würde mir wünschen wenn XML-Dateien auch mit fixer Schriftart dargestellt wären. Richtig geil wäre es wenn es einen Edit-Mode für text/*-Dateien gäbe, also dass dich dann statt der Vorschau ein Edit-Feld hätte mit Speicher-Buttons.
Was ich auch noch relativ wichtig fände, wäre dass der RB sich merkt in welchem Ordner ich war aber das ist ein anderes Kapitel...

Gruß, Peter

[Olaf]

Ich würde mir wünschen wenn XML-Dateien auch mit fixer Schriftart dargestellt wären.

Wie nur ne andere Schriftart? Dann schreib mal die Angaben oder was meinst du?
So richtig seh ich aber da keine Notwendigkeit, bei mir sieht das gut aus:
 screen_23.11.2006_21.44.52.jpg ( 139.18KB ) Anzahl der Downloads: 115

Richtig geil wäre es wenn es einen Edit-Mode für text/*-Dateien gäbe, also dass dich dann statt der Vorschau ein Edit-Feld hätte mit Speicher-Buttons.

Das ist nu wirklich overdressed, das ist doch nur das man in die Dateien mal reinschauen kann. Der nächste will bestimmt den WYSIWYG fürs HTML mit reinhaben....


Was anderes, es wurde mal der Wunsch geäußert multiple Fileuploads zu ermöglichen. Wer Thickbox2Sefrengo installiert hat editiert mal bitte die header.tpl

QUELLTEXT

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$("select#iddirectory").after("<span style='cursor:pointer;' id='cloneMe'> mehr Felder<\/span>");
$('#cloneMe').click(function(){
$('.uplinput').clone().css({ display: "block", margin: "4px" }).removeClass("uplinput").appendTo('#cloneMe').slideDown('slow');
});
});

function delete_confirm() {
  if(confirm('{DELETE_MSG}')) return true;
  else return false;
}
//]]>
</script>

Also ab function delete_confirm() das steht jetzt schon da drinnen. Dann Dateimanager unten das Uploadfeld in der Mitte beachten!!!
Funktioniert aber leider nicht, müsste das Formular bzw. dessen Verabeitung umgebaut werden, aber gut siehts aus

[MaZderMind]

Das ist nu wirklich overdressed

Hm? Nungut wenn du meinst... XT:Commerce z.B. hat sowas auch Naja wenn ud mal Zeit hast kannste ja nochmal drüber nachdenken...

Zu der Schriftart: Aus meiner Sicht ist ein Stylesheet eine art Quelltext und sollte deswegen ein font-family: monospace bekommen, ebenso wie bei Textdateien auch.

Gruß, Peter

[Olaf]

Hm? Nungut wenn du meinst... XT:Commerce z.B. hat sowas auch Naja wenn ud mal Zeit hast kannste ja nochmal drüber nachdenken...

Da brauch ich gar nicht drüber nachdenken, weil weil dies meine PHP-Kenntnisse sehr weit übersteigt

Zu der Schriftart: Aus meiner Sicht ist ein Stylesheet eine art Quelltext und sollte deswegen ein font-family: monospace bekommen, ebenso wie bei Textdateien auch.

Haben die doch, jedenfalls bei mir:
 screen_24.11.2006_09.04.33.jpg ( 94.49KB ) Anzahl der Downloads: 98


Du willst jetzt evtl. darauf hinaus, dass die XML auch so angezeigt werden?

[amk]

alles ganz gut und schön, aber das ausblenden der popup's stört, kostet unnötig zeit, der dicke gelbe balken oben kostet unnötig platz ... gefällt mir so wie in den demos nicht. auch eine blaue "abdunklung" der eigentlichen seite wäre zu überdenken (gut für bilder oder andere dinge, wo der geistige fokus gänzlich von der visualtität der eigentlichen seite verschwinden kann ...) ... und wozu ein zip-link in einem popup nochmal als zip-link zur verfügung stellen > unsinnig ...

[saschapi]

Generell kann ich solche innitativen nur unterstützen. Das ganze gepopuppe geht mir auch gehörig gegen den Keks. Früher oder später sollte man hingehen und auch so sachen wie den Verzeichnisabgleich, Moulupload etc. über AJAX lösen. So wie das im kleinen schon bei der Rechtevergabe im System gelöst ist.

Ich muss zugeben, dass ich mir ähnlich wie Peter einen Editmodus wünschen würde, der aber meiner Ansicht nach (genauso wie ein benötigtes Bilderbearbeitungsfeature) nicht zwangsläufig was mit dem Einbau der Thickbox zu tun hat. Denn wenn man erstmal so eine Funktion hätte, kann die ja auch mit der Thickbox aufgerufen werden

Daher erstmal: DANKE! Solche initiativen braucht das Land. Vielleicht baut sich das dann auch ganz locker bei anderen Ecken ein (s.oben).

[alexander]

modale dialoge für das anzeigen einer resource innerhalb einer anwendung zu verwenden finde ich nicht richtig. bei abfragen wie z.b. den updatedialog, oder dem löschen einer datei macht so was sinn ... sonst nicht.

[Olaf]

alles ganz gut und schön, aber das ausblenden der popup's stört, kostet unnötig zeit,

Das ist doch unsachlich, mein Freund. Wie gehst du denn jetzt mit den PopUps um, die schließt du wohl nicht?

der dicke gelbe balken oben kostet unnötig platz ... gefällt mir so wie in den demos nicht. auch eine blaue "abdunklung" der eigentlichen seite wäre zu überdenken (gut für bilder oder andere dinge, wo der geistige fokus gänzlich von der visualtität der eigentlichen seite verschwinden kann ...)

Das ist Geschmackssache da können wir nicht drüber diskutieren, das Gelb ist den PopUps vom DM entnommen, irgendwo muss ja das close hin, zusätlich wird der Platz verwendet wenn ein Titel im DM hinterlegt wird, ist doch nützlich!?

... und wozu ein zip-link in einem popup nochmal als zip-link zur verfügung stellen > unsinnig ...

Da geb ich dir Recht, das Script ist aber so, das es nun bei jedem Link greift, schau mal rein und sag mir wie ich die Funktion beim sogenanntem Rest deaktiviere. Mir ist da bisher nichts eingefallen.
Work in progress ... help welcome

Ich muss zugeben, dass ich mir ähnlich wie Peter einen Editmodus wünschen würde, der aber meiner Ansicht nach (genauso wie ein benötigtes Bilderbearbeitungsfeature) nicht zwangsläufig was mit dem Einbau der Thickbox zu tun hat. Denn wenn man erstmal so eine Funktion hätte, kann die ja auch mit der Thickbox aufgerufen werden

Genau so hab ich's mir vorgestellt.

Daher erstmal: DANKE! Solche initiativen braucht das Land. Vielleicht baut sich das dann auch ganz locker bei anderen Ecken ein (s.oben).

Danke, meine Depression scheint zu schwinden

modale dialoge für das anzeigen einer resource innerhalb einer anwendung zu verwenden finde ich nicht richtig. bei abfragen wie z.b. den updatedialog, oder dem löschen einer datei macht so was sinn ... sonst nicht.

Hierzu auch mein Statement:
Ich seh das mehr oder weniger als Gimmik, kein User nutzt den Dateimanager um sich Bilder anzuschauen oder exessiv in den Dateien zu stöbern. Ich bin der Meinung das es niemanden in seiner Arbeit behindert.

Vielmehr stellt sich mir die Frage (immernoch) gehen wir in diese Richtung oder lassen wirs.

P.S.: Das der multiple Upload nicht geht liegt an der Verarbeitung im Core, das Formular an sich sollte so funktionieren.

[alexander]

Vielmehr stellt sich mir die Frage (immernoch) gehen wir in diese Richtung oder lassen wirs.

für anwendungsfälle wo es sinn macht und der workflow der anwendung solange unterbrochen werden muss bis der benutzer eine aktion/auswahl gesetzt/getroffen hat ja.

jquery als standard für JS innerhalb von sefrengo zu verwenden halte ich für klug. auch drupal setzt auf diese lib und ich hab da bisher nur gute erfahrungen gemacht.

[andi]

ich habe mit jquery auch nur positive erfahrung gemacht (als anwender).
trotzdem ist doch die gefahr gross, dass das ganze in spielereien ausartet (ich persönlich kann wie amk mit der thinkbox nicht viel anfangen, da sie den arbeitsfluss eher stört).

viel sinnvoller wäre z.b. den dateimanager mittels jquery auf ein drag-and-drop system umzurüsten (gut, da würde ein eingriff nur mit jquery wohl kaum ausreichen, aber träumen darf man ja )


gruss andi

[Olaf]

ich habe mit jquery auch nur positive erfahrung gemacht (als anwender).
trotzdem ist doch die gefahr gross, dass das ganze in spielereien ausartet (ich persönlich kann wie amk mit der thinkbox nicht viel anfangen, da sie den arbeitsfluss eher stört).

Jungs, ihr habt doch auf dieses Ding jetzt nur den Focus überhaupt bekommen weil ich das jetzt mal dort implementiert habe. Andi, sag doch mal ehrlich ob für dich überhaupt die Gefahr besteht durch den Dateimanger egal ob er wie jetzt oder mit Thickbox läuft in deinem Arbeitsfluss gestört zu werden. Nutz du die jetzt aufgerufenen PopUps???? Worin besteht der Unterschied in deinem Arbeitsfluss? Ich seh das nicht, ehrlich.
Ob ich ein PopUp oder ne Thickbox zuklicke, mir egal.
Zusatzfeature welches ihr vielleicht noch nicht entdeckt habt, klick ins Blaue
Ich brauch nicht mal zielen, beim PopUp muss ich das

UPDATE: auf meiner Demo http://olaf-bosch.de/bugs/jquery/fileman/ wird ab jetzt mit nicht aufgeführten Dateitypen wieder die Standardaktion ausgeführt.
"zip-link in einem popup nochmal als zip-link zur verfügung stellen > unsinnig" ist damit Geschichte.

[andi]

Andi, sag doch mal ehrlich ob für dich überhaupt die Gefahr besteht durch den Dateimanger egal ob er wie jetzt oder mit Thickbox läuft in deinem Arbeitsfluss gestört zu werden. Nutz du die jetzt aufgerufenen PopUps???? Worin besteht der Unterschied in deinem Arbeitsfluss? Ich seh das nicht, ehrlich.
Ob ich ein PopUp oder ne Thickbox zuklicke, mir egal.

wie gesagt, ich spreche von mir persönlich. nicht jeder benutzt nur die maus...ich nutze wo ich kann tastaturkürzel. versuch mal das jquery-fenster mit einem tastaturkürzel zu schliessen. ausserdem ist mir das ganze fading zu träge. ich liebe klare, einfache und schnelle funktionen.

nicht falsch verstehen: für den grossteil der benutzer sicherlich eine willkommene alternative, welche ich auch gerne austeste und auf «fehler» prüfe. auch die arbeit welche dahintersteckt weiss ich zu würdigen.


gruss andi

[Olaf]

wie gesagt, ich spreche von mir persönlich. nicht jeder benutzt nur die maus...ich nutze wo ich kann tastaturkürzel. versuch mal das jquery-fenster mit einem tastaturkürzel zu schliessen. ausserdem ist mir das ganze fading zu träge. ich liebe klare, einfache und schnelle funktionen.

Ah, endlich Argumente, sach an welches Kürzel ist zum schließen da? Vielleicht kann man da was machen...