Moduł Drag & Drop kreatora przedmiotów dla DLE 14.0
🎯 Cel
Tworzenie wizualnego modułu kreatora przedmiotów dla systemu DLE 14.0, umożliwiającego zamianę dodatkowych pól (typu "jedna linia") na interfejs drag-n-drop z zapisem danych.
System musi być w pełni zintegrowany z panelu administracyjnego DLE i korzystać z szablonu dragitems.html jako wizualnego szablonu.
📁 Sekcja 1. Rozszerzenie typu pola dodatkowego "jedna linia"
W panelu administracyjnym DLE w sekcji edycji pól dodatkowych należy dodać nowy checkbox:
☑ Włącz kreator drag-n-drop przedmiotów
Ten checkbox jest dodawany tylko dla pól typu "jedna linia".
Po jego aktywacji:
pole automatycznie zamienia się na interfejs drag-n-drop;
po dezaktywacji wyświetla się zwykłe pole tekstowe;
wartość checkboxa jest zapisywana w parametrze pola (np.
editedxfield[28]).
Zachowanie musi być kompatybilne z systemem xfields:
checkbox jest widoczny w formularzu edycji pola dodatkowego;
jego wartość jest zapisywana i ładowana podczas edycji;
w panelu administracyjnym, w formularzu dodawania/edycji newsu, na podstawie tego parametru włącza się interfejs drag-n-drop.
🪟 Sekcja 2. Okno modalne z przedmiotami (jedno źródło)
Tworzone jest jedno okno modalne, które:
wyświetla dostępne przedmioty;
działa ze wszystkimi polami, gdzie aktywowany jest drag-n-drop;
jest otwierane i zamykane ręcznie przyciskiem;
nie zamyka się automatycznie po wybraniu przedmiotów.
Źródło:
Przedmioty są ładowane z kategorii DLE o ID = 11.
Każdy przedmiot musi mieć:
pole itemimage (zdjęcie przedmiotu);
pole rune-color (rodzaj obrażeń:
red,orange,green,blue).Każdy przedmiot w modalu musi zawierać swoje ID.
To ID będzie przekazywane do pola drag-n-drop podczas przeciągania.
❗ Każdy przedmiot w oknie modalnym musi zawierać swoje faktyczne ID (ID materiału), które będzie używane podczas przeciągania przedmiotu do strefy “drop”. Po upuszczeniu przedmiotu jego ID jest zapisywane jako ciąg wartości oddzielonych przecinkami — na przykład: 3,7,12,6,8. Te wartości stanowią końcową zawartość pola dodatkowego.
Filtrowanie:
modal musi mieć filtry po kolorze (
red,orange,green,blue);przycisk "Reset" pokazuje wszystkie przedmioty.
Wyjątki:
w kodzie modułu można ustawić tablicę ID przedmiotów, które nie powinny się wyświetlać;
przykład:php
$excluded_items = [12, 57, 88];
📦 Sekcja 4. Technologia ładowania przedmiotów
Wszystkie przedmioty dla kreatora są przechowywane jako zwykłe news w kategorii DLE o ID = 11.
Podczas otwierania formularza dodawania lub edycji newsu:
JavaScript wysyła żądanie AJAX do specjalnego pliku PHP (np. load_items.php), który:
ładuje wszystkie newsy z kategorii 11;
czyta pola dodatkowe
itemimageirune-color;wyklucza podane ID (np.
$excluded_items = [12, 45]);zwraca JSON lub HTML z listą przedmiotów.
Po otrzymaniu danych:
moduł wyświetla przedmioty w modalce;
pozwala na filtrowanie po kolorze;
pozwala na przeciąganie do dowolnego aktywnego pola.
🔧 Sekcja 5. Zachowanie i logika pól drag-n-drop
Każde pole z włączonym drag-n-drop:
wyświetla obszar, do którego można przeciągać przedmioty;
wyświetla aktualnie wybrane przedmioty (ikony) w ustalonym porządku;
pozwala na zmianę kolejności przez przeciąganie;
pozwala na usunięcie przedmiotu (ikona z krzyżykiem);
nie dopuszcza powtórnego dodania tego samego przedmiotu;
zapisuje wybrane ID jako ciąg oddzielony przecinkami (np.:
3,7,12,6,8).
Pola muszą mieć unikalne ID i być powiązane z input name="xfield[nazwa]".
Powinna istnieć możliwość używania wielu takich pól na jednej stronie.
💾 Sekcja 6. Zachowanie przy zapisie i edycji
Podczas zapisywania newsu:
wybrane przedmioty są zapisywane w ukrytym polu input;
wartość ta jest przekazywana do DLE i zapisywana jako zwykła wartość pola dodatkowego.
Podczas ponownej edycji:
moduł odczytuje ciąg ID (np.:
"5,9,14");na podstawie tych ID odtwarzane są przedmioty w interfejsie w odpowiedniej kolejności;
użytkownik widzi te same przedmioty, które zostały zapisane, i może je edytować.
Cała logika jest zachowana w ramach standardowego mechanizmu DLE xfields.
🎨 Sekcja 7. Projekt i realizacja
Używać designu i stylów z szablonu
dragitems.html
🎛️ Sekcja 8. Zachowanie drag-n-drop i modal
Przeciąganie:
użytkownik może zmieniać kolejność przedmiotów;
placeholder pokazuje miejsce wstawienia;
brak ograniczeń na przemieszczanie, poza sprawdzaniem duplikatów.
Okno modalne:
zawsze dostępne przy dodawaniu lub edycji newsu;
nie zamyka się automatycznie po wybraniu;
działa dla wszystkich stref drag-n-drop na stronie.
📑 Sekcja 9. Co dostarczyć:
Pełny działający moduł:
łatka do
xfields.phpi wszystkich niezbędnych plikówinstrukcje instalacji.
Dokumentacja:
dotycząca podłączenia modułu i konfiguracji.
Kompatybilność:
Pełna kompatybilność z DLE 14.0 oraz
modułem xField Tab — grupowanie pól dodatkowych w zakładki.
Załączniki 1
-
319 Dzień dobry - rozwijamy frameworki na Laravel oraz aplikacje mobilne na iOS i Android na zamówienie.
Projekty:
1. Dzień dobry, jesteśmy gotowi zrealizować Twoje zamówienie na zasadzie "pod klucz".
Tworzymy strony internetowe na PHP oraz aplikacje mobilne na iOS i Android.
Posiadamy doświadczenie w tworzeniu systemów CRM/ERP.
Jesteśmy gotowi zrealizować Twoje zamówienie na zasadzie "pod klucz".
Dzień dobry, rozwijamy strony na WordPress oraz aplikacje mobilne na iOS i Android. Łączne doświadczenie w rozwoju wynosi 7 lat. Jesteśmy gotowi zrealizować Twoje zamówienie na zasadzie "pod klucz".
1. Projekty
https://berkanaplus.com.ua/ - Ten serwis przenosiłem i konfigurowałem serwer.
… 2. https://leondesign.kyiv.ua/
Aktualizacje wersji PHP i aktualizacje wtyczek.
3. https://peg.com.ua/
Rozwój nowego modułu dla strony do dynamicznej aktualizacji cen produktów.
https://uvali.com.ua/
Konfiguracja dedykowanego serwera VPS.
Aktualne zlecenia dla freelancerów w kategorii Content Management Systems
Audyt, aktualizacja i optymalizacja strony Joomla 5.3.3
656 PLN
Audyt, aktualizacja i optymalizacja strony Joomla 5.3.3.Potrzebny specjalista od Joomla do kompleksowej weryfikacji, aktualizacji i konfiguracji strony.Wymagane:Przeprowadzenie audytu technicznego strony na Joomla.Sprawdzenie aktualnej wersji CMS i w przypadku dostępności… Content Management Systems, Programowanie stron internetowych ∙ 5 godzin 48 minut temu ∙ 21 ofert |
Rozwój sklepu internetowego WordPress + WooCommerce# Development of an Online Store for Agricultural Equipment The design mockup is currently in the final stages of development. I fully understand that without a ready mockup, the final estimate will be inaccurate. However, if you have already implemented similar e-commerce… Content Management Systems, Układ HTML i CSS ∙ 2 dni 21 godzin temu ∙ 77 ofert |
Potrzebna integracja KeyCRM → PRRO KaszalotTrzeba skonfigurować integrację między KeyCRM a PRRO Kaszalot. Podczas składania zamówienia w KeyCRM dane mają być automatycznie przesyłane do Kaszalota: • informacje o zamówieniu • towary, asortyment • ceny • ilość Szczegóły w wiadomości prywatnej. Content Management Systems, PHP ∙ 3 dni 7 godzin temu ∙ 28 ofert |
Szukam specjalisty WordPress/Elementor/Woo, który ma duże doświadczenie z szablonem Woodmart.
410 PLN
Potrzebne jest zaktualizowanie wizualizacji i struktury sklepu internetowego z produktami stomatologicznymi (link prześlę w wiadomości prywatnej) Strona działa na połączeniu WordPress + WooCommerce. Szablon — Woodmart. Zadanie: Aktualizacja nagłówka (header), stopki (footer)… Content Management Systems, Układ HTML i CSS ∙ 4 dni 12 godzin temu ∙ 38 ofert |
Nie przychodzą zgłoszenia do TG ocStore (OpenCart)Zgłoszenia z internetowego sklepu przestały przychodzić do Telegramu. Jest 5 stron, które znajdują się na tym samym hostingu, wersja silnika i modułów jest taka sama, ale kilka tygodni temu z wszystkich stron przestały przychodzić zgłoszenia do TG (boty TG i grupy są różne). Na… Content Management Systems, Programowanie stron internetowych ∙ 4 dni 14 godzin temu ∙ 67 ofert |