fix copy commands

Author: retailcoder

rubberduckvba.client/src/app/routes/indenter/indenter.component.html

@@ -419,8 +419,9 @@ <h4 class="card-title">Looking for a programmatic approach?</h4>
                 </div>
 
                 <div class="card-footer">
-                    <button id="copy-template" class="btn btn-secondary mx-1" type="button">
+                    <button id="copy-template" class="btn mx-1" [ngClass]="wasCopied ? 'btn-success' : 'btn-secondary'" type="button">
                         <span><i class="fa fa-clipboard"></i>&nbsp;Copy</span>
+                        <span><fa-icon [icon]="wasTemplateCopied ? 'check' : 'clipboard'"></fa-icon>&nbsp;{{wasTemplateCopied ? 'Copied!' : 'Copy'}}</span>
                     </button>
                 </div>
             </div>
@@ -444,7 +445,7 @@ <h4>Try it right here!</h4>
                     <span id="indent-button-text">Indent</span>
                 </button>
                 <button id="copy-code" class="btn mx-1" [ngClass]="wasCopied ? 'btn-success' : 'btn-secondary'" type="button" [disabled]="model.code.length == 0" (click)="copy()">
-                    <span><fa-icon [icon]="'clipboard'"></fa-icon>&nbsp;{{wasCopied ? 'Copied!' : 'Copy'}}</span>
+                    <span><fa-icon [icon]="wasCopied ? 'check' : 'clipboard'"></fa-icon>&nbsp;{{wasCopied ? 'Copied!' : 'Copy'}}</span>
                 </button>
             </div>
         </div>

rubberduckvba.client/src/app/routes/indenter/indenter.component.ts

@@ -11,6 +11,7 @@ import { ApiClientService } from "../../services/api-client.service";
 export class IndenterComponent implements OnInit {
   private _model!: IndenterViewModel;
   public wasCopied: boolean = false;
+  public wasTemplateCopied: boolean = false;
 
 
   constructor(fa: FaIconLibrary, private service: ApiClientService) {
@@ -49,16 +50,23 @@ export class IndenterComponent implements OnInit {
       this.model.indentedCode = vm.indentedCode;
       this.model.code = vm.indentedCode;
       this.isIndenterBusy = false;
+      this.wasCopied = false;
+      this.wasTemplateCopied = false;
     });
   }
 
   public clear(): void {
     this.model.code = '';
+    this.wasCopied = false;
+    this.wasTemplateCopied = false;
   }
 
   public copy(): void {
     navigator.clipboard.writeText(this.model.code).then(e => this.wasCopied = true);
   }
+  public copyTemplate(): void {
+    navigator.clipboard.writeText(this.asJson).then(e => this.wasTemplateCopied = true);
+  }
 
   public onModelChanged(code: string): void {
     this.model.code = code;