composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-13 07:24:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

N°2847 WIP First iteration on form inputs

Browse Source
This commit is contained in:
Stephen Abello
2020-10-26 17:05:03 +01:00
parent 444f60c251
commit b59c40570b
20 changed files with 446 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
application/cmdbabstract.class.inc.php
View File

@@ -1899,7 +1899,7 @@ HTML
{
$bMandatory = 'true';
}
$sValidationSpan = "<span class=\"form_validation\" id=\"v_{$iId}\"></span>";
$sValidationSpan = "<span class=\"form_validation ibo-field-validation\" id=\"v_{$iId}\"></span>";
$sReloadSpan = "<span class=\"field_status\" id=\"fstatus_{$iId}\"></span>";
$sHelpText = htmlentities($oAttDef->GetHelpOnEdition(), ENT_QUOTES, 'UTF-8');
@@ -1922,7 +1922,7 @@ HTML
$sPlaceholderValue = 'placeholder="'.htmlentities(AttributeDate::GetFormat()->ToPlaceholder(),
ENT_QUOTES, 'UTF-8').'"';
$sHTMLValue = "<div class=\"field_input_zone field_input_date\"><input title=\"$sHelpText\" class=\"date-pick\" type=\"text\" $sPlaceholderValue name=\"attr_{$sFieldPrefix}{$sAttCode}{$sNameSuffix}\" value=\"".htmlentities($sDisplayValue,
$sHTMLValue = "<div class=\"field_input_zone field_input_date ibo-input-wrapper ibo-input-date-wrapper\"><input title=\"$sHelpText\" class=\"date-pick ibo-input ibo-input-date\" type=\"text\" $sPlaceholderValue name=\"attr_{$sFieldPrefix}{$sAttCode}{$sNameSuffix}\" value=\"".htmlentities($sDisplayValue,
ENT_QUOTES, 'UTF-8')."\" id=\"$iId\"/></div>{$sValidationSpan}{$sReloadSpan}";
break;
@@ -1933,7 +1933,7 @@ HTML
$sPlaceholderValue = 'placeholder="'.htmlentities(AttributeDateTime::GetFormat()->ToPlaceholder(),
ENT_QUOTES, 'UTF-8').'"';
$sHTMLValue = "<div class=\"field_input_zone field_input_datetime\"><input title=\"$sHelpText\" class=\"datetime-pick\" type=\"text\" size=\"19\" $sPlaceholderValue name=\"attr_{$sFieldPrefix}{$sAttCode}{$sNameSuffix}\" value=\"".htmlentities($sDisplayValue,
$sHTMLValue = "<div class=\"field_input_zone field_input_datetime ibo-input-wrapper ibo-input-datetime-wrapper\"><input title=\"$sHelpText\" class=\"datetime-pick ibo-input ibo-input-datetime\" type=\"text\" size=\"19\" $sPlaceholderValue name=\"attr_{$sFieldPrefix}{$sAttCode}{$sNameSuffix}\" value=\"".htmlentities($sDisplayValue,
ENT_QUOTES, 'UTF-8')."\" id=\"$iId\"/></div>{$sValidationSpan}{$sReloadSpan}";
break;
@@ -1945,10 +1945,10 @@ HTML
$oPage->add_ready_script("$('#{$iId}_m').bind('keyup change', function(evt, sFormId) { return UpdateDuration('$iId'); });");
$oPage->add_ready_script("$('#{$iId}_s').bind('keyup change', function(evt, sFormId) { return UpdateDuration('$iId'); });");
$aVal = AttributeDuration::SplitDuration($value);
$sDays = "<input title=\"$sHelpText\" type=\"text\" style=\"text-align:right\" size=\"3\" name=\"attr_{$sFieldPrefix}{$sAttCode}[d]{$sNameSuffix}\" value=\"{$aVal['days']}\" id=\"{$iId}_d\"/>";
$sHours = "<input title=\"$sHelpText\" type=\"text\" style=\"text-align:right\" size=\"2\" name=\"attr_{$sFieldPrefix}{$sAttCode}[h]{$sNameSuffix}\" value=\"{$aVal['hours']}\" id=\"{$iId}_h\"/>";
$sMinutes = "<input title=\"$sHelpText\" type=\"text\" style=\"text-align:right\" size=\"2\" name=\"attr_{$sFieldPrefix}{$sAttCode}[m]{$sNameSuffix}\" value=\"{$aVal['minutes']}\" id=\"{$iId}_m\"/>";
$sSeconds = "<input title=\"$sHelpText\" type=\"text\" style=\"text-align:right\" size=\"2\" name=\"attr_{$sFieldPrefix}{$sAttCode}[s]{$sNameSuffix}\" value=\"{$aVal['seconds']}\" id=\"{$iId}_s\"/>";
$sDays = "<input class=\"ibo-input ibo-input-duration\" title=\"$sHelpText\" type=\"text\" size=\"3\" name=\"attr_{$sFieldPrefix}{$sAttCode}[d]{$sNameSuffix}\" value=\"{$aVal['days']}\" id=\"{$iId}_d\"/>";
$sHours = "<input class=\"ibo-input ibo-input-duration\" title=\"$sHelpText\" type=\"text\" size=\"2\" name=\"attr_{$sFieldPrefix}{$sAttCode}[h]{$sNameSuffix}\" value=\"{$aVal['hours']}\" id=\"{$iId}_h\"/>";
$sMinutes = "<input class=\"ibo-input ibo-input-duration\" title=\"$sHelpText\" type=\"text\" size=\"2\" name=\"attr_{$sFieldPrefix}{$sAttCode}[m]{$sNameSuffix}\" value=\"{$aVal['minutes']}\" id=\"{$iId}_m\"/>";
$sSeconds = "<input class=\"ibo-input ibo-input-duration\" title=\"$sHelpText\" type=\"text\" size=\"2\" name=\"attr_{$sFieldPrefix}{$sAttCode}[s]{$sNameSuffix}\" value=\"{$aVal['seconds']}\" id=\"{$iId}_s\"/>";
$sHidden = "<input type=\"hidden\" id=\"{$iId}\" value=\"".htmlentities($value, ENT_QUOTES,
'UTF-8')."\"/>";
$sHTMLValue = Dict::Format('UI:DurationForm_Days_Hours_Minutes_Seconds', $sDays, $sHours, $sMinutes,
@@ -2329,7 +2329,7 @@ JS
// generate form HTML output
$sValidationSpan = "<span class=\"form_validation\" id=\"v_{$sFieldToValidateId}\"></span>";
$sHTMLValue = '<div class="field_input_zone field_input_set"><input id="'.$iId.'" name="'.$sSetInputName.'" type="hidden" value="'.$sEscapedJson.'"></div>'.$sValidationSpan.$sReloadSpan;
$sHTMLValue = '<div class="field_input_zone field_input_set ibo-input-wrapper ibo-input-tagset-wrapper is-error"><input id="'.$iId.'" name="'.$sSetInputName.'" type="hidden" value="'.$sEscapedJson.'"></div>'.$sValidationSpan.$sReloadSpan;
$sScript = "$('#$iId').set_widget({inputWidgetIdSuffix: '".AttributeSet::EDITABLE_INPUT_ID_SUFFIX."'});";
$oPage->add_ready_script($sScript);
@@ -2361,7 +2361,7 @@ JS
case 'select':
default:
$aEventsList[] = 'change';
$sHTMLValue = "<div class=\"field_input_zone field_input_string\"><select title=\"$sHelpText\" name=\"attr_{$sFieldPrefix}{$sAttCode}{$sNameSuffix}\" id=\"$iId\">\n";
$sHTMLValue = "<div class=\"field_input_zone field_input_string ibo-input-wrapper ibo-input-select-wrapper\"><select class=\"ibo-input ibo-input-select\" title=\"$sHelpText\" name=\"attr_{$sFieldPrefix}{$sAttCode}{$sNameSuffix}\" id=\"$iId\">\n";
$sHTMLValue .= "<option value=\"\">".Dict::S('UI:SelectOne')."</option>\n";
foreach($aAllowedValues as $key => $display_value)
{
@@ -2390,7 +2390,7 @@ EOF
}
else
{
$sHTMLValue = "<div class=\"field_input_zone field_input_string\"><input title=\"$sHelpText\" type=\"text\" maxlength=\"$iFieldSize\" name=\"attr_{$sFieldPrefix}{$sAttCode}{$sNameSuffix}\" value=\"".htmlentities($sDisplayValue,
$sHTMLValue = "<div class=\"field_input_zone ibo-input-wrapper ibo-input-string-wrapper\"><input class=\"ibo-input ibo-input-string\" title=\"$sHelpText\" type=\"text\" maxlength=\"$iFieldSize\" name=\"attr_{$sFieldPrefix}{$sAttCode}{$sNameSuffix}\" value=\"".htmlentities($sDisplayValue,
ENT_QUOTES, 'UTF-8')."\" id=\"$iId\"/></div>{$sValidationSpan}{$sReloadSpan}";
$aEventsList[] = 'keyup';
$aEventsList[] = 'change';

24
application/ui.extkeywidget.class.inc.php
View File

@@ -137,7 +137,7 @@ class UIExtKeyWidget
$sMessage = Dict::S('UI:Message:EmptyList:UseSearchForm');
$sAttrFieldPrefix = ($this->bSearchMode) ? '' : 'attr_';
$sHTMLValue = "<div class=\"field_input_zone field_input_extkey\">";
$sHTMLValue = "<div class=\"field_input_zone field_input_extkey ibo-input-wrapper ibo-input-select-wrapper\">";
$sFilter = addslashes($oAllowedValues->GetFilter()->ToOQL());
if($this->bSearchMode)
{
@@ -269,8 +269,8 @@ EOF
$iMinChars = isset($aArgs['iMinChars']) ? $aArgs['iMinChars'] : 2; //@@@ $this->oAttDef->GetMinAutoCompleteChars();
// the input for the auto-complete
$sHTMLValue .= "<input class=\"field_autocomplete\" type=\"text\" id=\"label_$this->iId\" value=\"$sDisplayValue\"/>";
$sHTMLValue .= "<span class=\"field_input_btn\"><div class=\"mini_button\" id=\"mini_search_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.Search();\"><i class=\"fas fa-search\"></i></div></span>";
$sHTMLValue .= "<input class=\"field_autocomplete ibo-input ibo-input-select ibo-input-select-autocomplete\" type=\"text\" id=\"label_$this->iId\" value=\"$sDisplayValue\"/>";
$sHTMLValue .= "<div class=\"field_input_btn ibo-input-select--action-button ibo-input-select--action-button--search\" id=\"mini_search_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.Search();\"><i class=\"fas fa-search\"></i></div>";
// another hidden input to store & pass the object's Id
$sHTMLValue .= "<input type=\"hidden\" id=\"$this->iId\" name=\"{$sAttrFieldPrefix}{$sFieldName}\" value=\"".htmlentities($value, ENT_QUOTES, 'UTF-8')."\" />\n";
@@ -291,7 +291,7 @@ EOF
}
if ($bExtensions && MetaModel::IsHierarchicalClass($this->sTargetClass) !== false)
{
$sHTMLValue .= "<span class=\"field_input_btn\"><div class=\"mini_button\" id=\"mini_tree_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.HKDisplay();\"><i class=\"fas fa-sitemap\"></i></div></span>";
$sHTMLValue .= "<div class=\"field_input_btn ibo-input-select--action-button ibo-input-select--action-button--hierarchy\" id=\"mini_tree_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.HKDisplay();\"><i class=\"fas fa-sitemap\"></i></div>";
$oPage->add_ready_script(
<<<JS
if ($('#ac_tree_{$this->iId}').length == 0)
@@ -305,7 +305,7 @@ JS
{
$sCallbackName = (MetaModel::IsAbstract($this->sTargetClass)) ? 'SelectObjectClass' : 'CreateObject';
$sHTMLValue .= "<span class=\"field_input_btn\"><div class=\"mini_button\" id=\"mini_add_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.{$sCallbackName}();\"><i class=\"fas fa-plus\"></i></div></span>";
$sHTMLValue .= "<div class=\"field_input_btn ibo-input-select--action-button ibo-input-select--action-button--create\" id=\"mini_add_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.{$sCallbackName}();\"><i class=\"fas fa-plus\"></i></div>";
$oPage->add_ready_script(
<<<JS
if ($('#ajax_{$this->iId}').length == 0)
@@ -316,7 +316,7 @@ JS
);
}
$sHTMLValue .= "</div>";
$sHTMLValue .= "<span class=\"form_validation\" id=\"v_{$this->iId}\"></span><span class=\"field_status\" id=\"fstatus_{$this->iId}\"></span>";
$sHTMLValue .= "<span class=\"form_validation ibo-field-validation\" id=\"v_{$this->iId}\"></span><span class=\"field_status\" id=\"fstatus_{$this->iId}\"></span>";
return $sHTMLValue;
}
@@ -365,6 +365,7 @@ JS
{
$sHTMLValue .= "unable to display. Too much values";
}
$sHTMLValue .= '<div class="ibo-input-select--action-buttons">';
if ($bExtensions && MetaModel::IsHierarchicalClass($this->sTargetClass) !== false)
{
$sHTMLValue .= "<span class=\"field_input_btn\"><div class=\"mini_button\" id=\"mini_tree_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.HKDisplay();\"><i class=\"fas fa-sitemap\"></i></div></span>";
@@ -392,11 +393,12 @@ JS
);
}
$sHTMLValue .= "</div>";
$sHTMLValue .= "</div>";
// Note: This test is no longer necessary as we changed the markup to extract validation decoration in the standard .field_input_xxx container
//if (($sDisplayStyle == 'select') || ($sDisplayStyle == 'list'))
//{
$sHTMLValue .= "<span class=\"form_validation\" id=\"v_{$this->iId}\"></span><span class=\"field_status\" id=\"fstatus_{$this->iId}\"></span>";
$sHTMLValue .= "<span class=\"form_validation ibo-field-validation\" id=\"v_{$this->iId}\"></span><span class=\"field_status\" id=\"fstatus_{$this->iId}\"></span>";
//}
return $sHTMLValue;
@@ -577,7 +579,7 @@ EOF
$iMinChars = isset($aArgs['iMinChars']) ? $aArgs['iMinChars'] : 2; //@@@ $this->oAttDef->GetMinAutoCompleteChars();
// the input for the auto-complete
$sHTMLValue .= "<input class=\"field_autocomplete\" type=\"text\" id=\"label_$this->iId\" value=\"$sDisplayValue\"/>";
$sHTMLValue .= "<input class=\"field_autocomplete ibo-input-select\" type=\"text\" id=\"label_$this->iId\" value=\"$sDisplayValue\"/>";
$sHTMLValue .= "<span class=\"field_input_btn\"><div class=\"mini_button\" id=\"mini_search_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.Search();\"><i class=\"fas fa-search\"></i></div></span>";
// another hidden input to store & pass the object's Id
@@ -599,7 +601,7 @@ EOF
}
if ($bExtensions && MetaModel::IsHierarchicalClass($this->sTargetClass) !== false)
{
$sHTMLValue .= "<span class=\"field_input_btn\"><div class=\"mini_button\" id=\"mini_tree_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.HKDisplay();\"><i class=\"fas fa-sitemap\"></i></div></span>";
$sHTMLValue .= "<span class=\"field_input_btn\"><div class=\"ibo-input-select--action-button\" id=\"mini_tree_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.HKDisplay();\"><i class=\"fas fa-sitemap\"></i></div></span>";
$oPage->add_ready_script(
<<<JS
if ($('#ac_tree_{$this->iId}').length == 0)
@@ -613,7 +615,7 @@ JS
{
$sCallbackName = (MetaModel::IsAbstract($this->sTargetClass)) ? 'SelectObjectClass' : 'CreateObject';
$sHTMLValue .= "<span class=\"field_input_btn\"><div class=\"mini_button\" id=\"mini_add_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.{$sCallbackName}();\"><i class=\"fas fa-plus\"></i></div></span>";
$sHTMLValue .= "<span class=\"field_input_btn\"><div class=\"ibo-input-select--action-button\" id=\"mini_add_{$this->iId}\" onClick=\"oACWidget_{$this->iId}.{$sCallbackName}();\"><i class=\"fas fa-plus\"></i></div></span>";
$oPage->add_ready_script(
<<<JS
if ($('#ajax_{$this->iId}').length == 0)
@@ -624,7 +626,7 @@ JS
);
}
$sHTMLValue .= "</div>";
$sHTMLValue .= "<span class=\"form_validation\" id=\"v_{$this->iId}\"></span><span class=\"field_status\" id=\"fstatus_{$this->iId}\"></span>";
$sHTMLValue .= "<span class=\"form_validation ibo-field-validation\" id=\"v_{$this->iId}\"></span><span class=\"field_status\" id=\"fstatus_{$this->iId}\"></span>";
return $sHTMLValue;
}

2
css/backoffice/components/_all.scss
View File

@@ -14,10 +14,10 @@
@import "panel";
@import "modal";
@import "dashlet/all";
@import "input/all";
@import "title";
@import "form";
@import "input";
@import "fieldset";
@import "field";
@import "toolbar";

4
css/backoffice/components/_input.scss
View File

@@ -1,4 +0,0 @@
/*!
* copyright Copyright (C) 2010-2020 Combodo SARL
* license http://opensource.org/licenses/AGPL-3.0
*/

12
css/backoffice/components/input/_all.scss Normal file
View File

@@ -0,0 +1,12 @@
/*!
* copyright Copyright (C) 2010-2020 Combodo SARL
* license http://opensource.org/licenses/AGPL-3.0
*/
@import "input";
@import "input-select";
@import "input-date";
@import "input-datetime";
@import "input-duration";
@import "input-string";
@import "input-tagset";

46
css/backoffice/components/input/_input-date.scss Normal file
View File

@@ -0,0 +1,46 @@
$ibo-input-date--width: 100% !default;
$ibo-input-date--button--margin--left: -20px !default;
$ibo-input-date--button--margin--top: 5px !default;
$ibo-input-date--button--padding: 0 !default;
$ibo-input-date--button--background-color: transparent !default;
$ibo-input-date--button--color: $ibo-color-grey-800 !default;
$ibo-input-date--ui-datepicker--padding-top: 34px !default;
$ibo-input-date--ui-datepicker--background-color: $ibo-color-white-100 !default;
$ibo-input-date--ui-datepicker--border-color: $ibo-color-grey-400 !default;
$ibo-input-date--ui-datepicker--border-radius: $ibo-border-radius-500 !default;
$ibo-input-date--ui-datepicker-header--padding: $ibo-border-radius-500 $ibo-border-radius-500 0 0 !default;
$ibo-input-date--ui-datepicker-header--border-radius: 4px !default;
.ibo-input-date{
display: inline-block;
width: $ibo-input-date--width;
}
.ibo-input-date + button{
position: absolute;
display: inline-block;
margin-left: $ibo-input-date--button--margin--left;
margin-top: $ibo-input-date--button--margin--top;
padding: $ibo-input-date--button--padding;
background-color: $ibo-input-date--button--background-color;
color: $ibo-input-date--button--color;
border: none;
}
.ui-datepicker{
padding-top: 34px;
background-color: $ibo-input-date--ui-datepicker--background-color;
border: solid 1px $ibo-input-date--ui-datepicker--border-color;
border-radius: $ibo-input-date--ui-datepicker--border-radius;
}
.ui-datepicker-header{
@extend .ui-dialog::before;
position: absolute;
height: unset;
padding: $ibo-input-date--ui-datepicker-header--border-radius;
border-radius: $ibo-input-date--ui-datepicker-header--border-radius;
}

37
css/backoffice/components/input/_input-datetime.scss Normal file
View File

@@ -0,0 +1,37 @@
$ibo-input-datetime--width: $ibo-input-date--width !default;
$ibo-input-datetime--action-button--margin--left: $ibo-input-date--button--margin--left !default;
$ibo-input-datetime--action-button--margin--top: $ibo-input-date--button--margin--top !default;
$ibo-input-datetime--action-button--padding: $ibo-input-date--button--padding !default;
$ibo-input-datetime--action-button--color: $ibo-input-date--button--color !default;
$ibo-input-datetime--ui-tpicker-slider--width: auto !default;
$ibo-input-datetime--ui-tpicker-slider--padding-right: 18px !default;
.ibo-input-datetime{
display: inline-block;
width: $ibo-input-datetime--width;
}
.ibo-input-datetime--action-button{
position: absolute;
display: inline-block;
margin-left: $ibo-input-datetime--action-button--margin--left;
margin-top: $ibo-input-datetime--action-button--margin--top;
padding: $ibo-input-datetime--action-button--padding;
color: $ibo-input-datetime--action-button--color;
}
.ui-datepicker-current, .ui-datepicker-close{
@extend .ibo-button;
@extend .ibo-is-regular;
@extend .ibo-is-secondary;
}
.ui_tpicker_hour_slider, .ui_tpicker_minute_slider, .ui_tpicker_second_slider{
@extend .ibo-input-wrapper;
@extend .ibo-input-select-wrapper;
&> select {
@extend .ibo-input;
@extend .ibo-input-select;
width: $ibo-input-datetime--ui-tpicker-slider--width;
padding-right: $ibo-input-datetime--ui-tpicker-slider--padding-right;
}
}

7
css/backoffice/components/input/_input-duration.scss Normal file
View File

@@ -0,0 +1,7 @@
$ibo-input-duration--width: unset !default;
$ibo-input-duration--text-align: right !default;
.ibo-input-duration{
width: $ibo-input-duration--width;
text-align: $ibo-input-duration--text-align;
}

81
css/backoffice/components/input/_input-select.scss Normal file
View File

@@ -0,0 +1,81 @@
$ibo-input-select-wrapper--width: 100% !default;
$ibo-input-select-wrapper--after--height: 28px !default;
$ibo-input-select-wrapper--after--margin-left: -16px !default;
$ibo-input-select-wrapper--after--margin-top: 1px !default;
$ibo-input-select-wrapper--after--padding-top: 3px !default;
$ibo-input-select-wrapper--after--background-color: inherit !default;
$ibo-input-select-wrapper--after--color: $ibo-color-grey-900 !default;
$ibo-input-select--action-button--height: 28px !default;
$ibo-input-select--action-button--width: 23px !default;
$ibo-input-select--action-button--margin-top: 1px !default;
$ibo-input-select--action-button--background-color: inherit !default;
$ibo-input-select--action-button--color: $ibo-color-grey-800 !default;
$ibo-input-select--action-button--padding-x: 4px !default;
$ibo-input-select--action-button--padding-y: 5px !default;
$ibo-input-select--action-button--hierarchy--margin-left: -60px !default;
$ibo-input-select--action-button--create--margin-left: -38px !default;
$ibo-input-select--action-button--search--margin-left: -60px !default;
$ibo-input-select-autocomplete-action-button--hierarchy--margin-left: -82px !default;
.ibo-input-select{
appearance: none;
&.ibo-input-selectize{
input{
display: none;
}
}
}
.ibo-input-select-wrapper .selectize-control
{
display: inline-block;
width: $ibo-input-select-wrapper--width;
}
.ibo-input-select-wrapper::after{
position: absolute;
content: "\f0d7";
font-family: "Font Awesome 5 Free";
font-weight: 600;
height: $ibo-input-select-wrapper--after--height;
margin-left: $ibo-input-select-wrapper--after--margin-left;
margin-top: $ibo-input-select-wrapper--after--margin-top;
padding-top: $ibo-input-select-wrapper--after--padding-top;
background-color: $ibo-input-select-wrapper--after--background-color;
color: $ibo-input-select-wrapper--after--color;
pointer-events: none;
}
.ibo-input-select--action-button{
position: absolute;
display: inline-block;
height: $ibo-input-select--action-button--height;
width: $ibo-input-select--action-button--width;
margin-top: $ibo-input-select--action-button--margin-top;
font-size: $ibo-font-size-100;
background-color: $ibo-input-select--action-button--background-color;
color: $ibo-input-select--action-button--color;
padding: $ibo-input-select--action-button--padding-y $ibo-input-select--action-button--padding-x;
&.ibo-input-select--action-button--hierarchy{
margin-left: $ibo-input-select--action-button--hierarchy--margin-left;
}
&.ibo-input-select--action-button--create{
margin-left: $ibo-input-select--action-button--create--margin-left;
}
&.ibo-input-select--action-button--search{
margin-left: $ibo-input-select--action-button--search--margin-left;
}
}
.ibo-input-select-autocomplete ~ .ibo-input-select--action-button--hierarchy{
margin-left: $ibo-input-select-autocomplete-action-button--hierarchy--margin-left;
}
.selectize-dropdown.ui-menu .ui-state-active {
margin: unset;
background-color: #f5fafd;
color: #495c68;
}

0
css/backoffice/components/input/_input-string.scss Normal file
View File

31
css/backoffice/components/input/_input-tagset.scss Normal file
View File

@@ -0,0 +1,31 @@
$ibo-input-tagset--input--height: 100% !default;
$ibo-input-tagset--remove--padding-top: 0.15em !default;
$ibo-input-tagset--remove--border-left: none !default;
$ibo-input-tagset--has-items--after--right: 8px !default;
$ibo-input-tagset--has-items--after--top: 5px !default;
.selectize-control.plugin-remove_button .ibo-input-tagset{
> input{
height: $ibo-input-tagset--input--height;
}
.item[data-value] > .remove{
font-size: 18px;
padding-top: $ibo-input-tagset--remove--padding-top;
border-left: $ibo-input-tagset--remove--border-left;
}
&.has-items::after{
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 10px;
position: absolute;
right: $ibo-input-tagset--has-items--after--right;
top: $ibo-input-tagset--has-items--after--top;
}
}

56
css/backoffice/components/input/_input.scss Normal file
View File

@@ -0,0 +1,56 @@
/*!
* copyright Copyright (C) 2010-2020 Combodo SARL
* license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-input--height: 30px !default;
$ibo-input--width: 100% !default;
$ibo-input--background-color: $ibo-color-white-100 !default;
$ibo-input--color: $ibo-color-grey-900 !default;
$ibo-input--background-color: $ibo-color-white-100 !default;
$ibo-input--border-color: $ibo-color-white-100 !default;
$ibo-input--padding-x: 0px !default;
$ibo-input--padding-y: 5px !default;
$ibo-input--border-radius: $ibo-border-radius-300 !default;
$ibo-input--focus--border-color: $ibo-color-primary-600 !default;
$ibo-input--placeholder--color: $ibo-color-grey-600 !default;
$ibo-input--disabled--background-color: $ibo-color-grey-300 !default;
$ibo-input--placeholder--color: $ibo-color-grey-700 !default;
$ibo-input-wrapper--is-error--background-color: $ibo-color-grey-300 !default;
$ibo-input-wrapper--is-error--border-color: $ibo-color-red-600 !default;
$ibo-field-validation: $ibo-color-red-700 !default;
.ibo-input{
height: $ibo-input--height;
width: $ibo-input--width;
background-color: $ibo-input--background-color;
color: $ibo-input--color;
padding: $ibo-input--padding-x $ibo-input--padding-y;
border: 1px solid $ibo-input--border-color;
border-radius: $ibo-input--border-radius;
&:focus{
border: 1px solid $ibo-input--focus--border-color;
}
&::placeholder{
color: $ibo-input--placeholder--color;
}
&:disabled{
background-color: $ibo-input--disabled--background-color;
color: $ibo-input--placeholder--color;
}
}
.ibo-input-wrapper.is-error {
.ibo-input{
background-color: $ibo-input-wrapper--is-error--background-color;
border: 1px solid $ibo-input-wrapper--is-error--border-color;
}
}
.ibo-field-validation{
color: $ibo-field-validation;
}

38
css/light-grey.scss
View File

@@ -3991,13 +3991,13 @@
.selectize-control,
.selectize-control.multi {
> .selectize-input {
&.has-items:after {
content: "+";
display: inline-block;
font-size: 17px;
font-weight: bold;
color: $gray-darker;
}
//&.has-items:after {
// content: "+";
// display: inline-block;
// font-size: 17px;
// font-weight: bold;
// color: $gray-darker;
//}
> .item[data-value] {
@extend %attribute-set-item-edition;
@@ -4009,10 +4009,10 @@
@extend %attribute-set-item-edition;
}
> .remove {
padding-top: 0.3em;
border: none;
}
//> .remove {
// padding-top: 0.3em;
// border: none;
//}
}
}
}
@@ -4384,14 +4384,14 @@
}
}
.field_autocomplete {
background: #fff url($approot-relative + "images/ac-background.gif?v=" + $version) no-repeat right;
border: 1px solid black;
&:focus {
border: 2px solid black;
}
}
//.field_autocomplete {
// background: #fff url($approot-relative + "images/ac-background.gif?v=" + $version) no-repeat right;
// border: 1px solid black;
//
// &:focus {
// border: 2px solid black;
// }
//}
}

8
css/ui-lightness/jqueryui.scss
View File

@@ -468,10 +468,10 @@ button.ui-button {
width: 17em;
padding: .2em .2em 0;
display: none;
.ui-datepicker-header {
position: relative;
padding: .2em 0;
}
//.ui-datepicker-header {
// position: relative;
// padding: .2em 0;
//}
.ui-datepicker-prev {
position: absolute;
top: 2px;

136
datamodels/2.x/itop-structure/precompiled-themes/light-grey/main.css
View File

@@ -1,6 +1,6 @@
/*
=== SIGNATURE BEGIN ===
{"variables":"d751713988987e9331980363e24189ce","stylesheets":{"css-variables":"732f501302c538f594fb3c668d85b46c","jqueryui":"2ed1a2e3709a1e03bd9eb917c2476743","main":"078f7fe36eaf659e8c0504adbabbf112"},"imports":[],"images":{"css\/ui-lightness\/images\/ui-icons_222222_256x240.png":"3a3c5468f484f07ac4a320d9e22acb8c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_20_666666_40x40.png":"4429d568c67d8dfeb9040273ea0fb8c4","css\/ui-lightness\/images\/ui-icons_E87C1E_256x240.png":"7003dd36cb2aa032c8ec871ce4d4e03d","css\/ui-lightness\/images\/ui-icons_1c94c4_256x240.png":"dbd693dc8e0ef04e90a2f7ac7b390086","css\/ui-lightness\/images\/ui-icons_F26522_256x240.png":"16278ec0c07270be571f4c2e97fcc10c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_18_b81900_40x40.png":"e460a66d4b3e093fc651e62a236267cb","css\/ui-lightness\/images\/ui-icons_ffffff_256x240.png":"41612b0f4a034424f8321c9f824a94da","css\/ui-lightness\/images\/ui-icons_ffd27a_256x240.png":"dda1b6f694b0d196aefc66a1d6d758f6","images\/actions_right.png":"31c8906bd25d27b83a0a2466bf903462","images\/ac-background.gif":"76135f3697b41a15aed787cfd77776c7","images\/green-square.gif":"16ea9a497d72f5e66e4e8ea9ae08024e","images\/tv-item.gif":"719fe2d4566108e73162fb8868d3778c","images\/tv-collapsable.gif":"63a3351ea0d580797c9b8c386aa4f48b","images\/tv-expandable.gif":"a2d1af4128e4a798a7f3390b12a28574","images\/tv-item-last.gif":"2ae7e1d9972ce71e5caa65a086bc5b7e","images\/tv-collapsable-last.gif":"71acaa9d7c2616e9e8b7131a75ca65da","images\/tv-expandable-last.gif":"9d51036b3a8102742709da66789fd0f7","images\/red-header.gif":"c73b8765f0c8c3c183cb6a0c2bb0ec69","images\/green-header.gif":"0e22a09bb8051b2a274b3427ede62e82","images\/orange-header.gif":"ce1f93f0af64431771b4cbd6c99c567b","images\/calendar.png":"ab56e59af3c96ca661821257d376465e","images\/truncated.png":"c6f91108afe8159d417b4dc556cd3b2a","images\/plus.gif":"f00e1e6e1161f48608bb2bbc79b9948c","images\/minus.gif":"6d77c0c0c2f86b6995d1cdf78274eaab","images\/full-screen.png":"b541fadd3f1563856a4b44aeebd9d563","images\/indicator.gif":"03ce3dcc84af110e9da8699a841e5200","images\/delete.png":"93c047549c31a270a037840277cf59d3","images\/info-mini.png":"445c090ed777c5e6a08ac390fa896193","images\/ok.png":"f6973773335fd83d8d2875f9a3c925af","images\/error.png":"1af8a1041016f67669c5fd22dc88c82e","images\/eye-open-555.png":"9940f4e5b1248042c238e1924359fd5e","images\/eye-closed-555.png":"6ad3b0bae791bf61addc9d8ca80a642d","images\/eye-open-fff.png":"b7db2402d4d5c72314c25790a66150d4","images\/eye-closed-fff.png":"f9be7454dbb47b0e0bca3aa370ae7db5"}}
{"variables":"d751713988987e9331980363e24189ce","stylesheets":{"css-variables":"732f501302c538f594fb3c668d85b46c","jqueryui":"a887ad1c00f29132beba3bf729b981c7","main":"dd1fc5446a81d752a65653d4ead9216d"},"imports":[],"images":{"css\/ui-lightness\/images\/ui-icons_222222_256x240.png":"3a3c5468f484f07ac4a320d9e22acb8c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_20_666666_40x40.png":"4429d568c67d8dfeb9040273ea0fb8c4","css\/ui-lightness\/images\/ui-icons_E87C1E_256x240.png":"7003dd36cb2aa032c8ec871ce4d4e03d","css\/ui-lightness\/images\/ui-icons_1c94c4_256x240.png":"dbd693dc8e0ef04e90a2f7ac7b390086","css\/ui-lightness\/images\/ui-icons_F26522_256x240.png":"16278ec0c07270be571f4c2e97fcc10c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_18_b81900_40x40.png":"e460a66d4b3e093fc651e62a236267cb","css\/ui-lightness\/images\/ui-icons_ffffff_256x240.png":"41612b0f4a034424f8321c9f824a94da","css\/ui-lightness\/images\/ui-icons_ffd27a_256x240.png":"dda1b6f694b0d196aefc66a1d6d758f6","images\/actions_right.png":"31c8906bd25d27b83a0a2466bf903462","images\/ac-background.gif":"76135f3697b41a15aed787cfd77776c7","images\/green-square.gif":"16ea9a497d72f5e66e4e8ea9ae08024e","images\/tv-item.gif":"719fe2d4566108e73162fb8868d3778c","images\/tv-collapsable.gif":"63a3351ea0d580797c9b8c386aa4f48b","images\/tv-expandable.gif":"a2d1af4128e4a798a7f3390b12a28574","images\/tv-item-last.gif":"2ae7e1d9972ce71e5caa65a086bc5b7e","images\/tv-collapsable-last.gif":"71acaa9d7c2616e9e8b7131a75ca65da","images\/tv-expandable-last.gif":"9d51036b3a8102742709da66789fd0f7","images\/red-header.gif":"c73b8765f0c8c3c183cb6a0c2bb0ec69","images\/green-header.gif":"0e22a09bb8051b2a274b3427ede62e82","images\/orange-header.gif":"ce1f93f0af64431771b4cbd6c99c567b","images\/calendar.png":"ab56e59af3c96ca661821257d376465e","images\/truncated.png":"c6f91108afe8159d417b4dc556cd3b2a","images\/plus.gif":"f00e1e6e1161f48608bb2bbc79b9948c","images\/minus.gif":"6d77c0c0c2f86b6995d1cdf78274eaab","images\/full-screen.png":"b541fadd3f1563856a4b44aeebd9d563","images\/indicator.gif":"03ce3dcc84af110e9da8699a841e5200","images\/delete.png":"93c047549c31a270a037840277cf59d3","images\/info-mini.png":"445c090ed777c5e6a08ac390fa896193","images\/ok.png":"f6973773335fd83d8d2875f9a3c925af","images\/error.png":"1af8a1041016f67669c5fd22dc88c82e","images\/eye-open-555.png":"9940f4e5b1248042c238e1924359fd5e","images\/eye-closed-555.png":"6ad3b0bae791bf61addc9d8ca80a642d","images\/eye-open-fff.png":"b7db2402d4d5c72314c25790a66150d4","images\/eye-closed-fff.png":"f9be7454dbb47b0e0bca3aa370ae7db5"}}
=== SIGNATURE END ===
*/
/*!
@@ -99,7 +99,7 @@
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1603717877");
filter: hue-rotate(0deg);
}
.ui-widget-icon-block {
@@ -232,7 +232,7 @@
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7?v=1602661195");
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7?v=1603717877");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
@@ -298,7 +298,7 @@
color: #EA7D1E;
}
.ui-button:hover .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-button:active {
text-decoration: none;
@@ -306,20 +306,20 @@
color: #EA7D1E;
}
.ui-button:active .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-button:focus {
font-weight: bold;
color: #EA7D1E;
}
.ui-button:focus .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-button .ui-state-highlight.ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1603717877");
}
.ui-button .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1603717877");
}
.ui-button-icon-only {
width: 2em;
@@ -439,10 +439,6 @@ button.ui-button::-moz-focus-inner {
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 2px;
@@ -905,7 +901,7 @@ body .ui-tooltip {
background-image: none;
}
.ui-widget-content .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1603717877");
}
.ui-widget-header .ui-priority-secondary {
opacity: 0.7;
@@ -917,7 +913,7 @@ body .ui-tooltip {
background-image: none;
}
.ui-widget-header .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1603717877");
}
.ui-state-default a {
text-decoration: none;
@@ -929,7 +925,7 @@ body .ui-tooltip {
text-decoration: none;
}
.ui-state-default .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1603717877");
}
a.ui-button {
text-decoration: none;
@@ -959,7 +955,7 @@ a:visited.ui-button {
text-decoration: none;
}
.ui-state-hover .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-state-focus a {
text-decoration: none;
@@ -974,7 +970,7 @@ a:visited.ui-button {
text-decoration: none;
}
.ui-state-focus .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6;
@@ -992,19 +988,19 @@ a:visited.ui-button {
text-decoration: none;
}
.ui-state-active .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-icon-background {
background-color: #EA7D1E;
}
.ui-state-highlight .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1603717877");
}
.ui-state-error .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1603717877");
}
.ui-state-error-text .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1603717877");
}
.ui-priority-primary {
font-weight: bold;
@@ -1701,7 +1697,7 @@ a:visited.ui-button {
visibility: hidden;
}
#ibo-main-content .edit-image .view-image.dirty.compat, .ui-dialog .edit-image .view-image.dirty.compat {
background-image: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1603717877");
}
#ibo-main-content .edit-image .view-image.dirty.compat img, .ui-dialog .edit-image .view-image.dirty.compat img {
opacity: 0.3;
@@ -1724,7 +1720,7 @@ a:visited.ui-button {
opacity: 0.3;
}
#ibo-main-content .edit-image .edit-buttons .button .ui-icon, .ui-dialog .edit-image .edit-buttons .button .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1603717877");
}
#ibo-main-content .edit-image .file-input, .ui-dialog .edit-image .file-input {
display: block;
@@ -1949,7 +1945,7 @@ a:visited.ui-button {
background: #EA7D1E;
}
#ibo-main-content .actions_details span, .ui-dialog .actions_details span {
background: url("../../../../images/actions_right.png?v=1602661195") no-repeat right;
background: url("../../../../images/actions_right.png?v=1603717877") no-repeat right;
color: #fff;
font-weight: bold;
padding-top: 2px;
@@ -1972,7 +1968,7 @@ a:visited.ui-button {
}
#ibo-main-content .ac_input, .ui-dialog .ac_input {
border: 1px solid #7f9db9;
background: #fff url("../../../../images/ac-background.gif?v=1602661195") no-repeat right;
background: #fff url("../../../../images/ac-background.gif?v=1603717877") no-repeat right;
/* By Rom */
}
#ibo-main-content .csvimport_createobj, .ui-dialog .csvimport_createobj {
@@ -2027,7 +2023,7 @@ a:visited.ui-button {
noborder-top: 1px solid #8b8b8b;
padding: 4px 0px 0px 16px;
font-size: 8pt;
background: url("../../../../images/green-square.gif?v=1602661195") no-repeat bottom left;
background: url("../../../../images/green-square.gif?v=1603717877") no-repeat bottom left;
color: #83b217;
font-weight: bold;
text-decoration: none;
@@ -2103,22 +2099,22 @@ a:visited.ui-button {
margin-top: -8px;
}
#ibo-main-content .notreeview li, .ui-dialog .notreeview li {
background: url("../../../../images/tv-item.gif?v=1602661195") 0 0 no-repeat;
background: url("../../../../images/tv-item.gif?v=1603717877") 0 0 no-repeat;
}
#ibo-main-content .notreeview .collapsable, .ui-dialog .notreeview .collapsable {
background-image: url("../../../../images/tv-collapsable.gif?v=1602661195");
background-image: url("../../../../images/tv-collapsable.gif?v=1603717877");
}
#ibo-main-content .notreeview .expandable, .ui-dialog .notreeview .expandable {
background-image: url("../../../../images/tv-expandable.gif?v=1602661195");
background-image: url("../../../../images/tv-expandable.gif?v=1603717877");
}
#ibo-main-content .notreeview .last, .ui-dialog .notreeview .last {
background-image: url("../../../../images/tv-item-last.gif?v=1602661195");
background-image: url("../../../../images/tv-item-last.gif?v=1603717877");
}
#ibo-main-content .notreeview .lastCollapsable, .ui-dialog .notreeview .lastCollapsable {
background-image: url("../../../../images/tv-collapsable-last.gif?v=1602661195");
background-image: url("../../../../images/tv-collapsable-last.gif?v=1603717877");
}
#ibo-main-content .notreeview .lastExpandable, .ui-dialog .notreeview .lastExpandable {
background-image: url("../../../../images/tv-expandable-last.gif?v=1602661195");
background-image: url("../../../../images/tv-expandable-last.gif?v=1603717877");
}
#ibo-main-content #OrganizationSelection, .ui-dialog #OrganizationSelection {
padding: 5px 0px 16px 20px;
@@ -2293,7 +2289,7 @@ a:visited.ui-button {
color: #000;
}
#ibo-main-content th.red, .ui-dialog th.red {
background: url("../../../../images/red-header.gif?v=1602661195") bottom left repeat-x;
background: url("../../../../images/red-header.gif?v=1603717877") bottom left repeat-x;
color: #000;
}
#ibo-main-content .green, .ui-dialog .green {
@@ -2301,7 +2297,7 @@ a:visited.ui-button {
color: #000;
}
#ibo-main-content th.green, .ui-dialog th.green {
background: url("../../../../images/green-header.gif?v=1602661195") bottom left repeat-x;
background: url("../../../../images/green-header.gif?v=1603717877") bottom left repeat-x;
color: #000;
}
#ibo-main-content .orange, .ui-dialog .orange {
@@ -2309,7 +2305,7 @@ a:visited.ui-button {
color: #000;
}
#ibo-main-content th.orange, .ui-dialog th.orange {
background: url("../../../../images/orange-header.gif?v=1602661195") bottom left repeat-x;
background: url("../../../../images/orange-header.gif?v=1603717877") bottom left repeat-x;
color: #000;
/* For Date Picker: Creates a little calendar icon
* instead of a text link for "Choose date"
@@ -2324,7 +2320,7 @@ a:visited.ui-button {
display: block;
text-indent: -2000px;
overflow: hidden;
background: url("../../../../images/calendar.png?v=1602661195") no-repeat;
background: url("../../../../images/calendar.png?v=1603717877") no-repeat;
}
#ibo-main-content td a.dp-choose-date.dp-disabled, .ui-dialog td a.dp-choose-date.dp-disabled, #ibo-main-content a.dp-choose-date.dp-disabled, .ui-dialog a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
@@ -2991,19 +2987,19 @@ a:visited.ui-button {
/* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
}
#ibo-main-content table.listResults tr.odd td.truncated, .ui-dialog table.listResults tr.odd td.truncated, #ibo-main-content table.listResults tr td.truncated, .ui-dialog table.listResults tr td.truncated, #ibo-main-content .wizContainer table.listResults tr.odd td.truncated, .ui-dialog .wizContainer table.listResults tr.odd td.truncated, #ibo-main-content .wizContainer table.listResults tr td.truncated, .ui-dialog .wizContainer table.listResults tr td.truncated {
background: url("../../../../images/truncated.png?v=1602661195") bottom repeat-x;
background: url("../../../../images/truncated.png?v=1603717877") bottom repeat-x;
/* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
}
#ibo-main-content table.listResults tr.even td.truncated, .ui-dialog table.listResults tr.even td.truncated, #ibo-main-content .wizContainer table.listResults tr.even td.truncated, .ui-dialog .wizContainer table.listResults tr.even td.truncated {
background: #f9f9f1 url("../../../../images/truncated.png?v=1602661195") bottom repeat-x;
background: #f9f9f1 url("../../../../images/truncated.png?v=1603717877") bottom repeat-x;
/* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
}
#ibo-main-content table.listResults tr.even td.hover.truncated, .ui-dialog table.listResults tr.even td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr.even td.hover.truncated, .ui-dialog .wizContainer table.listResults tr.even td.hover.truncated {
background: #fdf5d0 url("../../../../images/truncated.png?v=1602661195") bottom repeat-x;
background: #fdf5d0 url("../../../../images/truncated.png?v=1603717877") bottom repeat-x;
/* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
}
#ibo-main-content table.listResults tr.odd td.hover.truncated, .ui-dialog table.listResults tr.odd td.hover.truncated, #ibo-main-content table.listResults tr td.hover.truncated, .ui-dialog table.listResults tr td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr.odd td.hover.truncated, .ui-dialog .wizContainer table.listResults tr.odd td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr td.hover.truncated, .ui-dialog .wizContainer table.listResults tr td.hover.truncated {
background: #fdf5d0 url("../../../../images/truncated.png?v=1602661195") bottom repeat-x;
background: #fdf5d0 url("../../../../images/truncated.png?v=1603717877") bottom repeat-x;
}
#ibo-main-content table.listResults.truncated, .ui-dialog table.listResults.truncated {
border-bottom: 0;
@@ -3105,7 +3101,7 @@ a:visited.ui-button {
#ibo-main-content div#logo div, .ui-dialog div#logo div {
height: 88px;
width: 244px;
background: url("../../../../images/itop-logo-2.png?v=1602661195") left no-repeat;
background: url("../../../../images/itop-logo-2.png?v=1603717877") left no-repeat;
}
#ibo-main-content #left-pane .ui-layout-north, .ui-dialog #left-pane .ui-layout-north {
overflow: hidden;
@@ -3254,7 +3250,7 @@ a:visited.ui-button {
margin: 0 2px;
}
#ibo-main-content .ui-layout-button-pin-down, .ui-dialog .ui-layout-button-pin-down {
background: url("../../../../images/splitter-bkg.png?v=1602661195") transparent;
background: url("../../../../images/splitter-bkg.png?v=1603717877") transparent;
width: 16px;
background-position: -144px -144px;
}
@@ -3391,13 +3387,13 @@ a:visited.ui-button {
#ibo-main-content .caselog_header, .ui-dialog .caselog_header {
padding: 3px;
border-top: 1px solid #fff;
background: #ddd url("../../../../images/plus.gif?v=1602661195") left no-repeat;
background: #ddd url("../../../../images/plus.gif?v=1603717877") left no-repeat;
padding-left: 16px;
cursor: pointer;
width: 100%;
}
#ibo-main-content .caselog_header.open, .ui-dialog .caselog_header.open {
background: #ddd url("../../../../images/minus.gif?v=1602661195") left no-repeat;
background: #ddd url("../../../../images/minus.gif?v=1603717877") left no-repeat;
}
#ibo-main-content .caselog_entry, .ui-dialog .caselog_entry, #ibo-main-content .caselog_entry_html, .ui-dialog .caselog_entry_html {
overflow-x: auto;
@@ -3573,7 +3569,7 @@ a:visited.ui-button {
height: 15px;
border: 1px #A6A6A6 solid;
cursor: pointer;
background-image: url("../../../../images/full-screen.png?v=1602661195");
background-image: url("../../../../images/full-screen.png?v=1603717877");
background-repeat: no-repeat;
background-position: center center;
background-size: 98%;
@@ -3620,7 +3616,7 @@ a:visited.ui-button {
padding: 2px;
}
#ibo-main-content .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document .button .ui-icon, .ui-dialog .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document .button .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1603717877");
background-color: #EA7D1E;
}
#ibo-main-content .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_image input, .ui-dialog .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_image input {
@@ -3687,7 +3683,7 @@ a:visited.ui-button {
height: 15px;
border: 1px #A6A6A6 solid;
cursor: pointer;
background-image: url("../../../../images/full-screen.png?v=1602661195");
background-image: url("../../../../images/full-screen.png?v=1603717877");
background-repeat: no-repeat;
background-position: center center;
background-size: 98%;
@@ -3752,7 +3748,7 @@ a:visited.ui-button {
padding-left: 0.4em;
}
#ibo-main-content .ac_dlg_loading, .ui-dialog .ac_dlg_loading {
background: white url("../../../../images/indicator.gif?v=1602661195") right center no-repeat;
background: white url("../../../../images/indicator.gif?v=1603717877") right center no-repeat;
}
#ibo-main-content table.pagination, .ui-dialog table.pagination {
display: inline-block;
@@ -3819,10 +3815,10 @@ a:visited.ui-button {
cursor: not-allowed;
}
#ibo-main-content .dragHover, .ui-dialog .dragHover {
background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1602661195");
background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1603717877");
}
#ibo-main-content .edit_mode .dashlet, .ui-dialog .edit_mode .dashlet {
background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1602661195");
background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1603717877");
padding: 5px;
margin: 0;
position: relative;
@@ -3867,7 +3863,7 @@ a:visited.ui-button {
top: 0;
right: 0;
z-index: 10;
background: transparent url("../../../../images/delete.png?v=1602661195") no-repeat center;
background: transparent url("../../../../images/delete.png?v=1603717877") no-repeat center;
}
#ibo-main-content td.prop_value, .ui-dialog td.prop_value {
text-align: left;
@@ -4096,23 +4092,23 @@ a:visited.ui-button {
}
#ibo-main-content .message_info, .ui-dialog .message_info {
border: 1px solid #993;
background: url("../../../../images/info-mini.png?v=1602661195") 1em 1em no-repeat #ffc;
background: url("../../../../images/info-mini.png?v=1603717877") 1em 1em no-repeat #ffc;
padding-left: 3em;
}
#ibo-main-content .message_ok, .ui-dialog .message_ok {
border: 1px solid #393;
background: url("../../../../images/ok.png?v=1602661195") 1em 1em no-repeat #cfc;
background: url("../../../../images/ok.png?v=1603717877") 1em 1em no-repeat #cfc;
padding-left: 3em;
}
#ibo-main-content .message_warning, .ui-dialog .message_warning {
border: 1px solid #ec9800;
background: url("../../../../images/error.png?v=1602661195") 1em 1em no-repeat #ffd78d;
background: url("../../../../images/error.png?v=1603717877") 1em 1em no-repeat #ffd78d;
color: #000;
padding-left: 3em;
}
#ibo-main-content .message_error, .ui-dialog .message_error {
border: 1px solid #933;
background: url("../../../../images/error.png?v=1602661195") 1em 1em no-repeat #fcc;
background: url("../../../../images/error.png?v=1603717877") 1em 1em no-repeat #fcc;
padding-left: 3em;
}
#ibo-main-content .fg-menu a img, .ui-dialog .fg-menu a img {
@@ -4243,18 +4239,18 @@ a:visited.ui-button {
}
#ibo-main-content #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter span, .ui-dialog #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter span {
padding-left: 20px;
background: url("../../../../images/eye-open-555.png?v=1602661195") 2px center no-repeat;
background: url("../../../../images/eye-open-555.png?v=1603717877") 2px center no-repeat;
}
#ibo-main-content #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter.strikethrough span, .ui-dialog #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter.strikethrough span {
text-decoration: line-through;
background: url("../../../../images/eye-closed-555.png?v=1602661195") 2px center no-repeat;
background: url("../../../../images/eye-closed-555.png?v=1603717877") 2px center no-repeat;
}
#ibo-main-content .printable-version legend, .ui-dialog .printable-version legend {
padding-left: 26px;
background: #1c94c4 url("../../../../images/eye-open-fff.png?v=1602661195") 8px center no-repeat;
background: #1c94c4 url("../../../../images/eye-open-fff.png?v=1603717877") 8px center no-repeat;
}
#ibo-main-content .printable-version .strikethrough legend, .ui-dialog .printable-version .strikethrough legend {
background: #1c94c4 url("../../../../images/eye-closed-fff.png?v=1602661195") 8px center no-repeat;
background: #1c94c4 url("../../../../images/eye-closed-fff.png?v=1603717877") 8px center no-repeat;
}
#ibo-main-content .printable-version fieldset.strikethrough span, .ui-dialog .printable-version fieldset.strikethrough span {
display: none;
@@ -4327,7 +4323,7 @@ a:visited.ui-button {
cursor: pointer;
width: 16px;
height: 16px;
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1603717877");
background-position: -16px -192px;
}
#ibo-main-content .history_entry_truncated .history_truncated_toggler, .ui-dialog .history_entry_truncated .history_truncated_toggler {
@@ -4412,7 +4408,7 @@ a:visited.ui-button {
#ibo-main-content #itop-breadcrumb .breadcrumb-item a::after, .ui-dialog #itop-breadcrumb .breadcrumb-item a::after {
content: '';
position: absolute;
background-image: url("../../../../images/breadcrumb-separator.png?v=1602661195");
background-image: url("../../../../images/breadcrumb-separator.png?v=1603717877");
background-repeat: no-repeat;
width: 8px;
height: 16px;
@@ -4680,20 +4676,11 @@ a:visited.ui-button {
content: "";
margin-right: 0;
}
#ibo-main-content .selectize-control > .selectize-input.has-items:after, .ui-dialog .selectize-control > .selectize-input.has-items:after, #ibo-main-content .selectize-control.multi > .selectize-input.has-items:after, .ui-dialog .selectize-control.multi > .selectize-input.has-items:after {
content: "+";
display: inline-block;
font-size: 17px;
font-weight: bold;
color: #222;
}
#ibo-main-content .selectize-control > .selectize-input > .item[data-value], .ui-dialog .selectize-control > .selectize-input > .item[data-value], #ibo-main-content .selectize-control.multi > .selectize-input > .item[data-value], .ui-dialog .selectize-control.multi > .selectize-input > .item[data-value] {
padding-right: 1.5em !important;
border: 1px solid #ddd;
}
#ibo-main-content .selectize-control > .selectize-input > .item[data-value] > .remove, .ui-dialog .selectize-control > .selectize-input > .item[data-value] > .remove, #ibo-main-content .selectize-control.multi > .selectize-input > .item[data-value] > .remove, .ui-dialog .selectize-control.multi > .selectize-input > .item[data-value] > .remove {
padding-top: 0.3em;
border: none;
#ibo-main-content .selectize-control > .selectize-input > .item[data-value].active, .ui-dialog .selectize-control > .selectize-input > .item[data-value].active, #ibo-main-content .selectize-control.multi > .selectize-input > .item[data-value].active, .ui-dialog .selectize-control.multi > .selectize-input > .item[data-value].active {
/* The switch - the box around the slider */
}
#ibo-main-content .switch, .ui-dialog .switch {
@@ -4988,13 +4975,6 @@ a:visited.ui-button {
border-color: #0A246A;
color: white;
}
#ibo-main-content .field_autocomplete, .ui-dialog .field_autocomplete {
background: #fff url("../../../../images/ac-background.gif?v=1602661195") no-repeat right;
border: 1px solid black;
}
#ibo-main-content .field_autocomplete:focus, .ui-dialog .field_autocomplete:focus {
border: 2px solid black;
}
.ibo-preferences--user-preferences--picture-placeholder {
display: flex;
flex-direction: row;

136
datamodels/2.x/itop-structure/precompiled-themes/test-red/main.css
View File

@@ -1,6 +1,6 @@
/*
=== SIGNATURE BEGIN ===
{"variables":"8cfe86f2c55d8eff36d57eb4e83d89f1","stylesheets":{"css-variables":"732f501302c538f594fb3c668d85b46c","jqueryui":"2ed1a2e3709a1e03bd9eb917c2476743","main":"078f7fe36eaf659e8c0504adbabbf112","environment-banner":"3de3ffb8232b9a649e912b570a64bf5d"},"imports":[],"images":{"css\/ui-lightness\/images\/ui-icons_222222_256x240.png":"3a3c5468f484f07ac4a320d9e22acb8c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_20_666666_40x40.png":"4429d568c67d8dfeb9040273ea0fb8c4","css\/ui-lightness\/images\/ui-icons_E87C1E_256x240.png":"7003dd36cb2aa032c8ec871ce4d4e03d","css\/ui-lightness\/images\/ui-icons_1c94c4_256x240.png":"dbd693dc8e0ef04e90a2f7ac7b390086","css\/ui-lightness\/images\/ui-icons_F26522_256x240.png":"16278ec0c07270be571f4c2e97fcc10c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_18_b81900_40x40.png":"e460a66d4b3e093fc651e62a236267cb","css\/ui-lightness\/images\/ui-icons_ffffff_256x240.png":"41612b0f4a034424f8321c9f824a94da","css\/ui-lightness\/images\/ui-icons_ffd27a_256x240.png":"dda1b6f694b0d196aefc66a1d6d758f6","images\/actions_right.png":"31c8906bd25d27b83a0a2466bf903462","images\/ac-background.gif":"76135f3697b41a15aed787cfd77776c7","images\/green-square.gif":"16ea9a497d72f5e66e4e8ea9ae08024e","images\/tv-item.gif":"719fe2d4566108e73162fb8868d3778c","images\/tv-collapsable.gif":"63a3351ea0d580797c9b8c386aa4f48b","images\/tv-expandable.gif":"a2d1af4128e4a798a7f3390b12a28574","images\/tv-item-last.gif":"2ae7e1d9972ce71e5caa65a086bc5b7e","images\/tv-collapsable-last.gif":"71acaa9d7c2616e9e8b7131a75ca65da","images\/tv-expandable-last.gif":"9d51036b3a8102742709da66789fd0f7","images\/red-header.gif":"c73b8765f0c8c3c183cb6a0c2bb0ec69","images\/green-header.gif":"0e22a09bb8051b2a274b3427ede62e82","images\/orange-header.gif":"ce1f93f0af64431771b4cbd6c99c567b","images\/calendar.png":"ab56e59af3c96ca661821257d376465e","images\/truncated.png":"c6f91108afe8159d417b4dc556cd3b2a","images\/plus.gif":"f00e1e6e1161f48608bb2bbc79b9948c","images\/minus.gif":"6d77c0c0c2f86b6995d1cdf78274eaab","images\/full-screen.png":"b541fadd3f1563856a4b44aeebd9d563","images\/indicator.gif":"03ce3dcc84af110e9da8699a841e5200","images\/delete.png":"93c047549c31a270a037840277cf59d3","images\/info-mini.png":"445c090ed777c5e6a08ac390fa896193","images\/ok.png":"f6973773335fd83d8d2875f9a3c925af","images\/error.png":"1af8a1041016f67669c5fd22dc88c82e","images\/eye-open-555.png":"9940f4e5b1248042c238e1924359fd5e","images\/eye-closed-555.png":"6ad3b0bae791bf61addc9d8ca80a642d","images\/eye-open-fff.png":"b7db2402d4d5c72314c25790a66150d4","images\/eye-closed-fff.png":"f9be7454dbb47b0e0bca3aa370ae7db5"}}
{"variables":"8cfe86f2c55d8eff36d57eb4e83d89f1","stylesheets":{"css-variables":"732f501302c538f594fb3c668d85b46c","jqueryui":"a887ad1c00f29132beba3bf729b981c7","main":"dd1fc5446a81d752a65653d4ead9216d","environment-banner":"3de3ffb8232b9a649e912b570a64bf5d"},"imports":[],"images":{"css\/ui-lightness\/images\/ui-icons_222222_256x240.png":"3a3c5468f484f07ac4a320d9e22acb8c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_20_666666_40x40.png":"4429d568c67d8dfeb9040273ea0fb8c4","css\/ui-lightness\/images\/ui-icons_E87C1E_256x240.png":"7003dd36cb2aa032c8ec871ce4d4e03d","css\/ui-lightness\/images\/ui-icons_1c94c4_256x240.png":"dbd693dc8e0ef04e90a2f7ac7b390086","css\/ui-lightness\/images\/ui-icons_F26522_256x240.png":"16278ec0c07270be571f4c2e97fcc10c","css\/ui-lightness\/images\/ui-bg_diagonals-thick_18_b81900_40x40.png":"e460a66d4b3e093fc651e62a236267cb","css\/ui-lightness\/images\/ui-icons_ffffff_256x240.png":"41612b0f4a034424f8321c9f824a94da","css\/ui-lightness\/images\/ui-icons_ffd27a_256x240.png":"dda1b6f694b0d196aefc66a1d6d758f6","images\/actions_right.png":"31c8906bd25d27b83a0a2466bf903462","images\/ac-background.gif":"76135f3697b41a15aed787cfd77776c7","images\/green-square.gif":"16ea9a497d72f5e66e4e8ea9ae08024e","images\/tv-item.gif":"719fe2d4566108e73162fb8868d3778c","images\/tv-collapsable.gif":"63a3351ea0d580797c9b8c386aa4f48b","images\/tv-expandable.gif":"a2d1af4128e4a798a7f3390b12a28574","images\/tv-item-last.gif":"2ae7e1d9972ce71e5caa65a086bc5b7e","images\/tv-collapsable-last.gif":"71acaa9d7c2616e9e8b7131a75ca65da","images\/tv-expandable-last.gif":"9d51036b3a8102742709da66789fd0f7","images\/red-header.gif":"c73b8765f0c8c3c183cb6a0c2bb0ec69","images\/green-header.gif":"0e22a09bb8051b2a274b3427ede62e82","images\/orange-header.gif":"ce1f93f0af64431771b4cbd6c99c567b","images\/calendar.png":"ab56e59af3c96ca661821257d376465e","images\/truncated.png":"c6f91108afe8159d417b4dc556cd3b2a","images\/plus.gif":"f00e1e6e1161f48608bb2bbc79b9948c","images\/minus.gif":"6d77c0c0c2f86b6995d1cdf78274eaab","images\/full-screen.png":"b541fadd3f1563856a4b44aeebd9d563","images\/indicator.gif":"03ce3dcc84af110e9da8699a841e5200","images\/delete.png":"93c047549c31a270a037840277cf59d3","images\/info-mini.png":"445c090ed777c5e6a08ac390fa896193","images\/ok.png":"f6973773335fd83d8d2875f9a3c925af","images\/error.png":"1af8a1041016f67669c5fd22dc88c82e","images\/eye-open-555.png":"9940f4e5b1248042c238e1924359fd5e","images\/eye-closed-555.png":"6ad3b0bae791bf61addc9d8ca80a642d","images\/eye-open-fff.png":"b7db2402d4d5c72314c25790a66150d4","images\/eye-closed-fff.png":"f9be7454dbb47b0e0bca3aa370ae7db5"}}
=== SIGNATURE END ===
*/
/*!
@@ -99,7 +99,7 @@
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1603717877");
filter: hue-rotate(0deg);
}
.ui-widget-icon-block {
@@ -232,7 +232,7 @@
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7?v=1602661195");
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7?v=1603717877");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
@@ -298,7 +298,7 @@
color: #EA7D1E;
}
.ui-button:hover .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-button:active {
text-decoration: none;
@@ -306,20 +306,20 @@
color: #EA7D1E;
}
.ui-button:active .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-button:focus {
font-weight: bold;
color: #EA7D1E;
}
.ui-button:focus .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-button .ui-state-highlight.ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1603717877");
}
.ui-button .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1603717877");
}
.ui-button-icon-only {
width: 2em;
@@ -439,10 +439,6 @@ button.ui-button::-moz-focus-inner {
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 2px;
@@ -905,7 +901,7 @@ body .ui-tooltip {
background-image: none;
}
.ui-widget-content .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1603717877");
}
.ui-widget-header .ui-priority-secondary {
opacity: 0.7;
@@ -917,7 +913,7 @@ body .ui-tooltip {
background-image: none;
}
.ui-widget-header .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1603717877");
}
.ui-state-default a {
text-decoration: none;
@@ -929,7 +925,7 @@ body .ui-tooltip {
text-decoration: none;
}
.ui-state-default .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_F26522_256x240.png?v=1603717877");
}
a.ui-button {
text-decoration: none;
@@ -959,7 +955,7 @@ a:visited.ui-button {
text-decoration: none;
}
.ui-state-hover .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-state-focus a {
text-decoration: none;
@@ -974,7 +970,7 @@ a:visited.ui-button {
text-decoration: none;
}
.ui-state-focus .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6;
@@ -992,19 +988,19 @@ a:visited.ui-button {
text-decoration: none;
}
.ui-state-active .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_E87C1E_256x240.png?v=1603717877");
}
.ui-icon-background {
background-color: #EA7D1E;
}
.ui-state-highlight .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_1c94c4_256x240.png?v=1603717877");
}
.ui-state-error .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1603717877");
}
.ui-state-error-text .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffd27a_256x240.png?v=1603717877");
}
.ui-priority-primary {
font-weight: bold;
@@ -1701,7 +1697,7 @@ a:visited.ui-button {
visibility: hidden;
}
#ibo-main-content .edit-image .view-image.dirty.compat, .ui-dialog .edit-image .view-image.dirty.compat {
background-image: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1603717877");
}
#ibo-main-content .edit-image .view-image.dirty.compat img, .ui-dialog .edit-image .view-image.dirty.compat img {
opacity: 0.3;
@@ -1724,7 +1720,7 @@ a:visited.ui-button {
opacity: 0.3;
}
#ibo-main-content .edit-image .edit-buttons .button .ui-icon, .ui-dialog .edit-image .edit-buttons .button .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1603717877");
}
#ibo-main-content .edit-image .file-input, .ui-dialog .edit-image .file-input {
display: block;
@@ -1949,7 +1945,7 @@ a:visited.ui-button {
background: #EA7D1E;
}
#ibo-main-content .actions_details span, .ui-dialog .actions_details span {
background: url("../../../../images/actions_right.png?v=1602661195") no-repeat right;
background: url("../../../../images/actions_right.png?v=1603717877") no-repeat right;
color: #fff;
font-weight: bold;
padding-top: 2px;
@@ -1972,7 +1968,7 @@ a:visited.ui-button {
}
#ibo-main-content .ac_input, .ui-dialog .ac_input {
border: 1px solid #7f9db9;
background: #fff url("../../../../images/ac-background.gif?v=1602661195") no-repeat right;
background: #fff url("../../../../images/ac-background.gif?v=1603717877") no-repeat right;
/* By Rom */
}
#ibo-main-content .csvimport_createobj, .ui-dialog .csvimport_createobj {
@@ -2027,7 +2023,7 @@ a:visited.ui-button {
noborder-top: 1px solid #8b8b8b;
padding: 4px 0px 0px 16px;
font-size: 8pt;
background: url("../../../../images/green-square.gif?v=1602661195") no-repeat bottom left;
background: url("../../../../images/green-square.gif?v=1603717877") no-repeat bottom left;
color: #83b217;
font-weight: bold;
text-decoration: none;
@@ -2103,22 +2099,22 @@ a:visited.ui-button {
margin-top: -8px;
}
#ibo-main-content .notreeview li, .ui-dialog .notreeview li {
background: url("../../../../images/tv-item.gif?v=1602661195") 0 0 no-repeat;
background: url("../../../../images/tv-item.gif?v=1603717877") 0 0 no-repeat;
}
#ibo-main-content .notreeview .collapsable, .ui-dialog .notreeview .collapsable {
background-image: url("../../../../images/tv-collapsable.gif?v=1602661195");
background-image: url("../../../../images/tv-collapsable.gif?v=1603717877");
}
#ibo-main-content .notreeview .expandable, .ui-dialog .notreeview .expandable {
background-image: url("../../../../images/tv-expandable.gif?v=1602661195");
background-image: url("../../../../images/tv-expandable.gif?v=1603717877");
}
#ibo-main-content .notreeview .last, .ui-dialog .notreeview .last {
background-image: url("../../../../images/tv-item-last.gif?v=1602661195");
background-image: url("../../../../images/tv-item-last.gif?v=1603717877");
}
#ibo-main-content .notreeview .lastCollapsable, .ui-dialog .notreeview .lastCollapsable {
background-image: url("../../../../images/tv-collapsable-last.gif?v=1602661195");
background-image: url("../../../../images/tv-collapsable-last.gif?v=1603717877");
}
#ibo-main-content .notreeview .lastExpandable, .ui-dialog .notreeview .lastExpandable {
background-image: url("../../../../images/tv-expandable-last.gif?v=1602661195");
background-image: url("../../../../images/tv-expandable-last.gif?v=1603717877");
}
#ibo-main-content #OrganizationSelection, .ui-dialog #OrganizationSelection {
padding: 5px 0px 16px 20px;
@@ -2293,7 +2289,7 @@ a:visited.ui-button {
color: #000;
}
#ibo-main-content th.red, .ui-dialog th.red {
background: url("../../../../images/red-header.gif?v=1602661195") bottom left repeat-x;
background: url("../../../../images/red-header.gif?v=1603717877") bottom left repeat-x;
color: #000;
}
#ibo-main-content .green, .ui-dialog .green {
@@ -2301,7 +2297,7 @@ a:visited.ui-button {
color: #000;
}
#ibo-main-content th.green, .ui-dialog th.green {
background: url("../../../../images/green-header.gif?v=1602661195") bottom left repeat-x;
background: url("../../../../images/green-header.gif?v=1603717877") bottom left repeat-x;
color: #000;
}
#ibo-main-content .orange, .ui-dialog .orange {
@@ -2309,7 +2305,7 @@ a:visited.ui-button {
color: #000;
}
#ibo-main-content th.orange, .ui-dialog th.orange {
background: url("../../../../images/orange-header.gif?v=1602661195") bottom left repeat-x;
background: url("../../../../images/orange-header.gif?v=1603717877") bottom left repeat-x;
color: #000;
/* For Date Picker: Creates a little calendar icon
* instead of a text link for "Choose date"
@@ -2324,7 +2320,7 @@ a:visited.ui-button {
display: block;
text-indent: -2000px;
overflow: hidden;
background: url("../../../../images/calendar.png?v=1602661195") no-repeat;
background: url("../../../../images/calendar.png?v=1603717877") no-repeat;
}
#ibo-main-content td a.dp-choose-date.dp-disabled, .ui-dialog td a.dp-choose-date.dp-disabled, #ibo-main-content a.dp-choose-date.dp-disabled, .ui-dialog a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
@@ -2991,19 +2987,19 @@ a:visited.ui-button {
/* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
}
#ibo-main-content table.listResults tr.odd td.truncated, .ui-dialog table.listResults tr.odd td.truncated, #ibo-main-content table.listResults tr td.truncated, .ui-dialog table.listResults tr td.truncated, #ibo-main-content .wizContainer table.listResults tr.odd td.truncated, .ui-dialog .wizContainer table.listResults tr.odd td.truncated, #ibo-main-content .wizContainer table.listResults tr td.truncated, .ui-dialog .wizContainer table.listResults tr td.truncated {
background: url("../../../../images/truncated.png?v=1602661195") bottom repeat-x;
background: url("../../../../images/truncated.png?v=1603717877") bottom repeat-x;
/* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
}
#ibo-main-content table.listResults tr.even td.truncated, .ui-dialog table.listResults tr.even td.truncated, #ibo-main-content .wizContainer table.listResults tr.even td.truncated, .ui-dialog .wizContainer table.listResults tr.even td.truncated {
background: #f9f9f1 url("../../../../images/truncated.png?v=1602661195") bottom repeat-x;
background: #f9f9f1 url("../../../../images/truncated.png?v=1603717877") bottom repeat-x;
/* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
}
#ibo-main-content table.listResults tr.even td.hover.truncated, .ui-dialog table.listResults tr.even td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr.even td.hover.truncated, .ui-dialog .wizContainer table.listResults tr.even td.hover.truncated {
background: #fdf5d0 url("../../../../images/truncated.png?v=1602661195") bottom repeat-x;
background: #fdf5d0 url("../../../../images/truncated.png?v=1603717877") bottom repeat-x;
/* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */
}
#ibo-main-content table.listResults tr.odd td.hover.truncated, .ui-dialog table.listResults tr.odd td.hover.truncated, #ibo-main-content table.listResults tr td.hover.truncated, .ui-dialog table.listResults tr td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr.odd td.hover.truncated, .ui-dialog .wizContainer table.listResults tr.odd td.hover.truncated, #ibo-main-content .wizContainer table.listResults tr td.hover.truncated, .ui-dialog .wizContainer table.listResults tr td.hover.truncated {
background: #fdf5d0 url("../../../../images/truncated.png?v=1602661195") bottom repeat-x;
background: #fdf5d0 url("../../../../images/truncated.png?v=1603717877") bottom repeat-x;
}
#ibo-main-content table.listResults.truncated, .ui-dialog table.listResults.truncated {
border-bottom: 0;
@@ -3105,7 +3101,7 @@ a:visited.ui-button {
#ibo-main-content div#logo div, .ui-dialog div#logo div {
height: 88px;
width: 244px;
background: url("../../../../images/itop-logo-2.png?v=1602661195") left no-repeat;
background: url("../../../../images/itop-logo-2.png?v=1603717877") left no-repeat;
}
#ibo-main-content #left-pane .ui-layout-north, .ui-dialog #left-pane .ui-layout-north {
overflow: hidden;
@@ -3254,7 +3250,7 @@ a:visited.ui-button {
margin: 0 2px;
}
#ibo-main-content .ui-layout-button-pin-down, .ui-dialog .ui-layout-button-pin-down {
background: url("../../../../images/splitter-bkg.png?v=1602661195") transparent;
background: url("../../../../images/splitter-bkg.png?v=1603717877") transparent;
width: 16px;
background-position: -144px -144px;
}
@@ -3391,13 +3387,13 @@ a:visited.ui-button {
#ibo-main-content .caselog_header, .ui-dialog .caselog_header {
padding: 3px;
border-top: 1px solid #fff;
background: #ddd url("../../../../images/plus.gif?v=1602661195") left no-repeat;
background: #ddd url("../../../../images/plus.gif?v=1603717877") left no-repeat;
padding-left: 16px;
cursor: pointer;
width: 100%;
}
#ibo-main-content .caselog_header.open, .ui-dialog .caselog_header.open {
background: #ddd url("../../../../images/minus.gif?v=1602661195") left no-repeat;
background: #ddd url("../../../../images/minus.gif?v=1603717877") left no-repeat;
}
#ibo-main-content .caselog_entry, .ui-dialog .caselog_entry, #ibo-main-content .caselog_entry_html, .ui-dialog .caselog_entry_html {
overflow-x: auto;
@@ -3573,7 +3569,7 @@ a:visited.ui-button {
height: 15px;
border: 1px #A6A6A6 solid;
cursor: pointer;
background-image: url("../../../../images/full-screen.png?v=1602661195");
background-image: url("../../../../images/full-screen.png?v=1603717877");
background-repeat: no-repeat;
background-position: center center;
background-size: 98%;
@@ -3620,7 +3616,7 @@ a:visited.ui-button {
padding: 2px;
}
#ibo-main-content .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document .button .ui-icon, .ui-dialog .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_document .button .ui-icon {
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_ffffff_256x240.png?v=1603717877");
background-color: #EA7D1E;
}
#ibo-main-content .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_image input, .ui-dialog .field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_image input {
@@ -3687,7 +3683,7 @@ a:visited.ui-button {
height: 15px;
border: 1px #A6A6A6 solid;
cursor: pointer;
background-image: url("../../../../images/full-screen.png?v=1602661195");
background-image: url("../../../../images/full-screen.png?v=1603717877");
background-repeat: no-repeat;
background-position: center center;
background-size: 98%;
@@ -3752,7 +3748,7 @@ a:visited.ui-button {
padding-left: 0.4em;
}
#ibo-main-content .ac_dlg_loading, .ui-dialog .ac_dlg_loading {
background: white url("../../../../images/indicator.gif?v=1602661195") right center no-repeat;
background: white url("../../../../images/indicator.gif?v=1603717877") right center no-repeat;
}
#ibo-main-content table.pagination, .ui-dialog table.pagination {
display: inline-block;
@@ -3819,10 +3815,10 @@ a:visited.ui-button {
cursor: not-allowed;
}
#ibo-main-content .dragHover, .ui-dialog .dragHover {
background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1602661195");
background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1603717877");
}
#ibo-main-content .edit_mode .dashlet, .ui-dialog .edit_mode .dashlet {
background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1602661195");
background: url("../../../../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=1603717877");
padding: 5px;
margin: 0;
position: relative;
@@ -3867,7 +3863,7 @@ a:visited.ui-button {
top: 0;
right: 0;
z-index: 10;
background: transparent url("../../../../images/delete.png?v=1602661195") no-repeat center;
background: transparent url("../../../../images/delete.png?v=1603717877") no-repeat center;
}
#ibo-main-content td.prop_value, .ui-dialog td.prop_value {
text-align: left;
@@ -4096,23 +4092,23 @@ a:visited.ui-button {
}
#ibo-main-content .message_info, .ui-dialog .message_info {
border: 1px solid #993;
background: url("../../../../images/info-mini.png?v=1602661195") 1em 1em no-repeat #ffc;
background: url("../../../../images/info-mini.png?v=1603717877") 1em 1em no-repeat #ffc;
padding-left: 3em;
}
#ibo-main-content .message_ok, .ui-dialog .message_ok {
border: 1px solid #393;
background: url("../../../../images/ok.png?v=1602661195") 1em 1em no-repeat #cfc;
background: url("../../../../images/ok.png?v=1603717877") 1em 1em no-repeat #cfc;
padding-left: 3em;
}
#ibo-main-content .message_warning, .ui-dialog .message_warning {
border: 1px solid #ec9800;
background: url("../../../../images/error.png?v=1602661195") 1em 1em no-repeat #ffd78d;
background: url("../../../../images/error.png?v=1603717877") 1em 1em no-repeat #ffd78d;
color: #000;
padding-left: 3em;
}
#ibo-main-content .message_error, .ui-dialog .message_error {
border: 1px solid #933;
background: url("../../../../images/error.png?v=1602661195") 1em 1em no-repeat #fcc;
background: url("../../../../images/error.png?v=1603717877") 1em 1em no-repeat #fcc;
padding-left: 3em;
}
#ibo-main-content .fg-menu a img, .ui-dialog .fg-menu a img {
@@ -4243,18 +4239,18 @@ a:visited.ui-button {
}
#ibo-main-content #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter span, .ui-dialog #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter span {
padding-left: 20px;
background: url("../../../../images/eye-open-555.png?v=1602661195") 2px center no-repeat;
background: url("../../../../images/eye-open-555.png?v=1603717877") 2px center no-repeat;
}
#ibo-main-content #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter.strikethrough span, .ui-dialog #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter.strikethrough span {
text-decoration: line-through;
background: url("../../../../images/eye-closed-555.png?v=1602661195") 2px center no-repeat;
background: url("../../../../images/eye-closed-555.png?v=1603717877") 2px center no-repeat;
}
#ibo-main-content .printable-version legend, .ui-dialog .printable-version legend {
padding-left: 26px;
background: #1c94c4 url("../../../../images/eye-open-fff.png?v=1602661195") 8px center no-repeat;
background: #1c94c4 url("../../../../images/eye-open-fff.png?v=1603717877") 8px center no-repeat;
}
#ibo-main-content .printable-version .strikethrough legend, .ui-dialog .printable-version .strikethrough legend {
background: #1c94c4 url("../../../../images/eye-closed-fff.png?v=1602661195") 8px center no-repeat;
background: #1c94c4 url("../../../../images/eye-closed-fff.png?v=1603717877") 8px center no-repeat;
}
#ibo-main-content .printable-version fieldset.strikethrough span, .ui-dialog .printable-version fieldset.strikethrough span {
display: none;
@@ -4327,7 +4323,7 @@ a:visited.ui-button {
cursor: pointer;
width: 16px;
height: 16px;
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1602661195");
background-image: url("../../../../css/ui-lightness/images/ui-icons_222222_256x240.png?v=1603717877");
background-position: -16px -192px;
}
#ibo-main-content .history_entry_truncated .history_truncated_toggler, .ui-dialog .history_entry_truncated .history_truncated_toggler {
@@ -4412,7 +4408,7 @@ a:visited.ui-button {
#ibo-main-content #itop-breadcrumb .breadcrumb-item a::after, .ui-dialog #itop-breadcrumb .breadcrumb-item a::after {
content: '';
position: absolute;
background-image: url("../../../../images/breadcrumb-separator.png?v=1602661195");
background-image: url("../../../../images/breadcrumb-separator.png?v=1603717877");
background-repeat: no-repeat;
width: 8px;
height: 16px;
@@ -4680,20 +4676,11 @@ a:visited.ui-button {
content: "";
margin-right: 0;
}
#ibo-main-content .selectize-control > .selectize-input.has-items:after, .ui-dialog .selectize-control > .selectize-input.has-items:after, #ibo-main-content .selectize-control.multi > .selectize-input.has-items:after, .ui-dialog .selectize-control.multi > .selectize-input.has-items:after {
content: "+";
display: inline-block;
font-size: 17px;
font-weight: bold;
color: #222;
}
#ibo-main-content .selectize-control > .selectize-input > .item[data-value], .ui-dialog .selectize-control > .selectize-input > .item[data-value], #ibo-main-content .selectize-control.multi > .selectize-input > .item[data-value], .ui-dialog .selectize-control.multi > .selectize-input > .item[data-value] {
padding-right: 1.5em !important;
border: 1px solid #ddd;
}
#ibo-main-content .selectize-control > .selectize-input > .item[data-value] > .remove, .ui-dialog .selectize-control > .selectize-input > .item[data-value] > .remove, #ibo-main-content .selectize-control.multi > .selectize-input > .item[data-value] > .remove, .ui-dialog .selectize-control.multi > .selectize-input > .item[data-value] > .remove {
padding-top: 0.3em;
border: none;
#ibo-main-content .selectize-control > .selectize-input > .item[data-value].active, .ui-dialog .selectize-control > .selectize-input > .item[data-value].active, #ibo-main-content .selectize-control.multi > .selectize-input > .item[data-value].active, .ui-dialog .selectize-control.multi > .selectize-input > .item[data-value].active {
/* The switch - the box around the slider */
}
#ibo-main-content .switch, .ui-dialog .switch {
@@ -4988,13 +4975,6 @@ a:visited.ui-button {
border-color: #0A246A;
color: white;
}
#ibo-main-content .field_autocomplete, .ui-dialog .field_autocomplete {
background: #fff url("../../../../images/ac-background.gif?v=1602661195") no-repeat right;
border: 1px solid black;
}
#ibo-main-content .field_autocomplete:focus, .ui-dialog .field_autocomplete:focus {
border: 2px solid black;
}
.ibo-preferences--user-preferences--picture-placeholder {
display: flex;
flex-direction: row;

5
js/extkeywidget.js
View File

@@ -75,6 +75,8 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper
searchField: ['value'],
options:JSON.parse(options),
maxItems: 1,
copyClassesToDropdown: false,
inputClass: 'ibo-input ibo-input-select ibo-input-selectize'
});
}
this.AddAutocomplete = function(iMinChars, sWizHelperJSON)
@@ -143,6 +145,7 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper
}
})
.autocomplete("instance")._renderItem = function (ul, item) {
$(ul).addClass('selectize-dropdown');
var term = this.term.replace("/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi", "\\$1");
var val = item.label.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)("+term+")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
if (item.obsolescence_flag == '1')
@@ -155,7 +158,7 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper
}
return $("<li>")
.append("<div>"+val+"</div>")
.append("<div data-selectable=\"\">"+val+"</div>")
.appendTo(ul);
};

10
js/forms-json-utils.js
View File

@@ -202,7 +202,8 @@ function ReportFieldValidationStatus(sFieldId, sFormId, bValid, sExplain)
if (bValid)
{
// Visual feedback - none when it's Ok
$('#v_'+sFieldId).html(''); //<img src="../images/validation_ok.png" />');
$('#field_'+sFieldId+' .ibo-input-wrapper').removeClass('is-error')
$('#v_'+sFieldId).html('');
$('#'+sFieldId+'[data-validate*="dependencies"]').trigger('change.dependencies').removeAttr('data-validate');
}
else
@@ -214,10 +215,11 @@ function ReportFieldValidationStatus(sFieldId, sFormId, bValid, sExplain)
// Let's remember the first input with an error, so that we can put back the focus on it later
oFormErrors['input_'+sFormId] = sFieldId;
}
if ($('#v_'+sFieldId+' img').length == 0)
// TODO 3.0 Maybe use data role ?
$('#field_'+sFieldId+' .ibo-input-wrapper').addClass('is-error')
if ($('#v_'+sFieldId).text() == '')
{
$('#v_'+sFieldId).html('<img src="../images/validation_error.png" style="vertical-align:middle" data-tooltip="'+sExplain+'"/>');
$('#v_'+sFieldId).html(sExplain);
}
//Avoid replacing exisiting tooltip for periodically checked element (like CKeditor fields)
if($('#v_'+sFieldId).tooltip( "instance" ) === undefined)

1
js/jquery.itop-set-widget.js
View File

@@ -150,6 +150,7 @@ $.widget('itop.set_widget',
options: this.possibleValues,
create: false,
placeholder: Dict.S("Core:AttributeSet:placeholder"),
inputClass: 'selectize-input ibo-input ibo-input-tagset ibo-input-selectize',
onInitialize: function () {
var selectizeWidget = this;
setWidget._onInitialize(selectizeWidget);

5
sources/application/WebPage/iTopWebPage.php
View File

@@ -195,8 +195,7 @@ class iTopWebPage extends NiceWebPage implements iTabbedPage
// Date picker options
$aPickerOptions = array(
'showOn' => 'button',
'buttonImage' => '../images/calendar.png',
'buttonImageOnly' => true,
'buttonText' => '<i class="fas fa-calendar-alt"></i>',
'dateFormat' => AttributeDate::GetFormat()->ToDatePicker(),
'constrainInput' => false,
'changeMonth' => true,
@@ -256,7 +255,7 @@ class iTopWebPage extends NiceWebPage implements iTabbedPage
$(".datetime-pick:not(.is-widget-ready)").each(function(){
var oInput = this;
$(oInput).addClass('is-widget-ready');
$('<span><img class="datetime-pick-button" src="../images/calendar.png"></span>')
$('<div class="ibo-input-datetime--action-button"><i class="fas fa-calendar-alt"></i></i>')
.insertAfter($(this))
.on('click', function(){
$(oInput)