diff --git a/css/backoffice/layout/activity-panel/_activity-new-entry-form.scss b/css/backoffice/layout/activity-panel/_activity-new-entry-form.scss index 72a213131..bf1d31fd8 100644 --- a/css/backoffice/layout/activity-panel/_activity-new-entry-form.scss +++ b/css/backoffice/layout/activity-panel/_activity-new-entry-form.scss @@ -22,10 +22,15 @@ $ibo-activity-panel--body--add-caselog-entry--toggler--icon--width: $ibo-activit $ibo-activity-panel--body--add-caselog-entry--toggler--icon--font-size: 16px !default; $ibo-activity-panel--body--add-caselog-entry--toggler--icon--line-height: 33px !default; .ibo-activity-new-entry-form{ - display: none; $ibo-activity-new-entry-form--width: 100%; background-color: $ibo-activity-new-entry-form--background-color; padding: $ibo-activity-new-entry-form--padding; + &.ibo-is-opened{ + display: block; + } + &.ibo-is-closed{ + display: none; + } } .ibo-activity-new-entry-form--actions{ display: flex; @@ -58,6 +63,9 @@ $ibo-activity-panel--body--add-caselog-entry--toggler--icon--line-height: 33px ! &:hover { color: $ibo-activity-panel--body--add-caselog-entry--toggler--color; } + &.ibo-is-hidden{ + display: none; + } } .ibo-activity-new-entry-form--action-buttons--right-actions > .ibo-popover-menu{ z-index: 1; diff --git a/js/layouts/activity-panel/activity-new-entry-form.js b/js/layouts/activity-panel/activity-new-entry-form.js index cd9b47a08..1702e9a32 100644 --- a/js/layouts/activity-panel/activity-new-entry-form.js +++ b/js/layouts/activity-panel/activity-new-entry-form.js @@ -29,10 +29,8 @@ $(function() { }, css_classes: { - is_expanded: 'ibo-is-expanded', is_opened: 'ibo-is-opened', is_closed: 'ibo-is-closed', - is_active: 'ibo-is-active', is_hidden: 'ibo-is-hidden', }, js_selectors: @@ -76,12 +74,13 @@ $(function() { }); }, _ShowNewEntryForm: function () { - $(this.js_selectors.form).show(); - $(this.js_selectors.toggler).hide(); + $(this.js_selectors.form).addClass(this.css_classes.is_opened).removeClass(this.css_classes.is_closed); + $(this.js_selectors.toggler).addClass(this.css_classes.is_hidden); }, _HideNewEntryForm: function () { - $(this.js_selectors.form).hide(); - $(this.js_selectors.toggler).show(); + $(this.js_selectors.form).addClass(this.css_classes.is_closed).removeClass(this.css_classes.is_opened); + $(this.js_selectors.toggler).removeClass(this.css_classes.is_hidden); + //$(this).children(this.js_selectors.caselog_picker).popover_menu('closePopup'); }, _SubmitNewEntryToCaselog: function(sData, sCaselog) { diff --git a/templates/layouts/activity-panel/activitynewentryform/layout.html.twig b/templates/layouts/activity-panel/activitynewentryform/layout.html.twig index 852f13916..5868fc759 100644 --- a/templates/layouts/activity-panel/activitynewentryform/layout.html.twig +++ b/templates/layouts/activity-panel/activitynewentryform/layout.html.twig @@ -1,4 +1,4 @@ -