Added Service links and button to the dashboard
This commit is contained in:
Md. Mosiur Rahman
63
src/app/components/pages/dashboard/dashboard-data.ts
Normal file
63
src/app/components/pages/dashboard/dashboard-data.ts
Normal file
@@ -0,0 +1,63 @@
|
||||
export const service_links =[
|
||||
{
|
||||
"name": "Client Association Portal (CA)",
|
||||
"url": "https://ca.brilliant.com.bd/"
|
||||
},
|
||||
{
|
||||
"name": "OpenStack Dashboard 1",
|
||||
"url": "http://118.67.215.11/dashboard/auth/login/?next=/dashboard/project/volumes/"
|
||||
},
|
||||
{
|
||||
"name": "OpenStack Dashboard 2",
|
||||
"url": "http://118.67.215.12/dashboard/auth/login/?next=/dashboard/project/volumes/"
|
||||
},
|
||||
{
|
||||
"name": "OpenStack Dashboard 3",
|
||||
"url": "http://118.67.215.13/dashboard/auth/login/?next=/dashboard/project/volumes/"
|
||||
},
|
||||
{
|
||||
"name": "OwnCloud Storage",
|
||||
"url": "http://storage.brilliant.com.bd/"
|
||||
},
|
||||
{
|
||||
"name": "Zimbra Admin",
|
||||
"url": "https://mail.brilliant.com.bd:9071/zimbraAdmin/"
|
||||
},
|
||||
{
|
||||
"name": "cPanel",
|
||||
"url": "https://cpanel.brilliant.com.bd:2087"
|
||||
},
|
||||
{
|
||||
"name": "MailBorder",
|
||||
"url": "https://master.intercloud.com.bd/index-login.php"
|
||||
},
|
||||
{
|
||||
"name": "Firewall Dashboard 1",
|
||||
"url": "https://118.67.210.46/"
|
||||
},
|
||||
{
|
||||
"name": "Firewall Dashboard 2",
|
||||
"url": "https://118.67.210.49/"
|
||||
},
|
||||
{
|
||||
"name": "Firewall Dashboard 3",
|
||||
"url": "https://118.67.210.61/"
|
||||
},
|
||||
{
|
||||
"name": "Commvault Command Center(baas)",
|
||||
"url": "baas.brilliant.com.bd"
|
||||
},
|
||||
{
|
||||
"name": "Commvault Command Center(backup)",
|
||||
"url": "backup.brilliant.com.bd"
|
||||
},
|
||||
{
|
||||
"name" : "SolidFire NetApp",
|
||||
"url" : "http://192.168.12.2"
|
||||
},
|
||||
{
|
||||
"name" : "NVMe NetApp",
|
||||
"url" : "http://192.168.12.20"
|
||||
},
|
||||
]
|
||||
|
||||
@@ -4,9 +4,18 @@
|
||||
<div class="services-dropdown">
|
||||
<button class="dropbtn">Services</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="#">Link 1</a>
|
||||
<a href="#">Link 2</a>
|
||||
<a href="#">Link 3</a>
|
||||
<ng-container *ngFor="let link of service_link">
|
||||
<a href={{link.url}} target="_blank">{{ link.name }}</a>
|
||||
</ng-container>
|
||||
<!-- <a href="https://ca.brilliant.com.bd/" target="_blank">Client Association Portal (CA)</a>
|
||||
<a href="http://118.67.215.11/dashboard/auth/login/?next=/dashboard/project/volumes/" target="_blank">OpenStack Dashboard 1</a>
|
||||
<a href="http://118.67.215.12/dashboard/auth/login/?next=/dashboard/project/volumes/" target="_blank">OpenStack Dashboard 2</a>
|
||||
<a href="http://118.67.215.13/dashboard/auth/login/?next=/dashboard/project/volumes/" target="_blank">OpenStack Dashboard 3</a>
|
||||
<a href="http://storage.brilliant.com.bd/" target="_blank">OwnCloud Storage</a>
|
||||
<a href="https://mail.brilliant.com.bd:9071/zimbraAdmin/" target="_blank">Zimbra Admin</a>
|
||||
<a href="https://cpanel.brilliant.com.bd:2087" target="_blank">cPanel</a>
|
||||
<a href="https://master.intercloud.com.bd/index-login.php" target="_blank">MailBorder</a>
|
||||
<a href="https://118.67.210.46/" target="_blank">MailBorder</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -16,18 +16,21 @@
|
||||
padding: 16px;
|
||||
font-size: 1rem;
|
||||
border: none;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.services-dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.dropdown-content {
|
||||
position: absolute;
|
||||
display: none;
|
||||
background-color: rgba($nav-text-color,0.3);
|
||||
min-width: 160px;
|
||||
min-width: 250px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -37,13 +40,15 @@
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
.dropdown-content a:hover {background-color: #ddd;}
|
||||
.dropdown:hover .dropdown-content {
|
||||
.dropdown-content a:hover {background-color: rgba($nav-text-color,0.5);}
|
||||
.services-dropdown:hover .dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropdown:hover .dropbtn {
|
||||
.services-dropdown:hover .dropbtn {
|
||||
background-color: rgba($nav-text-color,0.1);
|
||||
}
|
||||
@@ -1,12 +1,19 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { service_links } from './dashboard-data';
|
||||
import { navLink } from '../../../shared/model/nav-link.model';
|
||||
import { CommonModule } from '@angular/common';
|
||||
|
||||
@Component({
|
||||
selector: 'app-dashboard',
|
||||
standalone: true,
|
||||
imports: [],
|
||||
imports: [CommonModule],
|
||||
templateUrl: './dashboard.component.html',
|
||||
styleUrl: './dashboard.component.scss'
|
||||
})
|
||||
export class DashboardComponent {
|
||||
export class DashboardComponent implements OnInit {
|
||||
service_link!: navLink[];
|
||||
|
||||
ngOnInit(): void {
|
||||
this.service_link = service_links
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user