/**
* Make a form builder.
*
* @return Form
*/
protected function form()
{
/**
* textSmall => \Ichynul\RowTable\Field\TextSmall::class
* show => \Ichynul\RowTable\Field\Show::class
*
****************************************************************************************************
* $tableRow-element($column, $label, $width); //div时 [useDiv(true)] class="col-sm-{$width}"
*
* $tableRow-element($column, $label, $colspan); // table 时 colspan="{$colspan}"
*
* $tableRow-show($html, $label, $width)->textAlign($align); //div时 [useDiv(true)] class="col-sm-{$width}"
*
* $tableRow-show($html, $label , $colspan)->textAlign($align)->textWidth($textWidth); //table 时 colspan="{$colspan}";
*
* $tableRow-show($html, $label , $width)->addStyle('text-align', $align)->addStyle('width',$textWidth)->addStyle('anystyle','anyvalue');
*/
$form = new Form(new User);
$form->text('somerow', '混合使用form')->rules('required');
//$form->show("<h3>************Demo 1 , 使用 table************</h3>")->textWidth('100%')->textAlign('center');
// equals
$form->show("<h3>************Demo 1 , 使用 table************</h3>")->addStyle('width', '100%')->addStyle('text-align', 'center');
$form->divide();
/*************************************/
$months = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
$names = ['小刚', '小明', '小红', '张三'];
$headers1 = [];
$tablerows = [];
/*************************************/
$h = new Show('姓名\\月份');
$headers1[] = $h->textWidth('120px')->render();
$m = 0;
foreach ($months as $month) {
$m += 1;
$h = new Show($month);
$h->addStyle('background-color', $m % 3 == 0 ? 'green' : '#f1f1f1');
$headers1[] = $h->render();
}
$tableRow = new TableRow();
$tableRow->show('小刚')->textWidth('120px');
$i = 0;
$j = 0;
foreach ($names as $name) {
$row = new TableRow();
$i += 1;
$row->show($name)->addStyle('color', $i % 2 == 0 ? 'blue' : 'orange');
foreach ($months as $month) {
$j += 1;
$row->textSmall("table_1_{$i}_{$j}", $month . '工资')->rules(($i * $j) % 10 == 0 ? 'min:3' : '');
}
$tablerows[] = $row;
}
$form->rowtable('工资情况')
->setHeaders($headers1)
->setRows($tablerows);
/*************************************/
$form->show("<h3>************Demo 2 , 使用 div************</h3>")->textWidth('100%')->textAlign('center')->addStyle('color', 'red');
$form->icon('somerow2', '中间混合使用form')->rules('required');
$form->divide();
$i = 0;
$j = 0;
foreach ($names as $name) {
$i += 1;
$row = new TableRow();
foreach ($months as $month) {
$j += 1;
if ($i % 3 == 0) {
$row->checkbox("table_2_{$i}_{$j}", $month . '工资', 6) //radio 比较占地方 col-sm-6,每行2列
->options(['3000' => '￥3000', '4000' => '￥4000', '8000' => '￥8000']);
} else if ($i % 4 == 0) {
$row->select("table_2_{$i}_{$j}", $month . '工资', 4) //col-sm-4,每行3列
->rules(($i * $j) % 7 == 0 ? 'int:max10000' : '')
->options(['3000' => '￥3000', '4000' => '￥4000', '8000' => '￥8000'])->setWidth(7, 4); //手动设置一下 label和 select 宽带
} else {
$row->text("table_2_{$i}_{$j}", $month . '工资') //col-sm-3,每行4列 ， 未设置 且 cols > 4 ,自适应 每行4列
->rules(($i * $j) % 8 == 0 ? 'required' : '');
}
}
$form->rowtable($name . '工资')
->setRows($row)
->useDiv(true);
$form->divide();
}
/*************************************/
$form->show("<h3>************Demo 3 , use div build a user center ************</h3>")->textWidth('100%')->textAlign('center');
$userRow = new TableRow();
$userRow->image('photo', '头像', 6)->value('/vendor/laravel-admin/AdminLTE/dist/img/default-50x50.gif')->removeable();
$userRow->html('<span style="margin-top:10px;" class="label label-warning">没个性也签名~</span>', '个性签名', 6);
$userRow1 = new TableRow();
$userRow1->text('name', '姓名', 6)->rules('required');
$userRow1->radio('gender', '性别', 6)->options(['0' => '保密', '1' => '男', '2' => '女']);
$userRow2 = new TableRow();
$userRow2->number('age', '年龄', 6)->max(99)->min(18);
$userRow2->date('birthday', '生日', 6)->rules('required');
$userRow2->textarea('about', '个人简介', 12)->setWidth(10, 2); //独占一行，因为其他行有两列
$form->rowtable('个人中心', '11')
->setRows([$userRow, $userRow1, $userRow2])
->useDiv(true);
$form->divide();
/*************************************/
$form->show("<h3>************Demo 4 , use table build a user center ************</h3>")->textWidth('100%')->textAlign('center');
//这个比较麻烦,仅作为演示
/*********************/
$form->rowtable('Using colspan', function ($table) {
$table->row(function (TableRow $row) {
$row->show('头像')->textAlign('left');
$row->show('个性签名')->textAlign('left');
});
$table->row(function (TableRow $row) {
$row->image('photo')->default('/vendor/laravel-admin/AdminLTE/dist/img/default-50x50.gif');
$row->show('<span class="label label-info">没个性也签名~</span>')->textAlign('left');
});
$table->row(function (TableRow $row) {
$row->show('姓名')->textAlign('left')->addStyle('color', 'red');
$row->show('性别')->textAlign('left')->addStyle('color', 'blue')->addStyle('font-size', '18px'); // add styles
});
$table->row(function (TableRow $row) {
$row->text('name');
$row->radio('gender')->options(['0' => '保密', '1' => '男', '2' => '女']);
});
$table->row(function (TableRow $row) {
$row->show('年龄')->textAlign('left')->addStyle('color', 'red');
$row->show('生日')->textAlign('left');
});
$table->row(function (TableRow $row) {
$row->number('age', '年龄')->max(99)->min(18);
$row->date('birthday', '生日');
});
$table->row(function (TableRow $row) {
$row->show('个人简介', 2)->textAlign('left'); // colspan=2
});
$table->row(function (TableRow $row) {
$row->textarea('about', 2); // colspan=2
});
});
$form->divide();
/*************************************/
$form->show("<h3>************Demo 5 , table colspan, ************</h3>")->textWidth('100%')->textAlign('center');
$form->rowtable('Using colspan', function ($table) {
$table->row(function (TableRow $row) {
$row->text('row1'); //defautt 1
$row->text('row2');
$row->text('row3')->rules('required');
$row->text('row4');
});
$table->row(function (TableRow $row) {
$row->text('row5', 2);
$row->text('row6', 2);
});
$table->row(function (TableRow $row) {
$row->text('row7', 2);
$row->text('row8'); //defautt 1
$row->text('row8', 1)->rules('required');
});
$table->row(function (TableRow $row) {
$row->text('row9', 1);
$row->text('row10', 2)->rules('required');
$row->text('row11', 1);
});
});
$form->divide();
/*************************************/
$form->display('created_at', trans('admin.created_at'));
$form->display('updated_at', trans('admin.updated_at'));
return $form;
}