Title: セクション テーブル (Section Table) ウィジェット プラグイン

注意: TeamPage 5.1 以降には、このプラグインは既定で含まれています。インストールする必要はありません。詳しくは、セクション テーブル ウィジェット 2.0 を参照してください。



このプラグインを利用すると、記事のセクションに集められた記事を、表(テーブル)として記事の中に表示できるようになります。更に、最も左側の列の [+] アイコンをクリックすることで記事を展開/縮小したり、記事に貼られた他のタグをセルに表示して分類できます。

動作例



下図は、このプラグインを利用して、サポート部門のスペースに投稿された質問や要求などを、担当者や優先度を指定し、未完と完了(todoとdone)の状態に分けて表示した例です。

このスペースでは次のようにしてタスクを登録しています。



セクション テーブル ウィジェット プラグイン 例

上から2番目の未完タスクの [+] アイコンをクリックすると、下図のように記事の冒頭部分(セクションの設定によります)が展開されます。もう一度 [+] アイコンをクリックすると、上図のように縮小された状態に戻ります。

タスクを展開した例

インストール方法



メモ:TeamPage 5.1 以降には、このプラグインはデフォルトで含まれています。インストールする必要はありません。

TeamPage 4.1 や 4.2 をお使いの場合は、次のリンクからプラグインの zip ファイル (com.traction.sectiontable-1.3.0.zip) をダウンロードし、サーバーセットアップ | プラグイン タブ からインストールしてください。

使用方法



記事セクションを作成する



はじめに、新しい記事の作成画面または記事の編集画面の [セクションの編集] リンクをクリックして、記事セクションを作成します。記事セクションの詳細については FAQ156: 記事の中にセクションを作るにはどうすればよいですか を参照してください。

記事セクションの登録

ここでは次の2つのセクションを作成します。



todoセクション

完了タスクのセクション

セクションの設定が済んだら、[OK] ボタンをクリックして画面を閉じます。

表示設定を記述する



記事の本文に、次のような設定を記述します。

「columnX_labels」と「columnx_aliases」は、「『columnX_labels』で指定されたタグは『columnX_aliases』で指定した内容で表示する」ことを意味しています。例えば、「Supportスペースの『p1』タグ」が貼られた記事では「1」が、「Supportスペースの『担当者:佐野』タグ」が貼られた記事では「佐野」が表示されます。

「columnX_labels」で指定するタグは、必ずスペース名を入れて指定します。半角コロン記号2つがスペース名を表します。(例 ::ProjectName:LabelName)

設定例

注意:上の例は、分かりやすくするために途中で改行したり字下げしたりしていますが、実際には下図のように繋げて(半角スペースで区切って)記述します。この貼付ファイルの記述例を参考にしてください。

記事本文を記入する

記述を済ませたら、[送信] ボタンをクリックして記事を投稿します。

動作確認



記事に「todo」タグやその他のタグを付けて記事を投稿し、まはた投稿済みの記事に「todo」タグまたはその他のタグを付け、セクションテーブルの中に表示されるか確認してください。また、「todo」タグを「done」タグに付け替えてみてください。最初のスクリーンショットのようになれば成功です。

ニュースページに表示



スペース セットアップ | ニュースページ タブ でこのタスク一覧記事を指定すると、スペースのニュースページからいつでもタスクの進捗を確認できるようになります。

下図のように、「セクションに含める記事」の「タイプ」で [特定の記事のときに表示] を選択し、「記事番号」に上の手順で投稿した記事の記事ID(スペース名+記事番号)を記入してください。「表示オプション」の「大きさ」を [すべて] にすると、記事全体が展開表示されます。

ニュースページの設定

ニュースページに指定した記事が表示されたことを確認します。

ニュースページに登録



Attachments:
section_tables_example01.png
section_tables_example02.png
step01.png
step02.png
step03.png
step04.png
step06.png
sectiontable_example.html
newspage.png
newspage_setting.png
関連記事
Article: Download550 (permalink)
Categories: :FAQ:プラグイン
Date: 2010/11/04; 17時27分39秒 JST

Author Name: TeamPage サポート
Author ID: jpbo