Added ability to copy schedule links

web/src/app/app.component.ts

@@ -2,31 +2,31 @@ import { Component, Input } from '@angular/core';
 import { NoticeService } from './services/notice.service';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
-  providers: [
-    NoticeService
-  ]
+	selector: 'app-root',
+	templateUrl: './app.component.html',
+	styleUrls: ['./app.component.scss'],
+	providers: [
+		NoticeService
+	]
 
 })
 export class AppComponent {
-  constructor(private noticeService: NoticeService) {}
+	constructor(private noticeService: NoticeService) {}
 
-  public showingSidebar: boolean = true;
-  
-  ngOnInit () {
-    this.showingSidebar = true;
-  }
+	public showingSidebar: boolean = true;
+	
+	ngOnInit () {
+		this.showingSidebar = true;
+	}
 
-  public toggleSidebar (): void {
-    this.showingSidebar = !this.showingSidebar;
-  }
+	public toggleSidebar (): void {
+		this.showingSidebar = !this.showingSidebar;
+	}
 
-  //aids in moving contents of page down if notice bar is present
-  public hasNotice (): boolean {
-    return this.noticeService.hasNotice();
-  }
+	//aids in moving contents of page down if notice bar is present
+	public hasNotice (): boolean {
+		return this.noticeService.hasNotice();
+	}
 
 
 }

web/src/app/listing/component.ts

@@ -49,7 +49,7 @@ export class ListingComponent implements OnInit{
   }
 
   public clickCourse () {
-    this.selectionService.toggleCourse(this.listing);
+    this.selectionService.toggleCourse(this.listing, true);
   }
 
   public isCourseSelected () {
@@ -61,7 +61,7 @@ export class ListingComponent implements OnInit{
   }
 
   public clickSection (section: Section): void {
-    this.selectionService.toggleSection(section);
+    this.selectionService.toggleSection(section, true);
   }
 
   public doesConflict (section: Section): boolean {

web/src/app/schedule-view/component.html

@@ -1,21 +1,26 @@
 <div *ngIf="!isLoaded" class="loader"></div>
 <div class="schedule-view">
+  <div *ngIf="!notTemporary">
+    <div class="alert alert-info" role="alert">
+      You are viewing a temporary schedule. <button class="alert-link temp-schedule-button" (click)  = "replaceSelections()">Replace current selections</button> or <button class="alert-link temp-schedule-button" (click) = "keepSelections()">Keep current selections</button>.
+    </div>
+  </div>
   <div class="schedule-menu">
     <div class="switch">
       <span class="schedule-switch" (click) = "scheduleSet.decrementActiveSchedule()">&#9664;</span>
       <span class="schedule-index">{{activeScheduleIndex}} / {{scheduleSet.numSchedules}}</span>
       <span class="schedule-switch" (click) = "scheduleSet.incrementActiveSchedule()">&#9654;</span>
     </div>
     <div>
-      <button class="schedule-button" (click) = "clearSelections()">Clear</button>
+      <button *ngIf="notTemporary" class="schedule-button" (click) = "clearSelections()">Clear</button>
       <div ngbDropdown class="d-inline-block">
         <button class="schedule-button" id="dropdownBasic1" ngbDropdownToggle>
           Share
         </button>
         <div ngbDropdownMenu>
           <button class="schedule-button dropdown-item" (click) = "downloadImage()">Save as Image</button>
+          <button class="schedule-button dropdown-item" (click) = "copyLink()">Copy Schedule Link</button>
           <button class="schedule-button dropdown-item">Save as iCalendar (disabled)</button>
-          <button class="schedule-button dropdown-item" [disabled]="isTemporary">Copy Schedule Link (disabled)</button>
         </div>
       </div>
     </div>

web/src/app/schedule-view/component.scss

@@ -43,6 +43,17 @@
   background-color:#daa;
 }
 
+.temp-schedule-button {
+  background: none!important;
+  border: none;
+  padding: 0!important;
+  cursor: pointer;
+}
+
+.temp-schedule-button:hover {
+  text-decoration: underline;  
+}
+
 .schedule-status {
     margin: 0;
     font-size: 90%;