From a8396b24ab0471c4bc8673da3ff3bf022155c56a Mon Sep 17 00:00:00 2001
From: JSYOO <JSYOO@DESKTOP-U1IONCV>
Date: Wed, 1 Dec 2021 13:54:30 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8D=BC=EB=B8=94=ED=8C=80=20script=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=EC=9A=94=EC=B2=AD=20=EB=B0=8F=20=EA=B4=80?=
 =?UTF-8?q?=EC=8B=AC=EC=9E=90=EB=A3=8C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp | 270 +++++++++---------
 .../jsp/nlib/collection/listInterests.jsp     |  10 +-
 .../jsp/nlib/collection/searchItemDetail.jsp  | 163 ++++++-----
 3 files changed, 227 insertions(+), 216 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
index 7dd99da8..33d4e070 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
@@ -389,141 +389,141 @@ function fn_listPops(typeDivCd) {
     <sec:authorize access="isAuthenticated()">
     <button type="button" id="mo-member-btn" class="member-btn" onclick="fn_getMemberCard();">회원증 보러가기</button>
     </sec:authorize>
-
 <script>
-	/* 메인슬라이드 */
-	var myswiper = new Swiper(".MainSwiper", {
-	    loop: true,
-	    slidesPerView: 1,
-	    spaceBetween: 0,
-	    centeredSlides: true,
-	    autoplay: {
-	        delay: 4000,
-	        disableOnInteraction: false,
-	    },
-	    navigation: {
-	        nextEl: ".swiper-button-next",
-	        prevEl: ".swiper-button-prev",
-	    },
-	    pagination: {
-			el: '.pagination .swiper-pagination',
-			type: 'fraction',
-		}
-	});
-	
-	$('.remote').click(function () {
-		if($(this).hasClass('restart')){
-			$(this).removeClass('restart');
-			myswiper.autoplay.start();
-		}else{
-			$(this).addClass('restart');
-			myswiper.autoplay.stop();
-		}
-	});
+   /* 메인슬라이드 */
+   var myswiper = new Swiper(".MainSwiper", {
+       loop: true,
+       slidesPerView: 1,
+       spaceBetween: 0,
+       centeredSlides: true,
+       autoplay: {
+           delay: 4000,
+           disableOnInteraction: false,
+       },
+       navigation: {
+           nextEl: ".swiper-button-next",
+           prevEl: ".swiper-button-prev",
+       },
+       pagination: {
+         el: '.pagination .swiper-pagination',
+         type: 'fraction',
+      }
+   });
+   
+   $('.remote').click(function () {
+      if($(this).hasClass('restart')){
+         $(this).removeClass('restart');
+         myswiper.autoplay.start();
+      }else{
+         $(this).addClass('restart');
+         myswiper.autoplay.stop();
+      }
+   });
 
-	var windowWidth = $(window).width();
-	var _slidesPerView = 5;
-	var _slidesPerViewpopula = 4;
-	var _slidesPerViewOnline = 7;
-	var _spaceBetween = 30;
-	
-	if (windowWidth < 1400) {
-		_slidesPerView = 3;
-		_slidesPerViewpopula = 2;
-		_slidesPerViewOnline = 3;
-		_spaceBetween = 20;
-	}
-	if (windowWidth < 480) {
-		_slidesPerView = 1;
-		_slidesPerViewpopula = 1;
-		_slidesPerViewOnline = 1.5;
-		_spaceBetween = 20;
-	}
-
-	
-	/* 문화원s pick */
-	var swiper = new Swiper('.pickSwiper', {
-		loop : false,
-		slidesPerView : _slidesPerView,
-		spaceBetween : _spaceBetween,
-		centeredSlides : false,
-		autoplay : {
-			delay : 2500,
-			disableOnInteraction : false,
-		},
-		navigation : {
-			nextEl : ".swiper-button-next",
-			prevEl : ".swiper-button-prev",
-		},
-		/*
-		pagination: {
-		    el: ".swiper-pagination",
-		    clickable: true,
-		},
-		 */
-	    on: {
-	        init: function () {
-	            if (this.slides.length <= 5) {
-	                // First way:
-	                this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
-	                this.el.querySelector(".swiper-button-prev").style.visibility = "hidden";  // hiding arrows prev&next
-	                this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
-	            }
-	        }
-	    }
-	});
-	
-	/* 온라인 자료관 */
-	var swiper = new Swiper('.onlineSwiper', {
-		loop : true,
-		slidesPerView : _slidesPerViewOnline,
-		spaceBetween : _spaceBetween,
-		centeredSlides : true,
-		// autoplay: {
-		//     delay: 4000,
-		//     disableOnInteraction: false,
-		// },
-		navigation : {
-			nextEl : ".swiper-button-next",
-			prevEl : ".swiper-button-prev",
-		},
-	    on: {
-	        init: function () {
-	            if (this.slides.length <= 5) {
-	                // First way:
-	                this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
-	                this.el.querySelector(".swiper-button-prev").style.visibility = "hidden";  // hiding arrows prev&next
-	                this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
-	            }
-	        }
-	    }
-	});
-	
-	/* 인기자료 */
-	var swiper = new Swiper('.popularSwiper', {
-		loop: false,
-		slidesPerView : _slidesPerViewpopula,
-		spaceBetween : _spaceBetween,
-		autoplay : {
-			delay : 2500,
-			disableOnInteraction : false,
-		},
-		centeredSlides : false,
-		pagination : {
-			el : ".swiper-pagination",
-		},
-	    on: {
-	        init: function () {
-	            if (this.slides.length <= 5) {
-	                // First way:
-	                this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
-	                //this.el.querySelector(".swiper-button-prev").style.visibility = "hidden";  // hiding arrows prev&next
-	                //this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
-	                this.querySelector(".swiper-pagination").style.visibility = "hidden";
-	            }
-	        }
-	    }
-	});
+   var windowWidth = $(window).width();
+   var _slidesPerView = 5;
+   var _slidesPerViewpopula = 4;
+   var _slidesPerViewOnline = 7;
+   var _spaceBetween = 30;
+   var _lenght = 5;
+   
+   if (windowWidth < 1400) {
+      _slidesPerView = 3;
+      _slidesPerViewpopula = 2;
+      _slidesPerViewOnline = 3;
+      _spaceBetween = 20;
+      _lenght = 1;
+   }
+   if (windowWidth < 480) {
+      _slidesPerView = 1;
+      _slidesPerViewpopula = 1;
+      _slidesPerViewOnline = 1.5;
+      _spaceBetween = 20;
+      _lenght = 1;
+   }
+   
+   /* 문화원s pick */
+   var swiper = new Swiper('.pickSwiper', {
+      loop : false,
+      slidesPerView : _slidesPerView,
+      spaceBetween : _spaceBetween,
+      centeredSlides : false,
+      autoplay : {
+         delay : 2500,
+         disableOnInteraction : false,
+      },
+      navigation : {
+         nextEl : ".swiper-button-next",
+         prevEl : ".swiper-button-prev",
+      },
+      /*
+      pagination: {
+          el: ".swiper-pagination",
+          clickable: true,
+      },
+       */
+       on: {
+           init: function () {
+               if (this.slides.length <= _lenght) {
+                   // First way:
+                   this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
+                   this.el.querySelector(".swiper-button-prev").style.visibility = "hidden";  // hiding arrows prev&next
+                   this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
+               }
+           }
+       }
+   });
+   
+   /* 온라인 자료관 */
+   var swiper = new Swiper('.onlineSwiper', {
+      loop : true,
+      slidesPerView : _slidesPerViewOnline,
+      spaceBetween : _spaceBetween,
+      centeredSlides : true,
+      // autoplay: {
+      //     delay: 4000,
+      //     disableOnInteraction: false,
+      // },
+      navigation : {
+         nextEl : ".swiper-button-next",
+         prevEl : ".swiper-button-prev",
+      },
+       on: {
+           init: function () {
+               if (this.slides.length <= _lenght) {
+                   // First way:
+                   this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
+                   this.el.querySelector(".swiper-button-prev").style.visibility = "hidden";  // hiding arrows prev&next
+                   this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
+               }
+           }
+       }
+   });
+   
+   /* 인기자료 */
+   var swiper = new Swiper('.popularSwiper', {
+      loop: false,
+      slidesPerView : _slidesPerViewpopula,
+      spaceBetween : _spaceBetween,
+      autoplay : {
+         delay : 2500,
+         disableOnInteraction : false,
+      },
+      centeredSlides : false,
+      pagination : {
+         el : ".swiper-pagination",
+      },
+       on: {
+           init: function () {
+               if (this.slides.length <= _lenght) {
+                   // First way:
+                   this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
+                   //this.el.querySelector(".swiper-button-prev").style.visibility = "hidden";  // hiding arrows prev&next
+                   //this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
+                   this.querySelector(".swiper-pagination").style.visibility = "hidden";
+               }
+           }
+       }
+   });
+   
 </script>
-
-
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp
index e93dff52..bb76be24 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp
@@ -50,21 +50,20 @@
  }); // document ready
 
  function selectAll(){
-        if($("#allChk").is(":checked") == false)
+        if($("#allChk").prop("checked") == false)
         {
             $("#allChk").prop("checked", true);
             selectAllChk();
-        }else if($("#allChk").is(":checked") == true)
+        }else if($("#allChk").prop("checked") == true)
         {
             $("#allChk").prop("checked", false);
             selectAllChk();
         }
-        chkCount();
     }
  function chkCount()
  {
 	 $("input:checkbox[name = 'interestChk']").each(function() {
-		if($(this).is(":checked") == false)
+		if($(this).prop("checked") == false)
 		{
 			$("#allChk").prop("checked", false);	    			
 		}
@@ -120,6 +119,7 @@
      {
          $("input:checkbox[name = 'interestChk']").prop("checked", true);
      }
+     chkCount();
  }
  
 //상세보기
@@ -176,7 +176,7 @@
          t_title += "<div class=\"t-cultural t-mo\">문화원</div>"
          t_title += "<div class=\"t-data t-mo\">자료정보</div>"
          t_title += "<div class=\"t-btn t-mo\">이용</div>"
-         t_title += "<div class=\"t-delete mo-ver\">선택삭제</div>"
+         t_title += "<div class=\"t-delete mo-ver\" onclick=\"deleteInterests('multiple','');\">선택삭제</div>"
          t_title += "</div>"
          t_title += "<li class=\"no-result\" style=\"display:none;\">"
          t_title += "<span>검색결과가 없습니다.</span>"
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
index c0cd0d6a..81794d96 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
@@ -395,81 +395,92 @@ function goList(){
 
 
 <script>
-     var windowWidth = $(window).width();
-     var _slidesPerView = 4;
-     if (windowWidth < 480) {
-         _slidesPerView = 1;
-     }
-     
-     /* 함께 볼만한자료 슬라이드 */
-  	var swiper = new Swiper('.DetailSwiper1', {
-  		loop: false,
-         slidesPerView: _slidesPerView,
-         spaceBetween: 30,
-         centeredSlides: false,
-         autoplay: {
-             delay: 2500,
-             disableOnInteraction: false,
-         },
-         navigation: {
-             nextEl: ".swiper-button-next",
-             prevEl: ".swiper-button-prev",
-         },
-         /*
-         pagination: {
-             el: ".swiper-pagination",
-             clickable: true,
-         },
-         */
-  	    on: {
-  	        init: function () {
-  	            if (this.slides.length <= 5) {
-  	                // First way:
-  	                this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
-  	                this.el.querySelector(".swiper-button-prev").style.visibility = "hidden";  // hiding arrows prev&next
-  	                this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
-  	            }
-  	        }
-  	    }
-  	});
+  var windowWidth = $(window).width();
+  var _slidesPerView = 4;
+  var _lenght = 5;
+  if (windowWidth < 1400) {
+      _slidesPerView = 3;
+      _lenght = 3;
+  }
+  if (windowWidth < 480) {
+      _slidesPerView = 1;
+      _lenght = 1;
+  }
+  
+  /* 함께 볼만한자료 슬라이드 */
+  var swiper = new Swiper('.DetailSwiper1', {
+     loop: false,
+      slidesPerView: _slidesPerView,
+      spaceBetween: 30,
+      centeredSlides: false,
+      autoplay: {
+          delay: 2500,
+          disableOnInteraction: false,
+      },
+      navigation: {
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev",
+      },
+      /*
+      pagination: {
+          el: ".swiper-pagination",
+          clickable: true,
+      },
+      */
+      on: {
+          init: function () {
+              if (this.slides.length <= _lenght) {
+                  // First way:
+                  this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
+                  this.el.querySelector(".swiper-button-prev").style.visibility = "hidden";  // hiding arrows prev&next
+                  this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
+              }
+          }
+      }
+  });
 
-     var _slidesPerViewBottom = 5;
-     var _spaceBetween = 30;
-     if (windowWidth < 480) {
-         _slidesPerViewBottom = 1.5;
-         _spaceBetween = 20;
+  var _slidesPerViewBottom = 5;
+  var _spaceBetween = 30;
+  if (windowWidth < 1400) {
+      _slidesPerView = 3;
+      _lenght = 3;
+  }
+  if (windowWidth < 480) {
+      _slidesPerViewBottom = 1.5;
+      _spaceBetween = 20;
+      _lenght = 1;
+  }
+  
+  /* 유사한 자료 슬라이드 */
+ var swiper = new Swiper('.DetailSwiper2', {
+    loop: true,
+     slidesPerView: _slidesPerViewBottom,
+     spaceBetween: _spaceBetween,
+     centeredSlides: true,
+     autoplay: {
+         delay: 2500,
+         disableOnInteraction: false,
+     },
+     navigation: {
+         nextEl: ".swiper-button-next",
+         prevEl: ".swiper-button-prev",
+     },
+     /*
+     pagination: {
+         el: ".swiper-pagination",
+         clickable: true,
+     },
+     */
+     on: {
+         init: function () {
+             if (this.slides.length <= _lenght) {
+                 // First way:
+                 this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
+                 this.el.querySelector(".swiper-button-prev").style.visibility = "hidden";  // hiding arrows prev&next
+                 this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
+             }
+         }
      }
-     
-     /* 유사한 자료 슬라이드 */
- 	var swiper = new Swiper('.DetailSwiper2', {
- 		loop: false,
-        slidesPerView: _slidesPerViewBottom,
-        spaceBetween: _spaceBetween,
-        centeredSlides: false,
-        autoplay: {
-            delay: 2500,
-            disableOnInteraction: false,
-        },
-        navigation: {
-            nextEl: ".swiper-button-next",
-            prevEl: ".swiper-button-prev",
-        },
-        /*
-        pagination: {
-            el: ".swiper-pagination",
-            clickable: true,
-        },
-        */
- 	    on: {
- 	        init: function () {
- 	            if (this.slides.length <= 1) {
- 	                // First way:
- 	                this.allowSlidePrev = this.allowSlideNext = false; // disabling swiping
- 	                this.el.querySelector(".swiper-button-prev").style.visibility = "hidden";  // hiding arrows prev&next
- 	                this.el.querySelector(".swiper-button-next").style.visibility = "hidden";
- 	            }
- 	        }
- 	    }
- 	});
-     
-   </script>
\ No newline at end of file
+ });
+  
+</script>
\ No newline at end of file