# j-Loading

> j-Loading: Es weist automatisch die Flags @showloading und @hideloading zu; NEU: Stil {Number} ein Ladestil (Standard: 1)

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: 94ee7d915746605d5ecb4d692009b9c7594e1cf324c14ba6ddaca11025ccb4c1
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Sie zugeordnet automatisch die Flaggen `@showloading` und `@hideloading`

__Konfiguration__:

- __NEW__: `style {Number}` ein Ladenstil (Default: `1`)
	- `1`: Basic mit animierten Spins
	- `2`: Eine blaue Linie am oberen Fenster

__Verwendung__:

- `SETTER('loading/show', [text])` - zeigt Ladung (`text` optionale)
- `SETTER('loading/hide', [sleep])` - versteckt Lade (`sleep` optionell und in Millisekunden)

Verwenden Sie es mit `<ui-component name="loading">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

```html example.html
<style>
	body { background-color: #F0F0F0; }
</style>

<ui-component name="loading" class="hidden"></ui-component>

<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>

<script>
	var is = false;
	setInterval(function() {
		is = !is;
		if (is)
			SETTER('loading/show');
		else
			SETTER('loading/hide', 1000);
	}, 3000);
</script>
```