Tworzymy 2 kontrolki z zakresem wyboru miesiąca i roku. Pierwsza kontrolka ustawia początek miesiąca druga koniec. Przy ustawieniu dwóch kontrolek automatycznie przeładowuje się strona.
Kategoria: Plugins
Month picker
Plugin jquery-ui wybierający miesiące/lata
tinymce – pełne URL obrazków
Obrazki wstawiane są z względnymi ścieżkami do dokumentów. Jest to problem podczas generowania PDF który pobierze obrazek tylko jeśli src zawiera pełny adres URL. W takim przypadku należy dodać linie:
relative_urls : false,
remove_script_host: false,
convert_urls : true,
pierwsza linia powinna wystarczyć.
To może być problemem w przypadku zmiany domeny (przenoszenia serwisu) – obrazki wciąż będą wskazywały na stary URL.
Paralaksa – JS – Rellax plugin
Realizacja paralaksy za pomocą pluginu JS (rellax.min.js)
Localized plugin – cakePHP 3
Plugin do walidacji danych ekonomicznych wg. krajów: regon, pesel, nip, telefon, kod pocztowy,
TinyMCE – images
Integracja z zapleczem cakephp w celu dołączania obrazków
TinyMCE – selfhosted
Pobierz TinyMCE
datetimepicker
https://xdsoft.net/jqplugins/datetimepicker/ – pobrać nowe
Wgranie plików na serwer:
/webroot/css/jquery.datetimepicker.css /webroot/lib/jquery.datetimepicker.full.min.js
templates/layout/default.ctp
head <link rel="stylesheet" href="/css/jquery.datetimepicker.css"> footer <?= $this->Html->script('/lib/jquery.datetimepicker.full.min.js') ?>
dołączyć plik inicjalizujący np. common.js
jQuery.datetimepicker.setLocale('pl'); jQuery(".datetimepicker").datetimepicker({ format:'Y-m-d', timepicker:false, mouseWheel: false, dayOfWeekStart : 1, // poniedziałek scrollMonth : false, // nie przewija myszą miesięcy scrollInput : false, // nie przewija nic i18n:{ pl:{ months:[ 'Styczeń','Luty','Marzec','wiecień', 'Maj','Czerwiec','Lipiec','Sierpień', 'Wrzesień','Październik','Listopad','Grudzień', ], dayOfWeek:[ "Nie", "Pon", "Wto", "Śr", "Czw", "Pt", "Sob", ] } } });
Użycie w szablonie:
<?= $this->Form->text('purchase_date', [ 'class' => 'form-control w-25 datetimepicker', 'default' => (new \DateTime())->format('Y-m-d') ]) ?>
Proffer Upload files – cakePHP 3
Szczegóły pluginu
# composer require 'davidyell/proffer:^1.0'
tinyMCE install
<!DOCTYPE html>
<html>
<head>
<script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
<script>tinymce.init({ selector:'textarea' });</script>
</head>
<body>
<textarea>Pole edytora</textarea>
</body>
</html>