friendsofredaxo / slice_columns

SliceColumns is a REDAXO AddOn. Grid arrangement for REDAXO article slices.

REDAXO-AddOn: SliceColumns

Das REDAXO-AddOn erlaubt die Anordnung der Slices in Spalten und das Verschieben von Blöcken per Drag & Drop.

Screenshot mit AddOn Backend Tools

Features

• Blöcke vergrößern / verkleinern
• Mapping der Breiten zu eigenen CSS oder passend zu CSS-Frameworks
• Ausschluss von Modulen
• Ausschluss von Templates
• Drag & Drop für Blöcke
• Shift+Breiter = 100%

CSS Mapping

Die Spalten können mit dem eigenen CSS oder Framework gemappt werden. Ein Beispiel dazu steht direkt nach Installation für Bootstrap bereit.

Wichtig Es sollten alle Spalten definiert sein, die am Ende verwendet werden. Vor allem aber die kleinste und die größte Breite, die durch die Definition möglich sind.

Beispiel CSS Mapping für UiKit3.x mit erweiterten Styles

Hier bei 12 Spalten

Ein geeignetes SCSS liegt im Assets-Ordner des AddOns uikit_columns.css

{
   "1":"uk-width-1-12",
   "2":"uk-width-1-6",
   "3":"uk-width-1-4",
   "4":"uk-width-1-3",
   "5":"uk-width-5-12",
   "6":"uk-width-1-2",
   "7":"uk-width-7-12",
   "8":"uk-width-2-3",
   "9":"uk-width-3-4",
   "10":"uk-width-5-6",
   "11":"uk-width-11-12",
   "12":"uk-width-1-1"
}

Support

https://github.com/FriendsOfREDAXO/slice_columns

Credits

Ursprüngliche Idee von: Thomas Göllner](https://github.com/tgoellner).

https://github.com/FriendsOfREDAXO/bloecks/tree/previous_alpha/plugins/columns

Lead: Andreas Lenhardt https://github.com/andileni

Testing and further development: Thomas Skerbis https://github.com/skerbis

slice_columns's Issues

HTML-Struktur: Logik und Möglichkeiten

Das add-on macht eine Struktur in diesem Rahmen:

<div class="col-sm-6">[Modul]</div>
<div class="col-sm-6">[Modul]</div>

Ich sehe gerade keine Lösung, damit ein Konstrukt wie dieses zu erstellen (alles gleich bis auf die Hintergrundfarbe):

<section style="background-color: green; padding: 40px 20px"><div class="container"><div class="row">
     <div class="col-sm-6">[Modul]</div>
     <div class="col-sm-6">[Modul]</div>
</div></div></section>

<section style="background-color: white; padding: 40px 20px"><div class="container"><div class="row">
     <div class="col-sm-6">[Modul]</div>
     <div class="col-sm-6">[Modul]</div>
</div></div></section>

Oder habe ich da was übersehen? Sonst wär's was für die whish-list.

API absichern

Csrf?

Error bei der Erst-Installation

Habe soeben auf einer ganz frischen Installation slice_columns installieren wollen und bekam diesen Fehler:

Sobald ich einen ersten Artikel angelegt habe, war der Fehler beim erneuten Installationsversuch weg.
Das add on überprüft also offenbar nicht, ob es schon einen Artikel gibt, setzt diesen voraus und verursacht dann obiges Problem.

drag&drop :: yform_usability vs. slice_columns

Wenn yform_usability aktiviert ist, funktioniert das drag&drop nicht.
Beide AddOns nutzen sortable.js.
Können wir da was machen @AndiLeni ?
FriendsOfREDAXO/yform_usability#77

Module ausschließen

Module festlegen, die nicht verändert werden können

ich mache das...

Feature: REX_SLICE_SIZE oder Methode

Möglichkeit zum Abruf der aktuellen Spaltenbreite im Modul

Javascript Fehler nach Klick auf Buttons am Block

1. AddOn installiert/aktiviert
2. Einstellungen einmal gespeichert
3. Danach in einen Artikel und die Buttons geklickt und es passierte nichts

Konsole meldet:

[Error] TypeError: null is not an object (evaluating 'parent.getAttribute')
	smaller (columns_sortablejs.js:77)
[Error] TypeError: null is not an object (evaluating 'parent.getAttribute')
	wider (columns_sortablejs.js:114)

Umbau zu AddOn

PHP 8.1 :: Deprecated | explode(): Passing null to parameter #2 ($string) of type string is deprecated

Es gibt mehrere Stellen, hier schon mal 2:

16.08.2022, 18:06:14	Deprecated	explode(): Passing null to parameter #2 ($string) of type string is deprecated	redaxo/src/addons/slice_columns/boot.php	25

16.08.2022, 18:39:22	Deprecated	explode(): Passing null to parameter #2 ($string) of type string is deprecated	redaxo/src/addons/slice_columns/lib/columns.php	20

Kein resize wenn <form> in der Ausgabe von Slide

Wenn im Modul ein

in der Ausgabe des Slices ist, kann dieses nicht verändert werden.

#20

Icons sind sehr unscharf

Eventuell Fontawesome Icons nutzen?

Ideen

1. Spalten Icon dazu das Plus und Minus Icon
2. Diese zwei Icons Forward/Backward nur in der Reihenfolge für Smaller/Wider ändern, das käme den jetzigen Icons näher

zu 1.

zu 2.

Ausgabe-Problem

Ich habe ein kurzes Video dazu gemacht - das geht glaub' ich wirklich am schnellsten zum erklären:
https://www.dropbox.com/t/ntNd32eobXzCjgDz

Grosse Bitte: Select-Feld und Spalter-Nummern

Ich habe jetzt ganz viel mit den Slice columns rumgeturnt und finde sie klasse! Es gibt noch ein, zwei Schwierigkeiten, die ich für Büromenschen-Redakteure sehe, zu denen ich auch später mal noch mich melde.

Zwei Sachen sind mir aber ein grosses Anliegen: Um an den Layouts rumzuschrauben, sind die Kleiner-/Grösser-Buttons (weniger/mehr-Spalten) extrem schnell mühsam. Siebenmal hier klicken, vier mal dort, mit der Maus immer nachhüpfen, das finde ich IMHO suboptimal. Wie wäre ein einfaches Select-Feld mit der Spaltenzahl? Damit wäre auch der zweite Punkt gelöst: Man sähe immer die Spaltenanzahl pro Block - das fände ich sehr hilfreich. So eine Lösung ähnlich der hier bei GitHub oben rechts:

Bitte nicht falsch verstehen - ich find's super. Diese beiden Punkte haben mich einfach sehr bald schon sehr gestört.
Bei Fragen einfach fragen. ;-)

User prüfen

• Rechte anlegen
• prüfen ob User Rechte für die Grids hat
• prüfen ob User Bearbeitungsrechte für das Modul hat

CSS Styling und JS

Gedanken zum HTML im Frontend

Ich nutze hier die Voreinstellungen des AddOns:

Im Frontend kommt um jeden Slice ein div.col-sm-X. Das finde ich verwirrend, da ich bisher nur 2 Slices im Backend angepasst habe. Andere nicht bearbeitete Slices erhalten immer automatisch ein div.col-sm-12.

Entfernt man dann in den Einstellungen das 12er, erscheinen im Frontend Notices

Notice: Undefined offset: 12 in redaxo/src/addons/slice_columns/lib/columns.php on line 110

und das div verliert die CSS-Klasse.

Wie definiert man das Wrapper div? Bei Bootstrap wäre es das div.row.

PS: Danke für das AddOn und für eure Zeit die ihr hinein gesteckt habt.

klassisch Blöcke verschieben ... Fehlermeldung

Liefert: Block kann nicht verschoben werden.
Ich habe es mit einem Pjax reload versucht. Ist aber doof weil langsam.
Tendiere dazu die Block verschieben Buttons auszublenden.

Nach Drag und drop kein history Eintrag

Aktuell ent steht kein Historyeintrag wenn per Drag und drop die slices verschoben werden.

Nur bei bestimmten Templates zulassen

Aufrufe von Methoden und Classes des Hauptaddons entfernen / überführen

nicht kompatibel mit history plugin

rex_sql_exception: Unable to fetch row.
File: redaxo/src/core/lib/sql/sql.php
Line: 812

Stacktrace

Function	File	Line
rex_sql->getRow	redaxo/src/core/lib/sql/sql.php	787
rex_sql->fetchValue	redaxo/src/core/lib/sql/sql.php	734
rex_sql->getValue	redaxo/src/addons/slice_columns/lib/columns.php	203
Columns::getSize	redaxo/src/addons/slice_columns/lib/columns.php	164
Columns::frontend	redaxo/src/core/lib/extension.php	51
rex_extension::{closure}	redaxo/src/core/lib/util/timer.php	57
rex_timer::measure	redaxo/src/core/lib/extension.php	62
rex_extension::registerPoint	redaxo/src/addons/structure/plugins/content/lib/article_content_base.php	653
rex_article_content_base->renderSlices	redaxo/src/addons/structure/plugins/content/lib/article_content_base.php	355
rex_article_content_base->getArticle	redaxo/src/addons/structure/plugins/content/lib/article_content.php	83
rex_article_content->getArticle	rex:///template/1	829
require	redaxo/src/addons/structure/plugins/content/lib/article_content_base.php	405
rex_article_content_base->{closure}	redaxo/src/core/lib/util/timer.php	57
rex_timer::measure	redaxo/src/addons/structure/plugins/content/lib/article_content_base.php	406
rex_article_content_base->getArticleTemplate	redaxo/src/addons/structure/plugins/content/boot.php	56
rex_package::{closure}	redaxo/src/core/lib/extension.php	51
rex_extension::{closure}	redaxo/src/core/lib/util/timer.php	57
rex_timer::measure	redaxo/src/core/lib/extension.php	62
rex_extension::registerPoint	redaxo/src/core/frontend.php	26
require	redaxo/src/core/boot.php	141
require	index.php	9

System report (REDAXO 5.12.1, PHP 7.3.30, MariaDB 10.2.39)

REDAXO
Version	5.12.1

PHP
Version	7.3.30
OPcache	yes
Xdebug	no

Database
Version	MariaDB 10.2.39
Character set	utf8mb4

Server
OS	Linux
SAPI	fpm-fcgi
Webserver	Apache

Request
Browser	Safari/15.0
Protocol	HTTP/1.0
HTTPS	yes

Packages
adminer	1.9.1
avcal	1.1.1
backup	2.7.1
be_style	2.12.1
be_style/customizer	2.12.0
be_style/redaxo	2.12.1
be_tools	1.5.2
bloecks	3.0.0
bloecks/cutncopy	3.0.0
cke5	4.1.1
consent_manager	3.0.0beta9
cronjob	2.8.0
cropper	1.1.0
d2u_helper	1.8.5
d2u_immo	1.1.6
debug	1.1.1
fa_iconpicker	0.3.0-beta2
focuspoint	2.2.2
geolocation	0.1.0
global_settings	2.4.1
gridblock	0.2
icecoder	2.0.2
install	2.9.1
lottie	1.0.1
maintenance	2.6.2
mblock	3.2.0
media_manager	2.11.1
media_manager_autorewrite	2.0.0
media_srcset	2.0
mediapool	2.10.1
metainfo	2.8.1
mform	6.0.11
mform/docs	1.1
modulsammlung	4.15.0
navigation_array	1.0.3
phpmailer	2.10.2
plyr	3.10.0
project	dev
pwa	0.0.3
slice_columns	dev-0.1.2
sprog	1.2.0
structure	2.12.1
structure/analytics	1.0
structure/content	2.12.0
structure/history	2.12.0
structure_tweaks	1.2.0
tinymce5	1.0.0-beta7
uikit_collection	2.2.0
uppy	0.0.1-alpha1
url	2.0.0-beta3
users	2.8.0
watson	2.2.0
yform	3.4.1
yform/docs	3.3.1
yform/email	3.4.1
yform/manager	3.4.1
yrewrite	2.7
yrewrite_scheme	3.3.0
zip_install	1.1
zwitscher	0.0.1-dev

hat wer eine Idee ? @staabm @gharlan , vielleicht?