사용자 지정하려는 특정 세부 정보로 카드의 템플릿을 업데이트하여 위치 디렉터리, 키오스크 실내 매핑 또는 예약에서 공간 카드를 구성합니다. 각 공간 카드에 대해 새 필드, 버튼 또는 스타일을 구성할 수 있습니다.
이 태스크 정보
카드 구성을 사용하면 공간 카드의 모양과 기능을 사용자 지정할 수 있습니다. 수정할 공간 카드를 선택하고 새 필드 또는 버튼을 추가하거나 필요에 따라 스타일을 적용합니다.
프로시저
-
다음으로 이동 .
-
공간 카드에 대한 기본 공간 카드를 선택합니다.
카드는 사용자, 인접, 공간 및 방에 사용할 수 있습니다.
-
애플리케이션 범위를 확인하고 상세 정보를 편집합니다.
-
WsdConfigurableSpaceCard 템플릿을 열고 레코드를 편집합니다.
-
XML 스크립트에서 새 HTML 분할( <div>)에서 새 필드를 표시할 위치에서 찾을 수 있습니다.
다음은 usable_size_sq_meter 필드를 추가하기 위한 샘플 스크립트입니다.
<div class="info-row" ng-if="data.usable_size_sq_meter">
<div class="info-icon">
<i class="fa fa-arrows-alt"></i>
</div>
<div class="info-text">{{ data.usable_size_sq_meter }}m square</div>
</div>
-
레코드를 저장합니다.
-
다음으로 이동 .
-
이름 열에서 WSDConfigurableCardDataInjector를 검색하여 선택합니다.
-
스크립트에서 함수를 추가하거나 업데이트하여 새 필드가 템플릿에 제공되도록 합니다.
다음은 usable_size_sq_meter 필드를 추가하기 위한 샘플 함수입니다.
cards.forEach( function(card) {
if (card.type ==='space') {
var spaceGr.get(card.data.sysId)) {
card.data.usable_size_sq_meter = spaceGr.getValue('usable_size_sq_meter');
}
}
});
-
위치 디렉터리로 이동하여 새 필드가 추가된 공간을 선택합니다.
-
새 필드가 공간 카드에 나타나는지 확인합니다.