Compare commits
7 commits
main
...
feature/fr
| Author | SHA1 | Date | |
|---|---|---|---|
255895bcb8
|
|||
|
5ad07af3d2
|
|||
|
b1a94c5359
|
|||
|
148275dd98
|
|||
|
be736638bd
|
|||
|
34b12f6a44
|
|||
|
4f5f2be68f
|
43 changed files with 5395 additions and 3816 deletions
|
|
@ -1,5 +1,6 @@
|
||||||
from dotenv import load_dotenv
|
from dotenv import load_dotenv
|
||||||
from fastapi import APIRouter, FastAPI
|
from fastapi import APIRouter, FastAPI
|
||||||
|
from fastapi.middleware.cors import CORSMiddleware
|
||||||
from starlette.middleware.authentication import AuthenticationMiddleware
|
from starlette.middleware.authentication import AuthenticationMiddleware
|
||||||
|
|
||||||
load_dotenv()
|
load_dotenv()
|
||||||
|
|
@ -47,6 +48,19 @@ def create_app():
|
||||||
app.include_router(api_v1_router)
|
app.include_router(api_v1_router)
|
||||||
app.mount(path="/v1/ocpp", app=create_ocpp_app())
|
app.mount(path="/v1/ocpp", app=create_ocpp_app())
|
||||||
|
|
||||||
|
origins = [
|
||||||
|
"http://localhost",
|
||||||
|
"http://localhost:5173",
|
||||||
|
]
|
||||||
|
|
||||||
|
app.add_middleware(
|
||||||
|
CORSMiddleware,
|
||||||
|
allow_origins=origins,
|
||||||
|
allow_credentials=True,
|
||||||
|
allow_methods=["*"],
|
||||||
|
allow_headers=["*"],
|
||||||
|
)
|
||||||
|
|
||||||
return app
|
return app
|
||||||
|
|
||||||
app = create_app()
|
app = create_app()
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,8 @@
|
||||||
|
from datetime import UTC, datetime, timedelta
|
||||||
from uuid import UUID
|
from uuid import UUID
|
||||||
from fastapi import APIRouter, HTTPException
|
from fastapi import APIRouter, HTTPException
|
||||||
from fastapi.params import Depends
|
from fastapi.params import Depends
|
||||||
|
from sqlalchemy import select
|
||||||
from sqlalchemy.orm import Session as DbSession
|
from sqlalchemy.orm import Session as DbSession
|
||||||
|
|
||||||
from app.database import get_db
|
from app.database import get_db
|
||||||
|
|
@ -10,6 +12,9 @@ from app.schemas.user import PasswordUpdate, UserUpdate, User
|
||||||
from app.security.jwt_bearer import JWTBearer
|
from app.security.jwt_bearer import JWTBearer
|
||||||
from app.services import session_service, user_service
|
from app.services import session_service, user_service
|
||||||
from app.util.errors import InvalidStateError, NotFoundError
|
from app.util.errors import InvalidStateError, NotFoundError
|
||||||
|
from app.schemas.dashboard import DashboardResponse, DashboardStats
|
||||||
|
from app.models.transaction import Transaction as DbTransaction
|
||||||
|
from app.schemas.transaction import TransactionStatus
|
||||||
|
|
||||||
router = APIRouter(prefix="/me", tags=["Me (v1)"])
|
router = APIRouter(prefix="/me", tags=["Me (v1)"])
|
||||||
|
|
||||||
|
|
@ -109,3 +114,74 @@ async def delete_user_session(
|
||||||
except NotFoundError:
|
except NotFoundError:
|
||||||
raise HTTPException(status_code=404, detail="session_not_found")
|
raise HTTPException(status_code=404, detail="session_not_found")
|
||||||
return list()
|
return list()
|
||||||
|
|
||||||
|
@router.get(path="/dashboard", response_model=DashboardResponse)
|
||||||
|
async def get_dashboard(
|
||||||
|
db: DbSession = Depends(get_db),
|
||||||
|
token: AccessToken = Depends(JWTBearer()),
|
||||||
|
):
|
||||||
|
"""
|
||||||
|
Get dashboard information for the currently authenticated user.
|
||||||
|
"""
|
||||||
|
# Currently ongoing transaction
|
||||||
|
stmt_current_transaction = select(DbTransaction).where(DbTransaction.user_id == token.subject).where(DbTransaction.status == TransactionStatus.ONGOING)
|
||||||
|
current_transaction = db.execute(stmt_current_transaction).scalars().first()
|
||||||
|
|
||||||
|
# Common base query
|
||||||
|
stmt_base = select(DbTransaction).where(DbTransaction.user_id == token.subject).where( DbTransaction.status == TransactionStatus.ENDED).order_by(DbTransaction.ended_at.desc())
|
||||||
|
|
||||||
|
# 5 most recent transactions
|
||||||
|
stmt_transactions_recent = stmt_base.limit(5)
|
||||||
|
recent_transactions = db.execute(stmt_transactions_recent).scalars().all()
|
||||||
|
|
||||||
|
# Calculate beginning of the current and previous month
|
||||||
|
current_date = datetime.now(UTC).replace(hour=0, minute=0, second=0, microsecond=0, tzinfo=None)
|
||||||
|
|
||||||
|
beginning_current_month = current_date.replace(day=1)
|
||||||
|
|
||||||
|
beginning_previous_month = beginning_current_month.replace(
|
||||||
|
year=(beginning_current_month.year - 1 if beginning_current_month.month == 1 else beginning_current_month.year),
|
||||||
|
month=(12 if beginning_current_month.month == 1 else beginning_current_month.month - 1)
|
||||||
|
)
|
||||||
|
|
||||||
|
# Transactions for total calculations
|
||||||
|
stmt_transactions = stmt_base.where(DbTransaction.ended_at >= beginning_previous_month)
|
||||||
|
transactions = db.execute(stmt_transactions).scalars().all()
|
||||||
|
|
||||||
|
# Current month totals
|
||||||
|
count = 0
|
||||||
|
energy_total = 0
|
||||||
|
cost_total = 0
|
||||||
|
|
||||||
|
# Previous month totals
|
||||||
|
count_previous = 0
|
||||||
|
energy_total_previous = 0
|
||||||
|
cost_total_previous = 0
|
||||||
|
|
||||||
|
# Calculate totals
|
||||||
|
for trans in transactions:
|
||||||
|
trans_energy = trans.meter_end - trans.meter_start
|
||||||
|
trans_cost = trans_energy * trans.price
|
||||||
|
if trans.ended_at >= beginning_current_month:
|
||||||
|
# Current month
|
||||||
|
energy_total += trans_energy
|
||||||
|
cost_total += trans_cost
|
||||||
|
count += 1
|
||||||
|
else:
|
||||||
|
# Previous month
|
||||||
|
energy_total_previous += trans_energy
|
||||||
|
cost_total_previous += trans_cost
|
||||||
|
count_previous += 1
|
||||||
|
|
||||||
|
return DashboardResponse(
|
||||||
|
stats=DashboardStats(
|
||||||
|
transaction_count=count,
|
||||||
|
transaction_count_previous=count_previous,
|
||||||
|
transaction_energy_total=energy_total,
|
||||||
|
transaction_energy_total_previous=energy_total_previous,
|
||||||
|
transaction_cost_total=cost_total,
|
||||||
|
transaction_cost_total_previous=cost_total_previous
|
||||||
|
),
|
||||||
|
current_transaction=current_transaction,
|
||||||
|
recent_transactions=recent_transactions
|
||||||
|
)
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,8 @@ from app.schemas.connector import Connector
|
||||||
|
|
||||||
from ocpp.v201.enums import ResetEnumType, ResetStatusEnumType
|
from ocpp.v201.enums import ResetEnumType, ResetStatusEnumType
|
||||||
|
|
||||||
|
from app.util.encoders import decimal_encoder
|
||||||
|
|
||||||
class ChargePointBase(BaseModel):
|
class ChargePointBase(BaseModel):
|
||||||
identity: str
|
identity: str
|
||||||
is_active: bool
|
is_active: bool
|
||||||
|
|
@ -32,6 +34,7 @@ class ChargePoint(ChargePointBase):
|
||||||
|
|
||||||
class Config:
|
class Config:
|
||||||
from_attributes = True
|
from_attributes = True
|
||||||
|
json_encoders = {Decimal: decimal_encoder}
|
||||||
|
|
||||||
class ChargePointPassword(BaseModel):
|
class ChargePointPassword(BaseModel):
|
||||||
password: str
|
password: str
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,8 @@ from uuid import UUID
|
||||||
from pydantic import BaseModel
|
from pydantic import BaseModel
|
||||||
import enum
|
import enum
|
||||||
|
|
||||||
|
from app.util.encoders import decimal_encoder
|
||||||
|
|
||||||
class AttributeType(enum.Enum):
|
class AttributeType(enum.Enum):
|
||||||
ACTUAL = "Actual"
|
ACTUAL = "Actual"
|
||||||
TARGET = "Target"
|
TARGET = "Target"
|
||||||
|
|
@ -52,6 +54,7 @@ class ChargepointVariable(BaseModel):
|
||||||
|
|
||||||
class Config:
|
class Config:
|
||||||
from_attributes = True
|
from_attributes = True
|
||||||
|
json_encoders = {Decimal: decimal_encoder}
|
||||||
|
|
||||||
class ChargepointVariableUpdate(BaseModel):
|
class ChargepointVariableUpdate(BaseModel):
|
||||||
value: str
|
value: str
|
||||||
|
|
|
||||||
25
backend/app/schemas/dashboard.py
Normal file
25
backend/app/schemas/dashboard.py
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
from decimal import Decimal
|
||||||
|
from typing import Optional
|
||||||
|
from pydantic import BaseModel
|
||||||
|
|
||||||
|
from app.schemas.transaction import Transaction
|
||||||
|
from app.util.encoders import decimal_encoder
|
||||||
|
|
||||||
|
class DashboardStats(BaseModel):
|
||||||
|
transaction_count: int
|
||||||
|
transaction_count_previous: int
|
||||||
|
transaction_energy_total: Decimal
|
||||||
|
transaction_energy_total_previous: Decimal
|
||||||
|
transaction_cost_total: Decimal
|
||||||
|
transaction_cost_total_previous: Decimal
|
||||||
|
|
||||||
|
class Config:
|
||||||
|
json_encoders = {Decimal: decimal_encoder}
|
||||||
|
|
||||||
|
class DashboardResponse(BaseModel):
|
||||||
|
stats: DashboardStats
|
||||||
|
current_transaction: Optional[Transaction] = None
|
||||||
|
recent_transactions: list[Transaction]
|
||||||
|
|
||||||
|
class Config:
|
||||||
|
json_encoders = {Decimal: decimal_encoder}
|
||||||
|
|
@ -5,6 +5,8 @@ from typing import Optional
|
||||||
from uuid import UUID
|
from uuid import UUID
|
||||||
from pydantic import BaseModel
|
from pydantic import BaseModel
|
||||||
|
|
||||||
|
from app.util.encoders import decimal_encoder
|
||||||
|
|
||||||
class PhaseType(enum.Enum):
|
class PhaseType(enum.Enum):
|
||||||
L1 = "L1"
|
L1 = "L1"
|
||||||
L2 = "L2"
|
L2 = "L2"
|
||||||
|
|
@ -55,3 +57,4 @@ class MeterValue(BaseModel):
|
||||||
|
|
||||||
class Config:
|
class Config:
|
||||||
from_attributes = True
|
from_attributes = True
|
||||||
|
json_encoders = {Decimal: decimal_encoder}
|
||||||
|
|
|
||||||
|
|
@ -8,4 +8,5 @@ class Session(BaseModel):
|
||||||
name: str
|
name: str
|
||||||
last_used: datetime
|
last_used: datetime
|
||||||
|
|
||||||
model_config = {"from_attributes": True}
|
class Config:
|
||||||
|
from_attributes = True
|
||||||
|
|
@ -5,6 +5,8 @@ from typing import Optional
|
||||||
from uuid import UUID
|
from uuid import UUID
|
||||||
from pydantic import BaseModel
|
from pydantic import BaseModel
|
||||||
|
|
||||||
|
from app.util.encoders import decimal_encoder
|
||||||
|
|
||||||
class TransactionStatus(enum.Enum):
|
class TransactionStatus(enum.Enum):
|
||||||
ONGOING = "ongoing"
|
ONGOING = "ongoing"
|
||||||
ENDED = "ended"
|
ENDED = "ended"
|
||||||
|
|
@ -50,6 +52,7 @@ class Transaction(BaseModel):
|
||||||
|
|
||||||
class Config:
|
class Config:
|
||||||
from_attributes = True
|
from_attributes = True
|
||||||
|
json_encoders = {Decimal: decimal_encoder}
|
||||||
|
|
||||||
class RemoteTransactionStartStopResponse(BaseModel):
|
class RemoteTransactionStartStopResponse(BaseModel):
|
||||||
status: RemoteTransactionStartStopStatus
|
status: RemoteTransactionStartStopStatus
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@ class JWTBearer(HTTPBearer):
|
||||||
if credentials:
|
if credentials:
|
||||||
if not credentials.scheme == "Bearer":
|
if not credentials.scheme == "Bearer":
|
||||||
raise HTTPException(
|
raise HTTPException(
|
||||||
status_code=403, detail="authentication_scheme_invalid"
|
status_code=401, detail="authentication_scheme_invalid"
|
||||||
)
|
)
|
||||||
try:
|
try:
|
||||||
token = await token_service.verify_access_token(
|
token = await token_service.verify_access_token(
|
||||||
|
|
@ -36,7 +36,7 @@ class JWTBearer(HTTPBearer):
|
||||||
)
|
)
|
||||||
if not token:
|
if not token:
|
||||||
raise HTTPException(
|
raise HTTPException(
|
||||||
status_code=403, detail="token_invalid_or_expired"
|
status_code=401, detail="token_invalid_or_expired"
|
||||||
)
|
)
|
||||||
return token
|
return token
|
||||||
except InsufficientPermissionsError:
|
except InsufficientPermissionsError:
|
||||||
|
|
@ -44,4 +44,4 @@ class JWTBearer(HTTPBearer):
|
||||||
except InvalidTokenAudienceError:
|
except InvalidTokenAudienceError:
|
||||||
raise HTTPException(status_code=403, detail="invalid_token_audience")
|
raise HTTPException(status_code=403, detail="invalid_token_audience")
|
||||||
else:
|
else:
|
||||||
raise HTTPException(status_code=403, detail="authorization_code_invalid")
|
raise HTTPException(status_code=401, detail="authorization_code_invalid")
|
||||||
22
backend/app/util/encoders.py
Normal file
22
backend/app/util/encoders.py
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
from decimal import Decimal
|
||||||
|
from typing import Union
|
||||||
|
|
||||||
|
def decimal_encoder(dec_value: Decimal) -> Union[int, float]:
|
||||||
|
"""Encodes a Decimal as int of there's no exponent, otherwise float.
|
||||||
|
|
||||||
|
This is useful when we use ConstrainedDecimal to represent Numeric(x,0)
|
||||||
|
where a integer (but not int typed) is used. Encoding this as a float
|
||||||
|
results in failed round-tripping between encode and parse.
|
||||||
|
Our Id type is a prime example of this.
|
||||||
|
|
||||||
|
>>> decimal_encoder(Decimal("1.0"))
|
||||||
|
1.0
|
||||||
|
|
||||||
|
>>> decimal_encoder(Decimal("1"))
|
||||||
|
1
|
||||||
|
"""
|
||||||
|
exponent = dec_value.as_tuple().exponent
|
||||||
|
if isinstance(exponent, int) and exponent >= 0:
|
||||||
|
return int(dec_value)
|
||||||
|
else:
|
||||||
|
return float(dec_value)
|
||||||
388
frontend/package-lock.json
generated
388
frontend/package-lock.json
generated
|
|
@ -9,7 +9,14 @@
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@tailwindcss/vite": "^4.0.14",
|
"@tailwindcss/vite": "^4.0.14",
|
||||||
|
"axios": "^1.8.4",
|
||||||
|
"bootstrap-icons": "^1.11.3",
|
||||||
"daisyui": "^5.0.3",
|
"daisyui": "^5.0.3",
|
||||||
|
"i18next": "^24.2.3",
|
||||||
|
"i18next-browser-languagedetector": "^8.0.4",
|
||||||
|
"i18next-chained-backend": "^4.6.2",
|
||||||
|
"i18next-fetch-backend": "^6.0.0",
|
||||||
|
"i18next-localstorage-backend": "^4.2.0",
|
||||||
"tailwindcss": "^4.0.14"
|
"tailwindcss": "^4.0.14"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|
@ -46,6 +53,18 @@
|
||||||
"node": ">=6.0.0"
|
"node": ">=6.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@babel/runtime": {
|
||||||
|
"version": "7.26.10",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.10.tgz",
|
||||||
|
"integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"regenerator-runtime": "^0.14.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=6.9.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@esbuild/aix-ppc64": {
|
"node_modules/@esbuild/aix-ppc64": {
|
||||||
"version": "0.25.1",
|
"version": "0.25.1",
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz",
|
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz",
|
||||||
|
|
@ -1653,6 +1672,23 @@
|
||||||
"node": ">= 0.4"
|
"node": ">= 0.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/asynckit": {
|
||||||
|
"version": "0.4.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
||||||
|
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/axios": {
|
||||||
|
"version": "1.8.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
|
||||||
|
"integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"follow-redirects": "^1.15.6",
|
||||||
|
"form-data": "^4.0.0",
|
||||||
|
"proxy-from-env": "^1.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/axobject-query": {
|
"node_modules/axobject-query": {
|
||||||
"version": "4.1.0",
|
"version": "4.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
|
||||||
|
|
@ -1670,6 +1706,22 @@
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/bootstrap-icons": {
|
||||||
|
"version": "1.11.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.11.3.tgz",
|
||||||
|
"integrity": "sha512-+3lpHrCw/it2/7lBL15VR0HEumaBss0+f/Lb6ZvHISn1mlK83jjFpooTLsMWbIjJMDjDjOExMsTxnXSIT4k4ww==",
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://github.com/sponsors/twbs"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/bootstrap"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/brace-expansion": {
|
"node_modules/brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
|
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
|
||||||
|
|
@ -1694,6 +1746,19 @@
|
||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/call-bind-apply-helpers": {
|
||||||
|
"version": "1.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
|
||||||
|
"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"es-errors": "^1.3.0",
|
||||||
|
"function-bind": "^1.1.2"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/callsites": {
|
"node_modules/callsites": {
|
||||||
"version": "3.1.0",
|
"version": "3.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
|
||||||
|
|
@ -1767,6 +1832,18 @@
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/combined-stream": {
|
||||||
|
"version": "1.0.8",
|
||||||
|
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
|
||||||
|
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"delayed-stream": "~1.0.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/concat-map": {
|
"node_modules/concat-map": {
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
|
||||||
|
|
@ -1856,6 +1933,15 @@
|
||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/delayed-stream": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
|
||||||
|
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.4.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/detect-libc": {
|
"node_modules/detect-libc": {
|
||||||
"version": "2.0.3",
|
"version": "2.0.3",
|
||||||
"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
|
||||||
|
|
@ -1872,6 +1958,20 @@
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/dunder-proto": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"call-bind-apply-helpers": "^1.0.1",
|
||||||
|
"es-errors": "^1.3.0",
|
||||||
|
"gopd": "^1.2.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/enhanced-resolve": {
|
"node_modules/enhanced-resolve": {
|
||||||
"version": "5.18.1",
|
"version": "5.18.1",
|
||||||
"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
|
"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
|
||||||
|
|
@ -1885,6 +1985,51 @@
|
||||||
"node": ">=10.13.0"
|
"node": ">=10.13.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/es-define-property": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/es-errors": {
|
||||||
|
"version": "1.3.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
|
||||||
|
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/es-object-atoms": {
|
||||||
|
"version": "1.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
|
||||||
|
"integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"es-errors": "^1.3.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/es-set-tostringtag": {
|
||||||
|
"version": "2.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
|
||||||
|
"integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"es-errors": "^1.3.0",
|
||||||
|
"get-intrinsic": "^1.2.6",
|
||||||
|
"has-tostringtag": "^1.0.2",
|
||||||
|
"hasown": "^2.0.2"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/esbuild": {
|
"node_modules/esbuild": {
|
||||||
"version": "0.25.1",
|
"version": "0.25.1",
|
||||||
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.1.tgz",
|
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.1.tgz",
|
||||||
|
|
@ -2313,6 +2458,41 @@
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "ISC"
|
"license": "ISC"
|
||||||
},
|
},
|
||||||
|
"node_modules/follow-redirects": {
|
||||||
|
"version": "1.15.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
|
||||||
|
"integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "individual",
|
||||||
|
"url": "https://github.com/sponsors/RubenVerborgh"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=4.0"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"debug": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/form-data": {
|
||||||
|
"version": "4.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
|
||||||
|
"integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"asynckit": "^0.4.0",
|
||||||
|
"combined-stream": "^1.0.8",
|
||||||
|
"es-set-tostringtag": "^2.1.0",
|
||||||
|
"mime-types": "^2.1.12"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/fsevents": {
|
"node_modules/fsevents": {
|
||||||
"version": "2.3.3",
|
"version": "2.3.3",
|
||||||
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
||||||
|
|
@ -2327,6 +2507,52 @@
|
||||||
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/function-bind": {
|
||||||
|
"version": "1.1.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
|
||||||
|
"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/get-intrinsic": {
|
||||||
|
"version": "1.3.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
|
||||||
|
"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"call-bind-apply-helpers": "^1.0.2",
|
||||||
|
"es-define-property": "^1.0.1",
|
||||||
|
"es-errors": "^1.3.0",
|
||||||
|
"es-object-atoms": "^1.1.1",
|
||||||
|
"function-bind": "^1.1.2",
|
||||||
|
"get-proto": "^1.0.1",
|
||||||
|
"gopd": "^1.2.0",
|
||||||
|
"has-symbols": "^1.1.0",
|
||||||
|
"hasown": "^2.0.2",
|
||||||
|
"math-intrinsics": "^1.1.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/get-proto": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"dunder-proto": "^1.0.1",
|
||||||
|
"es-object-atoms": "^1.0.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/glob-parent": {
|
"node_modules/glob-parent": {
|
||||||
"version": "6.0.2",
|
"version": "6.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
|
||||||
|
|
@ -2353,6 +2579,18 @@
|
||||||
"url": "https://github.com/sponsors/sindresorhus"
|
"url": "https://github.com/sponsors/sindresorhus"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/gopd": {
|
||||||
|
"version": "1.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
|
||||||
|
"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/graceful-fs": {
|
"node_modules/graceful-fs": {
|
||||||
"version": "4.2.11",
|
"version": "4.2.11",
|
||||||
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
|
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
|
||||||
|
|
@ -2376,6 +2614,112 @@
|
||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/has-symbols": {
|
||||||
|
"version": "1.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
|
||||||
|
"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/has-tostringtag": {
|
||||||
|
"version": "1.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
|
||||||
|
"integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"has-symbols": "^1.0.3"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/sponsors/ljharb"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/hasown": {
|
||||||
|
"version": "2.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
|
||||||
|
"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"function-bind": "^1.1.2"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/i18next": {
|
||||||
|
"version": "24.2.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/i18next/-/i18next-24.2.3.tgz",
|
||||||
|
"integrity": "sha512-lfbf80OzkocvX7nmZtu7nSTNbrTYR52sLWxPtlXX1zAhVw8WEnFk4puUkCR4B1dNQwbSpEHHHemcZu//7EcB7A==",
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "individual",
|
||||||
|
"url": "https://locize.com"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "individual",
|
||||||
|
"url": "https://locize.com/i18next.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "individual",
|
||||||
|
"url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.26.10"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"typescript": "^5"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"typescript": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/i18next-browser-languagedetector": {
|
||||||
|
"version": "8.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-8.0.4.tgz",
|
||||||
|
"integrity": "sha512-f3frU3pIxD50/Tz20zx9TD9HobKYg47fmAETb117GKGPrhwcSSPJDoCposXlVycVebQ9GQohC3Efbpq7/nnJ5w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.23.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/i18next-chained-backend": {
|
||||||
|
"version": "4.6.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/i18next-chained-backend/-/i18next-chained-backend-4.6.2.tgz",
|
||||||
|
"integrity": "sha512-2P092fR+nAPQlGzPUoIIxbwo7PTBqQYgLxwv1XhSTQUAUoelLo5LkX+FqRxxSDg9WEAsrc8+2WL6mJtMGIa6WQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.23.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/i18next-fetch-backend": {
|
||||||
|
"version": "6.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/i18next-fetch-backend/-/i18next-fetch-backend-6.0.0.tgz",
|
||||||
|
"integrity": "sha512-kVqnydqLVMZfVlOuP2nf71cREydlxEKLH43jUXAFdOku/GF+6b9fBg31anoos5XncdhdtiYgL9fheqMrtXRwng==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=18"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/i18next-localstorage-backend": {
|
||||||
|
"version": "4.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/i18next-localstorage-backend/-/i18next-localstorage-backend-4.2.0.tgz",
|
||||||
|
"integrity": "sha512-vglEQF0AnLriX7dLA2drHnqAYzHxnLwWQzBDw8YxcIDjOvYZz5rvpal59Dq4In+IHNmGNM32YgF0TDjBT0fHmA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.22.15"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/ignore": {
|
"node_modules/ignore": {
|
||||||
"version": "5.3.2",
|
"version": "5.3.2",
|
||||||
"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
|
"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
|
||||||
|
|
@ -2836,6 +3180,15 @@
|
||||||
"@jridgewell/sourcemap-codec": "^1.5.0"
|
"@jridgewell/sourcemap-codec": "^1.5.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/math-intrinsics": {
|
||||||
|
"version": "1.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
|
||||||
|
"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/merge2": {
|
"node_modules/merge2": {
|
||||||
"version": "1.4.1",
|
"version": "1.4.1",
|
||||||
"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
|
"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
|
||||||
|
|
@ -2873,6 +3226,27 @@
|
||||||
"url": "https://github.com/sponsors/jonschlinkert"
|
"url": "https://github.com/sponsors/jonschlinkert"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/mime-db": {
|
||||||
|
"version": "1.52.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
|
||||||
|
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/mime-types": {
|
||||||
|
"version": "2.1.35",
|
||||||
|
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
|
||||||
|
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"mime-db": "1.52.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/minimatch": {
|
"node_modules/minimatch": {
|
||||||
"version": "3.1.2",
|
"version": "3.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
|
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
|
||||||
|
|
@ -3215,6 +3589,12 @@
|
||||||
"svelte": "^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0"
|
"svelte": "^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/proxy-from-env": {
|
||||||
|
"version": "1.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||||
|
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/punycode": {
|
"node_modules/punycode": {
|
||||||
"version": "2.3.1",
|
"version": "2.3.1",
|
||||||
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
|
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
|
||||||
|
|
@ -3260,6 +3640,12 @@
|
||||||
"url": "https://paulmillr.com/funding/"
|
"url": "https://paulmillr.com/funding/"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/regenerator-runtime": {
|
||||||
|
"version": "0.14.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
|
||||||
|
"integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/resolve-from": {
|
"node_modules/resolve-from": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
|
||||||
|
|
@ -3596,7 +3982,7 @@
|
||||||
"version": "5.8.2",
|
"version": "5.8.2",
|
||||||
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
|
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
|
||||||
"integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
|
"integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
|
||||||
"dev": true,
|
"devOptional": true,
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"bin": {
|
"bin": {
|
||||||
"tsc": "bin/tsc",
|
"tsc": "bin/tsc",
|
||||||
|
|
|
||||||
|
|
@ -34,7 +34,14 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@tailwindcss/vite": "^4.0.14",
|
"@tailwindcss/vite": "^4.0.14",
|
||||||
|
"axios": "^1.8.4",
|
||||||
|
"bootstrap-icons": "^1.11.3",
|
||||||
"daisyui": "^5.0.3",
|
"daisyui": "^5.0.3",
|
||||||
|
"i18next": "^24.2.3",
|
||||||
|
"i18next-browser-languagedetector": "^8.0.4",
|
||||||
|
"i18next-chained-backend": "^4.6.2",
|
||||||
|
"i18next-fetch-backend": "^6.0.0",
|
||||||
|
"i18next-localstorage-backend": "^4.2.0",
|
||||||
"tailwindcss": "^4.0.14"
|
"tailwindcss": "^4.0.14"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -13,5 +13,17 @@
|
||||||
"editor.formatOnSave": true,
|
"editor.formatOnSave": true,
|
||||||
"editor.tabSize": 2,
|
"editor.tabSize": 2,
|
||||||
"editor.detectIndentation": false,
|
"editor.detectIndentation": false,
|
||||||
|
"i18n-ally.enabledFrameworks": ["i18next", "svelte"],
|
||||||
|
"i18n-ally.localesPaths": ["static/locales"],
|
||||||
|
"i18n-ally.keystyle": "nested",
|
||||||
|
"i18n-ally.namespace": true,
|
||||||
|
"i18n-ally.editor.preferEditor": true,
|
||||||
|
"i18n-ally.refactor.templates": [
|
||||||
|
{
|
||||||
|
"templates": ["{{ t('{key}'{args}) }}"],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
"i18n-ally.sourceLanguage": "en",
|
||||||
|
"i18n-ally.displayLanguage": "en",
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
|
||||||
42
frontend/src/app.css
Normal file
42
frontend/src/app.css
Normal file
|
|
@ -0,0 +1,42 @@
|
||||||
|
@import 'tailwindcss';
|
||||||
|
@import 'bootstrap-icons';
|
||||||
|
|
||||||
|
@plugin "daisyui" {
|
||||||
|
themes:
|
||||||
|
emerald --default;
|
||||||
|
}
|
||||||
|
|
||||||
|
@plugin "daisyui/theme" {
|
||||||
|
name: "darkgray";
|
||||||
|
default: false;
|
||||||
|
prefersdark: true;
|
||||||
|
color-scheme: "light";
|
||||||
|
--color-base-100: oklch(37% 0.034 259.733);
|
||||||
|
--color-base-200: oklch(27% 0.033 256.848);
|
||||||
|
--color-base-300: oklch(21% 0.006 285.885);
|
||||||
|
--color-base-content: oklch(96% 0.001 286.375);
|
||||||
|
--color-primary: oklch(70% 0.14 182.503);
|
||||||
|
--color-primary-content: oklch(98% 0.014 180.72);
|
||||||
|
--color-secondary: oklch(65% 0.241 354.308);
|
||||||
|
--color-secondary-content: oklch(94% 0.028 342.258);
|
||||||
|
--color-accent: oklch(58% 0.233 277.117);
|
||||||
|
--color-accent-content: oklch(96% 0.018 272.314);
|
||||||
|
--color-neutral: oklch(20% 0 0);
|
||||||
|
--color-neutral-content: oklch(96% 0.001 286.375);
|
||||||
|
--color-info: oklch(74% 0.16 232.661);
|
||||||
|
--color-info-content: oklch(95% 0.026 236.824);
|
||||||
|
--color-success: oklch(76% 0.177 163.223);
|
||||||
|
--color-success-content: oklch(26% 0.051 172.552);
|
||||||
|
--color-warning: oklch(82% 0.189 84.429);
|
||||||
|
--color-warning-content: oklch(27% 0.077 45.635);
|
||||||
|
--color-error: oklch(64% 0.246 16.439);
|
||||||
|
--color-error-content: oklch(96% 0.015 12.422);
|
||||||
|
--radius-selector: 0.5rem;
|
||||||
|
--radius-field: 0.25rem;
|
||||||
|
--radius-box: 0.5rem;
|
||||||
|
--size-selector: 0.25rem;
|
||||||
|
--size-field: 0.25rem;
|
||||||
|
--border: 1px;
|
||||||
|
--depth: 0;
|
||||||
|
--noise: 0;
|
||||||
|
}
|
||||||
108
frontend/src/lib/axios.svelte.ts
Normal file
108
frontend/src/lib/axios.svelte.ts
Normal file
|
|
@ -0,0 +1,108 @@
|
||||||
|
import axios from 'axios';
|
||||||
|
import { dev } from '$app/environment';
|
||||||
|
import { goto } from '$app/navigation';
|
||||||
|
import { get } from 'svelte/store';
|
||||||
|
import { persistentSettings, clearLoginState } from '$lib/persistent_store';
|
||||||
|
|
||||||
|
if (dev) {
|
||||||
|
axios.defaults.baseURL = "http://localhost:8000/api/v1"
|
||||||
|
} else {
|
||||||
|
axios.defaults.baseURL = "/api/v1"
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get access token from local storage
|
||||||
|
axios.defaults.headers.common['Authorization'] = "Bearer " + get(persistentSettings).accessToken;
|
||||||
|
|
||||||
|
function createTokenRefreshInterceptor() {
|
||||||
|
const interceptor = axios.interceptors.response.use(
|
||||||
|
(response) => response,
|
||||||
|
(error) => {
|
||||||
|
// Reject promise if usual error
|
||||||
|
if (error.response.status !== 401) {
|
||||||
|
return Promise.reject(error);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* When response code is 401, try to refresh the token.
|
||||||
|
* Eject the interceptor so it doesn't loop in case
|
||||||
|
* token refresh causes the 401 response.
|
||||||
|
*
|
||||||
|
* Must be re-attached later on or the token refresh will only happen once
|
||||||
|
*/
|
||||||
|
axios.interceptors.response.eject(interceptor);
|
||||||
|
|
||||||
|
return axios
|
||||||
|
.post("/auth/refresh", {
|
||||||
|
refresh_token: get(persistentSettings).refreshToken,
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
// Save new tokens
|
||||||
|
persistentSettings.update(settings => {
|
||||||
|
settings.accessToken = response.data.access_token
|
||||||
|
settings.refreshToken = response.data.refresh_token;
|
||||||
|
return settings;
|
||||||
|
})
|
||||||
|
|
||||||
|
// Update access token
|
||||||
|
const authHeader = "Bearer " + response.data.access_token;
|
||||||
|
axios.defaults.headers.common['Authorization'] = authHeader;
|
||||||
|
error.response.config.headers["Authorization"] = authHeader;
|
||||||
|
|
||||||
|
// Retry initial request with new token
|
||||||
|
return axios(error.response.config);
|
||||||
|
})
|
||||||
|
.catch((retryError) => {
|
||||||
|
// Retry failed, clean up and reject the promise
|
||||||
|
clearLoginState();
|
||||||
|
axios.defaults.headers.common['Authorization'] = "";
|
||||||
|
goto('/login?reauth')
|
||||||
|
return Promise.reject(retryError);
|
||||||
|
})
|
||||||
|
.finally(createTokenRefreshInterceptor); // Re-attach interceptor for future requests
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
createTokenRefreshInterceptor();
|
||||||
|
|
||||||
|
export const login = async function(email: string, password: string) {
|
||||||
|
await axios
|
||||||
|
.post('/auth/login', {
|
||||||
|
email,
|
||||||
|
password,
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
persistentSettings.update(settings => {
|
||||||
|
settings.loggedIn = true
|
||||||
|
settings.accessToken = response.data.access_token
|
||||||
|
settings.refreshToken = response.data.refresh_token
|
||||||
|
return settings;
|
||||||
|
})
|
||||||
|
axios.defaults.headers.common['Authorization'] = 'Bearer ' + response.data.access_token
|
||||||
|
axios.get('/me').then((response) => {
|
||||||
|
persistentSettings.update(settings => {
|
||||||
|
settings.email = response.data.email
|
||||||
|
settings.friendlyName = response.data.friendly_name
|
||||||
|
settings.role = response.data.role
|
||||||
|
return settings;
|
||||||
|
})
|
||||||
|
})
|
||||||
|
goto('/')
|
||||||
|
return Promise.resolve();
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
return Promise.reject(error);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const logout = function() {
|
||||||
|
axios
|
||||||
|
.post('/auth/logout')
|
||||||
|
.then(() => {
|
||||||
|
clearLoginState();
|
||||||
|
axios.defaults.headers.common['Authorization'] = "";
|
||||||
|
goto('/login?logout')
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export default axios;
|
||||||
49
frontend/src/lib/component/DashboardCard.svelte
Normal file
49
frontend/src/lib/component/DashboardCard.svelte
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import i18n from '$lib/i18n'
|
||||||
|
|
||||||
|
let props: {
|
||||||
|
title: string
|
||||||
|
icon: string
|
||||||
|
value: number
|
||||||
|
previousValue: number
|
||||||
|
unit?: string
|
||||||
|
} = $props()
|
||||||
|
|
||||||
|
let diff = $derived(
|
||||||
|
Math.round(((props.previousValue - props.value) / props.previousValue) * 100 * 10 * -1) / 10
|
||||||
|
)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="card bg-base-100 shadow rounded-md basis-0 grow">
|
||||||
|
<div class="card-body gap-2">
|
||||||
|
<div class="flex items-start justify-between gap-2 text-sm">
|
||||||
|
<div>
|
||||||
|
<p class="text-base-content/80 font-medium">
|
||||||
|
{props.title}
|
||||||
|
</p>
|
||||||
|
<div class="mt-3 flex items-center gap-2">
|
||||||
|
<p class="text-2xl font-semibold">
|
||||||
|
{props.value}{#if props.unit}{' ' + props.unit}{/if}
|
||||||
|
</p>
|
||||||
|
{#if diff > 0}
|
||||||
|
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||||
|
<i class="bi bi-arrow-up-right"></i>{diff}%
|
||||||
|
</div>
|
||||||
|
{:else if diff < 0}
|
||||||
|
<div class="badge badge-soft badge-error badge-sm gap-0.5 px-1 font-medium">
|
||||||
|
<i class="bi bi-arrow-down-right"></i>{diff}%
|
||||||
|
</div>
|
||||||
|
{:else}
|
||||||
|
<div class="badge badge-soft badge-warning badge-sm gap-0.5 px-1 font-medium">
|
||||||
|
<i class="bi bi-arrow-right"></i>{diff}%
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<i class="bi {props.icon} text-primary text-4xl"></i>
|
||||||
|
</div>
|
||||||
|
<p class="text-base-content/60 text-sm">
|
||||||
|
{$i18n.t('dashboard:cards.lastMonth', { val: props.previousValue, unit: props.unit })}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
94
frontend/src/lib/component/TransactionTable.svelte
Normal file
94
frontend/src/lib/component/TransactionTable.svelte
Normal file
|
|
@ -0,0 +1,94 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import i18n from '$lib/i18n'
|
||||||
|
|
||||||
|
let props: {
|
||||||
|
transactions: {
|
||||||
|
id: string
|
||||||
|
begin: Date
|
||||||
|
end: Date
|
||||||
|
chargepoint: {
|
||||||
|
name: string
|
||||||
|
id: string
|
||||||
|
}
|
||||||
|
energyAmmount: number
|
||||||
|
cost: number
|
||||||
|
}[]
|
||||||
|
} = $props()
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="overflow-x-auto mt-4 bg-base-100 rounded-md">
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>{$i18n.t('common:transactionTable.headerDate')}</th>
|
||||||
|
<th>{$i18n.t('common:transactionTable.headerChargepoint')}</th>
|
||||||
|
<th>{$i18n.t('common:transactionTable.headerEnergyTotal')}</th>
|
||||||
|
<th>{$i18n.t('common:transactionTable.headerCost')}</th>
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{#if props.transactions.length > 0}
|
||||||
|
{#each props.transactions as transaction}
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
{$i18n.t('common:transactionTable.startTime', {
|
||||||
|
time: transaction.begin,
|
||||||
|
formatParams: {
|
||||||
|
time: {
|
||||||
|
year: 'numeric',
|
||||||
|
month: 'numeric',
|
||||||
|
day: 'numeric',
|
||||||
|
hour: 'numeric',
|
||||||
|
minute: 'numeric',
|
||||||
|
second: 'numeric',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})}
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
{$i18n.t('common:transactionTable.endTime', {
|
||||||
|
time: transaction.end,
|
||||||
|
formatParams: {
|
||||||
|
time: {
|
||||||
|
year: 'numeric',
|
||||||
|
month: 'numeric',
|
||||||
|
day: 'numeric',
|
||||||
|
hour: 'numeric',
|
||||||
|
minute: 'numeric',
|
||||||
|
second: 'numeric',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="/chargepoint/{transaction.chargepoint.id}" class="btn btn-sm btn-primary">
|
||||||
|
<i class="bi bi-plug-fill text-lg"></i>
|
||||||
|
{transaction.chargepoint.name}
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td class="font-bold">{transaction.energyAmmount} kWh</td>
|
||||||
|
<td class="font-bold">{transaction.cost} €</td>
|
||||||
|
<th>
|
||||||
|
<a href="/transaction/{transaction.id}" class="btn btn-sm btn-primary">
|
||||||
|
{$i18n.t('common:transactionTable.detailButton')}
|
||||||
|
<i class="bi bi-arrow-right"></i>
|
||||||
|
</a>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
{/each}
|
||||||
|
{/if}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
{#if props.transactions.length === 0}
|
||||||
|
<p class="w-full mt-15 mb-15 text-center text-xl font-bold">
|
||||||
|
{$i18n.t('common:transactionTable.noPreviousTransactions')}
|
||||||
|
</p>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
32
frontend/src/lib/i18n.ts
Normal file
32
frontend/src/lib/i18n.ts
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
import i18next from 'i18next'
|
||||||
|
import Backend from 'i18next-chained-backend'
|
||||||
|
import Fetch from 'i18next-fetch-backend'
|
||||||
|
import LocalStorageBackend from 'i18next-localstorage-backend'
|
||||||
|
import I18nextBrowserLanguageDetector from 'i18next-browser-languagedetector'
|
||||||
|
import { createI18nStore } from './i18n_store'
|
||||||
|
|
||||||
|
i18next
|
||||||
|
.use(Backend)
|
||||||
|
.use(I18nextBrowserLanguageDetector)
|
||||||
|
.init({
|
||||||
|
supportedLngs: ['en', 'de'],
|
||||||
|
ns: ['common'],
|
||||||
|
defaultNS: 'common',
|
||||||
|
backend: {
|
||||||
|
backends: [LocalStorageBackend, Fetch],
|
||||||
|
backendOptions: [
|
||||||
|
{
|
||||||
|
expirationTime: 24 * 60 * 60 * 1000,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loadPath: '/locales/{{lng}}/{{ns}}.json',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
interpolation: {
|
||||||
|
escapeValue: false,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
const i18n = createI18nStore(i18next)
|
||||||
|
export default i18n
|
||||||
55
frontend/src/lib/i18n_store.ts
Normal file
55
frontend/src/lib/i18n_store.ts
Normal file
|
|
@ -0,0 +1,55 @@
|
||||||
|
import type { i18n } from 'i18next'
|
||||||
|
import { writable, type Readable, type Writable } from 'svelte/store'
|
||||||
|
|
||||||
|
export interface TranslationService {
|
||||||
|
i18n: Readable<i18n>
|
||||||
|
}
|
||||||
|
|
||||||
|
export const isLoading = writable(true)
|
||||||
|
|
||||||
|
export class I18NextTranslationStore implements TranslationService {
|
||||||
|
public i18n: Writable<i18n>
|
||||||
|
public isLoading: Writable<boolean>
|
||||||
|
|
||||||
|
constructor(i18n: i18n) {
|
||||||
|
this.i18n = this.createInstance(i18n)
|
||||||
|
this.isLoading = this.createLoadingInstance(i18n)
|
||||||
|
}
|
||||||
|
|
||||||
|
private createInstance(i18n: i18n): Writable<i18n> {
|
||||||
|
const i18nWritable = writable(i18n)
|
||||||
|
|
||||||
|
i18n.on('initialized', () => {
|
||||||
|
i18nWritable.set(i18n)
|
||||||
|
})
|
||||||
|
i18n.on('loaded', () => {
|
||||||
|
i18nWritable.set(i18n)
|
||||||
|
})
|
||||||
|
i18n.on('added', () => i18nWritable.set(i18n))
|
||||||
|
i18n.on('languageChanged', () => {
|
||||||
|
i18nWritable.set(i18n)
|
||||||
|
})
|
||||||
|
return i18nWritable
|
||||||
|
}
|
||||||
|
|
||||||
|
private createLoadingInstance(i18n: i18n): Writable<boolean> {
|
||||||
|
// if loaded resources are empty || {}, set loading to true
|
||||||
|
i18n.on('loaded', (resources) => {
|
||||||
|
if (Object.keys(resources).length !== 0) {
|
||||||
|
isLoading.set(false)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// if resources failed loading, set loading to true
|
||||||
|
i18n.on('failedLoading', () => {
|
||||||
|
isLoading.set(true)
|
||||||
|
})
|
||||||
|
|
||||||
|
return isLoading
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const createI18nStore = (i18n: i18n) => {
|
||||||
|
const i18nStore = new I18NextTranslationStore(i18n)
|
||||||
|
return i18nStore.i18n
|
||||||
|
}
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
// place files you want to import through the `$lib` alias in this folder.
|
|
||||||
37
frontend/src/lib/persistent_store.ts
Normal file
37
frontend/src/lib/persistent_store.ts
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
import { writable } from 'svelte/store'
|
||||||
|
|
||||||
|
interface PersistedSettings {
|
||||||
|
darkmode: boolean
|
||||||
|
loggedIn: boolean
|
||||||
|
friendlyName: string
|
||||||
|
email: string
|
||||||
|
role: string
|
||||||
|
accessToken: string,
|
||||||
|
refreshToken: string
|
||||||
|
}
|
||||||
|
|
||||||
|
const settingsDefault: PersistedSettings = {
|
||||||
|
darkmode: false,
|
||||||
|
loggedIn: false,
|
||||||
|
friendlyName: "",
|
||||||
|
email: "",
|
||||||
|
role: "member",
|
||||||
|
accessToken: "",
|
||||||
|
refreshToken: ""
|
||||||
|
}
|
||||||
|
|
||||||
|
export const persistentSettings = writable<PersistedSettings>(JSON.parse(localStorage.getItem('persistentSettings') || JSON.stringify(settingsDefault)))
|
||||||
|
|
||||||
|
persistentSettings.subscribe((value) => localStorage.persistentSettings = JSON.stringify(value))
|
||||||
|
|
||||||
|
export const clearLoginState = function() {
|
||||||
|
persistentSettings.update(settings => {
|
||||||
|
settings.accessToken = "";
|
||||||
|
settings.refreshToken = "";
|
||||||
|
settings.loggedIn = false;
|
||||||
|
settings.friendlyName = "";
|
||||||
|
settings.email = "";
|
||||||
|
settings.role = "member";
|
||||||
|
return settings;
|
||||||
|
})
|
||||||
|
}
|
||||||
19
frontend/src/lib/types/chargepoint.ts
Normal file
19
frontend/src/lib/types/chargepoint.ts
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
export type ChargePoint = {
|
||||||
|
identity: string;
|
||||||
|
is_active: boolean;
|
||||||
|
price: number;
|
||||||
|
id: string;
|
||||||
|
last_seen: string;
|
||||||
|
vendor_name: string;
|
||||||
|
model: string;
|
||||||
|
serial_number: string,
|
||||||
|
firmware_version: string;
|
||||||
|
connectors: [
|
||||||
|
{
|
||||||
|
id: string;
|
||||||
|
evse: number;
|
||||||
|
index: number;
|
||||||
|
status: 'Available' | 'Occupied' | 'Reserved' | 'Unavailable' | 'Faulted'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
10
frontend/src/lib/util.ts
Normal file
10
frontend/src/lib/util.ts
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
export const currentDaytime = function(): string {
|
||||||
|
const currentHour = new Date().getHours()
|
||||||
|
|
||||||
|
if (currentHour >= 0 && currentHour < 12) {
|
||||||
|
return 'morning'
|
||||||
|
} else if (currentHour >= 12 && currentHour < 18) {
|
||||||
|
return 'day'
|
||||||
|
}
|
||||||
|
return 'evening'
|
||||||
|
}
|
||||||
99
frontend/src/routes/(navbar)/+layout.svelte
Normal file
99
frontend/src/routes/(navbar)/+layout.svelte
Normal file
|
|
@ -0,0 +1,99 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import { goto } from '$app/navigation'
|
||||||
|
import { persistentSettings } from '$lib/persistent_store'
|
||||||
|
import i18n from '$lib/i18n'
|
||||||
|
import { logout } from '$lib/axios.svelte'
|
||||||
|
|
||||||
|
let { children } = $props()
|
||||||
|
|
||||||
|
if (!$persistentSettings.loggedIn) {
|
||||||
|
goto('/login')
|
||||||
|
}
|
||||||
|
|
||||||
|
let drawerOpen = $state(false)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="w-full h-full p-4 flex flex-col bg-base-200">
|
||||||
|
<div class="navbar w-auto mb-4 pr-4 bg-base-100 shadow-md rounded-md">
|
||||||
|
<div class="drawer navbar-start">
|
||||||
|
<input bind:checked={drawerOpen} id="nav-drawer" type="checkbox" class="drawer-toggle" />
|
||||||
|
<div class="drawer-content">
|
||||||
|
<label for="nav-drawer" class="btn btn-ghost btn-circle drawer-button">
|
||||||
|
<i class="bi bi-list text-2xl"></i>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-side z-10">
|
||||||
|
<label for="nav-drawer" aria-label="close sidebar" class="drawer-overlay"></label>
|
||||||
|
<ul class="menu bg-base-100 text-base min-h-full w-80 p-4">
|
||||||
|
<li class="mb-4">
|
||||||
|
<a class="btn btn-ghost text-xl" href="/">LibreCharge</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
onclick={() => {
|
||||||
|
drawerOpen = !drawerOpen
|
||||||
|
}}
|
||||||
|
href="/"
|
||||||
|
>
|
||||||
|
<i class="bi bi-graph-up text-xl"></i>
|
||||||
|
<span>Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
onclick={() => {
|
||||||
|
drawerOpen = !drawerOpen
|
||||||
|
}}
|
||||||
|
href="/idtoken"
|
||||||
|
>
|
||||||
|
<i class="bi bi-credit-card-fill text-xl"></i>
|
||||||
|
<span>{$i18n.t('common:navbar.link.idtoken')}</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
onclick={() => {
|
||||||
|
drawerOpen = !drawerOpen
|
||||||
|
}}
|
||||||
|
href="/transaction"
|
||||||
|
>
|
||||||
|
<i class="bi bi-battery-charging text-xl"></i>
|
||||||
|
<span>{$i18n.t('common:navbar.link.transaction')}</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
onclick={() => {
|
||||||
|
drawerOpen = !drawerOpen
|
||||||
|
}}
|
||||||
|
href="/chargepoint"
|
||||||
|
>
|
||||||
|
<i class="bi bi-plug-fill text-xl"></i>
|
||||||
|
<span>{$i18n.t('common:navbar.link.chargepoint')}</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="navbar-center">
|
||||||
|
<a class="btn btn-ghost text-xl" href="/">LibreCharge</a>
|
||||||
|
</div>
|
||||||
|
<div class="navbar-end">
|
||||||
|
<div class="dropdown dropdown-end">
|
||||||
|
<div tabindex="0" role="button" class="btn btn-ghost btn-circle">
|
||||||
|
<i class="bi bi-person-circle text-2xl"></i>
|
||||||
|
</div>
|
||||||
|
<ul
|
||||||
|
tabindex="-1"
|
||||||
|
class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow"
|
||||||
|
>
|
||||||
|
<li><a href="/profile">{$i18n.t('common:navbar.link.profile')}</a></li>
|
||||||
|
<li><button onclick={logout}>{$i18n.t('common:navbar.link.logout')}</button></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w-full h-full flex flex-col">
|
||||||
|
{@render children()}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
121
frontend/src/routes/(navbar)/+page.svelte
Normal file
121
frontend/src/routes/(navbar)/+page.svelte
Normal file
|
|
@ -0,0 +1,121 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import { persistentSettings } from '$lib/persistent_store'
|
||||||
|
import { currentDaytime } from '$lib/util'
|
||||||
|
import i18n from '$lib/i18n'
|
||||||
|
import DashboardCard from '$lib/component/DashboardCard.svelte'
|
||||||
|
import TransactionTable from '$lib/component/TransactionTable.svelte'
|
||||||
|
|
||||||
|
$i18n.loadNamespaces('dashboard')
|
||||||
|
|
||||||
|
let hasActiveTransaction = $state(true)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="w-full h-full mt-10 flex flex-col">
|
||||||
|
<p class="w-full text-2xl font-bold">
|
||||||
|
{$i18n.t('dashboard:greeting.' + currentDaytime(), { name: $persistentSettings.friendlyName })}
|
||||||
|
</p>
|
||||||
|
<div class="w-full mt-5 flex gap-x-4">
|
||||||
|
<div class="card bg-base-100 shadow rounded-md basis-0 grow">
|
||||||
|
<div class="card-body gap-2">
|
||||||
|
<div class="flex items-start justify-between gap-2 text-sm">
|
||||||
|
<div>
|
||||||
|
<p class="text-base-content/80 font-medium">
|
||||||
|
{$i18n.t('dashboard:cards.currentTransaction')}
|
||||||
|
</p>
|
||||||
|
<div class="mt-3 flex items-center gap-2">
|
||||||
|
{#if hasActiveTransaction}
|
||||||
|
<div class="inline-grid *:[grid-area:1/1]">
|
||||||
|
<div class="status status-success animate-ping"></div>
|
||||||
|
<div class="status status-success"></div>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
<p class="text-2xl font-semibold">
|
||||||
|
{#if hasActiveTransaction}0,25 kWh{:else}-{/if}
|
||||||
|
</p>
|
||||||
|
{#if hasActiveTransaction}
|
||||||
|
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
|
||||||
|
2,30 €
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<i class="bi bi-plug-fill text-primary text-4xl"></i>
|
||||||
|
</div>
|
||||||
|
<div class="w-full flex flex-row items-center">
|
||||||
|
<p class="text-base-content/60 text-sm">
|
||||||
|
{#if hasActiveTransaction}
|
||||||
|
{$i18n.t('dashboard:cards.chargepoint', { name: 'DE-EXMPL-0001' })}
|
||||||
|
{:else}
|
||||||
|
{$i18n.t('dashboard:cards.noCurrentTransaction')}
|
||||||
|
{/if}
|
||||||
|
</p>
|
||||||
|
{#if hasActiveTransaction}
|
||||||
|
<button class="btn btn-xs btn-primary">
|
||||||
|
{$i18n.t('dashboard:cards.toCurrentTransactionButton')}
|
||||||
|
<i class="bi bi-arrow-right"></i>
|
||||||
|
</button>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<DashboardCard
|
||||||
|
title={$i18n.t('dashboard:cards.transactionCount')}
|
||||||
|
icon={'bi-battery-charging'}
|
||||||
|
value={3}
|
||||||
|
previousValue={1}
|
||||||
|
/>
|
||||||
|
<DashboardCard
|
||||||
|
title={$i18n.t('dashboard:cards.transactionEnergyTotal')}
|
||||||
|
icon={'bi-lightning-charge-fill'}
|
||||||
|
value={180}
|
||||||
|
previousValue={50}
|
||||||
|
unit={'kWh'}
|
||||||
|
/>
|
||||||
|
<DashboardCard
|
||||||
|
title={$i18n.t('dashboard:cards.transactionCostTotal')}
|
||||||
|
icon={'bi-currency-exchange'}
|
||||||
|
value={30.56}
|
||||||
|
previousValue={30.56}
|
||||||
|
unit={'€'}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="w-full flex flex-col mt-10">
|
||||||
|
<p class="text-xl font-bold">{$i18n.t('dashboard:table.title')}</p>
|
||||||
|
<TransactionTable
|
||||||
|
transactions={[
|
||||||
|
{
|
||||||
|
id: '1',
|
||||||
|
begin: new Date(Date.UTC(2025, 3, 15, 14, 12, 23)),
|
||||||
|
end: new Date(Date.UTC(2025, 3, 15, 16, 18, 46)),
|
||||||
|
chargepoint: { name: 'DE-EXMPL-0001', id: '1' },
|
||||||
|
energyAmmount: 58.65,
|
||||||
|
cost: 36.45,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '2',
|
||||||
|
begin: new Date(Date.UTC(2025, 3, 15, 14, 12, 23)),
|
||||||
|
end: new Date(Date.UTC(2025, 3, 15, 16, 18, 46)),
|
||||||
|
chargepoint: { name: 'DE-EXMPL-0001', id: '1' },
|
||||||
|
energyAmmount: 58.65,
|
||||||
|
cost: 36.45,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '3',
|
||||||
|
begin: new Date(Date.UTC(2025, 3, 15, 14, 12, 23)),
|
||||||
|
end: new Date(Date.UTC(2025, 3, 15, 16, 18, 46)),
|
||||||
|
chargepoint: { name: 'DE-EXMPL-0001', id: '1' },
|
||||||
|
energyAmmount: 58.65,
|
||||||
|
cost: 36.45,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4',
|
||||||
|
begin: new Date(Date.UTC(2025, 3, 15, 14, 12, 23)),
|
||||||
|
end: new Date(Date.UTC(2025, 3, 15, 16, 18, 46)),
|
||||||
|
chargepoint: { name: 'DE-EXMPL-0001', id: '1' },
|
||||||
|
energyAmmount: 58.65,
|
||||||
|
cost: 36.45,
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
98
frontend/src/routes/(navbar)/chargepoint/+page.svelte
Normal file
98
frontend/src/routes/(navbar)/chargepoint/+page.svelte
Normal file
|
|
@ -0,0 +1,98 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import i18n from '$lib/i18n'
|
||||||
|
import type { ChargePoint } from '$lib/types/chargepoint'
|
||||||
|
|
||||||
|
$i18n.loadNamespaces('chargepoint')
|
||||||
|
|
||||||
|
let chargepoints: ChargePoint[] = $state([])
|
||||||
|
let page: number = $state(1)
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="w-full h-full mt-4 flex flex-col">
|
||||||
|
<p class="w-full text-2xl font-bold">
|
||||||
|
{$i18n.t('chargepoint:header')}
|
||||||
|
</p>
|
||||||
|
<div class="overflow-x-auto mt-8 bg-base-100 rounded-md">
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>{$i18n.t('chargepoint:tableHeader.name')}</th>
|
||||||
|
<th>{$i18n.t('chargepoint:tableHeader.active')}</th>
|
||||||
|
<th>{$i18n.t('chargepoint:tableHeader.lastSeen')}</th>
|
||||||
|
<th>{$i18n.t('chargepoint:tableHeader.price')}</th>
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{#if chargepoints.length > 0}
|
||||||
|
{#each chargepoints as chargepoint}
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
{$i18n.t('common:transactionTable.startTime', {
|
||||||
|
time: transaction.begin,
|
||||||
|
formatParams: {
|
||||||
|
time: {
|
||||||
|
year: 'numeric',
|
||||||
|
month: 'numeric',
|
||||||
|
day: 'numeric',
|
||||||
|
hour: 'numeric',
|
||||||
|
minute: 'numeric',
|
||||||
|
second: 'numeric',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})}
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
{$i18n.t('common:transactionTable.endTime', {
|
||||||
|
time: transaction.end,
|
||||||
|
formatParams: {
|
||||||
|
time: {
|
||||||
|
year: 'numeric',
|
||||||
|
month: 'numeric',
|
||||||
|
day: 'numeric',
|
||||||
|
hour: 'numeric',
|
||||||
|
minute: 'numeric',
|
||||||
|
second: 'numeric',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="/chargepoint/{transaction.chargepoint.id}" class="btn btn-sm btn-primary">
|
||||||
|
<i class="bi bi-plug-fill text-lg"></i>
|
||||||
|
{transaction.chargepoint.name}
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td class="font-bold">{transaction.energyAmmount} kWh</td>
|
||||||
|
<td class="font-bold">{transaction.cost} €</td>
|
||||||
|
<th>
|
||||||
|
<a href="/chargepoint/{chargepoint.id}" class="btn btn-sm btn-primary">
|
||||||
|
{$i18n.t('common:transactionTable.detailButton')}
|
||||||
|
<i class="bi bi-arrow-right"></i>
|
||||||
|
</a>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
{/each}
|
||||||
|
{/if}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
{#if chargepoints.length === 0}
|
||||||
|
<p class="w-full mt-15 mb-15 text-center text-xl font-bold">
|
||||||
|
{$i18n.t('chargepoint:noChargepoints')}
|
||||||
|
</p>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
<div class="join mt-4">
|
||||||
|
<button class="join-item btn bg-base-100">«</button>
|
||||||
|
<button class="join-item btn bg-base-100">Page {page}</button>
|
||||||
|
<button class="join-item btn bg-base-100">»</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
0
frontend/src/routes/(navbar)/idtoken/+page.svelte
Normal file
0
frontend/src/routes/(navbar)/idtoken/+page.svelte
Normal file
0
frontend/src/routes/(navbar)/profile/+page.svelte
Normal file
0
frontend/src/routes/(navbar)/profile/+page.svelte
Normal file
0
frontend/src/routes/(navbar)/transaction/+page.svelte
Normal file
0
frontend/src/routes/(navbar)/transaction/+page.svelte
Normal file
38
frontend/src/routes/+layout.svelte
Normal file
38
frontend/src/routes/+layout.svelte
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
<script>
|
||||||
|
import { persistentSettings } from '$lib/persistent_store'
|
||||||
|
let { children } = $props()
|
||||||
|
import '../app.css'
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="w-screen h-screen flex flex-col"
|
||||||
|
data-theme={$persistentSettings.darkmode ? 'darkgray' : 'emerald'}
|
||||||
|
>
|
||||||
|
{@render children()}
|
||||||
|
<footer
|
||||||
|
class="footer sm:footer-horizontal bg-neutral text-neutral-content items-center pt-3 pb-3 pl-6 pr-6"
|
||||||
|
>
|
||||||
|
<aside class="grid-flow-col">
|
||||||
|
<p>Powered by LibreCharge - Licensed under GNU AGPL v3</p>
|
||||||
|
</aside>
|
||||||
|
<nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end text-3xl">
|
||||||
|
<label class="swap swap-rotate">
|
||||||
|
<!-- this hidden checkbox controls the state -->
|
||||||
|
<input type="checkbox" bind:checked={$persistentSettings.darkmode} />
|
||||||
|
|
||||||
|
<!-- sun icon -->
|
||||||
|
<i class="bi bi-sun swap-off"></i>
|
||||||
|
|
||||||
|
<!-- moon icon -->
|
||||||
|
<i class="bi bi-moon swap-on"></i>
|
||||||
|
</label>
|
||||||
|
<a
|
||||||
|
aria-label="Source Code"
|
||||||
|
href="https://git.bluemedia.dev/Bluemedia/simple-ocpp-cs"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<i class="bi bi-git"></i>
|
||||||
|
</a>
|
||||||
|
</nav>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
<script>
|
|
||||||
import '../style.css'
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<h1>Welcome to SvelteKit</h1>
|
|
||||||
<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
|
|
||||||
89
frontend/src/routes/login/+page.svelte
Normal file
89
frontend/src/routes/login/+page.svelte
Normal file
|
|
@ -0,0 +1,89 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import { fly } from 'svelte/transition'
|
||||||
|
import i18n from '$lib/i18n'
|
||||||
|
import { login as performLogin } from '$lib/axios.svelte'
|
||||||
|
$i18n.loadNamespaces('login')
|
||||||
|
|
||||||
|
type ToastType = 'reauth' | 'logout' | 'error'
|
||||||
|
let toastType: ToastType = $state('reauth')
|
||||||
|
let toastVisible = $state(false)
|
||||||
|
|
||||||
|
function showToast(type: ToastType) {
|
||||||
|
toastType = type
|
||||||
|
toastVisible = true
|
||||||
|
setTimeout(() => {
|
||||||
|
toastVisible = false
|
||||||
|
}, 6000)
|
||||||
|
}
|
||||||
|
|
||||||
|
const urlParams = new URLSearchParams(window.location.search)
|
||||||
|
if (urlParams.has('reauth')) {
|
||||||
|
showToast('reauth')
|
||||||
|
}
|
||||||
|
if (urlParams.has('logout')) {
|
||||||
|
showToast('logout')
|
||||||
|
}
|
||||||
|
|
||||||
|
let email: string = $state('')
|
||||||
|
let password: string = $state('')
|
||||||
|
|
||||||
|
async function login() {
|
||||||
|
await performLogin(email, password).catch(() => {
|
||||||
|
showToast('error')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="w-full h-full flex flex-col justify-center items-center bg-base-200">
|
||||||
|
<div class="basis-0 grow flex justify-center items-center">
|
||||||
|
<div class="flex flex-col items-center justify-center">
|
||||||
|
<i class="bi bi-ev-front-fill text-8xl text-primary"></i>
|
||||||
|
<p class="text-2xl font-bold">LibreCharge</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="basis-0 flex justify-center items-center">
|
||||||
|
<div class="card bg-base-100 w-full max-w-sm h-fit shrink-0 shadow-2xl">
|
||||||
|
<div class="card-body">
|
||||||
|
<h1 class="text-2xl font-bold">{$i18n.t('login:title')}</h1>
|
||||||
|
<p class="py-2 text-base">{$i18n.t('login:text')}</p>
|
||||||
|
<fieldset class="fieldset">
|
||||||
|
<label class="fieldset-label input text-base-content">
|
||||||
|
<i class="bi bi-envelope-at"></i>
|
||||||
|
<input type="email" bind:value={email} placeholder="me@example.com" required />
|
||||||
|
</label>
|
||||||
|
<label class="fieldset-label input text-base-content">
|
||||||
|
<i class="bi bi-key"></i>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
bind:value={password}
|
||||||
|
placeholder={$i18n.t('login:passwordPlaceholder')}
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<button class="btn btn-primary mt-4" onclick={login}>{$i18n.t('login:button')}</button>
|
||||||
|
</fieldset>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<span class="basis-0 grow"></span>
|
||||||
|
{#if toastVisible}
|
||||||
|
<div class="toast toast-top" out:fly={{ x: 200 }}>
|
||||||
|
{#if toastType === 'reauth'}
|
||||||
|
<div class="alert text-base alert-warning">
|
||||||
|
<i class="bi bi-exclamation-diamond text-xl"></i>
|
||||||
|
<span>{$i18n.t('login:toast.reauth')}</span>
|
||||||
|
</div>
|
||||||
|
{:else if toastType === 'logout'}
|
||||||
|
<div class="alert text-base alert-success">
|
||||||
|
<i class="bi bi-check-circle text-xl"></i>
|
||||||
|
<span>{$i18n.t('login:toast.logoutSuccess')}</span>
|
||||||
|
</div>
|
||||||
|
{:else if toastType === 'error'}
|
||||||
|
<div class="alert text-base alert-error">
|
||||||
|
<i class="bi bi-x-circle text-xl"></i>
|
||||||
|
<span>{$i18n.t('login:toast.loginFailed')}</span>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
@import 'tailwindcss';
|
|
||||||
@plugin "daisyui" {
|
|
||||||
themes:
|
|
||||||
light --default,
|
|
||||||
dark --prefersdark;
|
|
||||||
}
|
|
||||||
13
frontend/static/locales/de/chargepoint.json
Normal file
13
frontend/static/locales/de/chargepoint.json
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"header": "Ladepunkte",
|
||||||
|
"tableHeader": {
|
||||||
|
"name": "Name",
|
||||||
|
"active": "Aktiv",
|
||||||
|
"price": "Preis",
|
||||||
|
"lastSeen": "Zuletzt gesehen"
|
||||||
|
},
|
||||||
|
"tableFormatting": {
|
||||||
|
"lastSeen": "{{val, relativetime}}"
|
||||||
|
},
|
||||||
|
"noChargepoints": "Noch keine Ladepunkte vorhanden."
|
||||||
|
}
|
||||||
21
frontend/static/locales/de/common.json
Normal file
21
frontend/static/locales/de/common.json
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
{
|
||||||
|
"navbar": {
|
||||||
|
"link": {
|
||||||
|
"idtoken": "Ladekarten",
|
||||||
|
"transaction": "Ladevorgänge",
|
||||||
|
"chargepoint": "Ladestationen",
|
||||||
|
"profile": "Profil",
|
||||||
|
"logout": "Abmelden"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"transactionTable": {
|
||||||
|
"noPreviousTransactions": "Du hast noch keine abgeschlossenen Ladevorgänge.",
|
||||||
|
"headerDate": "Zeitpunkt",
|
||||||
|
"headerChargepoint": "Ladestation",
|
||||||
|
"headerEnergyTotal": "Ladevolumen",
|
||||||
|
"headerCost": "Kosten",
|
||||||
|
"startTime": "Beginn: {{ time, datetime }} Uhr",
|
||||||
|
"endTime": "Ende: {{ time, datetime }} Uhr",
|
||||||
|
"detailButton": "Details"
|
||||||
|
}
|
||||||
|
}
|
||||||
28
frontend/static/locales/de/dashboard.json
Normal file
28
frontend/static/locales/de/dashboard.json
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
{
|
||||||
|
"greeting": {
|
||||||
|
"morning": "Guten Morgen {{name}}!",
|
||||||
|
"day": "Guten Tag {{name}}!",
|
||||||
|
"evening": "Guten Abend {{name}}!"
|
||||||
|
},
|
||||||
|
"cards": {
|
||||||
|
"currentTransaction": "Aktueller Ladevorgang",
|
||||||
|
"chargepoint": "Ladestation: {{name}}",
|
||||||
|
"toCurrentTransactionButton": "Zum Ladevorgang",
|
||||||
|
"noCurrentTransaction": "Kein Ladevorgang aktiv",
|
||||||
|
"transactionCount": "Ladevorgänge",
|
||||||
|
"transactionEnergyTotal": "Ladevolumen",
|
||||||
|
"transactionCostTotal": "Kosten",
|
||||||
|
"lastMonth": "{{val}} {{unit}} im letzten Monat"
|
||||||
|
},
|
||||||
|
"table": {
|
||||||
|
"title": "Deine letzten Ladevorgänge",
|
||||||
|
"noPreviousTransactions": "Du hast noch keine abgeschlossenen Ladevorgänge.",
|
||||||
|
"headerDate": "Zeitpunkt",
|
||||||
|
"headerChargepoint": "Ladestation",
|
||||||
|
"headerEnergyTotal": "Ladevolumen",
|
||||||
|
"headerCost": "Kosten",
|
||||||
|
"startTime": "Beginn: {{ time, datetime }} Uhr",
|
||||||
|
"endTime": "Ende: {{ time, datetime }} Uhr",
|
||||||
|
"detailButton": "Details"
|
||||||
|
}
|
||||||
|
}
|
||||||
11
frontend/static/locales/de/login.json
Normal file
11
frontend/static/locales/de/login.json
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
{
|
||||||
|
"title": "Anmelden",
|
||||||
|
"text": "Bitte melde dich mit deinem Account an:",
|
||||||
|
"passwordPlaceholder": "Passwort",
|
||||||
|
"button": "Anmelden",
|
||||||
|
"toast": {
|
||||||
|
"reauth": "Deine Sitzung ist abgelaufen. Bitte melde dich erneut an.",
|
||||||
|
"logoutSuccess": "Abmeldung erfolgreich.",
|
||||||
|
"loginFailed": "Anmeldung fehlgeschlagen."
|
||||||
|
}
|
||||||
|
}
|
||||||
13
frontend/static/locales/en/chargepoint.json
Normal file
13
frontend/static/locales/en/chargepoint.json
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"header": "Chargepoints",
|
||||||
|
"tableHeader": {
|
||||||
|
"name": "Name",
|
||||||
|
"active": "Active",
|
||||||
|
"price": "Price",
|
||||||
|
"lastSeen": "Last seen"
|
||||||
|
},
|
||||||
|
"tableFormatting": {
|
||||||
|
"lastSeen": "{{val, relativetime}}"
|
||||||
|
},
|
||||||
|
"noChargepoints": "There are no chargepoints yet."
|
||||||
|
}
|
||||||
21
frontend/static/locales/en/common.json
Normal file
21
frontend/static/locales/en/common.json
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
{
|
||||||
|
"navbar": {
|
||||||
|
"link": {
|
||||||
|
"idtoken": "Charging Cards",
|
||||||
|
"transaction": "Transactions",
|
||||||
|
"chargepoint": "Charging Stations",
|
||||||
|
"profile": "Profile",
|
||||||
|
"logout": "Logout"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"transactionTable": {
|
||||||
|
"noPreviousTransactions": "You don't have any completed transactions yet.",
|
||||||
|
"headerDate": "Date",
|
||||||
|
"headerChargepoint": "Chargepoint",
|
||||||
|
"headerEnergyTotal": "Energy charged",
|
||||||
|
"headerCost": "Cost",
|
||||||
|
"startTime": "Start: {{ time, datetime }}",
|
||||||
|
"endTime": "End: {{ time, datetime }}",
|
||||||
|
"detailButton": "Details"
|
||||||
|
}
|
||||||
|
}
|
||||||
28
frontend/static/locales/en/dashboard.json
Normal file
28
frontend/static/locales/en/dashboard.json
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
{
|
||||||
|
"greeting": {
|
||||||
|
"morning": "Good morning {{name}}!",
|
||||||
|
"day": "Hello {{name}}!",
|
||||||
|
"evening": "Good evening {{name}}!"
|
||||||
|
},
|
||||||
|
"cards": {
|
||||||
|
"currentTransaction": "Current Transaction",
|
||||||
|
"chargepoint": "Chargepoint: {{name}}",
|
||||||
|
"toCurrentTransactionButton": "More",
|
||||||
|
"noCurrentTransaction": "No active transaction",
|
||||||
|
"transactionCount": "Transactions",
|
||||||
|
"transactionEnergyTotal": "Energy Ammount",
|
||||||
|
"transactionCostTotal": "Cost",
|
||||||
|
"lastMonth": "{{val}} {{unit}} last month"
|
||||||
|
},
|
||||||
|
"table": {
|
||||||
|
"title": "Your recent transactions",
|
||||||
|
"noPreviousTransactions": "You don't have any completed transactions yet.",
|
||||||
|
"headerDate": "Date",
|
||||||
|
"headerChargepoint": "Chargepoint",
|
||||||
|
"headerEnergyTotal": "Energy charged",
|
||||||
|
"headerCost": "Cost",
|
||||||
|
"startTime": "Start: {{ time, datetime }}",
|
||||||
|
"endTime": "End: {{ time, datetime }}",
|
||||||
|
"detailButton": "Details"
|
||||||
|
}
|
||||||
|
}
|
||||||
11
frontend/static/locales/en/login.json
Normal file
11
frontend/static/locales/en/login.json
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
{
|
||||||
|
"title": "Login",
|
||||||
|
"text": "Please login to your account:",
|
||||||
|
"passwordPlaceholder": "Password",
|
||||||
|
"button": "Login",
|
||||||
|
"toast": {
|
||||||
|
"reauth": "Your session expired. Please log in again.",
|
||||||
|
"logoutSuccess": "Successfully logged out.",
|
||||||
|
"loginFailed": "Login failed."
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Reference in a new issue