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°3541 Add event listener to enable/disable loading state for buttons block

Browse Source
This commit is contained in:
Stephen Abello
2022-02-07 14:53:09 +01:00
parent 1f95a4ee21
commit 3541a9e1db
4 changed files with 33 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
js/components/button.js Normal file
View File

@@ -0,0 +1,26 @@
/*
* Copyright (C) 2013-2022 Combodo SARL
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
*/
;
// Apply a listener to <body> element so we don't havec to create one for every button on the page
$('body').on('enter_loading_state.button.itop', '[data-role="ibo-button"]', function(){
$(this).addClass('ibo-is-loading').prop('disabled', true);
})
.on('leave_loading_state.button.itop', '[data-role="ibo-button"]', function(){
$(this).removeClass('ibo-is-loading').prop('disabled', false);
});

6
sources/application/UI/Base/Component/Button/Button.php
View File

@@ -35,7 +35,11 @@ class Button extends UIBlock
public const BLOCK_CODE = 'ibo-button';
public const DEFAULT_HTML_TEMPLATE_REL_PATH = 'base/components/button/layout';
public const DEFAULT_JS_TEMPLATE_REL_PATH = 'base/components/button/layout';
public const DEFAULT_JS_FILES_REL_PATH = [
'js/components/button.js',
];
public const REQUIRES_ANCESTORS_DEFAULT_JS_FILES = true;
// Specific constants
/** @var string ENUM_ACTION_TYPE_REGULAR */
public const ENUM_ACTION_TYPE_REGULAR = 'regular';

1
sources/application/UI/Base/Component/Button/ButtonJS.php
View File

@@ -31,6 +31,7 @@ class ButtonJS extends Button
{
// Overloaded constants
public const DEFAULT_HTML_TEMPLATE_REL_PATH = 'base/components/button/buttonjs';
public const REQUIRES_ANCESTORS_DEFAULT_JS_FILES = true;
// Specific constants
/** @var string ENUM_TYPE_BUTTON */

1
sources/application/UI/Base/Component/Button/ButtonURL.php
View File

@@ -31,6 +31,7 @@ class ButtonURL extends Button
{
// Overloaded constants
public const DEFAULT_HTML_TEMPLATE_REL_PATH = 'base/components/button/buttonurl';
public const REQUIRES_ANCESTORS_DEFAULT_JS_FILES = true;
// Specific constants
/** @var string ENUM_TARGET_BLANK */