forked from morrning/hesabixCore
update for Moadian plugin
This commit is contained in:
root
parent
a2edc214a1
commit
e2e1418137
|
|
@ -124,28 +124,47 @@ class TaxSettingsController extends AbstractController
|
|||
|
||||
$params = $request->getPayload()->all();
|
||||
|
||||
if (empty($params['nationalId']) || empty($params['nameFa']) || empty($params['nameEn']) || empty($params['email'])) {
|
||||
$personType = $params['personType'] ?? 'natural';
|
||||
|
||||
if (empty($params['nationalId'])) {
|
||||
return $this->json([
|
||||
'success' => false,
|
||||
'message' => 'تمام فیلدها الزامی هستند'
|
||||
'message' => 'شناسه ملی الزامی است'
|
||||
]);
|
||||
}
|
||||
|
||||
if ($personType === 'legal') {
|
||||
if (empty($params['nameFa']) || empty($params['nameEn']) || empty($params['email'])) {
|
||||
return $this->json([
|
||||
'success' => false,
|
||||
'message' => 'برای اشخاص حقوقی، تمام فیلدها الزامی هستند'
|
||||
]);
|
||||
}
|
||||
}
|
||||
|
||||
try {
|
||||
$privateKey = $this->generatePrivateKey();
|
||||
$publicKey = $this->generatePublicKey($privateKey);
|
||||
$csr = $this->generateCSR($privateKey, $params);
|
||||
|
||||
|
||||
$businessId = is_object($acc['bid']) ? $acc['bid']->getId() : $acc['bid'];
|
||||
$log->insert('تنظیمات مالیاتی', 'کلید و CSR تولید شد (بدون ذخیره)', $this->getUser(), $businessId);
|
||||
|
||||
return $this->json([
|
||||
|
||||
$response = [
|
||||
'success' => true,
|
||||
'message' => 'کلید و CSR با موفقیت تولید شد',
|
||||
'privateKey' => $privateKey,
|
||||
'publicKey' => $publicKey,
|
||||
'csr' => $csr
|
||||
]);
|
||||
'publicKey' => $publicKey
|
||||
];
|
||||
|
||||
if ($personType === 'legal') {
|
||||
$csr = $this->generateCSR($privateKey, $params);
|
||||
$response['csr'] = $csr;
|
||||
$response['message'] = 'کلید و CSR با موفقیت تولید شد';
|
||||
$log->insert('تنظیمات مالیاتی', 'کلید و CSR تولید شد (بدون ذخیره)', $this->getUser(), $businessId);
|
||||
} else {
|
||||
$response['message'] = 'کلید با موفقیت تولید شد';
|
||||
$log->insert('تنظیمات مالیاتی', 'کلید خصوصی و عمومی تولید شد (بدون ذخیره)', $this->getUser(), $businessId);
|
||||
}
|
||||
|
||||
return $this->json($response);
|
||||
} catch (\Exception $e) {
|
||||
return $this->json([
|
||||
'success' => false,
|
||||
|
|
@ -291,7 +310,6 @@ class TaxSettingsController extends AbstractController
|
|||
$taxInvoice->setUser($em->getRepository(\App\Entity\User::class)->find($userId));
|
||||
$taxInvoice->setInvoice($invoice);
|
||||
$taxInvoice->setInvoiceCode($invoice->getCode());
|
||||
// $taxInvoice->setAmount($invoice->getAmount());
|
||||
$taxInvoice->setStatus('pending');
|
||||
|
||||
$customerName = null;
|
||||
|
|
@ -1058,15 +1076,6 @@ class TaxSettingsController extends AbstractController
|
|||
$data = $extractedData['data'];
|
||||
$taxId = $moadianTaxId;
|
||||
$internalId = $invoice->getId() ?? 1;
|
||||
|
||||
$date = $data['date'] ?? 'now';
|
||||
// if (is_string($date)) {
|
||||
// $dateTime = new DateTime($date);
|
||||
// } elseif ($date instanceof DateTime) {
|
||||
// $dateTime = $date;
|
||||
// } else {
|
||||
// $dateTime = new DateTime();
|
||||
// }
|
||||
|
||||
if (!method_exists($moadian, 'generateTaxId') || !method_exists($moadian, 'normalizeInvoiceNumber')) {
|
||||
throw new \Exception('متدهای مورد نیاز در کلاس Moadian وجود ندارد');
|
||||
|
|
|
|||
|
|
@ -522,6 +522,12 @@ const router = createRouter({
|
|||
component: () =>
|
||||
import('../views/acc/plugins/tax/settings.vue'),
|
||||
},
|
||||
{
|
||||
path: 'plugins/taxsettings/intro',
|
||||
name: 'taxsettings_intro',
|
||||
component: () =>
|
||||
import('../views/acc/plugins/taxsettings/intro.vue'),
|
||||
},
|
||||
{
|
||||
path: 'business/logs',
|
||||
name: 'business_logs',
|
||||
|
|
|
|||
|
|
@ -192,8 +192,7 @@
|
|||
<div class="text-subtitle-2 mb-2">شخص</div>
|
||||
<v-radio-group v-model="csrData.personType" inline :error-messages="csrErrors.personType"
|
||||
@update:model-value="validatePersonType">
|
||||
<v-radio v-for="type in personTypes" :key="type.value" :label="type.title" :value="type.value"
|
||||
:disabled="type.value === 'natural'"></v-radio>
|
||||
<v-radio v-for="type in personTypes" :key="type.value" :label="type.title" :value="type.value"></v-radio>
|
||||
</v-radio-group>
|
||||
</div>
|
||||
|
||||
|
|
@ -201,14 +200,16 @@
|
|||
:rules="nationalIdRules" @blur="validateNationalId" @input="validateNationalId"
|
||||
class="mb-4"></v-text-field>
|
||||
|
||||
<v-text-field v-model="csrData.nameFa" label="نام (فارسی)" :error-messages="csrErrors.nameFa"
|
||||
:rules="nameFaRules" @blur="validateNameFa" @input="validateNameFa" class="mb-4"></v-text-field>
|
||||
<template v-if="csrData.personType === 'legal'">
|
||||
<v-text-field v-model="csrData.nameFa" label="نام (فارسی)" :error-messages="csrErrors.nameFa"
|
||||
:rules="nameFaRules" @blur="validateNameFa" @input="validateNameFa" class="mb-4"></v-text-field>
|
||||
|
||||
<v-text-field v-model="csrData.nameEn" label="نام (انگلیسی)" :error-messages="csrErrors.nameEn"
|
||||
:rules="nameEnRules" @blur="validateNameEn" @input="validateNameEn" class="mb-4"></v-text-field>
|
||||
<v-text-field v-model="csrData.nameEn" label="نام (انگلیسی)" :error-messages="csrErrors.nameEn"
|
||||
:rules="nameEnRules" @blur="validateNameEn" @input="validateNameEn" class="mb-4"></v-text-field>
|
||||
|
||||
<v-text-field v-model="csrData.email" label="ایمیل" type="email" :error-messages="csrErrors.email"
|
||||
:rules="emailRules" @blur="validateEmail" @input="validateEmail" class="mb-4"></v-text-field>
|
||||
<v-text-field v-model="csrData.email" label="ایمیل" type="email" :error-messages="csrErrors.email"
|
||||
:rules="emailRules" @blur="validateEmail" @input="validateEmail" class="mb-4"></v-text-field>
|
||||
</template>
|
||||
</v-form>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
|
|
@ -234,7 +235,7 @@
|
|||
ندارد.</span>
|
||||
</v-alert>
|
||||
<v-row>
|
||||
<v-col cols="12" md="4">
|
||||
<v-col v-if="csrData.personType === 'legal'" cols="12" md="4">
|
||||
<div class="mb-2 font-weight-bold">CSR</div>
|
||||
<v-textarea readonly rows="10" :value="resultData.csr" variant="outlined"></v-textarea>
|
||||
<v-row class="mt-2">
|
||||
|
|
@ -248,7 +249,7 @@
|
|||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
<v-col cols="12" md="4">
|
||||
<v-col cols="12" :md="csrData.personType === 'legal' ? 4 : 6">
|
||||
<div class="mb-2 font-weight-bold">Public Key</div>
|
||||
<v-textarea readonly rows="10" :value="resultData.publicKey" variant="outlined"></v-textarea>
|
||||
<v-row class="mt-2">
|
||||
|
|
@ -262,7 +263,7 @@
|
|||
</v-col>
|
||||
</v-row>
|
||||
</v-col>
|
||||
<v-col cols="12" md="4">
|
||||
<v-col cols="12" :md="csrData.personType === 'legal' ? 4 : 6">
|
||||
<div class="mb-2 font-weight-bold">Private Key</div>
|
||||
<v-textarea readonly rows="10" :value="resultData.privateKey" variant="outlined"></v-textarea>
|
||||
<v-row class="mt-2">
|
||||
|
|
@ -318,7 +319,7 @@ export default {
|
|||
privateKey: [],
|
||||
},
|
||||
csrData: {
|
||||
personType: 'legal',
|
||||
personType: 'natural',
|
||||
nationalId: '',
|
||||
nameFa: '',
|
||||
nameEn: '',
|
||||
|
|
@ -348,7 +349,6 @@ export default {
|
|||
},
|
||||
nationalIdRules: [
|
||||
(v) => !!v || 'شناسه ملی الزامی است',
|
||||
(v) => /^[0-9]{11}$/.test(v) || 'شناسه ملی باید دقیقاً 11 رقم باشد',
|
||||
(v) => /^[0-9]+$/.test(v) || 'شناسه ملی فقط باید شامل اعداد باشد',
|
||||
],
|
||||
nameFaRules: [
|
||||
|
|
@ -475,8 +475,10 @@ export default {
|
|||
this.csrErrors.nationalId.push('شناسه ملی الزامی است');
|
||||
} else if (!/^[0-9]+$/.test(this.csrData.nationalId)) {
|
||||
this.csrErrors.nationalId.push('شناسه ملی فقط باید شامل اعداد باشد');
|
||||
} else if (!/^[0-9]{11}$/.test(this.csrData.nationalId)) {
|
||||
this.csrErrors.nationalId.push('شناسه ملی باید دقیقاً 11 رقم باشد');
|
||||
} else if (this.csrData.personType === 'natural' && !/^[0-9]{10}$/.test(this.csrData.nationalId)) {
|
||||
this.csrErrors.nationalId.push('شناسه ملی افراد حقیقی باید دقیقاً 10 رقم باشد');
|
||||
} else if (this.csrData.personType === 'legal' && !/^[0-9]{11}$/.test(this.csrData.nationalId)) {
|
||||
this.csrErrors.nationalId.push('شناسه ملی اشخاص حقوقی باید دقیقاً 11 رقم باشد');
|
||||
}
|
||||
},
|
||||
validateNameFa() {
|
||||
|
|
@ -530,9 +532,12 @@ export default {
|
|||
validateAllFields() {
|
||||
this.validatePersonType();
|
||||
this.validateNationalId();
|
||||
this.validateNameFa();
|
||||
this.validateNameEn();
|
||||
this.validateEmail();
|
||||
|
||||
if (this.csrData.personType === 'legal') {
|
||||
this.validateNameFa();
|
||||
this.validateNameEn();
|
||||
this.validateEmail();
|
||||
}
|
||||
|
||||
return Object.values(this.csrErrors).every(errors => errors.length === 0);
|
||||
},
|
||||
|
|
|
|||
725
webUI/src/views/acc/plugins/taxsettings/intro.vue
Normal file
725
webUI/src/views/acc/plugins/taxsettings/intro.vue
Normal file
|
|
@ -0,0 +1,725 @@
|
|||
<template>
|
||||
<div class="plugin-intro">
|
||||
<div class="intro-header">
|
||||
<div class="plugin-icon">
|
||||
<i class="fas fa-receipt"></i>
|
||||
</div>
|
||||
<div class="plugin-info">
|
||||
<h1>افزونه سامانه مودیان مالیاتی</h1>
|
||||
<p class="plugin-description">
|
||||
ارسال خودکار فاکتورها به سامانه مودیان سازمان امور مالیاتی کشور
|
||||
</p>
|
||||
<div class="plugin-version">
|
||||
<span class="version-badge">نسخه 1.0.0</span>
|
||||
<span v-if="isPluginActive('taxsettings')" class="status-badge active">فعال</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="intro-content">
|
||||
<div class="features-section">
|
||||
<h2>امکانات افزونه</h2>
|
||||
<div class="features-grid">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-key"></i>
|
||||
</div>
|
||||
<h3>مدیریت کلیدهای رمزنگاری</h3>
|
||||
<p>تولید و مدیریت کلیدهای خصوصی و عمومی برای ارتباط امن با سامانه مودیان</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-upload"></i>
|
||||
</div>
|
||||
<h3>ارسال دستی فاکتورها</h3>
|
||||
<p>انتخاب و ارسال فاکتورهای فروش به سامانه مودیان با امکان بررسی قبل از ارسال</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
</div>
|
||||
<h3>اعتبارسنجی فاکتورها</h3>
|
||||
<p>بررسی خودکار فاکتورها قبل از ارسال و اطمینان از صحت اطلاعات مالیاتی</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-search"></i>
|
||||
</div>
|
||||
<h3>پیگیری وضعیت فاکتورها</h3>
|
||||
<p>بررسی وضعیت فاکتورهای ارسال شده و دریافت تاییدیه از سامانه مودیان</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-list"></i>
|
||||
</div>
|
||||
<h3>مدیریت لیست فاکتورها</h3>
|
||||
<p>نمایش و مدیریت تمام فاکتورهای ارسال شده با امکان فیلتر و جستجو</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-chart-bar"></i>
|
||||
</div>
|
||||
<h3>گزارش‌گیری</h3>
|
||||
<p>گزارش‌های جامع از فاکتورهای ارسال شده و وضعیت آنها</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="invoice-types-section">
|
||||
<h2>انواع فاکتورهای پشتیبانی شده</h2>
|
||||
<div class="invoice-types-grid">
|
||||
<div class="invoice-type-card">
|
||||
<div class="type-icon primary">
|
||||
<i class="fas fa-file-invoice"></i>
|
||||
</div>
|
||||
<h4>فاکتور اصلی</h4>
|
||||
<p>فاکتورهای فروش عادی با مالیات بر ارزش افزوده</p>
|
||||
</div>
|
||||
|
||||
<!-- <div class="invoice-type-card">
|
||||
<div class="type-icon warning">
|
||||
<i class="fas fa-undo"></i>
|
||||
</div>
|
||||
<h4>برگشت از فروش</h4>
|
||||
<p>فاکتورهای برگشت کالا از مشتری</p>
|
||||
</div> -->
|
||||
|
||||
<div class="invoice-type-card">
|
||||
<div class="type-icon info">
|
||||
<i class="fas fa-edit"></i>
|
||||
</div>
|
||||
<h4>فاکتور اصلاحی</h4>
|
||||
<p>اصلاح فاکتورهای قبلی ارسال شده</p>
|
||||
</div>
|
||||
|
||||
<!-- <div class="invoice-type-card">
|
||||
<div class="type-icon danger">
|
||||
<i class="fas fa-times-circle"></i>
|
||||
</div>
|
||||
<h4>فاکتور ابطالی</h4>
|
||||
<p>ابطال کامل فاکتورهای قبلی</p>
|
||||
</div> -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="validation-section">
|
||||
<h2>اعتبارسنجی خودکار</h2>
|
||||
<div class="validation-list">
|
||||
<div class="validation-item">
|
||||
<i class="fas fa-check text-success"></i>
|
||||
<span>بررسی وجود کد مالیاتی کالا/خدمت</span>
|
||||
</div>
|
||||
<div class="validation-item">
|
||||
<i class="fas fa-check text-success"></i>
|
||||
<span>بررسی نوع مالیات کالا/خدمت</span>
|
||||
</div>
|
||||
<div class="validation-item">
|
||||
<i class="fas fa-check text-success"></i>
|
||||
<span>بررسی واحد مالیاتی کالا/خدمت</span>
|
||||
</div>
|
||||
<div class="validation-item">
|
||||
<i class="fas fa-check text-success"></i>
|
||||
<span>بررسی عدم وجود اعشار در مالیات بر ارزش افزوده</span>
|
||||
</div>
|
||||
<div class="validation-item">
|
||||
<i class="fas fa-check text-success"></i>
|
||||
<span>بررسی صفر بودن هزینه حمل</span>
|
||||
</div>
|
||||
<div class="validation-item">
|
||||
<i class="fas fa-check text-success"></i>
|
||||
<span>بررسی صحت محاسبات مالیاتی</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="setup-section">
|
||||
<h2>مراحل راه‌اندازی</h2>
|
||||
<div class="setup-steps">
|
||||
<div class="setup-step">
|
||||
<div class="step-number">1</div>
|
||||
<div class="step-content">
|
||||
<h4>تولید کلیدهای رمزنگاری</h4>
|
||||
<p>تولید کلید خصوصی و درخواست گواهی دیجیتال</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="setup-step">
|
||||
<div class="step-number">2</div>
|
||||
<div class="step-content">
|
||||
<h4>تنظیم اطلاعات مالیاتی</h4>
|
||||
<p>وارد کردن شناسه مالیاتی و کد اقتصادی در تنظیمات افزونه</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="setup-step">
|
||||
<div class="step-number">3</div>
|
||||
<div class="step-content">
|
||||
<h4>تست اتصال</h4>
|
||||
<p>بررسی اتصال به سامانه مودیان و تایید تنظیمات</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="setup-step">
|
||||
<div class="step-number">4</div>
|
||||
<div class="step-content">
|
||||
<h4>شروع ارسال فاکتورها</h4>
|
||||
<p>انتخاب فاکتورها و ارسال آنها به سامانه مودیان</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="compliance-section">
|
||||
<h2>سازگاری با قوانین مالیاتی</h2>
|
||||
<div class="compliance-grid">
|
||||
<div class="compliance-item">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
<h4>قانون مالیات بر ارزش افزوده</h4>
|
||||
<p>رعایت کامل نرخ‌های مالیاتی و قواعد کنترلی</p>
|
||||
</div>
|
||||
|
||||
<div class="compliance-item">
|
||||
<i class="fas fa-certificate"></i>
|
||||
<h4>استانداردهای سامانه مالیاتی</h4>
|
||||
<p>سازگاری با API و پروتکل‌های سامانه مالیاتی</p>
|
||||
</div>
|
||||
|
||||
<div class="compliance-item">
|
||||
<i class="fas fa-lock"></i>
|
||||
<h4>امنیت اطلاعات</h4>
|
||||
<p>رمزنگاری و انتقال امن اطلاعات مالی</p>
|
||||
</div>
|
||||
|
||||
<div class="compliance-item">
|
||||
<i class="fas fa-history"></i>
|
||||
<h4>نگهداری سوابق</h4>
|
||||
<p>ذخیره و نگهداری کامل سوابق ارسال فاکتورها</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="isPluginActive('taxsettings')" class="intro-footer">
|
||||
<div class="action-buttons">
|
||||
<router-link to="/acc/plugins/tax/settings" class="btn btn-primary">
|
||||
<i class="fas fa-cog"></i>
|
||||
تنظیمات افزونه
|
||||
</router-link>
|
||||
<router-link to="/acc/plugins/tax/invoices/list" class="btn btn-success">
|
||||
<i class="fas fa-list"></i>
|
||||
مدیریت فاکتورها
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'TaxSettingsIntro',
|
||||
data() {
|
||||
return {
|
||||
pluginInfo: {
|
||||
name: 'سامانه مودیان مالیاتی',
|
||||
version: '1.0.0',
|
||||
description: 'ارسال خودکار فاکتورها به سامانه مودیان سازمان امور مالیاتی کشور'
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
plugins() {
|
||||
return this.$store?.state?.plugins || {};
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
isPluginActive(plugName) {
|
||||
return this.plugins && this.plugins[plugName] !== undefined;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
if (this.$store) {
|
||||
this.$store.commit('setPageTitle', 'سامانه مودیان مالیاتی - معرفی افزونه')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.plugin-intro {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.intro-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
margin-bottom: 40px;
|
||||
padding: 30px;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
border-radius: 15px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.plugin-icon {
|
||||
font-size: 3rem;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.plugin-info h1 {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 2.5rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.plugin-description {
|
||||
font-size: 1.1rem;
|
||||
margin: 0 0 15px 0;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.plugin-version {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.version-badge, .status-badge {
|
||||
padding: 5px 12px;
|
||||
border-radius: 20px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.version-badge {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.status-badge.active {
|
||||
background: #28a745;
|
||||
}
|
||||
|
||||
.intro-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.features-section, .invoice-types-section, .validation-section, .setup-section, .compliance-section {
|
||||
background: white;
|
||||
border-radius: 15px;
|
||||
padding: 30px;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.features-section h2, .invoice-types-section h2, .validation-section h2, .setup-section h2, .compliance-section h2 {
|
||||
margin: 0 0 25px 0;
|
||||
font-size: 1.8rem;
|
||||
color: #333;
|
||||
border-bottom: 3px solid #667eea;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.features-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
|
||||
gap: 25px;
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
padding: 25px;
|
||||
border-radius: 12px;
|
||||
background: #f8f9fa;
|
||||
border-left: 4px solid #667eea;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.feature-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
font-size: 2rem;
|
||||
color: #667eea;
|
||||
margin-bottom: 15px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(102, 126, 234, 0.1);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.feature-card h3 {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 1.3rem;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.feature-card p {
|
||||
margin: 0;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.invoice-types-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.invoice-type-card {
|
||||
text-align: center;
|
||||
padding: 25px;
|
||||
border-radius: 12px;
|
||||
background: #f8f9fa;
|
||||
border: 2px solid transparent;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.invoice-type-card:hover {
|
||||
border-color: #667eea;
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
.type-icon {
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 15px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
margin: 0 auto 15px auto;
|
||||
}
|
||||
|
||||
.type-icon.primary { background: #e3f2fd; color: #1976d2; }
|
||||
.type-icon.warning { background: #fff3e0; color: #f57c00; }
|
||||
.type-icon.info { background: #e8f5e8; color: #388e3c; }
|
||||
.type-icon.danger { background: #ffebee; color: #d32f2f; }
|
||||
|
||||
.invoice-type-card h4 {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 1.2rem;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.invoice-type-card p {
|
||||
margin: 0;
|
||||
color: #666;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.validation-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.validation-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 15px;
|
||||
background: #f8f9fa;
|
||||
border-radius: 8px;
|
||||
border-left: 4px solid #28a745;
|
||||
}
|
||||
|
||||
.validation-item i {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.setup-steps {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.setup-step {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 20px;
|
||||
padding: 20px;
|
||||
background: #f8f9fa;
|
||||
border-radius: 12px;
|
||||
border-left: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.step-number {
|
||||
background: #667eea;
|
||||
color: white;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.step-content h4 {
|
||||
margin: 0 0 8px 0;
|
||||
color: #333;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.step-content p {
|
||||
margin: 0;
|
||||
color: #666;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.compliance-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.compliance-item {
|
||||
text-align: center;
|
||||
padding: 25px;
|
||||
background: #f8f9fa;
|
||||
border-radius: 12px;
|
||||
border-top: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.compliance-item i {
|
||||
font-size: 2.5rem;
|
||||
color: #667eea;
|
||||
margin-bottom: 15px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(102, 126, 234, 0.1);
|
||||
border-radius: 50%;
|
||||
margin: 0 auto 15px auto;
|
||||
}
|
||||
|
||||
.compliance-item h4 {
|
||||
margin: 0 0 10px 0;
|
||||
color: #333;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.compliance-item p {
|
||||
margin: 0;
|
||||
color: #666;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.intro-footer {
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
padding: 30px;
|
||||
background: white;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.action-buttons {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 12px 24px;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
transition: all 0.3s ease;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #667eea;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: #5a6fd8;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
background: #28a745;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-success:hover {
|
||||
background: #218838;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.plugin-intro {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.intro-header {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.plugin-icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.plugin-info h1 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.plugin-description {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.features-section, .invoice-types-section, .validation-section, .setup-section, .compliance-section {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.features-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.invoice-types-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.invoice-type-card {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.type-icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.validation-list {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.validation-item {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.setup-step {
|
||||
padding: 15px;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.step-number {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.compliance-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.compliance-item {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.compliance-item i {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.action-buttons {
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
justify-content: center;
|
||||
padding: 15px 20px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.plugin-intro {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.intro-header {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.plugin-info h1 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.plugin-description {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.features-section h2, .invoice-types-section h2, .validation-section h2, .setup-section h2, .compliance-section h2 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.feature-card h3 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.invoice-type-card h4 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.step-content h4 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.compliance-item h4 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in a new issue