131 lines
9.5 KiB
HTML
131 lines
9.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon" />
|
||
<title>Software Inquiries | BARON Consultants</title>
|
||
<link rel="stylesheet" href="../assets/css/reset.css" />
|
||
<link rel="stylesheet" href="../assets/css/font.css" />
|
||
<link rel="stylesheet" href="../assets/css/lib/aos.min.css" />
|
||
<link rel="stylesheet" href="../assets/css/lib/lenis.min.css" />
|
||
<link rel="stylesheet" href="../assets/css/layout.css" />
|
||
<link rel="stylesheet" href="../assets/css/eng/common.css" />
|
||
<link rel="stylesheet" href="../assets/css/inquiry.css" />
|
||
|
||
<script src="../assets/js/lib/aos.min.js"></script>
|
||
<script src="../assets/js/lib/lenis.min.js"></script>
|
||
<script src="../assets/js/lib/jquery-3.6.1.min.js"></script>
|
||
<script src="../assets/js/lib/gsap.min.js"></script>
|
||
<script src="../assets/js/lib/scrolltrigger.min.js"></script>
|
||
<script src="../assets/js/lib/scrollToPlugin.min.js"></script>
|
||
<script type="module" src="../assets/js/eng/common.js?v=20260623-4"></script>
|
||
<!-- Software inquiry board: design mockup with sample data. No API, submission, or storage until integration. -->
|
||
<script type="module" src="../assets/js/inquiry.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<header id="header"></header>
|
||
<main class="container inquiry-page" data-inquiry-ko="../ko/inquiry.html" data-inquiry-en="../en/inquiry.html">
|
||
<section class="inquiry-hero" aria-labelledby="inquiry-title">
|
||
<div class="inquiry-hero__copy">
|
||
<h1 id="inquiry-title">S/W Inquiry</h1>
|
||
<p>Software support and inquiries</p>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="inquiry-workspace">
|
||
<div class="inquiry-tabs-shell">
|
||
<div class="inquiry-tabs" role="tablist" aria-label="Choose a software product">
|
||
<button type="button" role="tab" id="tab-egbim" aria-controls="inquiry-panel" aria-selected="true" data-service="egbim" aria-label="EG-BIM inquiries">
|
||
<span class="inquiry-tab-description">BIM model</span>
|
||
<picture class="inquiry-tab-logo"><source media="(max-width: 600px)" srcset="../ko/egbim/img/egbim_symbol.svg" width="49" height="25" /><img src="../ko/egbim/img/egbim_k.svg" alt="EG-BIM" width="150" height="26" /></picture>
|
||
</button>
|
||
<button type="button" role="tab" id="tab-tova" aria-controls="inquiry-panel" aria-selected="false" tabindex="-1" data-service="tova" aria-label="TOVA inquiries">
|
||
<span class="inquiry-tab-description">Integrated Traffic Demand Analysis</span>
|
||
<span class="inquiry-tab-logo"><img src="../ko/tova/img/tova_k.svg" alt="TOVA" width="104" height="26" /></span>
|
||
</button>
|
||
<button type="button" role="tab" id="tab-gaia" aria-controls="inquiry-panel" aria-selected="false" tabindex="-1" data-service="gaia" aria-label="GAIA inquiries">
|
||
<span class="inquiry-tab-description">Ground Investigation</span>
|
||
<span class="inquiry-tab-logo"><img src="../ko/gaia/img/gaia_k.svg" alt="GAIA" width="82" height="33" /></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<section class="inquiry-board" id="inquiry-panel" role="tabpanel" aria-labelledby="tab-egbim">
|
||
<div class="inquiry-board__heading">
|
||
<h2>Inquiries</h2>
|
||
<a class="inquiry-remote" href="https://939.co.kr/saman/" target="_blank" rel="noopener noreferrer" aria-label="Remote support (opens in a new tab)">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="4" width="18" height="13" rx="2" /><path d="M8 21h8M12 17v4m-1-13 4 3-4 3" /></svg>
|
||
<span>Remote support</span>
|
||
</a>
|
||
</div>
|
||
<form class="inquiry-controls" role="search" id="inquiry-search">
|
||
<div class="inquiry-filters">
|
||
<fieldset class="inquiry-categories">
|
||
<legend>Category</legend>
|
||
<label><input type="radio" name="category" value="all" checked /><span>All</span></label>
|
||
<label><input type="radio" name="category" value="general" /><span>General</span></label>
|
||
<label><input type="radio" name="category" value="improvement" /><span>Suggestions</span></label>
|
||
<label><input type="radio" name="category" value="error" /><span>Bugs</span></label>
|
||
</fieldset>
|
||
<label class="inquiry-mine"><input type="checkbox" name="mine" /> My posts</label>
|
||
</div>
|
||
<div class="inquiry-search">
|
||
<label class="inquiry-sr-only" for="inquiry-keyword">Search titles and content</label>
|
||
<input type="search" id="inquiry-keyword" name="keyword" placeholder="Search titles or content" autocomplete="off" />
|
||
<button type="submit" class="inquiry-search-button" aria-label="Search"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="10" cy="10" r="6.5" /><path d="m15 15 6 6" /></svg></button>
|
||
</div>
|
||
</form>
|
||
<p class="inquiry-scroll-hint">Swipe horizontally to view the inquiry list.</p>
|
||
<div class="inquiry-table-scroll" tabindex="0" role="region" aria-label="Inquiry list. Scroll horizontally on smaller screens.">
|
||
<table class="inquiry-table">
|
||
<caption class="inquiry-sr-only"><span data-service-name>EG-BIM</span> inquiries</caption>
|
||
<colgroup><col class="col-number" /><col class="col-category" /><col class="col-company" /><col class="col-team" /><col class="col-author" /><col /><col class="col-date" /><col class="col-status" /></colgroup>
|
||
<thead><tr><th scope="col">No.</th><th scope="col">Type</th><th scope="col">Company</th><th scope="col">Department</th><th scope="col">Author</th><th scope="col">Subject</th><th scope="col">Date</th><th scope="col">Status</th></tr></thead>
|
||
<!-- Design fixtures only. Replace rendering in inquiry.js when connecting the API. -->
|
||
<tbody id="inquiry-rows"></tbody>
|
||
</table>
|
||
</div>
|
||
<p class="inquiry-sr-only" id="inquiry-results" role="status"></p>
|
||
<nav class="inquiry-pagination" aria-label="Inquiry pages" id="inquiry-pagination"></nav>
|
||
<div class="inquiry-board__bottom">
|
||
<p class="inquiry-preview-note">Sample posts for design preview.</p>
|
||
<button type="button" class="inquiry-button inquiry-write" id="inquiry-write"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m4 15 12-12 5 5L9 20l-6 1 1-6Zm10-10 5 5M4 15l5 5" /></svg>New inquiry</button>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
<footer id="footer"></footer>
|
||
</div>
|
||
|
||
<dialog class="inquiry-dialog" id="inquiry-detail" aria-labelledby="inquiry-detail-title" data-lenis-prevent>
|
||
<div class="inquiry-dialog__heading"><h2 id="inquiry-detail-title">Inquiry details</h2><button type="button" class="inquiry-close" data-close aria-label="Close inquiry">×</button></div>
|
||
<p class="inquiry-detail__meta" id="inquiry-detail-meta"></p>
|
||
<div class="inquiry-detail__body" id="inquiry-detail-body"></div>
|
||
<p class="inquiry-preview-note">Sample posts for design preview.</p>
|
||
<div class="inquiry-dialog__actions"><button type="button" class="inquiry-button" data-close>Back to list</button></div>
|
||
</dialog>
|
||
|
||
<dialog class="inquiry-dialog inquiry-dialog--write" id="inquiry-compose" aria-labelledby="inquiry-compose-title" data-lenis-prevent>
|
||
<div class="inquiry-dialog__heading"><h2 id="inquiry-compose-title">New inquiry</h2><button type="button" class="inquiry-close" data-close aria-label="Close new inquiry">×</button></div>
|
||
<p class="inquiry-preview-note">This is a design preview. Your entries are not saved or sent.</p>
|
||
<form id="inquiry-compose-form">
|
||
<div class="inquiry-form-grid">
|
||
<label>Product<select name="service" id="inquiry-compose-service"><option value="egbim">EG-BIM</option><option value="tova">TOVA</option><option value="gaia">GAIA</option></select></label>
|
||
<label>Category<select name="category"><option>General</option><option>Suggestion</option><option>Bug report</option></select></label>
|
||
<label>Company<input type="text" name="company" placeholder="Enter your company" /></label>
|
||
<label>Department<input type="text" name="team" placeholder="Enter your department" /></label>
|
||
<label>Author<input type="text" name="author" placeholder="Enter your name" /></label>
|
||
<label>Email<input type="email" name="email" placeholder="Enter your email" /></label>
|
||
</div>
|
||
<label class="inquiry-form-wide">Subject<input type="text" name="subject" placeholder="Enter the subject" /></label>
|
||
<label class="inquiry-form-wide">Message<textarea name="content" rows="6" placeholder="Enter your inquiry"></textarea></label>
|
||
<label class="inquiry-form-wide">Attachments<input type="file" name="attachment" multiple /></label>
|
||
<p class="inquiry-form-feedback" id="inquiry-compose-feedback" role="status"></p>
|
||
<div class="inquiry-dialog__actions"><button type="button" class="inquiry-button inquiry-button--light" data-close>Cancel</button><button type="submit" class="inquiry-button">Submit</button></div>
|
||
</form>
|
||
</dialog>
|
||
</body>
|
||
</html>
|