4.3.0

• Added new specific component loader in addition to full screen loader

  • extra parameter added to api.spinner.start and api.spinner.stop
  • extra parameter added to api.ajax.jsonrpc.request

• Updated spinner.html file with new 'spinner-holder' div.

• Updated api.plugin.css with new css for the new loader component

How to use

//add and remove  a spinner by div
api.spinner.start('#displaySpinner')  
api.spinner.stop('#displaySpinner') 

//add and remove  a spinner by class 
api.spinner.start('.displaySpinner')  
api.spinner.stop('#displaySpinner') 

//add and remove  a spinner by name
api.spinner.start('[name=displaySpinner]') 
api.spinner.stop([name=displaySpinner]') 

//add spinner to item using ajax call. If pItemSpinner not passed then full screen spinner is used.

api.ajax.jsonrpc.request = function (pAPI_URL, pAPI_Method, pAPI_Params, callbackFunctionName_onSuccess, callbackParams_onSuccess, callbackFunctionName_onError, callbackParams_onError, pAJAX_Params, pItemSpinner)

Update spinner.html with:

<div id="spinner-holder">
    <div class="item-spinner d-none">
        <div class="item-loader">
            <div class="ball-1 animate glow circle delay-1 bg-warning"></div>
            <div class="ball-2 animate glow circle delay-2 bg-danger"></div>
            <div class="ball-3 animate glow circle delay-3 bg-primary"></div>
            <div class="ball-4 animate glow circle delay-4 bg-secondary"></div>
            <div class="ball-5 animate glow circle delay-5 bg-tertiary"></div>
        </div>
    </div>
</div>