5 lines
6.4 KiB
JavaScript
5 lines
6.4 KiB
JavaScript
const p=s=>'<p>'+s+'</p>';const ul=xs=>'<ul>'+xs.map(s=>'<li>'+s+'</li>').join('')+'</ul>';
|
|
export default {
|
|
171:({img,pre})=>p(img(0,'책 노트의 달력 보기'))+p('시작 날짜가 있는 하위 노트를 일정으로 표시합니다. 종료 날짜도 지정할 수 있습니다. 주 보기는 요일별 열에 시간 지정 일정과 종일 일정을 표시합니다. 월 보기는 한 달의 일정을 보여 주며 종일 일정을 만들 수 있습니다. 연 보기는 한 해를 한눈에 보여 줍니다. 목록 보기는 한 달의 일정을 순서대로 나열합니다. 일정 생성과 이동도 지원합니다.')+'<h2>달력 만들기</h2>'+p('노트 트리에서 다음에 노트 삽입 또는 하위 노트 삽입을 선택하고 책 유형으로 만듭니다.')+p(img(1,'책 노트 만들기'))+p('상단 리본의 책 속성에서 보기 유형을 달력으로 바꿉니다.')+p(img(2,'달력 보기 선택'))+'<h2>일정 만들기</h2>'+p('날짜를 누르고 새 노트 제목을 입력합니다. 창을 닫거나 Esc를 누르면 만들지 않습니다. 여러 날짜를 끌어 선택하면 시작일과 종료일을 함께 지정합니다.')+p(img(3,'여러 날짜를 선택해 일정 만들기'))+p('책 노트에 <code>~child:template</code> 관계가 있으면 새 일정에 해당 템플릿을 적용합니다.')+'<h2>일정 조작</h2>'+p('마우스를 올리면 노트 정보가 나타납니다.')+p(img(4,'일정 미리보기'))+p('왼쪽 버튼은 현재 화면에서 열고 가운데 버튼은 새 탭에서 엽니다. 오른쪽 메뉴에서는 분할 화면이나 새 창으로 열 수 있습니다. 일정을 끌어 날짜를 바꾸거나 오른쪽 가장자리를 끌어 기간을 바꿉니다.')+'<h2>달력 설정</h2>'+ul(['<code>#calendar:hideWeekends</code> — 값과 관계없이 토요일과 일요일을 숨깁니다.','<code>#calendar:weekNumbers</code> — 주 번호를 표시합니다.','<code>#calendar:view</code> — <code>timeGridWeek</code>는 주 보기이며 <code>dayGridMonth</code>는 월 보기입니다. <code>multiMonthYear</code>는 연 보기이고 <code>listMonth</code>는 목록 보기입니다. 다른 값은 기본 월 보기로 처리합니다. 화면에서 보기를 바꾸면 값도 갱신됩니다.','<code>~child:template</code> — 달력에서 만드는 노트의 템플릿입니다.'])+p('한 주의 시작 요일은 앱 설정에서 일요일이나 월요일로 지정합니다.')+'<h2>일정별 속성</h2>'+ul(['<code>#startDate</code> — 시작일입니다. <code>YYYY-MM-DD</code> 형식으로 입력합니다.','<code>#endDate</code> — 종료일입니다. 해당 날짜까지 포함하며 하루 일정에서는 생략할 수 있습니다.','<code>#startTime</code> — 24시간제의 시:분 형식입니다. 없으면 종일 일정으로 처리합니다.','<code>#endTime</code> — 종료 시각입니다. 종료일이 없으면 시작일 기준입니다.','<code>#color</code> — <code>red</code>나 <code>#FF0000</code> 같은 색을 지정합니다. 트리의 노트 색에도 적용합니다.','<code>#calendar:color</code> — 달력의 일정 색만 바꿉니다.','<code>#iconClass</code> — 제목 왼쪽에 노트 아이콘을 표시합니다.','<code>#calendar:title</code> — 제목 대신 표시할 라벨이나 관계 이름을 지정합니다. 앞에 <code>#</code> 또는 <code>~</code>를 붙이지 않습니다.','<code>#calendar:displayedAttributes</code> — 달력에 표시할 속성 이름을 쉼표로 나열합니다. 관계는 대상 노트 제목을 표시합니다.'])+p(img(5,'일정에 속성 표시'))+p('예: <code>#weight="70" #Mood="좋음" #calendar:displayedAttributes="weight,Mood"</code>. 관계 예: <code>~assignee=@담당자 #calendar:displayedAttributes="assignee"</code>.')+p('<code>#calendar:startDate</code>에 <code>expiryDate</code>처럼 다른 라벨 이름을 지정하면 그 값을 시작일로 사용합니다. 이름 앞에 <code>#</code>를 붙이지 않습니다. 지정한 라벨이 없으면 기본 속성을 사용합니다. 같은 방식으로 <code>#calendar:endDate</code>와 <code>#calendar:startTime</code> 및 <code>#calendar:endTime</code>도 바꿀 수 있습니다.')+'<h2>작동 방식</h2>'+p(img(6,'날짜 속성과 달력 일정'))+p('보통 <code>#startDate</code>가 있는 하위 노트를 표시하고 필요하면 <code>#endDate</code>를 사용합니다. 각 노트에서 날짜를 쉽게 편집하려면 책 노트에 다음 속성을 추가합니다.')+pre(0).replace('alias=Start Date','alias=시작일').replace('alias=End Date','alias=종료일')+p(img(7,'주요 속성으로 날짜 편집'))+p('일지 밖의 일반 달력은 여러 단계의 하위 노트까지 찾아 일정을 표시합니다.')+'<h2>일지와 함께 사용</h2>'+p('일지 루트의 유형을 책으로 바꾸고 달력 보기를 선택합니다. <code>#calendarRoot</code> 또는 <code>#workspaceCalendarRoot</code>를 감지하면 다음과 같이 동작합니다.')+ul(['<code>startDate</code> 대신 <code>dateNote</code>로 날짜를 읽습니다.','빈 영역을 끌어 선택하거나 일정 길이를 바꾸는 조작은 사용할 수 없습니다.','빈 날짜를 누르면 해당 일일 노트를 열고 없으면 만듭니다.','일일 노트의 바로 아래 노트는 날짜 속성이 없어도 표시합니다. 그보다 더 아래 단계는 표시하지 않습니다.'])+p(img(8,'일지의 달력 보기'))+'<h2>다른 속성을 일정 제목으로 사용</h2>'+p('달력 노트가 아닌 일정 노트에 <code>#calendar:title</code>을 지정합니다. 값에는 표시할 라벨 이름을 입력합니다. 템플릿 등으로 상속해도 됩니다. 해당 라벨이 없으면 노트 제목을 사용합니다.')+pre(1).replace('My vacation','내 휴가')+p(img(9,'라벨 값을 일정 제목으로 표시'))+'<h3>관계의 대상 제목 사용</h3>'+p('관계 이름도 지정할 수 있습니다. 같은 이름의 관계가 여러 개면 하나의 노트에서 여러 일정으로 표시됩니다.')+pre(2).replace('John Smith','김민수').replace('Jane Doe','이서연')+p(img(10,'여러 관계 대상을 일정으로 표시'))+p('대상 노트에도 <code>#calendar:title</code>을 지정해 별도 라벨 값을 표시할 수 있습니다. 이 단계에서는 관계를 다시 따라가지 않습니다. 관계가 순환해 무한 반복되는 일을 막기 위한 제한입니다.')+pre(3).replace('John S.','민수')+p(img(11,'대상 노트의 짧은 이름 표시'))
|
|
};
|