
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
<head id="Head1"><meta charset="utf-8" /><title>
	Thư viện ĐH Kinh Tế - Tài Chính Tp.HCM (UEF)
</title><meta name="description" content="blank page" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="shortcut icon" type="image/png" href="/Resources/assets/index/imgs/favicon.ico" />
    <!--Basic Styles-->
	<!doctype html><html><head><meta charset="utf-8" /><script defer="defer" src="/PortalZLISReact/dist/runtime.a7570eb9db8ee6d3bac8.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-155df396.a8cf1a7208e80d03d927.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-5b3ca4af.39a7dac7d8dc13b586cc.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-c5755a7e.ed926143bd50c3af20da.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-de00967d.b68f6126afa88aadcfe3.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-aac516cf.1c6ead6ebe5c0e1a1914.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-758c3076.a9ee80938fba2f134081.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-640e94a9.870c63ff1f6f5ce9d74a.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-d2eb5610.beca47d64d5c5307ddbe.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-f7d51db5.cda69fcefd4973e43167.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-bb3d84b5.e45185575772dfc8de42.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-84459eac.268aff51b42eaf26c2c2.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-f82e0cd2.3a004efcc8564f5589c0.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-fcf017cf.ad14b9d9698791838f01.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-79014ca7.81c4c89d49f57604b628.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-d96105ec.8965bacb81f57a78ec15.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-b38587c7.7d692ad0fcf1f87d4d12.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-425383c7.f580182b03adc15cb75e.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-a5658abd.31882b4e4d226720bb14.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-bee776a1.9007595cb7f6efd4e33d.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-adb7b8d7.ef4c4d85ef39d476de35.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-f80d2ba7.8bd14309c4c10b5d63ec.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-a311eb04.74fe09552e2c214dfeae.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-243ec910.d4e7264aa2fdc4143c0d.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-e5bca7e4.f1bb5a405af797fb6537.js"></script><script defer="defer" src="/PortalZLISReact/dist/vendors-27545368.599c4d2ba552040fcb30.js"></script><script defer="defer" src="/PortalZLISReact/dist/main.606de84f9c75101aacff.js"></script></head><body></body></html><link href="/App/Admin/assets/css/bootstrap.min.css" rel="stylesheet" /><link href="/App/Admin/assets/css/font-awesome.min.css" rel="stylesheet" /><link href="/App/Admin/assets/css/weather-icons.min.css" rel="stylesheet" /><link href="/App/Admin/assets/css/demo.min.css" rel="stylesheet" /><link href="/App/Admin/assets/css/typicons.min.css" rel="stylesheet" /><link href="/App/Admin/assets/css/animate.min.css" rel="stylesheet" /><link href="/App/Admin/assets/css/skins/gray.css" rel="stylesheet" type="text/css" /><link href="/CSS/SearchThumb.css" rel="stylesheet" /><link href="/CSS/zebra_dialog.css" rel="stylesheet" /><link href="/App/Admin/lib/modules/angularjs-toaster/toaster.css" rel="stylesheet" /><link href="/App/Admin/lib/WebImageMaker/jquery.fileupload.css" rel="stylesheet" /><link rel="stylesheet" href="/CSS/balloon.min.css" /><link href="Resources/assets/index/resourcesTV/css/style.css" rel="stylesheet" /><link href="Resources/assets/index/css/styles.2022.css" rel="stylesheet" />
	<script type="application/javascript" src="/Scripts/zliscontrols.js"></script>	
	<script type="application/javascript" src="/Scripts/zlisscript.js"></script>
    

    

    
	
	
	<link href="/Lightbox2/css/lightbox.min.css" rel="stylesheet" />
	<script src="/Lightbox2/js/lightbox-plus-jquery.min.js"></script>
	
	
	
	    
	<!--script type="application/javascript">
    	    $(document).ready(function () {
    	        ReaderVerify();
    	        let readerCookie = $.cookie('ReaderCookie');
    	        if (readerCookie != null && readerCookie != "") {
    	            let readerData = JSON.parse($.cookie('ReaderCookie'));
    	            if (readerData.Token != "") {
    	                ReaderVerify();
    	            }
    	        }

    	        function setCookie(cname, cvalue, exdays) {
    	            var d = new Date();
    	            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    	            var expires = "expires=" + d.toUTCString();
    	            document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    	        }
                
    	        function ReaderVerify() {
    	            let readerData = JSON.parse($.cookie('ReaderCookie'));
    	            $.ajax({
    	                headers: {
    	                    'Token': readerData.Token,
    	                    'Content-Type': 'application/json'
    	                },
    	                type: "GET",
    	                url: `${getZlisApi()}api/Reader/Verify`,
    	                contentType: "application/json"
    	            })
                    .done(responseData => {
                        
                        
                        if(responseData.Token === null)
                        {
                            alert(responseData.Message);
                            setCookie('ReaderCookie', JSON.stringify(responseData), -1);
                        }
                        else {
                            setCookie('ReaderCookie', JSON.stringify(responseData), 30);
                            //alert(responseData.UnreadMessages);
                            //if (!readerData){  }
                        }
                    });
    	        }

    	    });
	</script-->
    

   <!-- Scripts -->
    <script src="/App/Admin/lib/angular/angular-datetimepicker/moment.js"></script>
    <!--<script src="/App/Admin/lib/jquery/jquery.min.js"></script> -->
    <script src="/App/Admin/lib/angular/angular-datetimepicker/bootstrap-datetimepicker.js"></script>
    <script src="/App/Admin/lib/angular/angular.js"></script>
    <script src="/App/Admin/lib/utilities.js"></script>
    <script src="/App/Admin/lib/angular/angular-animate/angular-animate.js"></script>
    <script src="/App/Admin/lib/angular/angular-cookies/angular-cookies.js"></script>
    <script src="/App/Admin/lib/angular/angular-resource/angular-resource.js"></script>
    <script src="/App/Admin/lib/angular/angular-sanitize/angular-sanitize.js"></script>
    <script src="/App/Admin/lib/angular/angular-touch/angular-touch.js"></script>
    <script src="/App/Admin/lib/angular/angular-ui-router/angular-ui-router.js"></script>
    <script src="/App/Admin/lib/angular/angular-ocLazyLoad/ocLazyLoad.js"></script>
    <script src="/App/Admin/lib/angular/angular-ngStorage/ngStorage.js"></script>
    <script src="/App/Admin/lib/angular/angular-ui-utils/angular-ui-utils.js"></script>
    <script src="/App/Admin/lib/angular/angular-breadcrumb/angular-breadcrumb.js"></script>
    <script src="/App/Admin/lib/angular/angular-ui-bootstrap/ui-bootstrap.js"></script>
    <script src="/App/Admin/lib/jquery/slimscroll/jquery.slimscroll.js"></script>
    <script src="/App/Admin/lib/modules/ui-select-master/dist/select.js"></script>
    <script src="/App/Admin/lib/modules/angularjs-toaster/toaster.js"></script>
    <script src="/App/Admin/lib/angular/angular-file-upload/angular-file-upload.min.js"></script>
     <script src="/App/Admin/lib/angular/angular-datetimepicker/angular-eonasdan-datetimepicker.js"></script>
    <!-- App Con/fig and Routing Scripts -->
    <script src="/App/Admin/app/app.js"></script>
    <script src="/App/Admin/app/config.js"></script>
    <script src="/App/Admin/app/beyond.js"></script>
    <!-- Layout R/elated Directives -->
    <script src="/App/Admin/app/directives/loading.js"></script>
    <script src="/App/Admin/app/directives/skin.js"></script>
    <script src="/App/Admin/app/directives/sidebar.js"></script>
    <script src="/App/Admin/app/directives/header.js"></script>
    <script src="/App/Admin/app/directives/navbar.js"></script>
    <script src="/App/Admin/app/directives/chatbar.js"></script>
    <script src="/App/Admin/app/directives/widget.js"></script>
    <script src="/App/Admin/app/controllers/ModuleController.js"></script>
    <script src="/App/Admin/app/services/ModuleService.js"></script>
    <script src="/App/Admin/app/services/UploadImgService.js" type="text/javascript"></script>
    <script src="/App/Admin/app/directives/UploadImgDirective.js" type="text/javascript"></script>
<link href="/WebResource.axd?d=REmWhTpd2DWk-GuvxP-XWRIKzVWWo5MK1PkgYm9r-wAQ3qoZjGNnoK8GHMdFa676cW_Dm_A9-LCg7Pb5D-ZzvzR6CviWbtm_hncqC72XJhYjQ_JYRWrwxBaSnlbPEi5Syc3uKyOTlePkpPlxg9CT3Q2&amp;t=637456990391221777" type="text/css" rel="stylesheet" class="Telerik_stylesheet" /><link href="/WebResource.axd?d=dLGfkIIs6UN8tyrMBL6ZRxobUAqEW0URWP453LElo0Mlv9KkfuBKed52r_JQL3RxD6qPT-YeNHsPE0eryGkmZ77DFK85ps8oYUdmvntS6RnlWapmcPldVJElT9r8RYCOXlLVtYS-lGtuwuEeyNL4R99yzfXwEjAI44pj4FbuywM1&amp;t=637456990391221777" type="text/css" rel="stylesheet" class="Telerik_stylesheet" /></head>



<body >
    
    <div id="fb-root"></div>
    <script>(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 = 'https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v3.0&appId=195786024374615&autoLogAppEvents=1';
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    

    <form name="form1" method="post" action="./" id="form1">
<input type="hidden" name="RadScriptManager1_TSM" id="RadScriptManager1_TSM" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPaA8FDzhkZTg2ZGVlOTdlYjM3YRgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WAQURUmFkV2luZG93TWFuYWdlcjHN4RO6AEVv3XPZ5lxdq0mHp/6i+GUEcz05Dl9z5aoi6g==" />


<script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&amp;compress=1&amp;_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3avi-VN%3a97d7cfc3-9653-421f-ae1b-e8cee27133af%3aea597d4b%3bTelerik.Web.UI%2c+Version%3d2020.1.114.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3avi-VN%3a40a36146-6362-49db-b4b5-57ab81f34dac%3a16e4e7cd%3af7645509%3a24ee1bba%3ac128760b%3a874f8ea2%3a19620875%3ab2e06756%3a92fe8ea0%3af46195d3%3afa31b949%3a33715776%3a4877f69a%3a490a9d4e%3abd8f85e4" type="text/javascript"></script>
<script src="Services/PortletProxy.asmx/js" type="text/javascript"></script>
<script src="Services/ModuleProxy.asmx/js" type="text/javascript"></script>
<script src="Services/CMS.asmx/js" type="text/javascript"></script>
<script src="Services/WeatherService.asmx/js" type="text/javascript"></script>
<script src="Services/DMSSearch.asmx/js" type="text/javascript"></script>
<script src="Services/AuthorCMS.asmx/js" type="text/javascript"></script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" />
        <div id="mainwrap">
				
        <div id="RadWindowManager1" style="display:none;">
	<!-- 2020.1.114.45 --><div id="RadWindowManager1_alerttemplate" style="display:none;">
		<div class="rwDialogPopup radalert">			
			<div class="rwDialogText">
			{1}				
			</div>
			
			<div>
				<a  onclick="$find('{0}').close(true);"
				class="rwPopupButton" href="javascript:void(0);">
					<span class="rwOuterSpan">
						<span class="rwInnerSpan">##LOC[OK]##</span>
					</span>
				</a>				
			</div>
		</div>
		</div><div id="RadWindowManager1_prompttemplate" style="display:none;">
		 <div class="rwDialogPopup radprompt">			
			    <div class="rwDialogText">
			    {1}				
			    </div>		
			    <div>
				    <script type="text/javascript">
				    function RadWindowprompt_detectenter(id, ev, input)
				    {							
					    if (!ev) ev = window.event;                
					    if (ev.keyCode == 13)
					    {															        
					        var but = input.parentNode.parentNode.getElementsByTagName("A")[0];					        
					        if (but)
						    {							
							    if (but.click) but.click();
							    else if (but.onclick)
							    {
							        but.focus(); var click = but.onclick; but.onclick = null; if (click) click.call(but);							 
							    }
						    }
					       return false;
					    } 
					    else return true;
				    }	 
				    </script>
				    <input title="Enter Value" onkeydown="return RadWindowprompt_detectenter('{0}', event, this);" type="text"  class="rwDialogInput" value="{2}" />
			    </div>
			    <div>
				    <a onclick="$find('{0}').close(this.parentNode.parentNode.getElementsByTagName('input')[0].value);"				
					    class="rwPopupButton" href="javascript:void(0);" ><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span></span></a>
				    <a onclick="$find('{0}').close(null);" class="rwPopupButton"  href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[Cancel]##</span></span></a>
			    </div>
		    </div>				       
		</div><div id="RadWindowManager1_confirmtemplate" style="display:none;">
		<div class="rwDialogPopup radconfirm">			
			<div class="rwDialogText">
			{1}				
			</div>						
			<div>
				<a onclick="$find('{0}').close(true);"  class="rwPopupButton" href="javascript:void(0);" ><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span></span></a>
				<a onclick="$find('{0}').close(false);" class="rwPopupButton"  href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[Cancel]##</span></span></a>
			</div>
		</div>		
		</div><input id="RadWindowManager1_ClientState" name="RadWindowManager1_ClientState" type="hidden" />
</div>
        
        

<!--font-awesome-->
<link href="/Resources/lib/hover-min.css" rel="stylesheet" />
<link href="/Resources/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<!-- smart menu -->
<link href="/Resources/lib/smartmenus-1.0.1/addons/bootstrap/jquery.smartmenus.bootstrap.css" rel="stylesheet" />
<link href="/Resources/assets/index/templates/css/template-default.css" rel="stylesheet" />

<script src="/Resources/assets/index/resourcesTV/js/jquery.cookie.js"></script>


<!-- media -->
<link href="/Resources/assets/index/media/mod_languages/css/template.css" rel="stylesheet" />
<link href="/Resources/assets/index/templates/css/responsive.css" rel="stylesheet" />
<link href="/Resources/assets/index/modules/mod_sj_k2_mega_news/assets/css/styles-responsive.css" rel="stylesheet" type="text/css"/>
<!-- slider -->
<link href="/Resources/assets/index/modules/mod_sj_k2_slickslider/assets/css/sj-slickslider.css" rel="stylesheet" type="text/css"/>
<!-- tin mới nhất -->
<link href="/Resources/assets/index/modules/mod_sj_k2_slider/assets/css/slider.css" rel="stylesheet" type="text/css"/>
<!-- sự kiện nổi bật -->
<link href="/Resources/assets/index/modules/mod_sj_k2_extraslider/assets/css/style.css" rel="stylesheet" type="text/css"/>
<link href="/Resources/assets/index/modules/mod_sj_k2_extraslider/assets/css/css3.css" rel="stylesheet" type="text/css"/>
<!-- owl.carousel -->
<link href="/Resources/lib/OwlCarousel2-2.2.1/dist/assets/owl.carousel.min.css" rel="stylesheet" />
<link href="/Resources/lib/OwlCarousel2-2.2.1/dist/assets/owl.theme.default.min.css" rel="stylesheet" />
<!-- hỏi đáp nhanh -->
<link href="/Resources/assets/index/templates/html/mod_sj_content_accordion/css/sj-accordion.css" rel="stylesheet" type="text/css"/>
<!-- sinh viên tiêu biểu -->
<link href="/Resources/assets/index/plugins/system/ytshortcodes/assets/css/shortcodes.css" rel="stylesheet" type="text/css"/>
<!-- khám phá hbu -->
<link href="/Resources/assets/index/modules/mod_sj_k2_scattered_gallery/assets/css/style.css" rel="stylesheet" type="text/css"/>
<link href="/Resources/lib/MaterialDesign-Webfont/css/materialdesignicons.min.css" rel="stylesheet">
<!-- QNU -->
<link href="/Resources/assets/index/css/QNU.css" rel="stylesheet" />
<link href="/Resources/assets/index/css/release.css" rel="stylesheet" />
<link href="/Resources/assets/index/css/styles.2022.css" rel="stylesheet"/>


<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>	 -->    
<script src="/Resources/lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!-- defind msie -->    
<script src="/Resources/assets/index/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
<!-- slider-->
<script src="/Resources/assets/index/modules/mod_sj_k2_extraslider/assets/js/jcarousel.js" type="text/javascript"></script>
<script src="/Resources/assets/index/modules/mod_sj_k2_slickslider/assets/js/jquery.cj-swipe.js" type="text/javascript"></script>
<!-- tin mới nhất -->
<script src="/Resources/assets/index/modules/mod_sj_k2_slider/assets/js/slider.js" type="text/javascript"></script>
<script src="/Resources/assets/index/modules/mod_sj_k2_slider/assets/js/jquery.cj-swipe.js" type="text/javascript"></script>
<!-- sự kiện nổi bật -->	
<script src="/Resources/assets/index/modules/mod_sj_k2_extraslider/assets/js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="/Resources/assets/index/modules/mod_sj_k2_extraslider/assets/js/jquery.touchwipe.1.1.1.js" type="text/javascript"></script>
	<!-- hỏi đáp nhanh -->
<script src="/Resources/assets/index/modules/mod_sj_content_accordion/assets/js/jquery.sj_accordion.js" type="text/javascript"></script>
<!-- sinh viên tiêu biểu -->
<script src="/Resources/assets/index/plugins/system/ytshortcodes/assets/js/shortcodes.js" type="text/javascript"></script>
 <script src="/Resources/assets/index/js/slider.js"></script>


        

<div id="bd" class="homepage home-layout1 res width-common">
    <div id="yt_wrapper">
	
<div id="psc-divPanelWrapper">
	<div id="psc-divPanelTop" style="width:100%;float:left">
		<div id="psc-divPanelTop-Content" style="min-height: 30px;">
			<div id="psc-divPortlet-f628b9fe-0548-47a5-be04-1aad71dd10ee" class="psc-divPortlet-Wrapper" style="">
				<div class="psc-divPortlet-Content">
					
<link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"
/>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover.css"
/>
<link rel="stylesheet" href="/Portlets/ZLIS/Reader/Reader_Login_JS.css" />

<script>
  $(document).ready(function () {
    $('#LoadingPanelImgLogin').hide();
    $('#btnLogin').click(function () {
      ReaderLogin();
    });
    $('#clickkk').click(function () {
      ReaderLogout();
    });
    UpdateReaderStatus();
    $('a.OpenObject').click(function () {
      $('#loginwindow').show();
    });
    $('button.close').click(function () {
      $('#loginwindow').hide();
    });
    getlink();
    $('button.close1').click(function () {
      $('#loginwindow').hide();
    });
  });

  function getlink() {
    /*
	    homehref.innerHTML = `
			<a title='Home' href='${getLinkHomepage()}'><i class='fa fa-home' aria-hidden='true' style='font-size: 20pt;color: white;'></i></a>
			<a class="facebook" target="_blank" href="http://www.facebook.com/sharer.php?u=${getLinkHomepage()}">
			  <span class="fa fa-facebook"></span>
			</a>
			
			<a class ="twitter" target="_blank" href="https://twitter.com/intent/tweet?source=sharethiscom&text=Thư viện&url=${getLinkHomepage()}">
			  <span class="fa fa-twitter"></span>
			</a>
	    `;*/
  }

  function UpdateReaderStatus() {
    let readerCookie = $.cookie('ReaderCookie');
    let lastName;
    if (readerCookie != null && readerCookie != '') {
      $('#loginpanel').hide();
      $('#logoutpanel').show();
      if ($.cookie('ReaderCookie') != null) {
        $('#mesagenumber').show();

        let readerData = JSON.parse($.cookie('ReaderCookie'));
        $('#userlog').append(readerData.ReaderName);

        $('#userlog2').append(`<span>${readerData.ReaderName}</span>`);
        $.ajax({
          headers: { Token: GetReaderData().Token },
          type: 'GET',
          data: JSON.stringify(),
          url: `${getZlisApi()}api/ReaderMessages/Get?status=unread&index=0&count=20`,
          contentType: 'application/json',
        }).done((responseData) => {
          // readerData.PhotoUrl =
          //   'http://lib.uef.edu.vn/zlisimages/ReaderImages/Default.jpg';

          $('#userlog2').append(
            `<div class="avatar"><img src='${readerData.PhotoUrl}' class="dropdown-image" /></div>`
          );
          // dropdownToggle.innerHTML =
          //   dropdownToggle.innerHTML +
          //   `<img src='${readerData.PhotoUrl}' class="dropdown-image" />`;
          $('#mesagepanel').append(`Tin nhắn (${responseData.length})`);
          if (responseData.length == 0) {
            $('#mesagenumber').hide();
          } else {
            $('#mesagenumber').append(
              `<i class="fa fa-envelope-o"></i><span>${responseData.length}</span>`
            );
            // dropdownToggle.innerHTML =
            //   dropdownToggle.innerHTML +
            //   `<div id="message"><i class="fa fa-envelope-o"></i><span>${responseData.length}</span></div>`;
          }
        });
      } else $('#mesagenumber').hide();
    } else {
      $('#loginpanel').show();
      $('#logoutpanel').hide();
      $('#userlog2').hide();
    }
  }

  function ReaderLogout() {
    setCookie('ReaderCookie', '', -1);
    location.reload();
    UpdateReaderStatus();
  }

  function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
    var expires = 'expires=' + d.toUTCString();
    document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';
  }

  function KeyDownLogin(event) {
    if (event.keyCode == 13) {
      ReaderLogin();
      return false;
    } else return true;
  }

  function ReaderLogin() {
    $('#LoadingPanelImgLogin').show();
    let username = document.getElementById('txtUserName').value;
    let password = document.getElementById('txtPassword').value;

    let loginmodel = {
      authenticationtype: 'password',
      device: 'online',
      username: username,
      password: password,
    };

    $.ajax({
      type: 'POST',
      data: JSON.stringify(loginmodel),
      url: `${getZlisApi()}api/Reader/Login`,
      contentType: 'application/json',
    }).done((responseData) => {
      console.log(responseData.Success);
      $('#LoadingPanelImgLogin').hide();
      if (!responseData || !responseData.Success)
        msgpanel.innerHTML = `<div class="alert alert-warning"><strong> ${responseData.Message} </strong></div>`;
      else {
        $('#loginwindow').hide();
        setCookie('ReaderCookie', JSON.stringify(responseData), 30);
        UpdateReaderStatus();
        msgpanel.innerHTML = '';
        location.reload();
      }
    });
  }
</script>

<div class="container">
  <div class="psc-bg-blue psc-lib-header row">
    <div class="psc-pl-4 psc-lib-header__logo">
      <a href="/">
        <img
          class="img-responsive"
          src="/Resources/assets/index/imgs/logo.png"
          alt="logo thư viện"
        />
      </a>
    </div>
    <div class="psc-lib-header__title">Thư viện</div>
    <div class="psc-lib-header__options">
      <ul class="psc-mb-0">
        <li>
          <a class="psc-text-white" href="/" title="">
            <span class="fa fa-home psc-mr-2"></span>Trang chủ</a
          >
        </li>

        <li id="loginpanel">
          <a
            href="javascript:void(0)"
            class="OpenObject psc-text-white"
            title="Đăng nhập"
          >
            <span>Đăng nhập</span>
          </a>
          <a
            href="/module/dang-ky-tai-khoan"
            class="OpenObject psc-text-white"
            title="Đăng ký"
          >
            <span>Đăng ký</span>
          </a>
        </li>

        <li id="logoutpanel">
          <div id="mesagenumber"></div>
          <ul class="list-inline">
            <li class="dropdown">
              <div
                id="dropdownToggle"
                class="dropdown-toggle psc-position-relative"
                data-toggle="dropdown"
                aria-expanded="false"
              >
                <div id="userlog2" class="psc-text-white"></div>
              </div>
              <ul
                id="listmenupanel"
                class="dropdown-menu dropdown-menu-right"
                role="menu"
                style="position: absolute; left: -140px; z-index: 999999999"
              >
                <li role="presentation">
                  <a id="userlog" class="loginul"></a>
                </li>
                <li role="presentation">
                  <a href="/module/chi-tiet-doc-gia" class="loginul"
                    >Xem thông tin
                  </a>
                </li>
                <li role="presentation">
                  <a
                    href="/module/lich-su-muon-tra"
                    class="loginul"
                    target="_blank"
                    >Lịch sử mượn trả
                  </a>
                </li>
                <li role="presentation">
                  <a
                    href="/module/danh-sach-yeu-cau-dat-truoc-tai-lieu"
                    target="_blank"
                    class="loginul"
                    >Danh sách tài liệu đặt trước</a
                  >
                </li>

                <li role="presentation">
                  <a
                    id="mesagepanel"
                    class="loginul"
                    href="/module/thong-bao"
                  ></a>
                </li>
                <li role="presentation">
                  <a href="/module/doi-mat-khau" class="loginul">Đổi mật mã</a>
                </li>
                <li role="presentation">
                  <a href="javascript:void(0)" class="loginul" id="clickkk"
                    >Đăng xuất</a
                  >
                </li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</div>

<div
  id="LoadingPanelImgLogin"
  style="
    position: fixed;
    margin: 0px auto;
    left: 40%;
    top: 40%;
    z-index: 92939949;
    display: none;
  "
>
  
  <i class="fa fa-spinner fa-3x fa-spin"></i>
</div>

<!--log in box-->
<div id="loginwindow">
  <div class="login-box">
    <div role="dialog" tabindex="-1" style="display: block" aria-hidden="false">
      <div role="document" class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button
              aria-label="Close"
              data-dismiss="modal"
              class="close1"
              type="button"
            >
              <span aria-hidden="true" onclick="close()">×</span>
            </button>
            <h3>Đăng nhập</h3>
            <div class="login-socail">
              <div id="panel111" style="display: none">
                <a class="facebook" href="#"
                  ><em aria-hidden="true" class="fa fa-facebook"></em>
                  <p class="socialp">Đăng nhập bằng facebook</p></a
                >
                <a class="twitter" href="#"
                  ><em aria-hidden="true" class="fa fa-twitter"></em>
                  <p class="socialp">Đăng nhập bằng Office 365</p></a
                >
                <a class="gplus" href="#"
                  ><em aria-hidden="true" class="fa fa-google-plus"></em>
                  <p class="socialp">Đăng nhập bằng gmail+</p></a
                >
              </div>
              <div id="panel222" style="display: none">
                <a class="facebook" href="#"
                  ><em aria-hidden="true" class="fa fa-facebook"></em>Đăng nhập
                  bằng facebook</a
                >
                <a class="twitter" href="#"
                  ><em aria-hidden="true" class="fa fa-twitter"></em>Đăng nhập
                  bằng Office 365</a
                >
                <a class="gplus" href="#"
                  ><em aria-hidden="true" class="fa fa-google-plus"></em>Đăng
                  nhập bằng gmail+</a
                >
              </div>
            </div>
          </div>
          <div class="modal-body">
            <form id="form01" action="#">
              <div class="outer-input">
                <label
                  ><i aria-hidden="true" class="fa fa-user"></i>Tên người
                  dùng</label
                >
                <input
                  id="txtUserName"
                  type="text"
                  onkeydown="return KeyDownLogin(event);"
                />
              </div>
              <div class="outer-input">
                <label
                  ><i aria-hidden="true" class="fa fa-lock"></i>Mật khẩu</label
                >
                <input
                  id="txtPassword"
                  type="password"
                  onkeydown="return KeyDownLogin(event);"
                />
              </div>
              <div
                class="LoginButton"
                style="
                  position: relative;
                  top: 10px;
                  float: right;
                  display: flex;
                  gap: 8px;
                "
              >
                <a
                  href="javascript:void(0)"
                  id="btnLogin"
                  class="btn btn-success logintext"
                  onkeydown="return KeyDownLogin(event);"
                  >Đăng nhập</a
                >
                <a
                  href="/module/dang-ky-tai-khoan"
                  class="btn btn-success logintext"
                  onkeydown="return KeyDownLogin(event);"
                  >Đăng ký</a
                >
              </div>
              <div
                style="width: 35%; position: relative; top: 10px; float: left"
              >
                <a href="/module/quen-mat-ma">Quên mật mã !</a>
              </div>

              <div
                id="msgpanel"
                class="col-md-12"
                style="float: left; margin-top: 15px"
              ></div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

				</div>
			</div><div id="psc-divPortlet-6bb38f2d-fbfd-4d65-9fcb-70ab599b056e" class="psc-divPortlet-Wrapper" style="">
				<div class="psc-divPortlet-Content">
					
<link href="/Portlets/MenuRad/Display.css" rel="stylesheet">

<!-- Display -->
<div class="main-menu width-common">
	<div class="bg-header " >
		<div class="header-top" id="print-header">
			<div class="container ">
				<div class="logo">
					
				</div>
			</div>
		</div>
		<div class="top-menu">
			<!-- Navbar static top -->
			<div class="navbar navbar-default navbar-static-top" role="navigation">
				<div >
				
					<div class="navbar-header">								
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					<div class="navbar-collapse collapse">
						<!-- Right nav -->
						<ul class="nav navbar-nav">	
															
							<li><a  >Trang chủ<span class='caret'></span></a><ul class='dropdown-menu'><li  class=''><a target='_blank' class='wobble-horizontal' title='UEF' href='https://www.uef.edu.vn/'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>UEF</a></li><li  class=''><a  class='wobble-horizontal' title='Thư viện' href='/trang-chu'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Thư viện</a></li></ul></li><li><a  >Giới thiệu<span class='caret'></span></a><ul class='dropdown-menu'><li  class=''><a target='_blank' class='wobble-horizontal' title='Chức năng nhiệm vụ' href='/vi/gioi-thieu/chuc-nang-nhiem-vu'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Chức năng nhiệm vụ</a></li><li  class=''><a target='_blank' class='wobble-horizontal' title='Cơ cấu tổ chức' href='/vi/gioi-thieu/co-cau-to-chuc'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Cơ cấu tổ chức</a></li><li  class=''><a  class='wobble-horizontal' title='Mô tả công việc' href='/vi/gioi-thieu/mo-ta-cong-viec'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Mô tả công việc</a></li><li  class=''><a  class='wobble-horizontal' title='Quy trình làm việc' href='/vi/gioi-thieu/quy-trinh-lam-viec'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Quy trình làm việc</a></li><li  class=''><a target='_blank' class='wobble-horizontal' title='Tài nguyên' href='/vi/gioi-thieu/tai-nguyen-thu-vien-4154'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Tài nguyên</a></li><li  class=''><a  class='wobble-horizontal' title='Nội quy' href='/vi/gioi-thieu/noi-quy-trung-tam-thong-tin-thu-vien'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Nội quy</a></li></ul></li><li><a  >Tài nguyên<span class='caret'></span></a><ul class='dropdown-menu'><li  class=''><a  class='wobble-horizontal' title='Tài liệu giấy' href='/module/tai-lieu-giay'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Tài liệu giấy</a></li><li  class=''><a  class='wobble-horizontal' title='Tài liệu số' href='/module/tai-lieu-so'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Tài liệu số</a></li><li  class=''><a  class='wobble-horizontal' title='Tài liệu học tập' href='/module/tai-lieu-so-theo-goi?id=TLHT'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Tài liệu học tập</a></li><li><a class='wobble-horizontal' title='CSDL Trực tuyến'><span class='fa fa-angle-double-right' aria-hidden='true'></span>CSDL Trực tuyến<span class='caret'></span></a><ul class='dropdown-menu'><li   class=''><a  class='wobble-horizontal' title='CSDL Springerlink' href='https://cesti.idm.oclc.org/login?url=https://link.springer.com'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>CSDL Springerlink</a></li><li   class=''><a  class='wobble-horizontal' title='CSDL IEEE Xplore' href='https://cesti.idm.oclc.org/login?url=https://ieeexplore.ieee.org/Xplore/home.jsp'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>CSDL IEEE Xplore</a></li><li   class=''><a  class='wobble-horizontal' title='CSDL Policy Commons' href='https://cesti.idm.oclc.org/login?url=https://policycommons.net'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>CSDL Policy Commons</a></li><li   class=''><a target='_blank' class='wobble-horizontal' title='CSDL Global Professional Publishing' href='http://portal.igpublish.com/iglibrary/'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>CSDL Global Professional Publishing</a></li><li   class=''><a target='_blank' class='wobble-horizontal' title='CSDL Business Expert Press' href='http://portal.igpublish.com/iglibrary/'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>CSDL Business Expert Press</a></li><li class=''><a class='wobble-horizontal' title='CSDL miễn phí'><span class='fa fa-angle-double-right' aria-hidden='true'></span>CSDL miễn phí<span class='caret'></span></a><ul class='dropdown-menu'><li  class='menu-khoa-lv1-li'><a  href='https://journals.sagepub.com/home/sgo'>SAGE Open</a></li><li  class='menu-khoa-lv1-li'><a  href='https://www.oercommons.org/advanced-search'>OER Commons</a></li><li  class='menu-khoa-lv1-li'><a  href='https://library.oapen.org/'>OAPEN Home</a></li></ul></li></ul></li></ul></li><li><a  >Dịch vụ<span class='caret'></span></a><ul class='dropdown-menu'><li  class=''><a  class='wobble-horizontal' title='Tìm toàn văn tài liệu số' href='/module/tim-toan-van-tai-lieu-so'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Tìm toàn văn tài liệu số</a></li></ul></li><li><a  >Hướng dẫn<span class='caret'></span></a><ul class='dropdown-menu'><li  class=''><a target='_blank' class='wobble-horizontal' title='Sử dụng App LibUEF' href='/vi/gioi-thieu/huong-dan-su-dung-app-libuef'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Sử dụng App LibUEF</a></li><li  class=''><a target='_blank' class='wobble-horizontal' title='Tra cứu và sử dụng tài liệu' href='/vi/gioi-thieu/huong-dan-tra-cuu-va-su-dung-tai-lieu'> <span class='fa fa-angle-double-right' aria-hidden='true'></span>Tra cứu và sử dụng tài liệu</a></li></ul></li><li ><a target='_blank' href='/module/lien-he'>Liên hệ</a></li>
																	
						</ul>
					</div>
					<!--/.nav-collapse -->
				</div>			
			</div>
			<!-- /.navbar -->
		</div>
		<!-- ./top-menu -->	
	</div>
						
</div>	
<!-- / MENU -->
<script src="/Resources/assets/index/js/script.js"></script>






                                       


				</div>
			</div><div id="psc-divPortlet-35f295e0-a548-4c6a-b91a-1193f0debdac" class="psc-divPortlet-Wrapper" style="">
				<div class="psc-divPortlet-Content">
					<ul class="hanging">
    <li>
    <a href="#">
    <img alt="" src="/Resources/assets/index/imgs/icon-hanging/icon_dangky_small.png" />
    <span>Khảo s&aacute;t</span>
    </a>
    </li>
    <li>
    <a href="/module/tim-sach">
    <img alt="" src="/Resources/assets/index/imgs/icon-hanging/icon_tracuu_small.png" />
    <span>Tra cứu t&agrave;i liệu</span>
    </a>
    </li>
    <li>
    <a href="/module/album">
    <img alt="" src="/Resources/assets/index/imgs/icon-hanging/icon_album-hinhanh_small.png" />
    <span>Album h&igrave;nh ảnh</span>
    </a>
    </li>
    <li>
    <a href="/module/video">
    <img alt="" src="/Resources/assets/index/imgs/icon-hanging/icon_video_small.png" />
    <span>Video</span>
    </a>
    </li>
</ul>

				</div>
			</div>
		</div>
	</div><div id="psc-divPanelMid">
		<div id="psc-divPanelCenter" style="width:100%;float:left">
			<div id="psc-divPanelCenter-Content" style="min-height: 30px;">
				<div id="psc-divPortlet-d9e4793f-8fc2-4777-a7e3-4395a7c0f82b" class="psc-divPortlet-Wrapper" style="">
					<div class="psc-divPortlet-Content">
						
<link rel="stylesheet" href="Portlets/Slider/Display_HomePage1.css"/>


<section class="block-intro  test-owl">
	<div class="container "> 	
<div class="row">	
		<div class="hero_carosel owl-carousel owl-theme" id="carousel">
			
				<img src="/Temp/ArticleImage/06ceca40-6241-4d42-af46-441052889086-thông báo nhận tài liệu học tập-32.png" alt=""> 
			
			
				<img src="/Temp/ArticleImage/55a9556d-567b-4645-a9fc-0be150158042-dat-kiemdinh-fibaa-1750817965-1.jpg" alt=""> 
			
			
				<img src="/Temp/ArticleImage/4bd71d80-e88a-4f86-a0ce-4af1230b2d1e-xethocba-cohoi2025-1753857910-10.jpg" alt=""> 
			
			
		</div>
	</div>	
	</div>
</section>

	
<script type="text/javascript">
    var array = [];
    $(document).ready(function () {
        //getCarousel();
        $('.hero_carosel').owlCarousel({   
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            autoplay: true,
            loop:true,
            margin:0,
            dots: true,
            autoHeight: false,
            mouseDrag: true,
            autoplayHoverPause:true,
            items: 1,
        });
    });
    function getCarousel() {
	
        let html = "";
        array.forEach(item => {

            html += ` <div class="item">
                        <div class="hero-img">
                           <img src="${item.ImageUrl}" alt="">  
                        </div>
                        <div class="desc">
                            <h2>${item.Name}</h2>
                            <p class="carsl_cnt">${item.Title}</p>
                            <p class="carsl_btn"><a href="${item.Link}" class="btn-gradient-bg" target="_blank">Đọc thêm</a></p>                          
                        </div>
                     </div>`;
            carousel.innerHTML = html;
        })
    }    

</script>


<!-- Carousel nav -->

	
<div class="pag-item" style="display:none">
	<a class=" sel" href="#sj_k2slickslider346" data-jslide="0">1</a>
		
				<a class=" " href="#sj_k2slickslider346" data-jslide="1">1</a>
			
				<a class=" " href="#sj_k2slickslider346" data-jslide="2">2</a>
			
</div>


<div class="vpi-wrap2" style="display: none;">

	
</div>
					</div>
				</div><div id="psc-divPortlet-80f1f4c1-a885-4d4a-87f7-4fda371482cf" class="psc-divPortlet-Wrapper" style="">
					<div class="psc-divPortlet-Content">
						
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link href="Portlets/ZLIS/Book/Book_QuickSearch.css" rel="stylesheet">

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



<div class="search search--fixed "> 
	<div class="container ">		     
		<div class="form ">
			<div class="SearchLeft">
				<input type="text" onkeydown='return ZLISKeyDownSearch(event);' id="txtSearch" placeholder="Nhập từ khóa tìm kiếm ..." />
				<a href="javascript:void(0);" class="text-search " onclick="SearchTransferContent()">Tìm kiếm</a>                 
				
			</div>
		</div><!-- ./form -->	
	  
	  </div>
</div>

           



<script>

	// search fixed top	
	$(window).bind('scroll', function() {
        var heightBeginScroll = 520;
		var objScroll= $('.search--fixed');
			 if ($(window).scrollTop() > heightBeginScroll) {
				 objScroll.addClass('fixed-md-top  trasition--all');
			 }
			 else {
				 objScroll.removeClass('fixed-md-top trasition--all');
			 }
    });

    function SearchTransferContent()
    {
        let searchText = document.getElementById("txtSearch").value;
        let SearchArrayValue = [];
        SearchArrayValue.push(searchText);
        window.location.href = getZlisApi() + `module/tim-sach?Searchkey=` + `${searchText}`;
    }

    $('#gridview').click(function () {
        changeView(1);
    });

    $('#listview').click(function () {
        changeView(2);
    });

    function changeView(type) {
        if (type === 1)
        { // gridview
            $('.li-list').css({ 'width': '230px' });
            $('.thumb').css({ 'min-height': '380px', 'overflow': 'hidden' });
            $('.text-thumb').css({ 'height': '80px' });
            $('.iconfile').css({ 'position': 'relative', 'margin': '0px auto', 'text-align': 'left' });
        }
        else if (type === 2)
        { // listview
            $('.li-list').css({ 'width': '100%', 'min-height': '0px' });
            $('.img-thumb').css({ 'float': 'left', 'height': 'auto', 'margin-left': '10px' });
            $('.text-thumb').css({ 'float': 'left', 'padding-left': '10px' });
            $('.thumb').css({ 'min-height': '240px', 'overflow': 'hidden' });
            $('.name-publishyear').css({ 'display': 'block' });
            $('.name-subject').css({ 'display': 'block' });
            $('.name-abtract').css({ 'display': 'block', 'word-wrap': 'break-word' });
            $('.name-numberofpage').css({ 'display': 'block' });
            $('.name-description').css({ 'display': 'block' });
        }
    }



    var autocompleteData = [];
    $(document).ready(function () {
        changeView(1);
        $('#LoadingPanelImg').hide();
        $('#list-style-buttons').hide();

        FillParameters();
      
            getAutocompleteData();
            $( "#txtSearch" ).autocomplete({
              source: autocompleteData
            });
        });

    function getAutocompleteData()
    {
         $.ajax({
            type: "GET",
            cache: true,
            data: JSON.stringify(),
            url: `${getZlisApi()}api/Book/ListTitles`,
            contentType: "application/json",
             success: function (responseData) {
                 responseData.forEach(item => {
                    autocompleteData.push(item);
                    autocompleteData.sort();
                })
            }
        });
         
    }    

    var quichSearchIndex = 0, quickSearchTotal = 0, quickSearchCount = 20;
    
    function ZLISKeyDownSearch(event) {
        if (event.keyCode == 13) {
            quichSearchIndex = 0;
            quickSearchTotal = 0;
            SearchTransferContent();
            //ZlisSearch(false);
            return false;
        }
        else return true;
    }

    function searchOnPage(newIndex) {
        quichSearchIndex = newIndex;
        ZlisSearch(false);
    }
    
    const syntaxQueues = [];
 
    var state = {
        field1: $('#txtSearch').val()
    };

    function ZlisSearch(IsPostBack) {

        console.log(syntaxQueues.length);

        let searchText = document.getElementById("txtSearch").value;
        $('#pnSearchResult').empty();
        $('#Paging2').empty();
        $('#main-panel').empty();
        if (!searchText) {
            pnSearchResult.innerHTML = `<div class="alert alert-info fade in">
                                        <a href="#" class ="close" data-dismiss="alert" aria-label="close"> &times; </a>
                                        <strong>Chưa nhập từ khóa!</strong></div>`;
            return;
        }

        let urlpath = "?Searchkey=" + searchText;

        let listSyntax = [];

        listSyntax.push(
            {
            "Field": "any",
            "Structure": "word_list",
            "Value": searchText,
            "Relation": "",
            "Position": "",
            "Truncate": "",
            "Completeness": "",
            "SortType": "",
            "Operator": ""
            }
        );

        syntaxQueues.push(listSyntax);

        $('#LoadingPanelImg').show();

        $.ajax({
            type: "POST",
            data: JSON.stringify(listSyntax),
            url: getZlisApi() + `api/Book/SearchOpac?recordGroupId=0&inventoryId=0&ebookSearch=false&startIndex=${quichSearchIndex}&count=${quickSearchCount}`,
            contentType: "application/json"
        })
        .done(function (res) {
            //
            window.history.pushState(state, searchText, urlpath);
            //
            for (var i = 0; i < res.length; i++) {
                let obj = res[i];
                if (quickSearchTotal === 0) {
                    quickSearchTotal = obj.TotalRecords;
                }
                if (i === 0) {
                    $('#main-panel').append(`
                        <div class='col-md-12' style='text-align: center; '>Tìm được <b> ${quickSearchTotal} </b>tài liệu</div>
                        <div class ='col-md-12' id='Paging2' style='text-align: center; margin-bottom: 35px;'></div>
                        `);
                }
                $('#psc-divPanelCenter').empty();
                $('#main-panel').append(CreateBookItemHtml2(obj));
                if (obj.Abstract) {
                    obj.Abstract.forEach(abs => $(`#description${i}`).append(`<p>${abs}</p>`));
                }
                $(`#description${i}`).append(`<a>${obj.Title}</a>`);
                $(`#description${i}`).append(`<a>${obj.Author}</a>`);
                $('#LoadingPanelImg').hide();
            }

            if (res.length == 0) {
                $("#main-panel").append(`
                    <div class ="container" >
                    <div class ="form">
                    <div class ="alert alert-danger col-md-8"><strong>Không tìm thấy kết quả.</strong></div>
                    </div></div>
                    `);
                $('#LoadingPanelImg').hide();
            }
            else {
                $('#Paging2').append(ZlisSearchPaging(quichSearchIndex, quickSearchCount, quickSearchTotal, 'searchOnPage'));
                $('#main-panel').append(ZlisSearchPaging(quichSearchIndex, quickSearchCount, quickSearchTotal, 'searchOnPage'));
                $('#list-style-buttons').show();
            }
        });
    }


    window.addEventListener('popstate', e => {  // Hàm bắt sự kiện Tới Lui trình duyệt
        postBackSearch();
        FillParameters();

    });

    function postBackSearch() {
        //console.log(listSyntax);
        if (syntaxQueues && syntaxQueues.length > 0) {

            var listSyntax1 = syntaxQueues[syntaxQueues.length - 1];

            listSyntax1.forEach((syntax, index) => {
                if (index < syntax.length - 1) {
                    document.getElementById(`txtSearch${index}`).value = syntax['Value'];
                }

            });

            syntaxQueues.splice(syntaxQueues.length - 1, 1);

            setTimeout(function () {
                ZlisSearch(true);
            }, 100);

        }
    }

    function FillParameters() {

        hu = window.location.search.substring(1);

        if (hu != "") {
            par = unescape(hu);
            gy = par.split("&");
            for (i = 0; i < gy.length; i++) {
                ft = gy[i].split("=");
                switch (ft[0]) {
                    case "Searchkey": Searchkey = ft[1]; break;

                }
            }
            if (Searchkey) {
                document.getElementById("txtSearch").value = Searchkey;

            }

        }

    }


</script>




					</div>
				</div><div id="psc-divPortlet-a406f137-1144-4324-862c-5745693e9afc" class="psc-divPortlet-Wrapper" style="">
					<div class="psc-divPortlet-Content">
						
<!--portlet 2 -->
<div class="clearfix"></div>
<section class="container">
  <div class="row pt-4">
    <!-- hỏi đáp + ứng dụng di động -->
    <div class="col-lg-6"><div class="bg-features-2">
<div class="features-2 zindex-2">
<div class="feature-item hvr-underline-from-left">
<a href="https://lib.uef.edu.vn/vi/gioi-thieu/huong-dan-su-dung-thu-vien-4929" title="Hướng dẫn sử dụng thư viện">
<img alt="" src="/Temp/SiteImage/feature/img-hoi-dap.png" />
<span>Hỏi đ&aacute;p</span>
</a>
</div>
<div class="feature-item hvr-underline-from-left">
<a href="https://lib.uef.edu.vn/vi/gioi-thieu/ung-dung-di-dong-0312" title="Ứng dụng di động">
<img alt="" src="/Temp/SiteImage/feature/img-app.png" />
<span>Ứng dụng di động</span>
</a>
</div>
</div>
</div></div>
    <!-- Thông báo -->
    <div class="col-lg-6">
      <h4 class="psc-text-uppecase psc-fw-600 psc-header">
        <span class="psc-bg-red">
          <img src="/Temp/SiteImage/icons/icon-loud.png" />
        </span>
        <a href="/vi/ban-tin">
          <div class="">
            <span class="psc-text-black">Thông Báo</span>
          </div>
        </a>
      </h4>
      <ul class="list-notification">
        
            <li>
              <a href="/vi/ban-tin/nguon-tai-nguyen-dien-tu-tu-tap-chi-nha-nuoc-va-phap-luat" title="Nguồn tài nguyên điện tử từ Tạp chí Nhà nước và Pháp luật"
                >Nguồn tài nguyên điện tử từ Tạp chí Nhà nước và Pháp luật</a
              ><span class="text-secondary"
                >16/12/2025</span
              >
            </li>
          
            <li>
              <a href="/vi/ban-tin/ho-so-nhap-hoc-danh-cho-khoa-2025-gom-nhung-gi" title="Hồ sơ nhập học dành cho khóa 2025 gồm những gì?"
                >Hồ sơ nhập học dành cho khóa 2025 gồm những gì?</a
              ><span class="text-secondary"
                >21/08/2025</span
              >
            </li>
          
            <li>
              <a href="/vi/ban-tin/nhung-ngay-cuoi-uef-lien-tuc-tiep-don-thi-sinh-phu-huynh-den-dang-ky-chon-truong" title="Những ngày cuối, UEF liên tục tiếp đón thí sinh, phụ huynh đến đăng ký chọn trường"
                >Những ngày cuối, UEF liên tục tiếp đón thí sinh, phụ huynh đến đăng ký chọn trường</a
              ><span class="text-secondary"
                >30/07/2025</span
              >
            </li>
          
      </ul>
    </div>
  </div>
</section>

					</div>
				</div><div id="psc-divPortlet-320a3f36-1ee5-42ba-9ca7-a712ac87bc1e" class="psc-divPortlet-Wrapper" style="">
					<div class="psc-divPortlet-Content">
						<style>
    .box-link a {
    color: #fff;
    }
    .box-link a:hover{
    color: #cf1829;
    }
</style>
<section class="container">
<div class="row">
<!-- Truy cập danh mục -->
<div class="col-lg-6 mb-3">
<div class="box-link__wrapper">
<div class="box-link flex-xs-row ">
<a href="https://lib.uef.edu.vn/module/tai-lieu-so-theo-goi?id=TLHT" title="Tài liệu học tập">
</a>
<div class="box-link__thumb"><a href="https://lib.uef.edu.vn/module/tai-lieu-so-theo-goi?id=TLHT" title="Tài liệu học tập">
<img class="img-fluid" src="/Temp/SiteImage/icons/80x80/icon-giao-trinh.png" alt="icon" />
</a></div>
<h4 style="margin: 0px;"><a href="https://lib.uef.edu.vn/module/tai-lieu-so-theo-goi?id=TLHT" title="Tài liệu học tập">Gi&aacute;o tr&igrave;nh học tập</a></h4>
</div>
<div class="box-link  flex-xs-row ">
<a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=1" title="Tài liệu tham khảo giấy">
</a>
<div class="box-link__thumb"><a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=1" title="Tài liệu tham khảo giấy">
<img class="img-fluid" src="/Temp/SiteImage/icons/80x80/icon-tai-lieu-tham-khao.png" alt="icon" />
</a></div>
<h4 style="margin: 0px;">
<a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=1" title="Tài liệu tham khảo giấy">
T&agrave;i liệu tham khảo giấy
</a>
</h4>
</div>
<div class="box-link  flex-xs-row ">
<a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=33" title="Tài liệu tham khảo điện tử">
</a>
<div class="box-link__thumb"><a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=33" title="Tài liệu tham khảo điện tử">
<img class="img-fluid" src="/Temp/SiteImage/icons/80x80/icon-tai-lieu-tham-khao.png" alt="icon" />
</a></div>
<h4 style="margin: 0px;">
<a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=33" title="Tài liệu tham khảo điện tử">
T&agrave;i liệu tham khảo điện tử
</a>
</h4>
</div>
<div class="box-link  flex-xs-row">
<a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=3" title="Luận văn - Luận án">
</a>
<div class="box-link__thumb"><a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=3" title="Luận văn - Luận án">
<img class="img-fluid" src="/Temp/SiteImage/icons/80x80/icon-luan-van-luan-an.png" alt="icon" />
</a></div>
<h4 style="margin: 0px;">
<a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=3" title="Luận văn - Luận án">
Luận văn - Luận &aacute;n
</a>
</h4>
</div>
<div class="box-link  flex-xs-row ">
<a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=2" title="Bài trích báo - tạp chí">
</a>
<div class="box-link__thumb"><a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=2" title="Bài trích báo - tạp chí">
<img class="img-fluid" src="/Temp/SiteImage/icons/80x80/icon-tai-lieu-tham-khao.png" alt="icon" />
</a></div>
<h4 style="margin: 0px;">
<a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=2" title="Bài trích báo - tạp chí">
B&agrave;i tr&iacute;ch b&aacute;o - tạp ch&iacute;
</a>
</h4>
</div>
<div class="box-link mb-0  flex-xs-row">
<a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=5" title="Tài liệu mở">
</a>
<div class="box-link__thumb"><a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=5" title="Tài liệu mở">
<img class="img-fluid" src="/Temp/SiteImage/icons/80x80/icon-tai-lieu-mo.png" alt="icon" />
</a></div>
<h4 style="margin: 0px;">
<a href="https://lib.uef.edu.vn/module/tai-lieu-theo-bo-suu-tap?groupId=5" title="Tài liệu mở">
T&agrave;i liệu mở
</a>
</h4>
</div>
</div>
</div>
<!-- Cơ sở dữ liệu trực tuyến -->
<div class="col-lg-6">
<h4 class="psc-text-uppecase psc-fw-600 psc-header">
<span class="psc-bg-red">
<img alt="" src="/Temp/SiteImage/icons/icon-list.png" />
</span>
<a href="/vi/ban-tin"><span class="psc-text-black">Cơ sở dữ liệu trực tuyến</span></a>
</h4>
<div class="row logo-link__wrapper">
<div class="col-6 col-md-4">
<a class="logo-link" href="https://stinet.gov.vn/" target="_blank">
<img alt="" src="/Resources/Images/csdl-stinet.jpg" />
</a>
</div>
<div class="col-6 col-md-4">
<a class="logo-link" href="https://cesti.idm.oclc.org/login?url=https://link.springer.com" target="_blank">
<img alt="" src="/Resources/Images/csdl-springer.jpg" />
</a>
</div>
<div class="col-6 col-md-4">
<a class="logo-link" href="https://cesti.idm.oclc.org/login?url=https://ieeexplore.ieee.org/Xplore/home.jsp" target="_blank">
<img alt="" src="/Resources/Images/csdl-ieeexplore.jpg" />
</a>
</div>
<div class="col-6 col-md-4">
<a class="logo-link" href="https://cesti.idm.oclc.org/login?url=https://www.oecd-ilibrary.org" target="_blank">
<img alt="" src="/Resources/Images/csdl-oecd-library.jpg" />
</a>
</div>
<div class="col-6 col-md-4">
<a class="logo-link" href="http://portal.igpublish.com/iglibrary/" target="_blank">
<img alt="" src="/Resources/Images/csdl-iglibrary.jpg" />
</a>
</div>
<div class="col-6 col-md-4">
<a class="logo-link" href="http://portal.igpublish.com/iglibrary/" target="_blank">
<img alt="" src="/Resources/Images/csdl-iglibrary.jpg" />
</a>
</div>
</div>
</div>
</div>
</section>

					</div>
				</div><div id="psc-divPortlet-201f32df-917f-4f4c-b01f-d730f2d69dfd" class="psc-divPortlet-Wrapper" style="padding-top:5px;">
					<div class="psc-divPortlet-Content">
						
<div id="book-grade-ologies-content"></div>
<script type="text/javascript" >
    window.addEventListener('DOMContentLoaded', function () { const root = PSCReact.ReactDOM.createRoot(document.getElementById("book-grade-ologies-content")); root.render(PSCReact.React.createElement(PSCReact.SchoolGradeOlogy)) });
</script>

					</div>
				</div><div id="psc-divPortlet-28e6c40f-1182-4c68-a7f3-dc34ea24438a" class="psc-divPortlet-Wrapper" style="padding-top:5px;">
					<div class="psc-divPortlet-Content">
						
	
<!-- Topic_HomePage_HotNew_PNT_TTMN -->

<script type="text/javascript">
    let linkkk = 'Thông Báo';
    //console.log(linkkk);

    var arrra = [];
    //console.log(arrra);

    $(function () {

       arrra.forEach(listt => {

        $('#ArticleList').append(`
            <div class="item" style="word-wrap: break-word;">
                <div class="item-wrap">

                    <div class="item-img item-height">
                        <div class="item-img-info">
                            <a href='${listt.Link}'>
                                <img alt="" src='${listt.ImageUrl}' />
                            </a>
                            <div class="over-image"></div>
                        </div>
                    </div>
                    <div class="item-info  ">
                        <div class="item-inner">
                            <div class="item-title">
                                <a href='${listt.Link}' title="" target="_blank">${listt.Name}</a>
                            </div>
                            <!--div class="item-content">
                                <div class="item-des" style="float: left;width: 70%;">
                                    ${listt.Title}
                                </div>
                            </div-->
                        </div>
                    </div>

                </div>
            </div>


            `);

       });

    });


</script>
<style>
    .page-button{
	    position:  absolute;
        top: 16px;
	    right: 0;
    }
        
</style>



<section id="yt_spotlight3" class="block">
	<div class="container">
		<h4 class="psc-text-uppecase psc-fw-600 psc-header row">
<span class="psc-bg-red">
<img src="/Temp/SiteImage/icons/icon-news.png"/>
</span>		
			<a href="/vi/ban-tin"><span class="psc-text-black">Thông Báo</span></a>
		</h4>
		<div class="row">
			<div id="top4" class="col-lg-9 col-sm-8 " style="width:100%">
				<div class="module  k2-slider-style-one ">                    
					<div class="modcontent clearfix">
						<div id="sj_k2_slider_250891460429162" class="sj-k2-container-slider" style="">
							<div class="page-button top style">
								<ul class="control-button preload">
									<li class="preview"><i class="fa fa-chevron-left"></i></li>
									<li class="next"><i class="fa fa-chevron-right"></i></li>
								</ul>
							</div>
							<div class="slider not-js cols-6 preset01-3 preset02-3 preset03-1 preset04-1 preset05-1" style="padding-bottom: 10px;">
								<div class="vpo-wrap" style="/*height: 215px !important; padding-bottom: 5px;/*">
									<div class="vp" style="height: 250px;">
										<div class="vpi-wrap" id="ArticleList"></div>
										
									</div>
								</div>
							</div>

						</div>


						<script type="text/javascript">
							//<![CDATA[
							jQuery(document).ready(function ($) {;
								(function (element) {
									var $element = $(element);
									var $slider = $('.slider', $element)
									$('.slider', $element).responsiver({
										interval: 0,
										speed: 1000,
										start: 0,
										step: 1,
										circular: true,
										preload: true,
										fx: 'slide',
										pause: 'hover',
										control: {
											prev: '#sj_k2_slider_250891460429162 .control-button li[class="preview"]',
											next: '#sj_k2_slider_250891460429162 .control-button li[class="next"]'
										},
										getColumns: function (element) {
											var match = $(element).attr('class').match(/cols-(\d+)/);
											if (match[1]) {
												var column = parseInt(match[1]);
											} else {
												var column = 1;
											}
											if (!column) column = 1;
											return column;
										}
									});
									$slider.touchSwipeLeft(function () {
										$slider.responsiver('next');
									});
									$slider.touchSwipeRight(function () {
										$slider.responsiver('prev');
									});

									$('.control-button', $element).removeClass('preload');
								})('#sj_k2_slider_250891460429162');
							});
							//]]>
						</script>
					</div>
				</div>
			</div>
			<!-- /#top4 -->
			<div id="top5" class="col-lg-3 col-sm-4 " style="display: none;">
				<div class="module  cus-admissions ">
					 
				</div><!-- /.admissions -->
			</div><!-- /#top5 -->
		</div>
	</div>

</section>


<div class="vpi-wrap2" style="display: none;">



<div class="item" style="word-wrap: break-word;">
<div class="item-wrap">

<div class="item-img item-height"><!-- Hình mô tả -->
<div class="item-img-info">
<a href="/vi/ban-tin/nguon-tai-nguyen-dien-tu-tu-tap-chi-nha-nuoc-va-phap-luat" >
<img alt="" src="/Temp/ArticleImage/9b635ebc-07fb-43a7-9883-075d315fc8d1-308713075_474712074684531_7990196803519203421_n-20.png" />
</a>
<div class="over-image"></div>
</div>
</div>

<div class="item-info  ">
<div class="item-inner">
<div class="item-title">
<a href="/vi/ban-tin/nguon-tai-nguyen-dien-tu-tu-tap-chi-nha-nuoc-va-phap-luat" title="" target="_blank">Nguồn tài nguyên điện tử từ Tạp chí Nhà nước và Pháp luật</a>
</div>
<div class="item-content">
<div class="item-des" style="float: left;width: 70%;">

</div>
</div>
</div>
</div>
</div>
</div>

<script type="text/javascript">
arrra.push({
'ImageUrl': '/Temp/ArticleImage/9b635ebc-07fb-43a7-9883-075d315fc8d1-308713075_474712074684531_7990196803519203421_n-20.png',
'Link': '/vi/ban-tin/nguon-tai-nguyen-dien-tu-tu-tap-chi-nha-nuoc-va-phap-luat',
'Name': 'Nguồn tài nguyên điện tử từ Tạp chí Nhà nước và Pháp luật',
'Title': ''
});
</script>

<!-- /.item -->


<div class="item" style="word-wrap: break-word;">
<div class="item-wrap">

<div class="item-img item-height"><!-- Hình mô tả -->
<div class="item-img-info">
<a href="/vi/ban-tin/ho-so-nhap-hoc-danh-cho-khoa-2025-gom-nhung-gi" >
<img alt="" src="/Temp/ArticleImage/6ae8a1ab-5b00-480e-9cce-98661a9d11f3-uef-bo-tri-khu-vuc-test-tieng-anh (16)-7.jpg" />
</a>
<div class="over-image"></div>
</div>
</div>

<div class="item-info  ">
<div class="item-inner">
<div class="item-title">
<a href="/vi/ban-tin/ho-so-nhap-hoc-danh-cho-khoa-2025-gom-nhung-gi" title="" target="_blank">Hồ sơ nhập học dành cho khóa 2025 gồm những gì?</a>
</div>
<div class="item-content">
<div class="item-des" style="float: left;width: 70%;">

</div>
</div>
</div>
</div>
</div>
</div>

<script type="text/javascript">
arrra.push({
'ImageUrl': '/Temp/ArticleImage/6ae8a1ab-5b00-480e-9cce-98661a9d11f3-uef-bo-tri-khu-vuc-test-tieng-anh (16)-7.jpg',
'Link': '/vi/ban-tin/ho-so-nhap-hoc-danh-cho-khoa-2025-gom-nhung-gi',
'Name': 'Hồ sơ nhập học dành cho khóa 2025 gồm những gì?',
'Title': ''
});
</script>

<!-- /.item -->


<div class="item" style="word-wrap: break-word;">
<div class="item-wrap">

<div class="item-img item-height"><!-- Hình mô tả -->
<div class="item-img-info">
<a href="/vi/ban-tin/nhung-ngay-cuoi-uef-lien-tuc-tiep-don-thi-sinh-phu-huynh-den-dang-ky-chon-truong" >
<img alt="" src="/Temp/ArticleImage/e64d86c2-e93e-401d-80c5-93e037a8c50a-dangky-NV1 (7)-40.jpg" />
</a>
<div class="over-image"></div>
</div>
</div>

<div class="item-info  ">
<div class="item-inner">
<div class="item-title">
<a href="/vi/ban-tin/nhung-ngay-cuoi-uef-lien-tuc-tiep-don-thi-sinh-phu-huynh-den-dang-ky-chon-truong" title="" target="_blank">Những ngày cuối, UEF liên tục tiếp đón thí sinh, phụ huynh đến đăng ký chọn trường</a>
</div>
<div class="item-content">
<div class="item-des" style="float: left;width: 70%;">

</div>
</div>
</div>
</div>
</div>
</div>

<script type="text/javascript">
arrra.push({
'ImageUrl': '/Temp/ArticleImage/e64d86c2-e93e-401d-80c5-93e037a8c50a-dangky-NV1 (7)-40.jpg',
'Link': '/vi/ban-tin/nhung-ngay-cuoi-uef-lien-tuc-tiep-don-thi-sinh-phu-huynh-den-dang-ky-chon-truong',
'Name': 'Những ngày cuối, UEF liên tục tiếp đón thí sinh, phụ huynh đến đăng ký chọn trường',
'Title': ''
});
</script>

<!-- /.item -->


<div class="item" style="word-wrap: break-word;">
<div class="item-wrap">

<div class="item-img item-height"><!-- Hình mô tả -->
<div class="item-img-info">
<a href="/vi/ban-tin/thong-bao-diem-nhan-ho-so-khoa-2025" >
<img alt="" src="/Temp/ArticleImage/3750ca94-18bc-40ad-ba06-bf07b80818df-z6810060997419_52f8e3bd2267bc8bfbe8bb72ec947e03-59.jpg" />
</a>
<div class="over-image"></div>
</div>
</div>

<div class="item-info  ">
<div class="item-inner">
<div class="item-title">
<a href="/vi/ban-tin/thong-bao-diem-nhan-ho-so-khoa-2025" title="" target="_blank">Thông báo điểm nhận hồ sơ Khóa 2025</a>
</div>
<div class="item-content">
<div class="item-des" style="float: left;width: 70%;">

</div>
</div>
</div>
</div>
</div>
</div>

<script type="text/javascript">
arrra.push({
'ImageUrl': '/Temp/ArticleImage/3750ca94-18bc-40ad-ba06-bf07b80818df-z6810060997419_52f8e3bd2267bc8bfbe8bb72ec947e03-59.jpg',
'Link': '/vi/ban-tin/thong-bao-diem-nhan-ho-so-khoa-2025',
'Name': 'Thông báo điểm nhận hồ sơ Khóa 2025',
'Title': ''
});
</script>

<!-- /.item -->


<div class="item" style="word-wrap: break-word;">
<div class="item-wrap">

<div class="item-img item-height"><!-- Hình mô tả -->
<div class="item-img-info">
<a href="/vi/ban-tin/chao-mung-ngay-sach-viet-nam-21-4-2025-ngay-sach-va-ban-quyen-the-gioi-23-4-2025" >
<img alt="" src="/Temp/ArticleImage/047496a5-e00b-4e4c-9388-2db7cc923e78-ChatGPT Image 11_27_55 19 thg 4, 2025-40.png" />
</a>
<div class="over-image"></div>
</div>
</div>

<div class="item-info  ">
<div class="item-inner">
<div class="item-title">
<a href="/vi/ban-tin/chao-mung-ngay-sach-viet-nam-21-4-2025-ngay-sach-va-ban-quyen-the-gioi-23-4-2025" title="" target="_blank">CHÀO MỪNG NGÀY SÁCH VIỆT NAM 21/4/2025, NGÀY SÁCH VÀ BẢN QUYỀN THẾ GIỚI 23/4/2025</a>
</div>
<div class="item-content">
<div class="item-des" style="float: left;width: 70%;">

</div>
</div>
</div>
</div>
</div>
</div>

<script type="text/javascript">
arrra.push({
'ImageUrl': '/Temp/ArticleImage/047496a5-e00b-4e4c-9388-2db7cc923e78-ChatGPT Image 11_27_55 19 thg 4, 2025-40.png',
'Link': '/vi/ban-tin/chao-mung-ngay-sach-viet-nam-21-4-2025-ngay-sach-va-ban-quyen-the-gioi-23-4-2025',
'Name': 'CHÀO MỪNG NGÀY SÁCH VIỆT NAM 21/4/2025, NGÀY SÁCH VÀ BẢN QUYỀN THẾ GIỚI 23/4/2025',
'Title': ''
});
</script>

<!-- /.item -->




</div>
					</div>
				</div><div id="psc-divPortlet-95e1187c-b8d3-409b-8020-cd6d06b2b9c4" class="psc-divPortlet-Wrapper" style="padding-top:5px;">
					<div class="psc-divPortlet-Content">
						
<link href="Portlets/ZLIS/Book/Book_Catalog.css" rel="stylesheet">
<!-- BOOK CATALOG Book_Catalog -->

<script type="application/javascript">

	let bookCatalogData, bookCatalogIPP = 8;
	var booklist = [];
    $(document).ready(function () {
		$.ajax({
		    url: `${getZlisApi()}api/Catalog/GetHomePageCatalogContent`,
            dataType: 'JSON',
            type: "GET",
            success: function (arrCatalogs) {
                if (arrCatalogs[0] == null) {
                    BookCatalogContent.innerHTML = `<div class='alert alert-warning'>Không tìm thấy tài liệu nào...</div>`;
                }

				bookCatalogData = arrCatalogs;
                arrCatalogs.forEach((catalog, catIndex) => {
                    const catActive = catIndex == 0 ? " active" : "";
                    const catExpanded = catIndex == 0 ? " true" : "false";
					
                    // Append Tab
                    $("#loaisach").append(`
                        <li class ='tab-sky ${catActive}'>
                            <a class ="loadcss" data-toggle='tab' href='#TabCatalogContent${catIndex}' aria-expanded='${catExpanded}' id='BookCatalog${catIndex}'>${catalog.Name}</a>
                        </li>
                        `);

                    // Append content to tab panel
                    $("#BookCatalogContent").append(`
                        <div id='TabCatalogContent${catIndex}' class ='tab-pane ${catActive}'>
                            <div class ='row'>
                                <ul class ='width-100f psc-pl-0 list-book' id='ListCatalogContent${catIndex}'></ul>
                            </div>
                        </div>
                        `);
						
                    catalog.ListBooks.forEach((book, bcIndex) => {
						if (bcIndex < bookCatalogIPP) {
							$(`#ListCatalogContent${catIndex}`).append(CreateBookItemHtml2(book));
						}
                    });

					$(`#ListCatalogContent${catIndex}`).append(`<div id="ListCatalogContentPaging${catIndex}">paging...</div>`);
					
					bookCatalogPaging(catIndex, 0);
                });
               
            },
        });

    });
	
	function bookCatalogPaging(catIndex, bcDetailIndex) {
		document.getElementById(`ListCatalogContentPaging${catIndex}`).innerHTML = "";
		let totalItems = bookCatalogData[catIndex].ListBooks.length;
		let totalPages = parseInt((totalItems / bookCatalogIPP) + (totalItems % bookCatalogIPP === 0 ? 0 : 1));
		let pageCurrent = bcDetailIndex / bookCatalogIPP;

		

		let pageHtml = "<div class='opac_next' >";
		let selectedCss = " class='psc-btn-small' ";
		//Prev Page
		pageHtml += "<a href='javascript:void(0)' " + (pageCurrent == 0 ? "" : (`onclick='bookCatalogChangePage(${catIndex},` + (bookCatalogIPP * (pageCurrent - 1)) + ");'")) + "><img src='/Temp/SiteImage/ic_previous_48.png' alt='Trang trước' width='30'/></a>";
		//First Page
		pageHtml += "<a href='javascript:void(0)' " + (pageCurrent == 0 ? selectedCss : "") + (pageCurrent == 0 ? "" : (`onclick='bookCatalogChangePage(${catIndex}, 0);'`)) + ">1</a>";
		
		//MiddlePage
		for (let pageRange = 1; pageRange < totalPages - 1; pageRange++) {
			pageHtml += "<a href='javascript:void(0)' " + (pageCurrent == pageRange ? selectedCss : "") + (pageCurrent == pageRange ? "" : (`onclick='bookCatalogChangePage(${catIndex},` + (bookCatalogIPP * pageRange) + ");'")) + ">" + (pageRange + 1) + "</a>";
		}
		
		//Last Page
		if (totalPages > 1) {
			pageHtml += "<a href='javascript:void(0)' " + (pageCurrent == totalPages - 1 ? selectedCss : "") + (pageCurrent == totalPages - 1 ? "" : (`onclick='bookCatalogChangePage(${catIndex},` + (bookCatalogIPP * (totalPages - 1)) + ");'")) + ">" + totalPages + "</a>";
		}
		//Next Page
		pageHtml += "<a href='javascript:void(0)' " + (pageCurrent == totalPages - 1 ? "" : (`onclick='bookCatalogChangePage(${catIndex},` + (bookCatalogIPP * (pageCurrent + 1)) + ");'")) + "><img src='/Temp/SiteImage/ic_next_48.png' alt='Trang sau' width='30'/></a>";
		
		pageHtml += "</div>";
		document.getElementById(`ListCatalogContentPaging${catIndex}`).innerHTML = pageHtml;

	}
	
	function bookCatalogChangePage(catIndex, newIndex) {
		document.getElementById(`ListCatalogContent${catIndex}`).innerHTML = "";
		bookCatalogData[catIndex].ListBooks.forEach((book, bcIndex) => {
			if (bcIndex >= newIndex && bcIndex < newIndex + bookCatalogIPP) {
				$(`#ListCatalogContent${catIndex}`).append(CreateBookItemHtml2(book));
			}
		});
		$(`#ListCatalogContent${catIndex}`).append(`<div id="ListCatalogContentPaging${catIndex}">paging...</div>`);
		bookCatalogPaging(catIndex, newIndex);
	}
    </script>

<section class="lists-book-fullscreen width-100f psc-bg-white">
    <div class="container psc-mb-4">
        <div class="tab-ds-theloai">
		<h4 class="psc-text-uppecase psc-fw-600 psc-header psc-mb-0 row">
<span class="psc-bg-red">
<img src="/Temp/SiteImage/icons/icon-book.png"/>
</span>		
			<span class="psc-text-black">Giới thiệu sách</span>
		</h4>
            
            <ul class="nav nav-tabs1" id="loaisach"></ul>
        </div>

        <div class="tab-content">
            <div class="heading2">
            <!--a href="#" class="btn-all wobble-horizontal" title="Xem tất cả">Xem tất cả<em class="fa fa-angle-double-right" aria-hidden="true"></em></a-->
            </div>
            <!-- ./heading2 -->
            
        </div>
        <div class="tab-content" id="BookCatalogContent"></div>
    </div>
</section>
					</div>
				</div>
			</div>
		</div>
	</div><div id="psc-divPanelBottom" style="width:100%;float:left">
		<div id="psc-divPanelBottom-Content" style="min-height: 30px;">
			<div id="psc-divPortlet-cf2ffa03-2502-4b8e-a30b-22cabf1de257" class="psc-divPortlet-Wrapper" style="">
				<div class="psc-divPortlet-Content">
					<div class="container psc-bg-red psc-text-white psc-pt-3">
<div class="width-common">
<div class="row">
<div class="col-md-6 col-sm-6">
<ul>
    <li>
    <strong>Trường Đại học Kinh tế - T&agrave;i ch&iacute;nh Th&agrave;nh phố Hồ Ch&iacute; Minh - UEF</strong>
    <div>* Trụ sở 141 - 145 Điện Bi&ecirc;n Phủ, Phường Gia Định, Th&agrave;nh phố Hồ Ch&iacute; Minh<br />
    * Cơ sở 276 - 282 Điện Bi&ecirc;n Phủ, Phường Gia Định, Th&agrave;nh phố Hồ Ch&iacute; Minh&nbsp;</div>
    </li>
    <li class="psc-pt-2">
    <em aria-hidden="true" class="fa fa-envelope-o"></em><span><a href="mailto:thuvien@uef.edu.vn" class="psc-text-white"></a>
    thuvien@uef.edu.vn</span>
    </li>
    <li>
    <em aria-hidden="true" class="fa fa-phone-square"></em><span><a href="tel:02854226666" class="psc-text-white">
    (028) 2236 3333 - ext: 2260</a></span>
    </li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<div><strong>Giờ mở cửa</strong></div>
<ul class="menu">
    <li class="item-1537">* Thứ 2 - Thứ 6: 7h30 - 18h30</li>
    <li class="item-1538">* Thứ 7: 7h30 - 16h30</li>
    <li class="item-1539">* (Nghỉ Chủ nhật &amp; Lễ)</li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<ul class="social">
    <li>
    <a href="https://www.facebook.com/uef.edu.vn" target="_blank">
    <em class="fa fa-facebook"></em>
    </a>
    </li>
    <li>
    <a href="https://www.instagram.com/uef.edu.vn/" target="_blank">
    <em class="fa fa-instagram"></em></a>
    </li>
    <li>
    <a href="https://zalo.me/3348896206453897206" target="_blank">
    <img alt="" src="/Temp/SiteImage/icons/icon-zalo.png" />
    </a>
    </li>
    <li>
    <a href="https://www.youtube.com/user/daihocuef" target="_blank">
    <em class="fa fa-youtube"></em>
    </a>
    </li>
    <li>
    <a href="https://www.tiktok.com/@uef.official" target="_blank">
    <img alt="" src="/Temp/SiteImage/icons/icon-tiktot.png" />
    </a>
    </li>
    <li>
    <a href="https://www.linkedin.com/school/university-of-economics-and-finance/" target="_blank">
    <em class="fa fa-linkedin"></em></a>
    </li>
</ul>
</div>
</div>
<hr class="psc-my-2" />
<a class="psc-text-white" title="PSC" href="http://psctelecom.com.vn/">Designed &amp; Developed by
<img alt="" class="logo-ft" src="/Temp/SiteImage/psc_white.png" width="50" />
</a>
</div>
</div>

				</div>
			</div>
		</div>
	</div>
</div>
        </div>
</div>



<!--smartmenus-->
<script src="/Resources/lib/smartmenus-1.0.1/jquery.smartmenus.min.js"></script>
<script src="/Resources/lib/smartmenus-1.0.1/addons/bootstrap/jquery.smartmenus.bootstrap.min.js"></script>
<script src="/Resources/lib/OwlCarousel2-2.2.1/dist/owl.carousel.min.js"></script>

<script type="text/javascript">										
	$(document).ready(function($) {

		var ua = navigator.userAgent,
			_device = (ua.match(/iPad/i) || ua.match(/iPhone/i) || ua.match(/iPod/i)) ? "smartphone" : "desktop";

		if (_device == "desktop") {
			$(".mod-languages").hover(function() {

				$(this).children(".dropdown-toggle").addClass(function() {
					if ($(this).hasClass("open")) {
						$(this).removeClass("open");
						return "";
					}
					return "open";
				});
				$(this).children(".dropdown-menu").slideToggle();
			});
		} else {
			$('.mod-languages .dropdown-toggle').bind('touchstart', function() {
				$('.mod-languages .dropdown-menu').toggle();
			});
		}
	});
</script>

<script type="text/javascript">
	$(window).scroll(function () {
		if ($(this).scrollTop() > 50) {
			$('.backtotop').fadeIn();
		} else {
			$('.backtotop').fadeOut();
		}
	});

	$('.backtotop').click(function () {
		$('body,html').animate({
			scrollTop: 0
		}, 1200);
		return false;
	});
</script>



        <a id="yt-totop" class="backtotop" href="#"><i class="fa fa-angle-up"></i>Top </a>
        

		
		
        <div id="articleModal" class="modal fade" role="form">
            <div class="modal-dialog modal-lg vertical-align-center-modal">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body">
                        <p>Some text in the modal.</p>
                    </div>

                </div>
            </div>
        </div>

</div> 
        
    

<script type="text/javascript">
//<![CDATA[
window.__TsmHiddenField = $get('RadScriptManager1_TSM');Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadWindowManager, {"clientStateFieldID":"RadWindowManager1_ClientState","formID":"form1","iconUrl":"","minimizeIconUrl":"","name":"RadWindowManager1","skin":"Default","windowControls":"[]"}, null, null, $get("RadWindowManager1"));
});
//]]>
</script>
</form>

    



     <script type="text/javascript">
         (function () {
             var elms = document.getElementsByTagName("*"), i, len, ids = {}, id;
             for (i = 0, len = elms.length; i < len; i += 1) {
                 id = elms[i].id || null;
                 if (id) {
                     ids[id] = ids.hasOwnProperty(id) ? ids[id] += 1 : 0;
                 }
             }
             for (id in ids) {
                 if (ids.hasOwnProperty(id)) {
                     if (ids[id]) {
                         console.warn("Multiple IDs #" + id);
                     }
                 }
             }
         }());

         //  var $ = jQuery.noConflict();

         function SearchProcess(event, query) {
             if (event.keyCode == 13) {
                 OnSearch(query);
                 return false;
             }
             return true;
         }
         function OnSearch(query) {
             PSCPortal.Services.CMS.SearchAndPaging(query, currentPage, OnSearchSuccess, OnSearchFailed);
         }

         function OnSearchSuccess(results, context, methodName) {

             LoadContentAndPaging(results);
         }
         function OnSearchFailed(results, context, methodName) {
         }

         function retitleUrl(str) {
             str = str.replace(/^\s+|\s+$/g, ''); // trim
             str = str.toLowerCase();
             // remove accents, swap ñ for n, etc
             var from = "àáảãạăằắẳẵặâầấẩẫậđèéẻẽẹêềếểễệìíỉĩịòóỏõọôồốổỗộơờớởỡợùúủũụưừứửữựỳýỷỹỵ·/_,:;";
             var to = "aaaaaaaaaaaaaaaaadeeeeeeeeeeeiiiiiooooooooooooooooouuuuuuuuuuuyyyyy------";
             for (var i = 0, l = from.length ; i < l ; i++) {
                 str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
             }
             str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
                 .replace(/\s+/g, '-') // collapse whitespace and replace by -
                 .replace(/-+/g, '-'); // collapse dashes
             return str;
         };

         function popunder() {
             $('a').not('[href^="http"],[href^="https"],[href^="mailto:"],[href^="#"]').each(function () {
                 $(this).attr('href', function (index, value) {
                     if (value != undefined) {
                         var index = value.indexOf("Default.aspx");
                         if (index >= 0)
                             return value = "/" + value.substring(index, value.length);

                     }
                 });
             });
         }
         //popup dialog
         function showDialogInfomation(dialogId) {
             PSCPortal.Services.CMS.GetArticleContent(dialogId, GetArticleContentCallback);
         }
         function GetArticleContentCallback(result) {

             $('#articleModal').find('.modal-body').html(result);
             $('#articleModal').modal();

             $('#articleModal').find('.modal-body').html(result);
             $('#articleModal').modal();

         }


         //smooth scroll to top
         //pscjqback_to_top.on('click', function (event) {
         //    event.preventDefault();
         //    $('body,html').animate({
         //        scrollTop: 0,
         //    }, scroll_top_duration);
         //});


         $(window).scroll(function () {
             if ($(this).scrollTop() > 50) {
                 $('.backtotop').fadeIn();
                 $('.backtotop').css("display", "block");
             } else {
                 $('.backtotop').fadeOut();
             }
         });
         //$.scrollSpeed(100, 800);

        </script>

    	<!--  GO TO TOP -->	
			<script type="text/javascript">
			    $(window).scroll(function () {
			        if ($(this).scrollTop() > 50) {
			            $('.backtotop').fadeIn();
			        } else {
			            $('.backtotop').fadeOut();
			        }
			    });

			    $('.backtotop').click(function () {
			        $('body,html').animate({
			            scrollTop: 0
			        }, 1200);
			        return false;
			    });



			</script>
			<!-- /GO TO TOP -->
			

    <script type="text/javascript" src="/Scripts/knockout-2.3.0.js"></script>
    <script src="/Scripts/Common.js" type="text/javascript"></script>
    <script src="/Scripts/PagingContent.js" type="text/javascript"></script>
    <script src="/Scripts/zebra_dialog.js" type="text/javascript"></script>
   
    
     
    <script type="text/javascript">
        $(function () {
            /* slider have img kesach*/
            $('#owl-demo-kesach').owlCarousel({
                loop: true,
                responsiveClass: true,
                nav: true,
                autoplay: true,
                margin: 10,
                dots: false,
                responsive: {
                    300: {
                        items: 1,
                    },
                    700: {
                        items: 2,
                    },
                    // 750:{
                    //     items:3,
                    // },
                    850: {
                        items: 3,
                    },
                    992: {
                        items: 5,
                    }
                }
            })
            /* slider last*/

            /* Book slider 2 effect config */
            $('#owl-slider-book-horizontal2').owlCarousel({
                loop: true,
                responsiveClass: true,
                nav: true,
                autoplay: true,
                margin: 10,
                dots: false,
                responsive: {
                    300: {
                        items: 1,
                    },
                    700: {
                        items: 2,
                    },
                    750: {
                        items: 3,
                    },
                    850: {
                        items: 4,
                    },
                    992: {
                        items: 5,
                    }
                }
            })


        });
    </script>
	
	<!-- Trang thu vien -->
	<script src="/Resources/assets/index/resourcesTV/js/jquery.cookie.js"></script>
	
	<div id="bookDetailModal" class="modal fade" role="dialog" style="z-index: 96969696;" onclick=" $('.nextArraypanel').hide();">
		<div class="modal-dialog modal-lg" style="width:95%;height:90%;">
			<div class="modal-content" style="height:100%">
				<div class="modal-header">
					<i class ="close fa fa-window-close" aria-hidden="true" style="color: #ff0b00;font-size: 30pt;position: relative;left: 10px;top: -5px;" data-dismiss="modal" onclick=" $('.nextArraypanel').hide();"></i>
					<!--button type="button" class="close" ></button-->
					<h4 class="modal-title">Thông tin tài liệu</h4>
				</div>
				<div class="modal-body" style="width:100%;height:90%"></div>
			</div>
		</div>
	</div>
	<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-P9BPFM"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-P9BPFM');</script>
</body>
</html>
