Commandbar mit Historie

[FHEMAN]

Weil mich das Handling der Commandbar immer genervt hat (Code -> Enter -> neue Seite -> Code weg) habe ich ein jQuery History Plugin so angepasst, dass man wie in einer echten Shell mit Pfeil hoch/runter durch die letzten Kommandos blättern kann.
Außerdem habe ich noch den Focus auf die CMD bei Pageload gesetzt und das CMD für mehr Zeichen verbreitert.
 
Installation Variante 1: die beigefügte js Datei einfach ins www Verzeichnis kopieren und in der FHEMWEB Instanz verlinken, z.B.:

Code: [Auswählen]

fhem\www\input\jquery-input-history.js

Code: [Auswählen]

attr WEB JavaScripts input/jquery-input-history.js
Installation Variante 2: ohne SSH und ggf. Berechtigungsvergabe die JS-Datei über die Oberfläche ins pgm2 Verzeichnis anlegen:

1. jquery-input-history.js öffnen und den Code in Zwischenablage kopieren
2. Edit files im Menü wählen und 99_myUtils.pm öffnen (oder eine andere Datei auswählen)
3. Im Editor allen Inhalt löschen und den Code aus der Zwischenablage einfügen
(ggf. als Backup den Inhalt vor dem Löschen in eine separate Textdatei kopieren, falls man den nächsten Schritt verdaddelt)
4. Den Namen hinter [Save as] ändern nach jquery-input-history.js (anstelle "99_myUtils.pm")
5. Erst jetzt, also nach Änderung des Dateinamens, [Save as] jquery-input-history.js drücken. Anschließend erscheint die Meldung "Saved jquery-input-history.js"
6. Die erstellte JS-Datei unter pgm2/jquery-input-history.js nun dem WEB Attribut JavaScripts hinzufügen

Da die History längerfristig im LocalStorage Browsercache abgelegt wird, gibt es ein kleines Favoritensymbol rechts neben der Commandline zum Löschen aller Einträge.

// 18.02.18 Nachtrag
Erweiterung: Bei Verwendung von Ctrl-Enter bzw. Strg-Enter wird der gesamte Text als Perl Ausdruck in {} gesetzt.

// 11.05.18 Nachtrag
Neuer Link zum Lösch-Icon, da sich in Fhem die Bilderpfade geändert haben.

// 10.11.21 Nachtrag
Erweiterung: Bei Verwendung von Ctrl-Space im CMD wird das aktuell besurfte Device (URL-Parameter "detail") an die aktuelle Cursorposition geschrieben (oder ggf. wieder entfernt).

// 10.11.21 Nachtrag
Symbol angepasst und Fehlermeldung gefixt, wenn kein Device ausgewählt war.

// 12.11.21 Nachtrag
Standard Event Trigger entfernt.

Viel Spaß
Ronny

[betateilchen]

Das meiste davon kann FHEM schon von Haus aus, wenn man die Attribute der FHEMWEB Instanz entsprechend setzt.

[FHEMAN]

Was

Das meiste davon kann FHEM schon von Haus aus, wenn man die Attribute der FHEMWEB Instanz entsprechend setzt.

Mag für mainInputLength gelten. Für eine Historie beziehst Du Dich aber hoffentlich nicht auf redirectCmds oder Autofill von Formularen. Das ist nämlich keine Alternative. Aber vielleicht hast Du ja ein paar Schmankerl auf Tasche.. dann halte aber bitte nicht vor dem Berg damit.

[pula]

Extrem lässige Idee - das hat mir schon lange gefehlt :-)
Danke fürs implementieren!

Cheers,

Pula

[kumue]

gefällt mir & sehr nützlich
danke !

[sash.sc]

Da lässt sich aber nicht mehr die Länge des Eingabefeldes ändern.

Beim mir erscheint hinter der Eingabeleiste "Historie löschen"

Gruß und Danke
Sascha

[FHEMAN]

Da lässt sich aber nicht mehr die Länge des Eingabefeldes ändern.

Da es mit mainInputLength tatsächlich eine Funktion in FHEM gibt, habe ich das wieder herausgenommen (das Script File oben ist aktualisiert)

Beim mir erscheint hinter der Eingabeleiste "Historie löschen"

Genau, das ist gewollt so. Für Ideen bin ich aber offen.

Gruß
Ronny

[dirkcx]

wie kann ich denn bei
attr JavaScripts
mehrere javascript-Dateien eintragen?
mit Komma oder Semikolon getrennt klappt das nicht, fhem konkateniert das zu einem String

[swsmily]

Einfach mit Leerzeichen:
Beispiel:

Code: [Auswählen]

codemirror/fhem_codemirror.js niceclocks/fhem_niceclocks.js

[hartenthaler]

Ich habe das verwendete Icon checkbox_checked.png bei mir nicht, sondern nur ein entsprechendes .svg. Damit geht es aber nicht, wenn ich den Pfad im Script entsprechend ändere. Oder gibt es da einen Weg? Alternativ kann ich natürlich so ein png-Icon in der Größe 9x9 direkt selber malen.

[vbs]

Hammer Plugin! Danke!

[Det20]

Super, vielen Dank!

[P.A.Trick]

Hammer Plugin! Danke!

Schließe mich an, super! Sollte mMn. als Standard in jede FHEM Instanz rein.

[doman75]

Hallo,

ich habe seit kurzem bei jeder Seite die Fehlermeldung:
jquery-input-history.js line 1:
NS_ERROR_STORAGE_IOERR:

was könnte das sein?

grüße
Doman

[FHEMAN]

Ich kopiere oft fertige Perl Einzeiler in die CMD und es nervt mich dann immer das Geklimpere mit den beiden geschweiften Klammern. Ich habe daher das Script für Faule wie ich es bin noch erweitert. Einfach die zweite, größere JS Datei oben wählen.

@doman75: Ich kann mir nur vorstellen, dass du bzw. dein Windows User keine Berechtigung hat, im Browser Storage etwas abzulegen (evtl. neue Gruppenrichtlinie auf Arbeit?

Gruß
Ronny