{"version":3,"file":"YoutubeVideo.min.js","sources":["EncompassWebServices/includes/DashboardItemTypes/YoutubeVideo.js"],"sourcesContent":["\"use strict\";\r\n\r\n(async function () {\r\n    let YouTubeVideoID = \"\";\r\n    const videoType = {\r\n        showEditButton: true,\r\n        itemFields: [\"YouTubeVideoID\"],\r\n        addItem(createNewItemCallback) {\r\n            Show_Dashboard_YouTubeDialog({\r\n                callback(control, id, title) {\r\n                    createNewItemCallback(title, {\r\n                        YouTubeVideoID: id\r\n                    });\r\n                }\r\n            });\r\n        },\r\n        editItem(title, itemFields, dashboardItem, editItemCallback) {\r\n            Show_Dashboard_YouTubeDialog({\r\n                callback(control, id, widgetTitle) {\r\n                    editItemCallback(widgetTitle, {\r\n                        YouTubeVideoID: id\r\n                    });\r\n                },\r\n                id: itemFields.YouTubeVideoID,\r\n                widgetTitle: title\r\n            });\r\n        },\r\n        async onLoaded(dashboardItem, itemFields) {\r\n            const content = `<div style=height:100%;overflow:hidden>\r\n            <iframe id=\"YT_${EC_Fmt.MD5(itemFields.YouTubeVideoID)}\" style=width:100%;height:100% src=\"//www.youtube.com/embed/${itemFields.YouTubeVideoID}?wmode=transparent\" frameborder=0 allowfullscreen></iframe></div>`;\r\n            dashboardItem.querySelector(\".content\").innerHTML = content;\r\n        }\r\n    };\r\n    EWS.DashboardItemTypesManager.add(\"YoutubeVideo\", videoType);\r\n    EWS.DashboardItemTypesManager.add(\"YouTube Video\", videoType);\r\n\r\n    const pattern = /[\\\\?&]v=([^&#]*)/;\r\n\r\n    const ParseYouTubeAddress = function (dialog, url) {\r\n        let results = pattern.exec(url);\r\n        let isNotNewFormat = true;\r\n\r\n        if (results == null) {\r\n            if (url.indexOf(\"https://youtu.be/\") > -1) {\r\n                results = url.replace(\"https://youtu.be/\", \"\").trim();\r\n                isNotNewFormat = false;\r\n            }\r\n        }\r\n\r\n        if (results != null) {\r\n            dialog.querySelector(\".tips\").classList.add(\"hidden\");\r\n            dialog.querySelector(\"#ews-youtube-preview\").classList.remove(\"hidden\");\r\n            if (isNotNewFormat) {\r\n                results = decodeURIComponent(results[1].replace(/\\+/g, \" \"));\r\n            }\r\n\r\n            if (results !== YouTubeVideoID) {\r\n                YouTubeVideoID = results;\r\n\r\n                dialog.querySelector(\"#ews-youtube-preview\").src = `//www.youtube.com/embed/${YouTubeVideoID}?wmode=transparent`;\r\n                if (!dialog.querySelector(\"#ews-youtube-title\").value) {\r\n                    dialog.querySelector(\"#ews-youtube-title\").value = \"YouTube Video\";\r\n                }\r\n            }\r\n        } else {\r\n            dialog.querySelector(\".tips\").classList.remove(\"hidden\");\r\n            dialog.querySelector(\"#ews-youtube-preview\").classList.add(\"hidden\");\r\n            dialog.querySelector(\"#ews-youtube-preview\").src = \"about:blank\";\r\n            YouTubeVideoID = \"\";\r\n        }\r\n    };\r\n\r\n    function Show_Dashboard_YouTubeDialog(insertArgs) {\r\n        EWS.VerifySession(() => {\r\n            // Task 1146755: Optimize Dashboard Widget-YouTube Video Implementation\r\n            const content = `<div><ecp-sectionmessage type=\"information\">Copy a YouTube video URL directly from your browser, and paste it into the 'URL' field</ecp-sectionmessage>\r\n        <div class=\"flex margin-top-10\">\r\n            <div style=\"width:45%\">\r\n                <div>${EC_Fmt.Trn(\"YouTube URL\")}</div><div><ecp-input type=\"text\" id=\"ews-youtube-url\"></div>\r\n            </div>\r\n            <div style=\"width:45%\">\r\n                <div>${EC_Fmt.Trn(\"Widget title\")}</div><div><ecp-input type=\"text\" id=\"ews-youtube-title\" maxlength=50></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"margin-top-10\">\r\n            <div>${EC_Fmt.Trn(\"Preview\")}</div>\r\n            <div >\r\n                <div class=\"hidden tips\">\r\n                    <ecp-empty illustration=\"warning\">\r\n                        <ecp-empty-title>Invalid YouTube URL</ecp-empty-title>\r\n                        <ecp-empty-body>Check the provided URL and sure it starts with <b>https://youtube.com/watch?v=...</b> or <b>https://youtu.be/...</b></ecp-empty-body>\r\n                    </ecp-empty>\r\n                </div>\r\n                <iframe id=ews-youtube-preview width=100% style=\"border:2px dashed var(--neutral-40)\" height=265 src=about:blank ></iframe>\r\n            </div>\r\n        </div>\r\n    </div>`;\r\n\r\n            const Dialog = ECP.Dialog.ShowDialog(EC_Fmt.Trn(\"Insert YouTube video\"), content, {\r\n                width: 620,\r\n                barPosition: \"top\",\r\n                cancelButtonTitle: EC_Fmt.Trn(\"Cancel\"),\r\n                confirmButtonTitle: EC_Fmt.Trn(\"Insert video\"),\r\n                confirmButtonAction(dialog) {\r\n                    const title = dialog.querySelector(\"#ews-youtube-title\").value;\r\n                    if (!EC_Fmt.isNull(YouTubeVideoID)) {\r\n                        if (!EC_Fmt.isNull(insertArgs.callback)) {\r\n                            ECP.Dialog.CloseDialog(dialog);\r\n                            insertArgs.callback(dialog, YouTubeVideoID, title);\r\n                        }\r\n                    } else {\r\n                        dialog.style.display = \"block\";\r\n                        EWS.Alert(EC_Fmt.Trn(\"You must enter a YouTube video URL.\"));\r\n                    }\r\n                }\r\n            });\r\n\r\n            YouTubeVideoID = \"\";\r\n            const youtubeUrl = Dialog.querySelector(\"#ews-youtube-url\");\r\n            if (insertArgs.id) {\r\n                youtubeUrl.value = `https://youtu.be/${insertArgs.id}`;\r\n                ParseYouTubeAddress(Dialog, youtubeUrl.value);\r\n            }\r\n            if (insertArgs.widgetTitle) {\r\n                Dialog.querySelector(\"#ews-youtube-title\").value = insertArgs.widgetTitle;\r\n            }\r\n            youtubeUrl.addEventListener(\"change\", (e) => {\r\n                ParseYouTubeAddress(Dialog, e.currentTarget.value);\r\n            });\r\n        });\r\n    }\r\n}());\r\n"],"names":["async","let","YouTubeVideoID","videoType","showEditButton","itemFields","addItem","createNewItemCallback","Show_Dashboard_YouTubeDialog","callback","control","id","title","editItem","dashboardItem","editItemCallback","widgetTitle","onLoaded","content","EC_Fmt","MD5","querySelector","innerHTML","EWS","DashboardItemTypesManager","add","pattern","ParseYouTubeAddress","dialog","url","results","exec","isNotNewFormat","indexOf","replace","trim","classList","remove","decodeURIComponent","src","value","insertArgs","VerifySession","Trn","Dialog","ECP","ShowDialog","width","barPosition","cancelButtonTitle","confirmButtonTitle","confirmButtonAction","isNull","CloseDialog","style","display","Alert","youtubeUrl","addEventListener","e","currentTarget"],"mappings":"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"}