xref: /openbmc/webui-vue/src/components/AppHeader/AppHeader.vue (revision a2988f40b965fdcf2941ff6e62c5bac5cf0e6988) 
1<template>
2  <div>
3    <a href="#main-content">Skip to main content</a>
4    <header>
5      <b-navbar toggleable="lg" type="dark" variant="primary">
6        <div>
7          <router-link to="/">{{ orgName }} System Management</router-link>
8        </div>
9        <div>
10          <span>{{ serverName }}</span>
11          <span>{{ ipAddress }}</span>
12        </div>
13        <div>
14          <b-button variant="link">
15            <Renew20 />
16            Refresh Data
17          </b-button>
18          <b-button variant="link">
19            <user-avatar-20 />
20            User Avatar
21          </b-button>
22        </div>
23      </b-navbar>
24    </header>
25  </div>
26</template>
27
28<script>
29import UserAvatar20 from "@carbon/icons-vue/es/user--avatar/20";
30import Renew20 from "@carbon/icons-vue/es/renew/20";
31export default {
32  name: "AppHeader",
33  components: { Renew20, UserAvatar20 },
34  data() {
35    return {
36      orgName: "OpenBMC",
37      serverName: "Server Name",
38      ipAddress: "127.0.0.0"
39    };
40  }
41};
42</script>
43
44<style lang="scss" scoped></style>
45