mirror of
https://bitbucket.org/bellord13/kit.git
synced 2026-11-13 19:06:11 +03:00
fix
This commit is contained in:
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user