Adds Copy Link and Copy QR code buttons (#2196)

Author: rfontanarosa

package-lock.json

@@ -46,6 +46,7 @@
     "@iplab/ngx-file-upload": "^17",
     "@ngx-translate/core": "^16.0.4",
     "@ngx-translate/http-loader": "^16.0.1",
+    "angularx-qrcode": "^17.0.1",
     "firebase": "^10.7.2",
     "firebaseui": "^6.1.0",
     "firebaseui-angular": "^6.2.0",

web/package.json

@@ -0,0 +1,47 @@
+<!--
+  Copyright 2025 The Ground Authors.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+<div class="share-buttons">
+  <button mat-stroked-button (click)="copyLinkToClipboard()">
+    <mat-icon fontSet="material-symbols-outlined">link_24px</mat-icon>
+
+    <span>Copy link</span>
+  </button>
+
+  <button mat-stroked-button (click)="copyQrCodeToClipboard()">
+    <mat-icon fontSet="material-symbols-outlined">qr_code_2_24px</mat-icon>
+
+    <span>Copy QR code</span>
+  </button>
+</div>
+
+<div style="display: none;">
+  <qrcode
+    #qrCodeElement
+    [qrdata]="surveyAppLink"
+    [colorDark]="'#000000ff'"
+    [colorLight]="'#ffffffff'"
+    [elementType]="'canvas'"
+    [errorCorrectionLevel]="'M'"
+    [imageSrc]="'./assets/img/logo.svg'"
+    [imageHeight]="75"
+    [imageWidth]="75"
+    [margin]="2"
+    [scale]="1"
+    [width]="300"
+  ></qrcode>
+</div>
+

web/src/app/components/copy-survey-controls/copy-survey-controls.component.html

@@ -0,0 +1,20 @@
+/**
+ * Copyright 2025 The Ground Authors.
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.share-buttons {
+  display: flex;
+  gap: 8px;
+}