Admin Dashboard 만들기 part 9. 최근 활동 기록 남기기(bootstrap accordion)

Admin Dashboard 만들기 part 9. 최근 로그 남기기(bootstrap accordion)

 

 

최근 활동 기록 모듈을 위한 section 지정하기 

 

부트스트랩의 카드 모듈을 이용해서 사용자 활동 기록을 남긴다. 

collapse 모듈을 이용해서 상세 내용을 추가한다.

활동 타이틀을 클릭하면 상세 내용이 펼쳐진다. 한번더 클릭하면 collapse 상태로 되돌아간다. 

동일한 방식으로 여러개의 리스트를 추가한다. 

부트스트랩 아코디언 모듈 사용하기 

bootstrap accordian 이란? 여러개의 게시물은 접었다/폈다 해야 하는 경우, 하나의 게시물이 열리면 다른 게시물이 자동으로 닫히는 기능이다. 화면에서 하나의 글만 열어서 확인할수 있어서 화면이 깔끔해진다. 

card 전체를 id="accordion" 으로 설정하고, 개별 아이템에 data-parent="#accordion" 으로 지정해준다. 여러개의 아이템중에 오직 한개만 active 상태로 만들수 있다. 

tip.  첫 화면 접속시 collapse 아이템중에 "show" 속성을 가지고 있는 아이템은 디폴트로 화면에 열린채로 노출된다. 

 

끝.