Power Apps プランナー(Planner)のタスクをギャラリー(Gallery)で一覧表示する！

Power Appsでプランナーのタスクを一覧で表示したい！みたいなお話が出たので、プランナーコネクタ初使用！

少しだけ躓いたので、使い方をメモ。

完成イメージ

こんな風に自分に関連するタスク（複数プランにまたがっているやつも）を、

こんな感じで表示したい！

全てのタスクを期限日順で表示して、完了したタスクにはチェックマーク、期限が過ぎても完了してないタスクには悲しいマークを表示する！

Plannerコネクターを追加

まずは、Power Appsを開いて、Plannerコネクタを追加。

ギャラリーコントロールに一覧表示する

続いて、ギャラリーコントロール（今回は縦）を追加して、

データソースにプランナーを指定

すると、こんな感じで何にも表示されなくなるので、

Itemsのプロパティに「Planner.ListMyTasksV2().value」と入力すると、なんか表示される。

そしたらGalleryのTitle1ラベルコントロールのTextプロパティに「ThisItem.title」と入力すると、

タスクのタイトルが出る！

続いて、Subtitle1ラベルコントロールのTextプロパティに「ThisItem.dueDateTime」と入力すると、

タスクの期限日が出た！

個人的に時間は不要だったのでText関数を使って、形式を指定してあげると、

いい感じになる。

最後に、期限日順に並べ替えたいので、GalleryのItemsプロパティにSort関数でdueDateTimeを指定してあげると、

いい感じ！これで一覧表示は終了！

完了、期限切れアイコンの表示

まずは、今回僕は使用しないので、GalleryのImage1コントロールを削除。

もちろん、チェックマークや悲しいマークの代わりに、このImageに画像を表示するなら、残していてもOK！

Image1コントロールを消すと、そのImage1の位置を基準にX座標とかを決めていたコントロールが悲鳴を上げるので、

Galleryの中にチェックアイコンを入れてあげて、そのチェックアイコンを基準にするようにX座標とかを修正すると、悲鳴が消える。

つづいて、完了したタスクだけチェックアイコンを表示したいので、チェックアイコンのVisibleに「ThisItem.percentComplete=100」（達成率100%のときtrue）を入れてあげると、

いい感じ！

最後に、悲しいマークをGallerlyに入れて、

悲しいマークのVisibleを下の画像のような感じにしてあげれば、

期限が過ぎつつ、完了していないタスクに、悲しいマークが表示される！完成！！

Visibleに入れる式はこんな感じで、

And(
    ThisItem.percentComplete<100,
    DateDiff(Now(),ThisItem.dueDateTime)<0
)

達成率が100%未満、かつ、現在日付と期限日の差分（DateDiff）が0未満、つまり期限日が過ぎている場合は、true（悲しいマーク表示）になる。

参考サイト

Plannerコネクタで使える、関数や戻り値はこのサイトが一番詳しく書いてくれていました！

https://www.carlosag.net/PowerApps/Connectors/Planner#_Toc1212D7B4_ListTasks_Response

www.carlosag.net