Re: [Kimchi-devel] [PATCH] [Wok 2/3] Implement wok.notification widget

This is an adapted version of wok.message that removes the the notification when user clicks on close button. Signed-off-by: Lucio Correia <luciojhc(a)linux.vnet.ibm.com&gt; --- ui/js/src/wok.notification.js | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 ui/js/src/wok.notification.js diff --git a/ui/js/src/wok.notification.js b/ui/js/src/wok.notification.js new file mode 100644 index 0000000..b79f5f3 --- /dev/null +++ b/ui/js/src/wok.notification.js @@ -0,0 +1,36 @@ +/* + * Project Wok + * + * Copyright IBM Corp, 2015-2016 + * + * Code derived from Project Kimchi + * + * Licensed 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. + */ +

+wok.notification = function(msg, node) { + "use strict"; + var container = node || $('#alert-fields'); + if ($(container).size() < 1) { + container = $('<div id="alert-fields"/>').appendTo($('#alert-container')); + } + var message = '<div role="alert" class="alert alert-warning alert-dismissible fade in" style="display: none;">'; + message += '<button type="button" class="close" data-dismiss="alert" aria-label="Close" onclick="wok.removeNotification(&#39;' + msg.code + '&#39;)"><span aria-hidden="true"><i class="fa fa-times-circle"></i></span></button>'; + message += msg.message; + message += '</div>'; + var $message = $(message); + $(container).show(); + $(container).append($message); + $message.alert(); + $message.fadeIn(100); +};