implement load confirm modal auto if elementId is null

abweb/html/sendMessage.html

@@ -91,7 +91,6 @@
 
     <!-- select template modal -->
     <div id="includeTemplateModal"></div>
-    <div id="includeConfirmModal"></div>
     <script type="text/javascript" src="../common/js/app.js"></script>
     <script src="../common/js/event.js?__UPDATEID__"></script>
 </body>

abweb/js/sendMessage/sendMessage.js

@@ -128,7 +128,7 @@ SendMessage.init = function () {
     //Check if user is logged in
     COMMON.checkAuth(false);
     TEMPLATE.loadHeader('#includedHeader');
-    TEMPLATE.loadConfirmModal('#includeConfirmModal');
+    TEMPLATE.loadConfirmModal();
     const navs = [
         {
             titleLang: 'dashboard',

abweb/js/template/template.js

@@ -33,10 +33,19 @@ TEMPLATE.loadDashboardSetting = function (elmentId, changeCallback) {
 };
 
 /**
- * Template load confirm model
- * @param {*} elmentId
+ * Template load confirm model to element
+ * @param {string} elmentId - The element where contain confirm modal html, 
+ * if it empty, auto append div with id includedConfirmModal
  */
 TEMPLATE.loadConfirmModal = function (elmentId) {
+    if (typeof elmentId === undefined || !elmentId) {
+        if ($('#includedConfirmModal').length < 1) {
+            //append div with id = includedConfirmModal
+            let div = $('<div id="includedConfirmModal" />');
+            $('body').append(div);
+            elmentId = '#includedConfirmModal';
+        }
+    }
     $(elmentId).load('../common/html/confirmModal.html', function () {
         HEADER.initLogout();
         I18N.initi18n();