1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

/*
 * Teams chat link in profile popup
 * Copyright (c) 2024 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
 */

(() => {
  'use strict';

  garoon.events.on('profile.dialog.show', async (event) => {

    const footer = garoon.profile.dialog.getFooterSpaceElement();
    const loginUserLoginName = garoon.base.user.getLoginUser().code;
    const profileUserLoginName = event.code;

    // 自分のプロフィールにはリンクを表示しない
    if (loginUserLoginName === profileUserLoginName) {
      return event;
    }

    // ユーザープリンシパル名の値に応じてusersパラメーターの値を変更してください。
    // 以下はcybozu.comのログイン名がユーザープリンシパル名（<user>@<primary-domain>.onmicrosoft.com）と同じ場合の例です。
    const teamsUrl = `https://teams.microsoft.com/l/chat/0/0?users=${profileUserLoginName}`;

    const container = document.createElement('div');
    container.innerHTML = `
      <div class="profile_dialog_category_grn_custom">
        <div class="profile_dialog_headline_grn_custom">
          <h3 class="profile_dialog_headline_label_grn_custom">Teams</h3>
          <a href="${teamsUrl}" target="_blank" class="profile_dialog_headline_action_grn_custom">
          新しいチャットを始める
          </a>
        </div>
      </div>`;

    footer.appendChild(container);
    return event;
  });
})();

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

/*
 * Teams chat link in profile popup
 * Copyright (c) 2024 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
 */

.profile_dialog_category_grn_custom {
    margin-top: 16px;
}

.profile_dialog_headline_grn_custom {
    display: flex;
    align-items: center;
}

.profile_dialog_headline_label_grn_custom {
  margin: 0;
  font-size: 100%;
  font-weight: 700;
  color: #666;
}

.profile_dialog_headline_action_grn_custom {
  margin-left: 16px;
}

.profile_dialog_content_grn_custom {
  margin: 4px 0 0 24px;
}

.profile_dialog_content_ul_grn_custom {
  margin: 0;
  padding: 0;
}

.profile_dialog_content_listitem_grn_custom {
  margin: 4px 0 0 24px;
  list-style-position: outside;
}