src/windows/NotificationProxy.js - cordova-plugin-dialogs - Git at Google

 /*
  *
  * Licensed to the Apache Software Foundation (ASF) under one
  * or more contributor license agreements.  See the NOTICE file
  * distributed with this work for additional information
  * regarding copyright ownership.  The ASF licenses this file
  * to you under the Apache License, Version 2.0 (the
  * "License"); you may not use this file except in compliance
  * with the License.  You may obtain a copy of the License at
  *
  *   http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing,
  * software distributed under the License is distributed on an
  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  * KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations
  * under the License.
  *
  */

 /* global Windows, WinJS, toStaticHTML */

 var cordova = require('cordova');
 var urlutil = require('cordova/urlutil');

 var isAlertShowing = false;
 var alertStack = [];

 function createCSSElem (fileName) {
     var elemId = fileName.substr(0, fileName.lastIndexOf('.')) + '-plugin-style';
     // If the CSS element exists, don't recreate it.
     if (document.getElementById(elemId)) {
         return false;
     }

     // Create CSS and append it to DOM.
     var $elem = document.createElement('link');
     $elem.id = elemId;
     $elem.rel = 'stylesheet';
     $elem.type = 'text/css';
     $elem.href = urlutil.makeAbsolute('/www/css/' + fileName);

     document.head.appendChild($elem);
     return true;
 }

 // CB-8928: When toStaticHTML is undefined, prompt fails to run
 var _cleanHtml = function (html) {
     return html;
 };
 if (typeof toStaticHTML !== 'undefined') {
     _cleanHtml = toStaticHTML;
 }

 // Windows does not provide native UI for promp dialog so we use some
 // simple html-based implementation until it is available
 function createPromptDialog (title, message, buttons, defaultText, callback) {
     var isPhone = cordova.platformId === 'windows' && WinJS.Utilities.isPhone;
     var isWindows = !!cordova.platformId.match(/windows/);

     createCSSElem('notification.css');

     var dlgWrap = document.createElement('div');
     dlgWrap.className = 'dlgWrap';

     var dlg = document.createElement('div');
     dlg.className = 'dlgContainer';

     if (isWindows) {
         dlg.className += ' dlgContainer-windows';
     } else if (isPhone) {
         dlg.className += ' dlgContainer-phone';
     }

     // dialog layout template
     dlg.innerHTML = _cleanHtml(
         "<span id='lbl-title'></span><br/>" + // title
         "<span id='lbl-message'></span><br/>" + // message
             "<input id='prompt-input'/><br/>"
     ); // input fields

     dlg.querySelector('#lbl-title').appendChild(document.createTextNode(title));
     dlg.querySelector('#lbl-message').appendChild(document.createTextNode(message));
     dlg.querySelector('#prompt-input').setAttribute('placeholder', defaultText);
     dlg.querySelector('#prompt-input').setAttribute('value', defaultText);

     function makeButtonCallback (idx) {
         return function () {
             var value = dlg.querySelector('#prompt-input').value || defaultText;
             dlgWrap.parentNode.removeChild(dlgWrap);

             if (callback) {
                 // eslint-disable-next-line standard/no-callback-literal
                 callback({ input1: value, buttonIndex: idx });
             }
         };
     }

     function addButton (idx, label) {
         var button = document.createElement('button');
         button.className = 'dlgButton';
         button.tabIndex = idx;
         button.onclick = makeButtonCallback(idx + 1);
         if (idx === 0) {
             button.className += ' dlgButtonFirst';
         }
         button.appendChild(document.createTextNode(label));
         dlg.appendChild(button);
     }

     // reverse order is used since we align buttons to the right
     for (var idx = buttons.length - 1; idx >= 0; idx--) {
         addButton(idx, buttons[idx]);
     }

     dlgWrap.appendChild(dlg);
     document.body.appendChild(dlgWrap);

     // make sure input field is under focus
     dlg.querySelector('#prompt-input').select();
     // add Enter/Return key handling
     var defaultButton = dlg.querySelector('.dlgButtonFirst');
     dlg.addEventListener('keypress', function (e) {
         if (e.keyCode === 13) {
             // enter key
             if (defaultButton) {
                 defaultButton.click();
             }
         }
     });

     return dlgWrap;
 }

 module.exports = {
     alert: function (win, loseX, args) {
         if (isAlertShowing) {
             var later = function () {
                 module.exports.alert(win, loseX, args);
             };
             alertStack.push(later);
             return;
         }
         isAlertShowing = true;

         var message = args[0];
         var _title = args[1];
         var _buttonLabel = args[2];

         var md = new Windows.UI.Popups.MessageDialog(message, _title);
         md.commands.append(new Windows.UI.Popups.UICommand(_buttonLabel));
         md.showAsync().then(function () {
             isAlertShowing = false;
             if (win) {
                 win();
             }

             if (alertStack.length) {
                 setTimeout(alertStack.shift(), 0);
             }
         });
     },

     prompt: function (win, lose, args) {
         if (isAlertShowing) {
             var later = function () {
                 module.exports.prompt(win, lose, args);
             };
             alertStack.push(later);
             return;
         }

         isAlertShowing = true;

         var message = args[0];
         var title = args[1];
         var buttons = args[2];
         var defaultText = args[3];

         try {
             createPromptDialog(title, message, buttons, defaultText, function (evt) {
                 isAlertShowing = false;
                 if (win) {
                     win(evt);
                 }
             });
         } catch (e) {
             // set isAlertShowing flag back to false in case of exception
             isAlertShowing = false;
             if (alertStack.length) {
                 setTimeout(alertStack.shift(), 0);
             }
             // rethrow exception
             throw e;
         }
     },

     confirm: function (win, loseX, args) {
         if (isAlertShowing) {
             var later = function () {
                 module.exports.confirm(win, loseX, args);
             };
             alertStack.push(later);
             return;
         }

         isAlertShowing = true;

         try {
             var message = args[0];
             var _title = args[1];
             var buttons = args[2];

             var md = new Windows.UI.Popups.MessageDialog(message, _title);

             buttons.forEach(function (buttonLabel) {
                 md.commands.append(new Windows.UI.Popups.UICommand(buttonLabel));
             });

             md.showAsync().then(function (res) {
                 isAlertShowing = false;
                 var result = res ? buttons.indexOf(res.label) + 1 : 0;
                 if (win) {
                     win(result);
                 }
                 if (alertStack.length) {
                     setTimeout(alertStack.shift(), 0);
                 }
             });
         } catch (e) {
             // set isAlertShowing flag back to false in case of exception
             isAlertShowing = false;
             if (alertStack.length) {
                 setTimeout(alertStack.shift(), 0);
             }
             // rethrow exception
             throw e;
         }
     },

     beep: function (winX, loseX, args) {
         // set a default args if it is not set
         args = args && args.length ? args : ['1'];

         var snd = new Audio('ms-winsoundevent:Notification.Default');
         var count = parseInt(args[0]) || 1;
         snd.msAudioCategory = 'Alerts';

         var onEvent = function () {
             if (count > 0) {
                 snd.play();
             } else {
                 snd.removeEventListener('ended', onEvent);
                 snd = null;
                 if (winX) {
                     winX(); // notification.js just sends null, but this is future friendly
                 }
             }
             count--;
         };
         snd.addEventListener('ended', onEvent);
         onEvent();
     },

     dismissPrevious: function () {
         console.warn('dismissPrevious() is not available on browser platform');
     },

     dismissAll: function () {
         console.warn('dismissAll() is not available on browser platform');
     }
 };

 require('cordova/exec/proxy').add('Notification', module.exports);
	/*
	*
	* Licensed to the Apache Software Foundation (ASF) under one
	* or more contributor license agreements. See the NOTICE file
	* distributed with this work for additional information
	* regarding copyright ownership. The ASF licenses this file
	* to you under the Apache License, Version 2.0 (the
	* "License"); you may not use this file except in compliance
	* with the License. You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing,
	* software distributed under the License is distributed on an
	* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
	* KIND, either express or implied. See the License for the
	* specific language governing permissions and limitations
	* under the License.
	*
	*/

	/* global Windows, WinJS, toStaticHTML */

	var cordova = require('cordova');
	var urlutil = require('cordova/urlutil');

	var isAlertShowing = false;
	var alertStack = [];

	function createCSSElem (fileName) {
	var elemId = fileName.substr(0, fileName.lastIndexOf('.')) + '-plugin-style';
	// If the CSS element exists, don't recreate it.
	if (document.getElementById(elemId)) {
	return false;
	}

	// Create CSS and append it to DOM.
	var $elem = document.createElement('link');
	$elem.id = elemId;
	$elem.rel = 'stylesheet';
	$elem.type = 'text/css';
	$elem.href = urlutil.makeAbsolute('/www/css/' + fileName);

	document.head.appendChild($elem);
	return true;
	}

	// CB-8928: When toStaticHTML is undefined, prompt fails to run
	var _cleanHtml = function (html) {
	return html;
	};
	if (typeof toStaticHTML !== 'undefined') {
	_cleanHtml = toStaticHTML;
	}

	// Windows does not provide native UI for promp dialog so we use some
	// simple html-based implementation until it is available
	function createPromptDialog (title, message, buttons, defaultText, callback) {
	var isPhone = cordova.platformId === 'windows' && WinJS.Utilities.isPhone;
	var isWindows = !!cordova.platformId.match(/windows/);

	createCSSElem('notification.css');

	var dlgWrap = document.createElement('div');
	dlgWrap.className = 'dlgWrap';

	var dlg = document.createElement('div');
	dlg.className = 'dlgContainer';

	if (isWindows) {
	dlg.className += ' dlgContainer-windows';
	} else if (isPhone) {
	dlg.className += ' dlgContainer-phone';
	}

	// dialog layout template
	dlg.innerHTML = _cleanHtml(
	"<span id='lbl-title'></span><br/>" + // title
	"<span id='lbl-message'></span><br/>" + // message
	"<input id='prompt-input'/><br/>"
	); // input fields

	dlg.querySelector('#lbl-title').appendChild(document.createTextNode(title));
	dlg.querySelector('#lbl-message').appendChild(document.createTextNode(message));
	dlg.querySelector('#prompt-input').setAttribute('placeholder', defaultText);
	dlg.querySelector('#prompt-input').setAttribute('value', defaultText);

	function makeButtonCallback (idx) {
	return function () {
	var value = dlg.querySelector('#prompt-input').value \|\| defaultText;
	dlgWrap.parentNode.removeChild(dlgWrap);

	if (callback) {
	// eslint-disable-next-line standard/no-callback-literal
	callback({ input1: value, buttonIndex: idx });
	}
	};
	}

	function addButton (idx, label) {
	var button = document.createElement('button');
	button.className = 'dlgButton';
	button.tabIndex = idx;
	button.onclick = makeButtonCallback(idx + 1);
	if (idx === 0) {
	button.className += ' dlgButtonFirst';
	}
	button.appendChild(document.createTextNode(label));
	dlg.appendChild(button);
	}

	// reverse order is used since we align buttons to the right
	for (var idx = buttons.length - 1; idx >= 0; idx--) {
	addButton(idx, buttons[idx]);
	}

	dlgWrap.appendChild(dlg);
	document.body.appendChild(dlgWrap);

	// make sure input field is under focus
	dlg.querySelector('#prompt-input').select();
	// add Enter/Return key handling
	var defaultButton = dlg.querySelector('.dlgButtonFirst');
	dlg.addEventListener('keypress', function (e) {
	if (e.keyCode === 13) {
	// enter key
	if (defaultButton) {
	defaultButton.click();
	}
	}
	});

	return dlgWrap;
	}

	module.exports = {
	alert: function (win, loseX, args) {
	if (isAlertShowing) {
	var later = function () {
	module.exports.alert(win, loseX, args);
	};
	alertStack.push(later);
	return;
	}
	isAlertShowing = true;

	var message = args[0];
	var _title = args[1];
	var _buttonLabel = args[2];

	var md = new Windows.UI.Popups.MessageDialog(message, _title);
	md.commands.append(new Windows.UI.Popups.UICommand(_buttonLabel));
	md.showAsync().then(function () {
	isAlertShowing = false;
	if (win) {
	win();
	}

	if (alertStack.length) {
	setTimeout(alertStack.shift(), 0);
	}
	});
	},

	prompt: function (win, lose, args) {
	if (isAlertShowing) {
	var later = function () {
	module.exports.prompt(win, lose, args);
	};
	alertStack.push(later);
	return;
	}

	isAlertShowing = true;

	var message = args[0];
	var title = args[1];
	var buttons = args[2];
	var defaultText = args[3];

	try {
	createPromptDialog(title, message, buttons, defaultText, function (evt) {
	isAlertShowing = false;
	if (win) {
	win(evt);
	}
	});
	} catch (e) {
	// set isAlertShowing flag back to false in case of exception
	isAlertShowing = false;
	if (alertStack.length) {
	setTimeout(alertStack.shift(), 0);
	}
	// rethrow exception
	throw e;
	}
	},

	confirm: function (win, loseX, args) {
	if (isAlertShowing) {
	var later = function () {
	module.exports.confirm(win, loseX, args);
	};
	alertStack.push(later);
	return;
	}

	isAlertShowing = true;

	try {
	var message = args[0];
	var _title = args[1];
	var buttons = args[2];

	var md = new Windows.UI.Popups.MessageDialog(message, _title);

	buttons.forEach(function (buttonLabel) {
	md.commands.append(new Windows.UI.Popups.UICommand(buttonLabel));
	});

	md.showAsync().then(function (res) {
	isAlertShowing = false;
	var result = res ? buttons.indexOf(res.label) + 1 : 0;
	if (win) {
	win(result);
	}
	if (alertStack.length) {
	setTimeout(alertStack.shift(), 0);
	}
	});
	} catch (e) {
	// set isAlertShowing flag back to false in case of exception
	isAlertShowing = false;
	if (alertStack.length) {
	setTimeout(alertStack.shift(), 0);
	}
	// rethrow exception
	throw e;
	}
	},

	beep: function (winX, loseX, args) {
	// set a default args if it is not set
	args = args && args.length ? args : ['1'];

	var snd = new Audio('ms-winsoundevent:Notification.Default');
	var count = parseInt(args[0]) \|\| 1;
	snd.msAudioCategory = 'Alerts';

	var onEvent = function () {
	if (count > 0) {
	snd.play();
	} else {
	snd.removeEventListener('ended', onEvent);
	snd = null;
	if (winX) {
	winX(); // notification.js just sends null, but this is future friendly
	}
	}
	count--;
	};
	snd.addEventListener('ended', onEvent);
	onEvent();
	},

	dismissPrevious: function () {
	console.warn('dismissPrevious() is not available on browser platform');
	},

	dismissAll: function () {
	console.warn('dismissAll() is not available on browser platform');
	}
	};

	require('cordova/exec/proxy').add('Notification', module.exports);