Skeleton v2

ajax-url

Ajax link megnyitása és feldolgozása. Amennyiben tag-en belül található font-awesome ikon az a betöltés idejére egy spinnere cserélődik.

Használható tag-ek: a, input, button
Szükséges class: ajax-url

Attribútumok

`href`	Kötelező. Az ajax hívással megnyitandó URL alapból GET methodussal.
`data-ajax-method`	Metódus módosítása (`GET, POST, PUT, DELETE`)
`data-ajax-success-fn`, `data-ajax-fail-fn`	Sikeres (data-ajax-ok-fn) / sikertelen (data-ajax-fail-fn) válasz esetén megfuttatandó javascript függvény neve. Sikeres minden 2xx `status` kóddal visszatérő válasz. A függvénynek két argumentuma kell hogy legyen. Az elsőben a válaszból a `header`-t (`status` és `statusText`-et), a másodikból pedig a `response`-t kapja meg a függvény. Amennyiben a response json a függvény strutkturáltan, ellenekző esetben string-ként kapja meg. Sikertelen válasz esetén, ha response json és tartalmaz message vagy messages kulcsot, megjelenítésre kerül a hozzájuk tartozó érték `alfi_alert` (toaster) segítségével.

Minták

Ajax URL 1 (Sikeres teszt) Ajax URL 1 (Sikertelen teszt)

<a href="/documentation/ajax_url_test_ok" data-ajax-success-fn="ajax_url_ok" data-ajax-fail-fn="ajax_url_fail" class="ajax-url btn btn-primary">
    Ajax URL 1 (Sikeres teszt)
</a>

<a href="/documentation/ajax_url_test_fail" data-ajax-success-fn="ajax_url_ok" data-ajax-fail-fn="ajax_url_fail" class="ajax-url btn btn-primary">
    <i class="fa fas fa-smile"></i> Ajax URL 1 (Sikertelen teszt)
</a>

<script>

    function ajax_url_ok(header, response) {
        // OK
    }

    function ajax_url_fail(header, response) {
        // FAIL
    }

</script>

A sikeres válasz response-ja

Sikeres válasz, de ez nem JSON!

A sikerestelen válasz response-ja

{"message":"Sikertelen k\u00e9r\u00e9s!"}

Speciális eset

Ajax link megnyitása a háttérben megerősítő ablakkal. A megjelenítés alapja a jQuery popover és confirmation.

Használható tag-ek: csak a
Szükséges class: ajax-confirmation-url

Attribútumok

A fenti attribútumokon túl használható további attribútumok

`data-title`	A megjelenő megerősítő ablak fejléce.
`data-content`	A megjelenő megerősítő ablak szövege. Használható benne HTML. Opcionális

Minták

Ajax megerősítéses URL (Sikeres teszt) Ajax megerősítéses URL (Sikertelen teszt)

<a href="/documentation/ajax_url_test_ok" data-title="Megerősítés fejléc" data-content="Ez sikeres lesz" data-ajax-success-fn="ajax_url_ok" data-ajax-fail-fn="ajax_url_fail" class="ajax-confirmation-url btn btn-primary">
    <i class="fa fa-fw fa-question-circle"></i> Ajax megerősítéses URL (Sikeres teszt)
</a>
<a href="/documentation/ajax_url_test_fail" data-title="Megerősítés fejléc" data-content="Ez <b class='text-red'>sikertelen</b> lesz" data-ajax-success-fn="ajax_url_ok" data-ajax-fail-fn="ajax_url_fail" class="ajax-confirmation-url btn btn-primary">
    <i class="fa fa-fw fa-poo"></i> Ajax megerősítéses URL (Sikertelen teszt)
</a>