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));