mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-10-28 04:01:10 -04:00 
			
		
		
		
	Compare commits
	
		
			3 Commits
		
	
	
		
			dark-custo
			...
			fix-tax-is
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| c8ee6389a4 | |||
| e4bd002fae | |||
| 05abf7fa74 | 
							
								
								
									
										162
									
								
								.github/workflows/uffizzi-build.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										162
									
								
								.github/workflows/uffizzi-build.yml
									
									
									
									
										vendored
									
									
								
							| @ -1,162 +0,0 @@ | ||||
| name: Build PR Image | ||||
| on: | ||||
|   pull_request: | ||||
|     types: [opened,synchronize,reopened,closed] | ||||
|  | ||||
| jobs: | ||||
|  | ||||
|   build-application: | ||||
|     name: Build and Push `application` | ||||
|     runs-on: ubuntu-latest | ||||
|     if: ${{ github.event_name != 'pull_request' || github.event.action != 'closed' }} | ||||
|     outputs: | ||||
|       tags: ${{ steps.meta.outputs.tags }} | ||||
|     steps: | ||||
|       - name: Checkout git repo | ||||
|         uses: actions/checkout@v3 | ||||
|       - name: Set up Docker Buildx | ||||
|         uses: docker/setup-buildx-action@v2         | ||||
|       - name: Generate UUID image name | ||||
|         id: uuid | ||||
|         run: echo "UUID_TAG_APP=$(uuidgen)" >> $GITHUB_ENV | ||||
|       - name: Docker metadata | ||||
|         id: meta | ||||
|         uses: docker/metadata-action@v3 | ||||
|         with: | ||||
|           images: registry.uffizzi.com/${{ env.UUID_TAG_APP }} | ||||
|           tags: type=raw,value=60d | ||||
|       - name: Build and Push Image to registry.uffizzi.com ephemeral registry | ||||
|         uses: docker/build-push-action@v2 | ||||
|         with: | ||||
|           push: true | ||||
|           context: ./ | ||||
|           tags: ${{ steps.meta.outputs.tags }} | ||||
|           labels: ${{ steps.meta.outputs.labels }} | ||||
|           file: ./uffizzi/Dockerfile | ||||
|           cache-from: type=gha | ||||
|           cache-to: type=gha,mode=max | ||||
|  | ||||
|  | ||||
|   build-nginx: | ||||
|     name: Build and Push `nginx` | ||||
|     runs-on: ubuntu-latest | ||||
|     if: ${{ github.event_name != 'pull_request' || github.event.action != 'closed' }} | ||||
|     outputs: | ||||
|       tags: ${{ steps.meta.outputs.tags }} | ||||
|     steps: | ||||
|       - name: Checkout git repo | ||||
|         uses: actions/checkout@v3 | ||||
|       - name: Set up Docker Buildx | ||||
|         uses: docker/setup-buildx-action@v2         | ||||
|       - name: Generate UUID image name | ||||
|         id: uuid | ||||
|         run: echo "UUID_TAG_NGINX=$(uuidgen)" >> $GITHUB_ENV | ||||
|       - name: Docker metadata | ||||
|         id: meta | ||||
|         uses: docker/metadata-action@v3 | ||||
|         with: | ||||
|           images: registry.uffizzi.com/${{ env.UUID_TAG_NGINX }} | ||||
|           tags: type=raw,value=60d | ||||
|       - name: Build and Push Image to Uffizzi ephemeral registry | ||||
|         uses: docker/build-push-action@v2 | ||||
|         with: | ||||
|           push: true | ||||
|           context: ./ | ||||
|           tags: ${{ steps.meta.outputs.tags }} | ||||
|           labels: ${{ steps.meta.outputs.labels }} | ||||
|           file: ./uffizzi/nginx/Dockerfile | ||||
|           cache-from: type=gha | ||||
|           cache-to: type=gha,mode=max | ||||
|  | ||||
|  | ||||
|   build-crond: | ||||
|     name: Build and Push `crond` | ||||
|     runs-on: ubuntu-latest | ||||
|     if: ${{ github.event_name != 'pull_request' || github.event.action != 'closed' }} | ||||
|     outputs: | ||||
|       tags: ${{ steps.meta.outputs.tags }} | ||||
|     steps: | ||||
|       - name: Checkout git repo | ||||
|         uses: actions/checkout@v3 | ||||
|       - name: Set up Docker Buildx | ||||
|         uses: docker/setup-buildx-action@v2         | ||||
|       - name: Generate UUID image name | ||||
|         id: uuid | ||||
|         run: echo "UUID_TAG_CROND=$(uuidgen)" >> $GITHUB_ENV | ||||
|       - name: Docker metadata | ||||
|         id: meta | ||||
|         uses: docker/metadata-action@v3 | ||||
|         with: | ||||
|           images: registry.uffizzi.com/${{ env.UUID_TAG_CROND }} | ||||
|           tags: type=raw,value=60d | ||||
|       - name: Build and Push Image to registry.uffizzi.com ephemeral registry | ||||
|         uses: docker/build-push-action@v2 | ||||
|         with: | ||||
|           push: true | ||||
|           context: ./ | ||||
|           tags: ${{ steps.meta.outputs.tags }} | ||||
|           labels: ${{ steps.meta.outputs.labels }} | ||||
|           file: ./uffizzi/crond/Dockerfile       | ||||
|           cache-from: type=gha | ||||
|           cache-to: type=gha,mode=max | ||||
|  | ||||
|  | ||||
|  | ||||
|   render-compose-file: | ||||
|     name: Render Docker Compose File | ||||
|     # Pass output of this workflow to another triggered by `workflow_run` event. | ||||
|     runs-on: ubuntu-latest | ||||
|     outputs: | ||||
|       compose-file-cache-key: ${{ steps.hash.outputs.hash }} | ||||
|     needs:  | ||||
|       - build-application | ||||
|       - build-nginx | ||||
|       - build-crond | ||||
|     steps: | ||||
|       - name: Checkout git repo | ||||
|         uses: actions/checkout@v3 | ||||
|       - name: Render Compose File | ||||
|         run: | | ||||
|           APP_IMAGE=$(echo ${{ needs.build-application.outputs.tags }}) | ||||
|           export APP_IMAGE | ||||
|           NGINX_IMAGE=$(echo ${{ needs.build-nginx.outputs.tags }}) | ||||
|           export NGINX_IMAGE | ||||
|           CROND_IMAGE=$(echo ${{ needs.build-crond.outputs.tags }}) | ||||
|           export CROND_IMAGE | ||||
|           # Render simple template from environment variables. | ||||
|           envsubst < ./uffizzi/docker-compose.uffizzi.yml > docker-compose.rendered.yml | ||||
|           cat docker-compose.rendered.yml | ||||
|       - name: Upload Rendered Compose File as Artifact | ||||
|         uses: actions/upload-artifact@v3 | ||||
|         with: | ||||
|           name: preview-spec | ||||
|           path: docker-compose.rendered.yml | ||||
|           retention-days: 2 | ||||
|       - name: Serialize PR Event to File | ||||
|         run:  | | ||||
|           cat << EOF > event.json | ||||
|           ${{ toJSON(github.event) }}  | ||||
|            | ||||
|           EOF | ||||
|       - name: Upload PR Event as Artifact | ||||
|         uses: actions/upload-artifact@v3 | ||||
|         with: | ||||
|           name: preview-spec | ||||
|           path: event.json | ||||
|           retention-days: 2 | ||||
|  | ||||
|   delete-preview: | ||||
|     name: Call for Preview Deletion | ||||
|     runs-on: ubuntu-latest | ||||
|     if: ${{ github.event.action == 'closed' }} | ||||
|     steps: | ||||
|       # If this PR is closing, we will not render a compose file nor pass it to the next workflow. | ||||
|       - name: Serialize PR Event to File | ||||
|         run: echo '${{ toJSON(github.event) }}' > event.json | ||||
|       - name: Upload PR Event as Artifact | ||||
|         uses: actions/upload-artifact@v3 | ||||
|         with: | ||||
|           name: preview-spec | ||||
|           path: event.json | ||||
|           retention-days: 2 | ||||
|  | ||||
							
								
								
									
										84
									
								
								.github/workflows/uffizzi-preview.yml
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										84
									
								
								.github/workflows/uffizzi-preview.yml
									
									
									
									
										vendored
									
									
								
							| @ -1,84 +0,0 @@ | ||||
| name: Deploy Uffizzi Preview | ||||
|  | ||||
| on: | ||||
|   workflow_run: | ||||
|     workflows: | ||||
|       - "Build PR Image" | ||||
|     types: | ||||
|       - completed | ||||
|  | ||||
|  | ||||
| jobs: | ||||
|   cache-compose-file: | ||||
|     name: Cache Compose File | ||||
|     runs-on: ubuntu-latest | ||||
|     outputs: | ||||
|       compose-file-cache-key: ${{ env.COMPOSE_FILE_HASH }} | ||||
|       pr-number: ${{ env.PR_NUMBER }} | ||||
|     steps: | ||||
|       - name: 'Download artifacts' | ||||
|         # Fetch output (zip archive) from the workflow run that triggered this workflow. | ||||
|         uses: actions/github-script@v6 | ||||
|         with: | ||||
|           script: | | ||||
|             let allArtifacts = await github.rest.actions.listWorkflowRunArtifacts({ | ||||
|                owner: context.repo.owner, | ||||
|                repo: context.repo.repo, | ||||
|                run_id: context.payload.workflow_run.id, | ||||
|             }); | ||||
|             let matchArtifact = allArtifacts.data.artifacts.filter((artifact) => { | ||||
|               return artifact.name == "preview-spec" | ||||
|             })[0]; | ||||
|             let download = await github.rest.actions.downloadArtifact({ | ||||
|                owner: context.repo.owner, | ||||
|                repo: context.repo.repo, | ||||
|                artifact_id: matchArtifact.id, | ||||
|                archive_format: 'zip', | ||||
|             }); | ||||
|             let fs = require('fs'); | ||||
|             fs.writeFileSync(`${process.env.GITHUB_WORKSPACE}/preview-spec.zip`, Buffer.from(download.data)); | ||||
|       - name: 'Unzip artifact' | ||||
|         run: unzip preview-spec.zip | ||||
|       - name: Read Event into ENV | ||||
|         run: | | ||||
|           echo 'EVENT_JSON<<EOF' >> $GITHUB_ENV | ||||
|           cat event.json >> $GITHUB_ENV | ||||
|           echo 'EOF' >> $GITHUB_ENV | ||||
|       - name: Hash Rendered Compose File | ||||
|         id: hash | ||||
|         # If the previous workflow was triggered by a PR close event, we will not have a compose file artifact. | ||||
|         if: ${{ fromJSON(env.EVENT_JSON).action != 'closed' }} | ||||
|         run: echo "COMPOSE_FILE_HASH=$(md5sum docker-compose.rendered.yml | awk '{ print $1 }')" >> $GITHUB_ENV | ||||
|       - name: Cache Rendered Compose File | ||||
|         if: ${{ fromJSON(env.EVENT_JSON).action != 'closed' }} | ||||
|         uses: actions/cache@v3 | ||||
|         with: | ||||
|           path: docker-compose.rendered.yml | ||||
|           key: ${{ env.COMPOSE_FILE_HASH }} | ||||
|  | ||||
|       - name: Read PR Number From Event Object | ||||
|         id: pr | ||||
|         run: echo "PR_NUMBER=${{ fromJSON(env.EVENT_JSON).number }}" >> $GITHUB_ENV | ||||
|  | ||||
|       - name: DEBUG - Print Job Outputs | ||||
|         if: ${{ runner.debug }} | ||||
|         run: | | ||||
|           echo "PR number: ${{ env.PR_NUMBER }}" | ||||
|           echo "Compose file hash: ${{ env.COMPOSE_FILE_HASH }}" | ||||
|           cat event.json | ||||
|   deploy-uffizzi-preview: | ||||
|     name: Use Remote Workflow to Preview on Uffizzi | ||||
|     needs: | ||||
|       - cache-compose-file | ||||
|     uses: UffizziCloud/preview-action/.github/workflows/reusable.yaml@v2.6.1 | ||||
|     with: | ||||
|       # If this workflow was triggered by a PR close event, cache-key will be an empty string | ||||
|       # and this reusable workflow will delete the preview deployment. | ||||
|       compose-file-cache-key: ${{ needs.cache-compose-file.outputs.compose-file-cache-key }} | ||||
|       compose-file-cache-path: docker-compose.rendered.yml | ||||
|       server: https://app.uffizzi.com/ | ||||
|       pr-number: ${{ needs.cache-compose-file.outputs.pr-number }} | ||||
|     permissions: | ||||
|       contents: read | ||||
|       pull-requests: write | ||||
|       id-token: write | ||||
							
								
								
									
										1
									
								
								.gitignore
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										1
									
								
								.gitignore
									
									
									
									
										vendored
									
									
								
							| @ -16,4 +16,3 @@ Homestead.yaml | ||||
| .gitkeep | ||||
| /public/docs | ||||
| /.scribe | ||||
| !storage/fonts/.gitkeep | ||||
| @ -1,4 +1,4 @@ | ||||
| FROM php:8.1-fpm | ||||
| FROM php:7.4-fpm | ||||
|  | ||||
| # Arguments defined in docker-compose.yml | ||||
| ARG user | ||||
|  | ||||
| @ -103,7 +103,6 @@ class CustomerStatsController extends Controller | ||||
|         ) | ||||
|             ->whereCompany() | ||||
|             ->whereCustomer($customer->id) | ||||
|             ->where('status', '<>', Invoice::STATUS_DRAFT) | ||||
|             ->sum('total'); | ||||
|         $totalReceipts = Payment::whereBetween( | ||||
|             'payment_date', | ||||
|  | ||||
| @ -104,7 +104,6 @@ class DashboardController extends Controller | ||||
|             'invoice_date', | ||||
|             [$startDate->format('Y-m-d'), $start->format('Y-m-d')] | ||||
|         ) | ||||
|             ->where('status', '<>', Invoice::STATUS_DRAFT) | ||||
|             ->whereCompany() | ||||
|             ->sum('base_total'); | ||||
|  | ||||
| @ -142,7 +141,6 @@ class DashboardController extends Controller | ||||
|         $recent_due_invoices = Invoice::with('customer') | ||||
|             ->whereCompany() | ||||
|             ->where('base_due_amount', '>', 0) | ||||
|             ->where('status', '<>', Invoice::STATUS_DRAFT) | ||||
|             ->take(5) | ||||
|             ->latest() | ||||
|             ->get(); | ||||
|  | ||||
| @ -24,7 +24,6 @@ class InvoicesController extends Controller | ||||
|         $limit = $request->has('limit') ? $request->limit : 10; | ||||
|  | ||||
|         $invoices = Invoice::whereCompany() | ||||
|             ->whereTabFilters($request->tab_status) | ||||
|             ->join('customers', 'customers.id', '=', 'invoices.customer_id') | ||||
|             ->applyFilters($request->all()) | ||||
|             ->select('invoices.*', 'customers.name') | ||||
|  | ||||
| @ -2,25 +2,24 @@ | ||||
|  | ||||
| namespace Crater\Http\Controllers\V1\Admin\Report; | ||||
|  | ||||
| use PDF; | ||||
| use Carbon\Carbon; | ||||
| use Crater\Http\Controllers\Controller; | ||||
| use Crater\Models\Company; | ||||
| use Crater\Models\Currency; | ||||
| use Crater\Models\CompanySetting; | ||||
| use Crater\Models\Customer; | ||||
| use Illuminate\Http\Request; | ||||
| use Crater\Models\CompanySetting; | ||||
| use Illuminate\Support\Facades\App; | ||||
| use Crater\Http\Controllers\Controller; | ||||
| use PDF; | ||||
|  | ||||
| class CustomerSalesReportController extends Controller | ||||
| { | ||||
|     /** | ||||
|      * Handle the incoming request. | ||||
|      * | ||||
|      * @param  \Illuminate\Http\Request  $request | ||||
|      * @param  string  $hash | ||||
|      * @return \Illuminate\Http\JsonResponse | ||||
|      */ | ||||
|     * Handle the incoming request. | ||||
|     * | ||||
|     * @param  \Illuminate\Http\Request  $request | ||||
|     * @param  string  $hash | ||||
|     * @return \Illuminate\Http\JsonResponse | ||||
|     */ | ||||
|     public function __invoke(Request $request, $hash) | ||||
|     { | ||||
|         $company = Company::where('unique_hash', $hash)->first(); | ||||
| @ -57,7 +56,6 @@ class CustomerSalesReportController extends Controller | ||||
|         $dateFormat = CompanySetting::getSetting('carbon_date_format', $company->id); | ||||
|         $from_date = Carbon::createFromFormat('Y-m-d', $request->from_date)->format($dateFormat); | ||||
|         $to_date = Carbon::createFromFormat('Y-m-d', $request->to_date)->format($dateFormat); | ||||
|         $currency = Currency::findOrFail(CompanySetting::getSetting('currency', $company->id)); | ||||
|  | ||||
|         $colors = [ | ||||
|             'primary_text_color', | ||||
| @ -82,7 +80,6 @@ class CustomerSalesReportController extends Controller | ||||
|             'company' => $company, | ||||
|             'from_date' => $from_date, | ||||
|             'to_date' => $to_date, | ||||
|             'currency' => $currency, | ||||
|         ]); | ||||
|  | ||||
|         $pdf = PDF::loadView('app.pdf.reports.sales-customers'); | ||||
|  | ||||
| @ -2,25 +2,24 @@ | ||||
|  | ||||
| namespace Crater\Http\Controllers\V1\Admin\Report; | ||||
|  | ||||
| use PDF; | ||||
| use Carbon\Carbon; | ||||
| use Crater\Models\Company; | ||||
| use Crater\Models\Expense; | ||||
| use Crater\Models\Currency; | ||||
| use Illuminate\Http\Request; | ||||
| use Crater\Models\CompanySetting; | ||||
| use Illuminate\Support\Facades\App; | ||||
| use Crater\Http\Controllers\Controller; | ||||
| use Crater\Models\Company; | ||||
| use Crater\Models\CompanySetting; | ||||
| use Crater\Models\Expense; | ||||
| use Illuminate\Http\Request; | ||||
| use Illuminate\Support\Facades\App; | ||||
| use PDF; | ||||
|  | ||||
| class ExpensesReportController extends Controller | ||||
| { | ||||
|     /** | ||||
|      * Handle the incoming request. | ||||
|      * | ||||
|      * @param  \Illuminate\Http\Request  $request | ||||
|      * @param  string  $hash | ||||
|      * @return \Illuminate\Http\JsonResponse | ||||
|      */ | ||||
|     * Handle the incoming request. | ||||
|     * | ||||
|     * @param  \Illuminate\Http\Request  $request | ||||
|     * @param  string  $hash | ||||
|     * @return \Illuminate\Http\JsonResponse | ||||
|     */ | ||||
|     public function __invoke(Request $request, $hash) | ||||
|     { | ||||
|         $company = Company::where('unique_hash', $hash)->first(); | ||||
| @ -44,7 +43,6 @@ class ExpensesReportController extends Controller | ||||
|         $dateFormat = CompanySetting::getSetting('carbon_date_format', $company->id); | ||||
|         $from_date = Carbon::createFromFormat('Y-m-d', $request->from_date)->format($dateFormat); | ||||
|         $to_date = Carbon::createFromFormat('Y-m-d', $request->to_date)->format($dateFormat); | ||||
|         $currency = Currency::findOrFail(CompanySetting::getSetting('currency', $company->id)); | ||||
|  | ||||
|         $colors = [ | ||||
|             'primary_text_color', | ||||
| @ -68,7 +66,6 @@ class ExpensesReportController extends Controller | ||||
|             'company' => $company, | ||||
|             'from_date' => $from_date, | ||||
|             'to_date' => $to_date, | ||||
|             'currency' => $currency, | ||||
|         ]); | ||||
|         $pdf = PDF::loadView('app.pdf.reports.expenses'); | ||||
|  | ||||
|  | ||||
| @ -2,25 +2,24 @@ | ||||
|  | ||||
| namespace Crater\Http\Controllers\V1\Admin\Report; | ||||
|  | ||||
| use PDF; | ||||
| use Carbon\Carbon; | ||||
| use Crater\Models\Company; | ||||
| use Crater\Models\Currency; | ||||
| use Illuminate\Http\Request; | ||||
| use Crater\Models\InvoiceItem; | ||||
| use Crater\Models\CompanySetting; | ||||
| use Illuminate\Support\Facades\App; | ||||
| use Crater\Http\Controllers\Controller; | ||||
| use Crater\Models\Company; | ||||
| use Crater\Models\CompanySetting; | ||||
| use Crater\Models\InvoiceItem; | ||||
| use Illuminate\Http\Request; | ||||
| use Illuminate\Support\Facades\App; | ||||
| use PDF; | ||||
|  | ||||
| class ItemSalesReportController extends Controller | ||||
| { | ||||
|     /** | ||||
|      * Handle the incoming request. | ||||
|      * | ||||
|      * @param  \Illuminate\Http\Request  $request | ||||
|      * @param  string  $hash | ||||
|      * @return \Illuminate\Http\JsonResponse | ||||
|      */ | ||||
|     * Handle the incoming request. | ||||
|     * | ||||
|     * @param  \Illuminate\Http\Request  $request | ||||
|     * @param  string  $hash | ||||
|     * @return \Illuminate\Http\JsonResponse | ||||
|     */ | ||||
|     public function __invoke(Request $request, $hash) | ||||
|     { | ||||
|         $company = Company::where('unique_hash', $hash)->first(); | ||||
| @ -44,7 +43,6 @@ class ItemSalesReportController extends Controller | ||||
|         $dateFormat = CompanySetting::getSetting('carbon_date_format', $company->id); | ||||
|         $from_date = Carbon::createFromFormat('Y-m-d', $request->from_date)->format($dateFormat); | ||||
|         $to_date = Carbon::createFromFormat('Y-m-d', $request->to_date)->format($dateFormat); | ||||
|         $currency = Currency::findOrFail(CompanySetting::getSetting('currency', $company->id)); | ||||
|  | ||||
|         $colors = [ | ||||
|             'primary_text_color', | ||||
| @ -68,7 +66,6 @@ class ItemSalesReportController extends Controller | ||||
|             'company' => $company, | ||||
|             'from_date' => $from_date, | ||||
|             'to_date' => $to_date, | ||||
|             'currency' => $currency, | ||||
|         ]); | ||||
|         $pdf = PDF::loadView('app.pdf.reports.sales-items'); | ||||
|  | ||||
|  | ||||
| @ -2,26 +2,25 @@ | ||||
|  | ||||
| namespace Crater\Http\Controllers\V1\Admin\Report; | ||||
|  | ||||
| use PDF; | ||||
| use Carbon\Carbon; | ||||
| use Crater\Http\Controllers\Controller; | ||||
| use Crater\Models\Company; | ||||
| use Crater\Models\CompanySetting; | ||||
| use Crater\Models\Expense; | ||||
| use Crater\Models\Payment; | ||||
| use Crater\Models\Currency; | ||||
| use Illuminate\Http\Request; | ||||
| use Crater\Models\CompanySetting; | ||||
| use Illuminate\Support\Facades\App; | ||||
| use Crater\Http\Controllers\Controller; | ||||
| use PDF; | ||||
|  | ||||
| class ProfitLossReportController extends Controller | ||||
| { | ||||
|     /** | ||||
|      * Handle the incoming request. | ||||
|      * | ||||
|      * @param  \Illuminate\Http\Request  $request | ||||
|      * @param  string  $hash | ||||
|      * @return \Illuminate\Http\JsonResponse | ||||
|      */ | ||||
|     * Handle the incoming request. | ||||
|     * | ||||
|     * @param  \Illuminate\Http\Request  $request | ||||
|     * @param  string  $hash | ||||
|     * @return \Illuminate\Http\JsonResponse | ||||
|     */ | ||||
|     public function __invoke(Request $request, $hash) | ||||
|     { | ||||
|         $company = Company::where('unique_hash', $hash)->first(); | ||||
| @ -50,8 +49,6 @@ class ProfitLossReportController extends Controller | ||||
|         $dateFormat = CompanySetting::getSetting('carbon_date_format', $company->id); | ||||
|         $from_date = Carbon::createFromFormat('Y-m-d', $request->from_date)->format($dateFormat); | ||||
|         $to_date = Carbon::createFromFormat('Y-m-d', $request->to_date)->format($dateFormat); | ||||
|         $currency = Currency::findOrFail(CompanySetting::getSetting('currency', $company->id)); | ||||
|  | ||||
|  | ||||
|         $colors = [ | ||||
|             'primary_text_color', | ||||
| @ -77,7 +74,6 @@ class ProfitLossReportController extends Controller | ||||
|             'company' => $company, | ||||
|             'from_date' => $from_date, | ||||
|             'to_date' => $to_date, | ||||
|             'currency' => $currency, | ||||
|         ]); | ||||
|         $pdf = PDF::loadView('app.pdf.reports.profit-loss'); | ||||
|  | ||||
|  | ||||
| @ -2,25 +2,24 @@ | ||||
|  | ||||
| namespace Crater\Http\Controllers\V1\Admin\Report; | ||||
|  | ||||
| use PDF; | ||||
| use Carbon\Carbon; | ||||
| use Crater\Models\Tax; | ||||
| use Crater\Models\Company; | ||||
| use Crater\Models\Currency; | ||||
| use Illuminate\Http\Request; | ||||
| use Crater\Models\CompanySetting; | ||||
| use Illuminate\Support\Facades\App; | ||||
| use Crater\Http\Controllers\Controller; | ||||
| use Crater\Models\Company; | ||||
| use Crater\Models\CompanySetting; | ||||
| use Crater\Models\Tax; | ||||
| use Illuminate\Http\Request; | ||||
| use Illuminate\Support\Facades\App; | ||||
| use PDF; | ||||
|  | ||||
| class TaxSummaryReportController extends Controller | ||||
| { | ||||
|     /** | ||||
|      * Handle the incoming request. | ||||
|      * | ||||
|      * @param  \Illuminate\Http\Request  $request | ||||
|      * @param  string  $hash | ||||
|      * @return \Illuminate\Http\JsonResponse | ||||
|      */ | ||||
|     * Handle the incoming request. | ||||
|     * | ||||
|     * @param  \Illuminate\Http\Request  $request | ||||
|     * @param  string  $hash | ||||
|     * @return \Illuminate\Http\JsonResponse | ||||
|     */ | ||||
|     public function __invoke(Request $request, $hash) | ||||
|     { | ||||
|         $company = Company::where('unique_hash', $hash)->first(); | ||||
| @ -45,8 +44,6 @@ class TaxSummaryReportController extends Controller | ||||
|         $dateFormat = CompanySetting::getSetting('carbon_date_format', $company->id); | ||||
|         $from_date = Carbon::createFromFormat('Y-m-d', $request->from_date)->format($dateFormat); | ||||
|         $to_date = Carbon::createFromFormat('Y-m-d', $request->to_date)->format($dateFormat); | ||||
|         $currency = Currency::findOrFail(CompanySetting::getSetting('currency', $company->id)); | ||||
|  | ||||
|  | ||||
|         $colors = [ | ||||
|             'primary_text_color', | ||||
| @ -71,7 +68,6 @@ class TaxSummaryReportController extends Controller | ||||
|             'company' => $company, | ||||
|             'from_date' => $from_date, | ||||
|             'to_date' => $to_date, | ||||
|             'currency' => $currency, | ||||
|         ]); | ||||
|  | ||||
|         $pdf = PDF::loadView('app.pdf.reports.tax-summary'); | ||||
|  | ||||
| @ -3,6 +3,7 @@ | ||||
| namespace Crater\Http\Requests; | ||||
|  | ||||
| use Illuminate\Foundation\Http\FormRequest; | ||||
| use Illuminate\Support\Str; | ||||
| use Illuminate\Validation\Rule; | ||||
|  | ||||
| class CompaniesRequest extends FormRequest | ||||
| @ -33,10 +34,6 @@ class CompaniesRequest extends FormRequest | ||||
|             'currency' => [ | ||||
|                 'required' | ||||
|             ], | ||||
|             'slug' => [ | ||||
|                 'required', | ||||
|                 Rule::unique('companies') | ||||
|             ], | ||||
|             'address.name' => [ | ||||
|                 'nullable', | ||||
|             ], | ||||
| @ -71,11 +68,11 @@ class CompaniesRequest extends FormRequest | ||||
|     { | ||||
|         return collect($this->validated()) | ||||
|             ->only([ | ||||
|                 'name', | ||||
|                 'slug' | ||||
|                 'name' | ||||
|             ]) | ||||
|             ->merge([ | ||||
|                 'owner_id' => $this->user()->id | ||||
|                 'owner_id' => $this->user()->id, | ||||
|                 'slug' => Str::slug($this->name) | ||||
|             ]) | ||||
|             ->toArray(); | ||||
|     } | ||||
|  | ||||
| @ -30,8 +30,7 @@ class CompanyRequest extends FormRequest | ||||
|                 Rule::unique('companies')->ignore($this->header('company'), 'id'), | ||||
|             ], | ||||
|             'slug' => [ | ||||
|                 'required', | ||||
|                 Rule::unique('companies')->ignore($this->header('company'), 'id'), | ||||
|                 'nullable' | ||||
|             ], | ||||
|             'address.country_id' => [ | ||||
|                 'required', | ||||
|  | ||||
| @ -23,7 +23,7 @@ class EstimateResource extends JsonResource | ||||
|             'reference_number' => $this->reference_number, | ||||
|             'tax_per_item' => $this->tax_per_item, | ||||
|             'discount_per_item' => $this->discount_per_item, | ||||
|             'notes' => $this->notes, | ||||
|             'notes' => $this->getNotes(), | ||||
|             'discount' => $this->discount, | ||||
|             'discount_type' => $this->discount_type, | ||||
|             'discount_val' => $this->discount_val, | ||||
|  | ||||
| @ -18,7 +18,7 @@ class PaymentResource extends JsonResource | ||||
|             'id' => $this->id, | ||||
|             'payment_number' => $this->payment_number, | ||||
|             'payment_date' => $this->payment_date, | ||||
|             'notes' => $this->notes, | ||||
|             'notes' => $this->getNotes(), | ||||
|             'amount' => $this->amount, | ||||
|             'unique_hash' => $this->unique_hash, | ||||
|             'invoice_id' => $this->invoice_id, | ||||
|  | ||||
| @ -217,7 +217,7 @@ class Company extends Model implements HasMedia | ||||
|             'estimate_billing_address_format' => $billingAddressFormat, | ||||
|             'payment_company_address_format' => $companyAddressFormat, | ||||
|             'payment_from_customer_address_format' => $paymentFromCustomerAddress, | ||||
|             'currency' => request()->currency ?? 1, | ||||
|             'currency' => request()->currency ?? 13, | ||||
|             'time_zone' => 'Asia/Kolkata', | ||||
|             'language' => 'en', | ||||
|             'fiscal_year' => '1-12', | ||||
|  | ||||
| @ -483,8 +483,7 @@ class Estimate extends Model implements HasMedia | ||||
|             '{ESTIMATE_DATE}' => $this->formattedEstimateDate, | ||||
|             '{ESTIMATE_EXPIRY_DATE}' => $this->formattedExpiryDate, | ||||
|             '{ESTIMATE_NUMBER}' => $this->estimate_number, | ||||
|             '{PDF_LINK}' => $this->estimatePdfUrl, | ||||
|             '{TOTAL_AMOUNT}' => format_money_pdf($this->total, $this->customer->currency) | ||||
|             '{ESTIMATE_REF_NUMBER}' => $this->reference_number, | ||||
|         ]; | ||||
|     } | ||||
|  | ||||
|  | ||||
| @ -240,7 +240,7 @@ class Expense extends Model implements HasMedia | ||||
|         } | ||||
|  | ||||
|         if ($request->hasFile('attachment_receipt')) { | ||||
|             $expense->addMediaFromRequest('attachment_receipt')->toMediaCollection('receipts', 'local'); | ||||
|             $expense->addMediaFromRequest('attachment_receipt')->toMediaCollection('receipts'); | ||||
|         } | ||||
|  | ||||
|         if ($request->customFields) { | ||||
| @ -262,12 +262,12 @@ class Expense extends Model implements HasMedia | ||||
|             ExchangeRateLog::addExchangeRateLog($this); | ||||
|         } | ||||
|  | ||||
|         if (isset($request->is_attachment_receipt_removed) && $request->is_attachment_receipt_removed == "true") { | ||||
|         if (isset($request->is_attachment_receipt_removed) && (bool) $request->is_attachment_receipt_removed) { | ||||
|             $this->clearMediaCollection('receipts'); | ||||
|         } | ||||
|         if ($request->hasFile('attachment_receipt')) { | ||||
|             $this->clearMediaCollection('receipts'); | ||||
|             $this->addMediaFromRequest('attachment_receipt')->toMediaCollection('receipts', 'local'); | ||||
|             $this->addMediaFromRequest('attachment_receipt')->toMediaCollection('receipts'); | ||||
|         } | ||||
|  | ||||
|         if ($request->customFields) { | ||||
|  | ||||
| @ -187,6 +187,16 @@ class Invoice extends Model implements HasMedia | ||||
|         return Carbon::parse($this->invoice_date)->format($dateFormat); | ||||
|     } | ||||
|  | ||||
|     public function scopeWhereStatus($query, $status) | ||||
|     { | ||||
|         return $query->where('invoices.status', $status); | ||||
|     } | ||||
|  | ||||
|     public function scopeWherePaidStatus($query, $status) | ||||
|     { | ||||
|         return $query->where('invoices.paid_status', $status); | ||||
|     } | ||||
|  | ||||
|     public function scopeWhereDueStatus($query, $status) | ||||
|     { | ||||
|         return $query->whereIn('invoices.paid_status', [ | ||||
| @ -224,40 +234,6 @@ class Invoice extends Model implements HasMedia | ||||
|         $query->orderBy($orderByField, $orderBy); | ||||
|     } | ||||
|  | ||||
|     public function scopeWhereStatus($query, $status) | ||||
|     { | ||||
|         return $query->where('invoices.status', $status); | ||||
|     } | ||||
|  | ||||
|     public function scopeWherePaidStatus($query, $status) | ||||
|     { | ||||
|         return $query->where('invoices.paid_status', $status); | ||||
|     } | ||||
|  | ||||
|     public function scopeWhereTabFilters($query, $status) | ||||
|     { | ||||
|         if ($status == "DRAFT") { | ||||
|             return $query->where('invoices.status', $status); | ||||
|         } | ||||
|  | ||||
|         if ($status == "SENT") { | ||||
|             return $query->whereIn('invoices.status', [ | ||||
|                 self::STATUS_SENT, | ||||
|                 self::STATUS_VIEWED, | ||||
|                 self::STATUS_COMPLETED | ||||
|             ]); | ||||
|         } | ||||
|  | ||||
|         if ($status == 'DUE') { | ||||
|             return $query->whereIn('invoices.paid_status', [ | ||||
|                 self::STATUS_UNPAID, | ||||
|                 self::STATUS_PARTIALLY_PAID, | ||||
|             ]); | ||||
|         } | ||||
|  | ||||
|         return ; | ||||
|     } | ||||
|  | ||||
|     public function scopeApplyFilters($query, array $filters) | ||||
|     { | ||||
|         $filters = collect($filters); | ||||
| @ -273,11 +249,17 @@ class Invoice extends Model implements HasMedia | ||||
|                 $filters->get('status') == self::STATUS_PAID | ||||
|             ) { | ||||
|                 $query->wherePaidStatus($filters->get('status')); | ||||
|             } elseif ($filters->get('status') == 'DUE') { | ||||
|                 $query->whereDueStatus($filters->get('status')); | ||||
|             } else { | ||||
|                 $query->whereStatus($filters->get('status')); | ||||
|             } | ||||
|         } | ||||
|  | ||||
|         if ($filters->get('paid_status')) { | ||||
|             $query->wherePaidStatus($filters->get('status')); | ||||
|         } | ||||
|  | ||||
|         if ($filters->get('invoice_id')) { | ||||
|             $query->whereInvoice($filters->get('invoice_id')); | ||||
|         } | ||||
| @ -669,9 +651,7 @@ class Invoice extends Model implements HasMedia | ||||
|             '{INVOICE_DATE}' => $this->formattedInvoiceDate, | ||||
|             '{INVOICE_DUE_DATE}' => $this->formattedDueDate, | ||||
|             '{INVOICE_NUMBER}' => $this->invoice_number, | ||||
|             '{PDF_LINK}' => $this->invoicePdfUrl, | ||||
|             '{DUE_AMOUNT}' => format_money_pdf($this->due_amount, $this->customer->currency), | ||||
|             '{TOTAL_AMOUNT}' => format_money_pdf($this->total, $this->customer->currency) | ||||
|             '{INVOICE_REF_NUMBER}' => $this->reference_number, | ||||
|         ]; | ||||
|     } | ||||
|  | ||||
|  | ||||
| @ -435,8 +435,7 @@ class Payment extends Model implements HasMedia | ||||
|             '{PAYMENT_DATE}' => $this->formattedPaymentDate, | ||||
|             '{PAYMENT_MODE}' => $this->paymentMethod ? $this->paymentMethod->name : null, | ||||
|             '{PAYMENT_NUMBER}' => $this->payment_number, | ||||
|             '{PDF_LINK}' => $this->paymentPdfUrl, | ||||
|             '{PAYMENT_AMOUNT}' => format_money_pdf($this->amount, $this->customer->currency) | ||||
|             '{PAYMENT_AMOUNT}' => $this->reference_number, | ||||
|         ]; | ||||
|     } | ||||
|  | ||||
|  | ||||
| @ -81,10 +81,7 @@ | ||||
|   "config": { | ||||
|     "optimize-autoloader": true, | ||||
|     "preferred-install": "dist", | ||||
|     "sort-packages": true, | ||||
|     "allow-plugins": { | ||||
|       "pestphp/pest-plugin": true | ||||
|     } | ||||
|     "sort-packages": true | ||||
|   }, | ||||
|   "extra": { | ||||
|     "laravel": { | ||||
|  | ||||
| @ -71,7 +71,6 @@ return [ | ||||
|         ["code" => "cs", "name" => "Czech"], | ||||
|         ["code" => "el", "name" => "Greek"], | ||||
|         ["code" => "hr", "name" => "Crotian"], | ||||
|         ["code" => "th", "name" => "ไทย"], | ||||
|     ], | ||||
|  | ||||
|     /* | ||||
|  | ||||
| @ -170,7 +170,7 @@ class CountriesTableSeeder extends Seeder | ||||
|         ['id' => 152,'code' => 'NR','name' => "Nauru",'phonecode' => 674], | ||||
|         ['id' => 153,'code' => 'NP','name' => "Nepal",'phonecode' => 977], | ||||
|         ['id' => 154,'code' => 'AN','name' => "Netherlands Antilles",'phonecode' => 599], | ||||
|         ['id' => 155,'code' => 'NL','name' => "Netherlands",'phonecode' => 31], | ||||
|         ['id' => 155,'code' => 'NL','name' => "Netherlands The",'phonecode' => 31], | ||||
|         ['id' => 156,'code' => 'NC','name' => "New Caledonia",'phonecode' => 687], | ||||
|         ['id' => 157,'code' => 'NZ','name' => "New Zealand",'phonecode' => 64], | ||||
|         ['id' => 158,'code' => 'NI','name' => "Nicaragua",'phonecode' => 505], | ||||
|  | ||||
| @ -27,7 +27,7 @@ | ||||
|     "vite": "^2.6.1" | ||||
|   }, | ||||
|   "dependencies": { | ||||
|     "@headlessui/vue": "^1.5.0", | ||||
|     "@headlessui/vue": "^1.4.0", | ||||
|     "@heroicons/vue": "^1.0.1", | ||||
|     "@popperjs/core": "^2.9.2", | ||||
|     "@stripe/stripe-js": "^1.21.2", | ||||
| @ -48,8 +48,7 @@ | ||||
|     "mini-svg-data-uri": "^1.3.3", | ||||
|     "moment": "^2.29.1", | ||||
|     "pinia": "^2.0.4", | ||||
|     "v-calendar": "3.0.0-alpha.8", | ||||
|     "v-money3": "3.16.1", | ||||
|     "v-money3": "^3.13.5", | ||||
|     "v-tooltip": "^4.0.0-alpha.1", | ||||
|     "vue": "^3.2.0-beta.5", | ||||
|     "vue-flatpickr-component": "^9.0.3", | ||||
|  | ||||
| @ -64,7 +64,7 @@ function mergeExistingValues() { | ||||
|   if (props.isEdit) { | ||||
|     props.store[props.storeProp].fields.forEach((field) => { | ||||
|       const existingIndex = props.store[props.storeProp].customFields.findIndex( | ||||
|         (f) => f.id == field.custom_field_id | ||||
|         (f) => f.id === field.custom_field_id | ||||
|       ) | ||||
|  | ||||
|       if (existingIndex > -1) { | ||||
|  | ||||
| @ -9,7 +9,7 @@ import { computed } from 'vue' | ||||
| const props = defineProps({ | ||||
|   modelValue: { | ||||
|     type: String, | ||||
|     default: moment().format('YYYY-MM-DD HH:mm'), | ||||
|     default: moment().format('YYYY-MM-DD hh:MM'), | ||||
|   }, | ||||
| }) | ||||
|  | ||||
|  | ||||
| @ -48,24 +48,6 @@ | ||||
|             /> | ||||
|           </BaseInputGroup> | ||||
|  | ||||
|           <BaseInputGroup | ||||
|             :label="$tc('settings.company_info.company_slug')" | ||||
|             :help-text="$t('settings.company_info.company_slug_help_text')" | ||||
|             :error=" | ||||
|               v$.newCompanyForm.slug.$error && | ||||
|               v$.newCompanyForm.slug.$errors[0].$message | ||||
|             " | ||||
|             :content-loading="isFetchingInitialData" | ||||
|             required | ||||
|           > | ||||
|             <BaseInput | ||||
|               v-model="newCompanyForm.slug" | ||||
|               :invalid="v$.newCompanyForm.slug.$error" | ||||
|               :content-loading="isFetchingInitialData" | ||||
|               @input="v$.newCompanyForm.slug.$touch()" | ||||
|             /> | ||||
|           </BaseInputGroup> | ||||
|  | ||||
|           <BaseInputGroup | ||||
|             :content-loading="isFetchingInitialData" | ||||
|             :label="$tc('settings.company_info.country')" | ||||
| @ -148,7 +130,7 @@ | ||||
|  | ||||
| <script setup> | ||||
| import { useModalStore } from '@/scripts/stores/modal' | ||||
| import { computed, onMounted, ref, reactive, watch } from 'vue' | ||||
| import { computed, onMounted, ref, reactive } from 'vue' | ||||
| import { useI18n } from 'vue-i18n' | ||||
| import { required, minLength, helpers } from '@vuelidate/validators' | ||||
| import { useVuelidate } from '@vuelidate/core' | ||||
| @ -170,7 +152,6 @@ let companyLogoName = ref(null) | ||||
|  | ||||
| const newCompanyForm = reactive({ | ||||
|   name: null, | ||||
|   slug: null, | ||||
|   currency: '', | ||||
|   address: { | ||||
|     country_id: null, | ||||
| @ -181,9 +162,6 @@ const modalActive = computed(() => { | ||||
|   return modalStore.active && modalStore.componentName === 'CompanyModal' | ||||
| }) | ||||
|  | ||||
| const slugValidator = (value) => { | ||||
|   return value == slugify(value) | ||||
| } | ||||
| const rules = { | ||||
|   newCompanyForm: { | ||||
|     name: { | ||||
| @ -193,17 +171,6 @@ const rules = { | ||||
|         minLength(3) | ||||
|       ), | ||||
|     }, | ||||
|     slug: { | ||||
|       required: helpers.withMessage(t('validation.required'), required), | ||||
|       minLength: helpers.withMessage( | ||||
|         t('validation.name_min_length', { count: 3 }), | ||||
|         minLength(3) | ||||
|       ), | ||||
|       slugValidator: helpers.withMessage( | ||||
|         t('validation.invalid_slug'), | ||||
|         slugValidator | ||||
|       ), | ||||
|     }, | ||||
|     address: { | ||||
|       country_id: { | ||||
|         required: helpers.withMessage(t('validation.required'), required), | ||||
| @ -276,7 +243,6 @@ async function submitCompanyData() { | ||||
|  | ||||
| function resetNewCompanyForm() { | ||||
|   newCompanyForm.name = '' | ||||
|   newCompanyForm.slug = '' | ||||
|   newCompanyForm.currency = '' | ||||
|   newCompanyForm.address.country_id = '' | ||||
|  | ||||
| @ -291,24 +257,4 @@ function closeCompanyModal() { | ||||
|     v$.value.$reset() | ||||
|   }, 300) | ||||
| } | ||||
|  | ||||
| // watcher for if change company name then auto fill company slug value | ||||
| watch( | ||||
|   () => newCompanyForm.name, | ||||
|   (currentValue) => { | ||||
|     newCompanyForm.slug = slugify(currentValue) | ||||
|   } | ||||
| ) | ||||
|  | ||||
| function slugify(string) { | ||||
|   return string | ||||
|     .toString() | ||||
|     .trim() | ||||
|     .toLowerCase() | ||||
|     .replace(/\s+/g, '-') | ||||
|     .replace(/[^\w\-]+/g, '') | ||||
|     .replace(/\-\-+/g, '-') | ||||
|     .replace(/^-+/, '') | ||||
|     .replace(/-+$/, '') | ||||
| } | ||||
| </script> | ||||
|  | ||||
| @ -15,13 +15,6 @@ | ||||
|       bg-gradient-to-r | ||||
|       from-primary-500 | ||||
|       to-primary-400 | ||||
|       dark:from-gray-700/70 dark:to-gray-800/70 | ||||
|       bg-primary-500 | ||||
|       dark:bg-transparent | ||||
|       dark:backdrop-blur-xl | ||||
|       dark:shadow-glass | ||||
|       dark:border | ||||
|       dark:border-white/10 | ||||
|     " | ||||
|   > | ||||
|     <router-link | ||||
| @ -60,7 +53,6 @@ | ||||
|         cursor-pointer | ||||
|         md:hidden md:ml-0 | ||||
|         hover:bg-gray-100 | ||||
|         dark:bg-gray-800 dark:border-gray-500 dark:border | ||||
|       " | ||||
|       @click.prevent="onToggle" | ||||
|     > | ||||
| @ -151,7 +143,7 @@ | ||||
|           <template #activator> | ||||
|             <img | ||||
|               :src="previewAvatar" | ||||
|               class="block w-8 h-8 rounded md:h-9 md:w-9 object-cover" | ||||
|               class="block w-8 h-8 rounded md:h-9 md:w-9" | ||||
|             /> | ||||
|           </template> | ||||
|  | ||||
|  | ||||
| @ -15,9 +15,7 @@ | ||||
|         leave-from="opacity-100" | ||||
|         leave-to="opacity-0" | ||||
|       > | ||||
|         <DialogOverlay | ||||
|           class="fixed inset-0 bg-gray-600 bg-opacity-75 dark:bg-gray-900/90" | ||||
|         /> | ||||
|         <DialogOverlay class="fixed inset-0 bg-gray-600 bg-opacity-75" /> | ||||
|       </TransitionChild> | ||||
|  | ||||
|       <TransitionChild | ||||
| @ -29,9 +27,7 @@ | ||||
|         leave-from="translate-x-0" | ||||
|         leave-to="-translate-x-full" | ||||
|       > | ||||
|         <div | ||||
|           class="relative flex flex-col flex-1 w-full max-w-xs bg-white dark:bg-gray-800" | ||||
|         > | ||||
|         <div class="relative flex flex-col flex-1 w-full max-w-xs bg-white"> | ||||
|           <TransitionChild | ||||
|             as="template" | ||||
|             enter="ease-in-out duration-300" | ||||
| @ -44,17 +40,18 @@ | ||||
|             <div class="absolute top-0 right-0 pt-2 -mr-12"> | ||||
|               <button | ||||
|                 class=" | ||||
|                 flex | ||||
|                 items-center | ||||
|                 justify-center | ||||
|                 w-10 | ||||
|                 h-10 | ||||
|                 ml-1 | ||||
|                 rounded-full | ||||
|                 focus:outline-none | ||||
|                 focus:ring-2 | ||||
|                 focus:ring-inset | ||||
|                 focus:ring-white" | ||||
|                   flex | ||||
|                   items-center | ||||
|                   justify-center | ||||
|                   w-10 | ||||
|                   h-10 | ||||
|                   ml-1 | ||||
|                   rounded-full | ||||
|                   focus:outline-none | ||||
|                   focus:ring-2 | ||||
|                   focus:ring-inset | ||||
|                   focus:ring-white | ||||
|                 " | ||||
|                 @click="globalStore.setSidebarVisibility(false)" | ||||
|               > | ||||
|                 <span class="sr-only">Close sidebar</span> | ||||
| @ -85,8 +82,8 @@ | ||||
|                 :to="item.link" | ||||
|                 :class="[ | ||||
|                   hasActiveUrl(item.link) | ||||
|                     ? 'text-primary-500 border-primary-500 bg-gray-100 dark:shadow-glass dark:backdrop-blur-xl dark:hover:bg-gray-700  dark:bg-gray-700/50 dark:text-primary-400 dark:font-medium' | ||||
|                     : 'text-black dark:text-gray-300', | ||||
|                     ? 'text-primary-500 border-primary-500 bg-gray-100 ' | ||||
|                     : 'text-black', | ||||
|                   'cursor-pointer px-0 pl-4 py-3 border-transparent flex items-center border-l-4 border-solid text-sm not-italic font-medium', | ||||
|                 ]" | ||||
|                 @click="globalStore.setSidebarVisibility(false)" | ||||
| @ -103,10 +100,6 @@ | ||||
|                 /> | ||||
|                 {{ $t(item.title) }} | ||||
|               </router-link> | ||||
|               <LightDarkSwitch | ||||
|                 :show-label="false" | ||||
|                 class="absolute right-6 top-6 !w-auto" | ||||
|               /> | ||||
|             </nav> | ||||
|           </div> | ||||
|         </div> | ||||
| @ -120,16 +113,17 @@ | ||||
|   <!-- DESKTOP MENU --> | ||||
|   <div | ||||
|     class=" | ||||
|     hidden | ||||
|     w-56 | ||||
|     h-screen | ||||
|     bg-white | ||||
|     border-r border-gray-200 border-solid | ||||
|     xl:w-64 | ||||
|     md:fixed md:flex md:flex-col md:inset-y-0 | ||||
|     pt-16 | ||||
|     dark:border-gray-800 | ||||
|     dark:bg-gray-800/80" | ||||
|       hidden | ||||
|       w-56 | ||||
|       h-screen | ||||
|       pb-32 | ||||
|       overflow-y-auto | ||||
|       bg-white | ||||
|       border-r border-gray-200 border-solid | ||||
|       xl:w-64 | ||||
|       md:fixed md:flex md:flex-col md:inset-y-0 | ||||
|       pt-16 | ||||
|     " | ||||
|   > | ||||
|     <div | ||||
|       v-for="menu in globalStore.menuGroups" | ||||
| @ -142,8 +136,8 @@ | ||||
|         :to="item.link" | ||||
|         :class="[ | ||||
|           hasActiveUrl(item.link) | ||||
|             ? 'text-primary-500 border-primary-500 bg-gray-100 dark:border-primary-400 dark:shadow-glass dark:backdrop-blur-xl dark:hover:bg-gray-700 dark:bg-gray-700/50 dark:text-primary-400 dark:font-medium' | ||||
|             : 'text-black dark:hover:bg-transparent dark:hover:text-white dark:text-gray-300', | ||||
|             ? 'text-primary-500 border-primary-500 bg-gray-100 ' | ||||
|             : 'text-black', | ||||
|           'cursor-pointer px-0 pl-6 hover:bg-gray-50 py-3 group flex items-center border-l-4 border-solid border-transparent text-sm not-italic font-medium', | ||||
|         ]" | ||||
|       > | ||||
| @ -151,8 +145,8 @@ | ||||
|           :name="item.icon" | ||||
|           :class="[ | ||||
|             hasActiveUrl(item.link) | ||||
|               ? 'text-primary-500 group-hover:text-primary-500 dark:text-primary-400 dark:group-hover:text-primary-500 ' | ||||
|               : 'text-gray-400 group-hover:text-black dark:text-gray-400 dark:group-hover:text-white', | ||||
|               ? 'text-primary-500 group-hover:text-primary-500 ' | ||||
|               : 'text-gray-400 group-hover:text-black', | ||||
|             'mr-4 shrink-0 h-5 w-5 ', | ||||
|           ]" | ||||
|         /> | ||||
| @ -160,9 +154,6 @@ | ||||
|         {{ $t(item.title) }} | ||||
|       </router-link> | ||||
|     </div> | ||||
|     <LightDarkSwitch | ||||
|       class="absolute bottom-0 py-4 border-t border-gray-200 dark:border-gray-700" | ||||
|     /> | ||||
|   </div> | ||||
| </template> | ||||
|  | ||||
| @ -178,7 +169,6 @@ import { | ||||
|  | ||||
| import { useRoute } from 'vue-router' | ||||
| import { useGlobalStore } from '@/scripts/admin/stores/global' | ||||
| import LightDarkSwitch from '@/scripts/components/LightDarkSwitcher.vue' | ||||
|  | ||||
| const route = useRoute() | ||||
| const globalStore = useGlobalStore() | ||||
|  | ||||
| @ -184,20 +184,6 @@ export const useCompanyStore = (useWindow = false) => { | ||||
|       setDefaultCurrency(data) { | ||||
|         this.defaultCurrency = data.currency | ||||
|       }, | ||||
|  | ||||
|       checkCompanyHasCurrencyTransactions() { | ||||
|         return new Promise((resolve, reject) => { | ||||
|           axios | ||||
|             .get(`/api/v1/company/has-transactions`) | ||||
|             .then((response) => { | ||||
|               resolve(response) | ||||
|             }) | ||||
|             .catch((err) => { | ||||
|               handleError(err) | ||||
|               reject(err) | ||||
|             }) | ||||
|         }) | ||||
|       }, | ||||
|     }, | ||||
|   })() | ||||
| } | ||||
|  | ||||
| @ -34,7 +34,6 @@ export const useGlobalStore = (useWindow = false) => { | ||||
|       isAppLoaded: false, | ||||
|       isSidebarOpen: false, | ||||
|       areCurrenciesLoading: false, | ||||
|       isDarkModeOn: false, | ||||
|  | ||||
|       downloadReport: null, | ||||
|     }), | ||||
| @ -71,8 +70,8 @@ export const useGlobalStore = (useWindow = false) => { | ||||
|               moduleStore.apiToken = response.data.global_settings.api_token | ||||
|               moduleStore.enableModules = response.data.modules | ||||
|  | ||||
|               // company store | ||||
|               companyStore.companies = response.data.companies | ||||
|                 // company store | ||||
|                 companyStore.companies = response.data.companies | ||||
|               companyStore.selectedCompany = response.data.current_company | ||||
|               companyStore.setSelectedCompany(response.data.current_company) | ||||
|               companyStore.selectedCompanySettings = | ||||
|  | ||||
| @ -32,8 +32,6 @@ | ||||
|           :content-loading="isLoading" | ||||
|           :calendar-button="true" | ||||
|           calendar-button-icon="calendar" | ||||
|           :show-extra-options="true" | ||||
|           :source-date="estimateStore.newEstimate.estimate_date" | ||||
|         /> | ||||
|       </BaseInputGroup> | ||||
|  | ||||
|  | ||||
| @ -34,24 +34,6 @@ | ||||
|           /> | ||||
|         </BaseInputGroup> | ||||
|  | ||||
|         <BaseInputGroup | ||||
|           :label="$tc('wizard.company_slug')" | ||||
|           :help-text="$t('wizard.company_slug_help_text')" | ||||
|           :error=" | ||||
|             v$.companyForm.slug.$error && | ||||
|             v$.companyForm.slug.$errors[0].$message | ||||
|           " | ||||
|           required | ||||
|         > | ||||
|           <BaseInput | ||||
|             v-model="companyForm.slug" | ||||
|             :invalid="v$.companyForm.slug.$error" | ||||
|             type="text" | ||||
|             name="slug" | ||||
|             @input="v$.companyForm.slug.$touch()" | ||||
|           /> | ||||
|         </BaseInputGroup> | ||||
|  | ||||
|         <BaseInputGroup | ||||
|           :label="$t('wizard.country')" | ||||
|           :error=" | ||||
| @ -75,7 +57,9 @@ | ||||
|             track-by="name" | ||||
|           /> | ||||
|         </BaseInputGroup> | ||||
|       </div> | ||||
|  | ||||
|       <div class="grid grid-cols-1 gap-4 mb-4 md:grid-cols-2 md:mb-6"> | ||||
|         <BaseInputGroup :label="$t('wizard.state')"> | ||||
|           <BaseInput | ||||
|             v-model="companyForm.address.state" | ||||
| @ -160,9 +144,9 @@ | ||||
| </template> | ||||
|  | ||||
| <script setup> | ||||
| import { ref, computed, onMounted, reactive, watch } from 'vue' | ||||
| import { ref, computed, onMounted, reactive } from 'vue' | ||||
| import { useI18n } from 'vue-i18n' | ||||
| import { required, minLength, maxLength, helpers } from '@vuelidate/validators' | ||||
| import { required, maxLength, helpers } from '@vuelidate/validators' | ||||
| import { useVuelidate } from '@vuelidate/core' | ||||
| import { useGlobalStore } from '@/scripts/admin/stores/global' | ||||
| import { useCompanyStore } from '@/scripts/admin/stores/company' | ||||
| @ -178,7 +162,6 @@ let logoFileName = ref(null) | ||||
|  | ||||
| const companyForm = reactive({ | ||||
|   name: null, | ||||
|   slug: null, | ||||
|   address: { | ||||
|     address_street_1: '', | ||||
|     address_street_2: '', | ||||
| @ -205,28 +188,10 @@ onMounted(async () => { | ||||
|   })?.id | ||||
| }) | ||||
|  | ||||
| const slugValidator = (value) => { | ||||
|   return value == slugify(value) | ||||
| } | ||||
| const rules = { | ||||
|   companyForm: { | ||||
|     name: { | ||||
|       required: helpers.withMessage(t('validation.required'), required), | ||||
|       minLength: helpers.withMessage( | ||||
|         t('validation.name_min_length', { count: 3 }), | ||||
|         minLength(3) | ||||
|       ), | ||||
|     }, | ||||
|     slug: { | ||||
|       required: helpers.withMessage(t('validation.required'), required), | ||||
|       minLength: helpers.withMessage( | ||||
|         t('validation.name_min_length', { count: 3 }), | ||||
|         minLength(3) | ||||
|       ), | ||||
|       slugValidator: helpers.withMessage( | ||||
|         t('validation.invalid_slug'), | ||||
|         slugValidator | ||||
|       ), | ||||
|     }, | ||||
|     address: { | ||||
|       country_id: { | ||||
| @ -284,24 +249,4 @@ async function next() { | ||||
|     emit('next', 7) | ||||
|   } | ||||
| } | ||||
|  | ||||
| // watcher for if change company name then auto fill company slug value | ||||
| watch( | ||||
|   () => companyForm.name, | ||||
|   (currentValue) => { | ||||
|     companyForm.slug = slugify(currentValue) | ||||
|   } | ||||
| ) | ||||
|  | ||||
| function slugify(string) { | ||||
|   return string | ||||
|     .toString() | ||||
|     .trim() | ||||
|     .toLowerCase() | ||||
|     .replace(/\s+/g, '-') | ||||
|     .replace(/[^\w\-]+/g, '') | ||||
|     .replace(/\-\-+/g, '-') | ||||
|     .replace(/^-+/, '') | ||||
|     .replace(/-+$/, '') | ||||
| } | ||||
| </script> | ||||
|  | ||||
| @ -56,7 +56,7 @@ | ||||
|         <BaseMultiselect | ||||
|           v-model="filters.status" | ||||
|           :groups="true" | ||||
|           :options="invoiceStatus" | ||||
|           :options="status" | ||||
|           searchable | ||||
|           :placeholder="$t('general.select_a_status')" | ||||
|           @update:modelValue="setActiveTab" | ||||
| @ -130,27 +130,11 @@ | ||||
|         " | ||||
|       > | ||||
|         <!-- Tabs --> | ||||
|         <BaseTabGroup | ||||
|           class="-mb-5" | ||||
|           :selected-index="selectedIndex" | ||||
|           @change="changeTabStatus" | ||||
|         > | ||||
|           <BaseTab | ||||
|             :title="invoiceTabStatus[0].title" | ||||
|             :tab-status="invoiceTabStatus[0].value" | ||||
|           /> | ||||
|           <BaseTab | ||||
|             :title="invoiceTabStatus[1].title" | ||||
|             :tab-status="invoiceTabStatus[1].value" | ||||
|           /> | ||||
|           <BaseTab | ||||
|             :title="invoiceTabStatus[2].title" | ||||
|             :tab-status="invoiceTabStatus[2].value" | ||||
|           /> | ||||
|           <BaseTab | ||||
|             :title="invoiceTabStatus[3].title" | ||||
|             :tab-status="invoiceTabStatus[3].value" | ||||
|           /> | ||||
|         <BaseTabGroup class="-mb-5" @change="setStatusFilter"> | ||||
|           <BaseTab :title="$t('general.all')" filter="" /> | ||||
|           <BaseTab :title="$t('general.draft')" filter="DRAFT" /> | ||||
|           <BaseTab :title="$t('general.sent')" filter="SENT" /> | ||||
|           <BaseTab :title="$t('general.due')" filter="DUE" /> | ||||
|         </BaseTabGroup> | ||||
|  | ||||
|         <BaseDropdown | ||||
| @ -305,10 +289,10 @@ const utils = inject('$utils') | ||||
| const table = ref(null) | ||||
| const showFilters = ref(false) | ||||
|  | ||||
| const invoiceStatus = ref([ | ||||
| const status = ref([ | ||||
|   { | ||||
|     label: 'Status', | ||||
|     options: ['DRAFT', 'SENT', 'VIEWED', 'COMPLETED'], | ||||
|     options: ['DRAFT', 'DUE', 'SENT', 'VIEWED', 'COMPLETED'], | ||||
|   }, | ||||
|   { | ||||
|     label: 'Paid Status', | ||||
| @ -316,29 +300,10 @@ const invoiceStatus = ref([ | ||||
|   }, | ||||
|   , | ||||
| ]) | ||||
|  | ||||
| const invoiceTabStatus = { | ||||
|   0: { | ||||
|     title: t('general.all'), | ||||
|     value: '', | ||||
|   }, | ||||
|   1: { | ||||
|     title: t('general.draft'), | ||||
|     value: 'DRAFT', | ||||
|   }, | ||||
|   2: { | ||||
|     title: t('general.sent'), | ||||
|     value: 'SENT', | ||||
|   }, | ||||
|   3: { | ||||
|     title: t('general.due'), | ||||
|     value: 'DUE', | ||||
|   }, | ||||
| } | ||||
| const isRequestOngoing = ref(true) | ||||
| const activeTab = ref('general.draft') | ||||
| const router = useRouter() | ||||
| const userStore = useUserStore() | ||||
| const selectedIndex = ref(0) | ||||
|  | ||||
| let filters = reactive({ | ||||
|   customer_id: '', | ||||
| @ -346,7 +311,6 @@ let filters = reactive({ | ||||
|   from_date: '', | ||||
|   to_date: '', | ||||
|   invoice_number: '', | ||||
|   tab_status: '', | ||||
| }) | ||||
|  | ||||
| const showEmptyScreen = computed( | ||||
| @ -437,7 +401,6 @@ async function fetchData({ page, filter, sort }) { | ||||
|     from_date: filters.from_date, | ||||
|     to_date: filters.to_date, | ||||
|     invoice_number: filters.invoice_number, | ||||
|     tab_status: filters.tab_status, | ||||
|     orderByField: sort.fieldName || 'created_at', | ||||
|     orderBy: sort.order || 'desc', | ||||
|     page, | ||||
| @ -460,9 +423,29 @@ async function fetchData({ page, filter, sort }) { | ||||
|   } | ||||
| } | ||||
|  | ||||
| function changeTabStatus(val, index) { | ||||
|   filters.tab_status = val['tab-status'] | ||||
|   selectedIndex.value = index | ||||
| function setStatusFilter(val) { | ||||
|   if (activeTab.value == val.title) { | ||||
|     return true | ||||
|   } | ||||
|  | ||||
|   activeTab.value = val.title | ||||
|  | ||||
|   switch (val.title) { | ||||
|     case t('general.draft'): | ||||
|       filters.status = 'DRAFT' | ||||
|       break | ||||
|     case t('general.sent'): | ||||
|       filters.status = 'SENT' | ||||
|       break | ||||
|  | ||||
|     case t('general.due'): | ||||
|       filters.status = 'DUE' | ||||
|       break | ||||
|  | ||||
|     default: | ||||
|       filters.status = '' | ||||
|       break | ||||
|   } | ||||
| } | ||||
|  | ||||
| function setFilters() { | ||||
| @ -480,6 +463,8 @@ function clearFilter() { | ||||
|   filters.from_date = '' | ||||
|   filters.to_date = '' | ||||
|   filters.invoice_number = '' | ||||
|  | ||||
|   activeTab.value = t('general.all') | ||||
| } | ||||
|  | ||||
| async function removeMultipleInvoices() { | ||||
| @ -520,21 +505,39 @@ function toggleFilter() { | ||||
| function setActiveTab(val) { | ||||
|   switch (val) { | ||||
|     case 'DRAFT': | ||||
|       selectedIndex.value = 1 | ||||
|       activeTab.value = t('general.draft') | ||||
|       break | ||||
|     case 'SENT': | ||||
|       activeTab.value = t('general.sent') | ||||
|       break | ||||
|  | ||||
|     case 'DUE': | ||||
|       activeTab.value = t('general.due') | ||||
|       break | ||||
|  | ||||
|     case 'SENT': | ||||
|     case 'VIEWED': | ||||
|     case 'COMPLETED': | ||||
|       activeTab.value = t('invoices.completed') | ||||
|       break | ||||
|  | ||||
|     case 'PAID': | ||||
|       selectedIndex.value = 2 | ||||
|       activeTab.value = t('invoices.paid') | ||||
|       break | ||||
|  | ||||
|     case 'UNPAID': | ||||
|       activeTab.value = t('invoices.unpaid') | ||||
|       break | ||||
|  | ||||
|     case 'PARTIALLY_PAID': | ||||
|       selectedIndex.value = 3 | ||||
|       activeTab.value = t('invoices.partially_paid') | ||||
|       break | ||||
|  | ||||
|     case 'VIEWED': | ||||
|       activeTab.value = t('invoices.viewed') | ||||
|       break | ||||
|  | ||||
|     default: | ||||
|       activeTab.value = t('general.all') | ||||
|       break | ||||
|   } | ||||
|   filters.tab_status = invoiceTabStatus[selectedIndex.value].value | ||||
| } | ||||
| </script> | ||||
|  | ||||
| @ -32,8 +32,6 @@ | ||||
|           :content-loading="isLoading" | ||||
|           :calendar-button="true" | ||||
|           calendar-button-icon="calendar" | ||||
|           :show-extra-options="true" | ||||
|           :source-date="invoiceStore.newInvoice.invoice_date" | ||||
|         /> | ||||
|       </BaseInputGroup> | ||||
|  | ||||
|  | ||||
| @ -82,9 +82,9 @@ | ||||
|             required | ||||
|           > | ||||
|             <BaseCustomerSelectInput | ||||
|               v-if="!isLoadingContent" | ||||
|               v-model="paymentStore.currentPayment.customer_id" | ||||
|               :content-loading="isLoadingContent" | ||||
|               v-if="!isLoadingContent" | ||||
|               :invalid="v$.currentPayment.customer_id.$error" | ||||
|               :placeholder="$t('customers.select_a_customer')" | ||||
|               show-action | ||||
| @ -423,7 +423,7 @@ function onCustomerChange(customer_id) { | ||||
|   if (customer_id) { | ||||
|     let data = { | ||||
|       customer_id: customer_id, | ||||
|       tab_status: 'DUE', | ||||
|       status: 'DUE', | ||||
|       limit: 'all', | ||||
|     } | ||||
|  | ||||
| @ -446,11 +446,7 @@ function onCustomerChange(customer_id) { | ||||
|           paymentStore.currentPayment.selectedCustomer = res2.data.data | ||||
|           paymentStore.currentPayment.customer = res2.data.data | ||||
|           paymentStore.currentPayment.currency = res2.data.data.currency | ||||
|           if ( | ||||
|             isEdit.value && | ||||
|             !customerStore.editCustomer && | ||||
|             paymentStore.currentPayment.customer_id | ||||
|           ) { | ||||
|           if(isEdit.value && !customerStore.editCustomer && paymentStore.currentPayment.customer_id) { | ||||
|             customerStore.editCustomer = res2.data.data | ||||
|           } | ||||
|         } | ||||
|  | ||||
| @ -28,19 +28,6 @@ | ||||
|           /> | ||||
|         </BaseInputGroup> | ||||
|  | ||||
|         <BaseInputGroup | ||||
|           :label="$tc('settings.company_info.company_slug')" | ||||
|           :help-text="$t('settings.company_info.company_slug_help_text')" | ||||
|           :error="v$.slug.$error && v$.slug.$errors[0].$message" | ||||
|           required | ||||
|         > | ||||
|           <BaseInput | ||||
|             v-model="companyForm.slug" | ||||
|             :invalid="v$.slug.$error" | ||||
|             @blur="v$.slug.$touch()" | ||||
|           /> | ||||
|         </BaseInputGroup> | ||||
|  | ||||
|         <BaseInputGroup :label="$tc('settings.company_info.phone')"> | ||||
|           <BaseInput v-model="companyForm.address.phone" /> | ||||
|         </BaseInputGroup> | ||||
| @ -173,7 +160,6 @@ let isSaving = ref(false) | ||||
|  | ||||
| const companyForm = reactive({ | ||||
|   name: null, | ||||
|   slug: null, | ||||
|   logo: null, | ||||
|   address: { | ||||
|     address_street_1: '', | ||||
| @ -207,14 +193,7 @@ const rules = computed(() => { | ||||
|     name: { | ||||
|       required: helpers.withMessage(t('validation.required'), required), | ||||
|       minLength: helpers.withMessage( | ||||
|         t('validation.name_min_length', { count: 3 }), | ||||
|         minLength(3) | ||||
|       ), | ||||
|     }, | ||||
|     slug: { | ||||
|       required: helpers.withMessage(t('validation.required'), required), | ||||
|       minLength: helpers.withMessage( | ||||
|         t('validation.name_min_length', { count: 3 }), | ||||
|         t('validation.name_min_length'), | ||||
|         minLength(3) | ||||
|       ), | ||||
|     }, | ||||
|  | ||||
| @ -8,11 +8,7 @@ | ||||
|         <BaseInputGroup | ||||
|           :content-loading="isFetchingInitialData" | ||||
|           :label="$tc('settings.preferences.currency')" | ||||
|           :help-text=" | ||||
|             isCurrencyDisabled | ||||
|               ? $t('settings.preferences.company_currency_unchangeable') | ||||
|               : '' | ||||
|           " | ||||
|           :help-text="$t('settings.preferences.company_currency_unchangeable')" | ||||
|           :error="v$.currency.$error && v$.currency.$errors[0].$message" | ||||
|           required | ||||
|         > | ||||
| @ -25,7 +21,7 @@ | ||||
|             :searchable="true" | ||||
|             track-by="name" | ||||
|             :invalid="v$.currency.$error" | ||||
|             :disabled="isCurrencyDisabled" | ||||
|             disabled | ||||
|             class="w-full" | ||||
|           > | ||||
|           </BaseMultiselect> | ||||
| @ -191,7 +187,6 @@ const { t, tm } = useI18n() | ||||
| let isSaving = ref(false) | ||||
| let isDataSaving = ref(false) | ||||
| let isFetchingInitialData = ref(false) | ||||
| let isCurrencyDisabled = ref(true) | ||||
|  | ||||
| const settingsForm = reactive({ ...companyStore.selectedCompanySettings }) | ||||
|  | ||||
| @ -287,14 +282,10 @@ setInitialData() | ||||
| async function setInitialData() { | ||||
|   isFetchingInitialData.value = true | ||||
|   Promise.all([ | ||||
|     companyStore.checkCompanyHasCurrencyTransactions(), | ||||
|     globalStore.fetchCurrencies(), | ||||
|     globalStore.fetchDateFormats(), | ||||
|     globalStore.fetchTimeZones(), | ||||
|   ]).then(([res1]) => { | ||||
|     if (res1.data?.has_transactions == false) { | ||||
|       isCurrencyDisabled.value = false | ||||
|     } | ||||
|     isFetchingInitialData.value = false | ||||
|   }) | ||||
| } | ||||
|  | ||||
| @ -1,101 +0,0 @@ | ||||
| <!-- This example requires Tailwind CSS v2.0+ --> | ||||
| <script lang="ts" setup> | ||||
| import { Switch, SwitchGroup, SwitchLabel } from '@headlessui/vue' | ||||
| import { useGlobalStore } from '@/scripts/admin/stores/global' | ||||
| import { computed, ref } from 'vue' | ||||
| defineProps({ | ||||
|   showLabel: { | ||||
|     type: Boolean, | ||||
|     default: true, | ||||
|   }, | ||||
|   vertical: { | ||||
|     type: Boolean, | ||||
|     default: false, | ||||
|   }, | ||||
| }) | ||||
|  | ||||
| const globalStore = useGlobalStore() | ||||
|  | ||||
| const enabled = ref( | ||||
|   localStorage.getItem('theme') === 'dark' || | ||||
|     document.documentElement.classList.contains('dark') | ||||
| ) | ||||
|  | ||||
| globalStore.isDarkModeOn = enabled | ||||
|  | ||||
| function onChange(val) { | ||||
|   if (val) { | ||||
|     localStorage.theme = 'dark' | ||||
|     document.documentElement.classList.add('dark') | ||||
|     document.documentElement.style.setProperty('color-scheme', 'dark') | ||||
|     globalStore.isDarkModeOn = true | ||||
|   } else { | ||||
|     localStorage.theme = 'light' | ||||
|     document.documentElement.classList.remove('dark') | ||||
|     document.documentElement.style.setProperty('color-scheme', 'light') | ||||
|     globalStore.isDarkModeOn = false | ||||
|   } | ||||
| } | ||||
| </script> | ||||
|  | ||||
| <template> | ||||
|   <div class="w-full flex justify-center"> | ||||
|     <SwitchGroup | ||||
|       as="div" | ||||
|       class="flex items-center" | ||||
|       :class="vertical ? 'flex-col justify-center' : 'flex-row'" | ||||
|     > | ||||
|       <Switch | ||||
|         v-model="enabled" | ||||
|         class="relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:ring-offset-gray-700" | ||||
|         :class="[enabled ? 'bg-primary-600' : 'bg-gray-200']" | ||||
|         @update:modelValue="onChange" | ||||
|       > | ||||
|         <span class="sr-only">Use setting</span> | ||||
|         <span | ||||
|           class="pointer-events-none relative inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200" | ||||
|           :class="[enabled ? 'translate-x-5' : 'translate-x-0']" | ||||
|         > | ||||
|           <span | ||||
|             class="absolute inset-0 h-full w-full flex items-center justify-center transition-opacity" | ||||
|             :class="[ | ||||
|               enabled | ||||
|                 ? 'opacity-0 ease-out duration-100' | ||||
|                 : 'opacity-100 ease-in duration-200', | ||||
|             ]" | ||||
|             aria-hidden="true" | ||||
|           > | ||||
|             <BaseIcon class="h-3 w-3 text-yellow-500" name="SunIcon" /> | ||||
|           </span> | ||||
|           <span | ||||
|             class="absolute inset-0 h-full w-full flex items-center justify-center transition-opacity" | ||||
|             :class="[ | ||||
|               enabled | ||||
|                 ? 'opacity-100 ease-in duration-200' | ||||
|                 : 'opacity-0 ease-out duration-100', | ||||
|             ]" | ||||
|             aria-hidden="true" | ||||
|           > | ||||
|             <BaseIcon class="h-3 w-3 text-primary-500" name="MoonIcon" /> | ||||
|           </span> | ||||
|         </span> | ||||
|       </Switch> | ||||
|       <SwitchLabel | ||||
|         v-if="showLabel" | ||||
|         as="span" | ||||
|         class="cursor-pointer" | ||||
|         :class="vertical ? 'px-1 text-center mt-2' : 'ml-3'" | ||||
|       > | ||||
|         <span | ||||
|           v-if="enabled" | ||||
|           class="text-sm font-medium text-gray-500 dark:text-gray-400" | ||||
|         > | ||||
|           Dark Mode | ||||
|         </span> | ||||
|         <span v-else class="text-sm font-medium text-gray-500"> | ||||
|           Light Mode | ||||
|         </span> | ||||
|       </SwitchLabel> | ||||
|     </SwitchGroup> | ||||
|   </div> | ||||
| </template> | ||||
| @ -437,22 +437,21 @@ export default { | ||||
|       required: false, | ||||
|       default: () => ({ | ||||
|         container: | ||||
|           'p-0 relative mx-auto w-full flex items-center justify-end box-border cursor-pointer border border-gray-200 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-sm leading-snug outline-none max-h-10', | ||||
|           'p-0 relative mx-auto w-full flex items-center justify-end box-border cursor-pointer border border-gray-200 rounded-md bg-white text-sm leading-snug outline-none max-h-10', | ||||
|         containerDisabled: | ||||
|           'bg-gray-200 bg-opacity-50 !text-gray-400 dark:!text-gray-800 !dark:text-gray-500 !cursor-default dark:opacity-25', | ||||
|           'cursor-default bg-gray-200 bg-opacity-50 !text-gray-400', | ||||
|         containerOpen: '', | ||||
|         containerOpenTop: '', | ||||
|         containerActive: 'ring-1 ring-primary-400 border-primary-400', | ||||
|         containerInvalid: | ||||
|           'border-red-500 ring-red-500 focus:ring-red-500 focus:border-red-500 dark:border-red-500 dark:ring-red-500 dark:focus:ring-red-500 dark:focus:border-red-500', | ||||
|         containerInvalidActive: | ||||
|           'ring-1 border-red-500 ring-red-500 dark:ring-1 dark:border-red-500 dark:ring-red-500', | ||||
|           'border-red-400 ring-red-400 focus:ring-red-400 focus:border-red-400', | ||||
|         containerInvalidActive: 'ring-1 border-red-400 ring-red-400', | ||||
|         singleLabel: | ||||
|           'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5 dark:text-white', | ||||
|           'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5', | ||||
|         multipleLabel: | ||||
|           'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5 dark:text-white', | ||||
|           'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5', | ||||
|         search: | ||||
|           'w-full absolute inset-0 outline-none appearance-none box-border border-0 text-sm font-sans bg-white rounded-md pl-3.5 border-transparent focus:border-transparent focus:ring-0 dark:bg-gray-700 dark:text-white', | ||||
|           'w-full absolute inset-0 outline-none appearance-none box-border border-0 text-sm font-sans bg-white rounded-md pl-3.5', | ||||
|         tags: 'grow shrink flex flex-wrap mt-1 pl-2', | ||||
|         tag: 'bg-primary-500 text-white text-sm font-semibold py-0.5 pl-2 rounded mr-1 mb-1 flex items-center whitespace-nowrap', | ||||
|         tagDisabled: 'pr-2 !bg-gray-400 text-white', | ||||
| @ -462,12 +461,12 @@ export default { | ||||
|           'bg-multiselect-remove text-white bg-center bg-no-repeat opacity-30 inline-block w-3 h-3 group-hover:opacity-60', | ||||
|         tagsSearchWrapper: 'inline-block relative mx-1 mb-1 grow shrink h-full', | ||||
|         tagsSearch: | ||||
|           'absolute inset-0 border-0 focus:outline-none !shadow-none !focus:shadow-none appearance-none p-0 sm:text-sm font-sans box-border w-full dark:bg-gray-700', | ||||
|           'absolute inset-0 border-0 focus:outline-none !shadow-none !focus:shadow-none appearance-none p-0 text-sm font-sans box-border w-full', | ||||
|         tagsSearchCopy: 'invisible whitespace-pre-wrap inline-block h-px', | ||||
|         placeholder: | ||||
|           'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5 text-gray-400 sm:text-sm dark:text-gray-500', | ||||
|           'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5 text-gray-400 text-sm', | ||||
|         caret: | ||||
|           'bg-multiselect-caret-black dark:bg-multiselect-caret-white bg-center bg-no-repeat w-5 h-5 py-px box-content z-5 relative mr-1 opacity-40 shrink-0 grow-0 transition-transform dark:text-white', | ||||
|           'bg-multiselect-caret bg-center bg-no-repeat w-5 h-5 py-px box-content z-5 relative mr-1 opacity-40 shrink-0 grow-0 transition-transform', | ||||
|         caretOpen: 'rotate-180 pointer-events-auto', | ||||
|         clear: | ||||
|           'pr-3.5 relative z-10 opacity-40 transition duration-300 shrink-0 grow-0 flex hover:opacity-80', | ||||
| @ -476,7 +475,7 @@ export default { | ||||
|         spinner: | ||||
|           'bg-multiselect-spinner bg-center bg-no-repeat w-4 h-4 z-10 mr-3.5 animate-spin shrink-0 grow-0', | ||||
|         dropdown: | ||||
|           'max-h-60 shadow-lg absolute -left-px -right-px -bottom-1 translate-y-full border border-gray-300 mt-1 overflow-y-auto z-50 bg-white dark:border-gray-600 flex flex-col rounded-md dark:bg-gray-800 dark:shadow-glass', | ||||
|           'max-h-60 shadow-lg absolute -left-px -right-px -bottom-1 translate-y-full border border-gray-300 mt-1 overflow-y-auto z-50 bg-white flex flex-col rounded-md', | ||||
|         dropdownTop: | ||||
|           '-translate-y-full -top-2 bottom-auto flex-col-reverse rounded-md', | ||||
|         dropdownHidden: 'hidden', | ||||
| @ -484,7 +483,7 @@ export default { | ||||
|         optionsTop: 'flex-col-reverse', | ||||
|         group: 'p-0 m-0', | ||||
|         groupLabel: | ||||
|           'flex text-sm box-border items-center justify-start text-left py-1 px-3 font-semibold bg-gray-200 dark:bg-gray-700 dark:text-gray-400 cursor-default leading-normal', | ||||
|           'flex text-sm box-border items-center justify-start text-left py-1 px-3 font-semibold bg-gray-200 cursor-default leading-normal', | ||||
|         groupLabelPointable: 'cursor-pointer', | ||||
|         groupLabelPointed: 'bg-gray-300 text-gray-700', | ||||
|         groupLabelSelected: 'bg-primary-600 text-white', | ||||
| @ -494,18 +493,15 @@ export default { | ||||
|           'text-primary-100 bg-primary-600 bg-opacity-50 cursor-not-allowed', | ||||
|         groupOptions: 'p-0 m-0', | ||||
|         option: | ||||
|           'flex items-center justify-start box-border text-left cursor-pointer text-sm leading-snug py-2 px-3 dark:text-gray-200', | ||||
|         optionPointed: | ||||
|           'text-gray-800 bg-gray-100 dark:text-white dark:bg-gray-700/30', | ||||
|           'flex items-center justify-start box-border text-left cursor-pointer text-sm leading-snug py-2 px-3', | ||||
|         optionPointed: 'text-gray-800 bg-gray-100', | ||||
|         optionSelected: 'text-white bg-primary-500', | ||||
|         optionDisabled: 'text-gray-300 cursor-not-allowed dark:text-gray-400', | ||||
|         optionDisabled: 'text-gray-300 cursor-not-allowed', | ||||
|         optionSelectedPointed: 'text-white bg-primary-500 opacity-90', | ||||
|         optionSelectedDisabled: | ||||
|           'text-primary-100 bg-primary-500 bg-opacity-50 cursor-not-allowed', | ||||
|         noOptions: | ||||
|           'py-2 px-3 text-gray-600 bg-white dark:bg-gray-700 dark:text-gray-200', | ||||
|         noResults: | ||||
|           'py-2 px-3 text-gray-600 bg-white dark:bg-gray-700 dark:text-gray-200', | ||||
|         noOptions: 'py-2 px-3 text-gray-600 bg-white', | ||||
|         noResults: 'py-2 px-3 text-gray-600 bg-white', | ||||
|         fakeInput: | ||||
|           'bg-transparent absolute left-0 right-0 -bottom-px w-full h-px border-0 p-0 appearance-none outline-none text-transparent', | ||||
|         spacer: 'h-9 py-px box-content', | ||||
|  | ||||
| @ -1,6 +1,6 @@ | ||||
| <template> | ||||
|   <nav> | ||||
|     <ol class="flex flex-wrap py-4 text-gray-900 rounded list-reset dark:text-gray-400"> | ||||
|     <ol class="flex flex-wrap py-4 text-gray-900 rounded list-reset"> | ||||
|       <slot /> | ||||
|     </ol> | ||||
|   </nav> | ||||
|  | ||||
| @ -8,9 +8,7 @@ | ||||
|         font-medium | ||||
|         leading-5 | ||||
|         text-gray-900 | ||||
|         dark:text-gray-400 | ||||
|         outline-none | ||||
|         dark:focus:ring-offset-gray-900 | ||||
|         focus:ring-2 focus:ring-offset-2 focus:ring-primary-400 | ||||
|       " | ||||
|       :to="to" | ||||
|  | ||||
| @ -1,7 +1,6 @@ | ||||
| <script setup> | ||||
| import { computed, ref } from 'vue' | ||||
| import SpinnerIcon from '@/scripts/components/icons/SpinnerIcon.vue' | ||||
|  | ||||
| const props = defineProps({ | ||||
|   contentLoading: { | ||||
|     type: Boolean, | ||||
| @ -10,7 +9,7 @@ const props = defineProps({ | ||||
|   defaultClass: { | ||||
|     type: String, | ||||
|     default: | ||||
|       'inline-flex whitespace-nowrap items-center border font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-gray-800', | ||||
|       'inline-flex whitespace-nowrap items-center border font-medium focus:outline-none focus:ring-2 focus:ring-offset-2', | ||||
|   }, | ||||
|   tag: { | ||||
|     type: String, | ||||
| @ -28,10 +27,6 @@ const props = defineProps({ | ||||
|     type: Boolean, | ||||
|     default: false, | ||||
|   }, | ||||
|   loadingRight: { | ||||
|     type: Boolean, | ||||
|     default: false, | ||||
|   }, | ||||
|   size: { | ||||
|     type: String, | ||||
|     default: 'md', | ||||
| @ -86,17 +81,17 @@ const placeHolderSize = computed(() => { | ||||
|  | ||||
| const variantClass = computed(() => { | ||||
|   return { | ||||
|     'border-transparent shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:ring-primary-500 dark:bg-primary-500 dark:hover:bg-primary-600': | ||||
|     'border-transparent shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:ring-primary-500': | ||||
|       props.variant === 'primary', | ||||
|     'border-transparent text-primary-700 bg-primary-100 hover:bg-primary-200 focus:ring-primary-500': | ||||
|       props.variant === 'secondary', | ||||
|     'border-transparent border-solid border-primary-500 font-normal transition ease-in-out duration-150 text-primary-500 hover:bg-primary-100 shadow-inner focus:ring-primary-500 dark:text-primary-400 dark:border-primary-400 dark:hover:bg-transparent dark:hover:text-primary-500 dark:hover:border-primary-500': | ||||
|     'border-transparent  border-solid border-primary-500 font-normal transition ease-in-out duration-150 text-primary-500 hover:bg-primary-200 shadow-inner focus:ring-primary-500': | ||||
|       props.variant == 'primary-outline', | ||||
|     'border-gray-200 text-gray-700 bg-white hover:bg-gray-50 focus:ring-primary-500 focus:ring-offset-0 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-900': | ||||
|     'border-gray-200 text-gray-700 bg-white hover:bg-gray-50 focus:ring-primary-500 focus:ring-offset-0': | ||||
|       props.variant == 'white', | ||||
|     'border-transparent shadow-sm text-white bg-red-600 hover:bg-red-700 focus:ring-red-500': | ||||
|       props.variant === 'danger', | ||||
|     'border-transparent bg-gray-200 border hover:bg-opacity-60 focus:ring-gray-500 focus:ring-offset-0 dark:bg-gray-600 dark:text-white dark:hover:bg-opacity-60': | ||||
|     'border-transparent bg-gray-200 border hover:bg-opacity-60 focus:ring-gray-500 focus:ring-offset-0': | ||||
|       props.variant === 'gray', | ||||
|   } | ||||
| }) | ||||
| @ -129,13 +124,6 @@ const iconRightClass = computed(() => { | ||||
|     'ml-3 -mr-1 h-5 w-5': props.size === 'lg' || props.size === 'xl', | ||||
|   } | ||||
| }) | ||||
|  | ||||
| const buttonDisabledClass = computed(() => { | ||||
|   if (props.disabled || props.loading) | ||||
|     return 'cursor-not-allowed bg-opacity-70 dark:!bg-opacity-40 hover:!bg-opacity-70 pointer-event-none' | ||||
|  | ||||
|   return '' | ||||
| }) | ||||
| </script> | ||||
|  | ||||
| <template> | ||||
| @ -153,17 +141,15 @@ const buttonDisabledClass = computed(() => { | ||||
|   <BaseCustomTag | ||||
|     v-else | ||||
|     :tag="tag" | ||||
|     :disabled="disabled || loading" | ||||
|     :class="[defaultClass, sizeClass, variantClass, roundedClass, buttonDisabledClass]" | ||||
|     :disabled="disabled" | ||||
|     :class="[defaultClass, sizeClass, variantClass, roundedClass]" | ||||
|   > | ||||
|     <SpinnerIcon v-if="loading && !loadingRight" :class="[iconLeftClass, iconVariantClass]" /> | ||||
|     <SpinnerIcon v-if="loading" :class="[iconLeftClass, iconVariantClass]" /> | ||||
|  | ||||
|     <slot v-else name="left" :class="iconLeftClass" /> | ||||
|     <slot v-else name="left" :class="iconLeftClass"></slot> | ||||
|  | ||||
|     <slot /> | ||||
|  | ||||
|     <SpinnerIcon v-if="loading && loadingRight" :class="[iconRightClass, iconVariantClass]" /> | ||||
|  | ||||
|     <slot v-else name="right" :class="[iconRightClass, iconVariantClass]" /> | ||||
|     <slot name="right" :class="[iconRightClass, iconVariantClass]"></slot> | ||||
|   </BaseCustomTag> | ||||
| </template> | ||||
|  | ||||
| @ -1,9 +1,5 @@ | ||||
| <template> | ||||
|   <div | ||||
|     class="bg-white rounded-lg shadow dark:bg-gray-800 dark:text-white dark:shadow-glass dark:border dark:border-white/10 dark:bg-gray-800/70 relative" | ||||
|   > | ||||
|     <BaseDarkHighlight class="z-[-1] mt-10" /> | ||||
|  | ||||
|   <div class="bg-white rounded-lg shadow"> | ||||
|     <div | ||||
|       v-if="hasHeaderSlot" | ||||
|       class="px-5 py-4 text-black border-b border-gray-100 border-solid" | ||||
|  | ||||
| @ -39,8 +39,6 @@ $base-content-placeholders-border-radius: 6px !default; | ||||
| $base-content-placeholders-line-height: 15px !default; | ||||
| $base-content-placeholders-spacing: 10px !default; | ||||
|  | ||||
| $base-content-placeholders-primary-color-dark: rgb(71, 85, 105) !default; | ||||
| $base-content-placeholders-secondary-color-dark: rgb(71, 85, 105) !default; | ||||
| // Animations | ||||
| @keyframes vueContentPlaceholdersAnimation { | ||||
|   0% { | ||||
| @ -59,10 +57,6 @@ $base-content-placeholders-secondary-color-dark: rgb(71, 85, 105) !default; | ||||
|   min-height: $base-content-placeholders-line-height; | ||||
|   background: $base-content-placeholders-secondary-color; | ||||
|  | ||||
|   .dark & { | ||||
|     background: $base-content-placeholders-secondary-color-dark; | ||||
|   } | ||||
|  | ||||
|   .base-content-placeholders-is-rounded & { | ||||
|     border-radius: $base-content-placeholders-border-radius; | ||||
|   } | ||||
| @ -92,15 +86,6 @@ $base-content-placeholders-secondary-color-dark: rgb(71, 85, 105) !default; | ||||
|     animation-name: vueContentPlaceholdersAnimation; | ||||
|     animation-timing-function: linear; | ||||
|   } | ||||
|  | ||||
|   .dark .base-content-placeholders-is-animated &::before { | ||||
|     background: linear-gradient( | ||||
|       to right, | ||||
|       transparent 0%, | ||||
|       darken($base-content-placeholders-secondary-color-dark, 5%) 15%, | ||||
|       transparent 30% | ||||
|     ); | ||||
|   } | ||||
| } | ||||
|  | ||||
| @mixin base-content-placeholders-spacing { | ||||
| @ -171,10 +156,6 @@ $base-content-placeholders-secondary-color-dark: rgb(71, 85, 105) !default; | ||||
|   min-height: $base-content-placeholders-line-height; | ||||
|   background: $base-content-placeholders-secondary-color; | ||||
|  | ||||
|   .dark & { | ||||
|     background: $base-content-placeholders-secondary-color-dark; | ||||
|   } | ||||
|    | ||||
|   .base-content-placeholders-is-animated &::before { | ||||
|     content: ''; | ||||
|     position: absolute; | ||||
| @ -196,14 +177,6 @@ $base-content-placeholders-secondary-color-dark: rgb(71, 85, 105) !default; | ||||
|     animation-timing-function: linear; | ||||
|   } | ||||
|  | ||||
|     .dark .base-content-placeholders-is-animated &::before { | ||||
|       background: linear-gradient( | ||||
|       to right, | ||||
|       transparent 0%, | ||||
|       darken($base-content-placeholders-secondary-color-dark, 5%) 15%, | ||||
|       transparent 30% | ||||
|     ); | ||||
|   } | ||||
|   // @include base-content-placeholders-spacing; | ||||
| } | ||||
|  | ||||
|  | ||||
| @ -40,7 +40,6 @@ | ||||
|                 font-normal | ||||
|                 cursor-pointer | ||||
|                 hover:bg-gray-100 | ||||
|                 dark:hover:bg-gray-700/60 | ||||
|                 rounded | ||||
|                 ml-1 | ||||
|                 py-0.5 | ||||
| @ -127,7 +126,7 @@ onMounted(() => { | ||||
| }) | ||||
|  | ||||
| const value = computed({ | ||||
|   get: () => (props.modelValue ? props.modelValue : ''), | ||||
|   get: () => props.modelValue, | ||||
|   set: (value) => { | ||||
|     emit('update:modelValue', value) | ||||
|   }, | ||||
| @ -196,9 +195,7 @@ async function getFields() { | ||||
|           { label: 'Date', value: 'INVOICE_DATE' }, | ||||
|           { label: 'Due Date', value: 'INVOICE_DUE_DATE' }, | ||||
|           { label: 'Number', value: 'INVOICE_NUMBER' }, | ||||
|           { label: 'PDF Link', value: 'PDF_LINK' }, | ||||
|           { label: 'Due Amount', value: 'DUE_AMOUNT' }, | ||||
|           { label: 'Total Amount', value: 'TOTAL_AMOUNT' }, | ||||
|           { label: 'Ref Number', value: 'INVOICE_REF_NUMBER' }, | ||||
|           ...invoiceFields.value.map((i) => ({ | ||||
|             label: i.label, | ||||
|             value: i.slug, | ||||
| @ -214,8 +211,7 @@ async function getFields() { | ||||
|           { label: 'Date', value: 'ESTIMATE_DATE' }, | ||||
|           { label: 'Expiry Date', value: 'ESTIMATE_EXPIRY_DATE' }, | ||||
|           { label: 'Number', value: 'ESTIMATE_NUMBER' }, | ||||
|           { label: 'PDF Link', value: 'PDF_LINK' }, | ||||
|           { label: 'Total Amount', value: 'TOTAL_AMOUNT' }, | ||||
|           { label: 'Ref Number', value: 'ESTIMATE_REF_NUMBER' }, | ||||
|           ...estimateFields.value.map((i) => ({ | ||||
|             label: i.label, | ||||
|             value: i.slug, | ||||
| @ -232,7 +228,6 @@ async function getFields() { | ||||
|           { label: 'Number', value: 'PAYMENT_NUMBER' }, | ||||
|           { label: 'Mode', value: 'PAYMENT_MODE' }, | ||||
|           { label: 'Amount', value: 'PAYMENT_AMOUNT' }, | ||||
|           { label: 'PDF Link', value: 'PDF_LINK' }, | ||||
|           ...paymentFields.value.map((i) => ({ | ||||
|             label: i.label, | ||||
|             value: i.slug, | ||||
|  | ||||
| @ -1,7 +1,7 @@ | ||||
| <template> | ||||
|   <div | ||||
|     v-if="address" | ||||
|     class="text-sm font-bold leading-5 text-black non-italic space-y-1 dark:text-white" | ||||
|     class="text-sm font-bold leading-5 text-black non-italic space-y-1" | ||||
|   > | ||||
|     <p v-if="address?.address_street_1">{{ address?.address_street_1 }},</p> | ||||
|  | ||||
|  | ||||
| @ -20,7 +20,6 @@ | ||||
|         border border-gray-200 border-solid | ||||
|         min-h-[170px] | ||||
|         rounded-md | ||||
|         dark:border-white/10 dark:bg-gray-800/50 | ||||
|       " | ||||
|       @click.stop | ||||
|     > | ||||
| @ -28,7 +27,7 @@ | ||||
|         <BaseText | ||||
|           :text="selectedCustomer.name" | ||||
|           :length="30" | ||||
|           class="flex-1 text-base font-medium text-left text-gray-900 dark:text-white" | ||||
|           class="flex-1 text-base font-medium text-left text-gray-900" | ||||
|         /> | ||||
|         <div class="flex"> | ||||
|           <a | ||||
| @ -193,7 +192,6 @@ | ||||
|             border border-gray-200 border-solid | ||||
|             rounded-md | ||||
|             min-h-[170px] | ||||
|             dark:border-white/10 dark:bg-gray-700/60 dark:text-white | ||||
|           " | ||||
|         > | ||||
|           <BaseIcon | ||||
| @ -209,12 +207,11 @@ | ||||
|               bg-gray-200 | ||||
|               rounded-full | ||||
|               font-base | ||||
|               dark:bg-gray-700 | ||||
|             " | ||||
|           /> | ||||
|  | ||||
|           <div class="mt-1"> | ||||
|             <label class="text-lg font-medium text-gray-900 dark:text-white"> | ||||
|             <label class="text-lg font-medium text-gray-900"> | ||||
|               {{ $t('customers.new_customer') }} | ||||
|               <span class="text-red-500"> * </span> | ||||
|             </label> | ||||
| @ -249,11 +246,6 @@ | ||||
|               shadow-lg | ||||
|               ring-1 ring-black ring-opacity-5 | ||||
|               bg-white | ||||
|                dark:border | ||||
|               dark:border-white/10 | ||||
|               dark:bg-gray-800 | ||||
|               dark:text-white | ||||
|               dark:shadow-glass | ||||
|             " | ||||
|           > | ||||
|             <div class="relative"> | ||||
| @ -273,7 +265,6 @@ | ||||
|                   overflow-auto | ||||
|                   list | ||||
|                   border-t border-gray-200 | ||||
|                   dark:border-white/10 | ||||
|                 " | ||||
|               > | ||||
|                 <li | ||||
| @ -289,7 +280,6 @@ | ||||
|                     hover:cursor-pointer hover:bg-gray-100 | ||||
|                     focus:outline-none focus:bg-gray-100 | ||||
|                     last:border-b-0 | ||||
|                     dark:border-white/10 dark:hover:bg-gray-700/30 | ||||
|                   " | ||||
|                   @click="selectNewCustomer(customer.id, close)" | ||||
|                 > | ||||
| @ -309,7 +299,6 @@ | ||||
|                       bg-gray-300 | ||||
|                       rounded-full | ||||
|                       avatar | ||||
|                       dark:bg-gray-600 | ||||
|                     " | ||||
|                   > | ||||
|                     {{ initGenerator(customer.name) }} | ||||
| @ -344,9 +333,9 @@ | ||||
|                 </li> | ||||
|                 <div | ||||
|                   v-if="customerStore.customers.length === 0" | ||||
|                   class="flex justify-center p-5 text-gray-400 dark:text-gray-300" | ||||
|                   class="flex justify-center p-5 text-gray-400" | ||||
|                 > | ||||
|                   <label class="text-base text-gray-500 cursor-pointer dark:text-gray-300"> | ||||
|                   <label class="text-base text-gray-500 cursor-pointer"> | ||||
|                     {{ $t('customers.no_customers_found') }} | ||||
|                   </label> | ||||
|                 </div> | ||||
| @ -368,10 +357,6 @@ | ||||
|                 border-none | ||||
|                 outline-none | ||||
|                 focus:bg-gray-300 | ||||
|                 dark:bg-gray-600/70 | ||||
|                 dark:shadow-glass | ||||
|                 dark:backdrop-blur-xl | ||||
|                 dark:hover:bg-gray-600/80 | ||||
|               " | ||||
|               @click="openCustomerModal" | ||||
|             > | ||||
|  | ||||
| @ -1,21 +0,0 @@ | ||||
| <template> | ||||
|   <div | ||||
|     class=" | ||||
|       hidden | ||||
|       top-0 | ||||
|       w-full | ||||
|       absolute | ||||
|       ml-auto | ||||
|       mr-auto | ||||
|       left-0 | ||||
|       right-0 | ||||
|       text-center | ||||
|       h-full | ||||
|       rounded-full | ||||
|       bg-highlight/[.10] | ||||
|       blur-2xl | ||||
|       dark:block | ||||
|       z-[-1] | ||||
|     " | ||||
|   /> | ||||
| </template> | ||||
| @ -7,108 +7,52 @@ | ||||
|     /> | ||||
|   </BaseContentPlaceholders> | ||||
|  | ||||
|   <div v-else :class="computedContainerClass"> | ||||
|     <date-picker | ||||
|       ref="vCalendar" | ||||
|       v-model="date" | ||||
|       :mode="mode" | ||||
|       :is24hr="time24hr" | ||||
|       class="w-full" | ||||
|       color="indigo" | ||||
|       :input-debounce="500" | ||||
|       :update-on-input="false" | ||||
|       :is-range="false" | ||||
|       trim-weeks | ||||
|       :is-required="isRequired" | ||||
|       :popover="{ | ||||
|         visibility: disabled ? 'hidden' : 'focus', | ||||
|         showDelay: 0, | ||||
|         hideDelay: 1, | ||||
|       }" | ||||
|       :attributes="attrs" | ||||
|       :model-config="config" | ||||
|       :masks="masks" | ||||
|       :locale="global.locale" | ||||
|   <div v-else :class="computedContainerClass" class="relative flex flex-row"> | ||||
|     <svg | ||||
|       v-if="showCalendarIcon && !hasIconSlot" | ||||
|       viewBox="0 0 20 20" | ||||
|       fill="currentColor" | ||||
|       class=" | ||||
|         absolute | ||||
|         w-4 | ||||
|         h-4 | ||||
|         mx-2 | ||||
|         my-2.5 | ||||
|         text-sm | ||||
|         not-italic | ||||
|         font-black | ||||
|         text-gray-400 | ||||
|         cursor-pointer | ||||
|       " | ||||
|       @click="onClickDp" | ||||
|     > | ||||
|       <template | ||||
|         #default="{ inputValue, inputEvents, togglePopover, hidePopover }" | ||||
|       > | ||||
|         <!-- calendar icon --> | ||||
|         <svg | ||||
|           v-if="showCalendarIcon && !hasIconSlot" | ||||
|           viewBox="0 0 20 20" | ||||
|           fill="currentColor" | ||||
|           class=" | ||||
|             absolute | ||||
|             w-4 | ||||
|             h-4 | ||||
|             mx-2 | ||||
|             my-2.5 | ||||
|             text-sm | ||||
|             not-italic | ||||
|             font-black | ||||
|             text-gray-400 | ||||
|             cursor-pointer | ||||
|           " | ||||
|           @click="togglePopover()" | ||||
|         > | ||||
|           <path | ||||
|             fill-rule="evenodd" | ||||
|             d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" | ||||
|             clip-rule="evenodd" | ||||
|           ></path> | ||||
|         </svg> | ||||
|       <path | ||||
|         fill-rule="evenodd" | ||||
|         d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" | ||||
|         clip-rule="evenodd" | ||||
|       ></path> | ||||
|     </svg> | ||||
|  | ||||
|         <slot v-if="showCalendarIcon && hasIconSlot" name="icon" /> | ||||
|     <slot v-if="showCalendarIcon && hasIconSlot" name="icon" /> | ||||
|  | ||||
|         <input | ||||
|           :value="inputValue" | ||||
|           :class="[defaultInputClass, inputInvalidClass, inputDisabledClass]" | ||||
|           readonly | ||||
|           v-on="inputEvents" | ||||
|           @blur="hidePopover()" | ||||
|         /> | ||||
|       </template> | ||||
|  | ||||
|       <template v-if="showExtraOptions" #footer> | ||||
|         <div | ||||
|           class="bg-gray-100 grid grid-cols-3 gap-2 p-2 border-t rounded-b-lg" | ||||
|         > | ||||
|           <button type="button" class="extra-button" @click="moveToDate(sourceDate)"> | ||||
|             {{ global.t('date_picker.same_day') }} | ||||
|           </button> | ||||
|  | ||||
|           <button type="button" class="extra-button" @click="withInDays(7)"> | ||||
|             {{ global.t('date_picker.within_7_days') }} | ||||
|           </button> | ||||
|  | ||||
|           <button type="button" class="extra-button" @click="withInDays(15)"> | ||||
|             {{ global.t('date_picker.within_15_days') }} | ||||
|           </button> | ||||
|  | ||||
|           <button type="button" class="extra-button" @click="withInDays(30)"> | ||||
|             {{ global.t('date_picker.within_30_days') }} | ||||
|           </button> | ||||
|  | ||||
|           <button type="button" class="extra-button" @click="withInDays(45)"> | ||||
|             {{ global.t('date_picker.within_45_days') }} | ||||
|           </button> | ||||
|  | ||||
|           <button type="button" class="extra-button" @click="withInDays(60)"> | ||||
|             {{ global.t('date_picker.within_60_days') }} | ||||
|           </button> | ||||
|         </div> | ||||
|       </template> | ||||
|     </date-picker> | ||||
|     <FlatPickr | ||||
|       ref="dp" | ||||
|       v-model="date" | ||||
|       v-bind="$attrs" | ||||
|       :disabled="disabled" | ||||
|       :config="config" | ||||
|       :class="[defaultInputClass, inputInvalidClass, inputDisabledClass]" | ||||
|     /> | ||||
|   </div> | ||||
| </template> | ||||
|  | ||||
| <script type="text/babel" setup> | ||||
| import { Calendar, DatePicker } from 'v-calendar' | ||||
| import 'v-calendar/dist/style.css' | ||||
| import FlatPickr from 'vue-flatpickr-component' | ||||
| import 'flatpickr/dist/flatpickr.css' | ||||
| import { computed, reactive, watch, ref, useSlots } from 'vue' | ||||
| import { useCompanyStore } from '@/scripts/admin/stores/company' | ||||
| import moment from 'moment' | ||||
|  | ||||
| const dp = ref(null) | ||||
|  | ||||
| const props = defineProps({ | ||||
|   modelValue: { | ||||
| @ -146,31 +90,36 @@ const props = defineProps({ | ||||
|   defaultInputClass: { | ||||
|     type: String, | ||||
|     default: | ||||
|       'border-2 font-base pl-8 py-2 outline-none focus:ring-primary-400 focus:outline-none focus:border-primary-400 block w-full sm:text-sm border-gray-200 rounded-md text-black', | ||||
|       'font-base pl-8 py-2 outline-none focus:ring-primary-400 focus:outline-none focus:border-primary-400 block w-full sm:text-sm border-gray-200 rounded-md text-black', | ||||
|   }, | ||||
|   time24hr: { | ||||
|     type: Boolean, | ||||
|     default: false, | ||||
|   }, | ||||
|   isRequired: { | ||||
|     type: Boolean, | ||||
|     default: false, | ||||
|   }, | ||||
|   showExtraOptions: { | ||||
|     type: Boolean, | ||||
|     default: false, | ||||
|   }, | ||||
|   sourceDate: { | ||||
|     type: [String, Date], | ||||
|     default: () => new Date(), | ||||
|   } | ||||
| }) | ||||
|  | ||||
| const emit = defineEmits(['update:modelValue']) | ||||
|  | ||||
| const slots = useSlots() | ||||
|  | ||||
| const companyStore = useCompanyStore() | ||||
| const { global } = window.i18n | ||||
| const vCalendar = ref(null) | ||||
|  | ||||
| let config = reactive({ | ||||
|   altInput: true, | ||||
|   enableTime: props.enableTime, | ||||
|   time_24hr: props.time24hr, | ||||
| }) | ||||
|  | ||||
| const date = computed({ | ||||
|   get: () => props.modelValue, | ||||
|   set: (value) => { | ||||
|     emit('update:modelValue', value) | ||||
|   }, | ||||
| }) | ||||
|  | ||||
| const carbonFormat = computed(() => { | ||||
|   return companyStore.selectedCompanySettings?.carbon_date_format | ||||
| }) | ||||
|  | ||||
| const hasIconSlot = computed(() => { | ||||
|   return !!slots.icon | ||||
| @ -186,6 +135,7 @@ const inputInvalidClass = computed(() => { | ||||
|   if (props.invalid) { | ||||
|     return 'border-red-400 ring-red-400 focus:ring-red-400 focus:border-red-400' | ||||
|   } | ||||
|  | ||||
|   return '' | ||||
| }) | ||||
|  | ||||
| @ -193,97 +143,35 @@ const inputDisabledClass = computed(() => { | ||||
|   if (props.disabled) { | ||||
|     return 'border border-solid rounded-md outline-none input-field box-border-2 base-date-picker-input placeholder-gray-400 bg-gray-200 text-gray-600 border-gray-200' | ||||
|   } | ||||
|  | ||||
|   return '' | ||||
| }) | ||||
|  | ||||
| // to convert YYYY-MM-DD | YYYY-MM-DD HH:mm format | ||||
| function convertYMDFormat(date) { | ||||
|   let format = props.enableTime ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD' | ||||
|   return date ? moment(date).format(format) : date | ||||
| function onClickDp(params) { | ||||
|   dp.value.fp.open() | ||||
| } | ||||
|  | ||||
| const date = computed({ | ||||
|   get: () => props.modelValue, | ||||
|   set: (value) => { | ||||
|     emit('update:modelValue', value) | ||||
|   }, | ||||
| }) | ||||
|  | ||||
| const mode = computed(() => { | ||||
|   return props.enableTime ? 'dateTime' : 'date' | ||||
| }) | ||||
|  | ||||
| const config = reactive({ | ||||
|   type: 'string', | ||||
|   mask: 'YYYY-MM-DD', // Uses 'iso' if missing | ||||
|   //timeAdjust: '00:00:00', | ||||
| }) | ||||
|  | ||||
| const masks = reactive({ | ||||
|   input: null, | ||||
|   inputDateTime: null, | ||||
|   inputDateTime24hr: null, | ||||
| }) | ||||
|  | ||||
| const attrs = reactive([ | ||||
|   { | ||||
|     dates: new Date(), | ||||
|     highlight: { | ||||
|       fillMode: 'outline', | ||||
|     }, | ||||
|     /* popover: { | ||||
|       label: 'Today Date', | ||||
|       visibility: 'hover', | ||||
|     }, */ | ||||
|   }, | ||||
| ]) | ||||
|  | ||||
| const carbonFormat = computed(() => { | ||||
|   return companyStore.selectedCompanySettings?.moment_date_format | ||||
| }) | ||||
|  | ||||
| watch( | ||||
|   () => carbonFormat, | ||||
|   () => { | ||||
|     if (!props.enableTime) { | ||||
|       masks.input = carbonFormat.value ? carbonFormat.value : 'DD MMM YYYY' | ||||
|       config.mask = 'YYYY-MM-DD' | ||||
|     } else { | ||||
|       let timeFormat = 'HH:mm' | ||||
|       if (props.time24hr) { | ||||
|         masks.inputDateTime24hr = carbonFormat.value | ||||
|           ? `${carbonFormat.value} ${timeFormat}` | ||||
|           : `DD MMM YYYY ${timeFormat}` | ||||
|       } else { | ||||
|         masks.inputDateTime = carbonFormat.value | ||||
|           ? `${carbonFormat.value} ${timeFormat}` | ||||
|           : `DD MMM YYYY ${timeFormat}` | ||||
|       } | ||||
|       config.mask = `YYYY-MM-DD ${timeFormat}` | ||||
|   () => props.enableTime, | ||||
|   (val) => { | ||||
|     if (props.enableTime) { | ||||
|       config.enableTime = props.enableTime | ||||
|     } | ||||
|   }, | ||||
|   { immediate: true } | ||||
| ) | ||||
|  | ||||
| async function moveToDate(_date) { | ||||
|   const calendar = vCalendar.value | ||||
|   _date = _date ? _date : convertYMDFormat(new Date()) | ||||
|   date.value = _date | ||||
|   // await calendar.move(_date) | ||||
|   calendar.hidePopover() | ||||
| } | ||||
|  | ||||
| async function withInDays(noOfDays) { | ||||
|   if (!noOfDays) return false | ||||
|  | ||||
|   let newDate = moment(props.sourceDate).add(noOfDays, 'days').toDate() | ||||
|   newDate = convertYMDFormat(newDate) | ||||
|   moveToDate(newDate) | ||||
| } | ||||
| watch( | ||||
|   () => carbonFormat, | ||||
|   () => { | ||||
|     if (!props.enableTime) { | ||||
|       config.altFormat = carbonFormat.value ? carbonFormat.value : 'd M Y' | ||||
|     } else { | ||||
|       config.altFormat = carbonFormat.value | ||||
|         ? `${carbonFormat.value} H:i ` | ||||
|         : 'd M Y H:i' | ||||
|     } | ||||
|   }, | ||||
|   { immediate: true } | ||||
| ) | ||||
| </script> | ||||
|  | ||||
| <style scoped> | ||||
| .extra-button { | ||||
|   @apply bg-primary-500 text-white text-sm font-semibold px-2 py-1 rounded hover:bg-primary-700; | ||||
| } | ||||
| </style> | ||||
|  | ||||
| @ -30,13 +30,8 @@ | ||||
|           leave-to="opacity-0" | ||||
|         > | ||||
|           <DialogOverlay | ||||
|             class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75 dark:backdrop-blur-xl dark:bg-gray-900/80" | ||||
|           > | ||||
|            <BaseDarkHighlight | ||||
|             class="!bg-highlight/[.17] !top-1/2 h-60 -translate-y-1/2 mt-5" | ||||
|             :class="dialogSizeClasses" | ||||
|             class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" | ||||
|           /> | ||||
|           </DialogOverlay> | ||||
|         </TransitionChild> | ||||
|  | ||||
|         <!-- This element is to trick the browser into centering the modal contents. --> | ||||
| @ -69,11 +64,6 @@ | ||||
|               shadow-xl | ||||
|               sm:my-8 sm:align-middle sm:w-full sm:p-6 | ||||
|               relative | ||||
|               dark:backdrop-blur-xl | ||||
|               dark:shadow-glass | ||||
|               dark:border | ||||
|               dark:border-white/10 | ||||
|               dark:bg-gray-800 | ||||
|             " | ||||
|             :class="dialogSizeClasses" | ||||
|           > | ||||
| @ -90,31 +80,31 @@ | ||||
|                   rounded-full | ||||
|                 " | ||||
|                 :class="{ | ||||
|                   'bg-green-100 dark:bg-primary-500': dialogStore.variant === 'primary', | ||||
|                   'bg-red-100 dark:bg-red-500': dialogStore.variant === 'danger', | ||||
|                   'bg-green-100': dialogStore.variant === 'primary', | ||||
|                   'bg-red-100': dialogStore.variant === 'danger', | ||||
|                 }" | ||||
|               > | ||||
|                 <BaseIcon | ||||
|                   v-if="dialogStore.variant === 'primary'" | ||||
|                   name="CheckIcon" | ||||
|                   class="w-6 h-6 text-green-600 dark:text-white" | ||||
|                   class="w-6 h-6 text-green-600" | ||||
|                 /> | ||||
|                 <BaseIcon | ||||
|                   v-else | ||||
|                   name="ExclamationIcon" | ||||
|                   class="w-6 h-6 text-red-600 dark:text-white" | ||||
|                   class="w-6 h-6 text-red-600" | ||||
|                   aria-hidden="true" | ||||
|                 /> | ||||
|               </div> | ||||
|               <div class="mt-3 text-center sm:mt-5"> | ||||
|                 <DialogTitle | ||||
|                   as="h3" | ||||
|                   class="text-lg font-medium leading-6 text-gray-900 dark:text-white" | ||||
|                   class="text-lg font-medium leading-6 text-gray-900" | ||||
|                 > | ||||
|                   {{ dialogStore.title }} | ||||
|                 </DialogTitle> | ||||
|                 <div class="mt-2"> | ||||
|                   <p class="text-sm text-gray-500 dark:text-gray-400"> | ||||
|                   <p class="text-sm text-gray-500"> | ||||
|                     {{ dialogStore.message }} | ||||
|                   </p> | ||||
|                 </div> | ||||
|  | ||||
| @ -7,7 +7,7 @@ | ||||
|     leave-from-class="opacity-100" | ||||
|     leave-to-class="opacity-0" | ||||
|   > | ||||
|     <div v-show="show" class="relative z-10 p-4 md:p-8 bg-gray-200 rounded dark:bg-gray-800"> | ||||
|     <div v-show="show" class="relative z-10 p-4 md:p-8 bg-gray-200 rounded"> | ||||
|       <slot name="filter-header" /> | ||||
|  | ||||
|       <label | ||||
| @ -20,7 +20,6 @@ | ||||
|           hover:text-gray-700 | ||||
|           top-2.5 | ||||
|           right-3.5 | ||||
|           dark:text-gray-300 | ||||
|         " | ||||
|         @click="$emit('clear')" | ||||
|       > | ||||
|  | ||||
| @ -1,7 +1,7 @@ | ||||
| <template> | ||||
|   <div class="flex flex-wrap justify-between"> | ||||
|     <div> | ||||
|       <h3 class="text-2xl font-bold text-left text-black dark:text-white"> | ||||
|       <h3 class="text-2xl font-bold text-left text-black"> | ||||
|         {{ title }} | ||||
|       </h3> | ||||
|       <slot /> | ||||
|  | ||||
| @ -7,7 +7,7 @@ | ||||
|  | ||||
|       <Switch | ||||
|         v-model="enabled" | ||||
|         :class="enabled ? 'bg-primary-500' : 'bg-gray-300 dark:bg-gray-900'" | ||||
|         :class="enabled ? 'bg-primary-500' : 'bg-gray-300'" | ||||
|         class=" | ||||
|           relative | ||||
|           inline-flex | ||||
| @ -21,11 +21,7 @@ | ||||
|         v-bind="$attrs" | ||||
|       > | ||||
|         <span | ||||
|           :class=" | ||||
|             enabled | ||||
|               ? 'translate-x-6 dark:bg-white' | ||||
|               : 'translate-x-1 dark:bg-gray-500' | ||||
|           " | ||||
|           :class="enabled ? 'translate-x-6' : 'translate-x-1'" | ||||
|           class=" | ||||
|             inline-block | ||||
|             w-4 | ||||
|  | ||||
| @ -5,12 +5,12 @@ | ||||
|     <div class="flex flex-col"> | ||||
|       <SwitchLabel | ||||
|         as="p" | ||||
|         class="p-0 mb-1 text-sm leading-snug text-black font-medium dark:text-white" | ||||
|         class="p-0 mb-1 text-sm leading-snug text-black font-medium" | ||||
|         passive | ||||
|       > | ||||
|         {{ title }} | ||||
|       </SwitchLabel> | ||||
|       <SwitchDescription class="text-sm text-gray-500 dark:text-gray-400"> | ||||
|       <SwitchDescription class="text-sm text-gray-500"> | ||||
|         {{ description }} | ||||
|       </SwitchDescription> | ||||
|     </div> | ||||
| @ -18,7 +18,7 @@ | ||||
|       :disabled="disabled" | ||||
|       :model-value="modelValue" | ||||
|       :class="[ | ||||
|         modelValue ? 'bg-primary-500' : 'bg-gray-200 dark:bg-gray-900', | ||||
|         modelValue ? 'bg-primary-500' : 'bg-gray-200', | ||||
|         'ml-4 relative inline-flex shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500', | ||||
|       ]" | ||||
|       @update:modelValue="onUpdate" | ||||
| @ -26,7 +26,7 @@ | ||||
|       <span | ||||
|         aria-hidden="true" | ||||
|         :class="[ | ||||
|           modelValue ? 'translate-x-5 dark:bg-white' : 'translate-x-0 dark:bg-gray-500', | ||||
|           modelValue ? 'translate-x-5' : 'translate-x-0', | ||||
|           'inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition ease-in-out duration-200', | ||||
|         ]" | ||||
|       /> | ||||
|  | ||||
| @ -1,10 +1,6 @@ | ||||
| <template> | ||||
|   <div> | ||||
|     <TabGroup | ||||
|       :selected-index="selectedIndex" | ||||
|       :default-index="defaultIndex" | ||||
|       @change="onChange" | ||||
|     > | ||||
|     <TabGroup :default-index="defaultIndex" @change="onChange"> | ||||
|       <TabList | ||||
|         :class="[ | ||||
|           'flex border-b border-grey-light', | ||||
| @ -58,10 +54,6 @@ const props = defineProps({ | ||||
|     type: Number, | ||||
|     default: 0, | ||||
|   }, | ||||
|   selectedIndex: { | ||||
|     type: Number, | ||||
|     default: 0, | ||||
|   }, | ||||
|   filter: { | ||||
|     type: String, | ||||
|     default: null, | ||||
| @ -75,6 +67,6 @@ const slots = useSlots() | ||||
| const tabs = computed(() => slots.default().map((tab) => tab.props)) | ||||
|  | ||||
| function onChange(d) { | ||||
|   emit('change', tabs.value[d], d) | ||||
|   emit('change', tabs.value[d]) | ||||
| } | ||||
| </script> | ||||
|  | ||||
| @ -7,12 +7,12 @@ export function usePopper(options) { | ||||
|   let popper = ref(null) | ||||
|  | ||||
|   onMounted(() => { | ||||
|     watchEffect((onInvalidate) => { | ||||
|     watchEffect(onInvalidate => { | ||||
|       if (!container.value) return | ||||
|       if (!activator.value) return | ||||
|  | ||||
|       let containerEl = container.value.el || container.value | ||||
|       let activatorEl = activator.value.$el || activator.value | ||||
|       let activatorEl = activator.value.el || activator.value | ||||
|  | ||||
|       if (!(activatorEl instanceof HTMLElement)) return | ||||
|       if (!(containerEl instanceof HTMLElement)) return | ||||
|  | ||||
| @ -863,8 +863,6 @@ | ||||
|     "company_info": { | ||||
|       "company_info": "Company info", | ||||
|       "company_name": "Company Name", | ||||
|       "company_slug": "Company Slug", | ||||
|       "company_slug_help_text": "A unique URL friendly name for your company (It will appear on Customer Portal URL)", | ||||
|       "company_logo": "Company Logo", | ||||
|       "section_description": "Information about your company that will be displayed on invoices, estimates and other documents created by Crater.", | ||||
|       "phone": "Phone", | ||||
| @ -1326,8 +1324,6 @@ | ||||
|     "company_info": "Company Information", | ||||
|     "company_info_desc": "This information will be displayed on invoices. Note that you can edit this later on settings page.", | ||||
|     "company_name": "Company Name", | ||||
|     "company_slug": "Company Slug", | ||||
|     "company_slug_help_text": "A unique URL friendly name for your company (It will appear on Customer Portal URL)", | ||||
|     "company_logo": "Company Logo", | ||||
|     "logo_preview": "Logo Preview", | ||||
|     "preferences": "Company Preferences", | ||||
| @ -1458,8 +1454,7 @@ | ||||
|     "at_least_one_ability": "Please select atleast one Permission.", | ||||
|     "valid_driver_key": "Please enter a valid {driver} key.", | ||||
|     "valid_exchange_rate": "Please enter a valid exchange rate.", | ||||
|     "company_name_not_same": "Company name must match with given name.", | ||||
|     "invalid_slug": "Invalid Slug" | ||||
|     "company_name_not_same": "Company name must match with given name." | ||||
|   }, | ||||
|   "errors": { | ||||
|     "starter_plan": "This feature is available on Starter plan and onwards!", | ||||
| @ -1527,13 +1522,5 @@ | ||||
|   "pdf_bill_to": "Bill to,", | ||||
|   "pdf_ship_to": "Ship to,", | ||||
|   "pdf_received_from": "Received from:", | ||||
|   "pdf_tax_label": "Tax", | ||||
|   "date_picker": { | ||||
|     "same_day": "Same Day", | ||||
|     "within_7_days": "Within 7 Days", | ||||
|     "within_15_days": "Within 15 Days", | ||||
|     "within_30_days": "Within 30 Days", | ||||
|     "within_45_days": "Within 45 Days", | ||||
|     "within_60_days": "Within 60 Days" | ||||
|   } | ||||
|   "pdf_tax_label": "Tax" | ||||
| } | ||||
|  | ||||
| @ -17,7 +17,6 @@ import sk from './sk.json' | ||||
| import vi from './vi.json' | ||||
| import el from './el.json' | ||||
| import hr from './hr.json' | ||||
| import th from './th.json' | ||||
|  | ||||
| export default { | ||||
|   cs, | ||||
| @ -38,6 +37,5 @@ export default { | ||||
|   vi, | ||||
|   pl, | ||||
|   el, | ||||
|   hr, | ||||
|   th | ||||
|   hr | ||||
| } | ||||
|  | ||||
										
											
												File diff suppressed because it is too large
												Load Diff
											
										
									
								
							
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							| @ -17,7 +17,7 @@ | ||||
|     <meta name="csrf-token" content="{{ csrf_token() }}"> | ||||
|  | ||||
|     <!-- Module Styles --> | ||||
|     @foreach (\Crater\Services\Module\ModuleFacade::allStyles() as $name => $path) | ||||
|     @foreach(\Crater\Services\Module\ModuleFacade::allStyles() as $name => $path) | ||||
|         <link rel="stylesheet" href="/modules/styles/{{ $name }}"> | ||||
|     @endforeach | ||||
|  | ||||
| @ -25,8 +25,8 @@ | ||||
| </head> | ||||
|  | ||||
| <body | ||||
|     class="h-full overflow-hidden bg-gray-100 dark:bg-gray-900 dark:text-white font-base | ||||
|     @if (isset($current_theme)) theme-{{ $current_theme }} @else theme-{{ get_app_setting('admin_portal_theme') ?? 'crater' }} @endif "> | ||||
|     class="h-full overflow-hidden bg-gray-100 font-base | ||||
|     @if(isset($current_theme)) theme-{{ $current_theme }} @else theme-{{get_app_setting('admin_portal_theme') ?? 'crater'}} @endif "> | ||||
|  | ||||
|     <!-- Module Scripts --> | ||||
|     @foreach (\Crater\Services\Module\ModuleFacade::allScripts() as $name => $path) | ||||
| @ -38,14 +38,6 @@ | ||||
|     @endforeach | ||||
|  | ||||
|     <script type="module"> | ||||
|         if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) { | ||||
|             document.documentElement.classList.add('dark') | ||||
|             document.documentElement.style.setProperty('color-scheme', 'dark'); | ||||
|         } else { | ||||
|             document.documentElement.classList.remove('dark') | ||||
|             document.documentElement.style.setProperty('color-scheme', 'light') | ||||
|         } | ||||
|  | ||||
|         @if(isset($customer_logo)) | ||||
|  | ||||
|         window.customer_logo = "/storage/{{$customer_logo}}" | ||||
|  | ||||
| @ -386,10 +386,6 @@ | ||||
|         } | ||||
|  | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|         @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|  | ||||
| @ -408,10 +408,6 @@ | ||||
|         } | ||||
|  | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|         @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|  | ||||
| @ -346,10 +346,6 @@ | ||||
|         } | ||||
|  | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|         @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|  | ||||
| @ -327,10 +327,6 @@ | ||||
|         } | ||||
|  | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|         @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|  | ||||
| @ -377,10 +377,6 @@ | ||||
|         } | ||||
|  | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|         @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|  | ||||
| @ -2,7 +2,7 @@ | ||||
| <html> | ||||
|  | ||||
| <head> | ||||
|     <title>@lang('pdf_invoice_label') - {{ $invoice->invoice_number }}</title> | ||||
|     <title>@lang('pdf_invoice_label') - {{$invoice->invoice_number}}</title> | ||||
|     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||||
|  | ||||
|     <style type="text/css"> | ||||
| @ -187,7 +187,7 @@ | ||||
|  | ||||
|  | ||||
|         .total-display-table { | ||||
|             border-top: none; | ||||
|              border-top: none; | ||||
|             page-break-inside: avoid; | ||||
|             page-break-before: auto; | ||||
|             page-break-after: auto; | ||||
| @ -304,12 +304,7 @@ | ||||
|         .pl-0 { | ||||
|             padding-left: 0; | ||||
|         } | ||||
|  | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|         @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
| @ -317,10 +312,10 @@ | ||||
|         <table width="100%"> | ||||
|             <tr> | ||||
|                 <td width="50%" class="header-section-left"> | ||||
|                     @if ($logo) | ||||
|                         <img class="header-logo" style="height: 50px;" src="{{ $logo }}" alt="Company Logo"> | ||||
|                     @if($logo) | ||||
|                     <img class="header-logo" style="height: 50px;" src="{{ $logo }}" alt="Company Logo"> | ||||
|                     @else | ||||
|                         <h1 class="header-logo"> {{ $invoice->customer->company->name }} </h1> | ||||
|                     <h1 class="header-logo"> {{$invoice->customer->company->name}} </h1> | ||||
|                     @endif | ||||
|                 </td> | ||||
|                 <td width="50%" class="text-right company-address-container company-address"> | ||||
| @ -336,14 +331,14 @@ | ||||
|         <div class="main-content"> | ||||
|             <div class="customer-address-container"> | ||||
|                 <div class="billing-address-container billing-address"> | ||||
|                     @if ($billing_address) | ||||
|                     @if($billing_address) | ||||
|                         <b>@lang('pdf_bill_to')</b> <br> | ||||
|                         {!! $billing_address !!} | ||||
|                     @endif | ||||
|                 </div> | ||||
|  | ||||
|                 <div @if ($billing_address !== '</br>') class="shipping-address-container shipping-address" @else class="shipping-address-container--left shipping-address" @endif> | ||||
|                     @if ($shipping_address) | ||||
|                 <div @if($billing_address !== '</br>') class="shipping-address-container shipping-address" @else class="shipping-address-container--left shipping-address" @endif> | ||||
|                     @if($shipping_address) | ||||
|                         <b>@lang('pdf_ship_to')</b> <br> | ||||
|                         {!! $shipping_address !!} | ||||
|                     @endif | ||||
| @ -355,15 +350,15 @@ | ||||
|                 <table> | ||||
|                     <tr> | ||||
|                         <td class="attribute-label">@lang('pdf_invoice_number')</td> | ||||
|                         <td class="attribute-value">  {{ $invoice->invoice_number }}</td> | ||||
|                         <td class="attribute-value">  {{$invoice->invoice_number}}</td> | ||||
|                     </tr> | ||||
|                     <tr> | ||||
|                         <td class="attribute-label">@lang('pdf_invoice_date')</td> | ||||
|                         <td class="attribute-value">  {{ $invoice->formattedInvoiceDate }}</td> | ||||
|                         <td class="attribute-value">  {{$invoice->formattedInvoiceDate}}</td> | ||||
|                     </tr> | ||||
|                     <tr> | ||||
|                         <td class="attribute-label">@lang('pdf_invoice_due_date')</td> | ||||
|                         <td class="attribute-value">  {{ $invoice->formattedDueDate }}</td> | ||||
|                         <td class="attribute-value">  {{$invoice->formattedDueDate}}</td> | ||||
|                     </tr> | ||||
|                 </table> | ||||
|             </div> | ||||
| @ -373,7 +368,7 @@ | ||||
|         @include('app.pdf.invoice.partials.table') | ||||
|  | ||||
|         <div class="notes"> | ||||
|             @if ($notes) | ||||
|             @if($notes) | ||||
|                 <div class="notes-label"> | ||||
|                     @lang('pdf_notes') | ||||
|                 </div> | ||||
|  | ||||
| @ -1,34 +0,0 @@ | ||||
| <style type="text/css"> | ||||
|     @font-face { | ||||
|         font-family: 'THSarabunNew'; | ||||
|         font-style: normal; | ||||
|         font-weight: normal; | ||||
|         src: url("{{ resource_path('static/fonts/THSarabunNew.ttf') }}") format('truetype'); | ||||
|     } | ||||
|  | ||||
|     @font-face { | ||||
|         font-family: 'THSarabunNew'; | ||||
|         font-style: normal; | ||||
|         font-weight: bold; | ||||
|         src: url("{{ resource_path('static/fonts/THSarabunNew-Bold.ttf') }}") format('truetype'); | ||||
|     } | ||||
|  | ||||
|     @font-face { | ||||
|         font-family: 'THSarabunNew'; | ||||
|         font-style: italic; | ||||
|         font-weight: normal; | ||||
|         src: url("{{ resource_path('static/fonts/THSarabunNew-Italic.ttf') }}") format('truetype'); | ||||
|     } | ||||
|  | ||||
|     @font-face { | ||||
|         font-family: 'THSarabunNew'; | ||||
|         font-style: italic; | ||||
|         font-weight: bold; | ||||
|         src: url("{{ resource_path('static/fonts/THSarabunNew-BoldItalic.ttf') }}") format('truetype'); | ||||
|     } | ||||
|  | ||||
|     body { | ||||
|         font-family: "THSarabunNew", sans-serif !important; | ||||
|     } | ||||
|  | ||||
| </style> | ||||
| @ -276,10 +276,6 @@ | ||||
|         } | ||||
|  | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|         @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|  | ||||
| @ -1,6 +1,5 @@ | ||||
| <!DOCTYPE html> | ||||
| <html lang="en"> | ||||
|  | ||||
| <head> | ||||
|     <title>@lang('pdf_expense_report_label')</title> | ||||
|     <style type="text/css"> | ||||
| @ -12,7 +11,7 @@ | ||||
|             border-collapse: collapse; | ||||
|         } | ||||
|  | ||||
|         .sub-container { | ||||
|         .sub-container{ | ||||
|             padding: 0px 20px; | ||||
|         } | ||||
|  | ||||
| @ -134,12 +133,7 @@ | ||||
|             color: #5851D8; | ||||
|         } | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|     @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|     <div class="sub-container"> | ||||
|         <table class="report-header"> | ||||
| @ -161,18 +155,18 @@ | ||||
|         <div class="expenses-table-container"> | ||||
|             <table class="expenses-table"> | ||||
|                 @foreach ($expenseCategories as $expenseCategory) | ||||
|                 <tr> | ||||
|                     <td> | ||||
|                         <p class="expense-title"> | ||||
|                             {{ $expenseCategory->category->name }} | ||||
|                         </p> | ||||
|                     </td> | ||||
|                     <td> | ||||
|                         <p class="expense-amount"> | ||||
|                             {!! format_money_pdf($expenseCategory->total_amount, $currency) !!} | ||||
|                         </p> | ||||
|                     </td> | ||||
|                 </tr> | ||||
|                     <tr> | ||||
|                         <td> | ||||
|                             <p class="expense-title"> | ||||
|                                 {{ $expenseCategory->category->name }} | ||||
|                             </p> | ||||
|                         </td> | ||||
|                         <td> | ||||
|                             <p class="expense-amount"> | ||||
|                                 {!! format_money_pdf($expenseCategory->total_amount) !!} | ||||
|                             </p> | ||||
|                         </td> | ||||
|                     </tr> | ||||
|                 @endforeach | ||||
|             </table> | ||||
|         </div> | ||||
| @ -181,7 +175,7 @@ | ||||
|     <table class="expense-total-table"> | ||||
|         <tr> | ||||
|             <td class="expense-total-cell"> | ||||
|                 <p class="expense-total">{!! format_money_pdf($totalExpense, $currency) !!}</p> | ||||
|                 <p class="expense-total">{!! format_money_pdf($totalExpense) !!}</p> | ||||
|             </td> | ||||
|         </tr> | ||||
|     </table> | ||||
| @ -191,10 +185,9 @@ | ||||
|                 <p class="report-footer-label">@lang('pdf_total_expenses_label')</p> | ||||
|             </td> | ||||
|             <td> | ||||
|                 <p class="report-footer-value">{!! format_money_pdf($totalExpense, $currency) !!}</p> | ||||
|                 <p class="report-footer-value">{!! format_money_pdf($totalExpense) !!}</p> | ||||
|             </td> | ||||
|         </tr> | ||||
|     </table> | ||||
| </body> | ||||
|  | ||||
| </html> | ||||
| @ -1,6 +1,5 @@ | ||||
| <!DOCTYPE html> | ||||
| <html lang="en"> | ||||
|  | ||||
| <head> | ||||
|     <title>@lang('pdf_profit_loss_label')</title> | ||||
|     <style type="text/css"> | ||||
| @ -12,7 +11,7 @@ | ||||
|             border-collapse: collapse; | ||||
|         } | ||||
|  | ||||
|         .sub-container { | ||||
|         .sub-container{ | ||||
|             padding: 0px 20px; | ||||
|         } | ||||
|  | ||||
| @ -159,12 +158,7 @@ | ||||
|             color: #5851D8; | ||||
|         } | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|     @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|     <div class="sub-container"> | ||||
|         <table class="report-header"> | ||||
| @ -189,7 +183,7 @@ | ||||
|                     <p class="income-title">@lang("pdf_income_label")</p> | ||||
|                 </td> | ||||
|                 <td> | ||||
|                     <p class="income-amount">{!! format_money_pdf($income, $currency) !!}</p> | ||||
|                     <p class="income-amount">{!! format_money_pdf($income) !!}</p> | ||||
|                 </td> | ||||
|             </tr> | ||||
|         </table> | ||||
| @ -197,18 +191,18 @@ | ||||
|         <div class="expenses-table-container"> | ||||
|             <table class="expenses-table"> | ||||
|                 @foreach ($expenseCategories as $expenseCategory) | ||||
|                 <tr> | ||||
|                     <td> | ||||
|                         <p class="expense-title"> | ||||
|                             {{ $expenseCategory->category->name }} | ||||
|                         </p> | ||||
|                     </td> | ||||
|                     <td> | ||||
|                         <p class="expense-amount"> | ||||
|                             {!! format_money_pdf($expenseCategory->total_amount, $currency) !!} | ||||
|                         </p> | ||||
|                     </td> | ||||
|                 </tr> | ||||
|                     <tr> | ||||
|                         <td> | ||||
|                             <p class="expense-title"> | ||||
|                                 {{ $expenseCategory->category->name }} | ||||
|                             </p> | ||||
|                         </td> | ||||
|                         <td> | ||||
|                             <p class="expense-amount"> | ||||
|                                 {!! format_money_pdf($expenseCategory->total_amount) !!} | ||||
|                             </p> | ||||
|                         </td> | ||||
|                     </tr> | ||||
|                 @endforeach | ||||
|  | ||||
|             </table> | ||||
| @ -218,7 +212,7 @@ | ||||
|     <table class="expense-total-indicator-table"> | ||||
|         <tr> | ||||
|             <td class="expense-total-cell"> | ||||
|                 <p class="expense-total">{!! format_money_pdf($totalExpense, $currency) !!}</p> | ||||
|                 <p class="expense-total">{!! format_money_pdf($totalExpense) !!}</p> | ||||
|             </td> | ||||
|         </tr> | ||||
|     </table> | ||||
| @ -228,10 +222,9 @@ | ||||
|                 <p class="report-footer-label">@lang("pdf_net_profit_label")</p> | ||||
|             </td> | ||||
|             <td> | ||||
|                 <p class="report-footer-value">{!! format_money_pdf($income - $totalExpense, $currency) !!}</p> | ||||
|                 <p class="report-footer-value">{!! format_money_pdf(($income-$totalExpense)) !!}</p> | ||||
|             </td> | ||||
|         </tr> | ||||
|     </table> | ||||
| </body> | ||||
|  | ||||
| </html> | ||||
| @ -1,6 +1,5 @@ | ||||
| <!DOCTYPE html> | ||||
| <html lang="en"> | ||||
|  | ||||
| <head> | ||||
|     <title>@lang('pdf_sales_customers_label')</title> | ||||
|     <style type="text/css"> | ||||
| @ -12,7 +11,7 @@ | ||||
|             border-collapse: collapse; | ||||
|         } | ||||
|  | ||||
|         .sub-container { | ||||
|         .sub-container{ | ||||
|             padding: 0px 20px; | ||||
|         } | ||||
|  | ||||
| @ -133,17 +132,11 @@ | ||||
|             line-height: 21px; | ||||
|             color: #5851D8; | ||||
|         } | ||||
|  | ||||
|         .text-center { | ||||
|             text-align: center; | ||||
|         } | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|     @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|     <div class="sub-container"> | ||||
|         <table class="report-header"> | ||||
| @ -163,34 +156,34 @@ | ||||
|         </table> | ||||
|  | ||||
|         @foreach ($customers as $customer) | ||||
|         <p class="sales-customer-name">{{ $customer->name }}</p> | ||||
|         <div class="sales-table-container"> | ||||
|             <table class="sales-table"> | ||||
|                 @foreach ($customer->invoices as $invoice) | ||||
|             <p class="sales-customer-name">{{ $customer->name }}</p> | ||||
|             <div class="sales-table-container"> | ||||
|                 <table class="sales-table"> | ||||
|                     @foreach ($customer->invoices as $invoice) | ||||
|                         <tr> | ||||
|                             <td> | ||||
|                                 <p class="sales-information-text"> | ||||
|                                     {{ $invoice->formattedInvoiceDate }} ({{ $invoice->invoice_number }}) | ||||
|                                 </p> | ||||
|                             </td> | ||||
|                             <td> | ||||
|                                 <p class="sales-amount"> | ||||
|                                     {!! format_money_pdf($invoice->base_total) !!} | ||||
|                                 </p> | ||||
|                             </td> | ||||
|                         </tr> | ||||
|                     @endforeach | ||||
|                 </table> | ||||
|             </div> | ||||
|             <table class="sales-total-indicator-table"> | ||||
|                 <tr> | ||||
|                     <td> | ||||
|                         <p class="sales-information-text"> | ||||
|                             {{ $invoice->formattedInvoiceDate }} ({{ $invoice->invoice_number }}) | ||||
|                         </p> | ||||
|                     </td> | ||||
|                     <td> | ||||
|                         <p class="sales-amount"> | ||||
|                             {!! format_money_pdf($invoice->base_total, $currency) !!} | ||||
|                     <td class="sales-total-cell"> | ||||
|                         <p class="sales-total-amount"> | ||||
|                             {!! format_money_pdf($customer->totalAmount) !!} | ||||
|                         </p> | ||||
|                     </td> | ||||
|                 </tr> | ||||
|                 @endforeach | ||||
|             </table> | ||||
|         </div> | ||||
|         <table class="sales-total-indicator-table"> | ||||
|             <tr> | ||||
|                 <td class="sales-total-cell"> | ||||
|                     <p class="sales-total-amount"> | ||||
|                         {!! format_money_pdf($customer->totalAmount, $currency) !!} | ||||
|                     </p> | ||||
|                 </td> | ||||
|             </tr> | ||||
|         </table> | ||||
|         @endforeach | ||||
|     </div> | ||||
|  | ||||
| @ -202,11 +195,10 @@ | ||||
|             </td> | ||||
|             <td> | ||||
|                 <p class="report-footer-value"> | ||||
|                     {!! format_money_pdf($totalAmount, $currency) !!} | ||||
|                     {!! format_money_pdf($totalAmount) !!} | ||||
|                 </p> | ||||
|             </td> | ||||
|         </tr> | ||||
|     </table> | ||||
| </body> | ||||
|  | ||||
| </html> | ||||
| @ -1,6 +1,5 @@ | ||||
| <!DOCTYPE html> | ||||
| <html lang="en"> | ||||
|  | ||||
| <head> | ||||
|     <title>@lang('pdf_sales_items_label')</title> | ||||
|     <style type="text/css"> | ||||
| @ -12,7 +11,7 @@ | ||||
|             border-collapse: collapse; | ||||
|         } | ||||
|  | ||||
|         .sub-container { | ||||
|         .sub-container{ | ||||
|             padding: 0px 20px; | ||||
|         } | ||||
|  | ||||
| @ -133,17 +132,11 @@ | ||||
|             line-height: 21px; | ||||
|             color: #5851D8; | ||||
|         } | ||||
|  | ||||
|         .text-center { | ||||
|             text-align: center; | ||||
|         } | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|     @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|     <div class="sub-container"> | ||||
|         <table class="report-header"> | ||||
| @ -164,33 +157,33 @@ | ||||
|          | ||||
|         <p class="sales-items-title">@lang('pdf_items_label')</p> | ||||
|         @foreach ($items as $item) | ||||
|         <div class="items-table-container"> | ||||
|             <table class="items-table"> | ||||
|             <div class="items-table-container"> | ||||
|                 <table class="items-table"> | ||||
|                     <tr> | ||||
|                         <td> | ||||
|                             <p class="item-title"> | ||||
|                                 {{ $item->name }} | ||||
|                             </p> | ||||
|                         </td> | ||||
|                         <td> | ||||
|                             <p class="item-sales-amount"> | ||||
|                                 {!! format_money_pdf($item->total_amount) !!} | ||||
|                             </p> | ||||
|                         </td> | ||||
|                     </tr> | ||||
|                 </table> | ||||
|             </div> | ||||
|         @endforeach | ||||
|  | ||||
|             <table class="sales-total-indicator-table"> | ||||
|                 <tr> | ||||
|                     <td> | ||||
|                         <p class="item-title"> | ||||
|                             {{ $item->name }} | ||||
|                         </p> | ||||
|                     </td> | ||||
|                     <td> | ||||
|                         <p class="item-sales-amount"> | ||||
|                             {!! format_money_pdf($item->total_amount, $currency) !!} | ||||
|                     <td class="sales-total-cell"> | ||||
|                         <p class="sales-total-amount"> | ||||
|                             {!! format_money_pdf($totalAmount) !!} | ||||
|                         </p> | ||||
|                     </td> | ||||
|                 </tr> | ||||
|             </table> | ||||
|         </div> | ||||
|         @endforeach | ||||
|  | ||||
|         <table class="sales-total-indicator-table"> | ||||
|             <tr> | ||||
|                 <td class="sales-total-cell"> | ||||
|                     <p class="sales-total-amount"> | ||||
|                         {!! format_money_pdf($totalAmount, $currency) !!} | ||||
|                     </p> | ||||
|                 </td> | ||||
|             </tr> | ||||
|         </table> | ||||
|     </div> | ||||
|  | ||||
|  | ||||
| @ -201,11 +194,10 @@ | ||||
|             </td> | ||||
|             <td> | ||||
|                 <p class="report-footer-value"> | ||||
|                     {!! format_money_pdf($totalAmount, $currency) !!} | ||||
|                     {!! format_money_pdf($totalAmount) !!} | ||||
|                 </p> | ||||
|             </td> | ||||
|         </tr> | ||||
|     </table> | ||||
| </body> | ||||
|  | ||||
| </html> | ||||
| @ -1,6 +1,5 @@ | ||||
| <!DOCTYPE html> | ||||
| <html lang="en"> | ||||
|  | ||||
| <head> | ||||
|     <title>@lang('pdf_tax_summery_label')</title> | ||||
|     <style type="text/css"> | ||||
| @ -12,7 +11,7 @@ | ||||
|             border-collapse: collapse; | ||||
|         } | ||||
|  | ||||
|         .sub-container { | ||||
|         .sub-container{ | ||||
|             padding: 0px 20px; | ||||
|         } | ||||
|  | ||||
| @ -135,12 +134,7 @@ | ||||
|             color: #5851D8; | ||||
|         } | ||||
|     </style> | ||||
|  | ||||
|     @if (App::isLocale('th')) | ||||
|     @include('app.pdf.locale.th') | ||||
|     @endif | ||||
| </head> | ||||
|  | ||||
| <body> | ||||
|     <div class="sub-container"> | ||||
|         <table class="report-header"> | ||||
| @ -166,18 +160,18 @@ | ||||
|         <div class="tax-table-container"> | ||||
|             <table class="tax-table"> | ||||
|                 @foreach ($taxTypes as $tax) | ||||
|                 <tr> | ||||
|                     <td> | ||||
|                         <p class="tax-title"> | ||||
|                             {{ $tax->taxType->name }} | ||||
|                         </p> | ||||
|                     </td> | ||||
|                     <td> | ||||
|                         <p class="tax-amount"> | ||||
|                             {!! format_money_pdf($tax->total_tax_amount, $currency) !!} | ||||
|                         </p> | ||||
|                     </td> | ||||
|                 </tr> | ||||
|                     <tr> | ||||
|                         <td> | ||||
|                             <p class="tax-title"> | ||||
|                                 {{ $tax->taxType->name }} | ||||
|                             </p> | ||||
|                         </td> | ||||
|                         <td> | ||||
|                             <p class="tax-amount"> | ||||
|                                 {!! format_money_pdf($tax->total_tax_amount) !!} | ||||
|                             </p> | ||||
|                         </td> | ||||
|                     </tr> | ||||
|                 @endforeach | ||||
|  | ||||
|             </table> | ||||
| @ -188,7 +182,7 @@ | ||||
|         <tr> | ||||
|             <td class="tax-total-cell"> | ||||
|                 <p class="tax-total"> | ||||
|                     {!! format_money_pdf($totalTaxAmount, $currency) !!} | ||||
|                     {!! format_money_pdf($totalTaxAmount) !!} | ||||
|                 </p> | ||||
|             </td> | ||||
|         </tr> | ||||
| @ -200,11 +194,10 @@ | ||||
|             </td> | ||||
|             <td> | ||||
|                 <p class="report-footer-value"> | ||||
|                     {!! format_money_pdf($totalTaxAmount, $currency) !!} | ||||
|                     {!! format_money_pdf($totalTaxAmount) !!} | ||||
|                 </p> | ||||
|             </td> | ||||
|         </tr> | ||||
|     </table> | ||||
| </body> | ||||
|  | ||||
| </html> | ||||
| @ -19,7 +19,6 @@ module.exports = { | ||||
|     './resources/scripts/**/*.js', | ||||
|     './resources/scripts/**/*.vue', | ||||
|   ], | ||||
|   darkMode: 'class', | ||||
|   theme: { | ||||
|     extend: { | ||||
|       colors: { | ||||
| @ -36,7 +35,6 @@ module.exports = { | ||||
|           900: withOpacityValue('--color-primary-900'), | ||||
|         }, | ||||
|         black: '#040405', | ||||
|         highlight: 'rgb(56, 189, 248)', | ||||
|         red: colors.red, | ||||
|         teal: colors.teal, | ||||
|         gray: colors.slate, | ||||
| @ -45,15 +43,10 @@ module.exports = { | ||||
|         88: '22rem', | ||||
|       }, | ||||
|       backgroundImage: (theme) => ({ | ||||
|         'multiselect-caret-black': `url("${svgToDataUri( | ||||
|           `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="black"> | ||||
|             <path fill-rule="evenodd" d="M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd" /> | ||||
|           </svg>`, | ||||
|         )}")`, | ||||
|         'multiselect-caret-white': `url("${svgToDataUri( | ||||
|           `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="white"> | ||||
|             <path fill-rule="evenodd" d="M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd" /> | ||||
|           </svg>`, | ||||
|         'multiselect-caret': `url("${svgToDataUri( | ||||
|           `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> | ||||
|   <path fill-rule="evenodd" d="M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd" /> | ||||
| </svg>` | ||||
|         )}")`, | ||||
|         'multiselect-spinner': `url("${svgToDataUri( | ||||
|           `<svg viewBox="0 0 512 512" fill="${theme( | ||||
|  | ||||
| @ -415,31 +415,32 @@ test('update estimate with EUR currency', function () { | ||||
|  | ||||
|     $response = putJson('api/v1/estimates/'.$estimate->id, $estimate2); | ||||
|  | ||||
|     $estimate_assert = collect($estimate2) | ||||
|         ->only([ | ||||
|             'id', | ||||
|             'template_name', | ||||
|             'estimate_number', | ||||
|             'discount_type', | ||||
|             'discount_val', | ||||
|             'sub_total', | ||||
|             'discount', | ||||
|             'customer_id', | ||||
|             'total', | ||||
|             'tax' | ||||
|         ]) | ||||
|         ->toArray(); | ||||
|     $this->assertDatabaseHas('estimates', [ | ||||
|         'id' => $estimate['id'], | ||||
|         'template_name' => $estimate2['template_name'], | ||||
|         'estimate_number' => $estimate2['estimate_number'], | ||||
|         'discount_type' => $estimate2['discount_type'], | ||||
|         'discount_val' => $estimate2['discount_val'], | ||||
|         'sub_total' => $estimate2['sub_total'], | ||||
|         'discount' => $estimate2['discount'], | ||||
|         'customer_id' => $estimate2['customer_id'], | ||||
|         'total' => $estimate2['total'], | ||||
|         'tax' => $estimate2['tax'], | ||||
|         'exchange_rate' => $estimate2['exchange_rate'], | ||||
|         'base_discount_val' => $estimate2['base_discount_val'], | ||||
|         'base_sub_total' => $estimate2['base_sub_total'], | ||||
|         'base_total' => $estimate2['base_total'], | ||||
|         'base_tax' => $estimate2['base_tax'], | ||||
|     ]); | ||||
|  | ||||
|     $this->assertDatabaseHas('estimates', $estimate_assert); | ||||
|  | ||||
|     $estimate_item_assert = collect($estimate2['items'][0]) | ||||
|         ->only([ | ||||
|             'estimate_id', | ||||
|             'amount' | ||||
|         ]) | ||||
|         ->toArray(); | ||||
|  | ||||
|     $this->assertDatabaseHas('estimate_items', $estimate_item_assert); | ||||
|     $this->assertDatabaseHas('estimate_items', [ | ||||
|         'estimate_id' => $estimate2['items'][0]['estimate_id'], | ||||
|         'exchange_rate' => $estimate2['items'][0]['exchange_rate'], | ||||
|         'base_price' => $estimate2['items'][0]['base_price'], | ||||
|         'base_discount_val' => $estimate2['items'][0]['base_discount_val'], | ||||
|         'base_tax' => $estimate2['items'][0]['base_tax'], | ||||
|         'base_total' => $estimate2['items'][0]['base_total'], | ||||
|     ]); | ||||
|  | ||||
|     $response->assertStatus(200); | ||||
| }); | ||||
|  | ||||
| @ -37,15 +37,13 @@ test('create expense', function () { | ||||
|  | ||||
|     postJson('api/v1/expenses', $expense)->assertStatus(201); | ||||
|  | ||||
|     $expense = collect($expense) | ||||
|         ->only([ | ||||
|             'notes', | ||||
|             'expense_category_id', | ||||
|             'amount' | ||||
|         ]) | ||||
|         ->toArray(); | ||||
|  | ||||
|     $this->assertDatabaseHas('expenses', $expense); | ||||
|     $this->assertDatabaseHas('expenses', [ | ||||
|         'notes' => $expense['notes'], | ||||
|         'expense_category_id' => $expense['expense_category_id'], | ||||
|         'amount' => $expense['amount'], | ||||
|         'exchange_rate' => $expense['exchange_rate'], | ||||
|         'base_amount' => $expense['base_amount'], | ||||
|     ]); | ||||
| }); | ||||
|  | ||||
| test('store validates using a form request', function () { | ||||
| @ -148,13 +146,11 @@ test('update expense with EUR currency', function () { | ||||
|  | ||||
|     putJson('api/v1/expenses/'.$expense->id, $expense2)->assertOk(); | ||||
|  | ||||
|     $expense2 = collect($expense2) | ||||
|         ->only([ | ||||
|             'id', | ||||
|             'expense_category_id', | ||||
|             'amount' | ||||
|         ]) | ||||
|         ->toArray(); | ||||
|  | ||||
|     $this->assertDatabaseHas('expenses', $expense2); | ||||
|     $this->assertDatabaseHas('expenses', [ | ||||
|         'id' => $expense->id, | ||||
|         'expense_category_id' => $expense2['expense_category_id'], | ||||
|         'amount' => $expense2['amount'], | ||||
|         'exchange_rate' => $expense2['exchange_rate'], | ||||
|         'base_amount' => $expense2['base_amount'], | ||||
|     ]); | ||||
| }); | ||||
|  | ||||
| @ -9,6 +9,7 @@ use Crater\Models\Tax; | ||||
| use Crater\Models\User; | ||||
| use Illuminate\Support\Facades\Artisan; | ||||
| use Laravel\Sanctum\Sanctum; | ||||
|  | ||||
| use function Pest\Laravel\getJson; | ||||
| use function Pest\Laravel\postJson; | ||||
| use function Pest\Laravel\putJson; | ||||
| @ -430,36 +431,31 @@ test('update invoice with EUR currency', function () { | ||||
|  | ||||
|     putJson('api/v1/invoices/'.$invoice->id, $invoice2)->assertOk(); | ||||
|  | ||||
|     $invoice_assert = collect($invoice2) | ||||
|         ->only([ | ||||
|             'invoice_number', | ||||
|             'template_name', | ||||
|             'sub_total', | ||||
|             'total', | ||||
|             'tax', | ||||
|             'discount', | ||||
|             'customer_id', | ||||
|         ]) | ||||
|         ->toArray(); | ||||
|     $this->assertDatabaseHas('invoices', [ | ||||
|         'id' => $invoice['id'], | ||||
|         'invoice_number' => $invoice2['invoice_number'], | ||||
|         'sub_total' => $invoice2['sub_total'], | ||||
|         'total' => $invoice2['total'], | ||||
|         'tax' => $invoice2['tax'], | ||||
|         'discount' => $invoice2['discount'], | ||||
|         'customer_id' => $invoice2['customer_id'], | ||||
|         'template_name' => $invoice2['template_name'], | ||||
|         'exchange_rate' => $invoice2['exchange_rate'], | ||||
|         'base_total' => $invoice2['base_total'], | ||||
|     ]); | ||||
|  | ||||
|     $this->assertDatabaseHas('invoices', $invoice_assert); | ||||
|     $this->assertDatabaseHas('invoice_items', [ | ||||
|         'invoice_id' => $invoice2['items'][0]['invoice_id'], | ||||
|         'item_id' => $invoice2['items'][0]['item_id'], | ||||
|         'name' => $invoice2['items'][0]['name'], | ||||
|         'exchange_rate' => $invoice2['items'][0]['exchange_rate'], | ||||
|         'base_price' => $invoice2['items'][0]['base_price'], | ||||
|         'base_total' => $invoice2['items'][0]['base_total'], | ||||
|     ]); | ||||
|  | ||||
|     $invoice_item_assert = collect($invoice2['items'][0]) | ||||
|         ->only([ | ||||
|             'invoice_id', | ||||
|             'item_id', | ||||
|             'name', | ||||
|         ]) | ||||
|         ->toArray(); | ||||
|  | ||||
|     $this->assertDatabaseHas('invoice_items', $invoice_item_assert); | ||||
|  | ||||
|     $invoice_tax_assert = collect($invoice2['taxes'][0]) | ||||
|         ->only([ | ||||
|             'name', | ||||
|             'amount' | ||||
|         ]) | ||||
|         ->toArray(); | ||||
|  | ||||
|     $this->assertDatabaseHas('taxes', $invoice_tax_assert); | ||||
|     $this->assertDatabaseHas('taxes', [ | ||||
|         'amount' => $invoice2['taxes'][0]['amount'], | ||||
|         'name' => $invoice2['taxes'][0]['name'], | ||||
|         'base_amount' => $invoice2['taxes'][0]['base_amount'], | ||||
|     ]); | ||||
| }); | ||||
|  | ||||
| @ -1,40 +0,0 @@ | ||||
| APP_ENV=production | ||||
| APP_KEY=base64:kgk/4DW1vEVy7aEvet5FPp5un6PIGe/so8H0mvoUtW0= | ||||
| APP_DEBUG=true | ||||
| APP_LOG_LEVEL=debug | ||||
| APP_URL=http://crater.test | ||||
|  | ||||
| DB_CONNECTION=mysql | ||||
| DB_HOST=127.0.0.1 | ||||
| DB_PORT=3306 | ||||
| DB_DATABASE=crater | ||||
| DB_USERNAME=crater | ||||
| DB_PASSWORD=crater | ||||
|  | ||||
| BROADCAST_DRIVER=log | ||||
| CACHE_DRIVER=file | ||||
| QUEUE_DRIVER=sync | ||||
| SESSION_DRIVER=cookie | ||||
| SESSION_LIFETIME=1440 | ||||
|  | ||||
| REDIS_HOST=127.0.0.1 | ||||
| REDIS_PASSWORD=null | ||||
| REDIS_PORT=6379 | ||||
|  | ||||
| MAIL_DRIVER=smtp | ||||
| MAIL_HOST= | ||||
| MAIL_PORT= | ||||
| MAIL_USERNAME= | ||||
| MAIL_PASSWORD= | ||||
| MAIL_ENCRYPTION= | ||||
|  | ||||
| PUSHER_APP_ID= | ||||
| PUSHER_KEY= | ||||
| PUSHER_SECRET= | ||||
|  | ||||
| SANCTUM_STATEFUL_DOMAINS=crater.test | ||||
| SESSION_DOMAIN=crater.test | ||||
|  | ||||
| TRUSTED_PROXIES="*" | ||||
|  | ||||
| CRON_JOB_AUTH_TOKEN="" | ||||
| @ -1,48 +0,0 @@ | ||||
| FROM php:8.1-fpm | ||||
|  | ||||
| # Install system dependencies | ||||
| RUN apt-get update && apt-get install -y \ | ||||
|     git \ | ||||
|     curl \ | ||||
|     libpng-dev \ | ||||
|     libonig-dev \ | ||||
|     libxml2-dev \ | ||||
|     zip \ | ||||
|     unzip \ | ||||
|     libzip-dev \ | ||||
|     libmagickwand-dev \ | ||||
|     mariadb-client | ||||
|  | ||||
| # Clear cache | ||||
| RUN apt-get clean && rm -rf /var/lib/apt/lists/* | ||||
|  | ||||
| RUN pecl install imagick \ | ||||
|     && docker-php-ext-enable imagick | ||||
|  | ||||
| # Install PHP extensions | ||||
| RUN docker-php-ext-install pdo_mysql mbstring zip exif pcntl bcmath gd | ||||
|  | ||||
| # Get latest Composer | ||||
| COPY --from=composer:latest /usr/bin/composer /usr/bin/composer | ||||
|  | ||||
| # Create system user to run Composer and Artisan Commands | ||||
| RUN useradd -G www-data,root -u 1000 -d /home/crater-user crater-user | ||||
| RUN mkdir -p /home/crater-user/.composer && \ | ||||
|     chown -R crater-user:crater-user /home/crater-user | ||||
|  | ||||
| # Mounted volumes | ||||
| COPY ./ /var/www | ||||
| COPY ./docker-compose/php/uploads.ini /usr/local/etc/php/conf.d/uploads.ini | ||||
| COPY ./uffizzi/.env.example /var/www/.env | ||||
|  | ||||
| # Set working directory | ||||
| WORKDIR /var/www | ||||
|  | ||||
| RUN chown -R crater-user:crater-user ./ | ||||
| RUN chmod -R 775 composer.json composer.lock \  | ||||
|         composer.lock storage/framework/ \ | ||||
|         storage/logs/ bootstrap/cache/ /home/crater-user/.composer | ||||
| RUN chown -R $(whoami):$(whoami) /var/log/ | ||||
| RUN chmod -R 775 /var/log | ||||
|  | ||||
| USER crater-user | ||||
| @ -1,68 +0,0 @@ | ||||
| FROM php:8.1-fpm as build | ||||
|  | ||||
| # Install system dependencies | ||||
| RUN apt-get update && apt-get install -y \ | ||||
|     git \ | ||||
|     curl \ | ||||
|     libpng-dev \ | ||||
|     libonig-dev \ | ||||
|     libxml2-dev \ | ||||
|     zip \ | ||||
|     unzip \ | ||||
|     libzip-dev \ | ||||
|     libmagickwand-dev \ | ||||
|     mariadb-client | ||||
|  | ||||
| # Clear cache | ||||
| RUN apt-get clean && rm -rf /var/lib/apt/lists/* | ||||
|  | ||||
| RUN pecl install imagick \ | ||||
|     && docker-php-ext-enable imagick | ||||
|  | ||||
| # Install PHP extensions | ||||
| RUN docker-php-ext-install pdo_mysql mbstring zip exif pcntl bcmath gd | ||||
|  | ||||
| # Get latest Composer | ||||
| COPY --from=composer:latest /usr/bin/composer /usr/bin/composer | ||||
|  | ||||
| # Create system user to run Composer and Artisan Commands | ||||
| RUN useradd -G www-data,root -u 1000 -d /home/crater-user crater-user | ||||
| RUN mkdir -p /home/crater-user/.composer && \ | ||||
|     chown -R crater-user:crater-user /home/crater-user | ||||
|  | ||||
| # Mounted volumes | ||||
| COPY ./ /var/www | ||||
| COPY ./docker-compose/php/uploads.ini /usr/local/etc/php/conf.d/uploads.ini | ||||
| COPY ./uffizzi/.env.example /var/www/.env | ||||
|  | ||||
| # Set working directory | ||||
| WORKDIR /var/www | ||||
|  | ||||
| RUN chown -R crater-user:crater-user ./ | ||||
| RUN chmod -R 775 composer.json composer.lock \  | ||||
|         composer.lock storage/framework/ \ | ||||
|         storage/logs/ bootstrap/cache/ /home/crater-user/.composer | ||||
|  | ||||
| RUN composer config --no-plugins allow-plugins.pestphp/pest-plugin true && \ | ||||
|     composer install --no-interaction --prefer-dist --optimize-autoloader && \ | ||||
|     php artisan storage:link || true && \ | ||||
|     php artisan key:generate | ||||
|  | ||||
| FROM php:8.0-fpm-alpine | ||||
|  | ||||
| RUN apk add --no-cache \ | ||||
|     php8-bcmath | ||||
|  | ||||
| RUN docker-php-ext-install pdo pdo_mysql bcmath | ||||
|  | ||||
| COPY docker-compose/crontab /etc/crontabs/root | ||||
|  | ||||
| # Mounted volumes | ||||
| COPY --from=build /var/www /var/www | ||||
|  | ||||
| RUN chown -R $(whoami):$(whoami) /var/www/ | ||||
| RUN chmod -R 775 /var/www/ | ||||
| RUN chown -R $(whoami):$(whoami) /var/log/ | ||||
| RUN chmod -R 775 /var/log/ | ||||
|  | ||||
| CMD ["crond", "-f"] | ||||
| @ -1,58 +0,0 @@ | ||||
| version: '3' | ||||
|  | ||||
| x-uffizzi: | ||||
|   ingress: | ||||
|     service: nginx | ||||
|     port: 80 | ||||
|  | ||||
| services: | ||||
|   app: | ||||
|     image: "${APP_IMAGE}" | ||||
|     restart: unless-stopped | ||||
|     working_dir: /var/www/ | ||||
|     command: ["-c"," | ||||
|             composer config --no-plugins allow-plugins.pestphp/pest-plugin true &&  | ||||
|             composer install --no-interaction --prefer-dist --optimize-autoloader &&  | ||||
|             php artisan storage:link || true &&  | ||||
|             php artisan key:generate --force &&  | ||||
|             php-fpm", | ||||
|             ] | ||||
|     entrypoint: /bin/sh | ||||
|     depends_on: | ||||
|       - db | ||||
|     deploy: | ||||
|       resources: | ||||
|         limits: | ||||
|           memory: 1000m | ||||
|  | ||||
|   db: | ||||
|     image: mariadb | ||||
|     restart: always | ||||
|     environment: | ||||
|       MYSQL_USER: crater | ||||
|       MYSQL_PASSWORD: crater | ||||
|       MYSQL_DATABASE: crater | ||||
|       MYSQL_ROOT_PASSWORD: crater | ||||
|     ports: | ||||
|       - '33006:3306' | ||||
|     deploy: | ||||
|       resources: | ||||
|         limits: | ||||
|           memory: 500m | ||||
|  | ||||
|   nginx: | ||||
|     image: "${NGINX_IMAGE}" | ||||
|     restart: unless-stopped | ||||
|     ports: | ||||
|       - 80:80 | ||||
|     depends_on: | ||||
|       - app | ||||
|     resources: | ||||
|       limits: | ||||
|         memory: 500m | ||||
|  | ||||
|   cron: | ||||
|     image: "${CROND_IMAGE}" | ||||
|     restart: always | ||||
|      | ||||
|  | ||||
| @ -1,7 +0,0 @@ | ||||
| FROM nginx:1.17-alpine | ||||
|  | ||||
| RUN rm /etc/nginx/conf.d/default.conf | ||||
|  | ||||
| COPY ./ /var/www | ||||
| COPY ./uffizzi/nginx/nginx /etc/nginx/conf.d/ | ||||
|  | ||||
| @ -1,22 +0,0 @@ | ||||
| server { | ||||
|     client_max_body_size 64M; | ||||
|     listen 80; | ||||
|     index index.php index.html; | ||||
|     error_log  /var/log/nginx/error.log; | ||||
|     access_log /var/log/nginx/access.log; | ||||
|     root /var/www/public; | ||||
|     location ~ \.php$ { | ||||
|         try_files $uri =404; | ||||
|         fastcgi_split_path_info ^(.+\.php)(/.+)$; | ||||
|         fastcgi_pass localhost:9000; | ||||
|         fastcgi_index index.php; | ||||
|         include fastcgi_params; | ||||
|         fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; | ||||
|         fastcgi_param PATH_INFO $fastcgi_path_info; | ||||
|         fastcgi_read_timeout 300; | ||||
|     } | ||||
|     location / { | ||||
|         try_files $uri $uri/ /index.php?$query_string; | ||||
|         gzip_static on; | ||||
|     } | ||||
| } | ||||
		Reference in New Issue
	
	Block a user
	