├── .gitignore ├── CHANGELOG.md ├── LICENSE.md ├── README.md ├── deployer.json ├── django-api ├── .dockerignore ├── .gitignore ├── Dockerfile ├── api │ ├── __init__.py │ ├── apps.py │ ├── authentication │ │ ├── __init__.py │ │ ├── apps.py │ │ ├── backends.py │ │ ├── migrations │ │ │ ├── 0001_initial.py │ │ │ └── __init__.py │ │ ├── models │ │ │ ├── __init__.py │ │ │ └── active_session.py │ │ ├── serializers │ │ │ ├── __init__.py │ │ │ ├── login.py │ │ │ └── register.py │ │ ├── tests.py │ │ └── viewsets │ │ │ ├── __init__.py │ │ │ ├── active_session.py │ │ │ ├── login.py │ │ │ ├── logout.py │ │ │ └── register.py │ ├── fixtures │ │ ├── __init__.py │ │ └── user.py │ ├── routers.py │ └── user │ │ ├── __init__.py │ │ ├── apps.py │ │ ├── migrations │ │ ├── 0001_initial.py │ │ ├── 0002_user_is_staff.py │ │ ├── 0003_alter_user_username.py │ │ └── __init__.py │ │ ├── models.py │ │ ├── serializers.py │ │ ├── tests.py │ │ └── viewsets.py ├── build.sh ├── core │ ├── __init__.py │ ├── asgi.py │ ├── settings.py │ ├── test_runner.py │ ├── urls.py │ └── wsgi.py ├── docker-compose.yml ├── env.sample ├── gunicorn-cfg.py ├── manage.py ├── nginx │ └── appseed-app.conf ├── package.json └── requirements.txt └── react-ui ├── .eslintrc.js ├── .eslintrc.json ├── .gitignore ├── .prettierrc.json ├── Dockerfile ├── build.sh ├── docker-compose.yml ├── env.sample ├── jsconfig.json ├── package-lock.json ├── package.json ├── public ├── apple-icon.png ├── favicon.png ├── index.html ├── manifest.json └── robots.txt ├── src ├── App.js ├── ProtectedRoute.js ├── api │ ├── auth.js │ └── index.js ├── assets │ ├── images │ │ ├── bruce-mars.jpg │ │ ├── curved-images │ │ │ ├── curved-6.jpg │ │ │ ├── curved0.jpg │ │ │ ├── curved1.jpg │ │ │ ├── curved14.jpg │ │ │ └── white-curved.jpeg │ │ ├── home-decor-1.jpg │ │ ├── home-decor-2.jpg │ │ ├── home-decor-3.jpg │ │ ├── illustrations │ │ │ └── rocket-white.png │ │ ├── ivana-square.jpg │ │ ├── ivana-squares.jpg │ │ ├── ivancik.jpg │ │ ├── kal-visuals-square.jpg │ │ ├── logo-ct.png │ │ ├── logos │ │ │ ├── mastercard.png │ │ │ └── visa.png │ │ ├── marie.jpg │ │ ├── shapes │ │ │ └── waves-white.svg │ │ ├── small-logos │ │ │ ├── icon-sun-cloud.png │ │ │ ├── logo-apple.svg │ │ │ ├── logo-atlassian.svg │ │ │ ├── logo-facebook.svg │ │ │ ├── logo-google.svg │ │ │ ├── logo-invision.svg │ │ │ ├── logo-jira.svg │ │ │ ├── logo-slack.svg │ │ │ ├── logo-spotify.svg │ │ │ ├── logo-webdev.svg │ │ │ └── logo-xd.svg │ │ ├── team-1.jpg │ │ ├── team-2.jpg │ │ ├── team-3.jpg │ │ ├── team-4.jpg │ │ ├── team-5.jpg │ │ └── vr-bg.jpg │ └── theme │ │ ├── base │ │ ├── borders.js │ │ ├── boxShadows.js │ │ ├── breakpoints.js │ │ ├── colors.js │ │ ├── globals.js │ │ └── typography.js │ │ ├── components │ │ ├── appBar.js │ │ ├── avatar.js │ │ ├── breadcrumbs.js │ │ ├── button │ │ │ ├── contained.js │ │ │ ├── index.js │ │ │ ├── outlined.js │ │ │ ├── root.js │ │ │ └── text.js │ │ ├── buttonBase.js │ │ ├── card │ │ │ ├── cardContent.js │ │ │ ├── cardMedia.js │ │ │ └── index.js │ │ ├── container.js │ │ ├── divider.js │ │ ├── form │ │ │ ├── autocomplete.js │ │ │ ├── checkbox.js │ │ │ ├── formControlLabel.js │ │ │ ├── formLabel.js │ │ │ ├── input.js │ │ │ ├── inputBase.js │ │ │ ├── radio.js │ │ │ ├── select.js │ │ │ └── switchButton.js │ │ ├── icon.js │ │ ├── iconButton.js │ │ ├── linearProgess.js │ │ ├── link.js │ │ ├── list │ │ │ ├── index.js │ │ │ ├── listItem.js │ │ │ └── listItemText.js │ │ ├── menu │ │ │ ├── index.js │ │ │ └── menuItem.js │ │ ├── popover.js │ │ ├── sidenav.js │ │ ├── slider.js │ │ ├── stepper │ │ │ ├── index.js │ │ │ ├── step.js │ │ │ ├── stepConnector.js │ │ │ ├── stepIcon.js │ │ │ └── stepLabel.js │ │ ├── svgIcon.js │ │ ├── table │ │ │ ├── tableCell.js │ │ │ ├── tableContainer.js │ │ │ └── tableHead.js │ │ ├── tabs │ │ │ ├── index.js │ │ │ └── tab.js │ │ └── tooltip.js │ │ ├── functions │ │ ├── boxShadow.js │ │ ├── gradientChartLine.js │ │ ├── hexToRgb.js │ │ ├── linearGradient.js │ │ ├── pxToRem.js │ │ └── rgba.js │ │ ├── index.js │ │ └── theme-rtl.js ├── auth-context │ └── auth.context.js ├── components │ ├── SuiAlert │ │ ├── index.js │ │ └── styles.js │ ├── SuiAvatar │ │ ├── index.js │ │ └── styles.js │ ├── SuiBadge │ │ ├── index.js │ │ └── styles.js │ ├── SuiBox │ │ ├── index.js │ │ └── styles.js │ ├── SuiButton │ │ ├── index.js │ │ └── styles.js │ ├── SuiInput │ │ ├── index.js │ │ └── styles.js │ ├── SuiPagination │ │ ├── index.js │ │ └── styles.js │ ├── SuiProgress │ │ ├── index.js │ │ └── styles.js │ └── SuiTypography │ │ ├── index.js │ │ └── styles.js ├── config │ └── constant.js ├── context │ └── index.js ├── examples │ ├── Breadcrumbs │ │ ├── index.js │ │ └── styles.js │ ├── Cards │ │ ├── BlogCards │ │ │ ├── DefaultBlogCard │ │ │ │ └── index.js │ │ │ └── TransparentBlogCard │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ ├── CounterCards │ │ │ └── OutlinedCounterCard │ │ │ │ └── index.js │ │ ├── InfoCards │ │ │ ├── DefaultInfoCard │ │ │ │ └── index.js │ │ │ └── ProfileInfoCard │ │ │ │ └── index.js │ │ ├── MasterCard │ │ │ ├── index.js │ │ │ └── styles.js │ │ ├── PlaceholderCard │ │ │ ├── index.js │ │ │ └── styles.js │ │ ├── PricingCards │ │ │ └── DefaultPricingCard │ │ │ │ └── index.js │ │ ├── ProjectCards │ │ │ └── DefaultProjectCard │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ └── StatisticsCards │ │ │ └── MiniStatisticsCard │ │ │ └── index.js │ ├── Charts │ │ ├── BarCharts │ │ │ ├── HorizontalBarChart │ │ │ │ ├── configs │ │ │ │ │ └── index.js │ │ │ │ └── index.js │ │ │ ├── ReportsBarChart │ │ │ │ ├── ReportsBarChartItem.js │ │ │ │ ├── configs │ │ │ │ │ └── index.js │ │ │ │ └── index.js │ │ │ └── VerticalBarChart │ │ │ │ ├── configs │ │ │ │ └── index.js │ │ │ │ └── index.js │ │ ├── BubbleChart │ │ │ ├── configs │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── DoughnutCharts │ │ │ └── DefaultDoughnutChart │ │ │ │ ├── configs │ │ │ │ └── index.js │ │ │ │ └── index.js │ │ ├── LineCharts │ │ │ ├── DefaultLineChart │ │ │ │ ├── configs │ │ │ │ │ └── index.js │ │ │ │ └── index.js │ │ │ └── GradientLineChart │ │ │ │ ├── configs │ │ │ │ └── index.js │ │ │ │ └── index.js │ │ ├── MixedChart │ │ │ ├── configs │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── PieChart │ │ │ ├── configs │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── PolarChart │ │ │ ├── configs │ │ │ │ └── index.js │ │ │ └── index.js │ │ └── RadarChart │ │ │ ├── configs │ │ │ └── index.js │ │ │ └── index.js │ ├── Configurator │ │ ├── index.js │ │ └── styles.js │ ├── Footer │ │ ├── index.js │ │ └── styles.js │ ├── Icons │ │ ├── Basket.js │ │ ├── CreditCard.js │ │ ├── Cube.js │ │ ├── CustomerSupport.js │ │ ├── Document.js │ │ ├── Office.js │ │ ├── Settings.js │ │ ├── Shop.js │ │ └── SpaceShip.js │ ├── LayoutContainers │ │ ├── DashboardLayout │ │ │ ├── index.js │ │ │ └── styles.js │ │ └── PageLayout │ │ │ └── index.js │ ├── Navbars │ │ ├── DashboardNavbar │ │ │ ├── index.js │ │ │ └── styles.js │ │ └── DefaultNavbar │ │ │ ├── DefaultNavbarLink.js │ │ │ ├── DefaultNavbarMobile.js │ │ │ ├── index.js │ │ │ └── styles │ │ │ └── defaultNavbar.js │ ├── NotificationItem │ │ ├── index.js │ │ └── styles.js │ ├── ProfilesList │ │ └── index.js │ ├── Sidenav │ │ ├── SidenavCard.js │ │ ├── SidenavCollapse.js │ │ ├── index.js │ │ └── styles │ │ │ ├── sidenav.js │ │ │ ├── sidenavCard.js │ │ │ └── sidenavCollapse.js │ ├── Table │ │ └── index.js │ └── Timeline │ │ ├── TimelineItem │ │ ├── index.js │ │ └── styles.js │ │ ├── TimelineList │ │ └── index.js │ │ └── context │ │ └── index.js ├── index.js ├── layouts │ ├── authentication │ │ ├── components │ │ │ ├── BasicLayout │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ │ ├── CoverLayout │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ │ ├── Footer │ │ │ │ └── index.js │ │ │ ├── Separator │ │ │ │ └── index.js │ │ │ └── Socials │ │ │ │ └── index.js │ │ ├── sign-in │ │ │ └── index.js │ │ ├── sign-out │ │ │ └── index.js │ │ └── sign-up │ │ │ └── index.js │ ├── billing │ │ ├── components │ │ │ ├── Bill │ │ │ │ └── index.js │ │ │ ├── BillingInformation │ │ │ │ └── index.js │ │ │ ├── Invoice │ │ │ │ └── index.js │ │ │ ├── Invoices │ │ │ │ └── index.js │ │ │ ├── PaymentMethod │ │ │ │ └── index.js │ │ │ ├── Transaction │ │ │ │ └── index.js │ │ │ └── Transactions │ │ │ │ └── index.js │ │ └── index.js │ ├── dashboard │ │ ├── components │ │ │ ├── BuildByDevelopers │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ │ ├── OrderOverview │ │ │ │ └── index.js │ │ │ ├── Projects │ │ │ │ ├── data │ │ │ │ │ └── index.js │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ │ └── WorkWithTheRockets │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ ├── data │ │ │ ├── gradientLineChartData.js │ │ │ └── reportsBarChartData.js │ │ └── index.js │ ├── profile │ │ ├── components │ │ │ ├── Header │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ │ └── PlatformSettings │ │ │ │ └── index.js │ │ ├── data │ │ │ └── profilesListData.js │ │ └── index.js │ ├── rtl │ │ ├── components │ │ │ ├── BuildByDevelopers │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ │ ├── OrderOverview │ │ │ │ └── index.js │ │ │ ├── Projects │ │ │ │ ├── data │ │ │ │ │ └── index.js │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ │ └── WorkWithTheRockets │ │ │ │ ├── index.js │ │ │ │ └── styles.js │ │ ├── data │ │ │ ├── gradientLineChartData.js │ │ │ └── reportsBarChartData.js │ │ └── index.js │ ├── tables │ │ ├── data │ │ │ ├── authorsTableData.js │ │ │ └── projectsTableData.js │ │ ├── index.js │ │ └── styles.js │ └── virtual-reality │ │ ├── components │ │ ├── BaseLayout │ │ │ ├── index.js │ │ │ └── styles.js │ │ ├── Emails │ │ │ └── index.js │ │ ├── MediaPlayer │ │ │ ├── index.js │ │ │ └── styles.js │ │ ├── Messages │ │ │ ├── index.js │ │ │ └── styles.js │ │ ├── TodoCard │ │ │ └── index.js │ │ └── TodoList │ │ │ └── index.js │ │ ├── index.js │ │ └── styles.js └── routes.js └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | react-ui/.env 3 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | ## [1.0.5] 2022-11-08 4 | ### Improvements 5 | 6 | - Added markers for deploy automation 7 | - `appseed.json` specify the type of the project 8 | - `react-ui`/package.json 9 | - **build** node specify the compatibility matrix 10 | 11 | ## [1.0.4] 2022-10-09 12 | ### Improvements (`Django Codebase`) 13 | 14 | - Manage CORS_HOSTS via `env` 15 | - Added `django-environ` for ENV management 16 | 17 | ## [1.0.3] 2022-10-09 18 | ### Improvements (`React Codebase`) 19 | 20 | - React Codebase 21 | - Read `BACKEND_URL` from env (optional) 22 | 23 | ## [1.0.2] 2022-10-03 24 | ### Improvements 25 | 26 | - Update [Django API](https://github.com/app-generator/api-server-django) **v1.0.3** 27 | 28 | ## [1.0.1] 2022-01-28 29 | ### Improvements 30 | 31 | - React UI: [React Soft UI Dashboard](https://github.com/app-generator/react-soft-ui-dashboard) **v2.0.5** 32 | - `Logout` fixes 33 | - API: [Django API Server](https://github.com/app-generator/api-server-django) **v1.0.1** 34 | - Update for `Django==4.0.1` 35 | 36 | ## [1.0.0] 2021-10-20 37 | ### Initial Release 38 | 39 | - React UI: [React Soft UI Dashboard](https://github.com/app-generator/react-soft-ui-dashboard) **v2.0.4** 40 | - API: [Django API Server](https://github.com/app-generator/api-server-django) **v1.0.0** 41 | 42 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | # MIT License 2 | 3 | Copyright (c) 2019 - present [AppSeed](http://appseed.us/) 4 | 5 |
6 | 7 | ## Licensing Information 8 | 9 |
10 | 11 | | Item | - | 12 | | ---------------------------------- | --- | 13 | | License Type | MIT | 14 | | Use for print | **YES** | 15 | | Create single personal website/app | **YES** | 16 | | Create single website/app for client | **YES** | 17 | | Create multiple website/apps for clients | **YES** | 18 | | Create multiple SaaS applications | **YES** | 19 | | End-product paying users | **YES** | 20 | | Product sale | **YES** | 21 | | Remove footer credits | **YES** | 22 | | --- | --- | 23 | | Remove copyright mentions from source code | NO | 24 | | Production deployment assistance | NO | 25 | | Create HTML/CSS template for sale | NO | 26 | | Create Theme/Template for CMS for sale | NO | 27 | | Separate sale of our UI Elements | NO | 28 | 29 |
30 | 31 | --- 32 | For more information regarding licensing, contact the AppSeed Service < *support@appseed.us* > 33 | -------------------------------------------------------------------------------- /deployer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "django-react-soft-dashboard", 3 | "type": "fullstack", 4 | "dirs": "django-api, react-ui" 5 | } 6 | -------------------------------------------------------------------------------- /django-api/.dockerignore: -------------------------------------------------------------------------------- 1 | env 2 | .dockerignore 3 | Dockerfile 4 | venv -------------------------------------------------------------------------------- /django-api/Dockerfile: -------------------------------------------------------------------------------- 1 | FROM python:3.9 2 | 3 | # set environment variables 4 | ENV PYTHONDONTWRITEBYTECODE 1 5 | ENV PYTHONUNBUFFERED 1 6 | 7 | COPY requirements.txt . 8 | 9 | # install python dependencies 10 | RUN pip install --upgrade pip 11 | RUN pip install --no-cache-dir -r requirements.txt 12 | 13 | COPY env.sample .env 14 | 15 | COPY . . 16 | 17 | # running migrations 18 | RUN python manage.py makemigrations 19 | RUN python manage.py migrate 20 | 21 | # gunicorn 22 | CMD ["gunicorn", "--config", "gunicorn-cfg.py", "core.wsgi"] 23 | 24 | -------------------------------------------------------------------------------- /django-api/api/__init__.py: -------------------------------------------------------------------------------- 1 | default_app_config = "api.apps.CoreConfig" 2 | -------------------------------------------------------------------------------- /django-api/api/apps.py: -------------------------------------------------------------------------------- 1 | from django.apps import AppConfig 2 | 3 | 4 | class CoreConfig(AppConfig): 5 | default_auto_field = "django.db.models.BigAutoField" 6 | name = "api" 7 | label = "api" 8 | -------------------------------------------------------------------------------- /django-api/api/authentication/__init__.py: -------------------------------------------------------------------------------- 1 | default_app_config = "api.authentication.apps.AuthenticationConfig" 2 | -------------------------------------------------------------------------------- /django-api/api/authentication/apps.py: -------------------------------------------------------------------------------- 1 | from django.apps import AppConfig 2 | 3 | 4 | class AuthenticationConfig(AppConfig): 5 | default_auto_field = "django.db.models.BigAutoField" 6 | name = "api.authentication" 7 | label = "api_authentication" 8 | -------------------------------------------------------------------------------- /django-api/api/authentication/backends.py: -------------------------------------------------------------------------------- 1 | import jwt 2 | 3 | from rest_framework import authentication, exceptions 4 | from django.conf import settings 5 | 6 | from api.user.models import User 7 | from api.authentication.models import ActiveSession 8 | 9 | 10 | class ActiveSessionAuthentication(authentication.BaseAuthentication): 11 | 12 | auth_error_message = {"success": False, "msg": "User is not logged on."} 13 | 14 | def authenticate(self, request): 15 | 16 | request.user = None 17 | 18 | auth_header = authentication.get_authorization_header(request) 19 | 20 | if not auth_header: 21 | return None 22 | 23 | token = auth_header.decode("utf-8") 24 | 25 | return self._authenticate_credentials(token) 26 | 27 | def _authenticate_credentials(self, token): 28 | 29 | try: 30 | jwt.decode(token, settings.SECRET_KEY, algorithms=["HS256"]) 31 | except: 32 | raise exceptions.AuthenticationFailed(self.auth_error_message) 33 | 34 | try: 35 | active_session = ActiveSession.objects.get(token=token) 36 | except: 37 | raise exceptions.AuthenticationFailed(self.auth_error_message) 38 | 39 | try: 40 | user = active_session.user 41 | except User.DoesNotExist: 42 | msg = {"success": False, "msg": "No user matching this token was found."} 43 | raise exceptions.AuthenticationFailed(msg) 44 | 45 | if not user.is_active: 46 | msg = {"success": False, "msg": "This user has been deactivated."} 47 | raise exceptions.AuthenticationFailed(msg) 48 | 49 | return (user, token) 50 | -------------------------------------------------------------------------------- /django-api/api/authentication/migrations/0001_initial.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 3.2.5 on 2021-07-15 11:29 2 | 3 | from django.conf import settings 4 | from django.db import migrations, models 5 | import django.db.models.deletion 6 | 7 | 8 | class Migration(migrations.Migration): 9 | 10 | initial = True 11 | 12 | dependencies = [ 13 | migrations.swappable_dependency(settings.AUTH_USER_MODEL), 14 | ] 15 | 16 | operations = [ 17 | migrations.CreateModel( 18 | name="ActiveSession", 19 | fields=[ 20 | ( 21 | "id", 22 | models.BigAutoField( 23 | auto_created=True, 24 | primary_key=True, 25 | serialize=False, 26 | verbose_name="ID", 27 | ), 28 | ), 29 | ("token", models.CharField(max_length=255)), 30 | ("date", models.DateTimeField(auto_now_add=True)), 31 | ( 32 | "user", 33 | models.ForeignKey( 34 | on_delete=django.db.models.deletion.CASCADE, 35 | to=settings.AUTH_USER_MODEL, 36 | ), 37 | ), 38 | ], 39 | ), 40 | ] 41 | -------------------------------------------------------------------------------- /django-api/api/authentication/migrations/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/django-api/api/authentication/migrations/__init__.py -------------------------------------------------------------------------------- /django-api/api/authentication/models/__init__.py: -------------------------------------------------------------------------------- 1 | from .active_session import ActiveSession 2 | -------------------------------------------------------------------------------- /django-api/api/authentication/models/active_session.py: -------------------------------------------------------------------------------- 1 | from django.db import models 2 | 3 | 4 | class ActiveSession(models.Model): 5 | user = models.ForeignKey("api_user.User", on_delete=models.CASCADE) 6 | token = models.CharField(max_length=255) 7 | date = models.DateTimeField(auto_now_add=True) 8 | -------------------------------------------------------------------------------- /django-api/api/authentication/serializers/__init__.py: -------------------------------------------------------------------------------- 1 | from .register import RegisterSerializer 2 | from .login import LoginSerializer 3 | -------------------------------------------------------------------------------- /django-api/api/authentication/serializers/register.py: -------------------------------------------------------------------------------- 1 | from rest_framework import serializers 2 | from rest_framework.exceptions import ValidationError 3 | from django.core.exceptions import ObjectDoesNotExist 4 | from api.user.models import User 5 | 6 | 7 | class RegisterSerializer(serializers.ModelSerializer): 8 | password = serializers.CharField(min_length=4, max_length=128, write_only=True) 9 | username = serializers.CharField(max_length=255, required=True) 10 | email = serializers.EmailField(required=True) 11 | 12 | class Meta: 13 | model = User 14 | fields = ["id", "username", "password", "email", "is_active", "date"] 15 | 16 | def validate_username(self, value): 17 | try: 18 | User.objects.get(username=value) 19 | except ObjectDoesNotExist: 20 | return value 21 | raise ValidationError({"success": False, "msg": "Username already taken."}) 22 | 23 | def validate_email(self, value): 24 | try: 25 | User.objects.get(email=value) 26 | except ObjectDoesNotExist: 27 | return value 28 | raise ValidationError({"success": False, "msg": "Email already taken."}) 29 | 30 | def create(self, validated_data): 31 | 32 | return User.objects.create_user(**validated_data) 33 | -------------------------------------------------------------------------------- /django-api/api/authentication/viewsets/__init__.py: -------------------------------------------------------------------------------- 1 | from .register import RegisterViewSet 2 | from .login import LoginViewSet 3 | from .active_session import ActiveSessionViewSet 4 | from .logout import LogoutViewSet 5 | -------------------------------------------------------------------------------- /django-api/api/authentication/viewsets/active_session.py: -------------------------------------------------------------------------------- 1 | from rest_framework import viewsets, mixins, status 2 | from rest_framework.permissions import IsAuthenticated 3 | from rest_framework.response import Response 4 | 5 | 6 | class ActiveSessionViewSet(viewsets.GenericViewSet, mixins.CreateModelMixin): 7 | http_method_names = ["post"] 8 | permission_classes = (IsAuthenticated,) 9 | 10 | def create(self, request, *args, **kwargs): 11 | return Response({"success": True}, status.HTTP_200_OK) 12 | -------------------------------------------------------------------------------- /django-api/api/authentication/viewsets/login.py: -------------------------------------------------------------------------------- 1 | from rest_framework import viewsets, mixins 2 | from rest_framework.response import Response 3 | from rest_framework import status 4 | from rest_framework.permissions import AllowAny 5 | 6 | from api.authentication.serializers import LoginSerializer 7 | 8 | 9 | class LoginViewSet(viewsets.GenericViewSet, mixins.CreateModelMixin): 10 | permission_classes = (AllowAny,) 11 | serializer_class = LoginSerializer 12 | 13 | def create(self, request, *args, **kwargs): 14 | serializer = self.get_serializer(data=request.data) 15 | 16 | serializer.is_valid(raise_exception=True) 17 | 18 | return Response(serializer.validated_data, status=status.HTTP_200_OK) 19 | -------------------------------------------------------------------------------- /django-api/api/authentication/viewsets/logout.py: -------------------------------------------------------------------------------- 1 | from rest_framework import viewsets, mixins 2 | from rest_framework.response import Response 3 | from rest_framework import status 4 | from rest_framework.permissions import IsAuthenticated 5 | 6 | from api.authentication.models import ActiveSession 7 | 8 | 9 | class LogoutViewSet(viewsets.GenericViewSet, mixins.CreateModelMixin): 10 | permission_classes = (IsAuthenticated,) 11 | 12 | def create(self, request, *args, **kwargs): 13 | user = request.user 14 | 15 | session = ActiveSession.objects.get(user=user) 16 | session.delete() 17 | 18 | return Response( 19 | {"success": True, "msg": "Token revoked"}, status=status.HTTP_200_OK 20 | ) 21 | -------------------------------------------------------------------------------- /django-api/api/authentication/viewsets/register.py: -------------------------------------------------------------------------------- 1 | from rest_framework import viewsets, status 2 | from rest_framework.response import Response 3 | from rest_framework.permissions import AllowAny 4 | 5 | from api.authentication.serializers import RegisterSerializer 6 | 7 | 8 | class RegisterViewSet(viewsets.ModelViewSet): 9 | http_method_names = ["post"] 10 | permission_classes = (AllowAny,) 11 | serializer_class = RegisterSerializer 12 | 13 | def create(self, request, *args, **kwargs): 14 | serializer = self.get_serializer(data=request.data) 15 | 16 | serializer.is_valid(raise_exception=True) 17 | user = serializer.save() 18 | 19 | return Response( 20 | { 21 | "success": True, 22 | "userID": user.id, 23 | "msg": "The user was successfully registered", 24 | }, 25 | status=status.HTTP_201_CREATED, 26 | ) 27 | -------------------------------------------------------------------------------- /django-api/api/fixtures/__init__.py: -------------------------------------------------------------------------------- 1 | def run_fixtures(): 2 | import api.fixtures.user 3 | -------------------------------------------------------------------------------- /django-api/api/fixtures/user.py: -------------------------------------------------------------------------------- 1 | from api.user.models import User 2 | 3 | user_data = {"username": "admin", "password": "12345678", "email": "teast@admin.com"} 4 | 5 | User.objects.create_user(**user_data) 6 | -------------------------------------------------------------------------------- /django-api/api/routers.py: -------------------------------------------------------------------------------- 1 | from api.authentication.viewsets import ( 2 | RegisterViewSet, 3 | LoginViewSet, 4 | ActiveSessionViewSet, 5 | LogoutViewSet, 6 | ) 7 | from rest_framework import routers 8 | from api.user.viewsets import UserViewSet 9 | 10 | router = routers.SimpleRouter(trailing_slash=False) 11 | 12 | router.register(r"edit", UserViewSet, basename="user-edit") 13 | 14 | router.register(r"register", RegisterViewSet, basename="register") 15 | 16 | router.register(r"login", LoginViewSet, basename="login") 17 | 18 | router.register(r"checkSession", ActiveSessionViewSet, basename="check-session") 19 | 20 | router.register(r"logout", LogoutViewSet, basename="logout") 21 | 22 | urlpatterns = [ 23 | *router.urls, 24 | ] 25 | -------------------------------------------------------------------------------- /django-api/api/user/__init__.py: -------------------------------------------------------------------------------- 1 | default_app_config = "api.user.apps.UserConfig" 2 | -------------------------------------------------------------------------------- /django-api/api/user/apps.py: -------------------------------------------------------------------------------- 1 | from django.apps import AppConfig 2 | 3 | 4 | class UserConfig(AppConfig): 5 | default_auto_field = "django.db.models.BigAutoField" 6 | name = "api.user" 7 | label = "api_user" 8 | -------------------------------------------------------------------------------- /django-api/api/user/migrations/0002_user_is_staff.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 4.0.1 on 2022-05-27 12:34 2 | 3 | from django.db import migrations, models 4 | 5 | 6 | class Migration(migrations.Migration): 7 | 8 | dependencies = [ 9 | ('api_user', '0001_initial'), 10 | ] 11 | 12 | operations = [ 13 | migrations.AddField( 14 | model_name='user', 15 | name='is_staff', 16 | field=models.BooleanField(default=False), 17 | ), 18 | ] 19 | -------------------------------------------------------------------------------- /django-api/api/user/migrations/0003_alter_user_username.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 3.2.13 on 2022-06-07 22:44 2 | 3 | from django.db import migrations, models 4 | 5 | 6 | class Migration(migrations.Migration): 7 | 8 | dependencies = [ 9 | ('api_user', '0002_user_is_staff'), 10 | ] 11 | 12 | operations = [ 13 | migrations.AlterField( 14 | model_name='user', 15 | name='username', 16 | field=models.CharField(db_index=True, max_length=255, unique=True), 17 | ), 18 | ] 19 | -------------------------------------------------------------------------------- /django-api/api/user/migrations/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/django-api/api/user/migrations/__init__.py -------------------------------------------------------------------------------- /django-api/api/user/models.py: -------------------------------------------------------------------------------- 1 | from django.db import models 2 | 3 | from django.contrib.auth.models import ( 4 | AbstractBaseUser, 5 | BaseUserManager, 6 | PermissionsMixin, 7 | ) 8 | 9 | 10 | class UserManager(BaseUserManager): 11 | def create_user(self, username, email, password=None, **kwargs): 12 | """Create and return a `User` with an email, username and password.""" 13 | if username is None: 14 | raise TypeError("Users must have a username.") 15 | if email is None: 16 | raise TypeError("Users must have an email.") 17 | 18 | user = self.model(username=username, email=self.normalize_email(email)) 19 | user.set_password(password) 20 | user.save(using=self._db) 21 | 22 | return user 23 | 24 | def create_superuser(self, username, email, password): 25 | """ 26 | Create and return a `User` with superuser (admin) permissions. 27 | """ 28 | if password is None: 29 | raise TypeError("Superusers must have a password.") 30 | if email is None: 31 | raise TypeError("Superusers must have an email.") 32 | if username is None: 33 | raise TypeError("Superusers must have an username.") 34 | 35 | user = self.create_user(username, email, password) 36 | user.is_superuser = True 37 | user.is_staff = True 38 | user.save(using=self._db) 39 | 40 | return user 41 | 42 | 43 | class User(AbstractBaseUser, PermissionsMixin): 44 | username = models.CharField(db_index=True, max_length=255, unique=True) 45 | email = models.EmailField(db_index=True, unique=True) 46 | is_active = models.BooleanField(default=True) 47 | is_staff = models.BooleanField(default=False) 48 | date = models.DateTimeField(auto_now_add=True) 49 | 50 | USERNAME_FIELD = "email" 51 | REQUIRED_FIELDS = ["username"] 52 | 53 | objects = UserManager() 54 | 55 | def __str__(self): 56 | return f"{self.email}" 57 | -------------------------------------------------------------------------------- /django-api/api/user/serializers.py: -------------------------------------------------------------------------------- 1 | from api.user.models import User 2 | from rest_framework import serializers 3 | 4 | 5 | class UserSerializer(serializers.ModelSerializer): 6 | date = serializers.DateTimeField(read_only=True) 7 | 8 | class Meta: 9 | model = User 10 | fields = ["id", "username", "email", "date"] 11 | read_only_field = ["id"] 12 | -------------------------------------------------------------------------------- /django-api/api/user/tests.py: -------------------------------------------------------------------------------- 1 | from django.urls import reverse 2 | from rest_framework.test import APITestCase 3 | from rest_framework import status 4 | 5 | 6 | class UserViewSetTest(APITestCase): 7 | base_edit_url = reverse("api:user-edit-list") 8 | base_url_login = reverse("api:login-list") 9 | 10 | data_login = {"password": "12345678", "email": "teast@admin.com"} 11 | 12 | def test_edit(self): 13 | 14 | # Login to retrieve token 15 | 16 | response = self.client.post(f"{self.base_url_login}", data=self.data_login) 17 | response_data = response.json() 18 | 19 | token = response_data["token"] 20 | user_id = response_data["user"]["_id"] 21 | 22 | self.client.credentials(HTTP_AUTHORIZATION=token) 23 | 24 | # Edit user 25 | 26 | data = { 27 | "email": "new@admin.com", 28 | "userID": user_id, 29 | } 30 | 31 | response = self.client.post(f"{self.base_edit_url}", data=data) 32 | self.assertEqual(response.status_code, status.HTTP_200_OK) 33 | 34 | response_data = response.json() 35 | 36 | self.assertEqual(response_data["success"], True) 37 | -------------------------------------------------------------------------------- /django-api/api/user/viewsets.py: -------------------------------------------------------------------------------- 1 | from api.user.serializers import UserSerializer 2 | from api.user.models import User 3 | from rest_framework import viewsets, status 4 | from rest_framework.permissions import IsAuthenticated 5 | from rest_framework.response import Response 6 | from rest_framework.exceptions import ValidationError 7 | from rest_framework import mixins 8 | 9 | 10 | class UserViewSet( 11 | viewsets.GenericViewSet, mixins.CreateModelMixin, mixins.UpdateModelMixin 12 | ): 13 | serializer_class = UserSerializer 14 | permission_classes = (IsAuthenticated,) 15 | 16 | error_message = {"success": False, "msg": "Error updating user"} 17 | 18 | def update(self, request, *args, **kwargs): 19 | partial = kwargs.pop("partial", True) 20 | instance = User.objects.get(id=request.data.get("userID")) 21 | serializer = self.get_serializer(instance, data=request.data, partial=partial) 22 | serializer.is_valid(raise_exception=True) 23 | self.perform_update(serializer) 24 | 25 | if getattr(instance, "_prefetched_objects_cache", None): 26 | instance._prefetched_objects_cache = {} 27 | 28 | return Response(serializer.data) 29 | 30 | def create(self, request, *args, **kwargs): 31 | user_id = request.data.get("userID") 32 | 33 | if not user_id: 34 | raise ValidationError(self.error_message) 35 | 36 | if self.request.user.pk != int(user_id) and not self.request.user.is_superuser: 37 | raise ValidationError(self.error_message) 38 | 39 | self.update(request) 40 | 41 | return Response({"success": True}, status.HTTP_200_OK) 42 | -------------------------------------------------------------------------------- /django-api/build.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | # exit on error 3 | set -o errexit 4 | 5 | pip install --upgrade pip 6 | pip install -r requirements.txt 7 | 8 | python manage.py migrate 9 | -------------------------------------------------------------------------------- /django-api/core/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/django-api/core/__init__.py -------------------------------------------------------------------------------- /django-api/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/3.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 | -------------------------------------------------------------------------------- /django-api/core/test_runner.py: -------------------------------------------------------------------------------- 1 | from importlib import import_module 2 | 3 | from django.conf import settings 4 | from django.db import connections 5 | from django.test.runner import DiscoverRunner 6 | 7 | 8 | class CoreTestRunner(DiscoverRunner): 9 | def setup_test_environment(self, **kwargs): 10 | """We set the TESTING setting to True. By default, it's on False.""" 11 | super().setup_test_environment(**kwargs) 12 | settings.TESTING = True 13 | 14 | def setup_databases(self, **kwargs): 15 | """We set the database""" 16 | kwargs["aliases"] = connections 17 | r = super().setup_databases(**kwargs) 18 | self.load_fixtures() 19 | return r 20 | 21 | @classmethod 22 | def load_fixtures(cls): 23 | try: 24 | module = import_module(f"api.fixtures") 25 | getattr(module, "run_fixtures")() 26 | except ImportError: 27 | return 28 | -------------------------------------------------------------------------------- /django-api/core/urls.py: -------------------------------------------------------------------------------- 1 | from django.urls import path, include 2 | 3 | urlpatterns = [ 4 | path("api/users/", include(("api.routers", "api"), namespace="api")), 5 | ] 6 | -------------------------------------------------------------------------------- /django-api/core/wsgi.py: -------------------------------------------------------------------------------- 1 | """ 2 | WSGI config for core project. 3 | 4 | It exposes the WSGI callable as a module-level variable named ``application``. 5 | 6 | For more information on this file, see 7 | https://docs.djangoproject.com/en/3.2/howto/deployment/wsgi/ 8 | """ 9 | 10 | import os 11 | 12 | from django.core.wsgi import get_wsgi_application 13 | 14 | os.environ.setdefault("DJANGO_SETTINGS_MODULE", "core.settings") 15 | 16 | application = get_wsgi_application() 17 | -------------------------------------------------------------------------------- /django-api/docker-compose.yml: -------------------------------------------------------------------------------- 1 | version: '3.8' 2 | services: 3 | appseed-app: 4 | container_name: appseed_app 5 | restart: always 6 | build: . 7 | networks: 8 | - db_network 9 | - web_network 10 | nginx: 11 | container_name: nginx 12 | restart: always 13 | image: "nginx:latest" 14 | ports: 15 | - "5000:5000" 16 | volumes: 17 | - ./nginx:/etc/nginx/conf.d 18 | networks: 19 | - web_network 20 | depends_on: 21 | - appseed-app 22 | networks: 23 | db_network: 24 | driver: bridge 25 | web_network: 26 | driver: bridge 27 | -------------------------------------------------------------------------------- /django-api/env.sample: -------------------------------------------------------------------------------- 1 | SECRET_KEY=STRONG_KEY_HERE 2 | DEBUG=True 3 | DJANGO_ALLOWED_HOSTS=localhost 127.0.0.1 [::1] 4 | DB_ENGINE=django.db.backends.sqlite3 5 | DATABASE=db.sqlite3 6 | -------------------------------------------------------------------------------- /django-api/gunicorn-cfg.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | bind = '0.0.0.0:5005' 7 | workers = 1 8 | accesslog = '-' 9 | loglevel = 'debug' 10 | capture_output = True 11 | enable_stdio_inheritance = True 12 | -------------------------------------------------------------------------------- /django-api/manage.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | """Django's command-line utility for administrative tasks.""" 3 | import os 4 | import sys 5 | 6 | 7 | def main(): 8 | """Run administrative tasks.""" 9 | os.environ.setdefault("DJANGO_SETTINGS_MODULE", "core.settings") 10 | try: 11 | from django.core.management import execute_from_command_line 12 | except ImportError as exc: 13 | raise ImportError( 14 | "Couldn't import Django. Are you sure it's installed and " 15 | "available on your PYTHONPATH environment variable? Did you " 16 | "forget to activate a virtual environment?" 17 | ) from exc 18 | execute_from_command_line(sys.argv) 19 | 20 | 21 | if __name__ == "__main__": 22 | main() 23 | -------------------------------------------------------------------------------- /django-api/nginx/appseed-app.conf: -------------------------------------------------------------------------------- 1 | upstream webapp { 2 | server appseed_app:5005; 3 | } 4 | 5 | server { 6 | listen 5000; 7 | server_name localhost; 8 | 9 | location / { 10 | proxy_pass http://webapp; 11 | proxy_set_header Host $host; 12 | proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /django-api/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "api-server-django", 3 | "version": "1.0.1", 4 | "description": "Open-source API Server", 5 | "scripts": {}, 6 | "repository": { 7 | "type": "git", 8 | "url": "https://github.com/app-generator/api-server-django" 9 | }, 10 | "bugs": { 11 | "url": "https://github.com/app-generator/api-server-django/issues", 12 | "email": "support@appseed.us" 13 | }, 14 | "author": "AppSeed App Generator (https://appseed.us)", 15 | "engines": { 16 | "node": ">=10.0.0" 17 | }, 18 | "dependencies": {}, 19 | "devDependencies": {} 20 | } -------------------------------------------------------------------------------- /django-api/requirements.txt: -------------------------------------------------------------------------------- 1 | Django==3.2.13 2 | djangorestframework==3.13.1 3 | PyJWT==2.4.0 4 | django-cors-headers==3.13.0 5 | gunicorn==20.1.0 6 | django-environ==0.8.1 7 | -------------------------------------------------------------------------------- /react-ui/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | parser: "babel-eslint", 3 | env: { 4 | es6: true, 5 | node: true, 6 | browser: true, 7 | }, 8 | parserOptions: { 9 | ecmaVersion: 6, 10 | sourceType: "module", 11 | ecmaFeatures: { 12 | jsx: true, 13 | }, 14 | "prettier": { 15 | "printWidth": 90, 16 | "bracketSpacing": false, 17 | "trailingComma": "es5" 18 | } 19 | }, 20 | plugins: ["react"], 21 | extends: [ 22 | "eslint:recommended", 23 | "plugin:react/recommended", 24 | "plugin:prettier/recommended", 25 | ], 26 | rules: { 27 | "react/react-in-jsx-scope": "off", 28 | "prettier/prettier": 29 | [ "error", 30 | { 31 | "endOfLine": "auto"} 32 | ] 33 | } 34 | }; 35 | -------------------------------------------------------------------------------- /react-ui/.eslintrc.json: -------------------------------------------------------------------------------- 1 | // eslint-disable-next-line no-undef 2 | { 3 | "env": { 4 | "browser": true, 5 | "es2021": true 6 | }, 7 | "extends": ["plugin:react/recommended", "airbnb", "prettier"], 8 | "parserOptions": { 9 | "ecmaFeatures": { 10 | "jsx": true 11 | }, 12 | "ecmaVersion": 12, 13 | "sourceType": "module" 14 | }, 15 | "plugins": ["react", "prettier"], 16 | "rules": { 17 | "prettier/prettier": "error", 18 | "react/react-in-jsx-scope": "off", 19 | "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], 20 | "react/jsx-props-no-spreading": [ 21 | 1, 22 | { 23 | "custom": "ignore" 24 | } 25 | ], 26 | "react/jsx-curly-spacing": [2, "never"] 27 | }, 28 | "settings": { "import/resolver": { "node": { "paths": ["src"] } } } 29 | } 30 | -------------------------------------------------------------------------------- /react-ui/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | build 3 | -------------------------------------------------------------------------------- /react-ui/.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 100, 3 | "trailingComma": "es5", 4 | "tabWidth": 2, 5 | "semi": true, 6 | "singleQuote": false 7 | } 8 | -------------------------------------------------------------------------------- /react-ui/Dockerfile: -------------------------------------------------------------------------------- 1 | # pull official base image 2 | FROM node:14-alpine 3 | 4 | # set working directory 5 | WORKDIR /app 6 | 7 | # add `/app/node_modules/.bin` to $PATH 8 | ENV PATH /app/node_modules/.bin:$PATH 9 | 10 | # install app dependencies 11 | COPY package.json ./ 12 | RUN npm install --silent 13 | RUN npm install react-scripts@4.0.0 -g --silent 14 | 15 | # add app 16 | COPY . ./ 17 | 18 | # Expose port 19 | EXPOSE 3000 20 | 21 | # start app 22 | CMD ["npm", "start"] 23 | -------------------------------------------------------------------------------- /react-ui/build.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | # exit on error 3 | set -o errexit 4 | 5 | npm i 6 | npm run build -------------------------------------------------------------------------------- /react-ui/docker-compose.yml: -------------------------------------------------------------------------------- 1 | version: '3.7' 2 | 3 | services: 4 | 5 | sample: 6 | container_name: react-soft-ui 7 | build: 8 | context: . 9 | dockerfile: Dockerfile 10 | volumes: 11 | - '.:/app' 12 | - '/app/node_modules' 13 | ports: 14 | - 3000:3000 15 | environment: 16 | - CHOKIDAR_USEPOLLING=true 17 | -------------------------------------------------------------------------------- /react-ui/env.sample: -------------------------------------------------------------------------------- 1 | REACT_APP_BACKEND_SERVER='https://YOUR_API_URL/'; 2 | -------------------------------------------------------------------------------- /react-ui/jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "src", 4 | "paths": { 5 | "*": ["src/*"] 6 | } 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /react-ui/public/apple-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/public/apple-icon.png -------------------------------------------------------------------------------- /react-ui/public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/public/favicon.png -------------------------------------------------------------------------------- /react-ui/public/index.html: -------------------------------------------------------------------------------- 1 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | Soft UI Dashboard React 26 | 30 | 36 | 40 | 41 | 42 | 43 | 44 |
45 | 46 | 47 | -------------------------------------------------------------------------------- /react-ui/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "Soft UI Dashboard", 3 | "name": "Soft UI Dashboard React", 4 | "icons": [ 5 | { 6 | "src": "favicon.png", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/png" 9 | } 10 | ], 11 | "start_url": ".", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } 16 | -------------------------------------------------------------------------------- /react-ui/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /react-ui/src/ProtectedRoute.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Route } from "react-router-dom"; 3 | import { useAuth } from "auth-context/auth.context"; 4 | import { useHistory } from "react-router-dom"; 5 | import SweetAlert from "react-bootstrap-sweetalert"; 6 | 7 | export const ProtectedRoute = ({ ...rest }) => { 8 | const history = useHistory(); 9 | let { user } = useAuth(); 10 | if (!user || !user.token || user.token === "") { 11 | return ( 12 | history.push("/authentication/sign-in")} 15 | onConfirm={() => history.push("/authentication/sign-in")} 16 | confirmBtnCssClass={"px-5"} 17 | /> 18 | ); 19 | } 20 | 21 | return ; 22 | }; 23 | -------------------------------------------------------------------------------- /react-ui/src/api/auth.js: -------------------------------------------------------------------------------- 1 | import axios from "./index"; 2 | 3 | class AuthApi { 4 | static Login = (data) => { 5 | return axios.post(`${base}/login`, data); 6 | }; 7 | 8 | static Register = (data) => { 9 | return axios.post(`${base}/register`, data); 10 | }; 11 | 12 | static Logout = (data) => { 13 | return axios.post(`${base}/logout`, data, { headers: { Authorization: `${data.token}` } }); 14 | }; 15 | } 16 | 17 | let base = "users"; 18 | 19 | export default AuthApi; 20 | -------------------------------------------------------------------------------- /react-ui/src/api/index.js: -------------------------------------------------------------------------------- 1 | import Axios from "axios"; 2 | import { API_SERVER } from "../config/constant"; 3 | 4 | const axios = Axios.create({ 5 | baseURL: `${API_SERVER}`, 6 | headers: { "Content-Type": "application/json" }, 7 | }); 8 | 9 | axios.interceptors.request.use( 10 | (config) => { 11 | return Promise.resolve(config); 12 | }, 13 | (error) => Promise.reject(error) 14 | ); 15 | 16 | axios.interceptors.response.use( 17 | (response) => Promise.resolve(response), 18 | (error) => { 19 | return Promise.reject(error); 20 | } 21 | ); 22 | 23 | export default axios; 24 | -------------------------------------------------------------------------------- /react-ui/src/assets/images/bruce-mars.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/bruce-mars.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/curved-images/curved-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/curved-images/curved-6.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/curved-images/curved0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/curved-images/curved0.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/curved-images/curved1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/curved-images/curved1.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/curved-images/curved14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/curved-images/curved14.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/curved-images/white-curved.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/curved-images/white-curved.jpeg -------------------------------------------------------------------------------- /react-ui/src/assets/images/home-decor-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/home-decor-1.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/home-decor-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/home-decor-2.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/home-decor-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/home-decor-3.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/illustrations/rocket-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/illustrations/rocket-white.png -------------------------------------------------------------------------------- /react-ui/src/assets/images/ivana-square.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/ivana-square.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/ivana-squares.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/ivana-squares.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/ivancik.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/ivancik.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/kal-visuals-square.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/kal-visuals-square.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/logo-ct.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/logo-ct.png -------------------------------------------------------------------------------- /react-ui/src/assets/images/logos/mastercard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/logos/mastercard.png -------------------------------------------------------------------------------- /react-ui/src/assets/images/logos/visa.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/logos/visa.png -------------------------------------------------------------------------------- /react-ui/src/assets/images/marie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/marie.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/small-logos/icon-sun-cloud.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/small-logos/icon-sun-cloud.png -------------------------------------------------------------------------------- /react-ui/src/assets/images/small-logos/logo-apple.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Artboard 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /react-ui/src/assets/images/small-logos/logo-atlassian.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Logos 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /react-ui/src/assets/images/small-logos/logo-facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Artboard 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /react-ui/src/assets/images/small-logos/logo-google.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Artboard 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /react-ui/src/assets/images/small-logos/logo-jira.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Logos 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /react-ui/src/assets/images/small-logos/logo-spotify.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Logos 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /react-ui/src/assets/images/small-logos/logo-webdev.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Logos 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /react-ui/src/assets/images/team-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/team-1.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/team-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/team-2.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/team-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/team-3.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/team-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/team-4.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/team-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/team-5.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/images/vr-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/react-soft-dashboard-django/bc34965936f863dbbf6578b7361487b6612727b5/react-ui/src/assets/images/vr-bg.jpg -------------------------------------------------------------------------------- /react-ui/src/assets/theme/base/borders.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /** 17 | * The base border styles for the Soft UI Dashboard PRO Material. 18 | * You can add new border width, border color or border radius using this file. 19 | * You can customized the borders value for the entire Soft UI Dashboard PRO Material using thie file. 20 | */ 21 | 22 | // Soft UI Dashboard PRO React Base Styles 23 | import colors from "assets/theme/base/colors"; 24 | 25 | // Soft UI Dashboard PRO React Helper Functions 26 | import pxToRem from "assets/theme/functions/pxToRem"; 27 | 28 | const { grey } = colors; 29 | 30 | export default { 31 | borderColor: grey[300], 32 | 33 | borderWidth: { 34 | 0: 0, 35 | 1: pxToRem(1), 36 | 2: pxToRem(2), 37 | 3: pxToRem(3), 38 | 4: pxToRem(4), 39 | 5: pxToRem(5), 40 | }, 41 | 42 | borderRadius: { 43 | xs: pxToRem(2), 44 | sm: pxToRem(4), 45 | md: pxToRem(8), 46 | lg: pxToRem(12), 47 | xl: pxToRem(16), 48 | xxl: pxToRem(24), 49 | section: pxToRem(160), 50 | }, 51 | }; 52 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/base/breakpoints.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /** 17 | * The base breakpoints for the Soft UI Dashboard PRO Material. 18 | * You can add new breakpoints using this file. 19 | * You can customized the breakpoints for the entire Soft UI Dashboard PRO Material using thie file. 20 | */ 21 | 22 | export default { 23 | values: { 24 | xs: 0, 25 | sm: 576, 26 | md: 768, 27 | lg: 992, 28 | xl: 1200, 29 | xxl: 1400, 30 | }, 31 | }; 32 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/appBar.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | export default { 17 | defaultProps: { 18 | color: "transparent", 19 | }, 20 | 21 | styleOverrides: { 22 | root: { 23 | boxShadow: "none", 24 | }, 25 | }, 26 | }; 27 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/avatar.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import borders from "assets/theme/base/borders"; 18 | 19 | const { borderRadius } = borders; 20 | 21 | export default { 22 | styleOverrides: { 23 | root: { 24 | transition: "all 200ms ease-in-out", 25 | }, 26 | 27 | rounded: { 28 | borderRadius: borderRadius.lg, 29 | }, 30 | 31 | img: { 32 | height: "auto", 33 | }, 34 | }, 35 | }; 36 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/breadcrumbs.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | import typography from "assets/theme/base/typography"; 19 | 20 | const { grey } = colors; 21 | const { size } = typography; 22 | 23 | export default { 24 | styleOverrides: { 25 | li: { 26 | lineHeight: 0, 27 | }, 28 | 29 | separator: { 30 | fontSize: size.sm, 31 | color: grey[600], 32 | }, 33 | }, 34 | }; 35 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/button/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React Button Styles 17 | import root from "assets/theme/components/button/root"; 18 | import contained from "assets/theme/components/button/contained"; 19 | import outlined from "assets/theme/components/button/outlined"; 20 | import text from "assets/theme/components/button/text"; 21 | 22 | export default { 23 | styleOverrides: { 24 | root: { ...root }, 25 | contained: { ...contained.base }, 26 | containedSizeSmall: { ...contained.small }, 27 | containedSizeLarge: { ...contained.large }, 28 | containedPrimary: { ...contained.primary }, 29 | containedSecondary: { ...contained.secondary }, 30 | outlined: { ...outlined.base }, 31 | outlinedSizeSmall: { ...outlined.small }, 32 | outlinedSizeLarge: { ...outlined.large }, 33 | outlinedPrimary: { ...outlined.primary }, 34 | outlinedSecondary: { ...outlined.secondary }, 35 | text: { ...text.base }, 36 | textSizeSmall: { ...text.small }, 37 | textSizeLarge: { ...text.large }, 38 | textPrimary: { ...text.primary }, 39 | textSecondary: { ...text.secondary }, 40 | }, 41 | }; 42 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/button/root.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React Base Styles 17 | import typography from "assets/theme/base/typography"; 18 | import borders from "assets/theme/base/borders"; 19 | 20 | // Soft UI Dashboard PRO React Helper Functions 21 | import pxToRem from "assets/theme/functions/pxToRem"; 22 | 23 | const { fontWeightBold, size } = typography; 24 | const { borderRadius } = borders; 25 | 26 | export default { 27 | display: "inline-flex", 28 | justifyContent: "center", 29 | alignItems: "center", 30 | fontSize: size.xs, 31 | fontWeight: fontWeightBold, 32 | borderRadius: borderRadius.md, 33 | padding: `${pxToRem(12)} ${pxToRem(24)}`, 34 | lineHeight: 1.4, 35 | textAlign: "center", 36 | textTransform: "uppercase", 37 | userSelect: "none", 38 | backgroundSize: "150% !important", 39 | backgroundPositionX: "25% !important", 40 | transition: `all 150ms ease-in`, 41 | 42 | "&:hover": { 43 | transform: "scale(1.02)", 44 | }, 45 | 46 | "&:disabled": { 47 | pointerEvent: "none", 48 | opacity: 0.65, 49 | }, 50 | 51 | "& .material-icons": { 52 | fontSize: pxToRem(15), 53 | marginTop: pxToRem(-2), 54 | }, 55 | }; 56 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/buttonBase.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | export default { 17 | defaultProps: { 18 | disableRipple: true, 19 | }, 20 | }; 21 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/card/cardContent.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React Helper Functions 17 | import pxToRem from "assets/theme/functions/pxToRem"; 18 | 19 | export default { 20 | styleOverrides: { 21 | root: { 22 | marginTop: 0, 23 | marginBottom: 0, 24 | padding: `${pxToRem(8)} ${pxToRem(24)} ${pxToRem(24)}`, 25 | }, 26 | }, 27 | }; 28 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/card/cardMedia.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React Base Styles 17 | import borders from "assets/theme/base/borders"; 18 | 19 | // Soft UI Dashboard PRO React Helper Functions 20 | import pxToRem from "assets/theme/functions/pxToRem"; 21 | 22 | const { borderRadius } = borders; 23 | 24 | export default { 25 | styleOverrides: { 26 | root: { 27 | borderRadius: borderRadius.xl, 28 | margin: `${pxToRem(16)} ${pxToRem(16)} 0`, 29 | }, 30 | 31 | media: { 32 | width: "auto", 33 | }, 34 | }, 35 | }; 36 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/card/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React Base Styles 17 | import colors from "assets/theme/base/colors"; 18 | import borders from "assets/theme/base/borders"; 19 | import boxShadows from "assets/theme/base/boxShadows"; 20 | 21 | // Soft UI Dashboard PRO React Helper Function 22 | import rgba from "assets/theme/functions/rgba"; 23 | 24 | const { black, white } = colors; 25 | const { borderWidth, borderRadius } = borders; 26 | const { xxl } = boxShadows; 27 | 28 | export default { 29 | styleOverrides: { 30 | root: { 31 | display: "flex", 32 | flexDirection: "column", 33 | position: "relative", 34 | minWidth: 0, 35 | wordWrap: "break-word", 36 | backgroundColor: white.main, 37 | backgroundClip: "border-box", 38 | border: `${borderWidth[0]} solid ${rgba(black.main, 0.125)}`, 39 | borderRadius: borderRadius.xl, 40 | boxShadow: xxl, 41 | }, 42 | }, 43 | }; 44 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/container.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import breakpoints from "assets/theme/base/breakpoints"; 18 | 19 | // Soft UI Dashboard PRO React helper functions 20 | import pxToRem from "assets/theme/functions/pxToRem"; 21 | 22 | const { 23 | values: { sm, md, lg, xl, xxl }, 24 | } = breakpoints; 25 | 26 | const SM = `@media (min-width: ${sm}px)`; 27 | const MD = `@media (min-width: ${md}px)`; 28 | const LG = `@media (min-width: ${lg}px)`; 29 | const XL = `@media (min-width: ${xl}px)`; 30 | const XXL = `@media (min-width: ${xxl}px)`; 31 | 32 | const sharedClasses = { 33 | paddingRight: `${pxToRem(24)} !important`, 34 | paddingLeft: `${pxToRem(24)} !important`, 35 | marginRight: "auto !important", 36 | marginLeft: "auto !important", 37 | width: "100% !important", 38 | position: "relative", 39 | }; 40 | 41 | export default { 42 | [SM]: { 43 | ".MuiContainer-root": { 44 | ...sharedClasses, 45 | maxWidth: "540px !important", 46 | }, 47 | }, 48 | [MD]: { 49 | ".MuiContainer-root": { 50 | ...sharedClasses, 51 | maxWidth: "720px !important", 52 | }, 53 | }, 54 | [LG]: { 55 | ".MuiContainer-root": { 56 | ...sharedClasses, 57 | maxWidth: "960px !important", 58 | }, 59 | }, 60 | [XL]: { 61 | ".MuiContainer-root": { 62 | ...sharedClasses, 63 | maxWidth: "1140px !important", 64 | }, 65 | }, 66 | [XXL]: { 67 | ".MuiContainer-root": { 68 | ...sharedClasses, 69 | maxWidth: "1320px !important", 70 | }, 71 | }, 72 | }; 73 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/divider.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | 19 | // Soft UI Dashboard PRO React helper functions 20 | import rgba from "assets/theme/functions/rgba"; 21 | import pxToRem from "assets/theme/functions/pxToRem"; 22 | 23 | const { dark, transparent, white } = colors; 24 | 25 | export default { 26 | styleOverrides: { 27 | root: { 28 | backgroundColor: transparent.main, 29 | backgroundImage: `linear-gradient(to right, ${rgba(dark.main, 0)}, ${rgba( 30 | dark.main, 31 | 0.5 32 | )}, ${rgba(dark.main, 0)}) !important`, 33 | height: pxToRem(1), 34 | margin: `${pxToRem(16)} 0`, 35 | borderBottom: "none", 36 | opacity: 0.25, 37 | }, 38 | 39 | vertical: { 40 | backgroundColor: transparent.main, 41 | backgroundImage: `linear-gradient(to bottom, ${rgba(dark.main, 0)}, ${rgba( 42 | dark.main, 43 | 0.5 44 | )}, ${rgba(dark.main, 0)}) !important`, 45 | width: pxToRem(1), 46 | height: "100%", 47 | margin: `0 ${pxToRem(16)}`, 48 | borderRight: "none", 49 | }, 50 | 51 | light: { 52 | backgroundColor: transparent.main, 53 | backgroundImage: `linear-gradient(to right, ${rgba(white.main, 0)}, ${rgba( 54 | white.main, 55 | 0.5 56 | )}, ${rgba(white.main, 0)}) !important`, 57 | 58 | "&.MuiDivider-vertical": { 59 | backgroundImage: `linear-gradient(to bottom, ${rgba(white.main, 0)}, ${rgba( 60 | white.main, 61 | 0.5 62 | )}, ${rgba(white.main, 0)}) !important`, 63 | }, 64 | }, 65 | }, 66 | }; 67 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/form/formControlLabel.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | import typography from "assets/theme/base/typography"; 19 | 20 | // Soft UI Dashboard PRO React helper functions 21 | import pxToRem from "assets/theme/functions/pxToRem"; 22 | 23 | const { dark } = colors; 24 | const { size, fontWeightBold } = typography; 25 | 26 | export default { 27 | styleOverrides: { 28 | root: { 29 | display: "block", 30 | minHeight: pxToRem(24), 31 | marginBottom: pxToRem(2), 32 | }, 33 | 34 | label: { 35 | display: "inline-block", 36 | fontSize: size.sm, 37 | fontWeight: fontWeightBold, 38 | color: dark.main, 39 | lineHeight: 1, 40 | transform: `translateY(${pxToRem(1)})`, 41 | marginLeft: pxToRem(4), 42 | 43 | "&.Mui-disabled": { 44 | color: dark.main, 45 | }, 46 | }, 47 | }, 48 | }; 49 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/form/formLabel.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | 19 | const { dark } = colors; 20 | 21 | export default { 22 | styleOverrides: { 23 | root: { 24 | color: dark.main, 25 | }, 26 | }, 27 | }; 28 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/form/input.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React Base Styles 17 | import colors from "assets/theme/base/colors"; 18 | import borders from "assets/theme/base/borders"; 19 | 20 | // Soft UI Dashboard PRO helper functions 21 | import pxToRem from "assets/theme/functions/pxToRem"; 22 | 23 | const { inputColors } = colors; 24 | const { borderWidth, borderRadius } = borders; 25 | 26 | export default { 27 | styleOverrides: { 28 | root: { 29 | display: "flex !important", 30 | padding: `${pxToRem(8)} ${pxToRem(28)} ${pxToRem(8)} ${pxToRem(12)} !important`, 31 | border: `${borderWidth[1]} solid ${inputColors.borderColor.main}`, 32 | borderRadius: `${borderRadius.md} !important`, 33 | 34 | "& fieldset": { 35 | border: "none", 36 | }, 37 | }, 38 | 39 | input: { 40 | height: pxToRem(22), 41 | width: "max-content !important", 42 | }, 43 | 44 | inputSizeSmall: { 45 | height: pxToRem(14), 46 | }, 47 | }, 48 | }; 49 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/form/inputBase.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React Base Styles 17 | import colors from "assets/theme/base/colors"; 18 | import typography from "assets/theme/base/typography"; 19 | import borders from "assets/theme/base/borders"; 20 | 21 | // Soft UI Dashboard PRO helper functions 22 | import pxToRem from "assets/theme/functions/pxToRem"; 23 | 24 | const { dark, white, grey, inputColors } = colors; 25 | const { size, fontWeightRegular } = typography; 26 | const { borderWidth, borderRadius } = borders; 27 | 28 | export default { 29 | styleOverrides: { 30 | root: { 31 | display: "grid !important", 32 | placeItems: "center !important", 33 | width: "100% !important", 34 | height: "auto !important", 35 | padding: `${pxToRem(8)} ${pxToRem(12)}`, 36 | fontSize: `${size.sm} !important`, 37 | fontWeight: `${fontWeightRegular} !important`, 38 | lineHeight: "1.4 !important", 39 | color: `${grey[700]} !important`, 40 | backgroundColor: `${white.main} !important`, 41 | backgroundClip: "padding-box !important", 42 | border: `${borderWidth[1]} solid ${inputColors.borderColor.main}`, 43 | appearance: "none !important", 44 | borderRadius: borderRadius.md, 45 | transition: "box-shadow 150ms ease, border-color 150ms ease, padding 150ms ease !important", 46 | }, 47 | 48 | input: { 49 | width: "100% !important", 50 | height: `${pxToRem(22)}`, 51 | padding: "0 !important", 52 | 53 | "&::-webkit-input-placeholder": { 54 | color: `${dark.main} !important`, 55 | }, 56 | }, 57 | }, 58 | }; 59 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/form/select.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | 19 | // Soft UI Dashboard PRO React helper functions 20 | import pxToRem from "assets/theme/functions/pxToRem"; 21 | 22 | const { transparent } = colors; 23 | 24 | export default { 25 | styleOverrides: { 26 | select: { 27 | display: "grid", 28 | alignItems: "center", 29 | padding: `0 ${pxToRem(12)} !important`, 30 | 31 | "& .Mui-selected": { 32 | backgroundColor: transparent.main, 33 | }, 34 | }, 35 | 36 | selectMenu: { 37 | background: "none", 38 | height: "none", 39 | minHeight: "none", 40 | overflow: "unset", 41 | }, 42 | 43 | icon: { 44 | display: "none", 45 | }, 46 | }, 47 | }; 48 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/icon.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React helper functions 17 | import pxToRem from "assets/theme/functions/pxToRem"; 18 | 19 | export default { 20 | defaultProps: { 21 | baseClassName: "material-icons-round", 22 | fontSize: "inherit", 23 | }, 24 | 25 | styleOverrides: { 26 | fontSizeInherit: { 27 | fontSize: "inherit !important", 28 | }, 29 | 30 | fontSizeSmall: { 31 | fontSize: `${pxToRem(20)} !important`, 32 | }, 33 | 34 | fontSizeLarge: { 35 | fontSize: `${pxToRem(36)} !important`, 36 | }, 37 | }, 38 | }; 39 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/iconButton.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React Base Styles 17 | import colors from "assets/theme/base/colors"; 18 | 19 | const { transparent } = colors; 20 | 21 | export default { 22 | styleOverrides: { 23 | root: { 24 | "&:hover": { 25 | backgroundColor: transparent.main, 26 | }, 27 | }, 28 | }, 29 | }; 30 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/linearProgess.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import borders from "assets/theme/base/borders"; 18 | import colors from "assets/theme/base/colors"; 19 | 20 | // Soft UI Dashboard PRO React helper functions 21 | import pxToRem from "assets/theme/functions/pxToRem"; 22 | 23 | const { borderRadius } = borders; 24 | const { light } = colors; 25 | 26 | export default { 27 | styleOverrides: { 28 | root: { 29 | height: pxToRem(3), 30 | borderRadius: borderRadius.md, 31 | overflow: "visible", 32 | position: "relative", 33 | }, 34 | 35 | colorPrimary: { 36 | backgroundColor: light.main, 37 | }, 38 | 39 | colorSecondary: { 40 | backgroundColor: light.main, 41 | }, 42 | 43 | bar: { 44 | height: pxToRem(6), 45 | borderRadius: borderRadius.sm, 46 | position: "absolute", 47 | transform: `translate(0, ${pxToRem(-1.5)}) !important`, 48 | transition: "width 0.6s ease !important", 49 | }, 50 | }, 51 | }; 52 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/link.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | export default { 17 | defaultProps: { 18 | underline: "none", 19 | }, 20 | }; 21 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/list/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | export default { 17 | styleOverrides: { 18 | padding: { 19 | paddingTop: 0, 20 | paddingBottom: 0, 21 | }, 22 | }, 23 | }; 24 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/list/listItem.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | export default { 17 | defaultProps: { 18 | disableGutters: true, 19 | }, 20 | 21 | styleOverrides: { 22 | root: { 23 | paddingTop: 0, 24 | paddingBottom: 0, 25 | }, 26 | }, 27 | }; 28 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/list/listItemText.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | export default { 17 | styleOverrides: { 18 | root: { 19 | marginTop: 0, 20 | marginBottom: 0, 21 | }, 22 | }, 23 | }; 24 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/menu/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import boxShadows from "assets/theme/base/boxShadows"; 18 | import typography from "assets/theme/base/typography"; 19 | import colors from "assets/theme/base/colors"; 20 | import borders from "assets/theme/base/borders"; 21 | 22 | // Soft UI Dashboard PRO React helper functions 23 | import pxToRem from "assets/theme/functions/pxToRem"; 24 | 25 | const { lg } = boxShadows; 26 | const { size } = typography; 27 | const { text, white } = colors; 28 | const { borderRadius } = borders; 29 | 30 | export default { 31 | defaultProps: { 32 | disableAutoFocusItem: true, 33 | }, 34 | 35 | styleOverrides: { 36 | paper: { 37 | minWidth: pxToRem(160), 38 | boxShadow: lg, 39 | padding: `${pxToRem(16)} ${pxToRem(8)}`, 40 | fontSize: size.sm, 41 | color: text.main, 42 | textAlign: "left", 43 | backgroundColor: `${white.main} !important`, 44 | borderRadius: borderRadius.md, 45 | }, 46 | }, 47 | }; 48 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/menu/menuItem.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | import borders from "assets/theme/base/borders"; 19 | import typography from "assets/theme/base/typography"; 20 | 21 | // Soft UI Dashboard PRO React helper functions 22 | import pxToRem from "assets/theme/functions/pxToRem"; 23 | 24 | const { light, text, dark } = colors; 25 | const { borderRadius } = borders; 26 | const { size } = typography; 27 | 28 | export default { 29 | styleOverrides: { 30 | root: { 31 | minWidth: pxToRem(160), 32 | minHeight: "unset", 33 | padding: `${pxToRem(4.8)} ${pxToRem(16)}`, 34 | borderRadius: borderRadius.md, 35 | fontSize: size.sm, 36 | color: text.main, 37 | transition: "background-color 300ms ease, color 300ms ease", 38 | 39 | "&:hover, &:focus, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected:focus": { 40 | backgroundColor: light.main, 41 | color: dark.main, 42 | }, 43 | }, 44 | }, 45 | }; 46 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/popover.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React helper functions 17 | import pxToRem from "assets/theme/functions/pxToRem"; 18 | 19 | // Soft UI Dashboard PRO React base styles 20 | import colors from "assets/theme/base/colors"; 21 | import boxShadows from "assets/theme/base/boxShadows"; 22 | import borders from "assets/theme/base/borders"; 23 | 24 | const { transparent } = colors; 25 | const { lg } = boxShadows; 26 | const { borderRadius } = borders; 27 | 28 | export default { 29 | styleOverrides: { 30 | paper: { 31 | backgroundColor: transparent.main, 32 | boxShadow: lg, 33 | padding: pxToRem(8), 34 | borderRadius: borderRadius.lg, 35 | }, 36 | }, 37 | }; 38 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/sidenav.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | import borders from "assets/theme/base/borders"; 19 | 20 | // Soft UI Dashboard PRO React helper functions 21 | import rgba from "assets/theme/functions/rgba"; 22 | import pxToRem from "assets/theme/functions/pxToRem"; 23 | 24 | const { white } = colors; 25 | const { borderRadius } = borders; 26 | 27 | export default { 28 | styleOverrides: { 29 | root: { 30 | width: pxToRem(250), 31 | whiteSpace: "nowrap", 32 | border: "none", 33 | }, 34 | 35 | paper: { 36 | width: pxToRem(250), 37 | backgroundColor: rgba(white.main, 0.8), 38 | backdropFilter: `saturate(200%) blur(${pxToRem(30)})`, 39 | height: `calc(100vh - ${pxToRem(32)})`, 40 | margin: pxToRem(16), 41 | borderRadius: borderRadius.xl, 42 | border: "none", 43 | }, 44 | 45 | paperAnchorDockedLeft: { 46 | borderRight: "none", 47 | }, 48 | }, 49 | }; 50 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/slider.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | import borders from "assets/theme/base/borders"; 19 | import boxShadows from "assets/theme/base/boxShadows"; 20 | 21 | // Soft UI Dashboard PRO React helper functions 22 | import linearGradient from "assets/theme/functions/linearGradient"; 23 | import pxToRem from "assets/theme/functions/pxToRem"; 24 | 25 | const { light, white, sliderColors, black, gradients } = colors; 26 | const { borderRadius, borderWidth } = borders; 27 | const { sliderBoxShadow } = boxShadows; 28 | 29 | export default { 30 | styleOverrides: { 31 | root: { 32 | width: "100%", 33 | 34 | "& .MuiSlider-active, & .Mui-focusVisible": { 35 | boxShadow: "none !important", 36 | }, 37 | 38 | "& .MuiSlider-valueLabel": { 39 | color: black.main, 40 | }, 41 | }, 42 | 43 | rail: { 44 | height: pxToRem(3), 45 | backgroundColor: light.main, 46 | borderRadius: borderRadius.sm, 47 | }, 48 | 49 | track: { 50 | backgroundImage: linearGradient(gradients.info.main, gradients.info.state), 51 | height: pxToRem(6), 52 | position: "relative", 53 | top: pxToRem(2), 54 | border: "none", 55 | borderRadius: borderRadius.lg, 56 | zIndex: 1, 57 | }, 58 | 59 | thumb: { 60 | width: pxToRem(15), 61 | height: pxToRem(15), 62 | backgroundColor: white.main, 63 | zIndex: 10, 64 | boxShadow: sliderBoxShadow.thumb, 65 | border: `${borderWidth[1]} solid ${sliderColors.thumb.borderColor}`, 66 | 67 | "&:hover": { 68 | boxShadow: "none", 69 | }, 70 | }, 71 | }, 72 | }; 73 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/stepper/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | 19 | // Soft UI Dashboard PRO React helper functions 20 | import pxToRem from "assets/theme/functions/pxToRem"; 21 | 22 | const { transparent } = colors; 23 | 24 | export default { 25 | styleOverrides: { 26 | root: { 27 | margin: `${pxToRem(48)} 0`, 28 | padding: `0 ${pxToRem(12)}`, 29 | 30 | "&.MuiPaper-root": { 31 | backgroundColor: transparent.main, 32 | }, 33 | }, 34 | }, 35 | }; 36 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/stepper/step.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React helper functions 17 | import pxToRem from "assets/theme/functions/pxToRem"; 18 | 19 | export default { 20 | styleOverrides: { 21 | root: { 22 | padding: `0 ${pxToRem(6)}`, 23 | }, 24 | }, 25 | }; 26 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/stepper/stepConnector.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import borders from "assets/theme/base/borders"; 18 | import colors from "assets/theme/base/colors"; 19 | 20 | const { dark } = colors; 21 | const { borderWidth, borderColor } = borders; 22 | 23 | export default { 24 | styleOverrides: { 25 | root: { 26 | color: borderColor, 27 | transition: "all 200ms linear", 28 | 29 | "&.Mui-active": { 30 | color: dark.main, 31 | }, 32 | 33 | "&.Mui-completed": { 34 | color: dark.main, 35 | }, 36 | }, 37 | 38 | alternativeLabel: { 39 | top: "14%", 40 | left: "-50%", 41 | right: "50%", 42 | }, 43 | 44 | line: { 45 | borderWidth: `${borderWidth[2]} !important`, 46 | borderColor: "currentColor", 47 | }, 48 | }, 49 | }; 50 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/stepper/stepIcon.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | import borders from "assets/theme/base/borders"; 19 | 20 | // Soft UI Dashboard PRO React helper functions 21 | import pxToRem from "assets/theme/functions/pxToRem"; 22 | import boxShadow from "assets/theme/functions/boxShadow"; 23 | 24 | const { dark, white } = colors; 25 | const { borderWidth, borderColor } = borders; 26 | 27 | export default { 28 | styleOverrides: { 29 | root: { 30 | background: white.main, 31 | fill: white.main, 32 | stroke: white.main, 33 | strokeWidth: pxToRem(10), 34 | width: pxToRem(13), 35 | height: pxToRem(13), 36 | border: `${borderWidth[2]} solid ${borderColor}`, 37 | borderRadius: "50%", 38 | zIndex: 99, 39 | transition: "all 200ms linear", 40 | 41 | "&.Mui-active": { 42 | background: dark.main, 43 | fill: dark.main, 44 | stroke: dark.main, 45 | borderColor: dark.main, 46 | boxShadow: boxShadow([0, 0], [0, 2], dark.main, 1), 47 | }, 48 | 49 | "&.Mui-completed": { 50 | background: dark.main, 51 | fill: dark.main, 52 | stroke: dark.main, 53 | borderColor: dark.main, 54 | boxShadow: boxShadow([0, 0], [0, 2], dark.main, 1), 55 | }, 56 | }, 57 | }, 58 | }; 59 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/stepper/stepLabel.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import typography from "assets/theme/base/typography"; 18 | import colors from "assets/theme/base/colors"; 19 | 20 | // Soft UI Dashboard PRO React helper functions 21 | import pxToRem from "assets/theme/functions/pxToRem"; 22 | 23 | const { size, fontWeightRegular } = typography; 24 | const { grey, dark, secondary } = colors; 25 | 26 | export default { 27 | styleOverrides: { 28 | label: { 29 | marginTop: `${pxToRem(8)} !important`, 30 | fontWeight: fontWeightRegular, 31 | fontSize: size.regular, 32 | color: grey[300], 33 | 34 | "&.Mui-active": { 35 | fontWeight: `${fontWeightRegular} !important`, 36 | color: `${dark.main} !important`, 37 | }, 38 | 39 | "&.Mui-completed": { 40 | fontWeight: `${fontWeightRegular} !important`, 41 | color: `${secondary.main} !important`, 42 | }, 43 | }, 44 | }, 45 | }; 46 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/svgIcon.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React helper functions 17 | import pxToRem from "assets/theme/functions/pxToRem"; 18 | 19 | export default { 20 | defaultProps: { 21 | fontSize: "inherit", 22 | }, 23 | 24 | styleOverrides: { 25 | fontSizeInherit: { 26 | fontSize: "inherit !important", 27 | }, 28 | 29 | fontSizeSmall: { 30 | fontSize: `${pxToRem(20)} !important`, 31 | }, 32 | 33 | fontSizeLarge: { 34 | fontSize: `${pxToRem(36)} !important`, 35 | }, 36 | }, 37 | }; 38 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/table/tableCell.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import borders from "assets/theme/base/borders"; 18 | import colors from "assets/theme/base/colors"; 19 | 20 | // Soft UI Dashboard PRO React helper functions 21 | import pxToRem from "assets/theme/functions/pxToRem"; 22 | 23 | const { borderWidth } = borders; 24 | const { light } = colors; 25 | 26 | export default { 27 | styleOverrides: { 28 | root: { 29 | padding: `${pxToRem(12)} ${pxToRem(16)}`, 30 | borderBottom: `${borderWidth[1]} solid ${light.main}`, 31 | }, 32 | }, 33 | }; 34 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/table/tableContainer.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | import boxShadows from "assets/theme/base/boxShadows"; 19 | import borders from "assets/theme/base/borders"; 20 | 21 | const { white } = colors; 22 | const { xxl } = boxShadows; 23 | const { borderRadius } = borders; 24 | 25 | export default { 26 | styleOverrides: { 27 | root: { 28 | backgroundColor: white.main, 29 | boxShadow: xxl, 30 | borderRadius: borderRadius.xl, 31 | }, 32 | }, 33 | }; 34 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/table/tableHead.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import borders from "assets/theme/base/borders"; 18 | 19 | // Soft UI Dashboard PRO React helper functions 20 | import pxToRem from "assets/theme/functions/pxToRem"; 21 | 22 | const { borderRadius } = borders; 23 | 24 | export default { 25 | styleOverrides: { 26 | root: { 27 | display: "block", 28 | padding: `${pxToRem(16)} ${pxToRem(16)} 0 ${pxToRem(16)}`, 29 | borderRadius: `${borderRadius.xl} ${borderRadius.xl} 0 0`, 30 | }, 31 | }, 32 | }; 33 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/tabs/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import colors from "assets/theme/base/colors"; 18 | import borders from "assets/theme/base/borders"; 19 | import boxShadows from "assets/theme/base/boxShadows"; 20 | 21 | // Soft UI Dashboard PRO React helper functions 22 | import pxToRem from "assets/theme/functions/pxToRem"; 23 | 24 | const { grey, white } = colors; 25 | const { borderRadius } = borders; 26 | const { tabsBoxShadow } = boxShadows; 27 | 28 | export default { 29 | styleOverrides: { 30 | root: { 31 | position: "relative", 32 | backgroundColor: grey[100], 33 | borderRadius: borderRadius.lg, 34 | minHeight: "unset", 35 | padding: pxToRem(4), 36 | }, 37 | 38 | flexContainer: { 39 | height: "100%", 40 | position: "relative", 41 | zIndex: 10, 42 | }, 43 | 44 | fixed: { 45 | overflow: "unset !important", 46 | overflowX: "unset !important", 47 | }, 48 | 49 | vertical: { 50 | "& .MuiTabs-indicator": { 51 | width: "100%", 52 | }, 53 | }, 54 | 55 | indicator: { 56 | height: "100%", 57 | borderRadius: borderRadius.md, 58 | backgroundColor: white.main, 59 | boxShadow: tabsBoxShadow.indicator, 60 | transition: "all 500ms ease", 61 | }, 62 | }, 63 | }; 64 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/tabs/tab.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard PRO React base styles 17 | import typography from "assets/theme/base/typography"; 18 | import borders from "assets/theme/base/borders"; 19 | import colors from "assets/theme/base/colors"; 20 | 21 | // Soft UI Dashboard PRO React helper functions 22 | import pxToRem from "assets/theme/functions/pxToRem"; 23 | 24 | const { size, fontWeightRegular } = typography; 25 | const { borderRadius } = borders; 26 | const { dark } = colors; 27 | 28 | export default { 29 | styleOverrides: { 30 | root: { 31 | display: "flex", 32 | alignItems: "center", 33 | flexDirection: "row", 34 | flex: "1 1 auto", 35 | textAlign: "center", 36 | maxWidth: "unset !important", 37 | minWidth: "unset !important", 38 | minHeight: "unset !important", 39 | fontSize: size.regular, 40 | fontWeight: fontWeightRegular, 41 | textTransform: "none", 42 | lineHeight: "inherit", 43 | padding: pxToRem(4), 44 | borderRadius: borderRadius.md, 45 | color: `${dark.main} !important`, 46 | opacity: "1 !important", 47 | 48 | "& .material-icons, .material-icons-round": { 49 | marginBottom: "0 !important", 50 | marginRight: pxToRem(4), 51 | }, 52 | 53 | "& svg": { 54 | marginBottom: "0 !important", 55 | marginRight: pxToRem(6), 56 | }, 57 | }, 58 | 59 | labelIcon: { 60 | paddingTop: pxToRem(4), 61 | }, 62 | }, 63 | }; 64 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/components/tooltip.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import Fade from "@mui/material/Fade"; 18 | 19 | // Soft UI Dashboard PRO React base styles 20 | import colors from "assets/theme/base/colors"; 21 | import typography from "assets/theme/base/typography"; 22 | import borders from "assets/theme/base/borders"; 23 | 24 | // Soft UI Dashboard PRO React helper functions 25 | import pxToRem from "assets/theme/functions/pxToRem"; 26 | 27 | const { black, light } = colors; 28 | const { size, fontWeightRegular } = typography; 29 | const { borderRadius } = borders; 30 | 31 | export default { 32 | defaultProps: { 33 | arrow: true, 34 | TransitionComponent: Fade, 35 | }, 36 | 37 | styleOverrides: { 38 | tooltip: { 39 | maxWidth: pxToRem(200), 40 | backgroundColor: black.main, 41 | color: light.main, 42 | fontSize: size.sm, 43 | fontWeight: fontWeightRegular, 44 | textAlign: "center", 45 | borderRadius: borderRadius.md, 46 | opacity: 0.7, 47 | padding: `${pxToRem(5)} ${pxToRem(8)} ${pxToRem(4)}`, 48 | }, 49 | 50 | arrow: { 51 | color: black.main, 52 | }, 53 | }, 54 | }; 55 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/functions/boxShadow.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /** 17 | The boxShadow() function helps you to create a box shadow for an element 18 | */ 19 | 20 | // Soft UI Dashboard PRO React helper functions 21 | import rgba from "assets/theme/functions/rgba"; 22 | import pxToRem from "assets/theme/functions/pxToRem"; 23 | 24 | function boxShadow(offset = [], radius = [], color, opacity, inset = "") { 25 | const [x, y] = offset; 26 | const [blur, spread] = radius; 27 | 28 | return `${inset} ${pxToRem(x)} ${pxToRem(y)} ${pxToRem(blur)} ${pxToRem(spread)} ${rgba( 29 | color, 30 | opacity 31 | )}`; 32 | } 33 | 34 | export default boxShadow; 35 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/functions/gradientChartLine.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /** 17 | The gradientChartLine() function helps you to create a gradient color for the chart line 18 | */ 19 | 20 | // Soft UI Dashboard PRO React helper functions 21 | import rgba from "assets/theme/functions/rgba"; 22 | 23 | function gradientChartLine(chart, color, opacity = 0.2) { 24 | const ctx = chart.getContext("2d"); 25 | const gradientStroke = ctx.createLinearGradient(0, 230, 0, 50); 26 | const primaryColor = rgba(color, opacity).toString(); 27 | 28 | gradientStroke.addColorStop(1, primaryColor); 29 | gradientStroke.addColorStop(0.2, "rgba(72, 72, 176, 0.0)"); 30 | gradientStroke.addColorStop(0, "rgba(203, 12, 159, 0)"); 31 | 32 | return gradientStroke; 33 | } 34 | 35 | export default gradientChartLine; 36 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/functions/hexToRgb.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /** 17 | The hexToRgb() function helps you to change the hex color code to rgb 18 | using chroma-js library. 19 | */ 20 | 21 | // chroma-js is a library for all kinds of color conversions and color scales. 22 | import chroma from "chroma-js"; 23 | 24 | function hexToRgb(color) { 25 | return chroma(color).rgb().join(", "); 26 | } 27 | 28 | export default hexToRgb; 29 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/functions/linearGradient.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /** 17 | The linearGradient() function helps you to create a linear gradient color background 18 | */ 19 | 20 | function linearGradient(color, colorState, angle = 310) { 21 | return `linear-gradient(${angle}deg, ${color}, ${colorState})`; 22 | } 23 | 24 | export default linearGradient; 25 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/functions/pxToRem.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /** 17 | The pxToRem() function helps you to convert a px unit into a rem unit, 18 | */ 19 | 20 | function pxToRem(number, baseNumber = 16) { 21 | return `${number / baseNumber}rem`; 22 | } 23 | 24 | export default pxToRem; 25 | -------------------------------------------------------------------------------- /react-ui/src/assets/theme/functions/rgba.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /** 17 | The rgba() function helps you to create a rgba color code, it uses the hexToRgb() function 18 | to convert the hex code into rgb for using it inside the rgba color format. 19 | */ 20 | 21 | // Soft UI Dashboard PRO React helper functions 22 | import hexToRgb from "assets/theme/functions/hexToRgb"; 23 | 24 | function rgba(color, opacity) { 25 | return `rgba(${hexToRgb(color)}, ${opacity})`; 26 | } 27 | 28 | export default rgba; 29 | -------------------------------------------------------------------------------- /react-ui/src/auth-context/auth.context.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import PropTypes from "prop-types"; 3 | 4 | const AuthContext = React.createContext(null); 5 | 6 | export const AuthProvider = ({ userData, children }) => { 7 | let [user, setUser] = React.useState(userData); 8 | user = typeof user === "string" ? JSON.parse(user) : user; 9 | 10 | return {children}; 11 | }; 12 | 13 | AuthProvider.propTypes = { 14 | userData: PropTypes.any, 15 | children: PropTypes.any, 16 | }; 17 | 18 | export const useAuth = () => React.useContext(AuthContext); 19 | -------------------------------------------------------------------------------- /react-ui/src/components/SuiAlert/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, typography, borders, functions, transitions }) => { 20 | const { white, alertColors } = palette; 21 | const { size, fontSizeRegular, fontWeightMedium } = typography; 22 | const { borderWidth, borderRadius } = borders; 23 | const { pxToRem, linearGradient } = functions; 24 | 25 | return { 26 | alert: { 27 | display: "flex", 28 | justifyContent: "space-between", 29 | alignItems: "center", 30 | minHeight: pxToRem(60), 31 | backgroundImage: ({ color }) => 32 | linearGradient(alertColors[color].main, alertColors[color].state), 33 | color: white.main, 34 | position: "relative", 35 | padding: pxToRem(16), 36 | marginBottom: pxToRem(16), 37 | border: ({ color }) => `${borderWidth[1]} solid ${alertColors[color].border}`, 38 | borderRadius: borderRadius.md, 39 | fontSize: fontSizeRegular, 40 | fontWeight: fontWeightMedium, 41 | }, 42 | 43 | alert_closeIcon: { 44 | color: white.main, 45 | fontSize: size.xl, 46 | padding: `${pxToRem(9)} ${pxToRem(6)} ${pxToRem(8)}`, 47 | marginLeft: pxToRem(40), 48 | fontWeight: fontWeightMedium, 49 | opacity: 0.5, 50 | cursor: "pointer", 51 | lineHeight: 0, 52 | transition: transitions.create("opacity", { 53 | easing: transitions.easing.easeInOut, 54 | duration: transitions.duration.shorter, 55 | }), 56 | 57 | "&:hover": { 58 | opacity: 1, 59 | }, 60 | }, 61 | }; 62 | }); 63 | -------------------------------------------------------------------------------- /react-ui/src/components/SuiAvatar/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | import { forwardRef } from "react"; 17 | 18 | // clsx is a utility for constructing className string conditionally 19 | import clsx from "clsx"; 20 | 21 | // prop-types is a library for typechecking of props 22 | import PropTypes from "prop-types"; 23 | 24 | // @mui material components 25 | import Avatar from "@mui/material/Avatar"; 26 | 27 | // Custom styles for SuiAvatar 28 | import styles from "components/SuiAvatar/styles"; 29 | 30 | const SuiAvatar = forwardRef(({ backgroundColor, size, boxShadow, customClass, ...rest }, ref) => { 31 | const classes = styles({ boxShadow, backgroundColor }); 32 | 33 | return ( 34 | 42 | ); 43 | }); 44 | 45 | // Setting default values for the props of SuiAvatar 46 | SuiAvatar.defaultProps = { 47 | backgroundColor: "transparent", 48 | size: "md", 49 | boxShadow: "none", 50 | customClass: "", 51 | }; 52 | 53 | // Typechecking props for the SuiAvatar 54 | SuiAvatar.propTypes = { 55 | backgroundColor: PropTypes.oneOf([ 56 | "transparent", 57 | "primary", 58 | "secondary", 59 | "info", 60 | "success", 61 | "warning", 62 | "error", 63 | "light", 64 | "dark", 65 | ]), 66 | size: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl", "xxl"]), 67 | boxShadow: PropTypes.oneOf(["none", "xs", "sm", "regular", "lg", "xl", "xxl", "inset"]), 68 | customClass: PropTypes.string, 69 | }; 70 | 71 | export default SuiAvatar; 72 | -------------------------------------------------------------------------------- /react-ui/src/components/SuiAvatar/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, functions, typography, boxShadows }) => { 20 | const { gradients, transparent } = palette; 21 | const { pxToRem, linearGradient } = functions; 22 | const { size, fontWeightBold } = typography; 23 | 24 | return { 25 | suiAvatar: { 26 | backgroundImage: ({ backgroundColor }) => 27 | backgroundColor === "transparent" 28 | ? transparent.main 29 | : linearGradient(gradients[backgroundColor].main, gradients[backgroundColor].state), 30 | fontWeight: fontWeightBold, 31 | }, 32 | 33 | suiAvatar_xs: { 34 | width: pxToRem(24), 35 | height: pxToRem(24), 36 | fontSize: size.xs, 37 | }, 38 | 39 | suiAvatar_sm: { 40 | width: pxToRem(36), 41 | height: pxToRem(36), 42 | fontSize: size.sm, 43 | }, 44 | 45 | suiAvatar_md: { 46 | width: pxToRem(48), 47 | height: pxToRem(48), 48 | fontSize: size.regular, 49 | }, 50 | 51 | suiAvatar_lg: { 52 | width: pxToRem(58), 53 | height: pxToRem(58), 54 | fontSize: size.sm, 55 | }, 56 | 57 | suiAvatar_xl: { 58 | width: pxToRem(74), 59 | height: pxToRem(74), 60 | fontSize: size.regular, 61 | }, 62 | 63 | suiAvatar_xxl: { 64 | width: pxToRem(110), 65 | height: pxToRem(110), 66 | fontSize: size.regular, 67 | }, 68 | 69 | suiAvatar_boxShadow: { 70 | boxShadow: ({ boxShadow }) => boxShadows[boxShadow], 71 | }, 72 | }; 73 | }); 74 | -------------------------------------------------------------------------------- /react-ui/src/components/SuiBox/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | import { forwardRef } from "react"; 17 | 18 | // prop-types is a library for typechecking of props 19 | import PropTypes from "prop-types"; 20 | 21 | // clsx is a utility for constructing className strings conditionally 22 | import clsx from "clsx"; 23 | 24 | // @mui material components 25 | import Box from "@mui/material/Box"; 26 | 27 | // Custom styles for SuiBox 28 | import styles from "components/SuiBox/styles"; 29 | 30 | const SuiBox = forwardRef( 31 | ( 32 | { 33 | backgroundColor, 34 | backgroundGradient, 35 | color, 36 | opacity, 37 | borderRadius, 38 | boxShadow, 39 | customClass, 40 | ...rest 41 | }, 42 | ref 43 | ) => { 44 | const classes = styles({ backgroundColor, color, opacity, borderRadius, boxShadow }); 45 | 46 | return ( 47 | 54 | ); 55 | } 56 | ); 57 | 58 | // Setting default values for the props of SuiBox 59 | SuiBox.defaultProps = { 60 | backgroundColor: "transparent", 61 | backgroundGradient: false, 62 | color: "dark", 63 | opacity: 1, 64 | borderRadius: "none", 65 | boxShadow: "none", 66 | customClass: "", 67 | }; 68 | 69 | // Typechecking props for the SuiBox 70 | SuiBox.propTypes = { 71 | backgroundColor: PropTypes.string, 72 | color: PropTypes.string, 73 | backgroundGradient: PropTypes.bool, 74 | opacity: PropTypes.number, 75 | borderRadius: PropTypes.string, 76 | boxShadow: PropTypes.string, 77 | customClass: PropTypes.string, 78 | }; 79 | 80 | export default SuiBox; 81 | -------------------------------------------------------------------------------- /react-ui/src/components/SuiProgress/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, functions }) => { 20 | const { text, gradients } = palette; 21 | const { linearGradient } = functions; 22 | 23 | return { 24 | progress: { 25 | "& .MuiLinearProgress-bar": { 26 | backgroundColor: ({ color }) => palette[color].main, 27 | width: ({ value }) => `${value}%`, 28 | color: text.main, 29 | }, 30 | }, 31 | 32 | progress_gradient: { 33 | "& .MuiLinearProgress-bar": { 34 | background: ({ color }) => linearGradient(gradients[color].main, gradients[color].state), 35 | }, 36 | }, 37 | }; 38 | }); 39 | -------------------------------------------------------------------------------- /react-ui/src/components/SuiTypography/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, typography, functions }) => { 20 | const { gradients, transparent } = palette; 21 | const { fontWeightLight, fontWeightRegular, fontWeightMedium, fontWeightBold } = typography; 22 | const { linearGradient } = functions; 23 | 24 | return { 25 | suiTypography: { 26 | color: ({ textColor }) => (textColor === "inherit" ? "inherit" : palette[textColor].main), 27 | opacity: ({ opacity }) => opacity, 28 | textDecoration: "none", 29 | }, 30 | 31 | suiTypography_light: { 32 | fontWeight: fontWeightLight, 33 | }, 34 | 35 | suiTypography_regular: { 36 | fontWeight: fontWeightRegular, 37 | }, 38 | 39 | suiTypography_medium: { 40 | fontWeight: fontWeightMedium, 41 | }, 42 | 43 | suiTypography_bold: { 44 | fontWeight: fontWeightBold, 45 | }, 46 | 47 | suiTypography_textTransform: { 48 | textTransform: ({ textTransform }) => textTransform, 49 | }, 50 | 51 | suiTypography_verticalAlign: { 52 | verticalAlign: ({ verticalAlign }) => verticalAlign, 53 | }, 54 | 55 | suiTypography_textGradient: { 56 | backgroundImage: ({ textColor }) => 57 | textColor !== "inherit" && 58 | textColor !== "text" && 59 | textColor !== "white" && 60 | linearGradient(gradients[textColor].main, gradients[textColor].state), 61 | display: "inline-block", 62 | WebkitBackgroundClip: "text", 63 | WebkitTextFillColor: transparent.main, 64 | position: "relative", 65 | zIndex: 1, 66 | }, 67 | }; 68 | }); 69 | -------------------------------------------------------------------------------- /react-ui/src/config/constant.js: -------------------------------------------------------------------------------- 1 | let BACKEND_SERVER = null; 2 | if (process.env.REACT_APP_BACKEND_SERVER) { 3 | BACKEND_SERVER = process.env.REACT_APP_BACKEND_SERVER; 4 | } else { 5 | BACKEND_SERVER = "http://localhost:5000/api/"; 6 | } 7 | export const API_SERVER = BACKEND_SERVER; 8 | -------------------------------------------------------------------------------- /react-ui/src/examples/Breadcrumbs/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette }) => ({ 20 | breadcrumbs: { 21 | "& .MuiBreadcrumbs-separator": { 22 | color: ({ light }) => (light ? palette.white.main : palette.grey[600]), 23 | }, 24 | }, 25 | })); 26 | -------------------------------------------------------------------------------- /react-ui/src/examples/Cards/MasterCard/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | // Images 20 | import curved14 from "assets/images/curved-images/curved14.jpg"; 21 | import pxToRem from "assets/theme/functions/pxToRem"; 22 | 23 | export default makeStyles(({ functions, palette, boxShadows }) => { 24 | const { linearGradient, rgba } = functions; 25 | const { gradients } = palette; 26 | const { xl } = boxShadows; 27 | 28 | return { 29 | masterCard: { 30 | background: ({ color }) => 31 | `${linearGradient( 32 | rgba(gradients[color].main, 0.8), 33 | rgba(gradients[color].state, 0.8) 34 | )}, url(${curved14})`, 35 | boxShadow: xl, 36 | }, 37 | 38 | masterCard_number: { 39 | marginTop: pxToRem(24), 40 | marginBottom: pxToRem(40), 41 | paddingBottom: pxToRem(8), 42 | }, 43 | }; 44 | }); 45 | -------------------------------------------------------------------------------- /react-ui/src/examples/Cards/PlaceholderCard/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, borders }) => { 20 | const { grey, transparent } = palette; 21 | const { borderWidth } = borders; 22 | 23 | return { 24 | placeholderCard: { 25 | height: "100%", 26 | border: ({ hasBorder }) => (hasBorder ? `${borderWidth[1]} solid ${grey[300]}` : "none"), 27 | }, 28 | 29 | placeholderCard_outlined: { 30 | backgroundColor: transparent.main, 31 | border: `${borderWidth[1]} solid ${grey[300]} !important`, 32 | boxShadow: "none", 33 | }, 34 | }; 35 | }); 36 | -------------------------------------------------------------------------------- /react-ui/src/examples/Cards/ProjectCards/DefaultProjectCard/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, boxShadows, functions, borders }) => { 20 | const { transparent, white } = palette; 21 | const { regular, xl } = boxShadows; 22 | const { pxToRem } = functions; 23 | const { borderRadius, borderWidth } = borders; 24 | 25 | return { 26 | projectCard: { 27 | display: "flex", 28 | flexDirection: "column", 29 | backgroundColor: transparent.main, 30 | boxShadow: "none", 31 | overflow: "visible", 32 | }, 33 | 34 | projectCard_imageContainer: { 35 | boxShadow: xl, 36 | width: "100.25%", 37 | borderRadius: borderRadius.xl, 38 | position: "relative", 39 | }, 40 | 41 | projectCard_image: { 42 | maxWidth: "100%", 43 | margin: 0, 44 | boxShadow: regular, 45 | objectFit: "cover", 46 | objectPosition: "center", 47 | }, 48 | 49 | projectCard_avatar: { 50 | border: `${borderWidth[2]} solid ${white.main}`, 51 | marginLeft: pxToRem(-12), 52 | cursor: "pointer", 53 | position: "relative", 54 | 55 | "&:hover, &:focus": { 56 | zIndex: "10", 57 | }, 58 | }, 59 | }; 60 | }); 61 | -------------------------------------------------------------------------------- /react-ui/src/examples/Charts/BarCharts/HorizontalBarChart/configs/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard React base styles 17 | import typography from "assets/theme/base/typography"; 18 | 19 | function configs(labels, datasets) { 20 | return { 21 | data: { 22 | labels, 23 | datasets: [...datasets], 24 | }, 25 | options: { 26 | indexAxis: "y", 27 | responsive: true, 28 | maintainAspectRatio: false, 29 | plugins: { 30 | legend: { 31 | display: false, 32 | }, 33 | }, 34 | scales: { 35 | y: { 36 | grid: { 37 | drawBorder: false, 38 | display: true, 39 | drawOnChartArea: true, 40 | drawTicks: false, 41 | borderDash: [5, 5], 42 | }, 43 | ticks: { 44 | display: true, 45 | padding: 10, 46 | color: "#9ca2b7", 47 | font: { 48 | size: 11, 49 | family: typography.fontFamily, 50 | style: "normal", 51 | lineHeight: 2, 52 | }, 53 | }, 54 | }, 55 | x: { 56 | grid: { 57 | drawBorder: false, 58 | display: false, 59 | drawOnChartArea: true, 60 | drawTicks: true, 61 | }, 62 | ticks: { 63 | display: true, 64 | color: "#9ca2b7", 65 | padding: 10, 66 | font: { 67 | size: 11, 68 | family: typography.fontFamily, 69 | style: "normal", 70 | lineHeight: 2, 71 | }, 72 | }, 73 | }, 74 | }, 75 | }, 76 | }; 77 | } 78 | 79 | export default configs; 80 | -------------------------------------------------------------------------------- /react-ui/src/examples/Charts/BarCharts/ReportsBarChart/configs/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | function configs(labels, datasets) { 17 | return { 18 | data: { 19 | labels, 20 | datasets: [ 21 | { 22 | label: datasets.label, 23 | tension: 0.4, 24 | borderWidth: 0, 25 | borderRadius: 4, 26 | borderSkipped: false, 27 | backgroundColor: "#fff", 28 | data: datasets.data, 29 | maxBarThickness: 6, 30 | }, 31 | ], 32 | }, 33 | 34 | options: { 35 | responsive: true, 36 | maintainAspectRatio: false, 37 | plugins: { 38 | legend: { 39 | display: false, 40 | }, 41 | }, 42 | interaction: { 43 | intersect: false, 44 | mode: "index", 45 | }, 46 | scales: { 47 | y: { 48 | grid: { 49 | drawBorder: false, 50 | display: false, 51 | drawOnChartArea: false, 52 | drawTicks: false, 53 | }, 54 | ticks: { 55 | suggestedMin: 0, 56 | suggestedMax: 500, 57 | beginAtZero: true, 58 | padding: 15, 59 | font: { 60 | size: 14, 61 | family: "Roboto", 62 | style: "normal", 63 | lineHeight: 2, 64 | }, 65 | color: "#fff", 66 | }, 67 | }, 68 | x: { 69 | grid: { 70 | drawBorder: false, 71 | display: false, 72 | drawOnChartArea: false, 73 | drawTicks: false, 74 | }, 75 | ticks: { 76 | display: false, 77 | }, 78 | }, 79 | }, 80 | }, 81 | }; 82 | } 83 | 84 | export default configs; 85 | -------------------------------------------------------------------------------- /react-ui/src/examples/Charts/BarCharts/VerticalBarChart/configs/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard React base styles 17 | import typography from "assets/theme/base/typography"; 18 | 19 | function configs(labels, datasets) { 20 | return { 21 | data: { 22 | labels, 23 | datasets: [...datasets], 24 | }, 25 | options: { 26 | responsive: true, 27 | maintainAspectRatio: false, 28 | plugins: { 29 | legend: { 30 | display: false, 31 | }, 32 | }, 33 | scales: { 34 | y: { 35 | grid: { 36 | drawBorder: false, 37 | display: true, 38 | drawOnChartArea: true, 39 | drawTicks: false, 40 | borderDash: [5, 5], 41 | }, 42 | ticks: { 43 | display: true, 44 | padding: 10, 45 | color: "#9ca2b7", 46 | font: { 47 | size: 11, 48 | family: typography.fontFamily, 49 | style: "normal", 50 | lineHeight: 2, 51 | }, 52 | }, 53 | }, 54 | x: { 55 | grid: { 56 | drawBorder: false, 57 | display: false, 58 | drawOnChartArea: true, 59 | drawTicks: true, 60 | }, 61 | ticks: { 62 | display: true, 63 | color: "#9ca2b7", 64 | padding: 10, 65 | font: { 66 | size: 11, 67 | family: typography.fontFamily, 68 | style: "normal", 69 | lineHeight: 2, 70 | }, 71 | }, 72 | }, 73 | }, 74 | }, 75 | }; 76 | } 77 | 78 | export default configs; 79 | -------------------------------------------------------------------------------- /react-ui/src/examples/Charts/BubbleChart/configs/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Soft UI Dashboard React base styles 17 | import typography from "assets/theme/base/typography"; 18 | 19 | function configs(labels, datasets) { 20 | return { 21 | data: { 22 | labels, 23 | datasets: [...datasets], 24 | }, 25 | options: { 26 | responsive: true, 27 | plugins: { 28 | legend: { 29 | display: false, 30 | }, 31 | }, 32 | scales: { 33 | y: { 34 | grid: { 35 | drawBorder: false, 36 | display: true, 37 | drawOnChartArea: true, 38 | drawTicks: false, 39 | borderDash: [5, 5], 40 | }, 41 | ticks: { 42 | display: true, 43 | padding: 10, 44 | color: "#b2b9bf", 45 | font: { 46 | size: 11, 47 | family: typography.fontFamily, 48 | style: "normal", 49 | lineHeight: 2, 50 | }, 51 | }, 52 | }, 53 | x: { 54 | grid: { 55 | drawBorder: false, 56 | display: true, 57 | drawOnChartArea: true, 58 | drawTicks: false, 59 | borderDash: [5, 5], 60 | }, 61 | ticks: { 62 | display: true, 63 | color: "#b2b9bf", 64 | padding: 10, 65 | font: { 66 | size: 11, 67 | family: typography.fontFamily, 68 | style: "normal", 69 | lineHeight: 2, 70 | }, 71 | }, 72 | }, 73 | }, 74 | }, 75 | }; 76 | } 77 | 78 | export default configs; 79 | -------------------------------------------------------------------------------- /react-ui/src/examples/Charts/PieChart/configs/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /* eslint-disable no-dupe-keys */ 17 | // Soft UI Dashboard React base styles 18 | import colors from "assets/theme/base/colors"; 19 | 20 | const { gradients } = colors; 21 | 22 | function configs(labels, datasets) { 23 | const backgroundColors = []; 24 | 25 | datasets.backgroundColors.forEach((color) => backgroundColors.push(gradients[color].state)); 26 | 27 | return { 28 | data: { 29 | labels, 30 | datasets: [ 31 | { 32 | label: datasets.label, 33 | weight: 9, 34 | cutout: 0, 35 | tension: 0.9, 36 | pointRadius: 2, 37 | borderWidth: 2, 38 | backgroundColor: backgroundColors, 39 | fill: false, 40 | data: datasets.data, 41 | }, 42 | ], 43 | }, 44 | options: { 45 | responsive: true, 46 | maintainAspectRatio: false, 47 | plugins: { 48 | legend: { 49 | display: false, 50 | }, 51 | }, 52 | interaction: { 53 | intersect: false, 54 | mode: "index", 55 | }, 56 | scales: { 57 | y: { 58 | grid: { 59 | drawBorder: false, 60 | display: false, 61 | drawOnChartArea: false, 62 | drawTicks: false, 63 | }, 64 | ticks: { 65 | display: false, 66 | }, 67 | }, 68 | x: { 69 | grid: { 70 | drawBorder: false, 71 | display: false, 72 | drawOnChartArea: false, 73 | drawTicks: false, 74 | }, 75 | ticks: { 76 | display: false, 77 | }, 78 | }, 79 | }, 80 | }, 81 | }; 82 | } 83 | 84 | export default configs; 85 | -------------------------------------------------------------------------------- /react-ui/src/examples/Charts/PolarChart/configs/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /* eslint-disable no-dupe-keys */ 17 | // Soft UI Dashboard React base styles 18 | import colors from "assets/theme/base/colors"; 19 | 20 | const { gradients } = colors; 21 | 22 | function configs(labels, datasets) { 23 | const backgroundColors = []; 24 | 25 | datasets.backgroundColors.forEach((color) => backgroundColors.push(gradients[color].state)); 26 | 27 | return { 28 | data: { 29 | labels, 30 | datasets: [ 31 | { 32 | label: datasets.label, 33 | backgroundColor: backgroundColors, 34 | data: datasets.data, 35 | }, 36 | ], 37 | }, 38 | options: { 39 | plugins: { 40 | legend: { 41 | display: false, 42 | }, 43 | }, 44 | }, 45 | }; 46 | } 47 | 48 | export default configs; 49 | -------------------------------------------------------------------------------- /react-ui/src/examples/Charts/RadarChart/configs/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | function configs(labels, datasets) { 17 | return { 18 | data: { 19 | labels, 20 | datasets: [...datasets], 21 | }, 22 | options: { 23 | plugins: { 24 | legend: { 25 | display: false, 26 | }, 27 | }, 28 | }, 29 | }; 30 | } 31 | 32 | export default configs; 33 | -------------------------------------------------------------------------------- /react-ui/src/examples/Footer/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ functions, breakpoints }) => { 20 | const { pxToRem } = functions; 21 | 22 | return { 23 | footer_list: { 24 | display: "flex", 25 | flexWrap: "wrap", 26 | alignItems: "center", 27 | justifyContent: "center", 28 | listStyle: "none", 29 | padding: 0, 30 | marginTop: pxToRem(24), 31 | marginBottom: 0, 32 | 33 | [breakpoints.up("lg")]: { 34 | marginTop: 0, 35 | }, 36 | }, 37 | }; 38 | }); 39 | -------------------------------------------------------------------------------- /react-ui/src/examples/LayoutContainers/DashboardLayout/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | import { useEffect } from "react"; 17 | 18 | // react-router-dom components 19 | import { useLocation } from "react-router-dom"; 20 | 21 | // prop-types is a library for typechecking of props. 22 | import PropTypes from "prop-types"; 23 | 24 | // Soft UI Dashboard React components 25 | import SuiBox from "components/SuiBox"; 26 | 27 | // Custom styles for the LayoutContainer 28 | import styles from "examples/LayoutContainers/DashboardLayout/styles"; 29 | 30 | // Soft UI Dashboard React context 31 | import { useSoftUIController } from "context"; 32 | 33 | function LayoutContainer({ children }) { 34 | const [controller, dispatch] = useSoftUIController(); 35 | const { miniSidenav, direction } = controller; 36 | const { pathname } = useLocation(); 37 | const classes = styles({ miniSidenav, direction }); 38 | 39 | useEffect(() => { 40 | dispatch({ type: "LAYOUT", value: "dashboard" }); 41 | }, [pathname]); 42 | 43 | return {children}; 44 | } 45 | 46 | // Typechecking props for the LayoutContainer 47 | LayoutContainer.propTypes = { 48 | children: PropTypes.node.isRequired, 49 | }; 50 | 51 | export default LayoutContainer; 52 | -------------------------------------------------------------------------------- /react-ui/src/examples/LayoutContainers/DashboardLayout/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ functions, breakpoints, transitions }) => { 20 | const { pxToRem } = functions; 21 | 22 | return { 23 | layoutContainer: { 24 | position: "relative", 25 | padding: pxToRem(24), 26 | 27 | [breakpoints.up("xl")]: { 28 | marginLeft: ({ direction, miniSidenav }) => { 29 | if (direction === "ltr") { 30 | return miniSidenav ? pxToRem(120) : pxToRem(274); 31 | } 32 | 33 | return false; 34 | }, 35 | marginRight: ({ direction, miniSidenav }) => { 36 | if (direction === "rtl") { 37 | return miniSidenav ? pxToRem(120) : pxToRem(274); 38 | } 39 | 40 | return false; 41 | }, 42 | transition: transitions.create(["margin-left", "margin-right"], { 43 | easing: transitions.easing.easeInOut, 44 | duration: transitions.duration.standard, 45 | }), 46 | }, 47 | }, 48 | }; 49 | }); 50 | -------------------------------------------------------------------------------- /react-ui/src/examples/LayoutContainers/PageLayout/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | import { useEffect } from "react"; 17 | 18 | // react-router-dom components 19 | import { useLocation } from "react-router-dom"; 20 | 21 | // prop-types is a library for typechecking of props. 22 | import PropTypes from "prop-types"; 23 | 24 | // Soft UI Dashboard React components 25 | import SuiBox from "components/SuiBox"; 26 | 27 | // Soft UI Dashboard React context 28 | import { useSoftUIController } from "context"; 29 | 30 | function PageLayout({ background, children }) { 31 | const [, dispatch] = useSoftUIController(); 32 | const { pathname } = useLocation(); 33 | 34 | useEffect(() => { 35 | dispatch({ type: "LAYOUT", value: "page" }); 36 | }, [pathname]); 37 | 38 | return ( 39 | 46 | {children} 47 | 48 | ); 49 | } 50 | 51 | // Setting default values for the props for PageLayout 52 | PageLayout.defaultProps = { 53 | background: "default", 54 | }; 55 | 56 | // Typechecking props for the PageLayout 57 | PageLayout.propTypes = { 58 | background: PropTypes.oneOf(["white", "light", "default"]), 59 | children: PropTypes.node.isRequired, 60 | }; 61 | 62 | export default PageLayout; 63 | -------------------------------------------------------------------------------- /react-ui/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // react-router-dom components 17 | import { Link } from "react-router-dom"; 18 | 19 | // prop-types is a library for typechecking of props 20 | import PropTypes from "prop-types"; 21 | 22 | // @mui material components 23 | import Icon from "@mui/material/Icon"; 24 | 25 | // Soft UI Dashboard React components 26 | import SuiBox from "components/SuiBox"; 27 | import SuiTypography from "components/SuiTypography"; 28 | 29 | function DefaultNavbarLink({ icon, name, route, light }) { 30 | return ( 31 | <> 32 | 41 | {icon} 42 | 49 |  {name} 50 | 51 | 52 | 53 | ); 54 | } 55 | 56 | // Typechecking props for the DefaultNavbarLink 57 | DefaultNavbarLink.propTypes = { 58 | icon: PropTypes.string.isRequired, 59 | name: PropTypes.string.isRequired, 60 | route: PropTypes.string.isRequired, 61 | light: PropTypes.bool.isRequired, 62 | }; 63 | 64 | export default DefaultNavbarLink; 65 | -------------------------------------------------------------------------------- /react-ui/src/examples/Navbars/DefaultNavbar/styles/defaultNavbar.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, boxShadows, functions, borders }) => { 20 | const { dark, white, transparent: transparentColor } = palette; 21 | const { regular } = boxShadows; 22 | const { rgba, pxToRem } = functions; 23 | const { borderRadius } = borders; 24 | 25 | return { 26 | defaultNavbar: { 27 | display: "flex", 28 | justifyContent: "space-between", 29 | alignItems: "center", 30 | backgroundColor: ({ transparent }) => 31 | transparent ? transparentColor.main : rgba(white.main, 0.8), 32 | color: ({ light }) => (light ? white.main : dark.main), 33 | boxShadow: ({ transparent }) => (transparent ? "none" : regular), 34 | backdropFilter: ({ transparent }) => 35 | transparent ? "none" : `saturate(200%) blur(${pxToRem(30)})`, 36 | borderRadius: borderRadius.section, 37 | margin: `${pxToRem(16)} ${pxToRem(24)}`, 38 | width: `calc(100% - ${pxToRem(48)})`, 39 | position: "absolute", 40 | left: 0, 41 | zIndex: 3, 42 | }, 43 | }; 44 | }); 45 | -------------------------------------------------------------------------------- /react-ui/src/examples/NotificationItem/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, borders, transitions, functions }) => { 20 | const { light, secondary, gradients } = palette; 21 | const { borderRadius } = borders; 22 | const { pxToRem, linearGradient } = functions; 23 | 24 | return { 25 | notificationItem: { 26 | display: "flex", 27 | alignItems: "center", 28 | width: "100%", 29 | color: secondary.main, 30 | padding: `${pxToRem(8)} ${pxToRem(16)}`, 31 | borderRadius: borderRadius.md, 32 | transition: transitions.create("background-color", { 33 | easing: transitions.easing.easeInOut, 34 | duration: transitions.duration.standard, 35 | }), 36 | 37 | "&:not(:last-child)": { 38 | marginBottom: pxToRem(10), 39 | }, 40 | 41 | "&:hover": { 42 | backgroundColor: light.main, 43 | }, 44 | }, 45 | 46 | notificationItem_img: { 47 | backgroundImage: ({ color }) => linearGradient(gradients[color].main, gradients[color].state), 48 | display: "grid", 49 | placeItems: "center", 50 | width: pxToRem(36), 51 | height: pxToRem(36), 52 | margin: `${pxToRem(2)} ${pxToRem(16)} ${pxToRem(2)} 0`, 53 | borderRadius: borderRadius.lg, 54 | 55 | "& img": { 56 | width: "100%", 57 | borderRadius: borderRadius.lg, 58 | }, 59 | }, 60 | 61 | notificationItem_date: { 62 | display: "flex", 63 | alignItems: "center", 64 | marginTop: pxToRem(4), 65 | }, 66 | 67 | notificationItem_icon: { 68 | lineHeight: 1.2, 69 | marginRight: pxToRem(4), 70 | }, 71 | }; 72 | }); 73 | -------------------------------------------------------------------------------- /react-ui/src/examples/Timeline/TimelineItem/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, typography, functions, borders }) => { 20 | const { gradients, transparent, white, dark } = palette; 21 | const { size, fontWeightMedium } = typography; 22 | const { linearGradient, pxToRem } = functions; 23 | const { borderWidth, borderColor } = borders; 24 | 25 | return { 26 | timelineItem: { 27 | position: "relative", 28 | 29 | "&:after": { 30 | content: "''", 31 | position: "absolute", 32 | top: "10%", 33 | left: "14px", 34 | height: ({ lastItem }) => (lastItem ? "90%" : "100%"), 35 | borderRight: `${borderWidth[2]} solid ${borderColor}`, 36 | }, 37 | }, 38 | 39 | timelineItem_iconBox: { 40 | width: pxToRem(26), 41 | height: pxToRem(26), 42 | borderRadius: "50%", 43 | backgroundColor: ({ isDark }) => (isDark ? dark.main : white.main), 44 | position: "absolute", 45 | top: "3.25%", 46 | left: "2px", 47 | zIndex: 2, 48 | }, 49 | 50 | timelineItem_icon: { 51 | position: "absolute", 52 | top: "50%", 53 | left: "50%", 54 | transform: "translate(-52%, -50%)", 55 | fontSize: size.xl, 56 | fontWeight: fontWeightMedium, 57 | zIndex: 1, 58 | backgroundImage: ({ color }) => linearGradient(gradients[color].main, gradients[color].state), 59 | WebkitBackgroundClip: "text", 60 | WebkitTextFillColor: transparent.main, 61 | }, 62 | }; 63 | }); 64 | -------------------------------------------------------------------------------- /react-ui/src/examples/Timeline/TimelineList/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // prop-types is a library for typechecking of props 17 | import PropTypes from "prop-types"; 18 | 19 | // @mui material components 20 | import Card from "@mui/material/Card"; 21 | 22 | // Soft UI Dashboard React components 23 | import SuiBox from "components/SuiBox"; 24 | import SuiTypography from "components/SuiTypography"; 25 | 26 | // Timeline context 27 | import { TimelineProvider } from "examples/Timeline/context"; 28 | 29 | function TimelineList({ title, dark, children }) { 30 | return ( 31 | 32 | 33 | 34 | 35 | 36 | {title} 37 | 38 | 39 | {children} 40 | 41 | 42 | 43 | ); 44 | } 45 | 46 | // Setting default values for the props of TimelineList 47 | TimelineList.defaultProps = { 48 | dark: false, 49 | }; 50 | 51 | // Typechecking props for the TimelineList 52 | TimelineList.propTypes = { 53 | title: PropTypes.string.isRequired, 54 | dark: PropTypes.bool, 55 | children: PropTypes.node.isRequired, 56 | }; 57 | 58 | export default TimelineList; 59 | -------------------------------------------------------------------------------- /react-ui/src/examples/Timeline/context/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | /* eslint-disable react/prop-types */ 17 | /** 18 | This file is used for controlling the dark and light state of the TimelineList and TimelineItem. 19 | */ 20 | 21 | import { createContext, useContext } from "react"; 22 | 23 | // The Timeline main context 24 | const Timeline = createContext(); 25 | 26 | // Timeline context provider 27 | function TimelineProvider({ children, value }) { 28 | return {children}; 29 | } 30 | 31 | // Timeline custom hook for using context 32 | function useTimeline() { 33 | return useContext(Timeline); 34 | } 35 | 36 | export { TimelineProvider, useTimeline }; 37 | /* eslint-enable react/prop-types */ 38 | -------------------------------------------------------------------------------- /react-ui/src/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | import React from "react"; 17 | import ReactDOM from "react-dom"; 18 | import { BrowserRouter } from "react-router-dom"; 19 | import App from "App"; 20 | 21 | // Soft UI Dashboard React Context Provider 22 | import { SoftUIControllerProvider } from "context"; 23 | 24 | import { AuthProvider } from "auth-context/auth.context"; 25 | 26 | let user = localStorage.getItem("user"); 27 | user = JSON.parse(user); 28 | 29 | ReactDOM.render( 30 | 31 | 32 | 33 | 34 | 35 | 36 | , 37 | document.getElementById("root") 38 | ); 39 | -------------------------------------------------------------------------------- /react-ui/src/layouts/authentication/components/BasicLayout/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, functions, borders }) => { 20 | const { gradients } = palette; 21 | const { linearGradient, rgba, pxToRem } = functions; 22 | const { borderRadius } = borders; 23 | 24 | return { 25 | basicLayout: { 26 | backgroundImage: ({ image }) => 27 | image && 28 | `${linearGradient( 29 | rgba(gradients.dark.main, 0.6), 30 | rgba(gradients.dark.state, 0.6) 31 | )}, url(${image})`, 32 | backgroundSize: "cover", 33 | backgroundPosition: "center", 34 | backgroundRepeat: "no-repeat", 35 | width: "calc(100% - 2rem)", 36 | minHeight: "50vh", 37 | margin: pxToRem(16), 38 | padding: `${pxToRem(48)} 0 ${pxToRem(224)}`, 39 | borderRadius: borderRadius.lg, 40 | }, 41 | }; 42 | }); 43 | -------------------------------------------------------------------------------- /react-ui/src/layouts/authentication/components/CoverLayout/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ functions, borders }) => { 20 | const { pxToRem } = functions; 21 | const { borderRadius } = borders; 22 | 23 | return { 24 | coverLayout: { 25 | minHeight: "75vh", 26 | margin: 0, 27 | }, 28 | 29 | coverLayout_imageBox: { 30 | transform: "skewX(-10deg)", 31 | height: "100%", 32 | overflow: "hidden", 33 | marginRight: pxToRem(-128), 34 | borderBottomLeftRadius: borderRadius.lg, 35 | }, 36 | 37 | coverLayout_image: { 38 | backgroundImage: ({ image }) => `url(${image})`, 39 | backgroundSize: "cover", 40 | transform: "skewX(10deg)", 41 | marginLeft: pxToRem(-64), 42 | height: "100%", 43 | }, 44 | }; 45 | }); 46 | -------------------------------------------------------------------------------- /react-ui/src/layouts/authentication/components/Separator/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import Divider from "@mui/material/Divider"; 18 | 19 | // Soft UI Dashboard React components 20 | import SuiBox from "components/SuiBox"; 21 | import SuiTypography from "components/SuiTypography"; 22 | 23 | function Separator() { 24 | return ( 25 | 26 | 27 | 35 | 36 | or 37 | 38 | 39 | 40 | ); 41 | } 42 | 43 | export default Separator; 44 | -------------------------------------------------------------------------------- /react-ui/src/layouts/authentication/sign-out/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | import { useEffect } from "react"; 16 | import AuthApi from "../../../api/auth"; 17 | import { useHistory } from "react-router-dom"; 18 | import { useAuth } from "../../../auth-context/auth.context"; 19 | 20 | function SignOut() { 21 | const history = useHistory(); 22 | const { setUser } = useAuth(); 23 | let { user } = useAuth(); 24 | 25 | const handleLogout = async () => { 26 | await AuthApi.Logout(user); 27 | await setUser(null); 28 | localStorage.removeItem("user"); 29 | return history.push("/authentication/sign-in"); 30 | }; 31 | 32 | useEffect(() => { 33 | handleLogout(); 34 | }, []); 35 | 36 | return null; 37 | } 38 | 39 | export default SignOut; 40 | -------------------------------------------------------------------------------- /react-ui/src/layouts/billing/components/BillingInformation/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import Card from "@mui/material/Card"; 18 | 19 | // Soft UI Dashboard React components 20 | import SuiBox from "components/SuiBox"; 21 | import SuiTypography from "components/SuiTypography"; 22 | 23 | // Billing page components 24 | import Bill from "layouts/billing/components/Bill"; 25 | 26 | function BillingInformation() { 27 | return ( 28 | 29 | 30 | 31 | Billing Information 32 | 33 | 34 | 35 | 36 | 42 | 48 | 55 | 56 | 57 | 58 | ); 59 | } 60 | 61 | export default BillingInformation; 62 | -------------------------------------------------------------------------------- /react-ui/src/layouts/billing/components/Invoices/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import Card from "@mui/material/Card"; 18 | 19 | // Soft UI Dashboard React components 20 | import SuiBox from "components/SuiBox"; 21 | import SuiTypography from "components/SuiTypography"; 22 | import SuiButton from "components/SuiButton"; 23 | 24 | // Billing page components 25 | import Invoice from "layouts/billing/components/Invoice"; 26 | 27 | function Invoices() { 28 | return ( 29 | 30 | 31 | 32 | Invoices 33 | 34 | 35 | view all 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | ); 49 | } 50 | 51 | export default Invoices; 52 | -------------------------------------------------------------------------------- /react-ui/src/layouts/dashboard/components/BuildByDevelopers/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ functions }) => { 20 | const { pxToRem } = functions; 21 | 22 | return { 23 | buildByDevelopers_button: { 24 | marginTop: "auto", 25 | marginRight: "auto", 26 | display: "inline-flex", 27 | alignItems: "center", 28 | cursor: "pointer", 29 | 30 | "& .material-icons-round": { 31 | fontSize: "1.125rem", 32 | transform: `translate(${pxToRem(2)}, ${pxToRem(-1)})`, 33 | transition: "transform 0.2s cubic-bezier(0.34,1.61,0.7,1.3)", 34 | }, 35 | 36 | "&:hover .material-icons-round, &:focus .material-icons-round": { 37 | transform: `translate(${pxToRem(6)}, ${pxToRem(-1)})`, 38 | }, 39 | }, 40 | }; 41 | }); 42 | -------------------------------------------------------------------------------- /react-ui/src/layouts/dashboard/components/Projects/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ functions, borders, palette }) => { 20 | const { white } = palette; 21 | const { pxToRem } = functions; 22 | const { borderWidth, borderColor } = borders; 23 | 24 | return { 25 | projects_table: { 26 | "& .MuiTableRow-root:not(:last-child)": { 27 | "& td": { 28 | borderBottom: `${borderWidth[1]} solid ${borderColor}`, 29 | }, 30 | }, 31 | }, 32 | 33 | projects_tableAvatar: { 34 | border: `${borderWidth[2]} solid ${white.main}`, 35 | cursor: "pointer", 36 | position: "relative", 37 | 38 | "&:not(:first-child)": { 39 | marginLeft: pxToRem(-12), 40 | }, 41 | 42 | "&:hover, &:focus": { 43 | zIndex: "10", 44 | }, 45 | }, 46 | }; 47 | }); 48 | -------------------------------------------------------------------------------- /react-ui/src/layouts/dashboard/components/WorkWithTheRockets/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import Card from "@mui/material/Card"; 18 | import Icon from "@mui/material/Icon"; 19 | 20 | // Soft UI Dashboard React components 21 | import SuiBox from "components/SuiBox"; 22 | import SuiTypography from "components/SuiTypography"; 23 | 24 | // Custom styles for the WorkWithTheRockets 25 | import styles from "layouts/dashboard/components/WorkWithTheRockets/styles"; 26 | 27 | function WorkWithTheRockets() { 28 | const classes = styles(); 29 | 30 | return ( 31 | 32 | 33 | 34 | 35 | 36 | Work with the rockets 37 | 38 | 39 | 40 | 41 | Wealth creation is an evolutionarily recent positive-sum game. It is all about who 42 | take the opportunity first. 43 | 44 | 45 | 53 | Read More 54 | arrow_forward 55 | 56 | 57 | 58 | 59 | ); 60 | } 61 | 62 | export default WorkWithTheRockets; 63 | -------------------------------------------------------------------------------- /react-ui/src/layouts/dashboard/components/WorkWithTheRockets/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | // Images 20 | import ivancik from "assets/images/ivancik.jpg"; 21 | 22 | export default makeStyles(({ functions, palette, borders }) => { 23 | const { linearGradient, rgba, pxToRem } = functions; 24 | const { gradients } = palette; 25 | const { borderRadius } = borders; 26 | 27 | return { 28 | workWithTheRockets_content: { 29 | backgroundImage: `${linearGradient( 30 | rgba(gradients.dark.main, 0.8), 31 | rgba(gradients.dark.state, 0.8) 32 | )}, url(${ivancik})`, 33 | backgroundSize: "cover", 34 | display: "flex", 35 | flexDirection: "column", 36 | height: "100%", 37 | padding: pxToRem(16), 38 | borderRadius: borderRadius.lg, 39 | }, 40 | 41 | workWithTheRockets_button: { 42 | marginTop: "auto", 43 | marginRight: "auto", 44 | display: "inline-flex", 45 | alignItems: "center", 46 | cursor: "pointer", 47 | 48 | "& .material-icons-round": { 49 | fontSize: "1.125rem", 50 | transform: `translate(${pxToRem(2)}, ${pxToRem(-1)})`, 51 | transition: "transform 0.2s cubic-bezier(0.34,1.61,0.7,1.3)", 52 | }, 53 | 54 | "&:hover .material-icons-round, &:focus .material-icons-round": { 55 | transform: `translate(${pxToRem(6)}, ${pxToRem(-1)})`, 56 | }, 57 | }, 58 | }; 59 | }); 60 | -------------------------------------------------------------------------------- /react-ui/src/layouts/dashboard/data/gradientLineChartData.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | export default { 17 | labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], 18 | datasets: [ 19 | { 20 | label: "Mobile apps", 21 | color: "info", 22 | data: [50, 40, 300, 220, 500, 250, 400, 230, 500], 23 | }, 24 | { 25 | label: "Websites", 26 | color: "dark", 27 | data: [30, 90, 40, 140, 290, 290, 340, 230, 400], 28 | }, 29 | ], 30 | }; 31 | -------------------------------------------------------------------------------- /react-ui/src/layouts/dashboard/data/reportsBarChartData.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | export default { 17 | chart: { 18 | labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], 19 | datasets: { label: "Sales", data: [450, 200, 100, 220, 500, 100, 400, 230, 500] }, 20 | }, 21 | items: [ 22 | { 23 | icon: { color: "primary", component: "library_books" }, 24 | label: "users", 25 | progress: { content: "36K", percentage: 60 }, 26 | }, 27 | { 28 | icon: { color: "info", component: "touch_app" }, 29 | label: "clicks", 30 | progress: { content: "2M", percentage: 90 }, 31 | }, 32 | { 33 | icon: { color: "warning", component: "payment" }, 34 | label: "sales", 35 | progress: { content: "$435", percentage: 30 }, 36 | }, 37 | { 38 | icon: { color: "error", component: "extension" }, 39 | label: "items", 40 | progress: { content: "43", percentage: 50 }, 41 | }, 42 | ], 43 | }; 44 | -------------------------------------------------------------------------------- /react-ui/src/layouts/profile/components/Header/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | // Images 20 | import curved0 from "assets/images/curved-images/curved0.jpg"; 21 | 22 | export default makeStyles(({ palette, functions, borders, boxShadows }) => { 23 | const { gradients, white } = palette; 24 | const { linearGradient, rgba, pxToRem } = functions; 25 | const { borderRadius } = borders; 26 | const { navbarBoxShadow } = boxShadows; 27 | 28 | return { 29 | profileHeader_background: { 30 | backgroundImage: `${linearGradient( 31 | rgba(gradients.info.main, 0.6), 32 | rgba(gradients.info.state, 0.6) 33 | )}, url(${curved0})`, 34 | backgroundSize: "cover", 35 | backgroundPosition: "50%", 36 | display: "flex", 37 | alignItems: "center", 38 | position: "relative", 39 | overflow: "hidden", 40 | minHeight: pxToRem(300), 41 | borderRadius: borderRadius.xl, 42 | }, 43 | 44 | profileHeader_profile: { 45 | backdropFilter: `saturate(200%) blur(${pxToRem(30)})`, 46 | backgroundColor: rgba(white.main, 0.8), 47 | boxShadow: navbarBoxShadow, 48 | margin: `${pxToRem(-64)} ${pxToRem(24)} 0`, 49 | padding: pxToRem(16), 50 | position: "relative", 51 | }, 52 | }; 53 | }); 54 | -------------------------------------------------------------------------------- /react-ui/src/layouts/profile/data/profilesListData.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // Images 17 | import kal from "assets/images/kal-visuals-square.jpg"; 18 | import marie from "assets/images/marie.jpg"; 19 | import ivana from "assets/images/ivana-square.jpg"; 20 | import team3 from "assets/images/team-3.jpg"; 21 | import team4 from "assets/images/team-4.jpg"; 22 | 23 | export default [ 24 | { 25 | image: kal, 26 | name: "Sophie B.", 27 | description: "Hi! I need more information..", 28 | action: { 29 | type: "internal", 30 | route: "/pages/profile/profile-overview", 31 | color: "info", 32 | label: "reply", 33 | }, 34 | }, 35 | { 36 | image: marie, 37 | name: "Anne Marie", 38 | description: "Awesome work, can you..", 39 | action: { 40 | type: "internal", 41 | route: "/pages/profile/profile-overview", 42 | color: "info", 43 | label: "reply", 44 | }, 45 | }, 46 | { 47 | image: ivana, 48 | name: "Ivanna", 49 | description: "About files I can..", 50 | action: { 51 | type: "internal", 52 | route: "/pages/profile/profile-overview", 53 | color: "info", 54 | label: "reply", 55 | }, 56 | }, 57 | { 58 | image: team4, 59 | name: "Peterson", 60 | description: "Have a great afternoon..", 61 | action: { 62 | type: "internal", 63 | route: "/pages/profile/profile-overview", 64 | color: "info", 65 | label: "reply", 66 | }, 67 | }, 68 | { 69 | image: team3, 70 | name: "Nick Daniel", 71 | description: "Hi! I need more information..", 72 | action: { 73 | type: "internal", 74 | route: "/pages/profile/profile-overview", 75 | color: "info", 76 | label: "reply", 77 | }, 78 | }, 79 | ]; 80 | -------------------------------------------------------------------------------- /react-ui/src/layouts/rtl/components/BuildByDevelopers/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ functions }) => { 20 | const { pxToRem } = functions; 21 | 22 | return { 23 | buildByDevelopers_button: { 24 | marginTop: "auto", 25 | marginRight: "auto", 26 | display: "inline-flex", 27 | alignItems: "center", 28 | cursor: "pointer", 29 | 30 | "& .material-icons-round": { 31 | fontSize: "1.125rem", 32 | transform: `translate(${pxToRem(2)}, ${pxToRem(-1)})`, 33 | transition: "transform 0.2s cubic-bezier(0.34,1.61,0.7,1.3)", 34 | }, 35 | 36 | "&:hover .material-icons-round, &:focus .material-icons-round": { 37 | transform: `translate(${pxToRem(6)}, ${pxToRem(-1)})`, 38 | }, 39 | }, 40 | }; 41 | }); 42 | -------------------------------------------------------------------------------- /react-ui/src/layouts/rtl/components/Projects/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ functions, borders, palette }) => { 20 | const { white } = palette; 21 | const { pxToRem } = functions; 22 | const { borderWidth, borderColor } = borders; 23 | 24 | return { 25 | projects_table: { 26 | "& .MuiTableRow-root:not(:last-child)": { 27 | "& td": { 28 | borderBottom: `${borderWidth[1]} solid ${borderColor}`, 29 | }, 30 | }, 31 | }, 32 | 33 | projects_tableAvatar: { 34 | border: `${borderWidth[2]} solid ${white.main}`, 35 | cursor: "pointer", 36 | position: "relative", 37 | 38 | "&:not(:first-child)": { 39 | marginLeft: pxToRem(-12), 40 | }, 41 | 42 | "&:hover, &:focus": { 43 | zIndex: "10", 44 | }, 45 | }, 46 | }; 47 | }); 48 | -------------------------------------------------------------------------------- /react-ui/src/layouts/rtl/components/WorkWithTheRockets/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import Card from "@mui/material/Card"; 18 | import Icon from "@mui/material/Icon"; 19 | 20 | // Soft UI Dashboard React components 21 | import SuiBox from "components/SuiBox"; 22 | import SuiTypography from "components/SuiTypography"; 23 | 24 | // Custom styles for the WorkWithTheRockets 25 | import styles from "layouts/rtl/components/WorkWithTheRockets/styles"; 26 | 27 | function WorkWithTheRockets() { 28 | const classes = styles(); 29 | 30 | return ( 31 | 32 | 33 | 34 | 35 | 36 | العمل مع الصواريخ 37 | 38 | 39 | 40 | 41 | تكوين الثروة هو لعبة تطوري حديثة ذات حصيلة إيجابية. الأمر كله يتعلق بمن يغتنم الفرصة 42 | أولاً هذه بطاقة بسيطة. 43 | 44 | 45 | 53 | اقرأ المستندات 54 | arrow_backward 55 | 56 | 57 | 58 | 59 | ); 60 | } 61 | 62 | export default WorkWithTheRockets; 63 | -------------------------------------------------------------------------------- /react-ui/src/layouts/rtl/components/WorkWithTheRockets/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | // Images 20 | import ivancik from "assets/images/ivancik.jpg"; 21 | 22 | export default makeStyles(({ functions, palette, borders }) => { 23 | const { linearGradient, rgba, pxToRem } = functions; 24 | const { gradients } = palette; 25 | const { borderRadius } = borders; 26 | 27 | return { 28 | workWithTheRockets_content: { 29 | backgroundImage: `${linearGradient( 30 | rgba(gradients.dark.main, 0.8), 31 | rgba(gradients.dark.state, 0.8) 32 | )}, url(${ivancik})`, 33 | backgroundSize: "cover", 34 | display: "flex", 35 | flexDirection: "column", 36 | height: "100%", 37 | padding: pxToRem(16), 38 | borderRadius: borderRadius.lg, 39 | }, 40 | 41 | workWithTheRockets_button: { 42 | marginTop: "auto", 43 | marginRight: "auto", 44 | display: "inline-flex", 45 | alignItems: "center", 46 | cursor: "pointer", 47 | 48 | "& .material-icons-round": { 49 | fontSize: "1.125rem", 50 | transform: `translate(${pxToRem(2)}, ${pxToRem(-1)})`, 51 | transition: "transform 0.2s cubic-bezier(0.34,1.61,0.7,1.3)", 52 | }, 53 | 54 | "&:hover .material-icons-round, &:focus .material-icons-round": { 55 | transform: `translate(${pxToRem(6)}, ${pxToRem(-1)})`, 56 | }, 57 | }, 58 | }; 59 | }); 60 | -------------------------------------------------------------------------------- /react-ui/src/layouts/rtl/data/gradientLineChartData.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | export default { 17 | labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], 18 | datasets: [ 19 | { 20 | label: "Mobile apps", 21 | color: "info", 22 | data: [50, 40, 300, 220, 500, 250, 400, 230, 500], 23 | }, 24 | { 25 | label: "Websites", 26 | color: "dark", 27 | data: [30, 90, 40, 140, 290, 290, 340, 230, 400], 28 | }, 29 | ], 30 | }; 31 | -------------------------------------------------------------------------------- /react-ui/src/layouts/rtl/data/reportsBarChartData.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | export default { 17 | chart: { 18 | labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], 19 | datasets: { label: "Sales", data: [450, 200, 100, 220, 500, 100, 400, 230, 500] }, 20 | }, 21 | items: [ 22 | { 23 | icon: { color: "primary", component: "library_books" }, 24 | label: "المستخدمون", 25 | progress: { content: "36K", percentage: 60 }, 26 | }, 27 | { 28 | icon: { color: "info", component: "touch_app" }, 29 | label: "نقرات", 30 | progress: { content: "2M", percentage: 90 }, 31 | }, 32 | { 33 | icon: { color: "warning", component: "payment" }, 34 | label: "مبيعات", 35 | progress: { content: "$435", percentage: 30 }, 36 | }, 37 | { 38 | icon: { color: "error", component: "extension" }, 39 | label: "العناصر", 40 | progress: { content: "43", percentage: 50 }, 41 | }, 42 | ], 43 | }; 44 | -------------------------------------------------------------------------------- /react-ui/src/layouts/tables/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ borders }) => { 20 | const { borderWidth, borderColor } = borders; 21 | 22 | return { 23 | tables_table: { 24 | "& .MuiTableRow-root:not(:last-child)": { 25 | "& td": { 26 | borderBottom: `${borderWidth[1]} solid ${borderColor}`, 27 | }, 28 | }, 29 | }, 30 | }; 31 | }); 32 | -------------------------------------------------------------------------------- /react-ui/src/layouts/virtual-reality/components/Emails/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import Card from "@mui/material/Card"; 18 | import Tooltip from "@mui/material/Tooltip"; 19 | 20 | // Soft UI Dashboard React components 21 | import SuiBox from "components/SuiBox"; 22 | import SuiTypography from "components/SuiTypography"; 23 | 24 | function Emails() { 25 | return ( 26 | 27 | 34 | 35 | Emails (21) 36 | 37 | 38 | 45 | Check 46 | 47 | 48 | 49 | 50 | ); 51 | } 52 | 53 | export default Emails; 54 | -------------------------------------------------------------------------------- /react-ui/src/layouts/virtual-reality/components/MediaPlayer/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | // Images 20 | import curved1 from "assets/images/curved-images/curved1.jpg"; 21 | 22 | export default makeStyles(({ palette, functions }) => { 23 | const { linearGradient, rgba, pxToRem } = functions; 24 | const { gradients } = palette; 25 | 26 | return { 27 | mediaPlayer: { 28 | backgroundImage: `${linearGradient( 29 | rgba(gradients.dark.main, 0.85), 30 | rgba(gradients.dark.state, 0.85) 31 | )}, url(${curved1})`, 32 | backgroundSize: "cover", 33 | backgroundPosition: "center", 34 | }, 35 | 36 | mediaPlayer_button: { 37 | width: pxToRem(46), 38 | height: pxToRem(46), 39 | minWidth: pxToRem(46), 40 | minHeight: pxToRem(46), 41 | marginRight: pxToRem(8), 42 | }, 43 | }; 44 | }); 45 | -------------------------------------------------------------------------------- /react-ui/src/layouts/virtual-reality/components/Messages/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(({ palette, functions, borders }) => { 20 | const { white } = palette; 21 | const { pxToRem } = functions; 22 | const { borderWidth } = borders; 23 | 24 | return { 25 | messages_avatar: { 26 | border: `${borderWidth[2]} solid ${white.main}`, 27 | marginLeft: pxToRem(-12), 28 | cursor: "pointer", 29 | position: "relative", 30 | 31 | "&:hover, &:focus": { 32 | zIndex: "10", 33 | }, 34 | }, 35 | }; 36 | }); 37 | -------------------------------------------------------------------------------- /react-ui/src/layouts/virtual-reality/styles.js: -------------------------------------------------------------------------------- 1 | /** 2 | ========================================================= 3 | * Soft UI Dashboard React - v2.0.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-material-ui 7 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | */ 15 | 16 | // @mui material components 17 | import { makeStyles } from "@mui/styles"; 18 | 19 | export default makeStyles(() => ({ 20 | vrInfo: { 21 | transform: "scale(1.1)", 22 | }, 23 | })); 24 | --------------------------------------------------------------------------------