Line data    Source code

       1           1 : <template lang="pug">
       2           0 : .row.x-user-info.justify-content-center
       3           0 :   .col-12.col-md-6.col-lg-3
       4           0 :     BaseCard
       5           0 :       li(key="user")
       6             :         .row
       7             :           .col-12.d-flex.justify-content-between.align-items-center
       8             :             strong Name
       9             :             span {{ user?.name  }}
      10             :           .col-12.d-flex.justify-content-between.align-items-center
      11             :             strong Login
      12             :             span {{ user?.sub  }}
      13             :           .col-12.d-flex.justify-content-between.align-items-center
      14             :             strong CERN ID
      15             :             span {{ user?.cern_person_id }}
      16             :           .col-12.d-flex.justify-content-between.align-items-center
      17             :             strong Preferred Language
      18             :             span {{ user?.cern_preferred_language }}
      19             :           .col-12.d-flex.justify-content-between.align-items-center
      20             :             strong E-Mail
      21             :             span {{ user?.email }}
      22             :           .col-12.d-flex.justify-content-between.align-items-center
      23             :             strong Roles
      24             :             span {{ user?.cern_roles?.join(" ") ?? "" }}
      25             :           .col-12.d-flex.justify-content-center.align-items-center.mt-1
      26             :             span.badge.badge-secondary.mx-1 USER
      27             :             span.badge.badge-primary.mx-1(v-if="isOperator") OPERATOR
      28             :             span.badge.badge-danger.mx-1(v-if="isExpert") EXPERT
      29             :       li(key="session")
      30             :         .row
      31             :           .col-12.d-flex.justify-content-between.align-items-center
      32             :             strong Auth Time
      33             :             span {{ user?.auth_time ?? 0 | b-relativeDateTime  }}
      34             : </template>
      35             : <script src="./UserInfo.vue.js" />