You are about to Lock and/or create a snapshot for this concept set. +
+ Locking a concept set means that the Concept Set
+ Expression tab cannot be edited anymore. However, vocabulary updates can still add new codes
+ that are mapped to the existing codes in the Concept Set Expression.
+ A snapshot saves a static version of the Concept Set
+ Expression, Included Concepts, and Included Source Codes tabs at the time it is created. If the
+ Concept Set is later modified, the snapshot remains unchanged. Additionally, if the Concept Set
+ is affected by a vocabulary update, the snapshot will not be altered.
+
+ There are two options: Snapshot or a Snapshot + Lock.
+
Plain snapshot:
+
This action might take some time and would continue even if this window is closed +
+Snapshot description message*:
+ + + + +You are about to UNLOCK this concept set.
++ The following will happen: +
This action might take some time and would continue even if this window is closed +
+Unlock confirmation message*:
+ + + +| + | + | + | + | + | + | + | + + + |
|---|
${momentAPI.formatDateTimeUTC(r.snapshotDate, true)}
` + } + }, + sortable: false + }, + { + title: ko.i18n('columns.snapshotId', 'Snapshot ID'), + data: null, + render: (d, t, r) => { + const snapshotId = r.snapshotId; + const isEmptySnapshot = r.emptySnapshot; + return isEmptySnapshot ? '' : `${snapshotId}
`; + }, + sortable: false, + }, + { + title: ko.i18n('columns.createdBy', 'Created By'), + data: 'user', + render: (d, t, r) => { + if (r.user === null || r.user === undefined || !r.user) { + return 'N/A'; + } else { + return `${r.user}
` + } + }, + sortable: false + }, + { + title: ko.i18n('columns.vocabularyBundle', 'Vocabulary Bundle Name [Schema]'), + data: null, + render: (d, t, r) => { + const name = r.vocabularyBundleName ? r.vocabularyBundleName : 'N/A'; + const schema = r.vocabularyBundleSchema ? `[${r.vocabularyBundleSchema}]` : '[N/A]'; + return `${name} ${schema}
`; + }, + sortable: false + }, + { + title: ko.i18n('columns.vocabularyBundleVersion', 'Vocabulary Bundle Version'), + data: 'vocabularyBundleVersion', + visible: false, + render: (d, t, r) => { + if (r.vocabularyBundleVersion === null || r.vocabularyBundleVersion === undefined || !r.vocabularyBundleVersion) { + return 'N/A'; + } else { + return `${r.vocabularyBundleVersion}
` + } + }, + sortable: false + }, + { + title: ko.i18n('columns.conceptSetVersion', 'Concept Set Version'), + render: (d, t, r) => { + if (r.conceptSetVersion === null || r.conceptSetVersion === undefined || !r.conceptSetVersion) { + return 'N/A'; + } else { + return `${r.conceptSetVersion}
` + } + }, + sortable: false + }, + { + title: ko.i18n('columns.message', 'Message'), + data: 'message', + render: (d, t, r) => { + if (r.message === null || r.message === undefined || !r.message) { + return 'N/A'; + } else { + return `${r.message}
` + } + }, + sortable: false + }, + ]; + + if (this.canDeleteSnapshots()) { + cols.push({ + title: ko.i18n('columns.delete', 'Delete'), + sortable: false, + render: function () { + return ``; + } + }); + } + return cols; + }); + + + this.selectedSnapshotId = ko.observable(); + this.expressionItems = ko.observableArray([]); + this.includedConcepts = ko.observableArray([]); + this.includedSourceCodes = ko.observableArray([]); + + + this.selectedTab = ko.observable(0); + this.tabs = [{ + title: ko.i18n('cs.manager.tabs.conceptSetExpression', 'Concept Set Expression'), + componentParams: { data: this.expressionItems }, + }, + { + title: ko.i18n('cs.manager.tabs.includedConcepts', 'Included Concepts'), + componentParams: { snapshotId: this.selectedSnapshotId }, + }, + { + title: ko.i18n('cs.manager.tabs.includedSourceCodes', 'Source Codes'), + componentParams: { snapshotId: this.selectedSnapshotId }, + }, + ]; + + this.selectedTab.subscribe(() => { + if (this.selectedSnapshotId()) { + this.loadTabData(); + } + }); + + this.tableOptions = params.tableOptions || commonUtils.getTableOptions('M'); + this.expressionItemColumns = [ + { + title: ko.i18n('columns.conceptId', 'Concept Id'), + sortable: true, + data: 'concept.CONCEPT_ID', + }, + { + title: ko.i18n('columns.conceptCode', 'Concept Code'), + sortable: true, + data: 'concept.CONCEPT_CODE', + }, + { + title: ko.i18n('columns.conceptName', 'Concept Name'), + sortable: true, + data: 'concept.CONCEPT_NAME', + }, + { + title: ko.i18n('columns.conceptClassId', 'Class'), + sortable: true, + data: 'concept.CONCEPT_CLASS_ID', + visible: false, + }, + { + title: ko.i18n('columns.domain', 'Domain'), + sortable: true, + data: 'concept.DOMAIN_ID', + }, + { + title: ko.i18n('columns.vocabularyId', 'Vocabulary'), + sortable: true, + data: 'concept.VOCABULARY_ID', + visible: false, + }, + { + title: ko.i18n('columns.standardConceptCode', 'Standard Concept Code'), + sortable: true, + data: 'concept.STANDARD_CONCEPT', + }, + { + title: ko.i18n('columns.standardConceptCaption', 'Standard Concept Caption'), + sortable: true, + data: 'concept.STANDARD_CONCEPT_CAPTION', + }, + { + title: ko.i18n('columns.validStartDate', 'Valid Start Date'), + render: (s, type, d) => type === "sort" ? +d['concept.VALID_START_DATE'] : + momentAPI.formatDateTimeWithFormat(d['concept.VALID_START_DATE'], momentAPI.DATE_FORMAT), + visible: false + }, + { + title: ko.i18n('columns.validEndDate', 'Valid End Date'), + render: (s, type, d) => type === "sort" ? +d['concept.VALID_END_DATE'] : + momentAPI.formatDateTimeWithFormat(d['concept.VALID_END_DATE'], momentAPI.DATE_FORMAT), + visible: false + }, + { + title: ko.i18n('columns.excluded', 'Excluded'), + class: 'text-center', + orderable: false, + render: () => this.renderCheckbox('isExcluded'), + }, + { + title: ko.i18n('columns.descendants', 'Descendants'), + class: 'text-center', + orderable: false, + render: () => this.renderCheckbox('includeDescendants'), + }, + { + title: ko.i18n('columns.mapped', 'Mapped'), + class: 'text-center', + orderable: false, + render: () => this.renderCheckbox('includeMapped'), + }, + ]; + + this.conceptColumns = [ + { + title: ko.i18n('columns.conceptId', 'Concept Id'), + sortable: true, + data: 'concept.CONCEPT_ID', + }, + { + title: ko.i18n('columns.conceptCode', 'Concept Code'), + sortable: true, + data: 'concept.CONCEPT_CODE', + }, + { + title: ko.i18n('columns.conceptName', 'Concept Name'), + sortable: true, + data: 'concept.CONCEPT_NAME', + }, + { + title: ko.i18n('columns.conceptClassId', 'Class'), + sortable: true, + data: 'concept.CONCEPT_CLASS_ID', + }, + { + title: ko.i18n('columns.domain', 'Domain'), + sortable: true, + data: 'concept.DOMAIN_ID', + }, + { + title: ko.i18n('columns.vocabularyId', 'Vocabulary'), + sortable: true, + data: 'concept.VOCABULARY_ID', + }, + { + title: ko.i18n('columns.standardConceptCode', 'Standard Concept Code'), + sortable: true, + data: 'concept.STANDARD_CONCEPT', + visible: false, + }, + { + title: ko.i18n('columns.standardConceptCaption', 'Standard Concept Caption'), + sortable: true, + data: 'concept.STANDARD_CONCEPT_CAPTION', + }, + { + title: ko.i18n('columns.validStartDate', 'Valid Start Date'), + render: (s, type, d) => type === "sort" ? +d.concept['VALID_START_DATE'] : + momentAPI.formatDateTimeWithFormat(d.concept['VALID_START_DATE'], momentAPI.DATE_FORMAT), + visible: false + }, + { + title: ko.i18n('columns.validEndDate', 'Valid End Date'), + render: (s, type, d) => type === "sort" ? +d.concept['VALID_END_DATE'] : + momentAPI.formatDateTimeWithFormat(d.concept['VALID_END_DATE'], momentAPI.DATE_FORMAT), + visible: false + }, + ]; + + this.loadData(); + } + + renderCheckbox(field) { + return renderers.renderConceptSetCheckbox(false, field); + } + + async loadConceptSetExpression() { + if (this.selectedSnapshotId()) { + this.isLoading(true); + try { + const getConceptSetSnapshotItemsRequest = { + snapshotId: [this.selectedSnapshotId()] + }; + let items = await conceptSetService.getConceptSetSnapshotItems(getConceptSetSnapshotItemsRequest); + this.conceptSetItems(items); + } catch (error) { + console.error(`Error loading concept set expression data: ${error.message}`); + } finally { + this.isLoading(false); + } + } + } + + async loadConceptSetSnapshotDetails(tabIndex) { + this.isLoading(true); + try { + let data; + if (tabIndex === 1) { + data = await conceptSetService.fetchSnapshotIncludedConcepts(this.selectedSnapshotId()); + } else if (tabIndex === 2) { + data = await conceptSetService.fetchSnapshotIncludedSourceCodes(this.selectedSnapshotId()); + } + this.tabs[tabIndex].componentParams.data(data); + } catch (error) { + console.error(`Error loading data for tab ${this.tabs[tabIndex].title}: ${error.message}`); + } finally { + this.isLoading(false); + } + } + + async onRowClick(data, event) { + $(event.currentTarget).closest('table').find('tr').removeClass('highlighted'); + $(event.currentTarget).addClass('highlighted'); + this.selectedSnapshotId(data.snapshotId); + this.loadTabData(); + } + + async loadTabData() { + const snapshotId = this.selectedSnapshotId(); + let snapshotItemType; + switch (this.selectedTab()) { + case 0: snapshotItemType = 'EXPRESSION_ITEMS'; break; + case 1: snapshotItemType = 'CONCEPTS'; break; + case 2: snapshotItemType = 'SOURCE_CODES'; break; + } + const getConceptSetSnapshotItemsRequest = { + snapshotId: snapshotId, + snapshotItemType: snapshotItemType + }; + try { + const result = await conceptSetService.getConceptSetSnapshotItems(getConceptSetSnapshotItemsRequest); + const conceptSetItems = result.json?.conceptSetItems || []; + // Load respective tab data + if (this.selectedTab() === 0) { + this.expressionItems(conceptSetItems); + } else if (this.selectedTab() === 1) { + this.includedConcepts(conceptSetItems); + } else { // Tab 2 + this.includedSourceCodes(conceptSetItems); + } + + this.isLoading(false); + } catch (error) { + console.error(`Error loading data for tab: ${error.message}`); + this.isLoading(false); + } + } + + async loadData() { + this.isLoading(true); + try { + const data = await conceptSetService.listConceptSetSnapshots(this.currentConceptSet.id); + this.snapshotHistory(data.data); + } catch (ex) { + console.error(`Error refreshing snapshots: ${ex}`); + } finally { + this.isLoading(false); + } + } + + } + return commonUtils.build('conceptset-lock-history', ConceptsetLockHistory, view); +}); \ No newline at end of file diff --git a/js/pages/concept-sets/components/tabs/conceptset-lock-history.less b/js/pages/concept-sets/components/tabs/conceptset-lock-history.less new file mode 100644 index 000000000..eae2fb0e9 --- /dev/null +++ b/js/pages/concept-sets/components/tabs/conceptset-lock-history.less @@ -0,0 +1,15 @@ +.deleteIcon { + color: #d9534f; + cursor: pointer; + min-width: 30px; +} + +.button-container { + display: flex; + justify-content: flex-end; + margin-bottom: 10px; +} + +.snapshotHistoryTable tr.highlighted { + background-color: #dbdbdb !important; +} \ No newline at end of file diff --git a/js/pages/concept-sets/conceptset-manager.html b/js/pages/concept-sets/conceptset-manager.html index a1643e25a..e1ea615f5 100644 --- a/js/pages/concept-sets/conceptset-manager.html +++ b/js/pages/concept-sets/conceptset-manager.html @@ -3,7 +3,7 @@ -