カンバンボード
カンバンボードは、ファイルをカンバン(カード)化して複数レーンを移動させることによって、視覚的にステータスや属性の情報を管理できる機能です。
本機能は、CMエディションで使用できます。
カンバンボードの表示には、専用タグとポータル機能の[index.thtml]ファイルが必要です。
[タグ」でカンバンの移動するレーンを定義し、[index.thtml]ファイルで画面表示します。
ファイルのタグに値を登録するとカンバンがレーンを移動する仕組みです。
カンバンボード画面でドラッグ&ドロップによりカンバンを移動させるとタグの登録値が自動的に変わります。
カンバンの移動レーンの定義
[管理ツール > 設定全般 > すべての設定 > タグ定義 > Tags > 追加]にて新規のタグ項目を定義します。
[フィールド名]は
index.thtml
の中で指定する値になります。[データ型]は
文字列(完全一致)
を選択します。[編集方式]は
選択式
を選択します。[候補値]に各レーンの表示名を登録します。候補値の上から順番がレーン表示の左からの並び順になります。
label=Value
のように改行区切りで登録します。label
はレーン名として表示されます。Value
はシステムが使用する値になります。index.thtml
の中でも使用されます。
カンバンボードの表示
カンバンボード機能はポータル機能により表示・動作するため、index.thtml
ファイルのおかれたフォルダにカンバンボードが表示されます。
以下のHTML書式にてindex.thtml
ファイルを編集します。
HTML要素
FbKanban
カンバンの表示には<FbKanban></FbKanban>
タグを使用します。属性で表示内容を定義します。
<FbKanban
data-path="/DocRoot"
data-keyword=""
data-lane-key-tagid="kanban_status"
data-lane-file-default="fixme"
data-lane-folder-default="fixme"
data-lane-width="300px"
data-lane-collapsed="done,cancelled"
data-card-title="title"
data-drop-uplodable="true"
data-orderby="name"
></FbKanban>
属 性
<FbKanban>
要素の中で使用する属性です。
data-path
指定されたフォルダにあるファイルがカンバンとして表示されます。
data-path="/DocRoot/kanban/stock"
data-keyword
指定したキーワードで検索した結果がカンバンとして表示されます。data-path
で指定されたフォルダが検索対象です。
data-keyword="type:pdf,稟議書"
data-lane-key-tagid
移動レーンを定義したタグのフィールド名を指定します。
data-lane-key-tagid="kanban_status"
data-lane-file-default
ファイルをカンバンとして配列させる最初のレーンを指定します。この段階ではファイルのタグに値は登録されません。
data-lane-file-default="fixme"
data-lane-folder-default
フォルダをカンバンとして配列させる最初のレーンを指定します。この段階ではフォルダのタグに値は登録されません。
data-lane-folder-default="fixme"
data-lane-width
レーンの幅を指定します。省略時は300pxの幅になります。
data-lane-width="200px"
data-lane-collapsed
指定したレーンを畳んだ状態で表示させることができます。タグ値をカンマ区切りで指定します。
data-lane-collapsed="InProcess,awaiting"
data-card-title
カンバンに表示するタイトルフィールドを指定します。
title
を指定するとファイル名/フォルダ名が表示されます。(省略時も同じ)tags.$(タグのフィールド名)
を指定するとタグの登録値が表示されます。
data-card-title="tag.tfb_description"
例えばこのように指定すると概要タグの内容を表示します。
data-drop-uplodable
カンバンボードの画面へのファイルのドラッグ&ドロップによるアップロードを無効にできます。アップロード先はdata-path
で指定されているフォルダです。省略した場合は有効になります。
data-drop-uplodable="false"
data-orderby / data-orderbydescending
レーンの中でのカンバンの表示順を指定できます。data-orderby
が昇順、data-orderbydescending
が降順です。省略すると名前の昇順になります。
<FbGrid>
と同様にname
size
create
lastwritetime
extension
のいずれかを指定できます
data-orderby="lastwritetime"