This commit is contained in:
2023-11-18 02:26:27 +03:00
parent 747f52cace
commit 44d9a6aff9
15 changed files with 1791 additions and 1740 deletions
+32
View File
@@ -0,0 +1,32 @@
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'checkbox',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'agreement2',
'VALUE' => 'Y',
'CHECKED' => true,
'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'CLASS' => 'kit-field--check-mark-material',
'TYPE' => 'checkbox',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'agreement',
'VALUE' => 'Y',
'LABEL' => 'kit-field--check-mark-material',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'CLASS' => 'kit-field--check-mark-stroke',
'TYPE' => 'checkbox',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'agreement',
'VALUE' => 'Y',
'LABEL' => 'kit-field--check-mark-stroke',
]); ?>
</div>
</div>
+11
View File
@@ -0,0 +1,11 @@
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'color',
'HINT' => 'color picker by xu-ui',
'NAME' => 'color',
'VALUE' => '#1a8cff',
'LABEL' => 'color',
]); ?>
</div>
</div>
+16
View File
@@ -0,0 +1,16 @@
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
$inputFile = new \Wt\Core\Form\InputFile($fieldName = 'MULTIPLE_FIELD_INPUT_FILE');
$inputFile->multiple = true;
$inputFile->hint = 'Поле для ввода файлов';
$inputFile->render();
?>
</div>
<div class="flex-list-item"><?
$inputFile = new \Wt\Core\Form\InputFile($fieldName = 'SINGLE_FIELD_INPUT_FILE');
$inputFile->multiple = false;
$inputFile->hint = 'Поле для ввода файлов';
$inputFile->render();
?>
</div>
</div>
+12
View File
@@ -0,0 +1,12 @@
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'number',
'HINT' => 'number',
'NAME' => 'number',
'VALUE' => '10',
'PLACEHOLDER' => 'number',
'LABEL' => 'number',
]); ?>
</div>
</div>
+97
View File
@@ -0,0 +1,97 @@
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'radio',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'radio',
'VALUE' => 'radio1',
'CHECKED' => true,
'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'radio',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'radio',
'VALUE' => 'radio2',
'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'radio',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'radio',
'VALUE' => 'radio3',
'LABEL' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'CLASS' => 'kit-field--check-mark-stroke',
'TYPE' => 'radio',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'radio-stroke',
'VALUE' => 'radio4',
'CHECKED' => true,
'LABEL' => 'kit-field--check-mark-stroke',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'CLASS' => 'kit-field--check-mark-stroke',
'TYPE' => 'radio',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'radio-stroke',
'VALUE' => 'radio5',
'LABEL' => 'kit-field--check-mark-stroke',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'CLASS' => 'kit-field--check-mark-stroke',
'TYPE' => 'radio',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'radio-stroke',
'VALUE' => 'radio6',
'LABEL' => 'kit-field--check-mark-stroke',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'CLASS' => 'kit-field--check-mark-material',
'TYPE' => 'radio',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'radio-material',
'VALUE' => 'radio7',
'CHECKED' => true,
'LABEL' => 'kit-field--check-mark-material',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'CLASS' => 'kit-field--check-mark-material',
'TYPE' => 'radio',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'radio-material',
'VALUE' => 'radio8',
'LABEL' => 'kit-field--check-mark-material',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'CLASS' => 'kit-field--check-mark-material',
'TYPE' => 'radio',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'radio-material',
'VALUE' => 'radio9',
'LABEL' => 'kit-field--check-mark-material',
]); ?>
</div>
</div>
+32
View File
@@ -0,0 +1,32 @@
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
service()->templater()->render('kit:select', [
'HINT' => 'text hint',
'NAME' => 'select',
'LABEL' => 'select',
'OPTIONS' => [
[
'ID' => '1',
'NAME' => 'Значение выпадающего списка 1',
],
[
'ID' => '2',
'NAME' => 'Значение выпадающего списка 2',
],
[
'ID' => '3',
'NAME' => 'Значение выпадающего списка 3',
],
[
'ID' => '4',
'NAME' => 'Значение выпадающего списка 4',
],
[
'ID' => '5',
'NAME' => 'Значение выпадающего списка 5',
],
]
]); ?>
</div>
</div>
+20
View File
@@ -0,0 +1,20 @@
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'tel',
'HINT' => 'phone',
'NAME' => 'phone',
'VALUE' => '+7800',
'LABEL' => 'phone',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'tel',
'HINT' => 'phone',
'NAME' => 'phone',
'VALUE' => '',
'LABEL' => 'phone',
]); ?>
</div>
</div>
+41
View File
@@ -0,0 +1,41 @@
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'text',
'HINT' => 'time mask',
'NAME' => 'time_mask',
'VALUE' => '',
'PLACEHOLDER' => '',
'LABEL' => 'time mask',
'ATTR' => [
'data-mask' => '99:99'
]
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'text',
'HINT' => 'text hint',
'NAME' => 'input_name',
'VALUE' => '10',
'PLACEHOLDER' => 'number',
'LABEL' => 'Test input',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:input', [
'TYPE' => 'text',
'HINT' => 'air-datepicker',
'NAME' => 'datepicker',
'VALUE' => '',
'PLACEHOLDER' => '',
'LABEL' => 'datepicker',
'DATEPICKER' => true,
'ATTR' => [
'data-mask' => '99.99.9999'
]
]); ?>
</div>
</div>
+24
View File
@@ -0,0 +1,24 @@
<div class="flex-list" style="--col-count: 3">
<div class="flex-list-item"><?
service()->templater()->render('kit:textarea', [
'CLASS' => 'kit-field--check-mark-stroke',
'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'textarea',
'VALUE' => '',
'MAXLENGTH' => 1000,
'LABEL' => 'textarea label',
]); ?>
</div>
<div class="flex-list-item"><?
service()->templater()->render('kit:textarea', [
'CLASS' => 'kit-field--check-mark-stroke',
//'HINT' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'NAME' => 'textarea',
'VALUE' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut blanditiis, consectetur hic illum in itaque, labore libero molestiae nisi, placeat possimus quasi quia quis ratione tempora voluptas voluptatum? Eaque, voluptatem.',
'MAXLENGTH' => 1000,
'LABEL' => 'textarea label',
]); ?>
</div>
</div>