adding credential links to sandbox builds.

frontend/src/app/pages/auth-signin/auth-signin.component.ts

@@ -18,7 +18,7 @@ export class AuthSigninComponent implements OnInit {
   submitted: boolean = false
   existingUser: User = new User()
   errorMsg: string = ""
-  showExternalIdP: boolean = environment.is_cloud
+  showExternalIdP: boolean = environment.environment_cloud
 
   loading: boolean = false
 

frontend/src/app/pages/medical-sources/medical-sources.component.html

@@ -14,6 +14,13 @@
         Some sources may require frequent re-connection, as background refresh has not been implemented yet.
         <br/>
         If you have feedback regarding healthcare sources, please <a href="https://github.com/fastenhealth/docs/issues">file a ticket <i class="fab fa-github"></i></a>
+
+        <span *ngIf="environment_name == 'sandbox'">
+          <br/>
+          <br/>
+        In <strong>Sandbox mode</strong> Fasten Health cannot access real patient information. You must use Sandbox credentials when authenticating to healthcare sources.
+          <a href="https://github.com/fastenhealth/docs/blob/main/BETA.md#connecting-a-new-source">These credentials are available on Github</a>
+        </span>
       </div>
 
 

frontend/src/app/pages/medical-sources/medical-sources.component.ts

@@ -15,6 +15,7 @@ import {ToastService} from '../../services/toast.service';
 import {ToastNotification, ToastType} from '../../models/fasten/toast';
 import {SourceSyncMessage} from '../../models/queue/source-sync-message';
 import {UpsertSummary} from '../../../lib/models/fasten/upsert-summary';
+import {environment} from '../../../environments/environment';
 // If you dont import this angular will import the wrong "Location"
 
 export const sourceConnectWindowTimeout = 24*5000 //wait 2 minutes (5 * 24 = 120)
@@ -42,6 +43,8 @@ export class MedicalSourcesComponent implements OnInit {
     private queueService: QueueService,
     private toastService: ToastService
   ) { }
+
+  environment_name = environment.environment_name
   status: { [name: string]: string } = {}
 
   metadataSources: {[name:string]: MetadataSource} = {}

frontend/src/environments/environment.cloud_sandbox.ts

@@ -1,6 +1,7 @@
 export const environment = {
   production: true,
-  is_cloud: true,
+  environment_cloud: true,
+  environment_name: "sandbox",
   lighthouse_api_endpoint_base: 'https://lighthouse.fastenhealth.com/sandbox',
 
   //used to specify the couchdb server that we're going to use (can be relative or absolute). Must not have trailing slash

frontend/src/environments/environment.prod.ts

@@ -1,6 +1,7 @@
 export const environment = {
   production: true,
-  is_cloud: false,
+  environment_cloud: false,
+  environment_name: "prod",
 
   lighthouse_api_endpoint_base: 'https://lighthouse.fastenhealth.com/v1',
 

frontend/src/environments/environment.sandbox.ts

@@ -4,7 +4,8 @@
 
 export const environment = {
   production: true,
-  is_cloud: false,
+  environment_cloud: false,
+  environment_name: "sandbox",
 
   lighthouse_api_endpoint_base: 'https://lighthouse.fastenhealth.com/sandbox',
 

frontend/src/environments/environment.ts

@@ -7,7 +7,10 @@ export const environment = {
   production: false,
 
   // is the application running in the cloud? (enables 3rd party IdP's and token based couchdb authentication)
-  is_cloud: false,
+  environment_cloud: false,
+
+  // the environment name, `sandbox`, `prod`, `beta`
+  environment_name: "sandbox",
 
   //specify the lighthouse server that we're going to use to authenticate against all our source/providers. Must not have trailing slash
   lighthouse_api_endpoint_base: 'https://lighthouse.fastenhealth.com/sandbox',