Skip to main content
Skip table of contents

Web - EditorSideBar (Deprecated in 1.4)

Definition

정의

EditorSideBar

최적화 대상

Desktop

기획 배포

완료

디자인 가이드 배포

완료

개발 코드 배포

Principle

홈화면 편집기에서 사용되는 내비게이션 사이드바 입니다.

동적레이아웃 화면의 고정되어있는 섹션들의 활성화 상태를 볼 수 있고 수정하고 싶은 섹션을 선택하여 정보 수정하는 화면을 열어줍니다.

  • 메인 슬라이드 배너는 항상 활성화 되어 있어야 함으로 활성화를 고정값으로 가지고 갑니다.

  • publ에서 제공하는 기능에 따라 활성화의 여부가 바뀝니다.

  • sectionActiveArray : {1,0,2,0,0,2,0,0,0,2}

    • 공개 된것은 1로 표현함

    • 비활성화 된것은 2로 표현함


Spec

Guide

Size, property

구성

내용

side bar width

240px

card size

  • 192 x 102px

  • radius: 8

icon size

76 x 24px

(해당 아이콘은 크기나 형태는 고정이고 색상만 바꿀 수 있다.)

text

Web - TextLabel 참고

  • titleText

    • styleTheme : caption1Regular

    • singleLineMode : use

  • number

    • styleTheme : caption1Regular

    • singleLineMode : use

  • visibility status

    • styleTheme : caption2Bold

    • singleLineMode : use

visibility status base

  • 32 x 24px

  • radius: 6

Content String

Number

Text

Icon

Section 1

가장 위에서 밑까지

순서대로 1~10으로 표시

str_vodp_section_mainslidebanner

ic_slidebanner

Section 2

str_vodp_section_serieslist

ic_serieslist

Section 3

str_vodp_section_continuewatching

ic_contwatching

Section 4

str_vodp_section_serieslist

ic_serieslist

Section 5

str_vodp_section_serieslist

ic_serieslist

Section 6

str_vodp_section_standardbanner

ic_standardbanner

Section 7

str_vodp_section_serieslist

ic_serieslist

Section 8

str_vodp_section_serieslist

ic_serieslist

Section 9

str_vodp_section_serieslist

ic_serieslist

Section 10

str_vodp_section_standardbanner

ic_standardbanner

공개

str_status_public

-

비공개

str_status_private

-

Color 구성

Color Key

State

구성

default (활성화)

selected

비활성화

sidebar base

ui_cpnt_editorsidebar_base

-

-

visibility status text

TextLabel

  • colorTheme : sysTextPrimary

-

-

visibility status base

ui_cpnt_editorsidebar_visible_status_base

-

-

card base

ui_cpnt_editorsidebar_card_base_default

ui_cpnt_editorsidebar_card_base_selected

ui_cpnt_editorsidebar_card_base_disabled

number text

TextLabel

  • colorTheme : sysTextSecondary

TextLabel

  • colorTheme : sysTextWhite

TextLabel

  • colorTheme : sysTextTertiary

icon

ui_cpnt_editorsidebar_icon_default

ui_cpnt_editorsidebar_icon_selected

ui_cpnt_editorsidebar_icon_disabled

title text

TextLabel

  • colorTheme : sysTextPrimary

TextLabel

  • colorTheme : sysTextWhite

TextLabel

  • colorTheme : sysTextTertiary

border

ui_cpnt_editorsidebar_card_border

ui_cpnt_editorsidebar_card_border

ui_cpnt_editorsidebar_card_border_disabled


Properties

PropName

Description

DataType

DefaultValue

sectionActiveArray

섹션의 활성화/비활성화 상태를 결정합니다.

Array

{1,0,2,0,0,2,0,0,0,2}

Values

Related PropName

Value

Description & spec
//TODO 디자인 제약조건 작성

Visual Ref
//참고 이미지

sectionActiveArray

0

활성화, 공개/비공개 가능

1

활성화, 공개 (셀러 설정 불가)

2

비활성화


문서 작성 정보

소유자 / 관리자

김혜원, 박윤규

변경 이력

  • 2021/11/17 : style을 styleTheme로 수정 - 김혜진

  • 2021/11/11 : 행간에 대한 내용 추가 - 김혜진

  • 2021/11/09 : text 컬러에 대한 값 TextLabel 참조로 수정 - 김혜진

  • 2021/10/01 : 최초작성 - 김혜원

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.