[開発] 申請アプリに必要な機能を追加する

ユーザー名の表示

1. HeaderContainerにテキストラベルを追加します。
2. 詳細設定 > Textに下記を入力します。

"ログイン: " & 
With(
    { seimei: Split(User().FullName, " ") },
    Last(seimei).Value & " " & First(seimei).Value
)

※標準では、姓名ではなく、名姓の順番です。

3. WidthにParent.Width / 3 - 20を入力します。
4. AlignをAlign.Rightにします。

新規登録ボタンの追加

1. SidebarContainerにボタンを追加します。
2. ディスプレイ > テキストに新規登録を入力します。
3. 詳細設定 > OnSelectにNewForm(Form1)を入力します。
   ※Form1は、MainContainerにある編集フォームのコントロール名です

編集機能の追加

1. SidebarContainerのギャラリーにあるNextArrowを選択します。
2. OnSelectをSelect(Parent)からEditForm(Form1)にします。

モードの表示

1. HeaderContainerにテキストラベルを追加します。
2. ツリービューで、ユーザー名の表示に用意したラベルの上に、モード表示用のラベルを移動します。
3. 詳細設定 > Textに下記を入力します。

If(
    Form1.Mode = FormMode.New, 
    "新規登録中", 
    "編集中"
)

4. WidthにParent.Width / 3を入力します。
5. AlignをAlign.Centerにします。

申請ボタンの追加

1. MainContainerにボタンを追加します。
2. ディスプレイ > テキストに申請を入力します。
3. 詳細設定 > OnSelectに下記を入力します。

SubmitForm(Form1); 
Notify("申請が完了しました", NotificationType.Success);

4. Textに下記を入力します。

If(
    Form1.Mode = FormMode.New,
    "新規申請",
    "修正して保存"
)

編集フォームの調整

1. 編集フォームから不要な項目を削除します（ID、タイトル、申請者、申請内容、ステータスのみにする）。
2. ディスプレイ > 列を「1」列にします。
3. タイトルのDataCardKeyにある詳細設定 > Textを申請件名にします。
4. 申請者のDataCardValueにあるディスプレイ > フィールドで、レイアウトを二重線にし、主要なテキストとSearchFieldをDisplayName、副次的なテキストをEmailにします。
   ※i:0#.f|membership|...はClaimsで、最初はこの形式で設定されています。
   ※主要なテキストと副次的なテキストを用意することで、氏名とメールアドレスの両方で検索が可能になります。
5. 申請内容のDataCardValueのHeightを80にし、ModeをTextMode.MultiLineにします。
6. ステータスのDataCardの詳細設定 > Defaultに{Value: "承認待ち"}を入力し、DataCardValueの詳細設定 > DisplayModeはDisplayMode.Viewにします。

動作確認

新規登録の場合は下図です。

編集の場合は下図です。