mosiur/link-manage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

All the links and buttons are configured

Browse Source
This commit is contained in:
Md. Mosiur Rahman
2025-03-13 13:28:44 +06:00
parent 8bd27981a6
commit c4e77bb628
4 changed files with 82 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/components/pages/dashboard/dashboard-data.ts
View File

@@ -1,4 +1,6 @@
export const service_links =[ import { navLink } from "../../../shared/model/nav-link.model"
export const service_links: navLink[] =[
{ {
"name": "Client Association Portal (CA)", "name": "Client Association Portal (CA)",
"url": "https://ca.brilliant.com.bd/" "url": "https://ca.brilliant.com.bd/"
@@ -61,3 +63,33 @@ export const service_links =[
}, },
] ]
export const monitoring_tools_links: navLink[] = [
{
"name" : "Nagios",
"url" : "http://nagios.brilliant.com.bd/nagios/"
},
{
"name" : "Grafana",
"url" : "http://grafana.brilliant.com.bd/login"
},
{
"name" : "FortiAnalyzer",
"url" : "https://118.67.209.115/p/login/"
}
]
export const tools_links: navLink[] = [
{
"name" : "MX ToolBox",
"url" : "https://mxtoolbox.com"
},
{
"name" : "Telia Looking Glass",
"url" : "https://lg.telia.net"
},
{
"name" : "Shodan Engine",
"url" : "https://www.shodan.io"
}
]

33
src/app/components/pages/dashboard/dashboard.component.html
View File

@@ -1,21 +1,34 @@
<div class="container"> <div class="container">
<nav> <nav>
<div class="navbar"> <div class="navbar">
<div class="services-dropdown"> <div class="services">
<div class="dropdown">
<button class="dropbtn">Services</button> <button class="dropbtn">Services</button>
<div class="dropdown-content"> <div class="dropdown-content">
<ng-container *ngFor="let link of service_link"> <ng-container *ngFor="let link of service_link">
<a href={{link.url}} target="_blank">{{ link.name }}</a> <a href={{link.url}} target="_blank">{{ link.name }}</a>
</ng-container> </ng-container>
<!-- <a href="https://ca.brilliant.com.bd/" target="_blank">Client Association Portal (CA)</a> </div>
<a href="http://118.67.215.11/dashboard/auth/login/?next=/dashboard/project/volumes/" target="_blank">OpenStack Dashboard 1</a> </div>
<a href="http://118.67.215.12/dashboard/auth/login/?next=/dashboard/project/volumes/" target="_blank">OpenStack Dashboard 2</a> </div>
<a href="http://118.67.215.13/dashboard/auth/login/?next=/dashboard/project/volumes/" target="_blank">OpenStack Dashboard 3</a> <div class="monitoring">
<a href="http://storage.brilliant.com.bd/" target="_blank">OwnCloud Storage</a> <div class="dropdown">
<a href="https://mail.brilliant.com.bd:9071/zimbraAdmin/" target="_blank">Zimbra Admin</a> <button class="dropbtn">Monitoring</button>
<a href="https://cpanel.brilliant.com.bd:2087" target="_blank">cPanel</a> <div class="dropdown-content">
<a href="https://master.intercloud.com.bd/index-login.php" target="_blank">MailBorder</a> <ng-container *ngFor="let link of monitoring_links">
<a href="https://118.67.210.46/" target="_blank">MailBorder</a> --> <a href={{link.url}} target="_blank">{{ link.name }}</a>
</ng-container>
</div>
</div>
</div>
<div class="tools">
<div class="dropdown">
<button class="dropbtn">Tools</button>
<div class="dropdown-content">
<ng-container *ngFor="let link of tools_links">
<a href={{link.url}} target="_blank">{{ link.name }}</a>
</ng-container>
</div>
</div> </div>
</div> </div>
</div> </div>

17
src/app/components/pages/dashboard/dashboard.component.scss
View File

@@ -8,6 +8,7 @@
background-color: $navcolor; background-color: $navcolor;
width: 100%; width: 100%;
height: 80px; height: 80px;
display: flex;
} }
.dropbtn { .dropbtn {
@@ -19,7 +20,7 @@
height: 100%; height: 100%;
} }
.services-dropdown { @mixin dropdown {
position: relative; position: relative;
display: inline-block; display: inline-block;
height: 100%; height: 100%;
@@ -44,11 +45,19 @@
} }
.dropdown-content a:hover {background-color: rgba($nav-text-color,0.5);} .dropdown{
.services-dropdown:hover .dropdown-content { @include dropdown;
}
.dropdown-content a:hover {
background-color: rgba($nav-text-color,0.5);
}
.dropdown:hover .dropdown-content,.portal-dropdown:hover .dropdown-content {
display: block; display: block;
} }
.services-dropdown:hover .dropbtn { .dropdown:hover .dropbtn {
background-color: rgba($nav-text-color,0.1); background-color: rgba($nav-text-color,0.1);
} }

8
src/app/components/pages/dashboard/dashboard.component.ts
View File

@@ -1,5 +1,5 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { service_links } from './dashboard-data'; import { monitoring_tools_links, service_links, tools_links } from './dashboard-data';
import { navLink } from '../../../shared/model/nav-link.model'; import { navLink } from '../../../shared/model/nav-link.model';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
@@ -12,8 +12,12 @@ import { CommonModule } from '@angular/common';
}) })
export class DashboardComponent implements OnInit { export class DashboardComponent implements OnInit {
service_link!: navLink[]; service_link!: navLink[];
monitoring_links!: navLink[];
tools_links!: navLink[];
ngOnInit(): void { ngOnInit(): void {
this.service_link = service_links this.service_link = service_links;
this.monitoring_links = monitoring_tools_links;
this.tools_links = tools_links;
} }
} }