diff --git a/src/web/dialog.css b/src/web/dialog.css index f3c5ef7..bd5067a 100644 --- a/src/web/dialog.css +++ b/src/web/dialog.css @@ -42,3 +42,25 @@ fluent-divider { #cancel-button { margin-left: 10px; } + +.dialog-content { + flex-grow: 1; + overflow-y: auto; + padding-left: 20px; + padding-right: 20px; + height: 100%; +} + +.dialog-footer { + position: sticky; + bottom: 0; + padding: 10px; + text-align: center; +} + +.dialog-body { + display: flex; + flex-direction: column; + height: 100%; + padding: 0; +} \ No newline at end of file diff --git a/src/web/setting.css b/src/web/setting.css new file mode 100644 index 0000000..c800f03 --- /dev/null +++ b/src/web/setting.css @@ -0,0 +1,42 @@ +html, body { + height: 100%; + width: 100%; + margin: 0; + overflow: hidden; +} + + +fluent-tab-panel { + padding-top: 20px; + height:100%; +} + +.tab-container { + flex-direction: column; + height: 100%; + left: 0; + position: fixed; + top: 0; + width: 100%; +} + +fluent-tabs { + align-items: stretch; + flex-flow: column; + justify-content: flex-start; + overflow: auto; + height: 100%; +} + +#cancel-button { + margin-left: 10px; +} + +fluent-text-area { + height: 100%; + width: 100%; +} + +fluent-text-area::part(control){ + height:100%; +} \ No newline at end of file diff --git a/src/web/setting.html b/src/web/setting.html index 5f8d885..746f050 100644 --- a/src/web/setting.html +++ b/src/web/setting.html @@ -7,38 +7,42 @@ - - - 一般設定 - 社内ドメイン - 注意が必要なドメイン - 注意が必要なファイル名 - このアドオンについて - - メール送信前のカウントダウンを有効化する
- カウントダイアログの「いますぐ送信ボタン」を有効化する
- 送信までのカウントダウン秒数: 秒
- To/Ccに一定数以上のドメインが含まれている場合に警告する
- 警告対象となるドメインの数: 件以上
- 宛先が社内ドメインのみの場合は確認をスキップする - - - - - - - - - - - - FlexConfirmMail - 2025 ClearCode Inc. All rights reserved. - - -
- 保存して終了 - キャンセル + +
+ + 一般設定 + 社内ドメイン + 注意が必要なドメイン + 注意が必要なファイル名 + このアドオンについて + + メール送信前のカウントダウンを有効化する
+ カウントダイアログの「いますぐ送信ボタン」を有効化する
+ 送信までのカウントダウン秒数: 秒
+ To/Ccに一定数以上のドメインが含まれている場合に警告する
+ 警告対象となるドメインの数: 件以上
+ 宛先が社内ドメインのみの場合は確認をスキップする + + + + + + + + + + + + FlexConfirmMail + 2025 ClearCode Inc. All rights reserved. + + +
+
+
+ 保存して終了 + キャンセル +
\ No newline at end of file diff --git a/src/web/setting.js b/src/web/setting.js new file mode 100644 index 0000000..5e5d77b --- /dev/null +++ b/src/web/setting.js @@ -0,0 +1,25 @@ +import { DesignToken } from '@microsoft/fast-foundation'; + +const specialColor = DesignToken.create('special-color'); + +Office.onReady((info) => { + sendStatusToParent("ready"); + console.log(specialColor); +}); + +function sendStatusToParent(status) { + const messageObject = { status: status }; + const jsonMessage = JSON.stringify(messageObject); + Office.context.ui.messageParent(jsonMessage); + } + +window.onSave = () => { + Office.context.roamingSettings.set("TrustedDomains", "saved@example.com"); + Office.context.roamingSettings.saveAsync(); + console.log("saved"); + console.log(Office.context.roamingSettings.get("TrustedDomains")); +}; + +window.onCancel = () => { + sendStatusToParent("cancel"); +}; \ No newline at end of file