https://gem.hanbiton.com/BeforeRegister/src/js/ui.js?t=20240221

1import backgroundMusic from "./backgroudMusic.js";
2import modal from "./modal.js";
3import validation from "./validation.js?t=20240221";
4import graph from "./graph.js";
5//import roulette from "./roulette.js";
6import autoHypen from './autoHypen.js';
7import userPhoneNumberValidation from './userPhoneNumberValidation.js';
8
9// 섹션별 애니메이션
10const sections = document.querySelectorAll('.section');
11const quickmenu = document.querySelector('.nav');
12const quickmenulinks = quickmenu.querySelectorAll('.nav-link');
13const observer = new IntersectionObserver((contents) => {
14  contents.forEach((content) => {
15    if (content.isIntersecting) {
16      content.target.classList.add('active');
17      if (content.target.classList.contains('section-main-page')) {
18        quickmenulinks[1].classList.add('active');
19      }
20      if (content.target.classList.contains('section-pre-registration')) {
21        quickmenulinks[2].classList.add('active');
22      }
23      if (content.target.classList.contains('section-pre-registration-store')) {
24        quickmenulinks[3].classList.add('active');
25      }
26      if (content.target.classList.contains('section-pre-registration-kakao-event')) {
27        quickmenulinks[4].classList.add('active');
28        //setTimeout(() => {
29        //  roulette();
30        //}, 500);
31      }
32    } else {
33      content.target.classList.remove('active');
34      if (content.target.classList.contains('section-main-page')) {
35        quickmenulinks[1].classList.remove('active');
36      }
37      if (content.target.classList.contains('section-pre-registration')) {
38        quickmenulinks[2].classList.remove('active');
39      }
40      if (content.target.classList.contains('section-pre-registration-store')) {
41        quickmenulinks[3].classList.remove('active');
42      }
43      if (content.target.classList.contains('section-pre-registration-kakao-event')) {
44        quickmenulinks[4].classList.remove('active');
45        //setTimeout(() => {
46        //  roulette();
47        //}, 500);
48      }
49    }
50  });
51},
52{
53  threshold: 0.5
54 });
55
56//사전예약수
57function GetReservationCount() {
58    $.ajax({

59        url: "/BeforeRegister/Ajax.aspx",
60        data: { CallMethodType: "GetResCount" },
61        type: 'post',
62        dataType: 'json',
63        async: true,
64        cache: false,
65        success: function (result) {
66            console.log(result);
67            console.log(result.ResultCode);
68            console.log(result.Data);
69            switch (result.ResultCode) {
70                case "0":
71                    document.querySelector('.people').dataset.people = result.Data;
72                    graph();            // 누적 사전예약자 수 그래프
73                    break;
74                default:
75                    break;
76            }
77        },
78        error: function (request, status, error) {
79            console.log("GetReservationCount ajax call fail code:" + request.status + "\n" + "message:" + request.responseText + "\n" + "error:" + error);
80            alert('일시적인 오류가 발생했습니다. 다시 시도해 주세요.');
81        }
82    });
83}
84
85
86// window load
87window.addEventListener('load', () => {
88  document.querySelector('.main-page-video').play();
89  backgroundMusic();  // background music handler
90  modal();            // modal handler
91  validation(autoHypen, userPhoneNumberValidation);       // 사전예약 유효성 검사
92  GetReservationCount();
93  
94  sections.forEach((section) => observer.observe(section));
95});