フラグ', groupColor),\r\n tooltip: 'オプションフラグ',\r\n size: '70px',\r\n frozen: true\r\n };\r\n }\r\n // 出席\r\n case 'attend': {\r\n return {\r\n field: column.field,\r\n caption: cls._genHeaderArea('出席', groupColor),\r\n tooltip: '出席',\r\n size: '70px',\r\n frozen: true,\r\n render: function (rcd, idx, col_idx) {\r\n return cls._genCellCheckBox(rcd.attend, rcd.chacked);\r\n }\r\n };\r\n }\r\n // 当日受付\r\n case 'receipt': {\r\n return {\r\n field: column.field,\r\n caption: cls._genHeaderArea('当日受付', groupColor),\r\n tooltip: '当日受付',\r\n size: '70px',\r\n frozen: false,\r\n editable: true,\r\n render: function (rcd, idx, col_idx) {\r\n return cls._genCellCheckBox(rcd[column.field]);\r\n }\r\n };\r\n }\r\n // 番号\r\n case 'number': {\r\n const { field } = column;\r\n return {\r\n field: field,\r\n caption: cls._genHeaderArea(cls._genCellCheckBox(column.checked, '番号'), groupColor),\r\n tooltip: '番号',\r\n size: '65px',\r\n frozen: true,\r\n render: function (rcd, idx, col_idx) {\r\n if (rcd.clientStatus === 'OK' || rcd.clientStatus === 'NG') {\r\n return rcd[column.field];\r\n }\r\n return rcd[column.field] + ' ' + cls._genCellCheckBox(rcd.selected);\r\n }\r\n };\r\n }\r\n // 氏名\r\n case 'name': {\r\n const { field } = column;\r\n return {\r\n field: field,\r\n caption: cls._genHeaderArea('氏名', groupColor),\r\n tooltip: '氏名',\r\n size: '140px',\r\n frozen: true,\r\n render: function render(rcd, idx, col_idx) {\r\n return `${rcd.name}`;\r\n }\r\n };\r\n }\r\n // 会員タイプ\r\n case 'role': {\r\n const { field } = column;\r\n return {\r\n field: field,\r\n caption: cls._genHeaderArea('会員タイプ', groupColor),\r\n tooltip: '会員タイプ',\r\n size: '70px',\r\n frozen: true,\r\n };\r\n }\r\n // 備考\r\n case 'attendremark': {\r\n const { field } = column;\r\n return {\r\n field: field,\r\n caption: cls._genHeaderArea('備考', groupColor),\r\n tooltip: '備考',\r\n size: '120px',\r\n frozen: true,\r\n };\r\n }\r\n // 受講番号\r\n case 'attendnum': {\r\n const { field } = column;\r\n return {\r\n field: field,\r\n caption: cls._genHeaderArea('受講番号', groupColor),\r\n tooltip: '受講番号',\r\n size: '120px',\r\n frozen: true,\r\n };\r\n }\r\n // 非表示列\r\n case 'hidden': {\r\n const { field } = column;\r\n return {\r\n field: field,\r\n size: '120px',\r\n hidden: true,\r\n frozen: true,\r\n };\r\n }\r\n // コンテンツ情報\r\n case 'contentInfo': {\r\n const { label, field, checked, hideAllCheck } = column;\r\n var _number = (column.number > 0) ? column.number : '';\r\n return {\r\n field: field,\r\n attr: (column.checked) ? 'checked' : '',\r\n caption: cls._genHeaderArea(`${_number}${label}`, groupColor),\r\n tooltip: label,\r\n size: '120px',\r\n render: function (rcd, idx, col_idx) {\r\n return (rcd[field]) ? '◯' : '';\r\n }\r\n };\r\n }\r\n // セッション\r\n case 'session': {\r\n var _label4 = column.label,\r\n _field9 = column.field,\r\n _checked4 = column.checked,\r\n _hideAllCheck2 = column.hideAllCheck;\r\n var _number = (column.number > 0) ? column.number : '';\r\n return {\r\n field: _field9,\r\n attr: column.checked ? 'checked' : '',\r\n caption: cls._genHeaderArea(\"\" + _number + \"\" + _label4, groupColor),\r\n tooltip: _label4,\r\n size: '120px',\r\n render: function render(rcd, idx, col_idx) {\r\n return rcd[_field9] ? '●' : '';\r\n }\r\n };\r\n }\r\n // カスタム\r\n case 'custom': {\r\n const { label, field, checked } = column;\r\n var _number = (column.number > 0) ? column.number : '';\r\n const attr = [];\r\n if (column.checked) attr.push('checked');\r\n return {\r\n field,\r\n attr: attr.join(' '),\r\n caption: cls._genHeaderArea(`${_number}${label}`, groupColor),\r\n tooltip: label,\r\n size: '100px',\r\n editable: (cls._editable)? { type: 'text' } : null\r\n };\r\n }\r\n // 閲覧日時\r\n case 'viewdate': {\r\n const { label, field, checked } = column;\r\n var _number = (column.number > 0) ? column.number : '';\r\n const editable = (column.columnType !== 'viewdate' && cls._editable) ? { type: 'text' } : null;\r\n const attr = [];\r\n if (column.checked) attr.push('checked');\r\n if (_.includes(this._maskedColumn, field)) attr.push('masked');\r\n return {\r\n field,\r\n attr: attr.join(' '),\r\n caption: cls._genHeaderArea(`${_number}${label}`, groupColor),\r\n tooltip: label,\r\n size: '140px',\r\n editable\r\n };\r\n }\r\n // チェックボックス\r\n case 'checkbox': {\r\n var _label5 = column.label,\r\n _field10 = column.field,\r\n _checked5 = column.checked,\r\n _hideAllCheck3 = column.hideAllCheck;\r\n var _number = (column.number > 0) ? column.number : '';\r\n var _attr3 = [];\r\n var _caption2 = _hideAllCheck3 ? cls._genHeaderArea(\"\" + _number + \"\" + _label5, groupColor) : cls._genHeaderArea(cls._genCellCheckBox(_checked5, \"\" + _number + \"\" + _label5, \"is-\" + column.columnType + \" \" + (_checked5 ? 'is-delete' : '')), groupColor);\r\n if (column.number <= 0) { // 特典列( < 0 )はピリオドも不要な為、クラス解除\r\n _caption2 = _caption2.replace('c-grid_check_num', '')\r\n }\r\n if (column.checked) _attr3.push('checked');\r\n if (_.includes(this._maskedColumn, _field10)) _attr3.push('masked');\r\n return {\r\n field: _field10,\r\n attr: _attr3.join(' '),\r\n caption: _caption2,\r\n tooltip: _label5,\r\n size: '100px',\r\n editable: cls._editable ? { type: 'text' } : null,\r\n render: function render(rcd, idx, col_idx) {\r\n return rcd[_field10] ? '●' : '';\r\n }\r\n };\r\n }\r\n // 個人情報\r\n case 'personalInfo':\r\n // コンテンツ情報テキスト\r\n case 'contentInfoText':\r\n // アンケート\r\n case 'survey':\r\n // その他\r\n default: {\r\n const { label, field, checked, hideAllCheck } = column;\r\n var _number = (column.number > 0) ? column.number : '';\r\n const editable = (column.columnType !== 'viewdate' && cls._editable)? { type: 'text' } : null;\r\n const attr = [];\r\n var caption = (hideAllCheck) ? cls._genHeaderArea(`${_number}${label}`, groupColor) : cls._genHeaderArea(cls._genCellCheckBox(checked, `${_number}${label}`, `is-${column.columnType} ${(checked) ? 'is-delete' : ''}`), groupColor);\r\n if (column.number <= 0) { // 特典列( < 0 )はピリオドも不要な為、クラス解除\r\n caption = caption.replace('c-grid_check_num', '')\r\n }\r\n if (column.checked) attr.push('checked');\r\n if (_.includes(this._maskedColumn, field)) attr.push('masked');\r\n return {\r\n field,\r\n attr: attr.join(' '),\r\n caption,\r\n tooltip: label,\r\n size: '100px',\r\n editable\r\n };\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * 各行の描画\r\n * TODO: w2ui.styleにbackground-colorを指定すると、行選択時に上書きされるので指定しないこと\r\n * @param {*} rcd\r\n * @param {boolean} isInitialize 初期化時はtrue\r\n */\r\n _renderRecord(rcd, isInitialze = false) {\r\n const cls = this;\r\n const className = [];\r\n\r\n if (!rcd.hasOwnProperty('w2ui')) {\r\n rcd.w2ui = { class: '' };\r\n }\r\n\r\n // 未操作行\r\n if (rcd.untreated) {\r\n className.push('is-operatable');\r\n }\r\n\r\n // 削除行\r\n if (rcd.delete) {\r\n className.push('is-delete');\r\n }\r\n\r\n // 初期化時の削除フラグを別パラメタとして保持する\r\n if (isInitialze) {\r\n rcd[FIELD_INIT_DELETE] = rcd.delete;\r\n }\r\n\r\n // マスク\r\n if (rcd.isMasked) {\r\n className.push('is-mask');\r\n };\r\n\r\n rcd.w2ui.class = className.join(' ');\r\n\r\n return rcd;\r\n }\r\n\r\n /**\r\n * リードレコードテーブルの初期化\r\n * @param {*} rcdHead 列ヘッダオプション\r\n * @param {*} rcdGroups 列ヘッダのグループ\r\n * @param {*} rcdRow 行データ\r\n * @param {*} rcdColumn 列データ(固定列を除く)\r\n * @param {*} orderType 案件種別(1:オンラインリード、2 or 3:セミナー)\r\n * @param {*} enableClientStatus 受講票列が有効かどうか\r\n * @param {*} enableAttend 出席列が有効かどうか\r\n * @param {*} enableSendRequest 情報開示リクエストの操作が有効かどうか\r\n */\r\n initDashboardReadRecordGrid(rcdHead, rcdGroups, rcdRow, rcdColumn, orderType, enableClientStatus, enableAttend, enableSendRequest) {\r\n\r\n // 既に定義済みであれば削除する\r\n if (w2ui[GRID_ID] !== undefined) {\r\n w2ui[GRID_ID].destroy();\r\n }\r\n\r\n const cls = this;\r\n const $tgt = $('.js-grid_dashboard_readrecord');\r\n if (!cls._initHeight) {\r\n cls._initHeight = $tgt.height();\r\n }\r\n else {\r\n $tgt.height(cls._initHeight);\r\n }\r\n\r\n cls._gridType = \"readrecord\"; // 初期値\r\n if (orderType == 1) {\r\n cls._gridType = \"onlinelead\";\r\n }\r\n else if (orderType == 2 || orderType == 3) {\r\n cls._gridType = \"seminor\";\r\n }\r\n else if (orderType == 98) {\r\n cls._gridType = \"research\";\r\n }\r\n else if (orderType == 99) {\r\n cls._gridType = \"campaign\";\r\n }\r\n cls._enableAttendStatus = !!enableClientStatus;\r\n cls._enableAttend = !!enableAttend;\r\n cls._enableSendRequest = enableSendRequest;\r\n\r\n // 列の番号からフィールド名を取得\r\n const getFieldFromColumnIndex = (columnIndex) => w2ui[GRID_ID].columns[columnIndex].field;\r\n\r\n // 列の番号からカラムタイプを取得\r\n const getColumnTypeFromColumnIndex = (columnIndex) => cls._columnData[columnIndex].columnType;\r\n\r\n // セルの値を変更\r\n // (行のスタイルに影響がある場合を考慮し、行全体の更新も行なっています。通常のsetterより動作が重いので、使う箇所は検討した上で使用してください)\r\n const setCellValue = (recid, value) => {\r\n const record = w2ui[GRID_ID].get(recid);\r\n\r\n w2ui[GRID_ID].set( recid, this._renderRecord(Object.assign(record, value)), false );\r\n // refreshRowがスキップされることがあり、不安定なのでrefreshを使用しています\r\n // w2ui[GRID_ID].refreshRow(recid);\r\n w2ui[GRID_ID].refresh();\r\n };\r\n\r\n let fixedColumnData = (cls._gridType === \"seminor\") ? FIXED_COLUMN_DATA_SEMINOR : FIXED_COLUMN_DATA;\r\n if (!cls._enableAttendStatus) {\r\n _.remove(fixedColumnData, function (e) { return e.columnType === 'clientStatus'; });\r\n }\r\n if (!cls._enableAttend) {\r\n _.remove(fixedColumnData, function (e) { return e.columnType === 'attend'; });\r\n }\r\n if (!cls._enableSendRequest) {\r\n _.remove(fixedColumnData, function (e) { return e.columnType === 'sendRequest'; });\r\n }\r\n\r\n // 列データの初期化\r\n cls._columnData = _.concat(fixedColumnData, _.map(rcdColumn, column => {\r\n column.checked = _.includes(rcdHead.del_clm, column.field);\r\n return column;\r\n }));\r\n\r\n cls._maskedColumn = rcdHead.mask_clm || [];\r\n cls._columnGroupData = INIT_GROUPS.concat(rcdGroups);\r\n cls._editable = rcdHead.editable || false;\r\n\r\n // 検索エリアにコンテンツ情報のチェックボックスを追加\r\n const contentInfoList = _.filter(rcdColumn, item => item.columnType === 'contentInfo');\r\n\r\n cls.$SearchContentListWrap.empty();\r\n contentInfoList.forEach(item => {\r\n const $SearchContentList = cls.$SearchContentList.clone();\r\n\r\n $SearchContentList.find('span').text(item.label);\r\n $SearchContentList.find('input').attr('name', item.field);\r\n $SearchContentList.appendTo(cls.$SearchContentListWrap);\r\n });\r\n\r\n // 20行未満は高さ変動\r\n var fixedheight = false;\r\n if (rcdRow.length > 20) {\r\n fixedheight = true;\r\n }\r\n\r\n // データヘッダーの定義\r\n $tgt.w2grid({\r\n disableCVS: false, // スクロール時の動的なDOM生成をしないか(レコードが少ないときはtrueの方が早い)\r\n name: GRID_ID,\r\n fixedBody: fixedheight,\r\n recordHeight: 26,\r\n columns: this._columnData.map(item => this._renderColumn(item, true)),\r\n records: rcdRow.map(item => this._renderRecord(item, true)),\r\n show: {\r\n toorbar : true,\r\n toolbarReload : false, // ツールバーに「reload」ボタンを表示するかどうか\r\n toolbarColumns : false, // ツールバーに「columns(|||)」ボタンを表示するかどうか\r\n toolbarSearch : true, // ツールバーに検索ボックスを表示するかどうか\r\n toolbarAdd : false, // ツールバーに「Add New」ボタンを表示するかどうか\r\n toolbarEdit : false, // ツールバーに「Edit」ボタンを表示するかどうか\r\n toolbarDelete : false, // ツールバーに「Delete」ボタンを表示するかどうか\r\n toolbarSave : false, // ツールバーに「Save」ボタンを表示するかどうか\r\n },\r\n keyboard: false,\r\n // セルタップ時のイベント\r\n onClick: function(event) {\r\n const { recid, column } = event;\r\n const field = getFieldFromColumnIndex(column);\r\n const columnType = getColumnTypeFromColumnIndex(column);\r\n\r\n const resetColumn = (column) => {\r\n cls._columnData[column].checked = false;\r\n w2ui[GRID_ID].columns[column] = Object.assign(column, cls._renderColumn(cls._columnData[column]));\r\n };\r\n\r\n if (columnType === 'receipt') {\r\n const receiptValue = w2ui[GRID_ID].getCellValue(recid - 1, column);\r\n if (typeof receiptValue === 'boolean') {\r\n if (receiptValue) {\r\n resetColumn(column);\r\n }\r\n setCellValue(recid, { [field] : !receiptValue });\r\n }\r\n return;\r\n }\r\n\r\n switch (field) {\r\n // 提出\r\n case 'submission': {\r\n if (!cls._enableSendRequest)\r\n {\r\n break;\r\n }\r\n const submissionValue = w2ui[GRID_ID].getCellValue(recid - 1, column);\r\n if (typeof submissionValue === 'boolean') {\r\n if (submissionValue) {\r\n resetColumn(column);\r\n }\r\n setCellValue(recid, { submission: !submissionValue });\r\n }\r\n break;\r\n }\r\n // 情報開示\r\n case 'sendRequest': {\r\n if (!cls._enableSendRequest)\r\n {\r\n break;\r\n }\r\n const sendRequestValue = w2ui[GRID_ID].getCellValue(recid - 1, column);\r\n if (typeof sendRequestValue === 'boolean') {\r\n if (sendRequestValue) {\r\n resetColumn(column);\r\n }\r\n setCellValue(recid, { sendRequest: !sendRequestValue });\r\n }\r\n break;\r\n }\r\n // 出席\r\n case 'attend': {\r\n const attendValue = w2ui[GRID_ID].getCellValue(recid - 1, column);\r\n if (typeof attendValue === 'boolean') {\r\n if (attendValue) {\r\n resetColumn(column);\r\n }\r\n setCellValue(recid, { attend: !attendValue });\r\n }\r\n break;\r\n }\r\n // 削除\r\n case 'delete': {\r\n const deleteValue = w2ui[GRID_ID].getCellValue(recid - 1, column);\r\n if (deleteValue) {\r\n resetColumn(column);\r\n }\r\n setCellValue(recid, { delete: !deleteValue });\r\n break;\r\n }\r\n // 番号\r\n case 'num': {\r\n const selectedValue = w2ui[GRID_ID].records[recid - 1].selected || false;\r\n if (selectedValue) {\r\n resetColumn(column);\r\n }\r\n setCellValue(recid, { selected: !selectedValue });\r\n break;\r\n }\r\n default:\r\n break;\r\n }\r\n },\r\n // カラムヘッダータップ時のイベント\r\n onColumnClick: function(event) {\r\n const { field } = event;\r\n // カラム情報\r\n const column = w2ui[GRID_ID].getColumn(field);\r\n // カラムのタイプ\r\n const columnType = _.find(cls._columnData, column => column.field === field).columnType;\r\n // カラム番号\r\n const columnIndex = _.findIndex(cls._columnData, column => column.field === field);\r\n\r\n // 現在表示されているレコードのid\r\n const currentShowIndex = (w2ui[GRID_ID].last.searchIds.length) ? w2ui[GRID_ID].last.searchIds : _.range(w2ui[GRID_ID].records.length);\r\n\r\n // カラム内の要素タップ時のみに反応させる\r\n if(event.originalEvent.target.nodeName.toLowerCase() !== 'span') return;\r\n\r\n switch (columnType) {\r\n // 提出\r\n case 'submission': {\r\n if (!cls._enableSendRequest)\r\n {\r\n break;\r\n }\r\n // 元データを更新\r\n cls._columnData[columnIndex].checked = !cls._columnData[columnIndex].checked;\r\n // カラムの情報を更新\r\n w2ui[GRID_ID].columns[columnIndex] = Object.assign(column, cls._renderColumn(cls._columnData[columnIndex]));\r\n // レコードの情報を更新\r\n _.forEach(currentShowIndex, index => {\r\n const record = w2ui[GRID_ID].records[index];\r\n if (typeof record.submission === 'boolean') record.submission = cls._columnData[columnIndex].checked;\r\n });\r\n // w2uiのリフレッシュ\r\n w2ui[GRID_ID].refresh();\r\n break;\r\n }\r\n // 情報開示\r\n case 'sendRequest': {\r\n if (!cls._enableSendRequest)\r\n {\r\n break;\r\n }\r\n // 元データを更新\r\n cls._columnData[columnIndex].checked = !cls._columnData[columnIndex].checked;\r\n // カラムの情報を更新\r\n w2ui[GRID_ID].columns[columnIndex] = Object.assign(column, cls._renderColumn(cls._columnData[columnIndex]));\r\n // レコードの情報を更新\r\n _.forEach(currentShowIndex, index => {\r\n const record = w2ui[GRID_ID].records[index];\r\n if (typeof record.sendRequest === 'boolean') record.sendRequest = cls._columnData[columnIndex].checked;\r\n });\r\n // w2uiのリフレッシュ\r\n w2ui[GRID_ID].refresh();\r\n break;\r\n }\r\n // 出席\r\n case 'attend': {\r\n // // 元データを更新\r\n // cls._columnData[columnIndex].checked = !cls._columnData[columnIndex].checked;\r\n // // カラムの情報を更新\r\n // w2ui[GRID_ID].columns[columnIndex] = Object.assign(column, cls._renderColumn(cls._columnData[columnIndex]));\r\n // // レコードの情報を更新\r\n // _.forEach(currentShowIndex, index => {\r\n // const record = w2ui[GRID_ID].records[index];\r\n // if (typeof record.attend === 'boolean') record.attend = cls._columnData[columnIndex].checked;\r\n // });\r\n // // w2uiのリフレッシュ\r\n // w2ui[GRID_ID].refresh();\r\n break;\r\n }\r\n // 削除\r\n case 'delete': {\r\n // 元データを更新\r\n cls._columnData[columnIndex].checked = !cls._columnData[columnIndex].checked;\r\n // カラムの情報を更新\r\n w2ui[GRID_ID].columns[columnIndex] = Object.assign(column, cls._renderColumn(cls._columnData[columnIndex]));\r\n // レコードの情報を更新\r\n _.forEach(currentShowIndex, index => {\r\n let record = w2ui[GRID_ID].records[index];\r\n record.delete = cls._columnData[columnIndex].checked;\r\n record = cls._renderRecord(record);\r\n });\r\n // w2uiのリフレッシュ\r\n w2ui[GRID_ID].refresh();\r\n break;\r\n }\r\n // 番号\r\n case 'number': {\r\n // 元データを更新\r\n cls._columnData[columnIndex].checked = !cls._columnData[columnIndex].checked;\r\n // カラムの情報を更新\r\n w2ui[GRID_ID].columns[columnIndex] = Object.assign(column, cls._renderColumn(cls._columnData[columnIndex]));\r\n // レコードの情報を更新\r\n _.forEach(currentShowIndex, index => {\r\n const record = w2ui[GRID_ID].records[index];\r\n record.selected = cls._columnData[columnIndex].checked;\r\n });\r\n // w2uiのリフレッシュ\r\n w2ui[GRID_ID].refresh();\r\n break;\r\n }\r\n // 備考\r\n case 'attendremark':\r\n // 受講番号\r\n case 'attendnum':\r\n // 閲覧情報\r\n case 'viewdate':\r\n // コンテンツ情報\r\n case 'contentInfo':\r\n // コンテンツ情報\r\n case 'contentInfoText':\r\n // 個人情報\r\n case 'personalInfo':\r\n // アンケート\r\n case 'survey':\r\n // カスタム\r\n case 'custom':\r\n // チェックボックス\r\n case 'checkbox':\r\n // セル情報は全てこれにしている\r\n case 'text': {\r\n // // 元データを更新\r\n // cls._columnData[columnIndex].checked = !cls._columnData[columnIndex].checked;\r\n // // カラムの情報を更新\r\n // w2ui[GRID_ID].columns[columnIndex] = Object.assign(column, cls._renderColumn(cls._columnData[columnIndex]));\r\n // // w2uiのリフレッシュ\r\n // w2ui[GRID_ID].refresh();\r\n break;\r\n }\r\n // ステータス\r\n case 'status':\r\n // オプション\r\n case 'option':\r\n // その他\r\n default: {\r\n break;\r\n }\r\n }\r\n },\r\n onChange: function(event) {\r\n if (cls._columnData[event.column].columnType === 'checkbox') {\r\n // 1 or nullのみ許可\r\n var val = $('#' + event.input_id).val() + '';\r\n if (val !== '1' && val !== '') {\r\n event.preventDefault();\r\n }\r\n }\r\n\r\n event.onComplete = function () {\r\n const editRecord = w2ui[GRID_ID].getChanges();\r\n\r\n w2ui[GRID_ID].mergeChanges();\r\n\r\n editRecord.forEach(record => {\r\n const recid = record.recid || 0;\r\n w2ui[GRID_ID].refreshRow(recid);\r\n });\r\n };\r\n }\r\n });\r\n\r\n $tgt.on('change', 'select', function (event) {\r\n const $target = $(event.target);\r\n const value = $target.val();\r\n const recid = $target.data('recid');\r\n const field = $target.data('field');\r\n if (recid !== null && field !== null) {\r\n setCellValue(recid, { [field] : value })\r\n }\r\n });\r\n\r\n // 列のフィルター適用\r\n cls.customColumnFilter();\r\n }\r\n\r\n /**\r\n * 情報開示リクエストをするレコードを取得\r\n */\r\n findSendRequestRecords() {\r\n if (!w2ui[GRID_ID]) {\r\n return [];\r\n }\r\n\r\n return _.filter(w2ui[GRID_ID].records, (rcd) => typeof rcd.sendRequest === 'boolean' && rcd.sendRequest);\r\n }\r\n\r\n setupStatusAllSetter() {\r\n const cls = this\r\n for (let i = 0; i < OPTION_CLIENT_STATUS.length; i++) {\r\n $('', OPTION_CLIENT_STATUS[i]).appendTo(cls.$allSetterSelector)\r\n }\r\n\r\n cls.$allSetterTrigger.on('click', () => {\r\n if (!w2ui[GRID_ID]) {\r\n return\r\n }\r\n\r\n const value = cls.$allSetterSelector.val()\r\n const length = w2ui[GRID_ID].records.length\r\n for (let i = 0; i < length; i++) {\r\n if (w2ui[GRID_ID].records[i].clientStatus === 'OK' || w2ui[GRID_ID].records[i].clientStatus === 'NG' || !w2ui[GRID_ID].records[i].selected) {\r\n continue;\r\n }\r\n\r\n w2ui[GRID_ID].records[i].clientStatus = value\r\n }\r\n\r\n w2ui[GRID_ID].refresh();\r\n })\r\n }\r\n}","// デイトピッカー（プラグイン）管理\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class datePickerClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._baseSetting = {\r\n showOn: 'both',\r\n buttonText: '',\r\n dateFormat: 'yy/mm/dd',\r\n }\r\n this._$tgt = $('.js-datepicker');\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n cls._$tgt.datepicker(cls._baseSetting).next('.ui-datepicker-trigger').addClass('c-btn_datepick');\r\n }\r\n\r\n}","// フォームクリア\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class descriptionListClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._$prt = $('.js-descriptionList_prt');\r\n\r\n this._showBtn = '.js-descriptionList_open';\r\n this._closeBtn = '.js-descriptionList_close';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n cls._$prt.each(function(index, el) {\r\n var $self = $(this);\r\n var $tgt = $self.find('.c-descriptionList');\r\n var $showBtn = $self.find(cls._showBtn);\r\n var $closeBtn = $self.find(cls._closeBtn);\r\n\r\n $showBtn.on('click', function() {\r\n $tgt.removeClass('is-close');\r\n })\r\n $closeBtn.on('click', function() {\r\n $tgt.addClass('is-close');\r\n //@2010.11.18 SBCr追加 START\r\n $('.js-tab-l').click(function () {\r\n $tgt.removeClass('is-close');\r\n });\r\n //@2010.11.18 SBCr追加 END\r\n })\r\n });\r\n }\r\n}","// フォームクリア\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class frmClearClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._$prt = $('.js-frmclr');\r\n\r\n this._changeDisablePrt = '.js-frm_disable_prt';\r\n this._changeDisableTrg = '.js-frm_disable_trg';\r\n this._changeDisableTgt = '.js-frm_disable_tgt';\r\n this._changeCurrentTgt = '.js-frm_current_tgt';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n // 空チェック処理初期化\r\n cls._checkEmpty();\r\n\r\n // クリア処理初期化\r\n cls._clear();\r\n\r\n // ディセブルON/OFF処理\r\n cls._changeDisable();\r\n\r\n // カレント表示\r\n cls._changeRadioCurrent();\r\n }\r\n\r\n // 空チェック\r\n _checkEmpty() {\r\n var cls = this;\r\n // 対象のinput、textarea要素取得\r\n var tgtSelector = '.c-frm_itm input[type=\"text\"], .c-frm_itm input[type=\"number\"], .c-frm_itm input[type=\"password\"], .c-frm_textarea textarea, .c-frm_select select';\r\n\r\n $(tgtSelector).each(function(index, el) {\r\n doCheck($(el));\r\n });\r\n\r\n $(document).on('change blur', tgtSelector, function() {\r\n doCheck($(this));\r\n });\r\n\r\n function doCheck($tgt) {\r\n var val = $tgt.val() && $tgt.val().replace(/\\s/g, '');\r\n\r\n if (val !== '') {\r\n $tgt.addClass('has-val');\r\n } else {\r\n $tgt.removeClass('has-val');\r\n $tgt.val(val);\r\n }\r\n }\r\n }\r\n\r\n // クリア処理\r\n _clear() {\r\n var cls = this;\r\n\r\n this._$prt.each(function (idx, elm) {\r\n var $prt = $(elm);\r\n var $trg = $prt.find('.js-frmclr_trg');\r\n\r\n var $ipt;\r\n var $chkbox;\r\n var $radio;\r\n var $txtarea;\r\n var $slctopt;\r\n var $nbr;\r\n\r\n $trg.on('click', function(e) {\r\n if (e.clientX === 0 && e.clientY === 0) {\r\n return;\r\n }\r\n // 動的に追加されているipt要素もあるためここで取得\r\n $ipt = $prt.find('input[type=\"text\"]');\r\n $chkbox = $prt.find('input[type=\"checkbox\"]');\r\n $radio = $prt.find('input[type=\"radio\"]');\r\n $txtarea = $prt.find('textarea');\r\n $slctopt = $prt.find('option');\r\n $nbr = $prt.find('input[type=\"number\"]');\r\n\r\n // 各ipt要素の値をリセット\r\n // 増減セレクタはVariableSelectClassから初期化処理を実行\r\n APP.VariableSelect._reinit($(this));\r\n $ipt.removeClass('has-val').val('');\r\n $chkbox.prop('checked', false).trigger('change');\r\n $radio.prop('checked', false).trigger('change');\r\n $txtarea.removeClass('has-val').val('');\r\n $slctopt.prop('selected', false).trigger('change');\r\n $nbr.removeClass('has-val').val('');\r\n $('.field-validation-error').html('');\r\n return false;\r\n });\r\n });\r\n }\r\n\r\n // ディセブルON/OFF処理\r\n _changeDisable() {\r\n var cls = this;\r\n var $tgt;\r\n\r\n $(document).on('change', cls._changeDisableTrg, function() {\r\n var $this = $(this);\r\n $tgt = $this.closest(cls._changeDisablePrt).find(cls._changeDisableTgt);\r\n\r\n if ($this.attr('type') === 'radio') {\r\n // ラジオボタンの場合は、'is-disable_trg'クラスのラジオを選択した場合のみ非活性にする\r\n var isDisableTrg = $this.hasClass('is-disable_trg') && $this.prop('checked');\r\n $tgt.prop('disabled', isDisableTrg);\r\n } else if ($this.attr('type') === 'text') {\r\n console.log($this.hasClass('has-val'))\r\n if ($this.hasClass('has-val')) {\r\n $tgt.prop('disabled', false);\r\n } else {\r\n $tgt.prop('disabled', true);\r\n }\r\n } else {\r\n if ($this.prop('checked')) {\r\n $tgt.prop('disabled', false);\r\n } else {\r\n $tgt.prop('disabled', true);\r\n }\r\n }\r\n\r\n return false;\r\n });\r\n }\r\n\r\n // カレント表示\r\n _changeRadioCurrent() {\r\n var cls = this;\r\n\r\n $(document).on('change', cls._changeCurrentTgt, function() {\r\n var $this = $(this);\r\n\r\n $this.siblings('div').removeClass('is-current');\r\n $this.addClass('is-current');\r\n return false;\r\n });\r\n }\r\n}","// テーブル管理\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class gridClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._recordHeight = 26;\r\n }\r\n\r\n // 初期化用関数\r\n _init() {\r\n var cls = this;\r\n }\r\n\r\n // 「種類」カラムのラベルhtml生成\r\n _genTypeHtml(txt) {\r\n if (txt === '特集') {\r\n return '' + txt + '';\r\n } else if (txt === '単体') {\r\n return '' + txt + '';\r\n }\r\n }\r\n // 「緊急度」カラムのラベルhtml生成\r\n _genUrgencyHtml(txt) {\r\n if (Number(txt) < 0) {\r\n return '' + txt + '';\r\n } else {\r\n return txt;\r\n }\r\n }\r\n // 「増加」カラムのラベルhtml生成\r\n _genGainHtml(txt) {\r\n if (Number(txt) > 0) {\r\n return '' + txt + '';\r\n } else {\r\n return txt;\r\n }\r\n }\r\n // 「特典」カラムの「表示」リンクhtml生成\r\n _genBenefitHtml(flg) {\r\n if (flg) {\r\n return '★';\r\n } else {\r\n return '-';\r\n }\r\n }\r\n // 「アンケート」カラムの「表示」リンクhtml生成\r\n _genSurveyHtml(hrefTxt) {\r\n if (hrefTxt === '') {\r\n return '-';\r\n } else {\r\n return '表示' + '';\r\n }\r\n }\r\n // 「配信」カラムのリンクhtml生成\r\n _genDeliveryHtml(deliveryArr) {\r\n if (deliveryArr) {\r\n return '' + deliveryArr[0] + '';\r\n } else {\r\n return '-';\r\n }\r\n }\r\n // 「PV/CV」カラムのhtml生成\r\n _genPvCvHtml(pvcvArr) {\r\n return '' + pvcvArr[0] + '
' + pvcvArr[1] + '';\r\n }\r\n\r\n // チェックボックスの追加\r\n _genCheckbox(isChecked) {\r\n var check = isChecked ? \"checked\" : \"\";\r\n return '
';\r\n }\r\n\r\n // セレクトボックスの追加\r\n _genSelect() {\r\n var slctHtml;\r\n var slctTxt = [\r\n '原稿A',\r\n '原稿B',\r\n '原稿C',\r\n '原稿D',\r\n '原稿E'\r\n ];\r\n for (var i = 0; i < slctTxt.length; i++) {\r\n if (i === 0) slctHtml = ''\r\n slctHtml = slctHtml + '';\r\n }\r\n return '';\r\n }\r\n\r\n\r\n // ダッシュボード：リードテーブル\r\n _initDashboardReadGrid(rcdObj) {\r\n var cls = this;\r\n var $tgt = $('.js-grid_dashboard_read');\r\n\r\n $tgt.w2grid({\r\n name: 'grid_dashboard_read',\r\n fixedBody: false,\r\n recordHeight: cls._recordHeight,\r\n columns: [\r\n { field: 'client', caption: 'クライアント', size: '230px', frozen: true },\r\n { field: 'id', caption: 'ID', size: '60px' },\r\n {\r\n field: 'type',\r\n caption: '種類',\r\n size: '60px',\r\n render: function(rcd) {\r\n return cls._genTypeHtml(rcd.type);\r\n }\r\n },\r\n { field: 'pjname', caption: '案件名', size: '50%' },\r\n { field: 'pjcharge', caption: '営業担当', size: '90px', sortable: true },\r\n { field: 'editcharge', caption: '編集担当', size: '90px' },\r\n { field: 'compdate', caption: '企画終了予定日', size: '100px' },\r\n {\r\n field: 'urgency',\r\n caption: '緊急度',\r\n size: '60px',\r\n render: function(rcd) {\r\n return cls._genUrgencyHtml(rcd.urgency);\r\n }\r\n },\r\n {\r\n field: 'gain',\r\n caption: '増加',\r\n size: '40px',\r\n render: function(rcd) {\r\n return cls._genGainHtml(rcd.gain);\r\n }\r\n },\r\n {\r\n field: 'benefit',\r\n caption: '特典',\r\n size: '40px',\r\n render: function(rcd) {\r\n return cls._genBenefitHtml(rcd.benefit);\r\n }\r\n },\r\n {\r\n field: 'survey',\r\n caption: 'アンケート',\r\n size: '80px',\r\n render: function(rcd) {\r\n return cls._genSurveyHtml(rcd.survey);\r\n }\r\n },\r\n {\r\n field: 'delivery',\r\n caption: '配信',\r\n size: '40px',\r\n render: function(rcd) {\r\n return cls._genDeliveryHtml(rcd.delivery);\r\n }\r\n },\r\n {\r\n field: 'pvcv',\r\n caption: 'PV/CV',\r\n size: '60px',\r\n render: function(rcd) {\r\n return cls._genPvCvHtml(rcd.pvcv);\r\n }\r\n },\r\n { field: 'contents', caption: 'コンテンツ', size: '80px' }\r\n ],\r\n records: rcdObj\r\n });\r\n }\r\n\r\n // ダッシュボード：セミナーテーブル\r\n _initDashboardSeminarGrid(rcdObj) {\r\n var cls = this;\r\n var $tgt = $('.js-grid_dashboard_seminar');\r\n\r\n $tgt.w2grid({\r\n name: 'grid_dashboard_seminar',\r\n fixedBody: false,\r\n recordHeight: cls._recordHeight,\r\n columns: [\r\n { field: 'id', caption: 'ID', size: '60px', frozen: true },\r\n {\r\n field: 'type',\r\n caption: '種類',\r\n size: '60px',\r\n render: function(rcd) {\r\n return cls._genTypeHtml(rcd.type);\r\n }\r\n },\r\n { field: 'pjname', caption: '案件名', size: '50%' },\r\n { field: 'pjcharge', caption: '営業担当', size: '80px', sortable: true },\r\n { field: 'editcharge', caption: '編集担当', size: '80px', sortable: true },\r\n { field: 'eventdate', caption: '開催日', size: '90px' },\r\n { field: 'warranty', caption: '保証', size: '50px' },\r\n { field: 'registration', caption: '登録', size: '50px' },\r\n { field: 'submission', caption: '提出', size: '50px' },\r\n { field: 'shortfall', caption: '未達', size: '50px' },\r\n { field: 'remainday', caption: '残日', size: '50px' },\r\n {\r\n field: 'urgency',\r\n caption: '緊急度',\r\n size: '60px',\r\n render: function(rcd) {\r\n return cls._genUrgencyHtml(rcd.urgency);\r\n }\r\n },\r\n {\r\n field: 'gain',\r\n caption: '増加',\r\n size: '40px',\r\n render: function(rcd) {\r\n return cls._genGainHtml(rcd.gain);\r\n }\r\n },\r\n {\r\n field: 'benefit',\r\n caption: '特典',\r\n size: '40px',\r\n render: function(rcd) {\r\n return cls._genBenefitHtml(rcd.benefit);\r\n }\r\n },\r\n {\r\n field: 'survey',\r\n caption: 'アンケート',\r\n size: '80px',\r\n render: function(rcd) {\r\n return cls._genSurveyHtml(rcd.survey);\r\n }\r\n },\r\n {\r\n field: 'delivery',\r\n caption: '配信',\r\n size: '40px',\r\n render: function(rcd) {\r\n return cls._genDeliveryHtml(rcd.delivery);\r\n }\r\n },\r\n {\r\n field: 'pvcv',\r\n caption: 'PV/CV',\r\n size: '60px',\r\n render: function(rcd) {\r\n return cls._genPvCvHtml(rcd.pvcv);\r\n }\r\n },\r\n { field: 'contents', caption: 'コンテンツ', size: '80px' }\r\n ],\r\n // sortData: [\r\n // { field: 'pjcharge', direction: 'dsc' }\r\n // ],\r\n records: rcdObj\r\n });\r\n }\r\n\r\n // ダッシュボード：キャンペーンテーブル\r\n _initDashboardCampaignGrid(rcdObj) {\r\n var cls = this;\r\n var $tgt = $('.js-grid_dashboard_campaign');\r\n\r\n $tgt.w2grid({\r\n name: 'grid_dashboard_campaign',\r\n fixedBody: false,\r\n recordHeight: cls._recordHeight,\r\n columns: [\r\n { field: 'id', caption: 'ID', size: '60px', frozen: true },\r\n {\r\n field: 'type',\r\n caption: '種類',\r\n size: '60px',\r\n render: function(rcd) {\r\n return cls._genTypeHtml(rcd.type);\r\n }\r\n },\r\n { field: 'pjname', caption: '案件名', size: '50%' },\r\n { field: 'pjcharge', caption: '営業担当', size: '80px', sortable: true },\r\n { field: 'editcharge', caption: '編集担当', size: '80px', sortable: true },\r\n { field: 'compdate', caption: '募集期間終了予定日', size: '100px' },\r\n { field: 'warranty', caption: '保証', size: '50px' },\r\n { field: 'registration', caption: '登録', size: '50px' },\r\n { field: 'submission', caption: '提出', size: '50px' },\r\n { field: 'shortfall', caption: '未達', size: '50px' },\r\n { field: 'remainday', caption: '残日', size: '50px' },\r\n {\r\n field: 'urgency',\r\n caption: '緊急度',\r\n size: '60px',\r\n render: function(rcd) {\r\n return cls._genUrgencyHtml(rcd.urgency);\r\n }\r\n },\r\n {\r\n field: 'gain',\r\n caption: '増加',\r\n size: '50px',\r\n render: function(rcd) {\r\n return cls._genGainHtml(rcd.gain);\r\n }\r\n },\r\n {\r\n field: 'benefit',\r\n caption: '特典',\r\n size: '50px',\r\n render: function(rcd) {\r\n return cls._genBenefitHtml(rcd.benefit);\r\n }\r\n },\r\n {\r\n field: 'survey',\r\n caption: 'アンケート',\r\n size: '50px',\r\n render: function(rcd) {\r\n return cls._genSurveyHtml(rcd.survey);\r\n }\r\n },\r\n {\r\n field: 'delivery',\r\n caption: '配信',\r\n size: '50px',\r\n render: function(rcd) {\r\n return cls._genDeliveryHtml(rcd.delivery);\r\n }\r\n },\r\n {\r\n field: 'pvcv',\r\n caption: 'PV/CV',\r\n size: '60px',\r\n render: function(rcd) {\r\n return cls._genPvCvHtml(rcd.pvcv);\r\n }\r\n },\r\n { field: 'contents', caption: 'コンテンツ', size: '80px' }\r\n ],\r\n // sortData: [\r\n // { field: 'pjcharge', direction: 'dsc' }\r\n // ],\r\n records: rcdObj\r\n });\r\n }\r\n\r\n\r\n // ダッシュボード：キャンペーンテーブル\r\n _initPjListGrid(rcdObj) {\r\n var cls = this;\r\n var $tgt = $('.js-grid_pjlist');\r\n\r\n $tgt.w2grid({\r\n name: 'grid_pjlist',\r\n fixedBody: false,\r\n recordHeight: cls._recordHeight,\r\n columns: [\r\n { field: 'client', caption: 'クライアント', size: '240px', frozen: true },\r\n { field: 'id', caption: 'ID', size: '60px' },\r\n {\r\n field: 'type',\r\n caption: '種類',\r\n size: '60px',\r\n render: function(rcd) {\r\n return cls._genTypeHtml(rcd.type);\r\n }\r\n },\r\n { field: 'pjname', caption: '案件', size: '50' },\r\n { field: 'pjcharge', caption: '案件担当者', size: '80px' },\r\n { field: 'compdate', caption: '企画終了予定日', size: '100px' },\r\n {\r\n field: 'benefit',\r\n caption: '特典',\r\n size: '50px',\r\n render: function(rcd) {\r\n return cls._genBenefitHtml(rcd.benefit);\r\n }\r\n },\r\n { field: 'submission_goal', caption: '提出数/目標数', size: '100px' },\r\n { field: 'registration', caption: '登録数', size: '60px' },\r\n { field: 'maildelivery', caption: 'メール配信数', size: '80px' }\r\n ],\r\n records: rcdObj\r\n });\r\n }\r\n}\r\n\r\n// .fillのポリフィル\r\nif (!Array.prototype.fill) {\r\n Object.defineProperty(Array.prototype, 'fill', {\r\n value: function(value) {\r\n\r\n // Steps 1-2.\r\n if (this == null) {\r\n throw new TypeError('this is null or not defined');\r\n }\r\n\r\n var O = Object(this);\r\n\r\n // Steps 3-5.\r\n var len = O.length >>> 0;\r\n\r\n // Steps 6-7.\r\n var start = arguments[1];\r\n var relativeStart = start >> 0;\r\n\r\n // Step 8.\r\n var k = relativeStart < 0 ?\r\n Math.max(len + relativeStart, 0) :\r\n Math.min(relativeStart, len);\r\n\r\n // Steps 9-10.\r\n var end = arguments[2];\r\n var relativeEnd = end === undefined ?\r\n len : end >> 0;\r\n\r\n // Step 11.\r\n var final = relativeEnd < 0 ?\r\n Math.max(len + relativeEnd, 0) :\r\n Math.min(relativeEnd, len);\r\n\r\n // Step 12.\r\n while (k < final) {\r\n O[k] = value;\r\n k++;\r\n }\r\n\r\n // Step 13.\r\n return O;\r\n }\r\n });\r\n}","// サンプルHtmlの追加\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class insertHtmlClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._trg = '.js-ex_html-trg'; //サンプルボタン\r\n this._tgt = '.js-ex_html-tgt'; //サンプルが入力されるテキストエリア\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n var $trg = $(cls._trg);\r\n var $tmp = $(cls._tgt).children().eq(0).clone();\r\n\r\n $tmp.find('input[type=\"text\"]').val('');\r\n $tmp.find('input[type=\"checkbox\"]').prop('checked', false);\r\n $tmp.find('input[type=\"radio\"]').prop('checked', false);\r\n $tmp.find('textarea').val('');\r\n $tmp.find('option').prop('selected', false);\r\n\r\n $trg.on('click', function() {\r\n $tmp.clone().appendTo(cls._tgt);\r\n });\r\n }\r\n}","// サンプルテキストの追加\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class insertTxtClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._$trg = $('.js-ex_txt-trg'); //サンプルボタン\r\n this._$tgt = $('.js-ex_txt-tgt'); //サンプルが入力されるテキストエリア\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n cls._$trg.on('click', function(){\r\n var txt = cls._$tgt.val();\r\n if(txt !== \"\") txt += '\\n';\r\n txt = txt + cls._$tgt.next().text();\r\n cls._$tgt.val(txt);\r\n });\r\n }\r\n\r\n}","// 編集ロック\r\nimport commonClass from './commonClass';\r\n\r\nexport default class lockClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._prt = '.c-lock';\r\n this._lockTarget = '.c-lock_target';\r\n this._beginEdit = '.c-lock_begin-edit';\r\n this._endEdit = '.c-lock_end-edit';\r\n this._editingShow = '.c-lock_editing-show';\r\n this._editingHide = '.c-lock_editing-hide';\r\n this._prev = '.c-lock_prev';\r\n this._grandParent = '.c-lock_prt';\r\n this._sortable = '.js-drag_drop_table,.js-sortable_prt';\r\n\r\n this._$prt = $(this._prt);\r\n this._$lockTarget = $(this._lockTarget);\r\n this._$grdPrt = $(this._grandParent);\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // ロック解除\r\n _unlock(_prt) {\r\n var cls = this;\r\n\r\n _prt.find(cls._sortable).sortable('disable'); // 行移動の無効化\r\n $.each(_prt.find('input,select,button,textarea,a'), function (i, e) {\r\n var _e = $(e);\r\n if (_e.hasClass('c-lock_before-edit-unlock') || _e.hasClass('c-lock_begin-edit')) {\r\n _e.removeClass('c-lock_pointer-none').prop('readonly', false);\r\n return true;\r\n }\r\n var type = _e.attr('type');\r\n if (type) {\r\n type = type.toLowerCase();\r\n }\r\n if (type === 'checkbox' || type === 'radio') {\r\n var listCheck = _e.closest('.c-lst_chkbox');\r\n if (listCheck.length > 0) {\r\n listCheck.addClass('c-lock_pointer-none').prop('readonly', true);\r\n } else {\r\n _e.parent().addClass('c-lock_pointer-none').prop('readonly', true);\r\n }\r\n }\r\n else {\r\n _e.addClass('c-lock_pointer-none').prop('readonly', true);\r\n }\r\n });\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n if (cls._$prt.length) {\r\n // 編集前設定\r\n cls._unlock(cls._$prt);\r\n\r\n // 編集開始\r\n $(document).on('click', cls._beginEdit, function () {\r\n var _this = $(this);\r\n var _parent = $(this).closest(cls._prt);\r\n \r\n // 他項目のロック処理\r\n cls._$lockTarget.addClass('c-lock_editing-lock');\r\n _this.closest(cls._lockTarget).removeClass('c-lock_editing-lock');\r\n _parent.prev(cls._prev).removeClass('c-lock_editing-lock');\r\n var _grandParent = _parent.closest(cls._grandParent);\r\n $.each(cls._$grdPrt, function (i, e) {\r\n var _e = $(e);\r\n if (!_e.is(_grandParent)) {\r\n _e.addClass('c-lock_editing-lock');\r\n _e.find('.c-lock_editing-lock').removeClass('c-lock_editing-lock');\r\n }\r\n });\r\n\r\n // 表示切替\r\n _this.hide();\r\n _parent.find(cls._editingShow).show();\r\n _parent.find(cls._editingHide).hide();\r\n _parent.find(cls._endEdit).css('display', 'inline-block');\r\n\r\n // 操作制御\r\n _parent.find(cls._sortable).sortable('enable');\r\n $.each(_parent.find('input,select,button,textarea,a'), function (i, e) {\r\n var _e = $(e);\r\n if (_e.hasClass('c-lock_before-edit-unlock')) {\r\n _e.addClass('c-lock_pointer-none').prop('readonly', true);\r\n return true;\r\n }\r\n var type = _e.attr('type');\r\n if (type) {\r\n type = type.toLowerCase();\r\n }\r\n if (type === 'checkbox' || type === 'radio') {\r\n var listCheck = _e.closest('.c-lst_chkbox');\r\n if (listCheck.length > 0) {\r\n listCheck.removeClass('c-lock_pointer-none').prop('readonly', false);\r\n } else {\r\n _e.parent().removeClass('c-lock_pointer-none').prop('readonly', false);\r\n }\r\n }\r\n else {\r\n _e.removeClass('c-lock_pointer-none').prop('readonly', false);\r\n }\r\n });\r\n });\r\n\r\n // 編集終了\r\n $(document).on('click', cls._endEdit, function () {\r\n var _this = $(this);\r\n var _parent = $(this).closest(cls._prt);\r\n \r\n // 他項目のロック解除\r\n cls._$lockTarget.removeClass('c-lock_editing-lock');\r\n cls._$grdPrt.removeClass('c-lock_editing-lock');\r\n\r\n // 表示切替\r\n _this.hide();\r\n _parent.find(cls._editingShow).hide();\r\n _parent.find(cls._editingHide).show();\r\n _parent.find(cls._beginEdit).show();\r\n\r\n // 操作制御\r\n cls._unlock(_parent);\r\n });\r\n }\r\n }\r\n}","// モーダル表示\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class modalClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._mdl_trg = '.js-modal';\r\n this._mdl_close = '.js-modal-close';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n // モーダル表示\r\n $(document).on('click', cls._mdl_trg, function() {\r\n closeLoader('common_loader');\r\n cls._open($(this));\r\n });\r\n\r\n // モーダル非表示\r\n $(document).on('click', cls._mdl_close, function() {\r\n cls._close($(this));\r\n });\r\n }\r\n\r\n _open($trg) {\r\n var cls = this;\r\n var $window = $(window);\r\n var $body = $('body');\r\n\r\n var modalName = $trg.data('mdname');\r\n // 共通confirm\r\n if (modalName == 'common_confirm') {\r\n $('.c-modal_guide').html($trg.data('guide'));\r\n $('.c-modal_lead').html($trg.data('lead'));\r\n $('.c-btn_submit').attr('form', $trg.data('form'));\r\n $('.c-btn_submit').attr('formaction', $trg.data('formaction'));\r\n }\r\n $('[data-mdtrg = \"' + modalName + '\"]').fadeIn();\r\n\r\n // DataTablesの初期化のため、モーダル展開時にリサイズを走らせています\r\n $window.resize();\r\n $body.addClass('isShowhowModal');\r\n }\r\n\r\n _close($trg) {\r\n var cls = this;\r\n var $window = $(window);\r\n var $body = $('body');\r\n\r\n $trg.parents('.c-modal').fadeOut();\r\n\r\n $body.removeClass('isShowhowModal');\r\n }\r\n\r\n}","// ページトップ\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class pageTop extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._$pageTopBtn = $('.js-pagetop');\r\n this._$fixedNav = $('.c-fnav');\r\n this._defPosFromBtm = 20;\r\n this._scrollSpeed = 500;\r\n this._fadeInSpeed = 200;\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n cls._setPosition();\r\n cls._addMoveToTop();\r\n }\r\n\r\n // fixedナビの有無チェック + ボタンのポジションを設定\r\n _setPosition() {\r\n var cls = this;\r\n\r\n if (cls._$fixedNav.length > 0) {\r\n cls._$pageTopBtn.css('bottom', cls._$fixedNav.outerHeight() + cls._defPosFromBtm);\r\n }\r\n\r\n cls._$pageTopBtn.fadeIn(cls._fadeInSpeed);\r\n }\r\n\r\n // トップへのイベントを付与\r\n _addMoveToTop() {\r\n var cls = this;\r\n\r\n cls._$pageTopBtn.on('click', function() {\r\n $('body, html').stop().animate({scrollTop: 0}, cls._scrollSpeed);\r\n return false;\r\n });\r\n }\r\n\r\n}","// スクラッチしたテーブル\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class scratchTableClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._THead = '.js-thead';\r\n this._TBody = '.js-tbody';\r\n this._clm_check = '.js-clm_check';\r\n this._row_check = '.js-row_check';\r\n this._row_check_dl = '.js-row_check-del';\r\n this._sortTable = '.js-sort_table';\r\n this._nonSortTable = '.js-nonsort_table'\r\n this._resizeColumnTable = '.js-resize_clm_table';\r\n this._dragdropTable = '.js-drag_drop_table';\r\n this._checkAll = '.js-check_all';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n if(!$('.js-dlvry').length) {\r\n this._eClmCheck();\r\n this._eRowCheck();\r\n this._eCheckAll();\r\n this._initNonSortTable();\r\n }\r\n //this._deliverySchedule('.js-dlvry');\r\n\r\n // テーブル並び替え\r\n // 各HTML内で個別指定する\r\n // $(this._sortTable).DataTable({\r\n // // 件数切替機能 無効\r\n // lengthChange: false,\r\n // // 検索機能 無効\r\n // searching: false,\r\n // // ソート機能 有効\r\n // ordering: true,\r\n // // 情報表示 無効\r\n // info: false,\r\n // // ページング機能 無効\r\n // paging: false,\r\n // // 横スクロールバー 有効\r\n // scrollX: true,\r\n // default orderを無効\r\n // order: [],\r\n // // ソートの可否を個別設定\r\n // columns: [\r\n // null,\r\n // { orderable: false },\r\n // null,\r\n // { orderable: false },\r\n // null,\r\n // { orderable: false },\r\n // { orderable: false },\r\n // null,\r\n // null,\r\n // null,\r\n // null,\r\n // null,\r\n // null,\r\n // null,\r\n // { orderable: false },\r\n // { orderable: false },\r\n // null,\r\n // ],\r\n // });\r\n // テーブル ドラッグ&ドロップ操作\r\n this._initDragdropTable();\r\n\r\n // カラム幅ドラッグ変更開始\r\n this._resizeColumnWidth();\r\n }\r\n\r\n // テーブル ドラッグ&ドロップ操作\r\n _initDragdropTable () {\r\n function fixPlaceHolderWidth(event, ui){\r\n // adjust placeholder td width to original td width\r\n ui.children().each(function(){\r\n $(this).width($(this).width());\r\n });\r\n return ui;\r\n };\r\n\r\n $(this._dragdropTable).each(function(index, el) {\r\n $(el).sortable({\r\n placeholder: 'ui-state-highlight',\r\n start: function(event, ui){\r\n ui.placeholder.height(ui.helper.outerHeight());\r\n },\r\n helper: fixPlaceHolderWidth\r\n });\r\n });\r\n }\r\n\r\n // カラム幅ドラッグ変更\r\n _resizeColumnWidth () {\r\n var scrollAreaSelector = '.dataTables_scroll';\r\n var headSelector = '.dataTables_scrollHead';\r\n var bodySelector = '.dataTables_scrollBody';\r\n var resizeColumnSellector = '.js-resize_clm';\r\n var windowResizeTime = new Date().getTime();\r\n\r\n $(window).on('resize', function() {\r\n windowResizeTime = new Date().getTime();\r\n });\r\n\r\n // DOMのスタイル変更監視\r\n var domStyleWatcher = {\r\n Start: function(tgt, styleobj){\r\n //発生\r\n function eventHappen(data1, data2){\r\n var throwval = tgt.css(styleobj);\r\n tgt.trigger('domStyleChange', [throwval]);//eventを投げる\r\n }\r\n //監視の登録\r\n var tge = tgt[0];//jQueryオブジェクトをelementに変えてる\r\n var filter = ['style'];//styleを見る\r\n var options = {//監視オプション\r\n attributes: true,\r\n attributeFilter: filter\r\n };\r\n var mutOb = new MutationObserver(eventHappen);//監視用インスタンス作成\r\n mutOb.observe(tge, options);//監視開始\r\n return mutOb;//一応return\r\n },\r\n Stop: function(mo){\r\n mo.disconnect();\r\n }\r\n };\r\n\r\n // 変更発火時実行処理\r\n function catchEvent(event, value){\r\n var $self = $(event.currentTarget);\r\n var $tgtHead = $self.closest(headSelector);\r\n var $tgtBody = $tgtHead.siblings(bodySelector);\r\n var $th = $self.closest('tr').find('th');\r\n // 最後にwindowにリサイズイベントが走った時間との時間差を取得（ms）\r\n var windowResizeTimeDiff = new Date().getTime() - windowResizeTime;\r\n\r\n // window幅変更時のサイズ変更は実行しない\r\n // 500ms以内の場合はwindow幅変更によるものとする\r\n if (windowResizeTimeDiff > 500) {\r\n $tgtBody.find('tr').each(function(index, el) {\r\n var $td = $(el).find('th');\r\n $td.each(function(index, el) {\r\n $(el).outerWidth($th.eq(index).outerWidth());\r\n });\r\n });\r\n }\r\n }\r\n\r\n // 初期化\r\n $(this._resizeColumnTable).each(function(index, el) {\r\n $(el).resizableColumns();\r\n });\r\n\r\n // DataTable 横スクロール有効と併用時\r\n $(this._resizeColumnTable).each(function(index, el) {\r\n var $self = $(el);\r\n if ($self.closest(scrollAreaSelector).length > 0 && $self.closest(headSelector).length > 0) {\r\n var $th = $self.find(resizeColumnSellector);\r\n\r\n $th.each(function(index, el) {\r\n var $self = $(el);\r\n $self.on('domStyleChange', catchEvent);\r\n var dsw = domStyleWatcher.Start($self, 'width');\r\n });\r\n }\r\n });\r\n }\r\n\r\n // check 状態を取得して返却\r\n _getCheckStatus (self) {\r\n return $(self).prop('checked');\r\n }\r\n // 配信スケジュール\r\n /*_deliverySchedule (tgt){\r\n if($(tgt).length){\r\n var row_len = $(tgt).find('.c-lst_itm').length; //tdの行数\r\n var $chk_addr = $(tgt).find('.c-lst_itm');\r\n\r\n // 全check\r\n $('.js-chkAll').on('click', function(){\r\n remove(); // is-selectクラスの削除\r\n $chk_addr.find('input').prop(\"checked\", true);\r\n });\r\n\r\n // 全checkを外す\r\n $('.js-chkNone').on('click', function(){\r\n remove(); // is-selectクラスの削除\r\n $chk_addr.find('input').prop(\"checked\", false);\r\n });\r\n\r\n // 受講票のOKのみチェック\r\n $('.js-srchOK').on('click', function(){\r\n remove(); // is-selectクラスの削除\r\n for(var i = 0; i < row_len; i++){\r\n var hasOK = ($chk_addr.eq(i).find('td:eq(2)').text() === 'OK')? true: false;\r\n $chk_addr.eq(i).find('input').prop(\"checked\", hasOK);\r\n }\r\n });\r\n\r\n // td要素選択時\r\n $('.c-lst_td').on('click', function(){\r\n var cls = this;\r\n if($(cls).parents().hasClass('js-dlvry')){\r\n var slct_idx = $(cls).index();\r\n\r\n switch(slct_idx){\r\n // 以下のカラムは除外\r\n case 0: // 送信\r\n case 1: // メール原稿\r\n case 4: // 番号\r\n case 5: // 氏名\r\n case 7: // メールアドレス\r\n break;\r\n\r\n // カラム選択\r\n default:\r\n var $th_addr = $(cls).parents('.c-lst').find('th'); // thのオブジェクト\r\n var tgt_str = $(cls).text().trim(); // 選択したtdの文字列\r\n var cnt = 0; // is-selectのカウンター\r\n\r\n // tdアクセス\r\n for(var j = 0; j < row_len; j++){\r\n // tdのオブジェクト\r\n var $td_addr = $(cls).parents('tbody').find('tr').eq(j).find('td').eq(slct_idx);\r\n // 他の行に同じ文字列があれば is-selectクラスを追加\r\n if($td_addr.text().trim() === tgt_str) {\r\n $td_addr.toggleClass('is-select');\r\n }\r\n // １つでもis-selectがあるか確認する\r\n if($td_addr.hasClass('is-select')){\r\n ++cnt;\r\n }\r\n }\r\n\r\n // １つでもis-selectがあれば thにis-selectクラスを追加\r\n if(cnt > 0) {\r\n $th_addr.eq(slct_idx).addClass('is-select');\r\n }\r\n else {\r\n $th_addr.eq(slct_idx).removeClass('is-select');\r\n }\r\n\r\n // チェックボックスの操作\r\n // th の is-selectの数\r\n var $c_lst = $(cls).parents('.c-lst');\r\n var th_slct = $c_lst.find('.c-lst_head').find('.is-select').length;\r\n\r\n // td の is-selectの数\r\n for(var k = 0; k < row_len; k++){\r\n var td_slct = $c_lst.find('.c-lst_itm').eq(k).find('.is-select').length;\r\n // thにis-selectがなければチェックを外す\r\n if(th_slct === 0) {\r\n $c_lst.find('.c-lst_itm').eq(k).find('input').prop(\"checked\", false);\r\n }\r\n // AND条件のチェック\r\n else if(th_slct === td_slct) {\r\n $c_lst.find('.c-lst_itm').eq(k).find('input').prop(\"checked\", true);\r\n }\r\n else {\r\n $c_lst.find('.c-lst_itm').eq(k).find('input').prop(\"checked\", false);\r\n }\r\n }\r\n break;\r\n }\r\n }\r\n\r\n });\r\n\r\n // is-selectクラスの削除\r\n function remove(){\r\n $(tgt).find('.is-select').removeClass('is-select');\r\n }\r\n }\r\n }*/\r\n\r\n // .js-clm_check イベント\r\n _eClmCheck() {\r\n var cls = this;\r\n var checkAry = [];\r\n var checkIdx = 0;\r\n var delIdx = 0;\r\n $.each($(cls._clm_check), function(idx, elm) {\r\n $(elm).on('click', function () {\r\n // チェックしたチェックボックスのidxを取得\r\n checkIdx = $(cls._THead).find('th').index($(this).parents('th'));\r\n // チェックしたら class付与、checkAryにcheckIdxを保持\r\n if ( cls._getCheckStatus(this) ) {\r\n $(this).parents('th').addClass('is-clm_check');\r\n checkAry.push(checkIdx);\r\n // チェック外したら class削除、checkAryからcheckIdxを削除\r\n } else {\r\n $(this).parents('th').removeClass('is-clm_check');\r\n delIdx = checkAry.indexOf(checkIdx);\r\n checkAry.splice(delIdx, 1);\r\n }\r\n // clmの背景色を変更\r\n var tableTr = $(cls._TBody).find('tr');\r\n $.each($(tableTr), function (idx, elm) {\r\n // 背景色を白に初期化\r\n $.each( $(elm).find('td'), function(idx2, elm2) {\r\n $(elm2).removeClass('is-clm_check_child');\r\n });\r\n // チェックされているなら td も背景色を変更\r\n $.each( $(elm).find('td'), function(idx2, elm2) {\r\n $.each( checkAry, function(check_idx, check_elm) {\r\n if ( idx2 === check_elm ) {\r\n $(elm2).addClass('is-clm_check_child');\r\n }\r\n });\r\n });\r\n });\r\n\r\n });\r\n });\r\n }\r\n\r\n // .js-row_check イベント\r\n _eRowCheck() {\r\n var cls = this;\r\n var checkAry = [];\r\n var checkIdx = 0;\r\n var checkClmIdx = 0;\r\n var delIdx = 0;\r\n $('body').on('click', cls._row_check, function () {\r\n // チェックしたチェックボックスのidxを取得\r\n checkIdx = $(this).parents('table').find('tr').index($(this).parents('tr'));\r\n // 一列目(リストの先頭)のチェックボックスのみ 選択時に背景色をつける\r\n checkClmIdx = $(this).parents('td').index();\r\n if(checkClmIdx !== 0) return;\r\n // チェックしたら class付与、checkAryにcheckIdxを保持\r\n if ( cls._getCheckStatus(this) ) {\r\n $(this).parents('tr').addClass('is-row_check');\r\n checkAry.push(checkIdx);\r\n // チェック外したら class削除、checkAryからcheckIdxを削除\r\n } else {\r\n $(this).parents('tr').removeClass('is-row_check');\r\n delIdx = checkAry.indexOf(checkIdx);\r\n checkAry.splice(delIdx, 1);\r\n }\r\n });\r\n $(document).on('click', cls._row_check_dl, function() {\r\n var $me = $(this);\r\n var $prt = $me.parents('tr');\r\n var isChecked = $me.prop('checked');\r\n $prt.toggleClass('is-del', isChecked);\r\n $prt.find('input, select').not(this).attr('disabled', isChecked);\r\n });\r\n }\r\n\r\n // th 先頭にチェックつけたら全てチェックする処理\r\n _eCheckAll() {\r\n var cls = this;\r\n $('body').on('click', cls._checkAll, function () {\r\n // チェックしたら全てのrowをチェックし、class付与する\r\n if (cls._getCheckStatus(this)) {\r\n $.each($(cls._TBody + ' tr'), function (idx, elm) {\r\n $(elm).addClass('is-row_check');\r\n $(elm).find('input[type=\"checkbox\"]').prop('checked', true).change();\r\n });\r\n } else {\r\n $.each($(cls._TBody + ' tr'), function (idx, elm) {\r\n $(elm).removeClass('is-row_check');\r\n $(elm).find('input[type=\"checkbox\"]').prop('checked', false).change();\r\n });\r\n }\r\n });\r\n }\r\n\r\n // テーブルにリサイズ機能のみを適用させるための初期化処理\r\n _initNonSortTable() {\r\n var cls = this;\r\n $(cls._nonSortTable).DataTable({\r\n // 件数切替機能 無効\r\n lengthChange: false,\r\n // 検索機能 無効\r\n searching: false,\r\n // ソート機能 無効\r\n ordering: false,\r\n // 情報表示 無効\r\n info: false,\r\n // ページング機能 無効\r\n paging: false,\r\n // 横スクロールバー 有効\r\n scrollX: true,\r\n // default orderを無効\r\n order: []\r\n });\r\n }\r\n}","// スクロールスコープ（プラグイン管理）\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class scrollScopeClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n $(document).scrollScope();\r\n }\r\n\r\n}","// トグル(アコーディオン)表示\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class selectTagClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._$del = $('.js-tag-del');\r\n this._$add = $('.js-tag-add');\r\n this._$tmp = $('.article_tab_tbl_tmp');\r\n this._rt = '.article_tab_cont';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n // 要素削除\r\n cls._$del.on('click', function(){\r\n var me = this;\r\n $(me).remove();\r\n });\r\n\r\n // 要素追加\r\n cls._$add.on('click', function(){\r\n var me = this;\r\n var tag_text = '' + $(me).children().text() + '';\r\n var $cln_html = cls._$tmp.children().clone(true).html(tag_text);\r\n $(me).parents(cls._rt).find('.js-del').prepend($cln_html);\r\n $(me).remove();\r\n });\r\n }\r\n\r\n}","// セミナー関連\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class seminarClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n // テンプレート\r\n this._$tmplTimeTable;\r\n this._$tmplTitle;\r\n this._$tmplInstructor;\r\n\r\n //カラーテンプレート表示\r\n this._$radio_colortmpl = $('.js-radio-smnr-colortmpl');\r\n this._radio_colortmpl = '.js-radio-smnr-colortmpl';\r\n this._colortmpl_wrap = '.js-smnr-colortmpl-wrap';\r\n this._colortmpl_prev = '.js-smnr-colortmpl-prev';\r\n\r\n // ブロック削除関連\r\n this._prtItem = '.js-smnr_prtItem';\r\n this._delItem = '.js-smnr_delItem';\r\n\r\n // 協賛を追加する\r\n this._smnrAddSponsor = '.js-smnr_addSponsor';\r\n this._$smnrAddSponsorArea = $('.js-smnr_addSponsorArea');\r\n\r\n // メディア協力を追加する\r\n this._smnrAddMedia = '.js-smnr_addMedia';\r\n this._$smnrAddMediaArea = $('.js-smnr_addMediaArea');\r\n\r\n // ゲストスピーカーを追加する\r\n this._smnrAddGuestSpeaker = '.js-smnr_addGuestSpeaker';\r\n this._$smnrAddGuestSpeakerArea = $('.js-smnr_addGuestSpeakerArea');\r\n\r\n // 展示概要\r\n this._smnrAddExhibition = '.js-smnr_addExhibition';\r\n this._$smnrAddExhibitionArea = $('.js-smnr_addExhibitionArea');\r\n }\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n cls._getTemplate();\r\n cls._initSeminar();\r\n\r\n // チェックボックスON/OFFでブロック全体をDisable（削除）にする\r\n APP.BlockDisable._setSelector(cls._delItem, cls._prtItem);\r\n }\r\n\r\n // テンプレート取得\r\n _getTemplate() {\r\n var cls = this;\r\n\r\n var $tmplSponsor = $('.js-smnr_sponsorTmpl');\r\n cls._$tmplSponsor = $tmplSponsor.clone().removeClass('js-smnr_sponsorTmpl');\r\n $tmplSponsor.remove();\r\n\r\n var $tmplMedia = $('.js-smnr_mediaTmpl');\r\n cls._$tmplMedia = $tmplMedia.clone().removeClass('js-smnr_mediaTmpl');\r\n $tmplMedia.remove();\r\n\r\n var $tmplGeastSpeaker = $('.js-smnr_geastspeakerTmpl');\r\n cls._$tmplGeastSpeaker = $tmplGeastSpeaker.clone().removeClass('js-smnr_geastspeakerTmpl');\r\n $tmplGeastSpeaker.remove();\r\n\r\n var $tmplExhibition = $('.js-smnr_exhibitionTmpl');\r\n cls._$tmplExhibition = $tmplExhibition.clone().removeClass('js-smnr_exhibitionTmpl');\r\n $tmplExhibition.remove();\r\n }\r\n\r\n _initSeminar() {\r\n var cls = this;\r\n\r\n //カラーテンプレート切り替え処理\r\n $(document).on('change', cls._radio_colortmpl, function() {\r\n var $wrap = $(this).parents(cls._colortmpl_wrap)\r\n var num = $wrap.find(cls._radio_colortmpl).index(this);\r\n\r\n $wrap.find(cls._colortmpl_prev).removeClass().addClass('js-smnr-colortmpl-prev smnr_colortmpl_prev_' + num);\r\n });\r\n\r\n // 協賛を追加する\r\n $(document).on('click', cls._smnrAddSponsor, function() {\r\n var $tmp = cls._$tmplSponsor.clone();\r\n $tmp.appendTo(cls._$smnrAddSponsorArea).fadeIn();\r\n\r\n return false;\r\n });\r\n\r\n // メディア協力を追加する\r\n $(document).on('click', cls._smnrAddMedia, function() {\r\n var $tmp = cls._$tmplMedia.clone();\r\n $tmp.appendTo(cls._$smnrAddMediaArea).fadeIn();\r\n\r\n return false;\r\n });\r\n \r\n // ゲストスピーカーを追加する\r\n $(document).on('click', cls._smnrAddGuestSpeaker, function() {\r\n var $tmp = cls._$tmplGeastSpeaker.clone();\r\n $tmp.appendTo(cls._$smnrAddGuestSpeakerArea).fadeIn();\r\n\r\n return false;\r\n });\r\n\r\n // 展示概要を追加する\r\n $(document).on('click', cls._smnrAddExhibition, function() {\r\n var $tmp = cls._$tmplExhibition.clone();\r\n $tmp.appendTo(cls._$smnrAddExhibitionArea).fadeIn();\r\n\r\n return false;\r\n });\r\n }\r\n}","// セッション関連\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class sessionClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n // テンプレート\r\n this._$tmplTimeTable;\r\n this._$tmplTitle;\r\n this._$tmplInstructor;\r\n // タブ関連クラス名\r\n this._tabPrt = '.js-ssntab_prt';\r\n this._tabTrg = '.js-ssntab_trg';\r\n this._tabAdd = '.js-ssntab_add';\r\n this._tabAddTrg = '.js-ssntab_addtrg';\r\n this._tabTrgCtnr = '.js-ssntab_trgctnr';\r\n this._tabTgt = '.js-ssntab_tgt';\r\n this._tabTgtCtnr = '.js-ssntab_tgtctnr';\r\n this._tabDel = '.js-ssntab_del';\r\n this._tabName = '.js-ssntab_name';\r\n // タブのデフォルト名\r\n this._tabNameDefault = 'セッションID';\r\n\r\n // セクション操作関連クラス名\r\n this._secTtl = '.js-ssnsec_ttl';\r\n this._secTimeTable = '.js-ssnsec_timetable';\r\n this._secDelTimeTable = '.js-ssnsec_deltimetable';\r\n this._secAddTtl = '.js-ssnsec_addttl';\r\n this._secDelTtl = '.js-ssnsec_delttl';\r\n this._secAddTimeTable = '.js-ssnsec_addtimetable';\r\n this._secAddInstructor = '.js-ssnsec_addInstructor';\r\n this._secAddInstructorArea = '.js-ssnsec_addInstructorArea';\r\n this._secDelTgt = '.js-ssnsec_delTgt';\r\n this._secDelTrg = '.js-ssnsec_delTrg';\r\n this._$secAddArea = $('.js-ssnsec_addarea');\r\n }\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n cls._getTemplate();\r\n cls._initTab();\r\n cls._initSection();\r\n\r\n // チェックボックスON/OFFでブロック全体をDisable（削除）にする\r\n // ※外部呼び出し処理に伴いコメントアウト！\r\n // 代わりにセッションページの画面ロード時に呼ぶ！！\r\n // APP.BlockDisable._setSelector(cls._secDelTrg, cls._secDelTgt);\r\n }\r\n\r\n // テンプレート取得\r\n _getTemplate() {\r\n var cls = this;\r\n\r\n var $tmplTimeTable = $('.js-ssntmpl-timetable');\r\n cls._$tmplTimeTable = $tmplTimeTable.clone().removeClass('js-ssntmpl-timetable');\r\n $tmplTimeTable.remove();\r\n\r\n var $tmplTitle = $('.js-ssntmpl-ttl');\r\n cls._$tmplTitle = $tmplTitle.clone().removeClass('js-ssntmpl-ttl');\r\n $tmplTitle.remove();\r\n\r\n var $tmplInstructor = $('.js-ssntmpl-instructor');\r\n cls._$tmplInstructor = $tmplInstructor.clone().removeClass('js-ssntmpl-instructor');\r\n $tmplInstructor.remove();\r\n }\r\n\r\n _initTab() {\r\n var cls = this;\r\n\r\n // タブ切り替え\r\n $(document).on('click', cls._tabTrg, function() {\r\n var $this = $(this);\r\n\r\n if ($this.hasClass('is-current')) {\r\n return false;\r\n }\r\n\r\n var tabParts = cls._getTabParts($this);\r\n var idx = tabParts.$trg.index($this);\r\n\r\n tabParts.$trg.removeClass('is-current');\r\n tabParts.$tgt.removeClass('is-show');\r\n\r\n tabParts.$trg.eq(idx).addClass('is-current');\r\n tabParts.$tgt.eq(idx).addClass('is-show');\r\n\r\n return false;\r\n });\r\n\r\n // タブ追加\r\n $(document).on('click', cls._tabAddTrg, function() {\r\n var $this = $(this);\r\n var tabParts = cls._getTabParts($this);\r\n\r\n var $addTab = cls._$tmplTimeTable.find(cls._tabTrg).clone();\r\n var $addCont = cls._$tmplTimeTable.find(cls._tabTgt).clone();\r\n\r\n tabParts.$trg.removeClass('is-current');\r\n tabParts.$tgt.removeClass('is-show');\r\n\r\n $this.parent(cls._tabAdd).before($addTab);\r\n tabParts.$tgtCtnr.append($addCont);\r\n\r\n return false;\r\n });\r\n\r\n // タブ削除\r\n $(document).on('change', cls._tabDel, function() {\r\n var $this = $(this);\r\n var tabParts = cls._getTabParts($this);\r\n\r\n // カレント状態のタブとタブコンテンツを取得\r\n var $currentTrg = tabParts.$trg.filter(function(index, el){\r\n return $(el).hasClass('is-current');\r\n });\r\n\r\n if ($this.prop('checked')) {\r\n $currentTrg.addClass('is-del');\r\n } else {\r\n $currentTrg.removeClass('is-del');\r\n }\r\n\r\n return false;\r\n });\r\n\r\n // タブ名変更\r\n $(document).on('change blur', cls._tabName, function() {\r\n var $this = $(this);\r\n var val = $this.val().replace(/\\s/g, '');\r\n\r\n var tabParts = cls._getTabParts($this);\r\n var idx = tabParts.$tgt.index($this.closest(cls._tabTgt));\r\n var $trg = tabParts.$trg.eq(idx);\r\n\r\n if (val === '') {\r\n $trg.addClass('is-default')\r\n $trg.find('button span').text(cls._tabNameDefault);\r\n } else {\r\n $trg.removeClass('is-default')\r\n $trg.find('button span').text(val);\r\n }\r\n });\r\n\r\n // タブドラッグ＆ドロップ\r\n $(cls._tabTrgCtnr).each(function(index, el) {\r\n cls._tabSortable($(el));\r\n });\r\n }\r\n\r\n // イベント発火した要素に関連するタブパーツを取得して返却\r\n _getTabParts($child) {\r\n var cls = this;\r\n\r\n var retObj = {};\r\n var $prt = $child.closest(cls._tabPrt);\r\n\r\n retObj.$prt = $prt;\r\n retObj.$trg = $prt.find(cls._tabTrg);\r\n retObj.$trgCtnr = $prt.find(cls._tabTrgCtnr);\r\n retObj.$tgt = $prt.find(cls._tabTgt);\r\n retObj.$tgtCtnr = $prt.find(cls._tabTgtCtnr);\r\n\r\n return retObj;\r\n }\r\n\r\n _tabSortable($tgt) {\r\n var cls = this;\r\n\r\n var $self = $tgt;\r\n var idxBefore;\r\n var idxAfter;\r\n var tabParts;\r\n\r\n $self.sortable({\r\n cancel: cls._tabAdd,\r\n start: function(e, ui) {\r\n tabParts = cls._getTabParts(ui.item);\r\n idxBefore = tabParts.$trg.index(ui.item);\r\n },\r\n stop: function(e, ui) {\r\n if (ui.item.is(':last-child')) {\r\n // 最後尾は常に「＋」ボタンになるので最後尾配置された場合は移動キャンセル\r\n $self.sortable('cancel');\r\n } else {\r\n // 変更後のインデックス番号を取得\r\n tabParts = cls._getTabParts(ui.item);\r\n idxAfter = tabParts.$trg.index(ui.item);\r\n\r\n // ※場所移動（最後尾の場合に処理されるとまずい）\r\n // 移動していた場合、対応するコンテンツも合わせて移動する\r\n if (idxBefore !== idxAfter) {\r\n var $moveTgt = tabParts.$tgt.eq(idxBefore).clone();\r\n tabParts.$tgt.eq(idxBefore).remove();\r\n\r\n // removeしたので要素集を一度アップデート\r\n tabParts = cls._getTabParts(ui.item);\r\n\r\n if (idxAfter - 1 < 0) {\r\n // 先頭への移動\r\n tabParts.$tgt.eq(0).before($moveTgt);\r\n } else {\r\n // 先頭以外への移動\r\n tabParts.$tgt.eq(idxAfter - 1).after($moveTgt);\r\n }\r\n\r\n // ■並び順を更新\r\n // tabパーツ\r\n var $tabs = $tgt.children('.c-tab_session_btn');\r\n for (var i = 0; i < $tabs.length; i++) {\r\n\r\n var $hid = $tabs.eq(i).find('.c-tab_hid_number');\r\n $hid.val(i + 1);\r\n }\r\n\r\n // コンテンツエリア\r\n var $Parts = $tgt.next().find('.c-tab_cont-multi');\r\n for (var i = 0; i < $Parts.length; i++) {\r\n\r\n var $hid = $Parts.eq(i).find('.hid_tr_number');\r\n $hid.val(i + 1);\r\n //alert($hid.val());\r\n }\r\n // ■並び順を更新\r\n }\r\n }\r\n\r\n // // 移動していた場合、対応するコンテンツも合わせて移動する\r\n // if (idxBefore !== idxAfter) {\r\n // var $moveTgt = tabParts.$tgt.eq(idxBefore).clone();\r\n // tabParts.$tgt.eq(idxBefore).remove();\r\n\r\n // // removeしたので要素集を一度アップデート\r\n // tabParts = cls._getTabParts(ui.item);\r\n\r\n // if (idxAfter - 1 < 0) {\r\n // // 先頭への移動\r\n // tabParts.$tgt.eq(0).before($moveTgt);\r\n // } else {\r\n // // 先頭以外への移動\r\n // tabParts.$tgt.eq(idxAfter - 1).after($moveTgt);\r\n // }\r\n // }\r\n },\r\n });\r\n }\r\n\r\n _initSection() {\r\n var cls = this;\r\n\r\n // 見出し追加\r\n $(document).on('click', cls._secAddTtl, function() {\r\n var $tmp = cls._$tmplTitle.clone();\r\n var idx = $(cls._secTtl).length;\r\n\r\n cls._addSection($tmp, idx);\r\n\r\n return false;\r\n });\r\n\r\n // 時間帯追加\r\n $(document).on('click', cls._secAddTimeTable, function() {\r\n var $tmp = cls._$tmplTimeTable.clone();\r\n var idx = $(cls._secTimeTable).length;\r\n\r\n // 追加タブのドラッグ＆ドロップを有効化\r\n cls._tabSortable($tmp.find(cls._tabTrgCtnr));\r\n\r\n cls._addSection($tmp, idx);\r\n\r\n return false;\r\n });\r\n\r\n // 時間帯・見出し削除\r\n $(document).on('change', cls._secDelTimeTable + ',' + cls._secDelTtl, function() {\r\n var $this = $(this);\r\n var $tgt;\r\n\r\n if ($this.is(cls._secDelTimeTable)) {\r\n $tgt = $this.closest(cls._secTimeTable).find('.c-ttl_h3_1');\r\n }\r\n if ($this.is(cls._secDelTtl)) {\r\n $tgt = $this.closest(cls._secTtl).find('.c-ttl_h3_1');\r\n }\r\n\r\n if ($this.prop('checked')) {\r\n $tgt.addClass('is-del');\r\n } else {\r\n $tgt.removeClass('is-del');\r\n }\r\n return false;\r\n });\r\n\r\n // 講師情報追加\r\n $(document).on('click', cls._secAddInstructor, function() {\r\n var $tmp = cls._$tmplInstructor.clone();\r\n var $addArea = $(this).closest(cls._tabTgt).find(cls._secAddInstructorArea);\r\n $tmp.appendTo($addArea).fadeIn();\r\n\r\n return false;\r\n });\r\n }\r\n\r\n _addSection($tmp, idx) {\r\n var cls = this;\r\n\r\n // 連番を降って画面に追加\r\n $tmp.find('.c-ttl_h3_1 h3').append(idx + 1);\r\n $tmp.insertBefore(cls._$secAddArea).fadeIn();\r\n }\r\n}","// 表示（一回のみ）管理\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class showOnceClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._parentSelector = '.js-showonce_prt';\r\n this._triggerSelector = '.js-showonce_trg';\r\n this._targetSelector = '.js-showonce_tgt';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n $(document).on('click', cls._triggerSelector, function() {\r\n var $this = $(this);\r\n\r\n if ($this.text() == '編集する') {\r\n $this.text('閉じる');\r\n } else {\r\n $this.text('編集する');\r\n }\r\n \r\n //$this.closest(cls._parentSelector).find(cls._targetSelector).fadeIn(); // 2020.12.15 田村修正\r\n $this.closest(cls._parentSelector).find(cls._targetSelector).fadeToggle();\r\n\r\n // if ($this.hasClass('is-afterhide')) {\r\n // $this.hide();\r\n // }\r\n\r\n return false;\r\n });\r\n }\r\n\r\n}","// サイドナビ管理\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class sideNaviClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._crtIdx = null;\r\n this._time = 100;\r\n this._$area = $('.js-snav_list_hvr_area');\r\n this._$trg = $('.js-snav_list_hvr_trg');\r\n this._flgName = 'is-hvr';\r\n this._navName = '.js-snav';\r\n this._tgtName = '.js-snav_list_hvr_tgt';\r\n this._padBtm = 30;\r\n }\r\n\r\n // 初期化用関数\r\n _init() {\r\n var cls = this;\r\n\r\n cls._$area.on('mouseleave', function() {\r\n cls._crtIdx = null;\r\n });\r\n cls._$trg.on('mouseenter', function() {\r\n cls._enter($(this));\r\n });\r\n cls._$trg.on('mouseleave', function() {\r\n cls._leave($(this));\r\n });\r\n }\r\n\r\n // マウスエンター時の処理\r\n _enter($self) {\r\n var cls = this;\r\n var idx = cls._getSelfIdx($self);\r\n var $tgt = $self.find(cls._tgtName);\r\n cls._crtIdx = idx;\r\n\r\n setTimeout(function() {\r\n if (idx === cls._crtIdx && !$self.hasClass(cls._flgName)) {\r\n $self.addClass(cls._flgName);\r\n\r\n // navは画面高いっぱいまで伸びるため = 画面高として扱う\r\n var navH = $(cls._navName).outerHeight();\r\n var tgtH = $tgt.outerHeight();\r\n var tgtPosBtm = $tgt.offset().top - $(cls._navName).offset().top + tgtH;\r\n var setPos;\r\n\r\n // ホバーナビの表示位置調整\r\n if (navH === tgtH) {\r\n // 画面高さより高い場合（スクロール発生時）\r\n setPos = (tgtPosBtm - navH) * -1;\r\n } else if (tgtPosBtm + cls._padBtm > navH) {\r\n // 通常位置で表示すると下部が見切れる場合（画面高内には収まる）\r\n setPos = (tgtPosBtm - navH + cls._padBtm) * -1;\r\n } else {\r\n // 通常位置\r\n setPos = 0;\r\n }\r\n\r\n $tgt.css('top', setPos);\r\n }\r\n }, cls._time);\r\n }\r\n\r\n // マウスリーブ時の処理\r\n _leave($self) {\r\n var cls = this;\r\n var idx = cls._getSelfIdx($self);\r\n var $tgt = $self.find(cls._tgtName);\r\n\r\n setTimeout(function() {\r\n if (idx !== cls._crtIdx && $self.hasClass(cls._flgName)) {\r\n $self.removeClass(cls._flgName);\r\n $tgt.css('top', 0);\r\n }\r\n }, cls._time);\r\n }\r\n\r\n // 自身のインデックス番号取得\r\n _getSelfIdx($self) {\r\n var cls = this;\r\n\r\n return cls._$trg.index($self);\r\n }\r\n}","// トグル(アコーディオン)表示\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class switchChkStatusClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._trg = '.js-chk_trg';\r\n this._grp = '.js-chk_grp';\r\n //this._$trgによってコントロールされる要素\r\n this._trg_child = '.js-chk_trg-child';\r\n this._$trginner = $('.js-chk_trginner');\r\n this._grpinner = '.js-chk_grpinner';\r\n this._$trgitm = $('.js-chk_trgitm');\r\n this._trgitm = '.js-chk_trgitm';\r\n this._$trginnitm = $('.js-chk_trginnitm');\r\n this._trginnitm = '.js-chk_trginnitm';\r\n //this._grp = '.js-chk_grp';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n var _$trg = $(cls._trg);\r\n var _$trg_child = $(cls._trg_child);\r\n\r\n _$trg.on('change', function () {\r\n var $me = $(this);\r\n $me.parents(cls._grp).find('input').prop('checked', !$me.is(':checked'));\r\n });\r\n _$trg_child.on('change', function () {\r\n var $me = $(this);\r\n if (!$me.is(':checked')) {\r\n $me.parents(cls._grp).find(cls._trg).prop('checked', false);\r\n }\r\n });\r\n this._$trgitm.on('change', function () {\r\n var me = this;\r\n if ($(me).parent(cls._grp).find(cls._trgitm).not(':checked')) {\r\n $(me).parents(cls._grp).find('.js-chk_trg').prop('checked', false);\r\n }\r\n });\r\n\r\n // 二重全チェックの内側用\r\n this._$trginner.on('change', function () {\r\n var me = this;\r\n if ($(me).is(':checked')) {\r\n $(me).parents(cls._grpinner).find('input').prop('checked', true);\r\n } else {\r\n $(me).parents(cls._grpinner).find('input').prop('checked', false);\r\n }\r\n if ($(me).parent(cls._grpinner).find('.js-chk_trginner').not(':checked')) {\r\n $(me).parents(cls._grp).find('.js-chk_trg').prop('checked', false);\r\n }\r\n });\r\n this._$trginnitm.on('change', function () {\r\n var me = this;\r\n if ($(me).parent(cls._grpinner).find(cls._trginnitm).not(':checked')) {\r\n $(me).parents(cls._grpinner).find('.js-chk_trginner').prop('checked', false);\r\n $(me).parents(cls._grp).find('.js-chk_trg').prop('checked', false);\r\n }\r\n });\r\n }\r\n\r\n}","// 表示切り替え\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class switchDispAreaClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._$prt = $('.js-switch');\r\n this._$trg = $('.js-switch-trg');\r\n this._tgt = '.js-switch-tgt';\r\n this._$radio = $('.js-switch-radio');\r\n this._radio_itm = '.c-frm_radio_itm';\r\n this._$tgt = $('.js-switch-tgt');\r\n this._$radio_multi = $('.js-switch-radio-multi');\r\n this._radio_multi = '.js-switch-radio-multi';\r\n this._switch_wrap = '.js-switch-wrap';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n if(!(this._$prt.length)) return;\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n if(cls._$radio.length){\r\n // ラジオボタンの表示制御\r\n cls._rd(cls);\r\n } else {\r\n // ボタンの表示制御\r\n cls._btn(cls);\r\n }\r\n }\r\n\r\n _rd(cls) {\r\n cls._$trg.on('change', function () {\r\n var num = $(this).parents(cls._radio_itm).index();\r\n cls._$tgt.hide();\r\n cls._$tgt.eq(num).show();\r\n });\r\n\r\n //ページ内に複数の切り替えがある場合の処理\r\n cls._$radio_multi.on('change', function () {\r\n var $wrap = $(this).parents(cls._switch_wrap)\r\n var num = $wrap.find(cls._radio_multi).index(this);\r\n\r\n $wrap.find(cls._tgt).hide();\r\n $wrap.find(cls._tgt).eq(num).show();\r\n });\r\n }\r\n\r\n _btn(cls) {\r\n cls._$trg.on('click', function () {\r\n cls._$tgt.stop().slideDown();\r\n });\r\n }\r\n\r\n}","// トリガー要素とターゲット要素を指定することでターゲット要素の表示を切り替え\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class switchShowClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n\r\n // class変数定義\r\n _classValiableDefine() {\r\n //トリガー要素とターゲット要素の両方を包含している要素\r\n this._parentSelector = '.js-switchshow_prt';\r\n //同一data属性をもつターゲットを表示するためのトリガー\r\n this._triggerSelector = '.js-switchshow_trg';\r\n //同一data属性をもつトリガーが活性化した際に表示されるターゲット\r\n this._targetSelector = '.js-switchshow_tgt';\r\n }\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n this.switchShow();\r\n $(cls._parentSelector).on('change',function(){\r\n cls.switchShow();\r\n })\r\n }\r\n\r\n switchShow(){\r\n var cls = this;\r\n var $parent = $(cls._parentSelector);\r\n //トリガー要素を絞り込み\r\n var $triggerObjData = $parent.find(`${cls._triggerSelector}:checked`).data('switch');\r\n\r\n //全てのターゲット要素に対して処理を実行\r\n var $targetObjAll = $parent.find(cls._targetSelector);\r\n $targetObjAll.each(function(index, element) {\r\n //data-switchがトリガーと一致したら表示\r\n if ($(element).data('switch') === $triggerObjData) {\r\n $(element).show();\r\n }\r\n //一致しなければ非表示\r\n else {\r\n $(element).hide();\r\n }\r\n });\r\n }\r\n}","// トグル(アコーディオン)表示\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class switchTabClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._$btn = $('.js-tab-l, .js-tab-r');\r\n this._tab = '.c-tab';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n cls._$btn.on('click', function () {\r\n var $area_left = $(this).parents(cls._tab).find('.c-tab_cont-l');\r\n var $area_right = $(this).parents(cls._tab).find('.c-tab_cont-r');\r\n $(this).addClass('is-selected');\r\n $(this).siblings().removeClass('is-selected');\r\n if($(this).hasClass('js-tab-l')) {\r\n $area_left.addClass('is-show');\r\n $area_right.removeClass('is-show');\r\n }\r\n else {\r\n $area_left.removeClass('is-show');\r\n $area_right.addClass('is-show');\r\n }\r\n });\r\n }\r\n\r\n}","// トグル(アコーディオン)表示\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class toggleClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._prt = '.js-tgl';\r\n this._trg = '.js-tgl_trg';\r\n this._tgt = '.js-tgl_tgt';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n $(cls._prt).each(function(index, el) {\r\n var $self = $(el);\r\n\r\n if ($self.hasClass('is-open')) {\r\n $self.find(cls._tgt).eq(0).css('display', 'block');\r\n }\r\n });\r\n\r\n $(document).on('click', cls._trg, function() {\r\n var $this = $(this);\r\n var $prt = $this.closest(cls._prt);\r\n var $tgt = $prt.find(cls._tgt).eq(0);\r\n\r\n $tgt.stop().slideToggle();\r\n $prt.toggleClass('is-close is-open');\r\n\r\n // アコーディオン内にDataTableが存在するときに強制的にリサイズを行う\r\n if ($tgt.find('table.dataTable').length) {\r\n $tgt.resize();\r\n }\r\n\r\n return false;\r\n });\r\n }\r\n\r\n}","// 表示/非表示切り替え\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class toggleShowClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._parentSelector = '.js-tglshow_prt';\r\n this._triggerSelector = '.js-tglshow_trg';\r\n this._triggerMultiSelector = '.js-tglshow_trg_multi';\r\n this._targetSelector = '.js-tglshow_tgt';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n $(document).on('change', 'input[type=\"checkbox\"]' + cls._triggerSelector, function() {\r\n cls._checkbox($(this));\r\n });\r\n\r\n $(document).on('change', 'input[type=\"checkbox\"]' + cls._triggerMultiSelector, function() {\r\n cls._checkboxMulti($(this));\r\n });\r\n\r\n $(document).on('click', 'button' + cls._triggerSelector, function() {\r\n cls._btn($(this));\r\n });\r\n }\r\n\r\n // トリガーがチェックボックス用\r\n _checkbox($self) {\r\n var cls = this;\r\n var $self = $self;\r\n var $prt = $self.closest(cls._parentSelector);\r\n var $tgt = $prt.find(cls._targetSelector);\r\n\r\n if ($self.prop('checked')) {\r\n $tgt.stop().fadeIn('fast');\r\n } else {\r\n $tgt.stop().fadeOut('fast');\r\n }\r\n return false;\r\n }\r\n\r\n // トリガーがチェックボックス用（1つ以上checkedで要素表示）\r\n _checkboxMulti($self) {\r\n var cls = this;\r\n var $self = $self;\r\n var $prt = $self.closest(cls._parentSelector);\r\n var $tgt = $prt.find(cls._targetSelector);\r\n var $trgChecked = $prt.find(cls._triggerMultiSelector + \":checked\");\r\n\r\n if($trgChecked.length){\r\n $tgt.stop().fadeIn('fast');\r\n } else {\r\n $tgt.stop().fadeOut('fast');\r\n }\r\n return false;\r\n }\r\n\r\n // トリガーがボタン用\r\n _btn($self) {\r\n var cls = this;\r\n var $self = $self;\r\n var $prt = $self.closest(cls._parentSelector);\r\n var $tgt = $prt.find(cls._targetSelector);\r\n\r\n if ($self.hasClass('is-hide')) {\r\n $tgt.stop().fadeIn();\r\n } else {\r\n $tgt.stop().fadeOut();\r\n }\r\n $self.toggleClass('is-hide');\r\n return false;\r\n }\r\n\r\n}","// トグル(アコーディオン)表示\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class tooltipClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._tgt = '.js-tooltip';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n $(cls._tgt).tooltip({\r\n trigger: \"click\",\r\n });\r\n }\r\n\r\n}","// 表示/非表示切り替え\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class truncateClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._$trunctLine1 = $('.js-trunct-line-1');\r\n this._$trunctLine2 = $('.js-trunct-line-2');\r\n this._$trunctLine3 = $('.js-trunct-line-3');\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n // 1行\r\n var opt_truncate_line_1 = {\r\n $tgt: cls._$trunctLine1,\r\n line: 1,\r\n resizeFunc: {\r\n common: \"recalc\"\r\n }\r\n };\r\n this._truncateLines(opt_truncate_line_1);\r\n\r\n // 2行\r\n var opt_truncate_line_2 = {\r\n $tgt: cls._$trunctLine2,\r\n line: 2,\r\n resizeFunc: \"recalc\"\r\n };\r\n this._truncateLines(opt_truncate_line_2);\r\n\r\n // 3行\r\n var opt_truncate_line_3 = {\r\n $tgt: cls._$trunctLine3,\r\n line: 3,\r\n resizeFunc: \"recalc\"\r\n };\r\n this._truncateLines(opt_truncate_line_3);\r\n }\r\n\r\n _truncateLines(opt) {\r\n var truncate = Truncator.truncate;\r\n var $tgt = opt.$tgt;\r\n var hasResizeFunc = \"resizeFunc\" in opt;\r\n var resizeFunc = (hasResizeFunc) ? opt.resizeFunc : null;\r\n\r\n var len = $tgt.length;\r\n for (var i = 0; i < len; i++) {\r\n // クロージャにするため即時関数で実行\r\n (function (idx) {\r\n var el = $tgt[idx];\r\n var truncator_text = truncate(\r\n el,\r\n $(el).text(),\r\n {\r\n line: opt.line,\r\n ellipsis: \"…\"\r\n }\r\n );\r\n\r\n if (hasResizeFunc) {\r\n $(window).on('resize', function () {\r\n if (resizeFunc === \"recalc\") truncator_text.recalc();\r\n if (resizeFunc === \"restore\") truncator_text.restore();\r\n });\r\n }\r\n })(i);\r\n }\r\n }\r\n}","// ファイルアップロード\r\nimport commonClass from './commonClass';\r\n\r\nexport default class uploadFileClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._$prt = $('.c-fileupload');\r\n this._$photoTmp = $('.c-fileupload_tmp');\r\n\r\n this._prt = '.c-fileupload';\r\n this._photoTmp = '.c-fileupload_tmp';\r\n this._fileUpload = '.js-file';\r\n this._fileInput = '.js-file-input';\r\n this._fileDrop = '.c-fileupload_drop';\r\n this._filePrv = '.c-fileupload_prev';\r\n this._fileDel = '.js-file-del';\r\n this._fNameInput = '.js-fname-input';\r\n this._fileNotice = '.c-fileupload_notice';\r\n this._fileBody = '.c-fileupload_body';\r\n this._fileOpenPrev = '.js-file-openPrev';\r\n this._fileRequire = '.js-file-require';\r\n this._files = {};\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n if (cls._$prt.length) {\r\n // ファイル選択ボタン\r\n $(document).on('click', cls._fileUpload, function () {\r\n $(this).closest(cls._prt).find(cls._fileInput).click();\r\n return false;\r\n });\r\n\r\n // ファイルのプレビュー\r\n $(document).on('change', cls._fileInput, function () {\r\n var me = this;\r\n var isSingle = $(me).hasClass('is-single');\r\n var isNotice = $(me).hasClass('is-notice');\r\n var maxFileNum = parseInt($(me).attr('max-file-num')) || 0;\r\n var fileKey = $(me).attr('file-key');\r\n\r\n if (fileKey && $(me).prev().find(cls._filePrv).find('li').length === 0) {\r\n cls._files[fileKey] = [];\r\n }\r\n\r\n if (isSingle) {\r\n cls._prev(this.files[0], me, isSingle);\r\n }\r\n if (isNotice) {\r\n var $body = $(this).parents(cls._fileBody)\r\n $body.find(cls._fileNotice).show();\r\n }\r\n else {\r\n for (var i = 0; i < this.files.length; i++) {\r\n if (fileKey && maxFileNum > 0 && cls._files[fileKey].length >= maxFileNum) {\r\n window.alert(maxFileNum + '個を越えて選択出来ません。');\r\n break;\r\n }\r\n if (fileKey) {\r\n cls._files[fileKey].push(this.files[i]);\r\n }\r\n cls._prev(this.files[i], me, isSingle);\r\n }\r\n }\r\n });\r\n\r\n $(document).on('click', cls._fileInput, function (e) {\r\n e.target.value = \"\";\r\n });\r\n\r\n // ファイルの削除\r\n $(document).on('click', cls._fileDel, function (e) {\r\n var $body = $(this).parents(cls._fileBody)\r\n var isNotice = $body.find(cls._fileInput).hasClass('is-notice');\r\n var fileKey = $body.find(cls._fileInput).attr('file-key');\r\n\r\n // ファイル名削除\r\n // 2021/01/07 削除方法変更\r\n var $fnameInput = $(e.target).closest(cls._prt).find(cls._fNameInput);\r\n // パス表示のインプットが存在すれば実行\r\n if ($fnameInput.length > 0) {\r\n $fnameInput.val(\"\").change();\r\n }\r\n\r\n /*\r\n * 2021/01/07 削除方法変更\r\n var $fnameInput = $(e.target).parents('form').find(cls._fNameInput);\r\n // パス表示のインプットが存在すれば実行\r\n if ($fnameInput.length > 0) {\r\n $(e.target).parents('form').find(cls._fNameInput).val(\"\").change();\r\n }\r\n */\r\n\r\n //hiddenのid削除 2021/01/07\r\n var $pic_id = $(e.target).closest(cls._prt).find('.js-picureid');\r\n if ($pic_id.length > 0) {\r\n $pic_id.val(\"\").change();\r\n }\r\n\r\n // 補足事項が存在すれば実行\r\n if (isNotice) {\r\n $body.find(cls._fileNotice).hide();\r\n }\r\n\r\n //プレビューエリアを消す 2020/09/17\r\n var cnt = $(e.target).closest('.c-fileupload_prev').find('.c-fileupload_pic').length;\r\n // console.log($(e.target).closest('.c-fileupload_prev').find('.c-fileupload_pic').length)\r\n if (cnt <= 1) {\r\n var $prevArea = $(cls._fileOpenPrev).closest('.c-frm_row').next().find(cls._fileDrop);\r\n $prevArea.toggleClass('is-hide');\r\n }\r\n\r\n if (fileKey) {\r\n var index = $(e.target).parent().prevAll().length;\r\n cls._files[fileKey].splice(index, 1);\r\n }\r\n\r\n // サムネ削除\r\n $(e.target).parent().remove();\r\n });\r\n\r\n // プレビューエリア開閉\r\n $(document).on('click', cls._fileOpenPrev, function () {\r\n var $prevArea = $(this).closest('.c-frm_row').next().find(cls._fileDrop);\r\n $prevArea.children().children().remove();//プレビューエリアを消す 2020/12/07\r\n $prevArea.toggleClass('is-hide')\r\n return false;\r\n });\r\n\r\n // // 画像編集モーダル\r\n // // 画像編集モーダルが存在、かつimgにモーダル指定のdata属性があれば発火\r\n // var $editImageModal = $('.c-modal[data-mdtrg=\"edit_image\"]')\r\n // $(document).on('click', '.c-fileupload_pic img', function () {\r\n // if ($editImageModal.length > 0) {\r\n // APP.modal._open($(this));\r\n // }\r\n // return false;\r\n // });\r\n\r\n }\r\n }\r\n // プレビューリストを生成\r\n _prev(files, me, isSingle) {\r\n var cls = this;\r\n\r\n if ($(me).attr('no-load') !== undefined) {\r\n // ファイル名だけセット\r\n var fnameInputs = $(me).parents('.c-frm_row').prev().find(cls._fNameInput);\r\n if (fnameInputs.length > 0) {\r\n fnameInputs.val(files.name).change();\r\n fnameInputs.addClass('has-val');\r\n }\r\n return;\r\n }\r\n\r\n var fr = new FileReader();\r\n fr.onload = function () {\r\n var $prevPath = $(me).prev().find(cls._filePrv);\r\n var $fnameInputPath = $(me).parents('.c-frm_row').prev().find(cls._fNameInput);\r\n var img = $('
\");\r\n $prevPath.find('li').last().append(spnfname);\r\n }\r\n\r\n var $prevArea = $(me).siblings(cls._fileDrop);\r\n if ($prevArea.hasClass('is-hide')) {\r\n $prevArea.removeClass('is-hide');\r\n }\r\n };\r\n fr.readAsDataURL(files);\r\n }\r\n}","// 案件担当者セレクト管理\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class variableSelectClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._templateSelector = '.js-variableslct_tmpl';\r\n this._containerSelector = '.js-variableslct_ctnr';\r\n this._parentSelector = '.js-variableslct_prt';\r\n this._addTrgSelector = '.js-variableslct_trg_add';\r\n this._delTrgSelector = '.js-variableslct_trg_del';\r\n }\r\n\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n }\r\n\r\n // リサイズ用関数\r\n _resize() {\r\n }\r\n\r\n // メイン処理\r\n _main() {\r\n var cls = this;\r\n\r\n $(cls._containerSelector).each(function (index, el) {\r\n var $self = $(el);\r\n var $tmp = cls._getTemplate($self);\r\n\r\n $self.on('click', cls._addTrgSelector, function () {\r\n cls._add($self, $tmp);\r\n });\r\n\r\n $self.on('click', cls._delTrgSelector, function () {\r\n cls._del($(this), $self);\r\n });\r\n });\r\n }\r\n\r\n // テンプレ取得\r\n _getTemplate($ctnr) {\r\n var cls = this;\r\n\r\n var $tmp = $ctnr.find(cls._templateSelector).clone();\r\n $ctnr.find(cls._templateSelector).remove();\r\n\r\n return $tmp;\r\n }\r\n\r\n // セレクト追加処理\r\n _add($ctnr, $tmp) {\r\n var cls = this;\r\n\r\n // 追加で増えるオプションは未選択とする\r\n $tmp.find(\"select option\").attr(\"selected\", false);\r\n\r\n $tmp.clone().appendTo($ctnr).fadeIn();\r\n cls._updateBtnView($ctnr);\r\n return false;\r\n }\r\n\r\n // セレクト削除処理\r\n _del($ctnr, $self) {\r\n var cls = this;\r\n\r\n $ctnr.closest(cls._parentSelector).remove();\r\n cls._updateBtnView($self);\r\n return false;\r\n }\r\n\r\n // 追加/削除ボタン表示更新\r\n _updateBtnView($ctnr) {\r\n var cls = this;\r\n var $tgt = $ctnr.find(cls._parentSelector);\r\n $tgt.removeClass('is-del is-add is-lastrow');\r\n\r\n for (var i = 0; i < $tgt.length; i++) {\r\n if ($tgt.length === 1) {\r\n $tgt.addClass('is-add');\r\n continue;\r\n }\r\n if (i === $tgt.length - 1) {\r\n $tgt.eq(i).addClass('is-lastrow');\r\n continue;\r\n }\r\n $tgt.eq(i).addClass('is-del');\r\n }\r\n }\r\n\r\n // 初期化（frmClearClassから呼び出し実行）\r\n // $trg: 初期化実行のトリガーになるjQueryオブジェクト\r\n _reinit($trg) {\r\n var cls = this;\r\n // frmClearのトリガーから初期化対象のvariableslct要素を取得\r\n var $prt = $trg.closest('.js-frmclr').find(cls._containerSelector);\r\n // 初期化のため、不要なクラスを削除しておく\r\n $prt.children().eq(0).removeClass('is-del is-add is-lastrow').find('select').removeClass('has-val');\r\n $prt.children().eq(0).find('input[type=\"text\"]').removeClass('has-val').val('');\r\n var $html = $prt.children().eq(0);\r\n\r\n // select要素を全て削除\r\n $prt.empty();\r\n\r\n // \"クリア\"ボタン押下時に描画されるselect要素\r\n $html.clone().appendTo($prt).addClass('is-add');\r\n }\r\n}","// wysiwyg editor\r\nimport commonClass from \"./commonClass\";\r\n\r\nexport default class wysiwygClass extends commonClass {\r\n // コンストラクタ\r\n constructor() {\r\n super();\r\n this._getSuper();\r\n this._classValiableDefine();\r\n\r\n this._init();\r\n }\r\n\r\n // 親classから変数を取得してくる\r\n _getSuper() {\r\n }\r\n // class変数定義\r\n _classValiableDefine() {\r\n this._$tgt = $('.js-wysiwyg');\r\n this._$area = $('.c-wysiwyg');\r\n }\r\n\r\n // 初期化用関数\r\n _init() {\r\n this._main();\r\n this._preview();\r\n }\r\n\r\n _main() {\r\n var cls = this;\r\n var elem = cls._$tgt;\r\n\r\n var textarea = cls.textarea = elem;\r\n\r\n // 太字\r\n $(document).on('click', '.js-wysiwyg-btn', function() {\r\n var $target= $(this).parents('.c-wysiwyg');\r\n var $textarea = $target.find('.js-wysiwyg');\r\n\r\n if($(this).hasClass('bold')) {\r\n setStyle($(this), \"\");\r\n cls._addTag($textarea[0], '', '');\r\n }\r\n if($(this).hasClass('italic')) {\r\n setStyle($(this), \"\");\r\n cls._addTag($textarea[0], '', '');\r\n }\r\n\r\n if($(this).hasClass('underline')) {\r\n setStyle($(this), \"\");\r\n cls._addTag($textarea[0], '', '');\r\n }\r\n\r\n if($(this).hasClass('strikethrough')) {\r\n setStyle($(this), \"\");\r\n cls._addTag($textarea[0], '
\\n', '\\n\\n');\r\n }\r\n\r\n if($(this).hasClass('quote_line')) {\r\n setStyle($(this), \"\");\r\n cls._addTag($textarea[0], '\\n
\\n', '\\n\\n');\r\n }\r\n\r\n if($(this).hasClass('column')) {\r\n setStyle($(this), \"\");\r\n cls._addTag($textarea[0], '\\n
\\n
\\n');\r\n }\r\n\r\n if($(this).hasClass('br')) {\r\n setStyle($(this), \"\");\r\n cls._addHtml($textarea[0], '\\n', '\\n
\\n\\n');\r\n }\r\n\r\n if($(this).hasClass('br_clear')) {\r\n setStyle($(this), \"\");\r\n cls._addHtml($textarea[0], '
\\n');\r\n }\r\n\r\n if($(this).hasClass('table')) {\r\n setStyle($(this), 'table');\r\n }\r\n\r\n if($(this).hasClass('image')) {\r\n setStyle($(this), \"\");\r\n $('.js-select').on('click', function(){\r\n var me = this;\r\n $('.js-select').parent().removeClass('is-active');\r\n $(me).parent().addClass('is-active');\r\n });\r\n var snp_flag1 = false;\r\n\r\n $(document).off('click', '.js-set-snp-img');\r\n $(document).on('click', '.js-set-snp-img', function(){\r\n var $parent = $(this).parents('.c-modal');\r\n var $select_image = $parent.find('.is-active');\r\n var snp = {};\r\n snp.size = $parent.find('.snp_size').val();\r\n snp.link = $parent.find('.snp_link').prop('checked');\r\n snp.resize = $parent.find('.snp_resize').prop('checked');\r\n snp.cls = $parent.find('.snp_cls').val();\r\n snp.picid = $select_image.find('.snp_id').text();\r\n snp.fname = $select_image.find('.snp_fname').text();\r\n\r\n //画像が選ばれていなかった場合\r\n if (snp.picid == null || snp.picid == \"\" ) {\r\n alert('画像を選択してください')\r\n return false;\r\n }\r\n\r\n function checkjpg(filename) {\r\n filename.match(/\\.\\w+$/);\r\n var ext = RegExp.lastMatch;\r\n if (ext.toLowerCase() == \".gif\") {\r\n return 1;\r\n }\r\n else {\r\n return 0;\r\n }\r\n }\r\n\r\n var html = '[[image id=' + snp.picid;\r\n if (checkjpg(snp.fname) == 0) {\r\n if (snp.size != '') {\r\n html += ' Size=' + snp.size;\r\n }\r\n if (snp.link == true) {\r\n html += ' Zoom=true';\r\n }\r\n else {\r\n html += ' Zoom=false';\r\n }\r\n }\r\n else {\r\n html += ' Zoom=false';\r\n }\r\n if (snp.cls != '') {\r\n html += ' Class=' + snp.cls;\r\n }\r\n //html += ' Resize=' + snp.resize;\r\n if (snp.resize != undefined && snp.resize != '') {\r\n html += ' Resize=' + snp.resize;\r\n }\r\n\r\n html += ' ]]\\n';\r\n\r\n $(this).parents('.c-modal').hide();\r\n var $body = $('body');\r\n $body.removeClass('isShowhowModal');\r\n if(!snp_flag1) {\r\n cls._addHtml($textarea[0], html);\r\n snp_flag1 = true;\r\n }\r\n });\r\n }\r\n\r\n if($(this).hasClass('snippet')) {\r\n setStyle($(this), 'snippet');\r\n var snp_flag2 = false;\r\n // snippet article\r\n $(document).off('click', '.js-set-snippet');\r\n $(document).on('click','.js-set-snippet', function() {\r\n var $parent = $(this).parents('.c-modal');\r\n var type = $parent.data('mdtrg').split('-')[1];\r\n var snp = {};\r\n snp.id = $parent.find('.snp_id:not(:disabled)').length > 1 ? $parent.find('.snp_id:not(:disabled):checked').val() : $parent.find('.snp_id:not(:disabled)').val();\r\n snp.tag = $parent.find('.snp_tag').val();\r\n snp.tpl = $parent.find('.snp_tpl').val();\r\n snp.cnt = $parent.find('.snp_cnt').val();\r\n snp.more = $parent.find('.snp_more').val();\r\n snp.isPrv = $parent.find('.snp_prv').prop('checked');\r\n snp.isAdv = $parent.find('.snp_adv').prop('checked');\r\n\r\n var html = '[[' + type;\r\n if (snp.id != '') {\r\n html += ' id=' + snp.id;\r\n } else if (snp.tag != '') {\r\n html += ' tag=' + snp.tag;\r\n }\r\n\r\n if (snp.tpl != '' && snp.tpl != undefined) {\r\n html += ' tmpl=' + snp.tpl;\r\n }\r\n if (snp.cnt != '' && snp.cnt != undefined) {\r\n html += ' count=' + snp.cnt;\r\n if (snp.more != '' && snp.more != undefined) {\r\n html += ' more=' + snp.more;\r\n }\r\n }\r\n\r\n if(type !== 'event') {\r\n if (snp.isPrv) {\r\n html += ' preview=' + snp.isPrv;\r\n }\r\n }\r\n\r\n if (type === 'cont') {\r\n if (!snp.isAdv) {\r\n html += ' dependonlead=true';\r\n }\r\n else {\r\n html += ' dependonlead=false';\r\n }\r\n }\r\n html += ' ]]\\n';\r\n\r\n $(this).parents('.c-modal').hide();\r\n if(!snp_flag2) {\r\n cls._addHtml($textarea[0], html);\r\n snp_flag2 = true;\r\n }\r\n $target.find('.c-wysiwyg_setting').children().removeClass('is-show');\r\n \r\n var $window = $(window);\r\n var $body = $('body');\r\n $target.parents('.c-modal').fadeOut();\r\n $body.removeClass('isShowhowModal');\r\n });\r\n\r\n $(document).off('change', '.js-snp-select-enquete-type');\r\n $(document).on('change', '.js-snp-select-enquete-type', function () {\r\n var me = $(this);\r\n var box = me.closest('.c-modal_form');\r\n if (me.val() === '0') {\r\n // 設定したアンケート\r\n box.find('.snp-select-enquete').prop('disabled', false);\r\n box.find('.snp-input-enquete').prop('disabled', true);\r\n } else {\r\n // アンケートIDを設定\r\n box.find('.snp-select-enquete').prop('disabled', true);\r\n box.find('.snp-input-enquete').prop('disabled', false);\r\n }\r\n });\r\n }\r\n\r\n function setStyle(cls, set) {\r\n $target.find('.js-wysiwyg-btn').removeClass('is-select');\r\n cls.addClass('is-select');\r\n $target.find('.c-wysiwyg_setting').children().removeClass('is-show');\r\n if(set !== \"\") {\r\n $target.find('.c-wysiwyg_setting-' + set).addClass('is-show');\r\n }\r\n }\r\n });\r\n\r\n // フォント設定\r\n $(document).on('click', '.js-set-font', function() {\r\n var $target= $(this).parents('.c-wysiwyg');\r\n var $textarea = $target.find('.js-wysiwyg');\r\n var font_cls = $target.find('.font_size').val();\r\n if ($target.find('.font_weight').prop('checked')) font_cls += 'b';\r\n cls._addTag($textarea[0], '', '');\r\n $target.find('.c-wysiwyg_setting').children().removeClass('is-show');\r\n });\r\n\r\n // URL入力\r\n $(document).on('click', '.js-slct-url', function() {\r\n var $target= $(this).parents('.c-wysiwyg');\r\n var url = $(this).data('val');\r\n $target.find('.set_url').val(url);\r\n //$target.find('.c-wysiwyg_setting').children().removeClass('is-show');\r\n });\r\n\r\n // URL設定\r\n $(document).on('click', '.js-set-url', function() {\r\n var $target= $(this).parents('.c-wysiwyg');\r\n var $textarea = $target.find('.js-wysiwyg');\r\n var url = $target.find('.set_url').val();\r\n var blank = $target.find('.target_blank').prop('checked')? ' target=\"_blank\"': '';\r\n cls._addTag($textarea[0], '', '');\r\n $target.find('.c-wysiwyg_setting').children().removeClass('is-show');\r\n });\r\n\r\n // フレーム設定\r\n $(document).on('click', '.js-set-frame', function() {\r\n var $target= $(this).parents('.c-wysiwyg');\r\n var $textarea = $target.find('.js-wysiwyg');\r\n var preset = $target.find('.frame_preset').val();\r\n var color = $target.find('.frame_color').val();\r\n cls._addTag($textarea[0], '
', '
');\r\n $target.find('.c-wysiwyg_setting').children().removeClass('is-show');\r\n });\r\n\r\n // テーブル設定\r\n $(document).on('click', '.js-set-table', function() {\r\n var $target= $(this).parents('.c-wysiwyg');\r\n var $textarea = $target.find('.js-wysiwyg');\r\n var tbl = {};\r\n tbl.cls = $target.find('.table_class').val();\r\n tbl.ttl = $target.find('.table_title').val();\r\n tbl.col = $target.find('.table_col').val();\r\n tbl.row = $target.find('.table_row').val();\r\n\r\n var classAtr = '';\r\n if (tbl.cls != '') {\r\n classAtr = ' class=\"' + tbl.cls + '\"';\r\n }\r\n var html = '\\n\\n', '\\n
\\n'); })));\r\n //ul.append(menuItem('frame_orange', '見出し枠（オレンジ）', (function() { cls._addTag(elem[0], '\\n\\n', '\\n
\\n'); })));\r\n //ul.append(menuItem('frame_blue', '見出し枠（青）', (function() { cls._addTag(elem[0], '\\n\\n', '\\n
\\n'); })));\r\n //ul.append(menuItem('frame_green', '見出し枠（緑）', (function() { cls._addTag(elem[0], '\\n\\n', '\\n
\\n'); })));\r\n ul.append(menuItem('quote_bg', '引用文（下地）', (function() { cls._addTag(elem[0], '\\n\\n', '\\n\\n'); })));\r\n ul.append(menuItem('quote_line', '引用文（罫線）', (function() { cls._addTag(elem[0], '\\n
\\n', '\\n\\n'); })));\r\n ul.append(menuItem('column', 'コラム枠', (function() { cls._addTag(elem[0], '\\n
\\n
\\n'); })));\r\n ul.append(menuItem('br', 'BR改行', (function() { cls._addHtml(elem[0], '\\n', '\\n
\\n\\n'); })));\r\n ul.append(menuItem('br_clear', 'BR改行（クリア）', (function() { cls._addHtml(elem[0], '
\\n'); })));\r\n ul.append(menuItem('table', 'テーブル', (function() { openWindow('/js/myeditor/html/myeditor_table.htm', 420, 220); })));\r\n ul.append(menuItem('image', '画像スニペット', (function () { openWindow('/menu/article/SnippetPictureList.aspx', 650, 610); })));\r\n // ↓これは元々コメントアウトでした\r\n //ul.append(menuItem('social', 'ソーシャルパーツスニペット', (function () { openWindow('/js/myeditor/html/snippet_social.htm', 550, 150); })));\r\n ul.append(menuItem('snippet', 'スニペット', (function() { openWindow('/js/myeditor/html/snippet_article.htm', 450, 250); })));\r\n };\r\n }\r\n */\r\n\r\n _showSetting() {\r\n\r\n }\r\n\r\n // エディタ表示部分 プレビュー画面\r\n _preview() {\r\n // 表示タブ\r\n $(document).on('click', '.c-wysiwyg_tab-preview-show', function() {\r\n var $target = $(this).parents('.c-wysiwyg');\r\n if ($target.length === 0) {\r\n $target = $(this).closest('.c-wysiwyg_wrp');\r\n }\r\n $(this).prev().removeClass(\"is-selected\");\r\n $(this).addClass(\"is-selected\");\r\n appendPreviewArea($target);\r\n $(this).parent().next().addClass('is-show');\r\n });\r\n\r\n // 非表示タブ\r\n $(document).on('click', '.c-wysiwyg_tab-preview-hide', function() {\r\n $(this).next().removeClass(\"is-selected\");\r\n $(this).addClass(\"is-selected\");\r\n $(this).parent().next().removeClass('is-show');\r\n });\r\n\r\n // テキストのコピーと描画\r\n function appendPreviewArea($target) {\r\n var html = $target.find('textarea').val();\r\n var $preview = $target.find(\".c-wysiwyg_preview\");\r\n //$preview.empty().html(html);\r\n // iframe用\r\n var body = $preview.contents().find(\"html\");\r\n body.html(html);\r\n }\r\n }\r\n\r\n // ボタン要素 タグ追加 開始・終了タグ\r\n _addTag(obj, startTag, endTag) {\r\n //IE\r\n if (document.selection) {\r\n obj.focus();\r\n var str = document.selection.createRange().text;\r\n if (!str) {\r\n document.selection.createRange().text = startTag + endTag;\r\n return;\r\n }\r\n document.selection.createRange().text = startTag + str + endTag;\r\n return;\r\n }\r\n //Mozilla\r\n else if ((obj.selectionEnd) > 0) {\r\n var startPos = obj.selectionStart;\r\n var endPos = obj.selectionEnd;\r\n var top = obj.scrollTop;\r\n\r\n obj.value = obj.value.substring(0, startPos)\r\n + startTag\r\n + obj.value.substring(startPos, endPos)\r\n + endTag\r\n + obj.value.substring(endPos, obj.value.length);\r\n obj.focus();\r\n obj.selectionStart = endPos + startTag.length + endTag.length;\r\n obj.selectionEnd = endPos + startTag.length + endTag.length;\r\n obj.scrollTop = top;\r\n }\r\n //Other\r\n else {\r\n obj.value += startTag + endTag;\r\n }\r\n }\r\n\r\n // ボタン要素 タグ追加\r\n _addHtml(obj, html) {\r\n\r\n //IE\r\n if (document.selection) {\r\n obj.focus();\r\n var str = document.selection.createRange().text;\r\n document.selection.createRange().text = html;\r\n return;\r\n }\r\n //IE以外\r\n else if ((obj.selectionEnd) > 0) {\r\n var startPos = obj.selectionStart;\r\n var endPos = obj.selectionEnd;\r\n var top = obj.scrollTop;\r\n\r\n obj.value = obj.value.substring(0, startPos)\r\n + html\r\n + obj.value.substring(endPos, obj.value.length);\r\n obj.focus();\r\n obj.selectionStart = endPos + html.length;\r\n obj.selectionEnd = endPos + html.length;\r\n obj.scrollTop = top;\r\n //return;\r\n }\r\n else {\r\n obj.value += html;\r\n }\r\n }\r\n /*_addOpenerTag(id, startTag, endTag) {\r\n\r\n var obj = window.opener.$('#' + id)[0];\r\n\r\n //IE\r\n if (window.opener.document.selection) {\r\n obj.focus();\r\n var str = window.opener.document.selection.createRange().text;\r\n if (!str) {\r\n return;\r\n }\r\n window.opener.document.selection.createRange().text = startTag + str + endTag;\r\n return;\r\n }\r\n //Mozilla\r\n else if (obj.selectionEnd > 0) {\r\n var startPos = obj.selectionStart;\r\n var endPos = obj.selectionEnd;\r\n var top = obj.scrollTop;\r\n\r\n obj.value = obj.value.substring(0, startPos)\r\n + startTag\r\n + obj.value.substring(startPos, endPos)\r\n + endTag\r\n + obj.value.substring(endPos, obj.value.length);\r\n obj.focus();\r\n obj.selectionStart = endPos + startTag.length + endTag.length;\r\n obj.selectionEnd = endPos + startTag.length + endTag.length;\r\n obj.scrollTop = top;\r\n }\r\n //Other\r\n else {\r\n obj.value += startTag + endTag;\r\n }\r\n }*/\r\n /*_addOpenerHtml(id, html) {\r\n\r\n var obj = window.opener.$('#' + id)[0];\r\n\r\n //IE\r\n if (window.opener.document.selection) {\r\n obj.focus();\r\n window.opener.document.selection.createRange().text = html;\r\n return;\r\n }\r\n //IE以外\r\n else if ((obj.selectionEnd) > 0) {\r\n var startPos = obj.selectionStart;\r\n var endPos = obj.selectionEnd;\r\n var top = obj.scrollTop;\r\n\r\n obj.value = obj.value.substring(0, startPos)\r\n + html\r\n + obj.value.substring(endPos, obj.value.length);\r\n obj.focus();\r\n obj.selectionStart = endPos + html.length;\r\n obj.selectionEnd = endPos + html.length;\r\n obj.scrollTop = top;\r\n }\r\n else {\r\n obj.value += html;\r\n }\r\n }*/\r\n /*_getRequest(name) {\r\n var vars = [], hash;\r\n var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');\r\n for (var i = 0; i < hashes.length; i++) {\r\n hash = hashes[i].split('=');\r\n vars.push(hash[0]);\r\n vars[hash[0]] = hash[1];\r\n }\r\n return vars[name];\r\n }*/\r\n /*_resize(img) {\r\n var w = $(img).width();\r\n var h = $(img).height();\r\n if (w >= h) {\r\n if (w > 100) {\r\n $(img).width(100);\r\n $(img).height(h * 100 / w);\r\n }\r\n } else {\r\n if (h > 100) {\r\n $(img).height(100);\r\n $(img).width(w * 100 / h);\r\n }\r\n }\r\n }*/\r\n /*_addImage(id, src) {\r\n var cls = this;\r\n cls._addHtml($(\"#\" + id)[0], \"