Index: backoffice/html/invoiceBilling/content-container.html =================================================================== diff -u -rb2af5eef60b0cc50cc3982a901a3a393b2889fe8 -ree893380cf99729ba4e96f08adc5e3a6ed2d60a6 --- backoffice/html/invoiceBilling/content-container.html (.../content-container.html) (revision b2af5eef60b0cc50cc3982a901a3a393b2889fe8) +++ backoffice/html/invoiceBilling/content-container.html (.../content-container.html) (revision ee893380cf99729ba4e96f08adc5e3a6ed2d60a6) @@ -1,171 +1,1159 @@ -
-
-
-
-
-
- -
-
-
-
- #4346345 - 2024/05/07 -
-
- Some Invoice number description or whatever -
-
-
-
-
-
-
-
-
-

Beginner Savers

-

For people who are starting out in the water saving business

-
$19/ month
-
    -
  • Free water saving e-book
    • -
  • Free access to forums
    • -
  • Beginners tips
    • -
- -
-
-

Advanced Savers

-

For experienced water savers who'd like to push their limits

-
$29/ month
-
    -
  • Free water saving e-book
    • -
  • Free access to forums
    • -
  • Advanced saving tips
    • -
- -
-
-

Pro Savers

-

For all the professionals who'd like to educate others, too

-
$79/ month
-
    -
  • Access to all books
    • -
  • Unlimited board topics
    • -
  • Beginners tips
    • -
- -
-
-
-
-
-
-
-
-

Company Information

-

- (주) 313DEVGRP -

-
- Dongmin.Lee
- 313 B/D Dosan-daero, Gangnam-gu, Seoul, Republic of Korea
- 06021
- e-mail: 313cokr@gmail.com
- phone: (010) 5093-7313
- website: https://www.313.co.kr
-
-
-
-

Client Information

-

- (주) KaKao Entertainment -

-
- Gisu.Gwon
- 231, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Republic of Korea
- 13494
- e-mail: finance@kakao.com
- phone: (010) 1234-5678
- website: https://kakaoent.com -
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#ItemQuantityTotal
1ARMS120,000,000.00 ₩ (KRW)
2BackOffice10.00
3JSTF10.00
-
-
-
-
-
-
-
-

Subtotal

-

Tax(10%)

-

Total

-
-
-

20,000,000.00 ₩ (KRW)

-

2,000,000.00 ₩ (KRW)

-

22,000,000.00 ₩ (KRW)

-
-
-
-
-
- - -
-
-
-
+
+
+
+
+
+ +
+
+
+
+ #4346345 - 2024/05/07 +
+
+ Some Invoice number description or whatever +
+
+
+
+
+
+
+
+
+

Beginner Savers

+

For people who are starting out in the water saving business

+
$19/ month
+
    +
  • Free water saving e-book
    • +
  • Free access to forums
    • +
  • Beginners tips
    • +
+ +
+
+

Advanced Savers

+

For experienced water savers who'd like to push their limits

+
$29/ month
+
    +
  • Free water saving e-book
    • +
  • Free access to forums
    • +
  • Advanced saving tips
    • +
+ +
+
+

Pro Savers

+

For all the professionals who'd like to educate others, too

+
$79/ month
+
    +
  • Access to all books
    • +
  • Unlimited board topics
    • +
  • Beginners tips
    • +
+ +
+
+
+
+
+
+
+
+

Company Information

+

+ (주) 313DEVGRP +

+
+ Dongmin.Lee
+ 313 B/D Dosan-daero, Gangnam-gu, Seoul, Republic of Korea
+ 06021
+ e-mail: 313cokr@gmail.com
+ phone: (010) 5093-7313
+ website: https://www.313.co.kr
+
+
+
+

Client Information

+

+ (주) KaKao Entertainment +

+
+ Gisu.Gwon
+ 231, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Republic of Korea
+ 13494
+ e-mail: finance@kakao.com
+ phone: (010) 1234-5678
+ website: https://kakaoent.com +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#ItemQuantityTotal
1ARMS120,000,000.00 ₩ (KRW)
2BackOffice10.00
3JSTF10.00
+
+
+
+
+
+
+
+

Subtotal

+

Tax(10%)

+

Total

+
+
+

20,000,000.00 ₩ (KRW)

+

2,000,000.00 ₩ (KRW)

+

22,000,000.00 ₩ (KRW)

+
+
+
+
+
+ + +
+ +
+
+
+
Compare all plans
+
+ + + + + + + + + +
+
+
+ + +
+
+ 		+
+
+
+ Beginner + $19/month +
+
+ +
+
+
+ 		+
+
+
+ Advanced + $29/month +
+
+ +
+
+
+ 		+
+
+
+ Pro + $79/month +
+
+ +
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Usage Limits +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
BeginnerAdvancedPro
+
+
+
+ Number of forms +
+
+ +
+
+
+ 		+
+
+ Unlimited +
+
+ 		+
+
+ Unlimited +
+
+ 		+
+
+ Unlimited +
+
+
+
+
+
+ Questions per form +
+
+ +
+
+
+ 		+
+
+ Unlimited +
+
+ 		+
+
+ Unlimited +
+
+ 		+
+
+ Unlimited +
+
+
+
+
+
+ Seats +
+
+ +
+
+
+ 		+
+
+ 1 +
+
+ 		+
+
+ 3 +
+
+ 		+
+
+ 5 +
+
+
+
+
+
+ Monthly response base +
+
+ +
+
+
+ 		+
+
+ 100 +
+
+ 		+
+
+ 1,000 +
+
+ 		+
+
+ 10,000 +
+
+
+
+
+
+ Maximum monthly response limit +
+
+ +
+
+
+ 		+
+
+ 750 +
+
+ 		+
+
+ 2,500 +
+
+ 		+
+
+ 50,000 +
+
+
+
+
+
+ Exclusive to growth plans + Monthly enrichment base +
+
+ +
+
+
+ 		+
+
+ Not Available +
+
+ 		+
+
+ Not Available +
+
+ 		+
+
+ Not Available +
+
+
+
+
+
+ Exclusive to growth plans + Maximum monthly enrichment limit +
+
+ +
+
+
+ 		+
+
+ Not Available +
+
+ 		+
+
+ Not Available +
+
+ 		+
+
+ Not Available +
+
+
+
+
+
+ Exclusive to growth plans + *Monthly video minute limits +
+
+ +
+
+
+ 		+
+
+ Not Available +
+
+ 		+
+
+ Not Available +
+
+ 		+
+
+ Not Available +
+
+
+
+
+
+ Exclusive to growth plans + *Monthly video view limits +
+
+ +
+
+
+ 		+
+
+ Not Available +
+
+ 		+
+
+ Not Available +
+
+ 		+
+
+ Not Available +
+
+
+
+
+
+
+ +
+
+
+
+
+ Be on-brand +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
BeginnerAdvancedPro
+
+
+
+ Start with a template +
+
+ +
+
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+
+
+
+
+ Add your brand logo +
+
+ +
+
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+
+
+
+
+ Customize your form’s metadata +
+
+ +
+
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+
+
+
+
+ Apply premium themes +
+
+ +
+
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+
+
+
+
+ Remove Typeform branding from your forms +
+
+ +
+
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+
+
+
+
+ Create a brand kit +
+
+ +
+
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+
+
+
+
+ Create custom links for different forms +
+
+ +
+
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+
+
+
+
+ Create a custom subdomain for your account +
+
+ +
+
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+
+
+
+
+ Add custom fonts (Coming soon!) +
+
+ +
+
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+
+
+
+
+ Connect a custom domain to your account +
+
+ +
+
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+ 		+
+
+ +
+
+
+
+
+
+
+
+
+ \ No newline at end of file Index: backoffice/js/invoiceBilling.js =================================================================== diff -u -rabf2bec5ad4b5581a20f1958c93eb854e732caca -ree893380cf99729ba4e96f08adc5e3a6ed2d60a6 --- backoffice/js/invoiceBilling.js (.../invoiceBilling.js) (revision abf2bec5ad4b5581a20f1958c93eb854e732caca) +++ backoffice/js/invoiceBilling.js (.../invoiceBilling.js) (revision ee893380cf99729ba4e96f08adc5e3a6ed2d60a6) @@ -86,9 +86,61 @@ // 사이드 메뉴 색상 설정 $(".widget").widgster(); setSideMenu("sidebar_menu_system", "sidebar_menu_system_billing"); + + BillingPlanObserver.setTarget("billing-plan-div","class"); + // BillingPlanObserver.startObserver(); + + // 모달이 열릴 때 body 스크롤 허용 + $(document).on('shown.bs.modal', function () { + $('body').removeClass('modal-open'); // 기본적으로 추가되는 클래스 제거 + $('body').css('overflow', 'auto'); // 스크롤 허용 + }); }) .catch(function (error) { console.error("플러그인 로드 중 오류 발생"); console.log(error); }); } + +var BillingPlanObserver = (function () { + let targetElement; + + var setTarget = function (target, type) { + if (type === "class") { + targetElement = $(`.${target}`)[0]; + } else if (type === "id" ) { + targetElement = $(`#${target}`)[0]; + } else { + targetElement = $(`${target}`)[0]; + } + }; + + var getTarget = function () { + return targetElement; + } + + let observer = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if (!entry.isIntersecting) { + console.log("화면에서 가려졌습니다."); + $("#stickyBilling").addClass("in"); + $("#stickyBilling").css("display","block"); + $("#stickyBilling").css("margin-right","2.5641%"); + } else { + console.log("화면에서 보입니다."); + $("#stickyBilling").removeClass("in"); + $("#stickyBilling").css("display","none"); + } + }); + },{ threshold: 0}); + + function startObserver() { + observer.observe(getTarget()); + + $('#stickyBilling').modal({ + backdrop: false, // 백드롭 비활성화 + keyboard: true // 키보드로 모달 닫기 가능 + }); + } + return { setTarget , startObserver }; +})(); \ No newline at end of file