[3.3][CDB] Radial Progressbar

[IMC]

Name der Extension: Radial Progressbar
Autor: IMC
Version: 1.0.3 / 27.05.2025

Beschreibung der Extension:
Die Erweiterung ändert die lineare Fortschrittsanzeige in der Statusanzeige beim Hochladen von Dateien in eine radiale Anzeige. Die GIF Bilder in der Statuszeile werden mit SVG Grafiken ersetzt.

Screenshots:
- Beitrag - Dateien hinzufügen

Voraussetzungen:
- phpBB >= 3.3.0

Download: https://www.phpbb.com/customise/db/exte ... alprogbar/

Changelog:

• v1.0.3 27.05.2025
  - Unnötige PHP-Versionsprüfung entfernt
  - JS-Fehler behoben, wenn Datei-Upload nicht erlaubt
  - Parameterprüfung in JS-Funktion getBrightness hinzugefügt
• v1.0.2 - 21.02.2024
  - Kleine Codeänderungen
• v1.0.1 - 21.01.2024
  - Konflikt mit anderen SVG-Grafiken behoben
  - CSS-Datei überarbeitet
• v1.0.0 - Erste Bekanntmachung 13.01.2024

[hackepeter13]

In der radial_progressbar.css würde ich

Code: Alles auswählen

svg {
	transform: rotate(270deg);
}

ändern.

Wenn man einen Style verwendet in dem svg-Grafiken vorkommen, werden diese in der posting-Ansicht um 270 Grad gedreht.

Ich habe das geändert in:

Code: Alles auswählen

.svg.radial-progress>svg {
	transform: rotate(270deg);
}

Damit wirklich nur die eine svg nach radial-progress angesprochen wird (da diese keine eigene css-Klasse hat).

Alternativ könnte man auch in der radial_progressbar.js in Zeile 24 <svg height="24px" width="24px" xmlns="http://www.w3.org/2000/svg"> eine css-Klasse hinzufügen und das entsprechend in der css-Datei anpassen.

[IMC]

Danke für die Fehlermeldung.
Leider habe ich den Fehler erst gestern durch meinen Bildbetrachter erkannt und bereits beseitigt. Das neue Release gibt es spätestes morgen Früh.

[IMC]

Die Version v1.0.1 ist online verfügbar.

Der von hackepeter13 gemeldete Fehler wurde beseitigt.
@hackepeter13
Danke für das Testen der Erweiterung und melden des Fehlers.

Der Screenshot im Startbeitrag wurde geändert um den Vorteile der radialen Prozessbar hervorzuheben.

Auch wurde die SVG-Grafik und das CSS angepasst um die Grafikgröße leichter an den eignen Style anzupassen.
Es gibt jetzt einen zentralen Eintrag in der CSS-Datei um die Größe der Grafiken anzupassen. Dort muss lediglich die Höhe und die Breite für den eigenen Style angepasst werden.

Code: Alles auswählen

.imcger-radial-progress > svg, .file-status {
	vertical-align: middle;
	height: 20px;
	width: 20px;
}

[LukeWCS]

Servus Thorsten

Auch wenn das CSS jetzt gezielt adressiert wird, wäre eine zusätzliche Variante den Geltungsbereich von CSS und JS über das HTML Event weiter einzuschränken.

overall_header_head_append wird überall im Foren-Frontend ausgeführt und das ist hier eigentlich nicht notwendig. Das ist so a bisserl die Schrotflinten-Lösung.

posting_editor_message_after wird dagegen gezielt im Editor ausgeführt und das greift dann sowohl im Foren-Frontend als auch in den PNs. Wenn du deinen CSS und JS Lade-Trigger darin platzierst anstelle im momentanen Event, hättest du eine präzise und lokal begrenzte Ausführung deiner beiden INLCUDEs:

Code: Alles auswählen

{% if S_PLUPLOAD %}
	{% INCLUDECSS '@imcger_radialprogbar/radial_progressbar.css' %}
	{% INCLUDEJS '@imcger_radialprogbar/radial_progressbar.js' %}
{% endif %}

[IMC]

Hi Patrick,

danke für den Tipp.
Diesen werde ich beim nächsten Update berücksichtigen.

[IMC]

Version 1.0.2 verfügbar

[IMC]

Version 1.0.3 ist jetzt in der CDB verfügbar.
Downloadlink im Startbeitrag.