CMXX - Mailer update

This commit is contained in:
“VeLiTi”
2025-05-09 14:18:06 +02:00
parent da78217dd9
commit c20d2d9c6e
30 changed files with 4535 additions and 159 deletions

BIN
custom/bewellwell/.DS_Store vendored Normal file

Binary file not shown.

View File

@@ -0,0 +1,58 @@
<?php
defined($security_key) or exit;
$message = '
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>' . $mail_subject . '</title>
<style>
@media screen and (max-width: 600px) {
.content {
width: 100% !important;
display: block !important;
padding: 10px !important;
}
.header, .body, .footer {
padding: 20px !important;
}
}
</style>
</head>
<body style="font-family: Arial, sans-serif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding: 20px;">
<table class="content" width="600" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; border: 1px solid #cccccc;">
<!-- Header -->
<tr>
<td class="header" style="background-color:'.color.'; padding: 40px; text-align: center; color: white; font-size: 24px;">
'.site_name.'
</td>
</tr>
<!-- Body -->
<tr>
<td class="body" style="padding: 40px; text-align: left; font-size: 16px; line-height: 1.6;">
' . $mail_subject . ',
<br>
<br>
'.$mail_content.'
<br>
</td>
</tr>
<!-- Footer -->
<tr>
<td class="footer" style="background: url(\'https://'.$portalURL.emaillogo.'\');background-position: center center;background-repeat:no-repeat;background-size:contain;background-color: '.color.'; padding: 40px;">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
';

View File

@@ -0,0 +1,102 @@
<?php
defined($security_key) or exit;
//------------------------------------------
// Content Reset Email
//------------------------------------------
$newuser_subject = 'bewellwell account created';
$newuser_header = 'Dear user';
$newuser_text = 'Your administrator has provided access to bewellwell.';
$newuser_credential_text_1 = 'Your account has been created with username ';
$newuser_credential_text_2 = 'Please click the button below to complete your registration.';
$newuser_closure = 'For security reasons this link is only active for 10 minutes.';
//------------------------------------------
// Content Reset Email
//------------------------------------------
$subject = $newuser_subject;
$message = '
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>' . $subject . '</title>
<style>
@media screen and (max-width: 600px) {
.content {
width: 100% !important;
display: block !important;
padding: 10px !important;
}
.header, .body, .footer {
padding: 20px !important;
}
}
</style>
</head>
<body style="font-family: Arial, sans-serif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding: 20px;">
<table class="content" width="600" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; border: 1px solid #cccccc;">
<!-- Header -->
<tr>
<td class="header" style="background-color:'.color.'; padding: 40px; text-align: center; color: white; font-size: 24px;">
'.site_name.'
</td>
</tr>
<!-- Body -->
<tr>
<td class="body" style="padding: 40px; text-align: left; font-size: 16px; line-height: 1.6;">
' . $newuser_header . ',
<br>
<br>
'.$newuser_text.' '.$newuser_credential_text_1.'<b>'.$post_content['username'].'</b>
<br>
<br>
'.$newuser_credential_text_2.'
</td>
</tr>
<!-- Call to action Button -->
<tr>
<td style="padding: 0px 40px 0px 40px; text-align: center;">
<!-- CTA Button -->
<table cellspacing="0" cellpadding="0" style="margin: auto;">
<tr>
<td align="center" style="background-color: '.color_accent.'; padding: 10px 20px; border-radius: 5px;">
<a href="https://' . $portalURL . '/reset.php?resetkey='.$resetkey.'" target="_blank" style="color: #ffffff; text-decoration: none; font-weight: bold;">Reset Password</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="body" style="padding: 40px; text-align: left; font-size: 16px; line-height: 1.6;">
' . $newuser_closure . '
<br>
<br>
Kind regards,
<br>
<br>
Service team
<br>
<br>
</td>
</tr>
<!-- Footer -->
<tr>
<td class="footer" style="background: url(\'https://'.$portalURL.emaillogo.'\');background-position: center center;background-repeat:no-repeat;background-size:contain;background-color: '.color.'; padding: 40px;">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
';

View File

@@ -0,0 +1,99 @@
<?php
defined($security_key) or exit;
//------------------------------------------
// Content Reset Email
//------------------------------------------
$changeuser_subject = 'bewellwell - password reset requested';
$changeuser_header = 'Dear user';
$changeuser_text = 'A password reset has been requested for your account.';
$changeuser_credential_text_1 = 'Please click the button below to reset the password of your bewellwell account.';
$changeuser_closure = 'For security reasons this link is only active for 10 minutes.';
//------------------------------------------
// Content Reset Email
//------------------------------------------
$subject = $changeuser_subject;
$message = '
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>' . $subject . '</title>
<style>
@media screen and (max-width: 600px) {
.content {
width: 100% !important;
display: block !important;
padding: 10px !important;
}
.header, .body, .footer {
padding: 20px !important;
}
}
</style>
</head>
<body style="font-family: Arial, sans-serif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding: 20px;">
<table class="content" width="600" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; border: 1px solid #cccccc;">
<!-- Header -->
<tr>
<td class="header" style="background-color:'.color.'; padding: 40px; text-align: center; color: white; font-size: 24px;">
'.site_title.'
</td>
</tr>
<!-- Body -->
<tr>
<td class="body" style="padding: 40px; text-align: left; font-size: 16px; line-height: 1.6;">
' . $changeuser_header . ',
<br>
<br>
'.$changeuser_text.'
<br>
<br>
'.$changeuser_credential_text_1 .'
</td>
</tr>
<!-- Call to action Button -->
<tr>
<td style="padding: 0px 40px 0px 40px; text-align: center;">
<!-- CTA Button -->
<table cellspacing="0" cellpadding="0" style="margin: auto;">
<tr>
<td align="center" style="background-color: '.color_accent.'; padding: 10px 20px; border-radius: 5px;">
<a href="https://' . $portalURL . '/reset.php?resetkey='.$resetkey.'" target="_blank" style="color: #ffffff; text-decoration: none; font-weight: bold;">Reset Password</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="body" style="padding: 40px; text-align: left; font-size: 16px; line-height: 1.6;">
' . $changeuser_closure . '
<br>
<br>
Kind regards,
<br>
<br>
Service team
<br>
<br>
</td>
</tr>
<!-- Footer -->
<tr>
<td class="footer" style="background: url(\'https://'.$portalURL.emaillogo.'\');background-position: center center;background-repeat:no-repeat;background-size:contain;background-color: '.color.'; padding: 40px;">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
';

View File

@@ -0,0 +1,55 @@
<?php
require 'settingsprofiles.php';
// This will change the title on the website
define('site_name','bewellwell');
define('site_name_footer','bewellwell');
// This will change the title on browser TAB
define('site_title','bewellwell');
//Scriptversion
define('script_version','v1');
//Enable VeLiTi-issue mgt
define('veliti_cim',false);
//Enable VeLiTi-analytics
define('veliti_analytics',false);
//Rewrite rule
define('rewrite_url',true);
define('news','');
//maintenance_mode
define('maintenance_mode_communication',false);
define('maintenance_mode_notification','Notice: Portal not accessible due to maintenance on May 15th between 12.00 - 13.00 CET.');
define('maintenance_mode',false);
define('maintenance_mode_text','System in maintenance');
define('debug',true);
define('debug_id','1');
/*Security*/
// Page security
define('page_security_key','secure_admin_342642');
define('cronjob_number','25');
define('header_security',false);
/* Email */
// The from email that will appear on the customer's order details email
define('mail_from','Bewellwell');
// Your email
define('email','support@bewellwell.com');
//Additional phpmailer-settings
define('email_host_name','bewellwell.com');
define('email_reply_to','support@bewellwell.com');
define('email_outgoing_pw','Vrz34b~87');
define('email_outgoing_port','465');
define('email_outgoing_security','ssl');
/*Appearance*/
//Icon
define('icon_image','/custom/bewellwell/style/BWWLogo.svg');
define('color','#2D64BC');
define('color_accent','#2D64BC');
define('emaillogo','/custom/bewellwell/style/BWWLogo.svg');
/*Default Users*/
define('software_update_user','EMP-updater');
define('software_update_pw','EMP-updater');
define('interface_user','interface@test.nl');
define('interface_pw','test1234');

View File

@@ -0,0 +1,112 @@
<?php
//------------------------------------------
//EXCEPTION LIST
//------------------------------------------
$serialnumber_exceptions = array("22050695","22110095");
//------------------------------------------
// Security
//------------------------------------------
$security_key = 'secure_34563$52';
//------------------------------------------
// Base color
//------------------------------------------
$color = '#005655';//'#0b1054';
$color_accent = '#2FAC66'; //'#ececec';
//------------------------------------------
// Database settings
//------------------------------------------
require '/var/www/vhosts/morvalwatches.com/settings/soveliti_cloud_settings.php';
//------------------------------------------
// Menusetup & settings
//------------------------------------------
require 'settingsmenu.php';
//------------------------------------------
// API BaseUrl
//------------------------------------------
$baseurl = 'https://'.$_SERVER['SERVER_NAME'].'/api.php'; //URL of API
$portalURL = $_SERVER['SERVER_NAME'];
//------------------------------------------
// Equipmentdetails
//------------------------------------------
$servicedate = date("Y-m-d", strtotime("-365 days"));
$warrantydate = date("Y-m-d", strtotime("-365 days"));
$warranty_extended = date("Y-m-d", strtotime("+365 days"));
$date = date('Y-m-d H:i:s');
$curYear = date("Y", time());
$curMonth = date("m", time());
$curQuarter = (int)ceil($curMonth / 3);
$curdateObj = DateTime::createFromFormat('!m', $curMonth);
$curMonth_name = $curdateObj->format('F');
//------------------------------------------
//History Type
//------------------------------------------
$type1 = 'General';
$type2 = 'Customer';
$type3 = 'Service';
$type4 = 'Testing';
$type5 = 'Data';
$type6 = 'Other';
$type7 = 'Internal';
$type8 = 'Ignore';
$type9 = 'Warranty';
$type10 = 'Contract';
$type11 = 'Warranty-Expired';
$type12 = 'Contract-Expired';
$type13 = "Order";
$type14 = "ServiceReport";
$type15 = "SRIncluded";
$type16 = "Notes";
$type17 = "Visual";
$HistoryType_1 = 'Bootloader';
$HistoryType_2 = 'Firmware';
$HistoryType_3 = 'SerialNumber';
$HistoryType_4 = 'Visual_Test';
$HistoryType_5 = 'Maintenance_Test';
$HistoryType_6 = 'Assembly_Test';
$HistoryType_7 = 'ProductNumber';
$HistoryType_8 = 'Visual';
$HistoryType_9 = 'ServiceReport';
//------------------------------------------
//Permissions CRUD
//------------------------------------------
$permission_4 = 'CRUD'; //Admin+
$permission_3 = 'CRUD'; //Admin
$permission_2 = 'CRU'; //SuperUser
$permission_1 = 'CRU'; //CreateUpdate
$permission_0 = 'R'; //Readonly
$permissionlabel1 = 'Permission';
$permission1 = 'Superuser'; #1
$permission2 = 'Create & Update'; #2
$permission3 = 'read-only'; // #3
$permission4 = 'Admin'; //#4
$permission5 = 'Admin+'; // #5
$settingslabel1 = 'profile';
$setting1 = 'firmware'; //Fix
$setting2 = 'service';
$setting3 = 'build'; //Fix
$setting4 = 'distribution';
$setting5 = '';
$setting6 = '';
$setting7 = ''; //Fix
$setting8 = 'interface';
//------------------------------------------
//Partners
//------------------------------------------
$partnertype1 = 'SalesID';
$partnertype2 = 'SoldTo';
$partnertype3 = 'ShipTo';
$partnertype4 = 'Location';
$partnertype5 = 'Section';

View File

@@ -0,0 +1,353 @@
<?php
//------------------------------------------
// Menusetup and settings
//
//
// Each Menu name in urls array requires reference
// into translation files and corresponding profile
//------------------------------------------
$main_menu = [
"dashboard" => [
"main_menu" => [
"url" => "dashboard",
"selected" => "dashboard",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_dashboard"
]
],
"sales" => [
"main_menu" => [
"url" => "contracts",
"selected" => "contracts",
"icon" => "fa-solid fa-bars",
"name" => "menu_sales"
],
"accounts" => [
"url" => "accounts",
"selected" => "accounts",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_sales_accounts"
],
"catalog" => [
"url" => "catalog",
"selected" => "catalog",
"icon" => "fa-solid fa-photo-film",
"name" => "menu_catalog"
],
"contracts" => [
"url" => "contracts",
"selected" => "contracts",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_sales_contracts"
],
"orders" => [
"url" => "orders",
"selected" => "orders",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_sales_orders"
],
"identity" => [
"url" => "identity",
"selected" => "identity",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_identity"
]
],
"dealers" => [
"main_menu" => [
"url" => "dealers",
"selected" => "dealers",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_dealers"
]
],
"buildtool" => [
"main_menu" => [
"url" => "buildtool",
"selected" => "buildtool",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_build"
]
],
"cartests" => [
"main_menu" => [
"url" => "cartests",
"selected" => "cartests",
"icon" => "fa-solid fa-car",
"name" => "menu_cartest"
]
],
"marketing" => [
"main_menu" => [
"url" => "marketing&product_group=Emergency_Plug&product_content=Images",
"selected" => "marketing",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_marketing"
]
],
"equipments" => [
"main_menu" => [
"url" => "equipments",
"selected" => "assets",
"icon" => "fa-solid fa-database",
"name" => "menu_assets"
],
"equipments" =>[
"url" => "equipments",
"selected" => "assets",
"icon" => "fa-solid fa-database",
"name" => "menu_assets"
],
"servicereports" => [
"url" => "servicereports",
"selected" => "servicereports",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_service_reports"
],
"rmas" => [
"url" => "rmas",
"selected" => "rmas",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_rmas"
],
"histories" => [
"url" => "histories",
"selected" => "histories",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_history"
],
"firmwaretool" => [
"url" => "firmwaretool",
"selected" => "firmwaretool",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_firmwaretool"
] ,
"equipments_mass_update" => [
"url" => "equipments_mass_update",
"selected" => "equipments_mass_update",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_equipments_mass_update"
]
],
"products" => [
"main_menu" => [
"url" => "products&status=1",
"selected" => "products",
"icon" => "fas fa-box-open",
"name" => "menu_products"
],
"products" => [
"url" => "products&status=1",
"selected" => "products",
"icon" => "fas fa-box-open",
"name" => "menu_products"
],
"products_attributes" => [
"url" => "products_attributes",
"selected" => "products_attributes",
"icon" => "fas fa-box-open",
"name" => "menu_products_attributes"
],
"pricelists" => [
"url" => "pricelists",
"selected" => "pricelists",
"icon" => "fa-solid fa-coins",
"name" => "menu_pricelists"
]
],
"reporting" => [
"main_menu" => [
"url" => "report_build",
"selected" => "report_build",
"icon" => "fa-solid fa-magnifying-glass-chart",
"name" => "menu_report_main"
],
"report_build" => [
"url" => "report_build",
"selected" => "report_build",
"icon" => "fa-solid fa-magnifying-glass-chart",
"name" => "menu_report_build"
],
"report_contracts_billing" => [
"url" => "report_contracts_billing",
"selected" => "report_contracts_billing",
"icon" => "fa-solid fa-magnifying-glass-chart",
"name" => "menu_report_contracts_billing"
],
"report_healthindex" => [
"url" => "report_healthindex",
"selected" => "report_healthindex",
"icon" => "fa-solid fa-magnifying-glass-chart",
"name" => "menu_report_healthindex"
],
"report_usage" => [
"url" => "report_usage",
"selected" => "report_usage",
"icon" => "fa-solid fa-magnifying-glass-chart",
"name" => "menu_report_usage"
]
],
"admin" =>[
"main_menu" => [
"url" => "partners",
"selected" => "partners",
"icon" => "fa-solid fa-bars",
"name" => "menu_admin"
],
"partners" => [
"url" => "partners",
"selected" => "partners",
"icon" => "fa-solid fa-bars",
"name" => "menu_admin_partners"
],
"users" => [
"url" => "users",
"selected" => "users",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_admin_users"
],
"communications" => [
"url" => "communications",
"selected" => "communications",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_admin_communications"
],
"media" => [
"url" => "media",
"selected" => "media",
"icon" => "fa-solid fa-photo-film",
"name" => "menu_media"
],
"categories" => [
"url" => "categories",
"selected" => "categories",
"icon" => "fa-solid fa-photo-film",
"name" => "menu_categories"
],
"discounts" => [
"url" => "discounts",
"selected" => "discounts",
"icon" => "fa-solid fa-photo-film",
"name" => "menu_discounts"
],
"shipping" => [
"url" => "shipping",
"selected" => "shipping",
"icon" => "fa-solid fa-truck-fast",
"name" => "menu_shipping"
]
],
"settings" => [
"main_menu" => [
"url" => "settings",
"selected" => "settings",
"icon" => "fas fa-tools",
"name" => "menu_settings"
],
"config" => [
"url" => "settings",
"selected" => "settings",
"icon" => "fas fa-tools",
"name" => "menu_config"
],
"translations" => [
"url" => "translations",
"selected" => "translations",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_translations"
],
"uploader" => [
"url" => "uploader",
"selected" => "uploader",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_uploader"
],
"logfile" => [
"url" => "logfile",
"selected" => "logfile",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_logfile"
],
"maintenance" => [
"url" => "maintenance",
"selected" => "maintenance",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_maintenance"
],
"profiles" => [
"url" => "profiles",
"selected" => "profiles",
"icon" => "fas fa-tachometer-alt",
"name" => "menu_profiles"
]
]
];
$routes = array(
'/' => 'equipments.php',
'equipments' => 'equipments.php',
'products' => 'products.php',
'logout' => 'logout.php'
);
//------------------------------------------
// Paging
//------------------------------------------
$page_rows_equipment = 25; //list Equipment
$page_rows_history = 15; //list History
$page_rows_products = 25;//list producst
$page_rows_users = 15;//list users
$page_rows_partners = 15;//list partners
$page_rows_communication = 25; //list communications
$page_rows_accounts = 25 ;// list accounts
$page_rows_contracts = 25 ;// list contracts
$page_rows_cartest = 25 ;// list contracts
$page_rows_equipment_servicereporst = 5 ;// Number of service reports on equipment
$page_rows_changelog = 50 ;// Number of changelogs returned
$page_rows_rma = 25; // list RMA
$page_rows_translations = 50; //list translation variables
$page_rows_products_attributes = 50; //list product attributes
$page_rows_media = 25; // list media
$page_rows_pricelists = 50;//pricelists
$page_rows_categories = 25;//categories
$page_rows_discounts = 25;//discounts
$page_rows_shipping = 25;//discounts
$page_rows_transactions = 25; //transactions
$page_rows_invoice = 25; //invoices
$page_rows_dealers = 25; //dealers
//------------------------------------------
// Languages supported
//------------------------------------------
$supportedLanguages = ['US', 'NL', 'DE', 'ES','PT'];
//------------------------------------------
// Pricing
//------------------------------------------
$supportedCurrencies = ["0" =>"euro", "1"=>"dollar"];
$supportedModifiers = ["0" =>"subtract", "1"=>"add"];
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++
// All individual views and APIs - Profile ++++++++++++++
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++
$all_profiles = [
"dealer",
"commerce",
"interface"
];
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++
// Marketing +++++++++++++++++++++++++++++++++++++
// +++++++++++++++++++++++++++++++++++++++++++++++++++++++
$main_marketing_dir = './marketing/';
$marketing_structure = array(
"bewellwell" => array(
"Documents",
"Images",
"Video"
)
);

View File

@@ -0,0 +1,16 @@
<?php
/*Standard*/
define('standard_profile','profile,dealers,dealers_media,dealer,dealer_manage,changelog,media,media_scanner,application');
/*Superuser*/
define('superuser_profile','profile,dealers,dealers_media,dealer,dealer_manage,products,products_versions,products_software,products_attributes,products_attributes_items,products_attributes_manage,products_configurations,products_categories,products_media,product,product_manage,changelog,media,media_manage,media_scanner,application');
/*Admin*/
define('admin_profile','profile,dealers,dealers_media,dealer,dealer_manage,products,products_versions,products_software,products_attributes,products_attributes_items,products_attributes_manage,products_configurations,products_categories,products_media,product,product_manage,admin,partners,partner,users,user,user_manage,communications,communication,changelog,application');
/*AdminPlus*/
define('adminplus_profile','profile,dealers,dealers_media,dealer,dealer_manage,products,products_versions,products_software,products_attributes,products_attributes_items,products_attributes_manage,products_configurations,products_categories,products_media,product,product_manage,pricelists,pricelists_items,pricelists_manage,categories,category,discounts,discount,shipping,shipping_manage,admin,partners,partner,users,user,user_manage,communications,communication,config,settings,logfile,changelog,language,translations,translations_details,translation_manage,media,media_manage,media_scanner,application,maintenance,uploader,profiles');
/*Dealer*/
define('dealer','profile,dealers,dealers_media,dealer,dealer_manage,changelog,media,media_scanner,application');
/*Commerce*/
define('commerce','dashboard,profile,products,products_versions,products_software,products_attributes,products_attributes_items,products_attributes_manage,products_configurations,products_categories,products_media,product,product_manage,pricelists,pricelists_items,pricelists_manage,catalog,categories,category,discounts,discount,shipping,shipping_manage,admin,partners,partner,users,user,user_manage,translations,translations_details,translation_manage,media,media_manage,application,uploader,shopping_cart,checkout,placeorder,taxes,transactions,transactions_items,invoice,order,orders,identity');
/*Interface*/
define('interface','dealers,dealers_media,dealer,users,application');
?>

BIN
custom/bewellwell/style/.DS_Store vendored Normal file

Binary file not shown.

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 587 KiB

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,230 @@
:root {
--color-white: #FFFFFF;
--color-light-blue: #2D64BC;
--color-blue: #2D64BC;
--color-red: #a75151;
--text-color: #333333;
--error-background: #f3c3c3;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Open Sans", Helvetica, sans-serif;
accent-color: var(--color-blue);
}
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: var(--color-white);
padding: 20px;
}
.login-container {
display: flex;
width: 100%;
max-width: 1200px;
height: calc(100vh - 40px);
background-color: var(--color-white);
border-radius: 16px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
overflow: hidden;
}
.login-form {
width: 45%;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.logo {
position: absolute;
top: 20px;
left: 20px;
background-image: url(BWWLogo.svg);
background-repeat: no-repeat;
opacity: inherit;
width: 85px;
height: 120px;
margin: 0 auto;
-webkit-filter: drop-shadow(5px 5px 5px #222);
filter: drop-shadow(5px 5px 5px #222);
}
.login-visual {
width: 55%;
position: relative;
overflow: hidden;
background-image: url(background_section.jpg);
background-position: center center;
background-size: 100% 100%;
background-color: var(--color-light-blue);
background-repeat: no-repeat;
}
.login-visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.register-link {
position: absolute;
top: 20px;
right: 20px;
text-decoration: none;
color: var(--text-color);
}
.header {
margin-bottom: 30px;
}
.header h1 {
font-size: 24px;
margin-bottom: 10px;
}
.header p {
color: #666;
}
.input-group {
margin-bottom: 15px;
position: relative;
}
.input-group input {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
.input-group input[type="email"] {
padding-left: 40px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>') no-repeat left 10px center;
}
.input-group input[type="password"] {
padding-left: 40px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>') no-repeat left 10px center;
}
.forgot-password {
color: var(--text-color);
text-decoration: none;
text-align: right;
margin-top: 5px;
float: right;
font-size: 12px;
}
.remember-me {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.remember-me input {
margin-right: 10px;
}
.maintenance {
padding: 5px;
}
.message p {
margin-top: 5px;
background-color: var(--error-background);
border-left: 4px solid var(--color-red);
color: var(--color-red);
padding: 5px;
border-radius: 4px;
text-align: center;
}
.login-btn {
width: 100%;
padding: 12px;
background-color: var(--color-light-blue);
color: var(--color-white);
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.login-btn:hover {
background-color: var(--color-blue);
}
.trademark {
position: absolute;
bottom: 20px;
left: 20px;
color: var(--text-color);
font-size: 12px;
}
.language-selector {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
align-items: center;
color: var(--text-color);
}
.language-selector select {
margin-left: 10px;
border: none;
background: transparent;
}
/* Responsive Design */
@media screen and (max-width: 1024px) {
.login-container {
flex-direction: column;
height: auto;
max-width: 500px;
}
.login-form, .login-visual {
width: 100%;
height: auto;
}
.login-visual {
height: 300px;
}
.logo {
position: static;
margin: 20px auto;
margin-bottom: 0;
}
.trademark, .language-selector {
position: static;
text-align: center;
margin: 20px 0;
}
}
@media screen and (max-width: 480px) {
.login-form {
padding: 20px;
}
.header h1 {
font-size: 20px;
}
}

View File

@@ -0,0 +1,230 @@
:root {
--color-white: #FFFFFF;
--color-light-blue: #2D64BC;
--color-blue: #2D64BC;
--color-red: #a75151;
--text-color: #333333;
--error-background: #f3c3c3;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Open Sans", Helvetica, sans-serif;
accent-color: var(--color-blue);
}
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: var(--color-white);
padding: 20px;
}
.login-container {
display: flex;
width: 100%;
max-width: 1200px;
height: calc(100vh - 40px);
background-color: var(--color-white);
border-radius: 16px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
overflow: hidden;
}
.login-form {
width: 45%;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.logo {
position: absolute;
top: 20px;
left: 20px;
background-image: url(BWWLogo.svg);
background-repeat: no-repeat;
opacity: inherit;
width: 85px;
height: 120px;
margin: 0 auto;
-webkit-filter: drop-shadow(5px 5px 5px #222);
filter: drop-shadow(5px 5px 5px #222);
}
.login-visual {
width: 55%;
position: relative;
overflow: hidden;
background-image: url(background_section.jpg);
background-position: center center;
background-size: 100% 100%;
background-color: var(--color-light-blue);
background-repeat: no-repeat;
}
.login-visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.register-link {
position: absolute;
top: 20px;
right: 20px;
text-decoration: none;
color: var(--text-color);
}
.header {
margin-bottom: 30px;
}
.header h1 {
font-size: 24px;
margin-bottom: 10px;
}
.header p {
color: #666;
}
.input-group {
margin-bottom: 15px;
position: relative;
}
.input-group input {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
.input-group input[type="email"] {
padding-left: 40px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>') no-repeat left 10px center;
}
.input-group input[type="password"] {
padding-left: 40px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>') no-repeat left 10px center;
}
.forgot-password {
color: var(--text-color);
text-decoration: none;
text-align: right;
margin-top: 5px;
float: right;
font-size: 12px;
}
.remember-me {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.remember-me input {
margin-right: 10px;
}
.maintenance {
padding: 5px;
}
.message p {
margin-top: 5px;
background-color: var(--error-background);
border-left: 4px solid var(--color-red);
color: var(--color-red);
padding: 5px;
border-radius: 4px;
text-align: center;
}
.login-btn {
width: 100%;
padding: 12px;
background-color: var(--color-light-blue);
color: var(--color-white);
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.login-btn:hover {
background-color: var(--color-blue);
}
.trademark {
position: absolute;
bottom: 20px;
left: 20px;
color: var(--text-color);
font-size: 12px;
}
.language-selector {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
align-items: center;
color: var(--text-color);
}
.language-selector select {
margin-left: 10px;
border: none;
background: transparent;
}
/* Responsive Design */
@media screen and (max-width: 1024px) {
.login-container {
flex-direction: column;
height: auto;
max-width: 500px;
}
.login-form, .login-visual {
width: 100%;
height: auto;
}
.login-visual {
height: 300px;
}
.logo {
position: static;
margin: 20px auto;
margin-bottom: 0;
}
.trademark, .language-selector {
position: static;
text-align: center;
margin: 20px 0;
}
}
@media screen and (max-width: 480px) {
.login-form {
padding: 20px;
}
.header h1 {
font-size: 20px;
}
}

File diff suppressed because it is too large Load Diff

View File

@@ -67,7 +67,6 @@ body {
background-position: center center;
background-size: 100% 100%;
background-color: var(--color-light-blue);
min-height: 100vh;
background-repeat: no-repeat;
}

View File

@@ -67,7 +67,6 @@ body {
background-position: center center;
background-size: 100% 100%;
background-color: var(--color-light-blue);
min-height: 100vh;
background-repeat: no-repeat;
}