[airavata-custos-portal] branch custos-pearc-tutorial-2021 updated: Enabling header colors for roles

[isjarana]

This is an automated email from the ASF dual-hosted git repository.

isjarana pushed a commit to branch custos-pearc-tutorial-2021
in repository https://gitbox.apache.org/repos/asf/airavata-custos-portal.git


The following commit(s) were added to refs/heads/custos-pearc-tutorial-2021 by 
this push:
     new e8bc990  Enabling header colors for roles
     new 09883d1  Merge pull request #112 from 
dinukadesilva/reference-student-portal
e8bc990 is described below

commit e8bc9901af7c66dde4681de27d06fba0f2fb89d7
Author: Dinuka De Silva <l.dinukadesi...@gmail.com>
AuthorDate: Wed Jul 14 16:46:10 2021 -0400

    Enabling header colors for roles
    
    blue - Professor
    yellow - TA
    green - student
---
 src/lib/components/pages/TenantHome.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/pages/TenantHome.vue 
b/src/lib/components/pages/TenantHome.vue
index b080874..d3ac735 100644
--- a/src/lib/components/pages/TenantHome.vue
+++ b/src/lib/components/pages/TenantHome.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="w-100">
-    <div class="w-100 bg-light" style="display: flex;padding: 10px 40px;">
+    <div class="w-100" :style="`display: flex;padding: 10px 
40px;background-color:${headerColor};`">
       <div style="flex: 1;">
         <!--        <div style="font-size: 1.4rem;" v-if="tenant">{{ 
tenant.name }}</div>-->
         <Breadcrumb :links="commonBreadcrumbLinks.concat(breadcrumbLinks)"/>
@@ -162,6 +162,17 @@ export default {
     return {}
   },
   computed: {
+    headerColor() {
+      if (this.hasProfessorRole) {
+        return "#91d1fa";
+      } else if (this.hasTeachingAssistantRole) {
+        return "#fff18a";
+      } else if (this.hasStudentRole) {
+        return "#aed583";
+      }
+
+      return "#f9f9f9";
+    },
     commonBreadcrumbLinks() {
       const _breadcrumbLinks = [
         {to: `/tenants/${this.appTenant.clientId}/entities`, name: "Home"}