사이드 메뉴 badgeOptions 추가

공지사항
, ,
1

셀렉트어드민 왼쪽 메뉴에 배지(badge)를 추가할 수 있습니다.

image

사용법
menus 하위에 badgeOptions을 추가합니다.

  • enabled 필요
  • postfix 추가 가능 (건, 단위 표시)
  • color는 tailwindcss 컬러 가능
  • 쿼리나 API 호출로 가져오기
  • 값이 0인 경우 배지 미표시
menus:
  - path: pages/6Ce8GJ
    name: 주문/배송
    icon: mdi-cart
    menus:
    - path: pages/6Ce8GJ/1
      name: 상품 준비중 관리
      badgeOptions:
        enabled: true
        type: query
        resource: mysql.qa
        sql: >
          SELECT COUNT(id) FROM wine_stock
        postfix: 건
        color: green 

    - path: pages/6Ce8GJ/2
      name: 배송 준비중 관리
      badgeOptions:
        enabled: true
        type: query
        resource: mysql.qa
        sql: >
          SELECT COUNT(id) FROM wine_stock
          WHERE vintage = 2021
        postfix: 건
        color: indigo
        
    - path: pages/6Ce8GJ/3
      name: 출고 지연
      badgeOptions:
        enabled: true
        type: query
        resource: mysql.qa
        sql: >
          SELECT COUNT(id) FROM wine_stock
          WHERE vintage = 2023
        postfix: 건

    - path: pages/6Ce8GJ/4
      name: 배송 대기 관리
      badgeOptions:
        enabled: true
        type: query
        resource: mysql.qa
        sql: >
          SELECT 0

도움이 필요하시거나 개선 제안있다면 말씀주세요.
감사합니다.

1개의 좋아요
2

선택 가능한 색상은 아래와 같습니다. Customizing Colors - Tailwind CSS

slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose

3

@hbkim 업데이트 감사합니다!

바로 적용해 보았는데, 정말 좋네요!!!
요긴하게 잘 쓰겠습니다. 그럼 즐거운 주말 보내세요 :+1:

image

1개의 좋아요
4

감사합니다. :smile: