SIM Replacement: Can I Travel Abroad?

This code snippet is a collection of JavaScript functions⁢ and ⁤event handlers ‍related to ‍a news article display. Here’s a⁣ breakdown of what each part does:

1. Progress Bar Functionality:

javascript
$(document).ready(function () {
    var content = $('.mainwrap').height();
    var contentH = $('.mainwrap').offset().top + $('.articlecon').offset().top + $('.articlecon').height() - $('.seodigitalarea').height()
    var progressWid = 0

    $(window).scroll(function () {
        var pt = $(window).scrollTop()
        progressWid = Math.round((pt / contentH)  100)
        $('.progress').css("width",progressWid + "%")
    });
});

Purpose: Creates a progress bar that indicates how far down the user has scrolled in the article.
How it effectively works:
$(document).ready(function() { ... });: Ensures the code runs after the DOM (Document Object Model) is fully loaded.
content = $('.mainwrap').height();: Gets the height of the element with the class mainwrap. This might be the main container for⁣ the entire page.
⁣
contentH = ...: Calculates the ⁤total scrollable height ‍of the article content. It takes into account the positions and heights of elements like⁢ .mainwrap, .articlecon, and .seodigitalarea. Subtracting .seodigitalarea likely excludes ⁢a footer⁣ or similar element from the‍ progress ⁣calculation.
progressWid = 0: Initializes the progress bar width to 0%.
$(window).scroll(function() {... });: Attaches a function to the scroll event of the window. This function will be executed⁤ every time the user scrolls. pt = $(window).scrollTop();: Gets the current vertical scroll position of the window.
⁤
progressWid = Math.round((pt / contentH) 100);: Calculates the percentage of the article that has been scrolled through. ⁤ pt / contentH ⁢gives the fraction of the article scrolled, multiplying by 100 converts it to a percentage, and Math.round() rounds the percentage ⁣to the nearest whole number.
$('.progress').css("width",progressWid + "%");: Sets the width ⁤ style of the element with the class progress to the calculated percentage. ⁤ This visually updates the progress bar.

2. News Mail Sending Functionality:

javascript
function NewsMailSend(Nid, NClass) {
    var snstitle = articleslist[Nid].SnsTitle;
    $("#Nid").val(Nid);
    $("#NewsMailTitle").val(SnsTitle);
    $("#NewsMailTitleView").html(SnsTitle);

    $("#NewsCountForm input[id=Nid]").val(Nid);
    $("#NewsCountForm input[id=NClass]").val(NClass);

    $(".dimed,.emailpop").show();
}

function viewMessageOpen(i) {
    $('.messagepop1').stop(true).fadeIn(300);
    $('.messagepop1').find('div').eq(2).show().siblings().hide();
}

function viewMessageClose() {
    $(' .dimed, .emailpop').stop(true).fadeOut(300);
}

$(".dimed, .emailpop").show();: Shows a “dimmed” overlay (likely to ⁤darken the background) and the email popup (.emailpop).
⁢
viewMessageOpen(i): Shows a ⁣specific message popup.It fades in the element with the class messagepop1 and shows the div at index 2 while hiding the others. The i parameter⁢ is not used ⁤in the function, wich is unusual.
‍
viewMessageClose(): Hides the dimmed overlay and the email ⁣popup.

javascript
function SnsShare(Nid, nclass, Kind) {
    var SnsTitle = articleslist[Nid].SnsTitle;

    $('#Tool').val(Kind);
    $("#NewsCountForm input[id=Nid]").val(Nid);
    $("#NewsCountForm input[id=NClass]").val(NClass);
    jAjax("", "/News/NewsView/SnsCount", "NewsCountForm", "Post");

    var domain = "
    var Link = encodeURIComponent(domain + "/NewsView/" + Nid + "?OutLink=" + Kind);
    var Title = encodeURIComponent(SnsTitle);
    var Url = "";

    if (Kind == "fb") {
        // Facebook SDK initialization
        window.fbAsyncInit = function () {
            FB.init({
                appId: '502753547182871', // Replace with your Facebook app ID
                cookie: true,
                xfbml: true,
                version: 'v21.0' // Adjust version as needed.
            });

            FB.AppEvents.logPageView();


            FB.login(function (response) {
                if (response.authResponse) {
                    // Login triumphant
                    var accessToken = response.authResponse.accessToken;
                    //console.log('Access Token:', accessToken);
                    FB.api(" 'POST', { "id": Link + "&t=" + Title, "scrape": "true", "accesstoken": accessToken }, function (res) {
                        // Open share dialog after scraping
                        window.open(
                            ' + Link + "&t=" + title,
                            'facebook-share-dialog',
                            'width=800,height=600'
                        );
                    });
                } else {
                    //console.log('User cancelled login or did not fully authorize.');
                }
            }, {
                scope: ''  // Remove permission requests (defaults to basic permissions)
            });
        };

        // load the SDK asynchronously
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) { return; }
            js = d.createElement(s); js.id = id;
            js.src = "
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        FB.login(function (response) {
            if (response.authResponse) {
                // Login successful
                var accessToken = response.authResponse.accessToken;
                //console.log('Access Token:', accessToken);
                FB.api(" 'POST', { "id": Link + "&t=" + Title, "scrape": "true", "accesstoken": accessToken }, function (res) {
                    // Open share dialog after scraping
                    window.open(
                        ' + Link + "&t=" + Title,
                        'facebook-share-dialog',
                        'width=800,height=600'
                    );
                } else {
                    //console.log('User cancelled login or did not fully authorize.');
                }
            }, {
                scope: ''  // Remove permission requests (defaults to basic permissions)
            });

            return;
    }
    else if (Kind == "twt") {
        Url = " + Link + "&text=" + Title;
    }
    else if (Kind == "kko") {
        Url = " + Link;
    }
    else if (Kind == "gplus") {
        Url = " + Link;
    }

    window.open(Url, "SnsSharePop", "width=500,height=450");
}

javascript
function SaveNews(Nid, NClass) {
    setTimeout(function () { openLoading(); }, 1000);
    $("#NewsCountForm input[id=Nid]").val(Nid);
    $("#NewsCountForm input[id=NClass]").val(NClass);
    jAjax("NewsSaveAjax", "/News/NewsView/NewsSave", "NewsCountForm", "Post");
    $("#NewsCountForm input[id=Tool]").val('scrap');
    jAjax("","/news/NewsView/SnsCount","NewsCountForm","Post");
}

javascript
function PrintPop(Nid) {
    window.open('/News/NewsView/NewsPrint?Nid=' + Nid,'popUp','width=817,height=800,scrollbars=yes');
}

javascript
function PreSaveNews() {
    //if (confirm("동일한 기사가 이미 저장되어 있습니다.n지금 저장된 기사 목록을 í™•ì¸í•˜ì‹œê² ìŠµë‹ˆê¹ grills?")) {
    location.href = "
    //}
}

javascript
var audio = new Audio();
var audioCurrentTime = 0;

//2020.04.08 dblee news Audio file check addition
function NewsAudio() {

    var mp3Url = "";
    $.post("/News/NewsView/ChkNovoNews?Nid=" + "2GSNLK0PPF").done(function (data) {
        mp3Url = data;

        if ($(".btnlisten").hasClass('on')) {
            $(".btnlisten, .btnlistenb").removeClass('on');
            $(".btnlisten").text("News Listening");

            audio.pause();
            audioCurrentTime = audio.currentTime;

        } else {
            if (mp3Url != null && mp3Url != "") {       //if there is a link, Play
                audio.src = mp3Url

                $(".btnlisten, .btnlistenb").addClass('on');
                $(".btnlisten").text("Listening");

                if (audioCurrentTime > 0) {
                    audio.currentTime = audioCurrentTime;
                }

                //2020.04.03 dblee News Listening Click Log
                var CountryType = navigator.appName;
                var Country;   //  Country
                if (CountryType == "Netscape") {
                    Country = navigator.language;
                } else {
                    Country = navigator.userLanguage;
                }
                $.post("/News/NewsView/SetNovoPlay?N=" + "2GSNLK0PPF" + "&C=" + Country);

                audio.play();
            } else {                                    //If there is no link, Make
                alert("The news listening service you requested is being created.This process is done automatically and may take some time.");

                $.post("/News/NewsView/SetNovoNews?Nid=" + "2GSNLK0PPF")
                    .done(function (data) {
                        alert("The operation is complete. Click the News Listening button to provide the service.");
                        //audio.src = data

                        //$(".btnlisten").attr("href","
                        //$(".btnlistenb").attr("onclick", "NewsAudio()");
                });

            }
        }
    });
}

//Listening end
audio.onended = function () {
    $(".btnlisten, .btnlistenb").removeClass('on');
    $(".btnlisten").text("News Listening");
};

mp3Url = "";: Initializes the URL of the audio file.
$.post("/News/NewsView/ChkNovoNews?Nid=" + "2GSNLK0PPF").done(function (data) {... });: Makes an AJAX call ⁢to check if an audio file already exists for the article.The Nid is hardcoded as "2GSNLK0PPF", which is a major issue (see “Important Considerations” below).
⁣ ⁣
if ($(".btnlisten").hasClass('on')) {... }: Checks‍ if the “Listen” button is currently in the “on” state (meaning audio is playing). If so,⁣ it pauses the audio and updates the button text.
else { ... }: If the “Listen” ⁣button is⁣ not in the “on” state:
⁢ ⁤ ⁣
if (mp3Url != null && mp3Url != "") { ... }: Checks if an audio‍ URL⁤ was returned‍ from ‍the AJAX call.If so, it sets the audio.src to ⁤the URL,⁤ updates the ⁤button text, sets the playback time (if ‍it was previously⁤ paused), and starts playing the audio. else {... }: if no audio URL exists, it means the audio needs to be‍ generated. It ‍displays ⁣an alert message to the user and makes another AJAX call to /News/NewsView/SetNovoNews?nid= ⁢to trigger the audio generation process. Again, the Nid is hardcoded.
audio.onended = function() { ... };: Attaches a ⁣function to the ended event of the audio object. This function is called when the audio finishes playing.It resets the button text and removes the “on” class.

javascript
$("#NewsMenuTitle").text("'Mind you don't pack your bags for overseas travel?'...SKT offers travel insurance service for customers departing today");
//$("title").text("'Mind you don't pack your bags for overseas travel?'...SKT offers travel insurance service for customers departing today");
$("meta[name="description"]").attr("content", "Industry > IT News: With the recent surge in demand for overseas travel due to the end of the holiday season, SK Telecom is...");

Purpose: ⁢Updates the title and description metadata of the page.
How it effectively works:
$("#NewsMenuTitle").text(...): Sets the text content‍ of an element with the ID newsmenutitle ⁢to the article’s title.
//$("title").text(...): this line is⁢ commented out, but it would have⁢ set the