netteForms.js – metoda Nette.showModal, nějaký návod na použití?

m.brecher
Generous Backer | 713
+
0
-

Ahoj,

v diskuzích na fóru jsem studoval možnosti vypisovat validační chyby formuláře Nette zachycené javascriptem ne do window.alert() okénka, ale do nějakého hezkého modálního okna. Našel jsem dost odkazů na řešení s knihovnou Bootstrap, mě by ale zajímalo, zda Nette samotné by zvládlo jednoduché modální okno v html s možností stylování css pro hlášení chyb bez použití jiné knihovny.

Ve zdrojovém kódu na Githubu jsem našel slibně znějící metodu Nette.showModal zde:

https://github.com/…etteForms.js#L309

Otázka tedy je:

a – zda je vůbec možní jenom pomocí netteForms.js vypisovat chybové hlášky do html modálního okna
b – odkaz na nějaký dostatečný návod nebo hotový kód
c – případné rady a tipy od zkušenějších kolegů

Děkuji

Pepino
Člen | 245
+
0
-

Můžeš si napsat svojí Nette.showModal funkci. Ta co je tam teď umí jen alert, případně modal tam kde je podpora.

m.brecher
Generous Backer | 713
+
0
-

Pepino napsal(a):

Můžeš si napsat svojí Nette.showModal funkci. Ta co je tam teď umí jen alert, případně modal tam kde je podpora.

@Pepino díky za informaci, a o nějaké ukázce kódu, kde už to někdo zkoušel nevíš ?

Pepino
Člen | 245
+
0
-

Uprav si to už podle sebe.

Nette.showModal = function(message, onclose) {
	var modal = document.createElement('div');
	modal.classList.add('modal');
	modal.innerHTML = '<div class="modal-dialog"><div class="modal-content">' + message + '</div></div>';
	var dialog = new bootstrap.Modal(modal);
	dialog._element.addEventListener('hidden.bs.modal', function(e) {
		dialog.dispose();
		modal.remove();
		onclose();
	});
	dialog.show();
};
m.brecher
Generous Backer | 713
+
0
-

@Pepino Díky moc.