Как реализовать свой аналог confirm на angular?

Question

[Егор]

Приветствую.

Мне нужен диалог, который работает аналогично вызову confirm. Т.е появляется диалог и выполнение кода останавливается до момента возвращения какого-либо результата.

Я попробовал использовать бесконечный цикл,

var confirmResult = -1;
$rootScope.$emit('showConfirmDialog','Are you sure?');
var deregFunc = $rootScope.$on('confirmDialogResult',function(e,result){
    //сообщение от диалога после клика на кнопку.
     confirmResult = result;
});

 while(confirmResult === -1){
 }

 alert(confirmResult);
 deregFunc();

но из-за этого все приложение зависает и кликнуть по кнопке в диалоге невозможно. Подскажите, как реализовать такое?

Answer 1

[kartio]

а есть смысл делать именно так?
можно же в обработчике подтверждения вызывать нужную функцию (в крайне случае делать эмит другого события), а все поля ввода блокировать через оверлэй над документом

Comments

[Егор]

Имеет. Нужен диалог, который можно вызвать в любом месте приложения без рефакторинга ( создания отдельных функций для OK и Cancel). Приложение большое и делать каждый раз рефакторинг довольно затратное дело.

[Сергей Протько]

Егор: если вы не будете делать рефакторинг достаточно часто, то естественно это будет делать все сложнее и сложнее. Да и не понятно что вы подразумеваете под рефакторингом в этом контексте.

[kartio]

Егор: По сути все можно свести к:
confirm("...", {
ok: function() {
...
},
cancel: function() {
...
}
});
Системные конфирмы в джаваскрипте это как раз "выпадение" из его парадигмы асинхронности.
После вынесения кода для ok и cancel ваш код улучшится во всех смыслах: повторное использование, тестирование, легкость изменения, если вдруг откажетесь от подтверждений.

[Егор]

kartio: нативный coтfirm мне не подходит. Мне необходим кастомный диалог, который будет работать аналогично.

[kartio]

Егор: это просто пример кода, к чему все сведется.

Answer 2

[Сергей Протько]

Делаете сервис, в нем уже все остальное. Что до "остановить все и вся" - тут зависит от того что именно вы хотите остановить. Обычно достаточно добавить оверлэй что бы предотвратить пользовательские действия, и можно еще добавить интерцептор для запросов, который будет вклиниваться в цепочку промисов и приостанавливать все запросы на необходимое вам время.

И да, бесконечный цикл это гениально... У вас все в одном потоке выполняется, и js, и отрисовка и обработка пользовательсого ввода и действий.

Comments

[Егор]

overlay это очевидно. проблема в том, чтобы приостановить выполнение js кода. если вы использовали когда-нибудь нативный confirm, то думаю должны понять. Можете чуть подробнее рассказать про интекцепты? Или где в документации это можно прочитать?

[Сергей Протько]

Егор: суть в том что если вы хотите сделать в UI что-то синхронно - у вас проблемы с архитектурой приложения. Просто откажитесь от этой идеи.

А почитать можно в документации. Опять же можно завязать всю систему на какой-то сервис-мютекс который будет разрешать/запрещать выполнение и возвращать управление когда конфирм убран (через промисы опять же). + можно вырубить на это время $digest.

[Егор]

не совсем понимаю. т.е использование confrim это проблема в архитектуре?

[Сергей Протько]

Егор: блокировать выполнение из любого места в коде - да. Потому я не люблю нативный конфирм. В то же время на всяких там phonegap и подобных штуках конфирм ничего не лочит (потому что вызываются нативные элементы UI и JS тут не причем).