[Addon] pic2up - a picflash uploader

[theSplit]

Hallo in die Runde,

ich platziere das Projekt mal hier.

Mit etwas Hilfe von eraser, der extra dafür .webm und .mp4, eingebaut hat, wollte ich euch ein Addon vorstellen: [kw]pic2up - a picflash uploader[/kw]

Das ganze ist ein Browser Addon für Firefox, Chrome und Chrome basierte Browser - also auch Opera, mit dem lokale Datei-Uploads und Remote Uploads getätigt werden können. Ihr braucht euren API-Key von Picflash um das Tool nutzen zu können. Das Tool speichert den API-Key und den Verlauf/die History der Uploads und deren Details wie Share und Löschlinks. Außerdem wird der Status bei Upload in "Upload status" angezeigt.

Kurze Info, während der Upload läuft muß das Fenster offen gelassen werden damit Uploads verarbeitet werden können.

Screenshots (Aktuell):
"Simple Mode":

You do not have permission to view link please Anmelden or Registrieren

Texturiert (Default):

You do not have permission to view link please Anmelden or Registrieren

Video (Neu):

You do not have permission to view link please Anmelden or Registrieren

Screenshots (Alt):

You do not have permission to view link please Anmelden or Registrieren

You do not have permission to view link please Anmelden or Registrieren

Der Code findet sich auch auf Github:

You do not have permission to view link please Anmelden or Registrieren

Und eine Release zum testen der v0.1.0 hier:

You do not have permission to view link please Anmelden or Registrieren

Edit: Alle Releases:

You do not have permission to view link please Anmelden or Registrieren

Ich würde mich über Feedback freuen!

Ein kleiner Kommentar noch: Aktuell war erst mal Ziel die Uploads funktional zu bekommen, das UI braucht noch viel mehr Liebe als dass, was über kurz jetzt erstellt wurde. Aber ich würde mich über eure Ideen und Feedback freuen wie man das freundlicher und besser darstellen kann.

Beispiel dafür wäre BBCode und das Filtern des "Upload results" nach Share, Lösch und Thumbnail-Link Ansichten. So als erste Idee.

Update:
Das Addon findet sich für Firefox bei Mozilla, hier:

You do not have permission to view link please Anmelden or Registrieren

Für Chrome und Opera:

You do not have permission to view link please Anmelden or Registrieren

 

[Steev]

Kein Feedback, aber bei der Desktop Variante reicht mir eigentlich die Forensoftware selbst. Oder die picflash.org Seite selbst. Schade dass nicht mal was in Sachen Mobile Software Fischmobile im speziellen was getan wird.

 

[drfuture]

... Dazu gab es eine Anfrage im Feedback-Bereich und wir / ich haben uns damit auch beschäftigt. Leider war es nicht so leicht umzusetzen wie gedacht / Man müsste ein komplett neues Mobile-Template schreiben.
im Epicorp funktioniert der Upload

 

[Steev]

Wolltet ihr nicht auch Mal über Responsive nachdenken?

 

[drfuture]

Jep - tun wir

 

[theSplit]

So, am UI habe ich noch nicht gearbeitet, das Graut mir etwas..

Aber dafür popt das Fenster jetzt nicht mehr automatisch auf und die Speicheroutine sind im UI Code anstelle mit Background Messaging gelöst.

Hier der Release:

You do not have permission to view link please Anmelden or Registrieren

--- [2020-07-11 17:54 CEST] Automatisch zusammengeführter Beitrag ---

Auch wenn ich das UI umarbeiten wollte, ich hab nur mal etwas rumgespielt...

You do not have permission to view link please Anmelden or Registrieren

You do not have permission to view link please Anmelden or Registrieren

--- [2020-07-11 20:05 CEST] Automatisch zusammengeführter Beitrag ---

Und nochmal überarbeitet, Simply is better I believe now:

You do not have permission to view link please Anmelden or Registrieren

--- [2020-07-11 21:26 CEST] Automatisch zusammengeführter Beitrag ---

You do not have permission to view link please Anmelden or Registrieren

 

[theSplit]

Jetzt mit etwas mehr UI so dass nun mehr von der API unterstützt wird.

You do not have permission to view link please Anmelden or Registrieren

 

[Steev]

Könnte man das nicht farblich noch an dem Darkfish Theme oder der picflash.org Seite anpassen. Auch die Schrift? Das ist jetzt so ein Linux Blau

 

[theSplit]

You do not have permission to view link please Anmelden or Registrieren

Du kannst sehr gerne an dem Style werkeln, wenn du etwas Ahnung von CSS hast, ginge das klar und auch mit Gimp den Hintergrund verändern. Silbern bzw. Metallook wäre vielleicht auch ne Idee.

Wie du das testen kannst, kann ich dir gerne schildern.

Auch kannst du gern mit dem Hintergrund experimentieren. Ich hab die Datei (Gimp) mal gezippted angehängt.

--- [2020-07-13 14:52 CEST] Automatisch zusammengeführter Beitrag ---

Silver look:

You do not have permission to view link please Anmelden or Registrieren

Silver look beta:

You do not have permission to view link please Anmelden or Registrieren

 

[Steev]

Ja ich gucke mir die CSS mal an, OK.

 

[theSplit]

You do not have permission to view link please Anmelden or Registrieren

Änderungen:
- der Upload funktioniert nun Lokal und auch für Remote Upload in egal welcher Reihenfolge dies ausgeführt wird
- bei dem Löschen der History werden auch die Daten aus dem Remote Upload korrekt entfernt
- die Parameter werden nun korrekt verarbeitet, vorher wurden die Einstellungen zurückgesetzt noch bevor der Upload stattfand
- Remote Dateien können über "Check remote files" auf Ihre Größe geprüft werden, vor dem eigentlich Upload.
- Webm wird nun korrekt als Webm ausgelsen und nicht auf ".web".
- Hinzugefügt das der Body die Klasse "Opera" bekommt wenn ein Chrome Browser verwendet wird, also Chrome oder Opera entsprechend, dies ist hauptsächlich für das Styling nötig.
- Monsterrat Font hinzugefügt um ein einheitliches, Browser übergreifendes, Schriftbild zu bekommen

You do not have permission to view link please Anmelden or Registrieren

Hotfix v0.2.1 für Data Storage auch zum Speichern und Wiederherstellen des API Key:

You do not have permission to view link please Anmelden or Registrieren

 

[theSplit]

Eine neue Version steht vor der Tür, aber bevor ich diese als Addons packe, ein kurzer Ausblick wohin die Reise geht.. ist noch nicht 100% fertig, aber als Preview reicht es locker... - ist übrigens der Stand der auch auf Github ist. Nur halt noch nicht als Addons veröffentlicht.

You do not have permission to view link please Anmelden or Registrieren

Update: Neuer Release mit diesen Funktionen:

You do not have permission to view link please Anmelden or Registrieren

Screenshots mit den neuen Funktionen:

You do not have permission to view link please Anmelden or Registrieren

You do not have permission to view link please Anmelden or Registrieren

 

[theSplit]

Jetzt noch etwas die Upload Area angepasst bei der zwischen Lokalem und Remote Upload gewechselt werden kann, Clear Local Upload List-Funktion und Cancel Upload sind ebenfalls neu.

You do not have permission to view link please Anmelden or Registrieren

 

[theSplit]

Noch eine neue Version (von gestern Abend):
* Per default öffnet die Anwendung jetzt in einem Tab anstatt in eine Overlay (Panel) Fenster
* Prüfung und Sperre hinzugefügt ob ein Upload bereits Lokal oder Remote läuft
* Befehl hinzugefügt den Upload zu unterbrechen/zu canceln
* Einzeln Tab-Register für Lokale und Remote Uploads hinzugefügt
* Interface - leeren Abstand zwischen den einzelnen "Headlines" entfernt, wirkt nun etwas kompakter.

Edit: Releases finden sich hier:

You do not have permission to view link please Anmelden or Registrieren

Known bugs: Der .webm Upload schlägt aktuell fehl, ich bin da mit Hilfe dran.

 

[Steev]

Auch kannst du gern mit dem Hintergrund experimentieren. Ich hab die Datei (Gimp) mal gezippted angehängt.

Finde das mit dem Grautönen jetzt allerdings besser und ausreichend, darkfish angepasst, wenn denn noch Kommentare hier erlaubt sind.

 

[theSplit]

Finde das mit dem Grautönen jetzt allerdings besser und ausreichend, darkfish angepasst,

Naja, so in Richtung Darkfish ist es nur sehr bedingt, meinst du nicht? Ich wollte halt von dem "Linuxblau", wie du es genannt hast, weg.

wenn denn noch Kommentare hier erlaubt sind.

Natürlich sind Kommentare erlaubt! (und erwünscht!) - Ich freue mich darüber wenn eine Rückmeldung kommt oder Feedback.
Auch ist das alles nicht in Stein gemeißelt, wenn du ne andere Farbkombination besser findest oder das UI noch verbessern könntest, kann man da jederzeit daran pfeilen. Bin da absolut offen.

 

[Steev]

ok ich habe mir mal die CSS angeschaut. Ich würde gerne (zum Test) alles Gelbe in das ngb Braun-Orange umwandeln. Das einzige Gelb was ich iwie ausfindig machen konnte ist #c0c000. Die ngb Farbe habe ich jetzt einfach mal mit

You do not have permission to view link please Anmelden or Registrieren

ermittelt #cb6e28
Ob das so 100% stimmt weiss ich nicht, aber ich will ja erstmal nur testen.
Kannst du mir sagen wo in der CSS die anderen Gelb Codes sind?

 

[theSplit]

Das kommt auf das jeweilige Element an und findet du am einfachsten mit den Developer Tools.

Aber zum Beispiel die Definition ab 92 bis 102 (input, textarea) - und auch 219 bis 239 (apikey, uploadDetails, updateLog usw..).
Also auch #ff8 und #ffff00 - ist nicht so konsistent und normalerweise kann man daraus auch einen Farbton machen.

Edit: Grafiken für Hintergrund und Panel angepasst.

You do not have permission to view link please Anmelden or Registrieren

Noch etwas überarbeitet:

You do not have permission to view link please Anmelden or Registrieren

 

[theSplit]

Einen schönen Tag zusammen!

Webm Upload ist in der neusten Version funktionstüchtig. Auch die Optik wurde nochmal etwas angepasst.

Das Addon findet sich für Firefox bei Mozilla, hier:

You do not have permission to view link please Anmelden or Registrieren

Für Chrome und Opera:

You do not have permission to view link please Anmelden or Registrieren

Update 0.4.2:
Simple Mode => Flat UI Mode hinzugefügt.
Außerdem größere Basisschrift für Opera/Chrome.

Sieht so aus:

You do not have permission to view link please Anmelden or Registrieren

 

[theSplit]

Neuer Release:

You do not have permission to view link please Anmelden or Registrieren

You do not have permission to view link please Anmelden or Registrieren

Changelog:
* Sicherung und Wiederherstellung der Remote Upload-Feld Eingaben
* Die Schriftart Montserrat wird nun korrekt benutzt
* Wiederherstellung der zuletzt gewählten Uploadansicht beim Neuladen des Fensters
* Checkbox hinuzgefügt um "Remove Exif" auf alle Elemente anzuwenden oder zu deaktivieren
* Opera und Chrome, Schriftgrößen minimal angepasst
* Upload Optionen für Videos, wie Format und Rotation, entfernt da diese nicht über die Picflash API anwendbar sind
* Sperre eingebaut dass das leeren der Upload Daten während eines Uploads nicht möglich macht

Screens:

You do not have permission to view link please Anmelden or Registrieren

You do not have permission to view link please Anmelden or Registrieren