itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-10-02 15:25:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Made indicator and request classes customisable

Browse Source
This commit is contained in:
Ben Croker 2020-06-30 11:34:06 +02:00 committed by GitHub
parent 2fbe230853
commit e6a9501d9a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/htmx.js
View File

@ -1149,7 +1149,7 @@ return (function () {
indicators = [elt];
}
forEach(indicators, function(ic) {
ic.classList[action].call(ic.classList, "htmx-request");
ic.classList[action].call(ic.classList, htmx.config.requestClass);
});
}
@ -1668,18 +1668,16 @@ return (function () {
}
}
// insert htmx-indicator css rules immediate, if not configured otherwise
(function() {
var metaConfig = getMetaConfig();
if (metaConfig === null || metaConfig.includeIndicatorStyles !== false) {
function insertIndicatorStyles() {
if (htmx.config.includeIndicatorStyles !== false) {
getDocument().head.insertAdjacentHTML("beforeend",
"<style>\
.htmx-indicator{opacity:0;transition: opacity 200ms ease-in;}\
.htmx-request .htmx-indicator{opacity:1}\
.htmx-request.htmx-indicator{opacity:1}\
." + htmx.config.indicatorClass + "{opacity:0;transition: opacity 200ms ease-in;}\
." + htmx.config.requestClass + " ." + htmx.config.indicatorClass + "{opacity:1}\
." + htmx.config.requestClass + "." + htmx.config.indicatorClass + "{opacity:1}\
</style>");
}
})();
}
function getMetaConfig() {
var element = getDocument().querySelector('meta[name="htmx-config"]');
@ -1700,6 +1698,7 @@ return (function () {
// initialize the document
ready(function () {
mergeMetaConfig();
insertIndicatorStyles();
var body = getDocument().body;
processNode(body, true);
triggerEvent(body, 'load.htmx', {});
@ -1733,7 +1732,9 @@ return (function () {
defaultSwapStyle:'innerHTML',
defaultSwapDelay:0,
defaultSettleDelay:100,
includeIndicatorStyles:true
includeIndicatorStyles:true,
indicatorClass:'htmx-indicator',
requestClass:'htmx-request'
},
parseInterval:parseInterval,
_:internalEval,