CINXE.COM

Documents and Publications:Pongal Festival

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta content='width=device-width, minimum-scale=1.0, maximum-scale=5.0' name='viewport'> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="Description" content="The National Archives of Singapore (NAS) has many records that have not yet been adequately described to be put on our online catalogue, Archives Online. For the Citizen Archivist Project, we're asking for everybody's help in making these records more discoverable. At this moment, the ways to contribute would be to describe photographs, transcribe documents, transcribe and translate records labels, or transcribe oral history recordings."> <title>Documents and Publications:Pongal Festival</title> <link rel="shortcut icon" href="/content/images/nlblogo.png" type="image/x-icon"> <link rel="icon" href="/content/images/nlblogo.png" type="image/x-icon"> <link rel="stylesheet" href="/Content/css/style.css"> <link rel="stylesheet" href="/Content/css/Contribute/vendor.css"> <!--MARKER--> <link rel="stylesheet" href="/Content/assets/css/style.css"> <link rel="stylesheet" href="/Content/assets/css/vendor.css"> <link rel="preload" href="/Scripts/jquery-3.6.0.js" as="script"> <link href="/Content/css/ca.css" rel="stylesheet"/> <link href="https://eservice.nlb.gov.sg/assets/themes/nlb-1.1/css/fontawesome.css" rel="stylesheet"/> <link rel="stylesheet" href="/Content/css/Contribute/style.css"> <script type="text/javascript" nonce="4AEemGb0xJptoIGFP3Nd"> var PDFARootPath = ''; var base = "https://www.singaporememories.gov.sg:443"; var BaseURL = "/"; var isMobile = false; if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0, 4))) isMobile = true; (function() { if (sessionStorage.getItem('onsite') === 'Y') { document.write('<style>#navbarSupportedContent ul { display: none !important; }</style>'); document.write('<style>.breadcrumb-item { display: none !important; }</style>'); } })(); document.addEventListener('DOMContentLoaded', function () { if (sessionStorage.getItem('onsite') === 'Y') { var link = document.querySelector('.navbar-brand'); if (link) { link.addEventListener('click', function (event) { event.preventDefault(); }); } } }); </script> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.singaporememories.gov.sg/Contribute/NewDescribe?formatId=2&amp;subcatId=19&amp;contributeId=3134" /> <meta property="og:title" content="Pongal Festival" /> <meta property="og:description" content="Books, magazines and ephemera are traditional mediums for information. There are also unpublished records such as manuscripts, literary manuscripts, typescripts, play scripts, private papers and thesis as primary materials which are valuable to future research efforts. These documents and publications help researchers understand a episode, movement or interpretation at any point of Singapore鈥檚 history, and provide opportunities to open up new fields of study. Find out more about these formats and make your contributions here." /> <meta property="og:image" content="https://www.singaporememories.gov.sg/Contribute/GetDefaultImage?ContributeItemId=3134&amp;formatId=2" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <link href="/Content/themes/base/jquery-uicss?v=" rel="stylesheet"/> <script nonce="4AEemGb0xJptoIGFP3Nd"> </script> </head> <body class="d-flex flex-column"> <div class="flex-fill"> <header> <nlb-header data-appurl="#" data-appname=" "></nlb-header> <nav class="navbar navbar-top navbar-expand-lg"> <div class="container"> <a class="navbar-brand" href="/"> <img src="/Content/images/logo.png" alt="Singapore Memories"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mx-md-auto"> <li class="nav-item active"> <a class="nav-link" href="/About" onclick="goTo('features')">About Us</a> </li> <li class="nav-item"> <a class="nav-link" href="/Contribute/NewContribute" onclick="goTo('started')">Contribute</a> </li> <li class="nav-item"> <a class="nav-link" href="/Improve" onclick="goTo('started')">Improve</a> </li> <li class="nav-item"> <a class="nav-link" href="/Highlight">Themes</a> </li> <li class="nav-item active"> <a class="nav-link" href="/FAQ" onclick="goTo('features')">FAQ</a> </li> <li class="nav-item"> <a class="nav-link" href="https://form.gov.sg/64fec941df2e250012c0da98">Contact Us</a> </li> <li class="nav-item"> <a class="nav-link" href="#" role="button" aria-label="search" id="searchdropdown"> <i class="fa fa-search"></i> </a> </li> </ul> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link btn btn-main py-2" href="#" onclick="return false;" data-bs-toggle="modal" data-bs-target="#loginModal"> <i class="fal fa-user"></i> Log In </a> </li> </ul> </div> </div> </nav> </header> </div> <div class="nlb-search homesearch" id="nlb-search"> <div class="container"> <form> <div class="row"> <div class="col-md-3"> <select name="filter" id="filter" class="filter"> <option value="Within this site">Within this Site</option> <option value="Describe">Describe</option> <option value="Transcribe">Transcribe</option> <option value="Translate">Translate</option> <option value="Transliterate">Transliterate</option> <option value="Contribute">Contribute</option> <option value="Themes">Themes</option> </select> </div> <div class="col-md-7"> <div class="input-group"> <span class="input-group-text" id="basic-addon1"> <i class="fa fa-search"></i> </span> <input type="text" class="form-control" id="inputSearch" aria-label="Search Sound Clips" aria-describedby="basic-addon1"> </div> </div> <div class="col-md-2"> <a href="#" class="btn btn-main" id="searchbtnclick"> Search </a> </div> </div> </form> </div> </div> <!DOCTYPE html> <html lang="en"> <head> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content=""> <!-- build:css --> <link rel="stylesheet" href="/Content/css/Contribute/style.css"> <link rel="stylesheet" href="/Content/css/Contribute/vendor.css"> <link rel="stylesheet" href="/Content/css/Improve/flag.css"> <!-- endbuild --> <!-- Font Awesome JS--> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet"> </head> <body> <div class="nlb-sub nlb-soundcape"> <div class="container"> <div class="row"> <div class="col-12"> <nav class="bs-breadcrumb-divider" aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="/">Home</a></li> <li class="breadcrumb-item"><a href="/Contribute/NewContribute">Contribute</a></li> <li class="breadcrumb-item"><a href="/Contribute/GetFinalRedirectURL?formatId=2">Documents and Publications</a></li> <li class="breadcrumb-item dropdown"> <div class="dropdown-toggle show" role="button" data-bs-toggle="dropdown" aria-expanded="true"> <a value="/Contribute/NewDescribe?formatId=2&amp;subcatId=19&amp;contributeId=3134&amp;highlightId=-1">Magazines</a> <div class="dropdown-menu"> <a class="dropdown-item" value="/Contribute/NewDescribe?formatId=2&amp;subcatId=18&amp;contributeId=0&amp;highlightId=-1">Books</a> <a class="dropdown-item" value="/Contribute/NewDescribe?formatId=2&amp;subcatId=20&amp;contributeId=3420&amp;highlightId=-1">Manuscripts</a> <a class="dropdown-item" value="/Contribute/NewDescribe?formatId=2&amp;subcatId=21&amp;contributeId=3794&amp;highlightId=-1">Others</a> </div> </div> </li> </ol> </nav> </div> </div> <div class="row"> <span class="mb-4 font-size25px"> </span> </div> <div class="row"> <div class="col-md-12"> <div> <div> <h2>Documents and Publications</h2> <p> Books, magazines and ephemera are traditional mediums for information. There are also unpublished records such as manuscripts, literary manuscripts, typescripts, play scripts, private papers and thesis as primary materials which are valuable to future research efforts. These documents and publications help researchers understand a episode, movement or interpretation at any point of Singapore鈥檚 history, and provide opportunities to open up new fields of study. Find out more about these formats and make your contributions here. </p> </br> </div> <div> <div> <h5> Magazines</h5> <p> Magazines and newspapers/ news media are valuable sources that offer information about the society. They carry information on consumer trends, gender roles, material culture, technological advancement, popular culture and so much more. If you own magazines published by Singaporeans or Singapore institutions that provides information about the nation鈥檚 history, arts and culture, do consider contributing them to us. Your contributions would help to enrich Singapore鈥檚 literary heritage so that they may be passed on to future generations. The magazine should be copyright free or owned by the contributor. For works in physical format, please convert them into digital format first by scanning. Upload your digital contributions here in PDF format with a resolution of at least 300 dpi. </p> </div> </div> </div> </div> </div> </div> </div> <div class="nlb-improve-collection-content"> <div class="container margin-top3rem"> <div class="row" id="replacediv"> <div class="col-md-8"> <div class="card card-player"> <div class="card-body"> <div class="row"> <div class="col-md-8 w-2"> <span class="font-weightbold-font-size22px">Pongal Festival</span> </div> <div class="col-md-4 align-items-center text-end"> <div class="triangle-top sharecnt"> <nlb-share data-appcode="CitizenArchivist" data-url="https://www.singaporememories.gov.sg/contribute/newdescribe?formatid=2&amp;subcatid=19&amp;contributeid=3134" data-title="Pongal Festival" data-abstract="Pongal festival" data-thumbnail="https://www.singaporememories.gov.sg/Contribute/GetDefaultImage?ContributeItemId=3134&amp;formatId=2"> </nlb-share> </div> </div> </div> <!--MOBILE VIEW <div class="row"> <div class="col-md-3 text-start text-sm-end d-block d-md-none"> <button class="btn btn-action mb-2 me-2" id="btnfave">Favourite <i class="fa fa-heart"></i></button> </div> </div>--> <div class="card-body" contextmenu="return false;"> <div class="row"> <div class="col-md-12"> <iframe id="iframedoc" onload="injectJS()" src="/Contribute/PDF_Document?ContributeItemId=3134&amp;formatId=2" #toolbar=0 alt="Pongal Festival" title = "Pongal Festival" height="600px" width="100%"></iframe> </div> </div> </div> <div class="card-body"> <div class="row"> <div class="card card-desc"> <div class="card-body"> <div class="row" id="itemDetails" detKey="title" detVal="Pongal Festival"> <div class="col-5 text-end fw-bold"> <span id="itemKey" class="fs-content2 text-dark"> Title of item: </span> </div> <div class="col-7 fw-light"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> </p> </div> </div> <div class="row" id="itemDetails" detKey="description" detVal="Pongal Festival"> <div class="col-5 text-end fw-bold"> <span id="itemKey" class="fs-content2 text-dark"> Description: </span> </div> <div class="col-7 fw-light"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> </p> </div> </div> <div class="row" id="itemDetails" detKey="copyright-owner" detVal="Rajkumar"> <div class="col-5 text-end fw-bold"> <span id="itemKey" class="fs-content2 text-dark"> Name of copyright owner: </span> </div> <div class="col-7 fw-light"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> </p> </div> </div> <div class="row" id="itemDetails" detKey="creator" detVal="-"> <div class="col-5 text-end fw-bold"> <span id="itemKey" class="fs-content2 text-dark"> Creator: </span> </div> <div class="col-7 fw-light"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> </p> </div> </div> <div class="row" id="itemDetails" detKey="publication-year" detVal="2024"> <div class="col-5 text-end fw-bold"> <span id="itemKey" class="fs-content2 text-dark"> Year of publication: </span> </div> <div class="col-7 fw-light"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> </p> </div> </div> <div class="row" id="itemDetails" detKey="creation-date" detVal="2024-06-19"> <div class="col-5 text-end fw-bold"> <span id="itemKey" class="fs-content2 text-dark"> Date of creation of item: </span> </div> <div class="col-7 fw-light"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> </p> </div> </div> <div class="row" id="itemDetails" detKey="remarks" detVal="Pongal festival"> <div class="col-5 text-end fw-bold"> <span id="itemKey" class="fs-content2 text-dark"> Remarks: </span> </div> <div class="col-7 fw-light"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> </p> </div> </div> <div class="row" id="itemDetails" detKey="contribution-date" detVal="2024-06-19"> <div class="col-5 text-end fw-bold"> <span id="itemKey" class="fs-content2 text-dark"> Date of contribution: </span> </div> <div class="col-7 fw-light"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> </p> </div> </div> <div class="row" id="itemDetails" detKey="language" detVal="-"> <div class="col-5 text-end fw-bold"> <span id="itemKey" class="fs-content2 text-dark"> Language: </span> </div> <div class="col-7 fw-light"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> </p> </div> </div> <div class="row" id="itemDetails" detKey="tags" detVal="Pongal"> <div class="col-5 text-end fw-bold"> <span id="itemKey" class="fs-content2 text-dark"> Tags: </span> </div> <div class="col-7 fw-light"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> </p> </div> </div> <div class="row"> <div class="col-5 text-end"> <span id="itemKey" class="fs-content2 text-dark"> Submitted by: </span> </div> <div class="col-7"> <p id="itemValue" class="contribute-desc-center fw-lighter fs-content2"> R*** K*** </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="row g-3"> <div class="col-12 mb-2"> <div class="card-contribute-menu"> <div class="card-body"> <h5> <b> Contributed Items </b> </h5> <p><a class="text-danger" href="#" onclick="return false;" data-bs-toggle="modal" data-bs-target="#loginModal">Please click here to register or login to contribute.</a></p> </div> </div> </div> </div> <div class="mt-2"> <table class="table-responsive table table-sound"> <tbody id="itemList" style="padding: inherit; overflow-y: auto; display: block; max-height: 550px;position:relative;" tabindex="0"> <tr id="3134" class="list-group-item" data="{&quot;title&quot;:&quot;Pongal Festival&quot;,&quot;description&quot;:&quot;Pongal Festival&quot;,&quot;copyright-owner&quot;:&quot;Rajkumar&quot;,&quot;creator&quot;:&quot;&quot;,&quot;creation-date&quot;:&quot;2024-06-19&quot;,&quot;publication-year&quot;:&quot;2024&quot;,&quot;tags&quot;:&quot;Pongal&quot;,&quot;remarks&quot;:&quot;Pongal festival&quot;,&quot;contribution-date&quot;:&quot;2024-06-19&quot;}"> <td class="align-middle" width="10%"> <ul id="ListImages" class="ListImages"> <li> <img data-original="/Contribute/GetContributeSubmittedFile?ContributeItemId=3134&amp;formatId=2" src="/Contribute/GetContributeSubmittedFile?ContributeItemId=3134&amp;formatId=2" class="card-img-top lazy" alt="Pongal Festival"> </li> </ul> </td> <td class="align-middle" width="100%" role="button" id="redirectToUrl" cid="3134"> <span id="title" style="color: black; text-decoration: none;"></span> <div id="submittedBy" style="color: #5a5a5a; text-decoration: none; font-size: 11px "> Submitted by: R*** K*** </div> </td> </tr> <tr id="3086" class="list-group-item" data="{&quot;title&quot;:&quot;CLASS magazine&quot;,&quot;description&quot;:&quot;Hardcopy of the second issue of CLASS magazine, published by Mark Lee, Artic Circle Advertising &amp; Publishing, July 1989, edited by Victor Ng.&quot;,&quot;copyright-owner&quot;:&quot;Artic Circle Advertising &amp; Publishing&quot;,&quot;creator&quot;:&quot;Mark Lee&quot;,&quot;creation-date&quot;:&quot;1989-07-15&quot;,&quot;publication-year&quot;:&quot;1989&quot;,&quot;tags&quot;:&quot;&quot;,&quot;remarks&quot;:&quot;This is one of probably few surviving copies (if any) of a very short-lived lifestyle magazine in Singapore. This copy has been conserved in excellent condition.&quot;,&quot;contribution-date&quot;:&quot;2024-03-08&quot;}"> <td class="align-middle" width="10%"> <ul id="ListImages" class="ListImages"> <li> <img data-original="/Contribute/GetContributeSubmittedFile?ContributeItemId=3086&amp;formatId=2" src="/Contribute/GetContributeSubmittedFile?ContributeItemId=3086&amp;formatId=2" class="card-img-top lazy" alt="Pongal Festival"> </li> </ul> </td> <td class="align-middle" width="100%" role="button" id="redirectToUrl" cid="3086"> <span id="title" style="color: black; text-decoration: none;"></span> <div id="submittedBy" style="color: #5a5a5a; text-decoration: none; font-size: 11px "> Submitted by: LOO HENG CHUEN </div> </td> </tr> <tr id="2856" class="list-group-item" data="{&quot;title&quot;:&quot;1&quot;,&quot;description&quot;:&quot;1&quot;,&quot;copyright-owner&quot;:&quot;1&quot;,&quot;creator&quot;:&quot;&quot;,&quot;creation-date&quot;:&quot;2023-12-05&quot;,&quot;publication-year&quot;:&quot;&quot;,&quot;tags&quot;:&quot;&quot;,&quot;remarks&quot;:&quot;&quot;,&quot;contribution-date&quot;:&quot;2023-12-05&quot;}"> <td class="align-middle" width="10%"> <ul id="ListImages" class="ListImages"> <li> <img data-original="/Contribute/GetContributeSubmittedFile?ContributeItemId=2856&amp;formatId=2" src="/Contribute/GetContributeSubmittedFile?ContributeItemId=2856&amp;formatId=2" class="card-img-top lazy" alt="Pongal Festival"> </li> </ul> </td> <td class="align-middle" width="100%" role="button" id="redirectToUrl" cid="2856"> <span id="title" style="color: black; text-decoration: none;"></span> <div id="submittedBy" style="color: #5a5a5a; text-decoration: none; font-size: 11px "> Submitted by: evdaez evdaez </div> </td> </tr> <tr id="2853" class="list-group-item" data="{&quot;title&quot;:&quot;1234&quot;,&quot;description&quot;:&quot;1234&quot;,&quot;copyright-owner&quot;:&quot;1234&quot;,&quot;creator&quot;:&quot;&quot;,&quot;creation-date&quot;:&quot;2023-12-05&quot;,&quot;publication-year&quot;:&quot;&quot;,&quot;tags&quot;:&quot;&quot;,&quot;remarks&quot;:&quot;&quot;,&quot;contribution-date&quot;:&quot;2023-12-05&quot;}"> <td class="align-middle" width="10%"> <ul id="ListImages" class="ListImages"> <li> <img data-original="/Contribute/GetContributeSubmittedFile?ContributeItemId=2853&amp;formatId=2" src="/Contribute/GetContributeSubmittedFile?ContributeItemId=2853&amp;formatId=2" class="card-img-top lazy" alt="Pongal Festival"> </li> </ul> </td> <td class="align-middle" width="100%" role="button" id="redirectToUrl" cid="2853"> <span id="title" style="color: black; text-decoration: none;"></span> <div id="submittedBy" style="color: #5a5a5a; text-decoration: none; font-size: 11px "> Submitted by: SUHAIRY BIN SUBORI </div> </td> </tr> <tr id="2848" class="list-group-item" data="{&quot;title&quot;:&quot;Childhood dreams&quot;,&quot;description&quot;:&quot;Sometimes I wonder what a privilege we have everything,but not what the heart wants....Simplicity is key then (:&quot;,&quot;copyright-owner&quot;:&quot;Megan&quot;,&quot;creator&quot;:&quot;Megan&quot;,&quot;creation-date&quot;:&quot;2023-11-27&quot;,&quot;publication-year&quot;:&quot;2023&quot;,&quot;tags&quot;:&quot;&quot;,&quot;remarks&quot;:&quot;Hope you enjoy my picture&quot;,&quot;contribution-date&quot;:&quot;2023-11-27&quot;}"> <td class="align-middle" width="10%"> <ul id="ListImages" class="ListImages"> <li> <img data-original="/Contribute/GetContributeSubmittedFile?ContributeItemId=2848&amp;formatId=2" src="/Contribute/GetContributeSubmittedFile?ContributeItemId=2848&amp;formatId=2" class="card-img-top lazy" alt="Pongal Festival"> </li> </ul> </td> <td class="align-middle" width="100%" role="button" id="redirectToUrl" cid="2848"> <span id="title" style="color: black; text-decoration: none;"></span> <div id="submittedBy" style="color: #5a5a5a; text-decoration: none; font-size: 11px "> Submitted by: MEGAN ONG SI YING </div> </td> </tr> <tr id="2790" class="list-group-item" data="{&quot;title&quot;:&quot;BiblioAsia Inaugural Issue, 2005&quot;,&quot;description&quot;:&quot;Biblioasia is a free quarterly publication produced by the national library board. It features articles on the history, culture and heritage of singapore within the larger asian context, and has a strong focus on the collections and services of the national library.&quot;,&quot;copyright-owner&quot;:&quot;National Library Board&quot;,&quot;creator&quot;:&quot;National Library Board&quot;,&quot;creation-date&quot;:&quot;2005-10-31&quot;,&quot;publication-year&quot;:&quot;2005&quot;,&quot;tags&quot;:&quot;library,history&quot;,&quot;remarks&quot;:&quot;&quot;,&quot;contribution-date&quot;:&quot;2023-09-20&quot;}"> <td class="align-middle" width="10%"> <ul id="ListImages" class="ListImages"> <li> <img data-original="/Contribute/GetContributeSubmittedFile?ContributeItemId=2790&amp;formatId=2" src="/Contribute/GetContributeSubmittedFile?ContributeItemId=2790&amp;formatId=2" class="card-img-top lazy" alt="Pongal Festival"> </li> </ul> </td> <td class="align-middle" width="100%" role="button" id="redirectToUrl" cid="2790"> <span id="title" style="color: black; text-decoration: none;"></span> <div id="submittedBy" style="color: #5a5a5a; text-decoration: none; font-size: 11px "> Submitted by: Genie Magic </div> </td> </tr> </tbody> </table> </div> </div> <!-- The Modal --> <div id="modalParent"> <div id="modalDialog" class="modal"> <div class="modal-content animate-top modalDialog"> <div class="modal-header background-colorblue"> <div class="modal-title"></div> <button type="button" class="close"> <span aria-hidden="true">x</span> </button> </div> <div class="modal-body"> <img src='../Content/images/AlertBoxImage.png' class="margin-bottom10px"> <p class="color-red">Disclaimer: Please do not use images, PDF and documents for commercial purpose.</p> <a href='https://www.nas.gov.sg/archivesonline/'>https://www.nas.gov.sg/archivesonline/</a> </div> </div> </div> </div> <!-- build:js --> <script nonce="4AEemGb0xJptoIGFP3Nd" src="/Scripts/app/Contribute/main.js"></script> <script nonce="4AEemGb0xJptoIGFP3Nd" src="/Scripts/app/Contribute/theme.js"></script> <script nonce="4AEemGb0xJptoIGFP3Nd" type="text/javascript"> // Add aria-label to li buttons (for Purple Hat) $(".viewer-zoom-in").attr("aria-label", "Zoom in"); $(".viewer-zoom-out").attr("aria-label", "Zoom out"); $(".viewer-one-to-one").attr("aria-label", "One to one"); $(".viewer-reset").attr("aria-label", "Reset"); $(".viewer-prev").attr("aria-label", "Previous"); $(".viewer-play").attr("aria-label", "Play"); $(".viewer-next").attr("aria-label", "Next"); $(".viewer-rotate-left").attr("aria-label", "Rotate left"); $(".viewer-rotate-right").attr("aria-label", "Rotate right"); $(".viewer-flip-horizontal").attr("aria-label", "Flip horizontal"); $(".viewer-flip-vertical").attr("aria-label", "Flip vertical"); $(".viewer-fullscreen").attr("aria-label", "Fullscreen"); var $image = $('#images'); var modal = $('#modalDialog'); $image.viewer({ inline: true, navbar: false, url: 'data-original' }); var viewer = $image.data('viewer'); function formatText(text, type) { if (type == "title") { text = text.replace(/\b\w/g, c => c.toUpperCase()); if (text.includes("-")) { text = text.replace("-", " "); } } return text; } console.log(-1) function loadAllItems() { // get current contribution item to exclude from list let cid = new URLSearchParams(window.location.search); cid = cid.get("contributeId"); $.ajax({ type: "GET", url: BaseURL + "Contribute/GetAllContributionsByFormat", data: { formatId: 2, highlight: (-1 != -1 ? true : false) }, success: function (data) { if (checkajaxResponse(data)) { $("#itemList").empty(); $.each(data, function (formatId, item) { var contribute = item.ContributeId; var subcategory = item.SubcategoryId; var itemJson = item.ItemJSON; var title = JSON.parse(itemJson).title; title = formatText(title, "title"); var itemTR = $("<tr />").attr({ "id": contribute, "class": "list-group-item" }); var itemTDtitle = $("<td class='align-middle' width='100%' role='button'>"); var itemTitle = $("<span />").attr({ "id": "title", "style": "color: black; text-decoration: none;" }).text(title); var itemTDshare = $("<td class='align-middle text-end' width='10%'/>"); var shareIcon = $("<button class='btn btn-share' alt='Share' aria-label='share'><i class='fa fa-share-alt'></i>"); itemTDshare.append(shareIcon); var item = itemTDtitle.append(itemTitle); item = itemTR.append(item).append(itemTDshare); $("#itemList").append(item); if (contribute == cid) { item.attr({ "selected": true, "style": "font-weight: bold; background:lightgrey" }) } var link = "Contribute/NewDescribe?formatId=" + 2 + "&subcatId=" + subcategory + "&contributeId=" + contribute; link = BaseURL + link; item.click(function () { location.replace(link); }); }); } }, error: function () { } }); } $(document).ready(function () { //$('card-body').bind('contextmenu', function (e) { // e.preventDefault(); //}); //disableContextMenu(); $(document).mousedown(function (event) { if (event.which == 3) { mouseclick(); } }) $('.close').click(function () { modal.fadeOut(); $('#modalParent').empty(); }); $("#loadBtn").click(function () { if ($("#loadBtn").text().trim() == "Show All") { $(".hiddens").each(function () { $(this).addClass("showns"); $(this).removeClass("hiddens"); }) $("#loadBtn").html("Show Less"); } else { $(".showns").each(function () { $(this).addClass("hiddens"); $(this).removeClass("showns"); }) $("#loadBtn").html("Show All"); } }) function injectJS() { var frame = $('iframe'); var contents = frame.contents(); contents.find('body').attr("oncontextmenu", "return false"); contents.find('body').append('<div>New Div</div>'); } //function disableContextMenu() { // window.frames["iframedoc"].document.oncontextmenu = function () { alert("No way!"); return false; }; //} // Add aria-label to li buttons (for Purple Hat) $(".viewer-zoom-in").attr("aria-label", "Zoom in"); $(".viewer-zoom-out").attr("aria-label", "Zoom out"); $(".viewer-one-to-one").attr("aria-label", "One to one"); $(".viewer-reset").attr("aria-label", "Reset"); $(".viewer-prev").attr("aria-label", "Previous"); $(".viewer-play").attr("aria-label", "Play"); $(".viewer-next").attr("aria-label", "Next"); $(".viewer-rotate-left").attr("aria-label", "Rotate left"); $(".viewer-rotate-right").attr("aria-label", "Rotate right"); $(".viewer-flip-horizontal").attr("aria-label", "Flip horizontal"); $(".viewer-flip-vertical").attr("aria-label", "Flip vertical"); $(".viewer-fullscreen").attr("aria-label", "Fullscreen"); // when user select a different subcategory $("#subcat_ddl").change(function () { // get the new selected subcategory id let newSubId = $("option:selected").attr("subid"); // get the new selected contribute id let newCid = $("option:selected").attr("cid"); // if user selected "All" option if (newSubId == 0 && newCid == 0) { loadAllItems(); } else { // redirect page var redirect = "/Contribute/NewDescribe?formatId=2\u0026subcatId=newSubId\u0026contributeId=newCid"; if (-1 != -1) redirect = "/Contribute/NewDescribe?formatId=2\u0026subcatId=newSubId\u0026contributeId=newCid\u0026highlightId=-1"; redirect = redirect.replace("newSubId", newSubId); redirect = redirect.replace("newCid", newCid); window.location.href = redirect; } }); // set styling to indicate current item on list $("#itemList tr.list-group-item").each(function () { if ($(this).attr("id") == 3134) { $(this).attr("style", "font-weight: bold; background:lightgrey;"); $(this).attr("selected", true); scrollIntoView(this, $('tbody#itemList')); } }); function scrollIntoView(element, container) { console.log(element); console.log(container); var containerTop = container.scrollTop(); var containerBottom = containerTop + container.height(); console.log("container info",containerTop, containerBottom); var elemTop = element.offsetTop; var elemBottom = elemTop + $(element).height(); console.log("element info", elemTop, elemBottom); var elemMove = 0; if (elemTop < containerTop) { elemMove = elemTop; } else if (elemBottom > containerBottom) { //elemMove = elemBottom - container.height(); elemMove = elemTop - containerTop; } console.log("move", elemMove); container.scrollTop(elemMove); } // redirection when clicking from list $("#itemList .list-group-item").each(function () { let redirect = $(this).find("#redirectToUrl"); redirect.click(function () { var rCid = $(this).attr("cid"); if (rCid != 3134) { var redirect = "/Contribute/NewDescribe?formatId=2\u0026subcatId=19\u0026contributeId=rCid"; if (-1 != -1) redirect = "/Contribute/NewDescribe?formatId=2\u0026subcatId=19\u0026contributeId=rCid\u0026highlightId=-1"; redirect = redirect.replace("rCid", rCid); window.location.href = redirect; } else { window.location.href = "#/"; } }); }); // extract title from JSON & display it onto itemList $("#itemList tr").each(function () { // declare variable as empty string let jsonTitle = ""; // get data let jsonData = $(this).attr("data"); // replace newline spaces let jData = jsonData.replace("\n", ""); // parse data as json let data = JSON.parse(jData); // check if json has key if (data.hasOwnProperty("title")) { // extract title jsonTitle = data.title; // check if value is empty, format texts if it is not if (jsonTitle != "" || jsonTitle != null) { // capitalise first letter of each word for title & publisher jsonTitle = formatText(jsonTitle, "title"); // assign value $(this).find("#title").text(jsonTitle); } $(this).find("#title").text(jsonTitle); } // if no key: return empty string else { $(this).find("#title").text(jsonTitle); console.log($(this).find("#title").text(jsonTitle)); } // remove attribute for privacy $(this).removeAttr("data"); }); // add the appropriate classes to tags $("#sndtags").each(function () { // split string retrieved from db var words = $(this).text().split(","); $(this).text(""); for (var i = 0; i < words.length; i++) { // remove all empty spaces and check if tags exist if (words[i].trim() == null || words[i].trim() == "") { // if tags do not exist, prevent badge styling from showing by returning itself return $("#sndtags"); } // if tags exists, style accordingly and show tags else if (words[i].trim() != null || words[i].trim() != "") { $("#sndtags").append( $("<span />").addClass("btn btn-badge mb-2 me-2").text(words[i].trim()).attr("style", "pointer-events: none;") ); } } }); // assign values for item details $("div.card-body #itemDetails").each(function () { $(this).each(function () { var key = $(this).attr("detKey"); var val = $(this).attr("detVal"); if ((val != null || val != "") && val != "-") { if (key == "title" || key == "publisher" || key == "copyright-owner") { val = formatText(val, "title"); } if (key == "description" || key == "caption" || key == "remarks") { val = formatText(val, "desc"); } if (key.includes("date")) { const options = { year: 'numeric', month: 'short', day: '2-digit' }; val = new Date(val).toLocaleDateString('en-UK', options); } val = val } $(this).find("#itemValue").text(val); var keyStyle = $(this).find("div.col-md-4 #itemKey") keyStyle.css("font-family", "inherit"); keyStyle.css("font-weight", "inherit"); keyStyle.css("color", "inherit"); // remove attribute for privacy $(this).removeAttr("detKey"); $(this).removeAttr("detVal"); }); }); }); /* need to test, unsure if this works as expected 1. based on assumption: the entire share section links to their eservices 2. implemented this based off of theory / assumptions: hence, expected behaviour - on successful linkage: both div and nlbshare element classes should be able to load the respective icons & styling on click // note: currently this is not visible as the elements itself / classes / styling called are not available locally */ $(document).on('click', '#shareBtn', toggleShare); function toggleShare(x) { if ($(this).siblings('div').css('display') == 'none') { $(this).siblings('div').css('display', 'block'); } else { $(this).siblings('div').css('display', 'none'); } x.preventDefault(); } function mouseclick() { //modal.show(); } </script> </div> </div> </div> </body> </html> <script src="/bundles/contribute?v=0ikcX9k_7cUf3535DFWtzeBbT0Jsdyin38_bP3jAoI01"></script> <!-- page script --> <script nonce="4AEemGb0xJptoIGFP3Nd" src=https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js></script> <!-- page script --> <!-- build:js --> <script nonce="4AEemGb0xJptoIGFP3Nd" src="/Scripts/app/Contribute/main.js"></script> <!-- endbuild --> <link rel="stylesheet" href="/Content/leaflet.css" /> <script nonce="4AEemGb0xJptoIGFP3Nd" src="/Scripts/onemap-leaflet.js"></script> <script nonce="4AEemGb0xJptoIGFP3Nd" src="/Scripts/app/audio-transcribe.js"></script> <script nonce="4AEemGb0xJptoIGFP3Nd" type="text/javascript"> // Add aria-label to li buttons (for Purple Hat) $(document).ready(function () { $(".leaflet-marker-pane img").attr("aria-label", "Location"); $(".leaflet-shadow-pane img").attr("aria-label", "Shadow"); $(".leaflet-control-attribution img").attr("aria-label", "Logo"); $(".viewer-zoom-in").attr("aria-label", "Zoom in"); $(".viewer-zoom-out").attr("aria-label", "Zoom out"); $(".viewer-one-to-one").attr("aria-label", "One to one"); $(".viewer-reset").attr("aria-label", "Reset"); $(".viewer-prev").attr("aria-label", "Previous"); $(".viewer-play").attr("aria-label", "Play"); $(".viewer-next").attr("aria-label", "Next"); $(".viewer-rotate-left").attr("aria-label", "Rotate left"); $(".viewer-rotate-right").attr("aria-label", "Rotate right"); $(".viewer-flip-horizontal").attr("aria-label", "Flip horizontal"); $(".viewer-flip-vertical").attr("aria-label", "Flip vertical"); $(".viewer-fullscreen").attr("aria-label", "Fullscreen"); }); /* function: to set cover image based on format from URL note: 1. if db does not have cover image set, pulls original image set in stylesheet 2. need to know file path (currently it assumes it is stored in Contribute folder) */ //$(window).scroll(function () { // var wH = $(window).height(); // var wS = $(window).scrollTop(); // $(".lazy").each(function () { // var hT = $(this).offset().top; // var hH = $(this).outerHeight(); // if (wS > (hT + hH - wH) && (hT > wS) && (wS + wH > hT + hH)) { // $(this).attr("src", $(this).data('src')); // $(this).removeAttr('data-src'); // } // }); //}) //$("#itemList").scroll(function () { // var wH = $(window).height(); // var wS = $(window).scrollTop(); // $(".lazy").each(function () { // var hT = $(this).offset().top; // var hH = $(this).outerHeight(); // if (wS > (hT + hH - wH) && (hT > wS) && (wS + wH > hT + hH)) { // $(this).attr("src", $(this).data('src')); // $(this).removeAttr('data-src'); // } // }); //}) var pagenumber = 2; $(document).ready(function () { /*$("#ddlSubCate option").append('<div class="triangle-down"></div>');*/ //var wH = $(window).height(); //var wS = $(window).scrollTop(); //$(".lazy").each(function () { // var hT = $(this).offset().top; // var hH = $(this).outerHeight(); // if (wS > (hT + hH - wH) && (hT > wS) && (wS + wH > hT + hH)) { // $(this).attr("src", $(this).data('src')); // $(this).removeAttr('data-src'); // } //}); $('.dropdown-menu a').click(function () { let link = $(this).attr('value'); window.location = link; }); // Add aria-label to li buttons (for Purple Hat) $(".viewer-zoom-in").attr("aria-label", "Zoom in"); $(".viewer-zoom-out").attr("aria-label", "Zoom out"); $(".viewer-one-to-one").attr("aria-label", "One to one"); $(".viewer-reset").attr("aria-label", "Reset"); $(".viewer-prev").attr("aria-label", "Previous"); $(".viewer-play").attr("aria-label", "Play"); $(".viewer-next").attr("aria-label", "Next"); $(".viewer-rotate-left").attr("aria-label", "Rotate left"); $(".viewer-rotate-right").attr("aria-label", "Rotate right"); $(".viewer-flip-horizontal").attr("aria-label", "Flip horizontal"); $(".viewer-flip-vertical").attr("aria-label", "Flip vertical"); $(".viewer-fullscreen").attr("aria-label", "Fullscreen"); // get css let bg = $(".nlb-soundcape"); // pull data from Model var img = "9b37f24a-10fe-47e7-8728-34dace0af771.png"; // if db has cover image if (img != "") { // change bg image bg.css("background-image", "url(9b37f24a-10fe-47e7-8728-34dace0af771.png)"); } // db do not have cover image, pull from stylesheet return bg; }); // favourite button // declare classes required var favourited = "fa fa-heart text-danger"; var unfavourited = "fa fa-heart"; // get initial value var value = $("#favouriteBtn").attr("value") // onload initialisation var icon = ((value == 0) ? "" : favourited) $("#favouriteBtn i").addClass(icon) // onclick to assign respective styling // and ajax to submit data $("#favouriteBtn").click(function () { var url = window.location.search; let Title = $(this).attr("Title"); var favouriteVal = $(this).attr("value"); var newFavouriteVal = (favouriteVal == 0 ? 1 : 0); // Update the icon and value immediately $(this).attr("value", newFavouriteVal); $("#favouriteBtn i").toggleClass("text-danger", newFavouriteVal == 1); var urlParams = new URLSearchParams(url); const formatId = urlParams.get('formatId').toString(); const subcatId = urlParams.get('subcatId').toString(); const contributeId = urlParams.get('contributeId').toString(); var result = formatId + "&" + subcatId + "&" + contributeId; $.ajax({ type: "POST", url: BaseURL + "Contribute/UpdateFavourite", data: { url: result, addToDb: newFavouriteVal == 1, Title: Title }, success: function (data) { alert(data.Message); } }); }); // flagging: $(function () { let flagBtn = $("#flagBtn") // prevents user from clicking multiple times until page refreshes // assign onload value as 0 until clicked clicked = 0; // elements to load onclick var flagElements = $("<ul class='dropdown dropdown-menu' data-toggle='dropdown' role='menu' id='3134' />"); var violentFlag = $("<li class='dropdown-item' id='3134'><a flagType='V'>Contains Violent/Sexual/Hateful comments</a></li>"); var spamFlag = $("<li class='dropdown-item' id='3134'><a flagType='S'>Contains Spam/Misleading comments</a></li>"); flagElements.append(violentFlag); flagElements.append(spamFlag); flagElements.appendTo(flagBtn); flagBtn.click(function () { if (clicked == 0) { // clicked and element is already loaded flagElements.show(); clicked = 1; } else { flagElements.hide(); clicked = 0; } }); $(flagBtn).on('click', 'a', function () { var flag = $(this).attr("flagType"); $.ajax({ type: "POST", url: BaseURL + "Contribute/FlagContribution", data: { id: '3134', flagType: flag }, success: function (data) { var msg = "\nFlag Reason: " + (flag == "V" ? violentFlag.text() : spamFlag.text()); alert(data.Message + msg); } }); }); }); // pagination / carousel for browse all collections (not using owl carousel) $(document).ready(function () { var tempcount = parseInt(6); if (tempcount <= 4) { $("#loadBtn").attr("style", "display: none !important"); } else { $(".buttonloc").append('<button class="card-body btn-main loadbutton" type="button" id="loadBtn">Show More</button>'); } // get number of elements let noOfElements = $("#collections div.col-md-2").length; // retrieve respective attributes let prev = $("#browsePrevBtn"); let next = $("#browseNextBtn"); let total = prev.attr("total"); let current = prev.attr("current"); // declare how many collections to show on the carousel let showCollections = 6; // limit is a constant value and must be declared the same value as showCollections let limit = showCollections; // onload initialisation $('#collections div.col-md-2:not(:lt(' + showCollections + '))').hide(); $('#collections div.col-md-2:lt(' + showCollections + ')').show(); /*if (noOfElements > limit) { $("#pageTracker").text("Displaying Page 1 - " + showCollections); }*/ // initialise texts shown and buttons to be disabled accordingly if (current == 1) { // disable prev button if current page = 1 prev.prop('disabled', true); //$("#pageTracker").text("Displaying Page 1 - " + noOfElements); if (noOfElements <= limit) { // disable next button if total number of collections = 1 next.prop('disabled', true); //$("#pageTracker").text("Displaying Page 1 - " + noOfElements); } else { //$("#pageTracker").text("Displaying Page 1 - " + limit); } } // used in the later portion to get number of collections currently shown var noOfCollections = 0; // create array to append tasks that are shown initially var showTasks = []; // create array to append tasks that are hidden initially var hideTasks = []; // to check which tasks are shown initially $('div.col-md-2:lt(' + showCollections + ')', '#collections').each(function () { // push each taskId into the array declared showTasks.push($(this).attr('id')); }); // to check which tasks are hidden initially $('div.col-md-2:not(:lt(' + showCollections + '))', '#collections').each(function () { // push each taskId into the array declared hideTasks.push($(this).attr('id')); }); // parse attribute value as an int for calculations let currentPage = parseInt(current, 10); // on next button click next.click(function () { // increase page by 1 currentPage += 1; $("#collections").each(function () { noOfCollections = currentPage * limit; if (noOfCollections > noOfElements) { noOfCollections = noOfElements; } // assign the new text with the correct number of pages & number of collections //$("#pageTracker").text("Displaying Page " + currentPage + " - " + noOfCollections); // if collection shown + next 5 totals up to more than total number of collections, // run if statement, e.g. scenario: showCollections = 10 --> limit becomes = 15, but total collections = 12 if (showCollections + limit >= total) { // step 1: hide all related div $("div.col-md-2").hide(); // step 2: show the remaining 2 using slicing $("div.col-md-2").slice(showCollections, total).show(); // redeclare display text //$("#pageTracker").text("Displaying Page " + currentPage + " - " + noOfCollections); // disable next button since it reached its max value next.prop('disabled', true); // enable prev button prev.prop('disabled', false); } // enable prev button on next click prev.prop('disabled', false); // hide all related div $("div.col-md-2").hide(); // slice and assign collection to be shown $("div.col-md-2").slice(showCollections, showCollections + limit).show(); showCollections += limit; }); }); // on prev button click prev.click(function () { // decrease current page by 1 currentPage -= 1; $("#collections").each(function () { // assign the new text with the correct number of pages & number of collections //$("#pageTracker").text("Displaying Page " + currentPage + " - " + (currentPage * limit)); // if collection shown - 5 totals up to <= 0 // run if statement if (showCollections - limit <= limit) { $("div.col-md-2").hide(); $("div.col-md-2").slice(limit, showCollections).show(); //$("#pageTracker").text("Displaying Page " + currentPage + " - " + (currentPage * limit)); // enable next button next.prop('disabled', false); // disable prev button prev.prop('disabled', true); } // enable next button on prev click next.prop('disabled', false) // hide all related div $("div.col-md-2").hide(); // slice and assign collection be shown showCollections -= limit; $("div.col-md-2").slice(showCollections - limit, showCollections).show(); }); }); $("body").on("click", "#loadBtn", function () { if (-1 != -1) { $.ajax({ url: "/Contribute/DescribePartialImagesAndDocuments", data: { formatId: 2, subcatId: 19, contributeId: 3134, highlightId: -1, pagenumber: pagenumber }, success: function (result) { $("#replacediv").html(result); if (pagenumber * 4 >= tempcount) { $("#loadBtn").attr("style", "display: none !important"); } else { $(".buttonloc").append('<button class="card-body btn-main loadbutton" type="button" id="loadBtn">Show More</button>'); } pagenumber += 1; }, error: function (jqXHR, textStatus, errorThrown) { console.log(jqXHR + " ... " + textStatus + " ... " + errorThrown); } }); } else { $.ajax({ url: "/Contribute/DescribePartialImagesAndDocuments", data: { formatId : 2, subcatId : 19, contributeId: 3134, pagenumber: pagenumber }, success: function (result) { $("#replacediv").html(result); if (pagenumber * 4 >= tempcount) { $("#loadBtn").attr("style", "display: none !important"); } else { $(".buttonloc").append('<button class="card-body btn-main loadbutton" type="button" id="loadBtn">Show More</button>'); } pagenumber += 1; }, error: function (jqXHR, textStatus, errorThrown) { console.log(jqXHR + " ... " + textStatus + " ... " + errorThrown); } }); } }) }); </script> <footer class="background-color-black"> <nlb-footer data-lastupdate="2023-01-20" class="ui-theme-white" data-feedbackurl="https://form.gov.sg/63da10b10447a00011e14735" data-faqurl="https://www.singaporememories.gov.sg/FAQ" ></nlb-footer> </footer> <div class="apple_overlay" id="sc_btns"> <div id="sc_btns_content"></div> </div> <!-- Login Modal --> <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="Login Modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <nlb-gdb data-returnurl="https://www.singaporememories.gov.sg/Session/Login?returnURL=https%3A%2F%2Fwww.singaporememories.gov.sg%2FContribute%2FNewDescribe%3FformatId%3D2%26subcatId%3D19%26contributeId%3D3134"> <gdb-sources> <gdb-cas></gdb-cas> <gdb-facebook></gdb-facebook> <gdb-google></gdb-google> <gdb-windows></gdb-windows> </gdb-sources> </nlb-gdb> </div> </div> </div> </div> <script src="/bundles/jquery?v=235DeCRyc2KKtm5-u-WowaGmWHU3ft44y448NxHpMf41"></script> <script src="https://eservice.nlb.gov.sg/assets/js/jquery.js"></script> <script src="/Scripts/popper.min.js"></script> <script src="/Scripts/bootstrap.bundle.min.js"></script> <script src="/Scripts/lazysizes.min.js"></script> <script src="/bundles/common?v=ohAqhdDWPROsOVMNN0qaXHUfmykNtRglEmtsCbtAEHQ1"></script> <script src="https://eservice.nlb.gov.sg/components/v2/js/bundle.js?key=MPK0keBvOgkh"></script> <script src="https://assets.wogaa.sg/scripts/wogaa.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-714BBWGRMR"></script> <script nonce="4AEemGb0xJptoIGFP3Nd"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-714BBWGRMR'); $(document).ready(function () { var idleMax = 29; var idleTime = 0; var user = $('.dropdown-toggle.text-nowrap.text-decoration-none').text().trim(); function startTimer() { setTimeout(function () { timerIncrement(); startTimer(); // Call the function again }, 60000); // 1 minute interval } if (user != "") { //var idleInterval = setInterval(timerIncrement, 60000); // 1 minute interval //timerIncrement(); startTimer(); // Start the timer } else { idleTime = 0; } $("body").mousemove(function (event) { idleTime = 0; // reset to zero }); // count minutes function timerIncrement() { console.log("Timer incremented", (idleTime+1)); // Log for debugging idleTime = idleTime + 1; if (idleTime > idleMax) { var base_url = window.location.origin; //alert("You have gone idle for 20 minutes and will now be logged out."); window.location.href = base_url + '/Session/Logout'; } } //function startTimer() { // setTimeout(function () { // timerIncrement(); // startTimer(); // Call the function again // }, 60000); // 1 minute interval //} //startTimer(); // Start the timer $("#nlb-search").hide(); $("#searchdropdown").click(function () { var url = window.location.href; if (url.indexOf("Search") < 0) { if ($("#nlb-search").is(":hidden")) { $("#nlb-search").show(); } else { $("#nlb-search").hide(); } } }) $("#searchbtnclick").click(function () { redirectToFilteredSearch(); }); $("#inputSearch").keypress(function (e) { if (e.which == 13) { e.preventDefault(); redirectToFilteredSearch(); } }); function redirectToFilteredSearch() { var state = $('#filter').find(":selected").val(); var q = $("#inputSearch").val(); if (state == "Contribute") { state = 2; } else if (state == "Themes") { state = 3; } var redirectUrl = BaseURL + `Search?inputSearch=` + q + "&state=" + state; location.href = redirectUrl; } }) function checkAndSetOnsiteSession() { const urlParams = new URLSearchParams(window.location.search); const onsite = urlParams.get('onsite'); if (onsite === 'Y') { sessionStorage.setItem('onsite', 'Y'); } } document.addEventListener('DOMContentLoaded', function () { checkAndSetOnsiteSession(); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10