팁/튜토리얼

@socialskyo님의 게시글을 보고 저도 출석부를 사이드로 빼볼까하고 위젯을 만들어봤습니다.

https://xetown.com/rxe_tip/761319

 

오늘 이상하게 잠이 오지않아서 코드, 디자인을 좀 다듬어서 배포합니다.

어두운 배경의 홈페이지에서 디자인 했기때문에 흰색 배경에 잘 어울릴지는 모르겠습니다.

 

 

간단 출석부 위젯 0.5

pr_take_roll_v0.5_repack.zip

 

default스킨 수정본

default.zip

배포된 위젯에 포함된 기본 스킨 입니다. url생성에 문제가 발된되어서 수정 했습니다.

widgets/pr_take_roll/skins폴더 아래에 압축 풀어서 사용하시면 됩니다.

그냥 수정해서 사용하실 분든은 default.html열어서 41, 46라인 두곳에서 {getUrl('mid','attendance')} 를 찾아서

{getUrl('','mid','attendance')}로 수정해서 사용하시면 됩니다.

 

 

변경사항

  • 출석 리스트 가져오기 쿼리가 변경되었습니다.
  • 능동적인 캐시 운영을 위해 캐시 관리 방식이 변경되었습니다.
  • 프로필 이미지 출력 스타일에 width를 지정 해서 레이아웃 통일성을 보강했습니다.
  • 출석 버튼에 나의 랭킹 출력 방식을 선택할 수 있습니다. (등수만 표시 / **명중 *등으로 표시)

 


 

 

 

 

간단 출석부 위젯 0.4

pr_take_roll_v0.4.zip

변경사항

출석 완료후에는 정보가 표시된 버튼 클릭시 출석부로 합니다.

최고 관리자에게 기본 제공되던 추가 정보를 선택 가능하도록  변경 했습니다.

 


 

 

 

 

간단 출석부 위젯 0.3

pr_take_roll_v0.3.zip

 

변경사항

  1. 몇가지 CSS 수정.
  2. 디자인 통일성을 위해서 이미지 프로필이 없는 사용자는 기본 프로필 이미지로 대체 합니다.
  3. 하단의 페이지 이동버튼이 항상 중앙에 오도록 수정.
  4. 오브젝트 캐시 사용 옵션 추가. (XE에서 기본으로 제공되는 위젯 캐시 기능은 사용하지 마세요. 위젯이 오동작 합니다.)
  5. 버튼 색깔 추가. (제공되는 버튼 색이 새로 고침마다 변경되는 '랜덤'도 선택 가능 합니다.)
  6. 랜덤 인사말 남기기 추가. (출석부 모듈의 설정에 인사말을 등록한 경우에만 작동 합니다.)
  7. 출석 권한을 제한 할 수 있도록 옵션 추가.
  8. 출석자 목록 출력 선택 옵션 추가 (출력 안함, 로그인 사용자, 출석한 사용자, 모두에게)
  9. 목록 상세 설정 추가 (기본(등수 + 프로필이미지 + 닉네임 + 획득포인트)정보 이외에 연속 출석일, 총 출석일, 인사말의 출력을 선택 할 수 있습니다. 선택시 출력 순서는 인사말, 연속 출석일, 총 출석일 순 입니다.)

pr_take_roll_0.3_config.png

 

 

 

 

간단 출석부 위젯 0.2

pr_take_roll_v0.2.zip

 

pr_take_roll_config_0.2.png

 

변경사항

  • 비 로그인 사용자에게도 출석 독려 버튼 노출 (클릭시 로그인 페이지로 이동)
  • 기본 스킨에 컬러셋 추가 (어두운 바탕용, 흰색 바탕용)
  • 나의 출석 순위 표시기능 추가
  • 출석자 목록 출력기능 추가 (출석자 목록은 로그인 사용자에게만 제공)

페이지 매기기에 pagination.js v2.0.8을 사용했으며 이 라이브러리의 라이센스는 아래와 같습니다.

Released under the MIT license.
https://github.com/superRaytin/paginationjs

 

pr_take_roll_nlogin_0.2.png

 

pr_take_roll_0.2.png

 


 

 

 

간단 출석부 위젯 0.1

pr_take_roll_v0.1.zip

 

pr_take_roll_config.png

위젯에 출석 버튼만 노출되며 버튼 클릭시 두가지 동작을 지원합니다.

- 바로 출석 : 위젯의 출석 버튼을 클릭하면 바로 출석을 시도합니다.

- 출석부로 이동 : 위젯의 출석 버튼을 클릭하면 출석부 페이지로 이동합니다.

버튼 색깔 : 3가지의 색상을 지원합니다.

 

pr_take_roll.png

출석부 위젯은 하단부 버튼 출력 부분입니다.

 

pr_take_roll_admin.png

관리자의 경우에는 버튼 하단에 추가 정보가 표시되며 아래의 순서 입니다.

오늘 출석 체크한 회원 수 / 오늘 로그인한 회원 수 / 사이트의 총 회원 수

디자인에 Font Awesome을 사용하였으나 위젯에서 따로 로드하지 않습니다. 레이아웃등에서 따로 로드해 주셔야 합니다.

출석 이전에는 출석 독려 메시지가 출력되며 출석 후에는 연속 출석일수와 총 출석일수가 표시됩니다.

 

 

pr_take_roll_btns.png

출석시간 제한기능을 사용하고 있을때 지각의 경우나 관리자 출석을 제한했을때에도 대응합니다.

 

댓글 62