コンポーネントの利用

コンポーネント - チャート

import WidgetDisplay from 'src/pages/customPage/components/WidgetContent/WidgetDisplay';

<WidgetDisplay
  ids={
        {
          worksheetId: '', // ワークシートID
        }
  }
  value="" // チャートID
  type={1} // 固定値: 1
/>

コンポーネント - メンバー選択

import 'dialogSelectUser';

$(this).dialogSelectUser({
    title: '', // ポップアップのタイトル
    showMoreInvite: false, // 「さらに招待」を表示するかどうか
    fromType: 4, // 固定値: 4
    SelectUserSettings: {
        filterAll: true, // 全メンバーでフィルターするかどうか
        filterFriend: true, // フレンドのみでフィルターするかどうか
        filterOthers: true, // その他コラボレーターでフィルターするかどうか
        filterOtherProject: true, // 他ネットワークでフィルターするかどうか
        filterAccountIds: [], // フィルターするユーザーID一覧
        projectId: '', // 組織番号
        unique: true, // 単一選択かどうか
        callback: (users) => {}, // 選択したユーザーを返します
    },
});

コンポーネント - 部門選択

import DialogSelectGroups from 'src/components/dialogSelectDept';

new DialogSelectGroups({
    projectId: '', // 組織番号
    isIncludeRoot: false, // すべてを含めるかどうか
    unique: true, // 単一選択かどうか
    showCreateBtn: false, // 「部門作成」ボタンを表示するかどうか
    selectFn: (departments) => {}, // 選択した部門を返します
});

コンポーネント - 役職選択

import DialogSelectJob from 'src/components/DialogSelectJob';

new DialogSelectJob({
    projectId: '', // 組織番号
    onSave: jobs => {}, // 選択した役職を返します
});

スケジュール作成

import 'createCalendar';

$.CreateCalendar({
    Start: null, // 終了日時（文字列）
    End: null, // 開始日時（文字列）
    AllDay: false, // 終日かどうか
    MemberArray: [{
        accountId: '', // ユーザーID
        avatar: '', // ユーザーアバター
        fullname: '', // ユーザー名
    }], // メンバー一覧
});