{{ user }} 3 | (delete)
4 | {% endfor %} -------------------------------------------------------------------------------- /backend/src/apps/users/urls.py: -------------------------------------------------------------------------------- 1 | from django.urls import path 2 | from .views import CreateUserAPI 3 | 4 | urlpatterns = [ 5 | path('create/', CreateUserAPI.as_view(), name="create_user"), 6 | ] -------------------------------------------------------------------------------- /backend/src/apps/users/views.py: -------------------------------------------------------------------------------- 1 | from django.shortcuts import render 2 | from django.views.generic.edit import CreateView, UpdateView, DeleteView 3 | from django.urls import reverse_lazy 4 | from django.contrib.auth.mixins import LoginRequiredMixin 5 | from .models import User 6 | 7 | from rest_framework_simplejwt.views import TokenObtainPairView 8 | from rest_framework import status, permissions 9 | from rest_framework.response import Response 10 | from rest_framework.views import APIView 11 | from drf_yasg.utils import swagger_auto_schema 12 | from .serializers import UserSerializer 13 | 14 | # Create your views here. 15 | 16 | # FOR DJANGO ADMIN 17 | class CreateUser(LoginRequiredMixin, CreateView): 18 | model = User 19 | fields = ['username', 'email', 'phone_number', 'password'] 20 | template_name = 'create_user.html' 21 | success_url = reverse_lazy('user_list') 22 | 23 | class UpdateUser(LoginRequiredMixin, UpdateView): 24 | model = User 25 | fields = ['username', 'email', 'phone_number', 'password'] 26 | template_name = 'update_user.html' 27 | success_url = reverse_lazy('user_list') 28 | 29 | class DeleteUser(LoginRequiredMixin, DeleteView): 30 | model = User 31 | template_name = 'delete_user.html' 32 | success_url = reverse_lazy('user_list') 33 | 34 | def user_list(request): 35 | users = User.objects.all() 36 | return render(request, 'user_list.html', {'users': users}) 37 | 38 | # FOR API 39 | class CreateUserAPI(APIView): 40 | permission_classes = (permissions.AllowAny, ) 41 | 42 | @swagger_auto_schema(request_body=UserSerializer, operation_description='Create user') 43 | def post(self, request, format='json'): 44 | serializer = UserSerializer(data=request.data) 45 | if serializer.is_valid(): 46 | user = serializer.save() 47 | if user: 48 | json = serializer.data 49 | return Response(json, status=status.HTTP_201_CREATED) 50 | return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST) -------------------------------------------------------------------------------- /backend/src/core/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bekkaze/abusebox/e5eb7988e5e972499f526b74bf9161a9639000c6/backend/src/core/__init__.py -------------------------------------------------------------------------------- /backend/src/core/asgi.py: -------------------------------------------------------------------------------- 1 | """ 2 | ASGI config for core project. 3 | 4 | It exposes the ASGI callable as a module-level variable named ``application``. 5 | 6 | For more information on this file, see 7 | https://docs.djangoproject.com/en/4.2/howto/deployment/asgi/ 8 | """ 9 | 10 | import os 11 | 12 | from django.core.asgi import get_asgi_application 13 | 14 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings') 15 | 16 | application = get_asgi_application() 17 | -------------------------------------------------------------------------------- /backend/src/core/settings.py: -------------------------------------------------------------------------------- 1 | """ 2 | Django settings for core project. 3 | 4 | Generated by 'django-admin startproject' using Django 4.2.7. 5 | 6 | For more information on this file, see 7 | https://docs.djangoproject.com/en/4.2/topics/settings/ 8 | 9 | For the full list of settings and their values, see 10 | https://docs.djangoproject.com/en/4.2/ref/settings/ 11 | """ 12 | 13 | from datetime import timedelta 14 | from pathlib import Path 15 | import os 16 | 17 | # Build paths inside the project like this: BASE_DIR / 'subdir'. 18 | BASE_DIR = Path(__file__).resolve().parent.parent 19 | 20 | 21 | # Quick-start development settings - unsuitable for production 22 | # See https://docs.djangoproject.com/en/4.2/howto/deployment/checklist/ 23 | 24 | # SECURITY WARNING: keep the secret key used in production secret! 25 | SECRET_KEY = 'django-insecure-qg%5cq$_djbjqn1yn2$4nq%^_d@l=@ybq-h@4oa$#-c1my*^!6' 26 | 27 | # SECURITY WARNING: don't run with debug turned on in production! 28 | DEBUG = True 29 | 30 | ALLOWED_HOSTS = ['*'] 31 | 32 | 33 | # Application definition 34 | 35 | INSTALLED_APPS = [ 36 | 'django.contrib.admin', 37 | 'django.contrib.auth', 38 | 'django.contrib.contenttypes', 39 | 'django.contrib.sessions', 40 | 'django.contrib.messages', 41 | 'django.contrib.staticfiles', 42 | 43 | # MY APPS 44 | 'apps.users', 45 | 'apps.authentication', 46 | 'apps.blacklist', 47 | 'apps.hostname', 48 | 49 | # NATIVE 50 | 'rest_framework', 51 | 'drf_yasg', 52 | 'corsheaders', 53 | 'django_crontab', 54 | ] 55 | 56 | AUTH_USER_MODEL = 'users.User' 57 | 58 | REST_FRAMEWORK = { 59 | 'DEFAULT_PERMISSION_CLASSES': ( 60 | 'rest_framework.permissions.IsAuthenticated', 61 | ), 62 | 'DEFAULT_AUTHENTICATION_CLASSES': ( 63 | 'rest_framework_simplejwt.authentication.JWTAuthentication', 64 | ), 65 | } 66 | SIMPLE_JWT = { 67 | 'ACCESS_TOKEN_LIFETIME': timedelta(minutes=120), 68 | 'REFRESH_TOKEN_LIFETIME': timedelta(days=14), 69 | 'ROTATE_REFRESH_TOKENS': True, 70 | 'BLACKLIST_AFTER_ROTATION': False, 71 | 'ALGORITHM': 'HS256', 72 | 'SIGNING_KEY': SECRET_KEY, 73 | 'VERIFYING_KEY': None, 74 | 'AUTH_HEADER_TYPES': ('Bearer',), 75 | 'USER_ID_FIELD': 'id', 76 | 'USER_ID_CLAIM': 'user_id', 77 | 'AUTH_TOKEN_CLASSES': ('rest_framework_simplejwt.tokens.AccessToken',), 78 | 'TOKEN_TYPE_CLAIM': 'token_type', 79 | } 80 | 81 | SWAGGER_SETTINGS = { 82 | 'SECURITY_DEFINITIONS': { 83 | 'Basic': { 84 | 'type': 'basic' 85 | } 86 | } 87 | } 88 | 89 | CORS_ALLOWED_ORIGINS = [ 90 | "http://10.136.32.236:3000", 91 | ] 92 | 93 | FRONT_IP = os.getenv("FRONT_IP") 94 | if FRONT_IP: 95 | CORS_ALLOWED_ORIGINS.append(FRONT_IP) 96 | 97 | CORS_ALLOW_CREDENTIALS = True 98 | 99 | MIDDLEWARE = [ 100 | 'corsheaders.middleware.CorsMiddleware', 101 | 'django.middleware.security.SecurityMiddleware', 102 | 'django.contrib.sessions.middleware.SessionMiddleware', 103 | 'django.middleware.common.CommonMiddleware', 104 | 'django.middleware.csrf.CsrfViewMiddleware', 105 | 'django.contrib.auth.middleware.AuthenticationMiddleware', 106 | 'django.contrib.messages.middleware.MessageMiddleware', 107 | 'django.middleware.clickjacking.XFrameOptionsMiddleware', 108 | ] 109 | 110 | ROOT_URLCONF = 'core.urls' 111 | 112 | TEMPLATES = [ 113 | { 114 | 'BACKEND': 'django.template.backends.django.DjangoTemplates', 115 | 'DIRS': [], 116 | 'APP_DIRS': True, 117 | 'OPTIONS': { 118 | 'context_processors': [ 119 | 'django.template.context_processors.debug', 120 | 'django.template.context_processors.request', 121 | 'django.contrib.auth.context_processors.auth', 122 | 'django.contrib.messages.context_processors.messages', 123 | ], 124 | }, 125 | }, 126 | ] 127 | 128 | WSGI_APPLICATION = 'core.wsgi.application' 129 | 130 | 131 | # Database 132 | # https://docs.djangoproject.com/en/4.2/ref/settings/#databases 133 | 134 | DATABASES = { 135 | 'default': { 136 | 'ENGINE': 'django.db.backends.sqlite3', 137 | 'NAME': BASE_DIR / 'db.sqlite3', 138 | } 139 | } 140 | 141 | 142 | # Password validation 143 | # https://docs.djangoproject.com/en/4.2/ref/settings/#auth-password-validators 144 | 145 | AUTH_PASSWORD_VALIDATORS = [ 146 | { 147 | 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', 148 | }, 149 | { 150 | 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', 151 | }, 152 | { 153 | 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', 154 | }, 155 | { 156 | 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', 157 | }, 158 | ] 159 | 160 | 161 | # Internationalization 162 | # https://docs.djangoproject.com/en/4.2/topics/i18n/ 163 | 164 | LANGUAGE_CODE = 'en-us' 165 | 166 | TIME_ZONE = 'UTC' 167 | 168 | USE_I18N = True 169 | 170 | USE_TZ = True 171 | 172 | 173 | # Static files (CSS, JavaScript, Images) 174 | # https://docs.djangoproject.com/en/4.2/howto/static-files/ 175 | 176 | STATIC_URL = 'static/' 177 | 178 | # Default primary key field type 179 | # https://docs.djangoproject.com/en/4.2/ref/settings/#default-auto-field 180 | 181 | DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' 182 | 183 | CRONJOBS = [ 184 | ('0 0 * * *', 'apps.blacklist.jobs.check_hostname_blacklist.run') 185 | ] -------------------------------------------------------------------------------- /backend/src/core/urls.py: -------------------------------------------------------------------------------- 1 | """ 2 | URL configuration for core project. 3 | 4 | The `urlpatterns` list routes URLs to views. For more information please see: 5 | https://docs.djangoproject.com/en/4.2/topics/http/urls/ 6 | Examples: 7 | Function views 8 | 1. Add an import: from my_app import views 9 | 2. Add a URL to urlpatterns: path('', views.home, name='home') 10 | Class-based views 11 | 1. Add an import: from other_app.views import Home 12 | 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') 13 | Including another URLconf 14 | 1. Import the include() function: from django.urls import include, path 15 | 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) 16 | """ 17 | from django.contrib import admin 18 | from django.urls import path, include 19 | from rest_framework import permissions 20 | from drf_yasg.views import get_schema_view 21 | from drf_yasg import openapi 22 | 23 | schema_view = get_schema_view( 24 | openapi.Info( 25 | title="AbuseBOX APIs", 26 | default_version='v1', 27 | description="AbuseBOX backend APIs", 28 | terms_of_service="https://www.example.com/terms/", 29 | contact=openapi.Contact(email="bekkaze7@gmail.com"), 30 | license=openapi.License(name="Awesome License"), 31 | ), 32 | public=True, 33 | permission_classes=(permissions.AllowAny,), 34 | ) 35 | 36 | urlpatterns = [ 37 | path('swagger
39 |
40 |
41 |
76 |
77 |
85 | );
86 | };
87 |
88 | export default ResultTable;
89 |
--------------------------------------------------------------------------------
/frontend/src/components/blacklist/ResultTableQuick.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const ResultTableQuick = ({ data }) => {
4 | const providers = [...data.providers].sort((a, b) => {
5 | const isBlacklistedA = data.detected_on.some((item) => item.provider === a);
6 | const isBlacklistedB = data.detected_on.some((item) => item.provider === b);
7 |
8 | return isBlacklistedB - isBlacklistedA;
9 | });
10 |
11 | const isBlacklisted = (provider) => {
12 | return data.detected_on.some((item) => item.provider === provider);
13 | };
14 |
15 | const handleDelist = (provider, hostname) => {
16 | setSelectedProvider(provider);
17 | setSelectedHostname(hostname);;
18 | }
19 |
20 | return (
21 | | Provider | 43 |Status | 44 |Action | 45 |
|---|---|---|
| {provider} | 51 |52 | {isBlacklisted(provider) ? 'Blacklisted' : 'Clear'} 53 | | 54 |55 | {isBlacklisted(provider) ? ( 56 | getProviderStatus(provider) === 'open' ? ( 57 | 63 | ) : ( 64 | 67 | ) 68 | ) : ( 69 | '' 70 | )} 71 | | 72 |
22 |
23 |
24 |
40 |
41 | );
42 | };
43 |
44 | export default ResultTableQuick;
45 |
--------------------------------------------------------------------------------
/frontend/src/components/blacklist/delist/DelistModal.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { Dialog, Transition } from '@headlessui/react';
3 | import FormFieldRender from './FormFieldRender';
4 | import DelistSerivce from '../../../services/blacklist/delist';
5 | import { toast, ToastContainer } from 'react-toastify';
6 | import 'react-toastify/dist/ReactToastify.css';
7 | import { useNavigate } from "react-router-dom";
8 |
9 | const DelistModal = ({ isOpen, onClose, provider, data, fields }) => {
10 | const [formData, setFormData] = useState({});
11 | const delistService = DelistSerivce();
12 | const [isLoading, setIsLoading] = useState(false);
13 | const navigate = useNavigate();
14 |
15 | const handleInputChange = (event) => {
16 | setFormData({
17 | ...formData,
18 | [event.target.name]: event.target.value,
19 | });
20 | };
21 |
22 |
23 | const handleSubmit = async () => {
24 | console.log(data);
25 | setIsLoading(true);
26 | const body = {
27 | 'provider': provider,
28 | 'delist_required_data': {
29 | 'id': data.id,
30 | ...formData,
31 | }
32 | };
33 |
34 | try {
35 | const response = await delistService.delistRequest(body);
36 |
37 | if (response.msg === 'success') {
38 | toast.success('Delist request sent successfully');
39 | navigate('/dashboard/blacklist-monitor/', { replace: true });
40 | } else if (response.msg === 'Not implemented') {
41 | toast.error(`Not implemented auto list feature on ${provider}`);
42 | }
43 | } catch (error) {
44 | console.error('Error during delist request:', error);
45 | toast.error('An error occurred while processing your request.');
46 | } finally {
47 | setIsLoading(false);
48 | }
49 | onClose();
50 | };
51 |
52 | return (
53 | | Provider | 26 |Status | 27 |
|---|---|
| {provider} | 33 |34 | {isBlacklisted(provider) ? 'Blacklisted' : 'Clear'} 35 | | 36 |
54 |
55 |
96 |
97 |
98 |
100 | );
101 | };
102 |
103 | export default DelistModal;
104 |
--------------------------------------------------------------------------------
/frontend/src/components/blacklist/delist/FormFieldRender.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const FormFieldRender = ({ label, name, value, onChange }) => {
4 | return (
5 |
6 |
7 |
14 |
15 | );
16 | };
17 |
18 | export default FormFieldRender;
19 |
--------------------------------------------------------------------------------
/frontend/src/components/blacklist/delist/constant.jsx:
--------------------------------------------------------------------------------
1 | // constants.jsx
2 |
3 | const providerFields = {
4 | 'spam.dnsbl.sorbs.net': [
5 | {
6 | label: 'Delist reason',
7 | name: 'comment',
8 | }
9 | ],
10 | 'b.barracudacentral.org': [
11 | {
12 | label: 'Delist reason',
13 | name: 'comment',
14 | }
15 | ]
16 | };
17 |
18 | export default providerFields;
19 |
--------------------------------------------------------------------------------
/frontend/src/components/dashboard/Header.jsx:
--------------------------------------------------------------------------------
1 | import React, { Fragment } from 'react';
2 | import { HiOutlineChatAlt, HiOutlineBell } from 'react-icons/hi';
3 | import { Menu, Popover, Transition } from '@headlessui/react';
4 | import classNames from 'classnames';
5 | import { useNavigate } from 'react-router-dom';
6 | import { useAuth } from "../../services/auth/authProvider";
7 |
8 | export default function Header() {
9 | const navigate = useNavigate();
10 | const { setToken } = useAuth();
11 |
12 | const handleLogout = () => {
13 | setToken();
14 | navigate("/", { replace: true });
15 | };
16 |
17 | return (
18 |
19 |
20 | {/*
150 | )
151 | }
--------------------------------------------------------------------------------
/frontend/src/components/dashboard/Sidebar.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { BsBoxSeamFill } from 'react-icons/bs'
3 | import { DASHBOARD_SIDEBAR_BOTTOM_LINKS, DASHBOARD_SIDEBAR_LINKS } from './constants'
4 | import { Link, useLocation, useNavigate } from 'react-router-dom'
5 | import { HiOutlineLogout } from 'react-icons/hi'
6 | import classNames from 'classnames'
7 |
8 | const linkClass =
9 | 'flex items-center gap-2 font-light px-3 py-2 hover:bg-slate-700 hover:no-underline active:bg-slate-600 rounded-sm text-base'
10 |
11 | export default function Sidebar() {
12 | const navigate = useNavigate();
13 |
14 | const handleLogout = () => {
15 | setToken();
16 | navigate('/', { replace: true });
17 | }
18 |
19 | return (
20 |
21 |
*/}
24 |
25 |
26 | {({ open }) => (
27 | <>
28 |
34 |
36 |
45 |
46 |
51 |
52 |
53 | )}
54 |
55 |
56 |
57 | {({ open }) => (
58 | <>
59 |
65 |
67 |
76 |
77 |
82 |
83 |
84 | )}
85 |
86 |
87 |
148 |
149 |
47 | Messages
48 |
50 | This is messages panel.
49 |
78 | Notifications
79 |
81 | This is notification panel.
80 |
21 |
41 | )
42 | }
43 |
44 | function SidebarLink({item}) {
45 | const { pathname } = useLocation()
46 |
47 | return (
48 |
49 | {item.icon}
50 | {item.label}
51 |
52 | )
53 | }
--------------------------------------------------------------------------------
/frontend/src/components/dashboard/blacklistMonitor/AddNewMonitorDialog.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Dialog, Transition } from "@headlessui/react";
3 |
4 | export default function AddNewMonitorDialog({ formData, handleInputChange, handleSubmit, isOpen, setIsOpen }) {
5 | return (
6 |
22 |
23 | AbuseBox
24 |
25 |
26 | {DASHBOARD_SIDEBAR_LINKS.map( (item) => (
27 |
28 | ))}
29 |
30 |
31 | {DASHBOARD_SIDEBAR_BOTTOM_LINKS.map(item => (
32 |
33 | ))}
34 |
40 |
36 |
39 | | Hostname | 12 |Description | 13 |Type | 14 |Report | 15 |Checked | 16 |Created | 17 |Monitor | 18 |Alert | 19 |Status | 20 |Action | 21 |
|---|---|---|---|---|---|---|---|---|---|
| {hostnameData.hostname} | 27 |{hostnameData.description} | 28 |{hostnameData.hostname_type} | 29 |
30 |
31 | {!hostnameData.result ?
33 | Not checked :Detected by: {hostnameData.result.detected_on.length} of {hostnameData.result.providers.length} } 32 | |
34 | {hostnameData.checked} | 35 |{hostnameData.created} | 36 |
37 | {hostnameData.is_alert_enabled ? |
39 |
40 | {hostnameData.is_monitor_enabled ? |
42 | 43 | {hostnameData.status} 44 | | 45 |46 | 114 | | 115 |
7 |
19 | );
20 | };
21 |
22 | export default StatGrid;
23 |
--------------------------------------------------------------------------------
/frontend/src/components/landing/Hero.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import Typed from 'react-typed';
3 | import { useNavigate } from 'react-router-dom';
4 | /* import { checkBlacklist } from '../../services/blacklist'; */
5 |
6 | const Hero = () => {
7 | const navigate = useNavigate();
8 | const [hostname, setHostname] = useState('');
9 |
10 | const handleCheck = async () => {
11 | try {
12 | console.log('call');
13 | navigate('/quick-check', { state: { hostname: hostname } });
14 | } catch (error) {
15 | console.error('Failed to navigate to guestCheck:', error);
16 | }
17 | };
18 |
19 |
20 | return (
21 |
8 |
18 |
9 |
11 |
12 | {title}
13 |
17 |
14 | {bodyText}
15 |
16 |
22 |
61 | );
62 | };
63 |
64 | export default Hero;
--------------------------------------------------------------------------------
/frontend/src/components/landing/Navbar.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { AiOutlineClose, AiOutlineMenu } from 'react-icons/ai';
3 | import { useNavigate } from 'react-router-dom';
4 | import { useAuth } from '../../services/auth/authProvider';
5 |
6 | const Navbar = () => {
7 | const { token } = useAuth();
8 | const [nav, setNav] = useState(false);
9 | const navigate = useNavigate();
10 |
11 | const handleNav = () => {
12 | setNav(!nav);
13 | };
14 |
15 | return (
16 |
23 |
60 | 24 | Blacklist Monitor and check 25 |
26 |27 | Keep it clean from... 28 |
29 |
30 |
41 | {/* 31 | 32 |
33 |Keep it clean from malicious activity
*/} 42 |
43 |
58 | {/* */}
59 |
44 | setHostname(e.target.value)}
49 | />
50 |
56 |
57 |
17 |
41 | );
42 | };
43 |
44 | export default Navbar;
45 |
--------------------------------------------------------------------------------
/frontend/src/index.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | .landing {
6 | background-color: #000300;
7 | }
--------------------------------------------------------------------------------
/frontend/src/layouts/dashboard/layout.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Outlet } from 'react-router-dom'
3 | import Sidebar from '../../components/dashboard/Sidebar'
4 | import Header from '../../components/dashboard/Header'
5 |
6 | export default function DashboardLayout() {
7 | return (
8 | AbuseBox
18 |-
19 |
- Home 20 |
- Features 21 | {!token ? ( 22 | <> 23 |
- navigate('/login')}>Signin 24 |
- navigate('/signup')}>Signup 25 | 26 | ) : ( 27 |
- navigate('/dashboard')}>Dashboard 28 | )} 29 |
31 | {nav ? :
33 | -
34 |
- Home 36 |
- Features 37 |
- navigate('/login')}>Sign in 38 |
- navigate('/signup')}>Signup 39 |
AbuseBox
35 |
9 |
15 | )
16 | }
--------------------------------------------------------------------------------
/frontend/src/main.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App.jsx';
4 | import './index.css';
5 |
6 | ReactDOM.createRoot(document.getElementById('root')).render(
7 |
11 |
14 | {
13 |
8 |
11 | )
12 | }
13 |
14 | export default LandingPage;
--------------------------------------------------------------------------------
/frontend/src/pages/Login.jsx:
--------------------------------------------------------------------------------
1 | import { useState } from "react";
2 | import { useAuth } from "../services/auth/authProvider";
3 | import { loginUser } from "../services/auth/authService";
4 | import { useNavigate } from "react-router-dom";
5 | import loginImg from '../assets/login.jpg';
6 |
7 | const Login = () => {
8 | const { setToken } = useAuth();
9 | const navigate = useNavigate();
10 |
11 | const [username, setUsername] = useState('');
12 | const [password, setPassword] = useState('');
13 | const [detail, setDetail] = useState('');
14 |
15 | const handleLogin = async (event) => {
16 | event.preventDefault();
17 | try {
18 | const response = await loginUser(username, password);
19 |
20 | if (response.data.access) {
21 | const token = response.data.access;
22 | setToken(token);
23 | navigate('/dashboard/', { replace: true });
24 | } else {
25 | setDetail('Login failed: Access token not found in response');
26 | }
27 | } catch (error) {
28 | setDetail(`Error during login: ${error.message}`);
29 | }
30 | };
31 |
32 |
33 |
34 | return (
35 |
36 |
60 | )
61 | };
62 |
63 | export default Login;
--------------------------------------------------------------------------------
/frontend/src/pages/blacklist/QuickCheck.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from 'react';
2 | import { useLocation } from 'react-router-dom';
3 | import { checkBlacklist } from '../../services/blacklist/checkService';
4 | import ResultTableQuick from '../../components/blacklist/ResultTableQuick';
5 |
6 | const QuickCheck = () => {
7 | const location = useLocation();
8 | const hostname = location.state?.hostname;
9 | const [data, setData] = useState(null);
10 |
11 | useEffect(() => {
12 | let isMounted = true;
13 |
14 | const fetchData = async () => {
15 | try {
16 | if (hostname && isMounted) {
17 | const result = await checkBlacklist(hostname);
18 | setData(result);
19 | }
20 | } catch (error) {
21 | console.error('Failed to check blacklist:', error);
22 | }
23 | };
24 |
25 | fetchData();
26 |
27 | return () => {
28 | isMounted = false;
29 | };
30 | }, [hostname]);
31 |
32 | const LoadingSpinner = () => {
33 | return (
34 |
37 | 
38 |
39 |
40 |
41 |
58 |
59 |
35 |
36 |
37 | );
38 | };
39 |
40 | if (!data) {
41 | return
46 |
55 | );
56 | };
57 |
58 | export default QuickCheck;
59 |
--------------------------------------------------------------------------------
/frontend/src/pages/dashboard/BlacklistCheck.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { checkBlacklist } from '../../services/blacklist/checkService';
3 | import ResultTableQuick from '../../components/blacklist/ResultTableQuick';
4 |
5 | export default function BlacklistCheck() {
6 | const [hostname, setHostname] = useState('');
7 | const [response, setResponse] = useState(null);
8 | const [loading, setLoading] = useState(false);
9 | const [data, setData] = useState(null);
10 |
11 | const fetchData = async () => {
12 | try {
13 | if (hostname) {
14 | const result = await checkBlacklist(hostname);
15 | setData(result);
16 | }
17 | } catch (error) {
18 | console.log('Failed to check blacklist: ', error);
19 | } finally {
20 | setLoading(false);
21 | }
22 | };
23 |
24 | const handleBlacklistCheck = async () => {
25 | setLoading(true);
26 | fetchData();
27 | };
28 |
29 | return (
30 | <>
31 |
47 |
54 | Report of {hostname}
48 |
49 |
53 |
50 |
52 |
32 |
54 |
33 |
53 |
34 |
52 |
35 |
36 | setHostname(e.target.value)}
42 | />
43 |
44 |
51 |
55 |
66 |
67 | );
68 | }
69 |
--------------------------------------------------------------------------------
/frontend/src/pages/dashboard/BlacklistMonitor.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import { useNavigate } from 'react-router-dom';
3 | import { HiOutlinePlusCircle } from 'react-icons/hi'
4 | import HostnameService from "../../services/hostname";
5 | import HostnameTable from "../../components/dashboard/blacklistMonitor/HostnameTable";
6 | import AddNewMonitorDialog from "../../components/dashboard/blacklistMonitor/AddNewMonitorDialog";
7 | import { toast, ToastContainer } from 'react-toastify';
8 | import 'react-toastify/dist/ReactToastify.css';
9 |
10 | export default function BlacklistMonitor() {
11 | const [addModalOpen, setAddModalOpen] = useState(false);
12 | const navigate = useNavigate();
13 |
14 | const [formData, setFormData] = useState({
15 | hostname_type: "",
16 | hostname: "",
17 | description: "",
18 | is_alert_enabled: false,
19 | is_monitor_enabled: false,
20 | });
21 | const hostnameService = HostnameService();
22 | const [hostnameListData, setHostnameListData] = useState([]);
23 | const [selectedHostnameData, setSelectedHostnameData] = useState(null);
24 |
25 | const handleInputChange = (e) => {
26 | const { name, value, type, checked } = e.target;
27 | setFormData((prevData) => ({
28 | ...prevData,
29 | [name]: type === "checkbox" ? checked : value,
30 | }));
31 | };
32 |
33 | const handleSubmit = async () => {
34 | try {
35 | const result = await hostnameService.createHostname(formData);
36 | console.log(result);
37 | if (result.status === 'active') {
38 | toast.success("Successfully added hostname");
39 | fetchHostnameList();
40 | }
41 | } catch (error) {
42 | toast.error("Failed to create hostname. Please try again:", error);
43 | }
44 |
45 | setAddModalOpen(false);
46 | };
47 |
48 | const fetchHostnameList = async () => {
49 | try {
50 | const listData = await hostnameService.listHostname();
51 | setHostnameListData(listData);
52 | console.log(listData);
53 | } catch (error) {
54 | console.error("Failed to retrieve hostname list:", error);
55 | }
56 | };
57 |
58 | useEffect(() => {
59 | fetchHostnameList();
60 | }, []);
61 |
62 | const handleView = (hostnameData) => {
63 | navigate('/dashboard/blacklist-monitor/report', { state: { hostnameData } });
64 | }
65 |
66 | const handleDelete = async (id) => {
67 | try {
68 | const result = await hostnameService.deleteHostname(id);
69 |
70 | if (result.status === 204) {
71 | toast.success('Successfully delete hostname');
72 | fetchHostnameList();
73 | }
74 |
75 | } catch (error) {
76 | toast.error('Failed to delete hostname. Please try again:', error);
77 | }
78 |
79 | setViewModalOpen(false);
80 | }
81 |
82 | return (
83 |
56 | {data ? (
57 |
65 |
58 |
63 | ) : null}
64 | Report of {hostname}
59 |
60 |
62 |
84 |
113 | );
114 | }
115 |
--------------------------------------------------------------------------------
/frontend/src/pages/dashboard/Home.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import StatGrid from "../../components/dashboard/home/StatGrid";
3 | import { IoBagHandle } from "react-icons/io5";
4 |
5 | export default function Home() {
6 | return (
7 |
85 | Blacklist Monitors
86 |
95 |
96 |
87 |
93 |
94 |
97 |
110 |
111 |
8 |
13 | )
14 | }
--------------------------------------------------------------------------------
/frontend/src/pages/dashboard/ViewReport.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { useLocation } from 'react-router-dom';
3 | import ResultTable from '../../components/blacklist/ResultTable';
4 |
5 | export default function ViewReport() {
6 | const location = useLocation();
7 | const hostnameData = location.state.hostnameData;
8 |
9 | return (
10 |
11 |
20 | )
21 | }
22 |
--------------------------------------------------------------------------------
/frontend/src/routes/ProtectedRoute.jsx:
--------------------------------------------------------------------------------
1 | import { Navigate, Outlet } from "react-router-dom";
2 | import { useAuth } from "../services/auth/authProvider";
3 |
4 | export const ProtectedRoute = () => {
5 | const { token } = useAuth();
6 |
7 | if (!token) {
8 | return
12 | {hostnameData ? (
13 |
19 |
14 |
16 |
17 | ) : null}
18 |