diff --git a/pages/ajax.csvimport.php b/pages/ajax.csvimport.php index 88492a633..17e74e9db 100644 --- a/pages/ajax.csvimport.php +++ b/pages/ajax.csvimport.php @@ -9,8 +9,7 @@ use Combodo\iTop\Application\UI\Base\Component\DataTable\DataTableUIBlockFactory use Combodo\iTop\Application\UI\Base\Component\Input\Select\SelectOptionUIBlockFactory; use Combodo\iTop\Application\UI\Base\Component\Input\SelectUIBlockFactory; use Combodo\iTop\Application\UI\Base\Component\Input\TextArea; -use Combodo\iTop\Application\UI\Base\Component\Title\TitleUIBlockFactory; -use Combodo\iTop\Application\UI\Base\Layout\UIContentBlockUIBlockFactory; +use Combodo\iTop\Application\UI\Base\Component\Panel\PanelUIBlockFactory; use Combodo\iTop\Renderer\BlockRenderer; require_once('../approot.inc.php'); @@ -229,12 +228,12 @@ try $sMaxLen = (strlen(''.$iTarget) < 3) ? 3 : strlen(''.$iTarget); // Pad line numbers to the appropriate number of chars, but at least 3 $sFormat = '%0'.$sMaxLen.'d'; - $oTitle = TitleUIBlockFactory::MakeForPage(Dict::S('UI:Title:DataPreview')); - $oPage->AddSubBlock($oTitle); + //$oTitle = TitleUIBlockFactory::MakeForPage(Dict::S('UI:Title:DataPreview')); + //$oPage->AddSubBlock($oTitle); - $oContainer = UIContentBlockUIBlockFactory::MakeStandard(); - $oContainer->AddCSSClass("ibo-is-visible"); - $oPage->AddSubBlock($oContainer); + //$oContainer = UIContentBlockUIBlockFactory::MakeStandard(); + //$oContainer->AddCSSClass("ibo-is-visible"); + //$oPage->AddSubBlock($oContainer); $index = 1; $aColumns = []; @@ -264,7 +263,7 @@ try } } $oTable = DataTableUIBlockFactory::MakeForForm("parser_preview", $aColumns, $aTableData); - $oContainer->AddSubBlock($oTable); + $oPage->AddSubBlock($oTable); if ($iNbCols == 1) { $oAlertMessage = \Combodo\iTop\Application\UI\Base\Component\Panel\PanelUIBlockFactory::MakeForFailure(Dict::S('UI:CSVImport:ErrorOnlyOneColumn')); $oPage->AddSubBlock($oAlertMessage); @@ -334,7 +333,13 @@ try $index++; } $oTable = DataTableUIBlockFactory::MakeForForm("mapping", $aColumns, $aTableData); - $oPage->AddSubBlock($oTable); + + $oPanel = PanelUIBlockFactory::MakeNeutral(''); + $oPanel->AddCSSClass('ibo-datatable-panel'); + $oPanel->AddCSSClass('mt-5'); + $oPanel->AddSubBlock($oTable); + + $oPage->AddSubBlock($oPanel); if (empty($sInitSearchField)) { // Propose a reconciliation scheme // diff --git a/pages/csvimport.php b/pages/csvimport.php index 95754edee..387014c36 100644 --- a/pages/csvimport.php +++ b/pages/csvimport.php @@ -18,6 +18,7 @@ use Combodo\iTop\Application\UI\Base\Component\Input\Select\Select; use Combodo\iTop\Application\UI\Base\Component\Input\Select\SelectOptionUIBlockFactory; use Combodo\iTop\Application\UI\Base\Component\Input\SelectUIBlockFactory; use Combodo\iTop\Application\UI\Base\Component\Input\TextArea; +use Combodo\iTop\Application\UI\Base\Component\Panel\PanelUIBlockFactory; use Combodo\iTop\Application\UI\Base\Component\Title\TitleUIBlockFactory; use Combodo\iTop\Application\UI\Base\Component\Toolbar\ToolbarUIBlockFactory; use Combodo\iTop\Application\UI\Base\Layout\TabContainer\Tab\AjaxTab; @@ -543,35 +544,56 @@ try { $aDisplayFilters['added'] = Dict::S('UI:CSVImport:ObjectsWereAdded'); $aDisplayFilters['errors'] = Dict::S('UI:CSVImport:ObjectsHadErrors'); } + $oMulticolumn = UIContentBlockUIBlockFactory::MakeStandard(); + $oMulticolumn->AddCSSClasses(['ibo-multi-column', 'ml-1']); + $oForm->AddSubBlock($oMulticolumn); + + $oColumn = UIContentBlockUIBlockFactory::MakeStandard(); + $oColumn->AddCSSClass('ibo - column'); + $oMulticolumn->AddSubBlock($oColumn); $oCheckBoxUnchanged = InputUIBlockFactory::MakeForInputWithLabel(' '.sprintf($aDisplayFilters['unchanged'], $iUnchanged), '', "1", "show_unchanged", "checkbox"); $oCheckBoxUnchanged->GetInput()->SetIsChecked(true); $oCheckBoxUnchanged->SetBeforeInput(false); $oCheckBoxUnchanged->GetInput()->AddCSSClass('ibo-input-checkbox'); - $oForm->AddSubBlock($oCheckBoxUnchanged); + $oColumn->AddSubBlock($oCheckBoxUnchanged); $oPage->add_ready_script("$('#show_unchanged').on('click', function(){ToggleRows('row_unchanged')})"); + $oColumn = UIContentBlockUIBlockFactory::MakeStandard(); + $oColumn->AddCSSClass('ibo - column'); + $oMulticolumn->AddSubBlock($oColumn); $oCheckBoxUnchanged = InputUIBlockFactory::MakeForInputWithLabel(' '.sprintf($aDisplayFilters['modified'], $iModified), '', "1", "show_modified", "checkbox"); $oCheckBoxUnchanged->GetInput()->SetIsChecked(true); $oCheckBoxUnchanged->SetBeforeInput(false); $oCheckBoxUnchanged->GetInput()->AddCSSClass('ibo-input-checkbox'); - $oForm->AddSubBlock($oCheckBoxUnchanged); + $oColumn->AddSubBlock($oCheckBoxUnchanged); $oPage->add_ready_script("$('#show_modified').on('click', function(){ToggleRows('row_modified')})"); + $oColumn = UIContentBlockUIBlockFactory::MakeStandard(); + $oColumn->AddCSSClass('ibo - column'); + $oMulticolumn->AddSubBlock($oColumn); $oCheckBoxUnchanged = InputUIBlockFactory::MakeForInputWithLabel(' '.sprintf($aDisplayFilters['added'], $iCreated), '', "1", "show_created", "checkbox"); $oCheckBoxUnchanged->GetInput()->SetIsChecked(true); $oCheckBoxUnchanged->SetBeforeInput(false); $oCheckBoxUnchanged->GetInput()->AddCSSClass('ibo-input-checkbox'); - $oForm->AddSubBlock($oCheckBoxUnchanged); + $oColumn->AddSubBlock($oCheckBoxUnchanged); $oPage->add_ready_script("$('#show_created').on('click', function(){ToggleRows('row_added')})"); + $oColumn = UIContentBlockUIBlockFactory::MakeStandard(); + $oColumn->AddCSSClass('ibo - column'); + $oMulticolumn->AddSubBlock($oColumn); $oCheckBoxUnchanged = InputUIBlockFactory::MakeForInputWithLabel(' '.sprintf($aDisplayFilters['errors'], $iErrors), '', "1", "show_errors", "checkbox"); $oCheckBoxUnchanged->GetInput()->SetIsChecked(true); $oCheckBoxUnchanged->SetBeforeInput(false); $oCheckBoxUnchanged->GetInput()->AddCSSClass('ibo-input-checkbox'); - $oForm->AddSubBlock($oCheckBoxUnchanged); + $oColumn->AddSubBlock($oCheckBoxUnchanged); $oPage->add_ready_script("$('#show_errors').on('click', function(){ToggleRows('row_error')})"); - $oForm->AddSubBlock($oTable); + + $oPanel = PanelUIBlockFactory::MakeNeutral(''); + $oPanel->AddCSSClasses(['ibo-datatable-panel', 'mb-5']); + $oPanel->AddSubBlock($oTable); + + $oForm->AddSubBlock($oPanel); if ($bSimulate) { $oForm->AddSubBlock(ButtonUIBlockFactory::MakeForCancel(Dict::S('UI:Button:Restart'))->SetOnClickJsCode("CSVRestart()")); @@ -816,19 +838,32 @@ EOF $oForm->SetOnSubmitJsCode("return CheckValues()"); $oContainer->AddSubBlock($oForm); + $oMulticolumn = UIContentBlockUIBlockFactory::MakeStandard(); + $oMulticolumn->AddCSSClass('ibo-multi-column'); + $oForm->AddSubBlock($oMulticolumn); + + $oColumn1 = UIContentBlockUIBlockFactory::MakeStandard(); + $oColumn1->AddCSSClass('ibo - column'); + $oMulticolumn->AddSubBlock($oColumn1); + $oFieldSelectClass = FieldUIBlockFactory::MakeFromObject(Dict::S('UI:CSVImport:SelectClass'), $oClassesSelect); - $oForm->AddSubBlock($oFieldSelectClass); + $oFieldSelectClass->AddCSSClass('ibo-field-large'); + $oColumn1->AddSubBlock($oFieldSelectClass); + + $oColumn2 = UIContentBlockUIBlockFactory::MakeStandard(); + $oColumn2->AddCSSClass('ibo - column'); + $oMulticolumn->AddSubBlock($oColumn2); $oAdvancedMode = InputUIBlockFactory::MakeForInputWithLabel(Dict::S('UI:CSVImport:AdvancedMode'), "advanced", 1, '', 'checkbox'); $oAdvancedMode->GetInput()->SetIsChecked(($bAdvanced == 1)); $oAdvancedMode->SetBeforeInput(false); $oAdvancedMode->GetInput()->AddCSSClass('ibo-input-checkbox'); - $oForm->AddSubBlock($oAdvancedMode); + $oColumn2->AddSubBlock($oAdvancedMode); $oDivAdvancedHelp = UIContentBlockUIBlockFactory::MakeStandard("advanced_help")->AddCSSClass('ibo-is-hidden'); $oForm->AddSubBlock($oDivAdvancedHelp); - $oDivMapping = UIContentBlockUIBlockFactory::MakeStandard("mapping")->AddCSSClass('ibo-is-visible'); + $oDivMapping = UIContentBlockUIBlockFactory::MakeStandard("mapping")->AddCSSClass('mt-5'); $oDivMapping->AddSubBlock(new Html(Dict::S('UI:CSVImport:SelectAClassFirst'))); $oForm->AddSubBlock($oDivMapping); @@ -850,7 +885,7 @@ EOF $oForm->AddSubBlock(InputUIBlockFactory::MakeForHidden("synchro_update[$sKey]", $value)); } } - + $oForm->AddSubBlock(new Html('
')); $oForm->AddSubBlock(ButtonUIBlockFactory::MakeForCancel(Dict::S('UI:Button:Restart'))->SetOnClickJsCode("CSVRestart()")); $oForm->AddSubBlock(ButtonUIBlockFactory::MakeForSecondaryAction(Dict::S('UI:Button:Back'))->SetOnClickJsCode("CSVGoBack()")); $oForm->AddSubBlock(ButtonUIBlockFactory::MakeForPrimaryAction(Dict::S('UI:Button:SimulateImport'), '', '', true)); @@ -1183,17 +1218,17 @@ EOF $oForm = FormUIBlockFactory::MakeStandard('wizForm'); $oPage->AddSubBlock($oForm); - $oContainer = UIContentBlockUIBlockFactory::MakeStandard(); - $oContainer->AddCSSClass("wizContainer"); + + $oContainer = PanelUIBlockFactory::MakeNeutral(''); $oForm->AddSubBlock($oContainer); $oMulticolumn = UIContentBlockUIBlockFactory::MakeStandard(); - $oMulticolumn->AddCSSClass('ibo-multi-column'); - $oForm->AddSubBlock($oMulticolumn); + $oMulticolumn->AddCSSClasses(['ibo-multi-column', 'wizContainer']); + $oContainer->AddSubBlock($oMulticolumn); //SeparatorCharacter $oFieldSetSeparator = FieldSetUIBlockFactory::MakeStandard(Dict::S('UI:CSVImport:SeparatorCharacter')); - $oFieldSetSeparator->AddCSSClass('ibo-column'); + $oFieldSetSeparator->AddCSSClass('ibo - column'); $oMulticolumn->AddSubBlock($oFieldSetSeparator); $aSep = array( @@ -1312,9 +1347,15 @@ EOF $oForm->AddSubBlock(InputUIBlockFactory::MakeForHidden("synchro_update[$sKey]", $value)); } } - $oFieldSetSeparator = FieldSetUIBlockFactory::MakeStandard(Dict::S('UI:CSVImport:CSVDataPreview'), "preview"); + $oFieldSetSeparator = PanelUIBlockFactory::MakeNeutral(Dict::S('UI:CSVImport:CSVDataPreview')); + $oFieldSetSeparator->AddCSSClass('ibo-datatable-panel'); + $oFieldSetSeparator->AddCSSClass('mt-5'); $oForm->AddSubBlock($oFieldSetSeparator); - $oFieldSetSeparator->AddSubBlock(new Html("")); + + $oDivPreview = UIContentBlockUIBlockFactory::MakeStandard('preview'); + $oDivPreview->AddCSSClass('ibo-is-visible'); + $oFieldSetSeparator->AddSubBlock($oDivPreview); + $oDivPreview->AddSubBlock(new Html('
')); $oForm->AddSubBlock(ButtonUIBlockFactory::MakeForSecondaryAction(Dict::S('UI:Button:Back'))->SetOnClickJsCode("GoBack()")); $oForm->AddSubBlock(ButtonUIBlockFactory::MakeForPrimaryAction(Dict::S('UI:Button:Next'), '', "", true));