File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="ko">
<head>
<title>온세종학교</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
<!-- 공통 plugin -->
<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
<!-- //공통 plugin -->
<!-- 페이지 plugin-->
<!-- //페이지 plugin-->
<!-- 공통 퍼블 layout: 개발시 삭제-->
<script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
<!--//퍼블 layout-->
<!-- 공통 메뉴 js-->
<!-- //공통 메뉴 js -->
<!--공통 퍼블 js-->
<script src="/resources/front/site/SITE_00000/js/common.js"></script>
<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
<!--//공통 퍼블 js-->
</head>
<body>
<div class="accessibility">
<a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
</div>
<!-- for-teacher / for-student -->
<div class="container">
<!-- 통합 헤더 및 네비게이션 -->
<header class="site-header"></header>
<div class="site-body" id="skipToContents">
<div class="wrap">
<div class="page-tit-area">
<div class="l-area">
<h2 class="title-xlg">쪽지</h2>
</div>
</div>
<section class="msg-area">
<header class="msg-nav">
<div class="msg-nav-header">
<h3 class="txt-hide">쪽지</h3>
<fieldset class="search-area">
<legend>검색</legend>
<div class="search">
<input type="text" placeholder="검색어 입력" title="검색어 입력">
<button class="btn ico-search">검색</button>
</div>
</fieldset>
</div>
<ul class="msg-nav-body">
<li>
<a href="#none" class="lnk-full">상세보기</a>
<div class="l-area">
<div class="profile">
<div class="img-area">
<figure>
<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit">홍길동</strong>
<span>25.01.01</span>
</div>
</div>
</div>
<div class="r-area">
<span class="num">20</span>
<div class="etc-fnc-area">
<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
<ul class="etc-fnc">
<li>
<button type="button" class="msg-mem-del">삭제</button>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="#none" class="lnk-full">상세보기</a>
<div class="l-area">
<div class="profile">
<div class="img-area">
<figure>
<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit">단체</strong>
<span>25.01.01</span>
</div>
</div>
</div>
<div class="r-area">
<!-- <span class="num">20</span> -->
<div class="etc-fnc-area">
<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
<ul class="etc-fnc">
<li>
<button type="button" class="msg-mem-del">삭제</button>
</li>
</ul>
</div>
</div>
</li>
<li class="is-active">
<div class="l-area">
<div class="profile">
<div class="img-area">
<figure>
<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 섬네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit">선생님</strong>
<span>25.01.01</span>
</div>
</div>
</div>
<div class="r-area">
<span class="num">99+</span>
<div class="etc-fnc-area">
<button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
<ul class="etc-fnc">
<li>
<button type="button" class="msg-mem-del">삭제</button>
</li>
</ul>
</div>
</div>
</li>
</ul>
<div class="msg-nav-footer">
<button class="btn ico-refresh icon-only">새로고침</button>
<button type="button" class="btn primary ico-edit">쪽지쓰기</button>
</div>
</header>
<article class="msg-cont">
<header>
<div class="msg-cont-header">
<!-- <h4 class="msg-tit">그룹명 수정도 잘 됨.</h4> -->
<p>나학생(student_id_12345)</p>
<div class="fnc">
<p>그룹 <em>11</em>명</p><button type="button" class="btn xsm" onClick="popupOpenPub('popupmodal')">멤버목록</button>
</div>
</div>
</header>
<div class="msg-cont-body">
<div class="item">
<div class="profile sm">
<div class="img-area">
<figure>
<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit">홍길동</strong>
</div>
</div>
<div class="txt">테스트됩니까</div>
<span class="time">2024-09-26 19:24</span>
</div>
<div class="item">
<div class="profile sm">
<div class="img-area">
<figure>
<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit">홍길동</strong>
</div>
</div>
<div class="txt">테스트됩니까테스 트됩니까 스트테스트됩니까테스트됩니까테스트됩니까테스트됩니까테스트됩니까테스트됩니까테스트됩니까테스트됩니까됩니까 테스트됩니까</div>
<span class="time">2024-09-26 19:24</span>
</div>
<div class="item my">
<div class="txt">테스트됩니까</div>
<span class="time">2024-09-26 19:24</span>
</div>
</div>
<div class="msg-cont-footer">
<div class="write">
<textarea placeholder="메시지를 입력하세요" title="메시지 입력" data-mgrp-id="3940" data-mgrp-se-code="org"></textarea>
<div class="write-fnc-area">
<div class="l-area">
<div class="profile sm">
<div class="img-area">
<figure>
<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit">홍길동</strong>
</div>
</div>
</div>
<div class="r-area">
<button type="submit" class="btn circle sm ico-send primary">전송</button>
</div>
</div>
</div>
</div>
</article>
</section>
</div>
</div>
</div>
<!-- toast -->
<div class="toast"></div>
<!--popup-->
<div class="dim"></div>
<div class="popup-modal sm" data-popuppub="popupmodal">
<div class="pop-header">
<h1>멤버목록</h1>
</div>
<div class="pop-body">
<ul class="border-list">
<li>
<div class="l-area">
<div class="profile">
<div class="img-area">
<figure>
<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit">나학생(student_id_12345)</strong>
</div>
</div>
</div>
</li>
<li>
<div class="l-area">
<div class="profile">
<div class="img-area">
<figure>
<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit">나학생(student_id_12345)</strong>
</div>
</div>
</div>
</li>
<li>
<div class="l-area">
<div class="profile">
<div class="img-area">
<figure>
<img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit">나학생(student_id_12345)</strong>
</div>
</div>
</div>
</li>
</ul>
</div>
<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
</div>
<script>
$(document).ready(function() {
$(".fnc-list").sortable({
handle: $(".fnc-list > li").find(".ico-move"),
containment: "parent",
update: function (event, ui) {
var $list = $(this).children("li");
$list.each(function () {
var $li = $(this);
var newVal = $(this).index() + 1;
$(this).find(".num").html(newVal);
});
},
});
});
</script>
</body>
</html>