From 767b36a1db1c1f93c1b87db7fb59fcbfa1cf4f5c Mon Sep 17 00:00:00 2001
From: Yunlong Li <yunlong.li@csiro.au>
Date: Tue, 13 Feb 2024 10:10:25 +0800
Subject: [PATCH] Make all the popup windows movable and resizable like the
 feature popup

---
 .../layeranalytic/nvcl/nvcl.boreholeanalytic.component.html     | 2 +-
 .../layeranalytic/nvcl/nvcl.tsgdownload.component.html          | 2 +-
 .../customanalytic/grace/grace-graph.modal.component.html       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/modalwindow/layeranalytic/nvcl/nvcl.boreholeanalytic.component.html b/src/app/modalwindow/layeranalytic/nvcl/nvcl.boreholeanalytic.component.html
index 2af5c5eb7..4c801f2a3 100644
--- a/src/app/modalwindow/layeranalytic/nvcl/nvcl.boreholeanalytic.component.html
+++ b/src/app/modalwindow/layeranalytic/nvcl/nvcl.boreholeanalytic.component.html
@@ -34,7 +34,7 @@ <h4 class="card-title">{{layer.name}}</h4>
 			</div>
 
 
-			<div class="card card-default card-with-tabs">
+			<div class="card card-default card-with-tabs" cdkDrag cdkDragRootElement=".modal-content" #childElement cdkDragBoundary="body">
 				<!-- BEGIN card-header -->
 				<div class="card-header">
 					<ul class="nav nav-tabs float-right">
diff --git a/src/app/modalwindow/layeranalytic/nvcl/nvcl.tsgdownload.component.html b/src/app/modalwindow/layeranalytic/nvcl/nvcl.tsgdownload.component.html
index 7541545ea..8f4600ed0 100644
--- a/src/app/modalwindow/layeranalytic/nvcl/nvcl.tsgdownload.component.html
+++ b/src/app/modalwindow/layeranalytic/nvcl/nvcl.tsgdownload.component.html
@@ -2,7 +2,7 @@
 <div class="modal-header">
 	<h1 class="page-header">TSG Files Download</h1>
 </div>
-<div class="modal-body">
+<div class="modal-body" cdkDrag cdkDragRootElement=".modal-content" #childElement cdkDragBoundary="body">
 	<div class="card card-default">
 		<!-- BEGIN card-body -->
 		<div class="card-body">
diff --git a/src/app/modalwindow/querier/customanalytic/grace/grace-graph.modal.component.html b/src/app/modalwindow/querier/customanalytic/grace/grace-graph.modal.component.html
index bcff704d8..e75f9e9b0 100644
--- a/src/app/modalwindow/querier/customanalytic/grace/grace-graph.modal.component.html
+++ b/src/app/modalwindow/querier/customanalytic/grace/grace-graph.modal.component.html
@@ -1,4 +1,4 @@
-<div class="modal-header">
+<div class="modal-header" cdkDrag cdkDragRootElement=".modal-content" #childElement cdkDragBoundary="body">
 	<h1 class="page-header">
 		GRACE Time Series
         <span *ngIf="queryStatus===QueryStatus.querying">&nbsp;&nbsp;-&nbsp;&nbsp;Querying&nbsp;&nbsp;<i class="fa fa-spinner fa-spin"></i></span>