Added a checkbox to allow taking a snapshot upon unlocking optionally

Author: oleg-odysseus

js/pages/concept-sets/components/modal/snapshot-lock-modal.html

@@ -44,13 +44,20 @@
                 The following will happen:
             <ul>
                 <li>Concept Set read-only mode will be disabled</li>
+                <li>Optional: Take a snapshot after unlock</li>
             </ul>
             </p>
+            <div class="checkbox-container">
+                <input type="checkbox" class="form-control snapshot-checkbox"
+                    data-bind="checked: takeSnapshotWhenUnlocking, enable: true" />
+                <label for="snapshotCheckbox" class="snapshot-label">Take snapshot</label>
+            </div>
             <p class="modal-text" style="margin-top: 20px;"><strong>Unlock confirmation message*:</strong></p>
             <textarea class="form-control large-text-input"
                 data-bind="textInput: snapshotDescriptionMessage, enable: true" rows="4"></textarea>
             <div class="center-buttons">
-                <button class="btn btn-success btn-sm" data-bind="click: unlockConceptSet, enable: canExecuteActions()"
+                <button class="btn btn-success btn-sm"
+                    data-bind="click: () => unlockConceptSet(takeSnapshotWhenUnlocking()), enable: canExecuteActions()"
                     style="background-color: green">Confirm</button>
                 <button class="btn btn-primary btn-sm" data-bind="click: () => isModalShown(false)"
                     style="background-color: blue">Cancel</button>

js/pages/concept-sets/components/modal/snapshot-lock-modal.js

@@ -26,6 +26,7 @@ define([
             super(params);
             this.isModalShown = params.isModalShown;
             this.isLocked = params.isLocked;
+            this.takeSnapshotWhenUnlocking = ko.observable(false);
             this.currentConceptSetId = params.currentConceptSetId;
             this.currentVocabularyVersion = params.currentVocabularyVersion;
             this.currentVocabularySchema = ko.observable();
@@ -57,12 +58,13 @@ define([
         }
 
 
-        createSnapshotActionRequest(action) {
+        createSnapshotActionRequest(action, takeSnapshot = true) {
             return {
                 sourceKey: sharedState.sourceKeyOfVocabUrl(),
                 action: action,
                 user: authApi.subject(),
-                message: this.snapshotDescriptionMessage()
+                message: this.snapshotDescriptionMessage(),
+                takeSnapshot: takeSnapshot
             };
         }
 
@@ -89,8 +91,8 @@ define([
                 .catch(error => console.error(`Error creating snapshot: ${error}`));
         }
 
-        unlockConceptSet() {
-            const request = this.createSnapshotActionRequest("UNLOCK");
+        unlockConceptSet(takeSnapshot) {
+            const request = this.createSnapshotActionRequest("UNLOCK", takeSnapshot);
             conceptSetService.invokeConceptSetSnapshotAction(this.currentConceptSetId(), request)
                 .then(() => {
                     this.isLocked(false);

js/pages/concept-sets/components/modal/snapshot-lock-modal.less

@@ -119,4 +119,22 @@
 
 .ui-autocomplete {
   z-index: 10000;
+}
+
+.snapshot-label {
+  margin: 0;
+}
+
+.checkbox-container {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  margin-top: 10px;
+  font-size: 16px;
+}
+
+.snapshot-checkbox {
+  width: 16px;
+  height: 16px;
+  margin-right: 8px;
 }