507 lines
23 KiB
PHP
507 lines
23 KiB
PHP
<?php include_once __DIR__ . '/asset_urls.php'; ?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-STZ2R5Q7HG"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-STZ2R5Q7HG');
|
|
</script>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>인터페이스</title>
|
|
<link rel="stylesheet" href="../css/reset.css"/>
|
|
<link rel="stylesheet" href="../css/font.css"/>
|
|
<link rel="stylesheet" href="../css/style.css"/>
|
|
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css" type="text/css"/>
|
|
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
|
<script src="https://unpkg.com/lenis@1.1.9/dist/lenis.min.js"></script>
|
|
<link rel="stylesheet" href="https://unpkg.com/lenis@1.1.9/dist/lenis.css">
|
|
<script type="text/javascript" src="../js/jquery-3.6.1.min.js"></script>
|
|
<script type="text/javascript" src="../js/jquery.mousewheel.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollToPlugin.min.js"></script>
|
|
<!-- 듀얼모니터 시퀀스애니메이션 스크립트 -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script>
|
|
<!-- 듀얼모니터 시퀀스애니메이션 스크립트 -->
|
|
<script type="text/javascript" src="../js/common.js"></script>
|
|
<script type="text/javascript" src="../js/popup.js"></script>
|
|
<script type="text/javascript" src="../js/interface.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-- "js__"로 시작하는 클래스는 only 자바스크립트용입니다. -->
|
|
<!-- XXXX js__넣어서 css 작성 금지 XXXX -->
|
|
<div class="wrapper">
|
|
<input id="hid_mb_id" type="hidden" value="<?echo $_SESSION['session_id'];?>"></input>
|
|
|
|
<!-- HEADER -->
|
|
<?php include_once($member_skin_path.'/main_header.skin.php'); ?>
|
|
<!-- //Header -->
|
|
|
|
<!-- 모든 팝업페이지 경로 -->
|
|
<?php
|
|
include_once($member_skin_path.'/login.skin.php');
|
|
include_once($member_skin_path.'/mypage01.skin.php');
|
|
include_once($member_skin_path.'/register.skin.php');
|
|
include_once($member_skin_path.'/register_form.skin.php');
|
|
include_once($member_skin_path.'/mypage02.skin.php');
|
|
include_once($member_skin_path.'/mypage03.skin.php');
|
|
include_once($member_skin_path.'/sitemap.skin.php');
|
|
include_once($member_skin_path.'/privacy.skin.php');
|
|
include_once($member_skin_path.'/password_lost.skin.php');
|
|
?>
|
|
<!-- 컨텐츠 시작 -->
|
|
<div class="container interface">
|
|
<div class="mouse_mark js__mouse_mark" style="display:none"><span>SCROLL</span></div>
|
|
<div class="mouse_mark js__mouse_mark02" style="display:none"><span>SCROLL</span></div>
|
|
<section class="intro">
|
|
<div class="top js__dark">
|
|
<h2 data-aos="fade-down" data-aos-duration="1000">인터페이스</h2>
|
|
<span>사용자 경험을 바탕으로 한 UX 디자인 적용</span>
|
|
</div>
|
|
</section>
|
|
<section class="route js__mouse_area">
|
|
<div class="fix">
|
|
<div class="keyword">
|
|
<i class="egbim_obj k"></i>
|
|
<span>Easy & Simple</span>
|
|
<p>기존의 복잡한 작업환경에서 벗어나<br class="brk"> <b>쉽고 단순한 인터페이스</b>를 제공합니다.</p>
|
|
</div>
|
|
<div class="content">
|
|
<ul class="subs">
|
|
<li class="on">
|
|
<span class="sub_tit">Interface</span>
|
|
<span class="mid_tit">쉽고 단순한<br> <b>인터페이스</b></span>
|
|
<span class="sub_text">
|
|
사용자의 편의성을 최우선으로 고려하여, 기존의 복잡하고 혼란스러운 인터페이스 대신<br class="brk"> <b>간결하고 직관적인 메뉴 구성</b>을 통해 누구나 쉽게 사용 할 수 있는 사용자 친화적인 환경을 제공합니다.
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span class="sub_tit">Grouping</span>
|
|
<span class="mid_tit"><b>기능별로 그룹화</b>하여 <br>차별화된 디자인</span>
|
|
<span class="sub_text">
|
|
복잡한 인터페이스를 간소화하고, <b>기능별로 메뉴를 체계적으로 그룹화</b> 하여<br class="brk"> 사용자가 필요한 기능을 쉽게 찾을 수 있도록 구성했습니다.
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span class="sub_tit">Imaging</span>
|
|
<span class="mid_tit">정보전달 방식의<br> <b>이미지화</b></span>
|
|
<span class="sub_text">
|
|
객체의 속성 정보를 사용자기 쉽게 이해할 수 있도록<br class="brk"> <b>이미지와 함께 시각적으로 표현</b>하여 정보전달의 명확성를 높였습니다.
|
|
<ul>
|
|
<li>객체 종류에 따른 차별화된 속성정보 창 제공</li>
|
|
<li>객체의 기본정보, 형상정보, 위치정보 구분하여 제공</li>
|
|
<li>많은 정보의 가독성 및 가시성 증대로 작업성 향상</li>
|
|
</ul>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<ul class="imgs">
|
|
<li class="on">
|
|
<span>파일메뉴</span>
|
|
<span>객체 주요특성 표시</span>
|
|
<span>작업환경 설정</span>
|
|
<span>명령어 아이콘</span>
|
|
<span>넓은 작업공간</span>
|
|
<div class="img_box">
|
|
<object data="<?php echo egbim_img_url('interface_img_01.svg'); ?>"></object>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span>객체 주요특성 메뉴</span>
|
|
<span>홈 메뉴</span>
|
|
<span>작업환경 아이콘바</span>
|
|
<span>명령어 아이콘바</span>
|
|
<div class="img_box">
|
|
<object data="<?php echo egbim_img_url('interface_img_02.svg'); ?>"></object>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span>객체 선택 속성창</span>
|
|
<div class="img_box">
|
|
<object data="<?php echo egbim_img_url('interface_img_03.svg'); ?>"></object>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="sec1"></div>
|
|
<div id="sec2"></div>
|
|
<div id="sec3"></div>
|
|
</section>
|
|
|
|
<section class="dual full_screen" id="dualm">
|
|
<div class="dual_top js__mouse_area02">
|
|
<div class="sub_tit">
|
|
듀얼모니터 작업공간 <br>
|
|
<b>두개의 모니터 사용으로 새로운 작업공간</b>을<br class="brk"> 경험 할 수 있습니다.
|
|
</div>
|
|
<div id="imagesequence" class="pin" style="text-align: center;">
|
|
<img id="myimg" src="<?php echo egbim_img_url('com_img/comp_1.png'); ?>">
|
|
</div>
|
|
</div>
|
|
<div class="detail">
|
|
<div class="sub_tit">
|
|
<b>작업공간의 분리</b> 및 <b>연동기능</b>으로<br>
|
|
편리하게 동시작업
|
|
</div>
|
|
<div class="subs">
|
|
<div class="element">
|
|
<div class="exam">
|
|
<div class="exam_01">
|
|
<span>모델공간</span>
|
|
<img src="<?php echo egbim_img_url('dual_img01_01.png'); ?>" alt="">
|
|
</div>
|
|
<div class="exam_02">
|
|
<span>레이아웃(배치)공간</span>
|
|
<img src="<?php echo egbim_img_url('dual_img01_02.png'); ?>" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="sub_text">
|
|
<span>
|
|
레이아웃(배치)공간을 분리하고 연동기능 적용으로<br>
|
|
모델공간과 레이아웃공간의 <b>번거로운 이동 없이 두 공간 동시 작업</b>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="element">
|
|
<div class="exam">
|
|
<div class="exam_01">
|
|
<span>작업도면</span>
|
|
<img src="<?php echo egbim_img_url('dual_img02_01.png'); ?>" alt="">
|
|
</div>
|
|
<div class="exam_02">
|
|
<span>참고도면</span>
|
|
<img src="<?php echo egbim_img_url('dual_img02_02.png'); ?>" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="sub_text">
|
|
<span>
|
|
도면 작업시 참고해야할 도면의 작업공간을 따로 분리 하여<br>
|
|
<b>참고도면이 변경될 걱정없이</b> 읽기전용 모드에서 작업
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<!-- FOOTER -->
|
|
<?php include_once($member_skin_path.'/main_footer.skin.php'); ?>
|
|
<!-- //FOOTER -->
|
|
</div>
|
|
<script>
|
|
AOS.init();
|
|
|
|
const lenis = new Lenis()
|
|
lenis.on('scroll', (e) => {
|
|
// console.log(e)
|
|
})
|
|
lenis.on('scroll', ScrollTrigger.update)
|
|
gsap.ticker.add((time)=>{
|
|
lenis.raf(time * 1000)
|
|
})
|
|
gsap.ticker.lagSmoothing(0)
|
|
|
|
// 페이지 로드 시에도 실행하여 초기 상태 확인
|
|
if (window.innerWidth <= 1200) {
|
|
const element = document.getElementById('dualm');
|
|
if (element) {
|
|
console.log('b')
|
|
element.removeAttribute('id');
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
<script>
|
|
// 회원 탈퇴
|
|
function member_leave() {
|
|
if (confirm("회원에서 탈퇴 하시겠습니까?"))
|
|
location.href = '<?php echo G5_BBS_URL ?>/member_leave.php';
|
|
}
|
|
// 회원 탈퇴
|
|
|
|
|
|
let x = document.cookie;
|
|
if(x.includes("tmp_1=John")){
|
|
deleteCookie("tmp_1");
|
|
$('#pop_mypage02').show();
|
|
}
|
|
|
|
function deleteCookie(name) {
|
|
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/egbim;";
|
|
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/egbim/bbs;";
|
|
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/egbim/faq;";
|
|
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/egbim/qa;";
|
|
}
|
|
function getCookie(cname) {
|
|
let name = cname + "=";
|
|
let decodedCookie = decodeURIComponent(document.cookie);
|
|
let ca = decodedCookie.split(';');
|
|
for(let i = 0; i <ca.length; i++) {
|
|
let c = ca[i];
|
|
while (c.charAt(0) == ' ') {
|
|
c = c.substring(1);
|
|
}
|
|
if (c.indexOf(name) == 0) {
|
|
return c.substring(name.length, c.length);
|
|
}
|
|
}
|
|
return "";
|
|
}
|
|
|
|
//descope 로그인, 로그아웃 js
|
|
function updateHeaderMenu() {
|
|
var isLoggedIn = !!sessionStorage.getItem("sessionJwt");
|
|
// role 체크 예시 (로그인 시 저장해놓은 값)
|
|
var isAdmin = sessionStorage.getItem('userRole') === 'super';
|
|
|
|
if (isLoggedIn) {
|
|
$('.my_join2, .my_login2').show();
|
|
$('.my_join, .my_login').hide();
|
|
|
|
// 마이페이지/관리자 메뉴 동적 출력
|
|
if (isAdmin) {
|
|
$('#my_join2').html("<a href='http://eg-bim.com/egbim/adm/index.php' target='_blank'>관리페이지</a>");
|
|
} else {
|
|
$('#my_join2').html("<a href='javascript:mypage03();'>마이페이지</a>");
|
|
}
|
|
} else {
|
|
$('.my_join2, .my_login2').hide();
|
|
$('.my_join, .my_login').show();
|
|
$('#my_join2').html(""); // 혹시모를 내용 초기화
|
|
}
|
|
}
|
|
|
|
function descopeLogout() {
|
|
fetch('/egbim/skin/member/basic/descope_logout.php', {
|
|
method: 'POST',
|
|
credentials: 'include' // PHPSESSID 쿠키 전송
|
|
})
|
|
.then(res => {
|
|
if (!res.ok) throw new Error('서버 로그아웃 실패');
|
|
// 1) 로컬 저장소 정리
|
|
// sessionStorage.removeItem("refreshJwt");
|
|
// sessionStorage.removeItem("sessionJwt");
|
|
// sessionStorage.removeItem("userRole");
|
|
// sessionStorage.removeItem("userName");
|
|
// sessionStorage.removeItem("loginId");
|
|
|
|
sessionStorage.clear();
|
|
localStorage.clear();
|
|
// 2) UI 갱신
|
|
updateHeaderMenu();
|
|
// 3) 로그인 페이지로 이동
|
|
window.location.href = '/egbim/index.php';
|
|
})
|
|
.catch(err => {
|
|
console.error(err);
|
|
alert('로그아웃 중 오류가 발생했습니다.');
|
|
});
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
// 기존에 있던 updateHeaderMenu() 호출 뒤에
|
|
$('#my_login2 a').off('click').on('click', function(e){
|
|
e.preventDefault();
|
|
descopeLogout();
|
|
});
|
|
});
|
|
|
|
$(document).ready(function() {
|
|
updateHeaderMenu();
|
|
// (필요하다면, 로그인 성공 후에도 항상 updateHeaderMenu(); 호출)
|
|
});
|
|
|
|
//descope login
|
|
$('#flogin button[type=submit]').click(function(e){
|
|
e.preventDefault();
|
|
let mb_id = $('#login_id').val();
|
|
let mb_password = $('#login_pw').val();
|
|
|
|
$.ajax({
|
|
url : '/egbim/skin/member/basic/descope_login.php',
|
|
data : {
|
|
'mb_id' : mb_id,
|
|
'mb_password' : mb_password
|
|
},
|
|
type : "POST",
|
|
dataType : "json",
|
|
success : function(res){
|
|
if(res.status === "ok") {
|
|
// 토큰 저장
|
|
// sessionStorage.setItem("refreshJwt", res.refreshJwt);
|
|
sessionStorage.setItem("sessionJwt", res.sessionJwt);
|
|
|
|
// ✅ 사용자 정보 저장
|
|
if (res.user) {
|
|
sessionStorage.setItem("loginId", res.user.loginIds?.[0] || '');
|
|
sessionStorage.setItem("userName", res.user.name || '');
|
|
sessionStorage.setItem("company", res.user.customAttributes?.company || '');
|
|
sessionStorage.setItem("familyCompany", res.user.customAttributes?.familyCompany || '');
|
|
sessionStorage.setItem("position", res.user.customAttributes?.position || '');
|
|
sessionStorage.setItem("team", res.user.customAttributes?.team || '');
|
|
sessionStorage.setItem("familyUniqueKey", res.user.customAttributes?.familyUniqueKey || '');
|
|
sessionStorage.setItem("phone", res.user.phone || '');
|
|
}
|
|
|
|
// ✅ 추가: 관리자 등 정보 저장
|
|
if(res.user && res.user.roleNames && res.user.roleNames[0])
|
|
sessionStorage.setItem("userRole", res.user.roleNames[0]);
|
|
else
|
|
sessionStorage.removeItem("userRole");
|
|
|
|
// ✅ 로그인 후 메뉴 갱신
|
|
updateHeaderMenu();
|
|
|
|
// UI 처리
|
|
$('.popup_wrap').hide();
|
|
$('body').css('overflow', '');
|
|
lenis.start();
|
|
// alert('로그인 하셨습니다.');
|
|
} else {
|
|
alert(res.message || "로그인 실패");
|
|
|
|
// 🔴 실패 횟수에 따라 안내 배너 교체
|
|
if (res.failCount && res.failCount >= 8) {
|
|
updateLoginBanner("fail");
|
|
}
|
|
}
|
|
},
|
|
error : function(err){
|
|
alert(err.statusText || "통신 오류");
|
|
}
|
|
});
|
|
});
|
|
|
|
// ✅ 배너 교체 함수
|
|
function updateLoginBanner(type = "default") {
|
|
const $banner = $('#login_notice_banner');
|
|
if (!$banner.length) return;
|
|
|
|
if (type === "default") {
|
|
$banner.css({ background: "#063e01ff", color: "#fff" });
|
|
$banner.find("strong").text("[로그인 시스템 변경 안내]");
|
|
$banner.find("p.left").html(`
|
|
더 나은 보안을 위해 2025년 8월 8일부터 로그인 시스템이 변경되었습니다.<br>
|
|
기존 회원 또한 신규 시스템에 맞춰 재가입을 진행해주시기 바랍니다.
|
|
`);
|
|
$banner.find("p:last").html(`※ 로그인 및 가입 관련 문의: <strong>010-8721-7453</strong>`);
|
|
}
|
|
|
|
if (type === "fail") {
|
|
$banner.css({ background: "#6a0202ff", color: "#faf6f6ff" });
|
|
$banner.find("strong").text("[로그인 시도 제한 안내]");
|
|
$banner.find("p.left").html(`
|
|
비밀번호 입력을 <strong>7회 이상 연속 실패</strong>하셨습니다.<br>
|
|
<strong>8번째 시도부터 3분 대기</strong>가 적용됩니다.<br>
|
|
10회 이상 실패 시 계정이 잠금 처리됩니다.
|
|
`);
|
|
$banner.find("p:last").text("");
|
|
}
|
|
}
|
|
|
|
//회원가입 약관동의
|
|
// $('#fregister button[type=submit]').click(function(e){
|
|
// e.preventDefault();
|
|
// let agree11 = $('#agree11').val();
|
|
// let agree21 = $('#agree21').val();
|
|
// $.ajax({
|
|
// url : '<?php echo G5_URL ?>/bbs/register_form.php',
|
|
// type : "POST",
|
|
// datatype : "json",
|
|
// contentType: 'application/json; charset=utf-8',
|
|
// data : {
|
|
// 'agree11' : agree11,
|
|
// 'agree21' : agree21
|
|
// },
|
|
// success : function(data){
|
|
// var ss='';
|
|
// for(i=0; i<data.length; i++){
|
|
// ss=ss + data[i];
|
|
// }
|
|
// },
|
|
// error : function(err){
|
|
// alert(err);
|
|
// }
|
|
// });
|
|
// });
|
|
|
|
// 이지빔 프로그램 회원가입 url 쿼리스트링 파싱 함수
|
|
function getQueryString(name) {
|
|
const intro = document.querySelector('.intro_wrap');
|
|
intro.style.display = "none";
|
|
const mainMask = document.querySelector('.main_mask');
|
|
mainMask.classList.add('skip');
|
|
// mainMask.style.aimation = 'none';
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
return urlParams.get(name);
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
const popupParam = getQueryString('popup');
|
|
|
|
if (popupParam === 'signup') {
|
|
console.log('쿼리 감지: signup → 회원가입 팝업 자동 오픈 시도');
|
|
$('#pop_agreement').show(); // 팝업 보여주기
|
|
|
|
// 스크롤 잠금 (사용 중이면)
|
|
$('body').css('overflow', 'hidden');
|
|
if (typeof lenis !== 'undefined') {
|
|
lenis.stop();
|
|
}
|
|
}
|
|
|
|
// 팝업 닫기 버튼 이벤트 연결
|
|
$('#pop_agreement .btn_close').on('click', function() {
|
|
$('#pop_agreement').hide();
|
|
$('body').css('overflow', '');
|
|
if (typeof lenis !== 'undefined') {
|
|
lenis.start();
|
|
}
|
|
});
|
|
});
|
|
|
|
//이지빔 프로그램 비밀번호 재설정 url 쿼리스트링 파싱 함수
|
|
$(document).ready(function() {
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
const popup = urlParams.get('popup');
|
|
const token = urlParams.get('t');
|
|
|
|
if (popup === 'pwreset') {
|
|
// 팝업 전체 열기
|
|
$('#pop_search').show();
|
|
$('body').css('overflow', 'hidden');
|
|
|
|
// 내부 컨텐츠 모두 숨기기
|
|
$('#pop_search .popup_contents_wrap').hide();
|
|
|
|
if (token) {
|
|
// 토큰이 있으면 비밀번호 재설정 단계
|
|
if (!sessionStorage.getItem('pwreset_shown')) {
|
|
$('#password_reset').show();
|
|
sessionStorage.setItem('pwreset_shown', '1');
|
|
}
|
|
} else {
|
|
// 토큰이 없으면 아이디 입력 단계 (첫 번째 .popup_contents_wrap)
|
|
$('#pop_search .popup_contents_wrap').first().show();
|
|
}
|
|
}
|
|
|
|
// 닫기 버튼
|
|
$('#pop_search .btn_close').on('click', function() {
|
|
$('#pop_search').hide();
|
|
$('body').css('overflow', '');
|
|
});
|
|
});
|
|
</script>
|