Added Service links and button to the dashboard

This commit is contained in:
Md. Mosiur Rahman
2025-03-13 12:42:18 +06:00
parent a4e446238b
commit 8bd27981a6
7 changed files with 102 additions and 10 deletions

1
.gitignore vendored
View File

@@ -40,3 +40,4 @@ testem.log
# System files
.DS_Store
Thumbs.db
.qodo

View File

@@ -99,5 +99,8 @@
}
}
}
},
"cli": {
"analytics": false
}
}

View 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"
},
]

View File

@@ -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>

View File

@@ -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);
}

View File

@@ -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
}
}

View File

@@ -0,0 +1,4 @@
export class navLink {
name!: string;
url!: string;
}