dbms_primeidc/idcproject/WebContent/IDC/css/index _먃겸븨__html
2025-03-20 18:38:28 +09:00

778 lines
38 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>IDC-JP ADMIN</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- MetisMenu CSS -->
<link href="css/plugins/metisMenu/metisMenu.min.css" rel="stylesheet">
<!-- Timeline CSS -->
<link href="css/plugins/timeline.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/sb-admin-2.css" rel="stylesheet">
<!-- Morris Charts CSS -->
<link href="css/plugins/morris.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">IDC-JP ADMIN</a>
</div>
<!-- /.navbar-header -->
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
<a href="#">
<div>
<strong>홍길동</strong>
<span class="pull-right text-muted">
<em>2014-10-19</em>
</span>
</div>
<div> 업무전달 사항 있습니다.~~(테스트 메시지) </div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<strong>신사임당</strong>
<span class="pull-right text-muted">
<em>2014-10-18</em>
</span>
</div>
<div>난 떡을 썰테니, 넌 글을 쓰거라</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<strong>사장님</strong>
<span class="pull-right text-muted">
<em>2050-10-18</em>
</span>
</div>
<div>월급 300%인상합니다. 모두 해외여행 한달동안 다녀오세요~</div>
</a>
</li>
<li class="divider"></li>
<li>
<a class="text-center" href="#">
<strong>Read All Messages</strong>
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
<!-- /.dropdown-messages -->
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
<a href="#">
<div>
<i class="fa fa-comment fa-fw"></i> 새쪽지알림
<span class="pull-right text-muted small">4 minutes ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<i class="fa fa-twitter fa-fw"></i> 고객상담이력
<span class="pull-right text-muted small">12 minutes ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<i class="fa fa-tasks fa-fw"></i> 업무전달사항
<span class="pull-right text-muted small">4 minutes ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<i class="fa fa-upload fa-fw"></i> 미처리요청업무
<span class="pull-right text-muted small">4 minutes ago</span>
</div>
</a>
</li>
</ul>
<!-- /.dropdown-alerts -->
</li>
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> 홍길동 대리</a>
</li>
<li><a href="#"><i class="fa fa-gear fa-fw"></i> 내 정보수정</a>
</li>
<li class="divider"></li>
<li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> 로그아웃</a>
</li>
</ul>
<!-- /.dropdown-user -->
</li>
<!-- /.dropdown -->
</ul>
<!-- /.navbar-top-links -->
<div class="navbar-default sidebar" role="navigation">
<div class="sidebar-nav navbar-collapse">
<ul class="nav" id="side-menu">
<li class="sidebar-search">
<div class="input-group custom-search-form">
<input type="text" class="form-control" placeholder="통합검색">
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<i class="fa fa-search"></i>
</button>
</span>
</div>
<!-- /input-group -->
</li>
<li>
<a class="active" href="index.html"><i class="fa fa-home fa-fw"></i> Main</a>
</li>
<li>
<a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> 서비스정보 <span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li>
<a href="flot.html">서버장비관리</a>
</li>
<li>
<a href="morris.html">가용장비현황</a>
</li>
</ul>
<!-- /.nav-second-level -->
</li>
<li>
<a href="#"><i class="fa fa-users fa-fw"></i> 고객관리 <span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li>
<a href="#">고객정보</a>
</li>
<li>
<a href="#">신규고객등록</a>
</li>
<li>
<a href="#">전체서버현황</a>
</li>
</ul>
<!-- /.nav-second-level -->
</li>
<li>
<a href="#"><i class="fa fa-desktop fa-fw"></i> 서비스관리<span class="fa arrow"></a>
<ul class="nav nav-second-level">
<li>
<a href="#">서비스정보</a>
</li>
<li>
<a href="#">서비스관리</a>
</li>
<li>
<a href="#">청구서/개통안내서 발송</a>
</li>
<li>
<a href="#">쿠폰관리</a>
</li>
</ul>
<!-- /.nav-second-level -->
</li>
<li>
<a href="#"><i class="fa fa-calculator fa-fw"></i> 과금관리<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li>
<a href="#">정산관리</a>
</li>
<li>
<a href="#">입금처리</a>
</li>
<li>
<a href="#">월과금 입금리스트</a>
</li>
<li>
<a href="#">고객별통계</a>
</li>
</ul>
<!-- /.nav-second-level -->
</li>
<li>
<a href=""><i class="fa fa-clipboard fa-fw"></i> 업무일지</a>
</li>
<li>
<a href=""><i class="fa fa-tasks fa-fw"></i> 개별업무 <span class="fa arrow"></a>
<ul class="nav nav-second-level">
<li>
<a href="#">개별전달사항</a>
</li>
<li>
<a href="#">개별주요업무</a>
</li>
<li>
<a href="#">개별게시판(메모)</a>
</li>
</ul>
<!-- /.nav-second-level -->
</li>
<li>
<a href=""><i class="fa fa-line-chart fa-fw"></i> IP관리 <span class="fa arrow"></a>
<ul class="nav nav-second-level">
<li>
<a href="#">회선 등록</a>
</li>
<li>
<a href="#">IP 리스트</a>
</li>
<li>
<a href="#">IDCJP회선 및 전용선 사용현황</a>
</li>
</ul>
<!-- /.nav-second-level -->
</li>
<li>
<a href=""><i class="fa fa-save fa-fw"></i> 공동자료실</a>
</li>
<li>
<a href=""><i class="fa fa-line-chart fa-fw"></i> 통계 <span class="fa arrow"></a>
<ul class="nav nav-second-level">
<li>
<a href="#">서버정보</a>
</li>
<li>
<a href="#">과금정보</a>
</li>
<li>
<a href="#">업체정보</a>
</li>
</ul>
<!-- /.nav-second-level -->
</li>
<li>
<a href=""><i class="fa fa-line-chart fa-fw"></i>환경 설정<span class="fa arrow"></a>
<ul class="nav nav-second-level">
<li>
<a href="#">권한설정</a>
</li>
<li>
<a href="#">장비등록</a>
</li>
<li>
<a href="#">서비스등록</a>
</li>
</ul>
</li>
</ul>
</div>
<!-- /.sidebar-collapse -->
</div>
<!-- /.navbar-static-side -->
</nav>
<div id="page-wrapper">
<div class="row">
<div class="col-lg-12">
<div style="margin-top:8px;"></div>
<div class="btn-group">
<button class="btn btn-default">서비스관리</button>
<button class="btn btn-default">업무일지</button>
<button class="btn btn-default">환경설정</button>
<button class="btn btn-default">퀵버튼추가</button>
<button class="btn btn-default">퀵버튼추가</button>
<button class="btn btn-default">퀵버튼추가</button>
<button class="btn btn-default">퀵버튼추가</button>
</div>
<div style="margin-bottom:5px;"></div>
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-comments fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">26</div>
<div>새 쪽지 알림</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">자세히보기</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-green">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-tasks fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">12</div>
<div>요청업무 알림</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">자세히보기</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-yellow">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-plus-square-o fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">124</div>
<div>신규고객알림</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">자세히보기</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-red">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-support fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">13</div>
<div>미 발송 과금알림</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">자세히보기</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-lg-8">
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-desktop fa-fw"></i> 전체서버현황
<div class="pull-right">
<div class="btn-group">
<button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
IDC-회선
<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a href="#">전체보기</a>
<li class="divider"></li>
<li><a href="#">도쿄일반</a>
</li>
<li><a href="#">도쿄보안</a>
</li>
<li><a href="#">치바일반</a>
</li>
<li><a href="#">치바보안 </a>
</li>
</ul>
</div>
</div>
</div>
<!-- /.panel-heading -->
<div class="panel-body">
<div id="morris-area-chart"></div>
<div class="row">
<div class="col-lg-12">
<div class="table-responsive">
<table class="table table-bordered table-hover table-striped">
<thead>
<tr>
<th>업체명</th>
<th>일반</th>
<th>보안</th>
<th>방어</th>
<th>전용</th>
<th>합계</th>
<th>테스트</th>
</tr>
</thead>
<tbody>
<tr>
<td>IDC-JP</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>WIN-IDC</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>구로IDC</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>게임윙</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>IDC+++</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>IDC+++</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>IDC+++++</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<!-- /.table-responsive -->
</div>
</div>
</div>
<!-- /.panel-body -->
</div>
<!-- /.panel -->
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-bar-chart-o fa-fw"></i> 최근 신규 고객 현황
<div class="pull-right">
<div class="btn-group">
<button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
기간 보기
<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a href="#">오늘</a>
</li>
<li><a href="#">최근7일</a>
</li>
<li><a href="#"></a>
</li>
</ul>
</div>
</div>
</div>
<!-- /.panel-heading -->
<div class="panel-body">
<div class="row">
<div class="col-lg-12">
<div class="table-responsive">
<table class="table table-bordered table-hover table-striped">
<thead>
<tr>
<th>#</th>
<th>업체명</th>
<th>센터</th>
<th>장비번호</th>
<th>스위치정보</th>
<th>IP정보</th>
<th>부가서비스</th>
<th>비고</th>
</tr>
</thead>
<tbody>
<tr>
<td>□</td>
<td>아이즈</td>
<td>치바</td>
<td>JPN-S831</td>
<td>R17PA21CSB245</td>
<td>27.125.206.4</td>
<td>CS IP 4개</td>
<td>v - / x</td>
</tr>
<tr>
<td>□</td>
<td>아이즈</td>
<td>치바</td>
<td>JPN-S831</td>
<td>R17PA21CSB245</td>
<td>27.125.206.4</td>
<td>CS IP 4개</td>
<td>v - / x</td>
</tr>
<tr>
<td>□</td>
<td>아이즈</td>
<td>치바</td>
<td>JPN-S831</td>
<td>R17PA21CSB245</td>
<td>27.125.206.4</td>
<td>CS IP 4개</td>
<td>v - / x</td>
</tr>
<tr>
<td>□</td>
<td>아이즈</td>
<td>치바</td>
<td>JPN-S831</td>
<td>R17PA21CSB245</td>
<td>27.125.206.4</td>
<td>CS IP 4개</td>
<td>v - / x</td>
</tr>
<tr>
<td>□</td>
<td>아이즈</td>
<td>치바</td>
<td>JPN-S831</td>
<td>R17PA21CSB245</td>
<td>27.125.206.4</td>
<td>CS IP 4개</td>
<td>v - / x</td>
</tr>
<tr>
<td>□</td>
<td>아이즈</td>
<td>치바</td>
<td>JPN-S831</td>
<td>R17PA21CSB245</td>
<td>27.125.206.4</td>
<td>CS IP 4개</td>
<td>v - / x</td>
</tr>
<tr>
<td>□</td>
<td>아이즈</td>
<td>치바</td>
<td>JPN-S831</td>
<td>R17PA21CSB245</td>
<td>27.125.206.4</td>
<td>CS IP 4개</td>
<td>v - / x</td>
</tr>
</tbody>
</table>
<div id="morris-bar-chart"></div>
</div>
<!-- /.table-responsive -->
</div>
<!-- /.col-lg-4 (nested) -->
<!-- /.col-lg-8 (nested) -->
</div>
<!-- /.row -->
</div>
<!-- /.panel-body -->
</div>
<!-- /.panel -->
<!-- /.panel -->
</div>
<!-- /.col-lg-8 -->
<div class="col-lg-4">
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-wrench fa-fw"></i> 작업내역
</div>
<!-- /.panel-heading -->
<div class="panel-body">
<div class="list-group">
<i class="fa fa-info-circle fa-fw"></i> 새 작업 내용
<span class="pull-right text-muted small"><em>4 시간 전</em>
</span>
</div>
<!-- /.list-group -->
<a href="#" class="btn btn-default btn-block">전체보기</a>
</div>
<!-- /.panel-body -->
</div>
<!-- /.panel -->
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-bar-chart-o fa-fw"></i> 거래처 별통계
</div>
<div class="panel-body">
<div id="morris-donut-chart"></div>
<a href="#" class="btn btn-default btn-block">자세히보기</a>
</div>
<!-- /.panel-body -->
</div>
</div>
<!-- /.col-lg-4 -->
</div>
<!-- /.row -->
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="js/plugins/metisMenu/metisMenu.min.js"></script>
<!-- Morris Charts JavaScript -->
<script src="js/plugins/morris/raphael.min.js"></script>
<script src="js/plugins/morris/morris.min.js"></script>
<script src="js/plugins/morris/morris-data.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/sb-admin-2.js"></script>
</body>
</html>