This commit is contained in:
pbao9
2026-02-03 09:22:40 +07:00
parent e45556d09c
commit 214fca9ef6
7 changed files with 285 additions and 233 deletions
@@ -15,11 +15,8 @@
<title>Thế Giới Số Admin | Service Management Portal</title>
<!-- color-modes:js -->
@vite(['resources/js/pages/color-modes.js'])
<script>
(function () {
(function () {
const theme = localStorage.getItem('theme') || (window.matchMedia('(prefers-color-scheme: dark)').matches ?
'dark' : 'light');
document.documentElement.setAttribute('data-bs-theme', theme);
@@ -36,17 +33,14 @@
<link rel="shortcut icon" href="{{ asset('/favicon.ico') }}">
<!-- plugin css -->
<link href="{{ asset('build/plugins/perfect-scrollbar/perfect-scrollbar.css') }}" rel="stylesheet" />
@foreach (config('assets.static.css') as $css)
<link href="{{ asset($css) }}" rel="stylesheet" />
@endforeach
@stack('plugin-styles')
<!-- CSS for LTR layout-->
@vite(['resources/sass/app.scss'])
<!-- Global Modal CSS -->
@vite(['resources/css/components/micromodal.css'])
<!-- CSS for RTL layout-->
<!-- Vite Assets (CSS & JS) -->
@vite(array_merge(config('assets.vite.css'), config('assets.vite.js')))
@stack('style')
</head>
@@ -65,24 +59,16 @@
</div>
</div>
<!-- base js -->
@vite(['resources/js/app-vite.js'])
<script src="{{ asset('build/plugins/bootstrap/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('build/plugins/lucide/lucide.min.js') }}"></script>
<script src="{{ asset('build/plugins/perfect-scrollbar/perfect-scrollbar.min.js') }}"></script>
<!-- base js (static) -->
@foreach (config('assets.static.js') as $js)
<script src="{{ asset($js) }}"></script>
@endforeach
<!-- end base js -->
<!-- plugin js -->
@stack('plugin-scripts')
<!-- end plugin js -->
<!-- common js -->
@vite(['resources/js/pages/template.js'])
<!-- Global Modal JS -->
@vite(['resources/js/components/micromodal.js'])
<!-- end common js -->
<!-- Global Select2 initialization -->
<script>
window.initSelect2 = function() {
@@ -92,7 +78,7 @@
height: "100%",
});
};
// Global ModalManager initialization
document.addEventListener('DOMContentLoaded', function() {
if (typeof ModalManager !== 'undefined') {
@@ -1,58 +1,58 @@
@extends("administrator.layout.master")
@push('plugin-styles')
<link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
@foreach (config('assets.datatable.css') as $css)
<link href="{{ asset($css) }}" rel="stylesheet" />
@endforeach
@endpush
@section('breadcrumb')
@php
$breadcrumbItems = [
['label' => 'Modules'],
['label' => 'Package vCenter'],
['label' => 'Datacenter', 'active' => true],
];
@endphp
<x-admin-breadcrumb :items="$breadcrumbItems" />
@endsection
@section("content")
@if(auth()->guard('admins')->user()->can("add module vcenter"))
<div class="card card-outline card-primary">
<form action="{{ route('package.datacenter.store') }}" method="post">
@csrf
<div class="card-body">
<x-module.v-center :model="null" />
@section('breadcrumb')
@php
$breadcrumbItems = [
['label' => 'Modules',],
['label' => 'Package vCenter', 'url' => route('package.datacenter.index')],
['label' => 'Datacenter', 'active' => true],
];
@endphp
<x-admin-breadcrumb :items="$breadcrumbItems" />
@endsection
@section("content")
@if(auth()->guard('admins')->user()->can("add module vcenter"))
<div class="card card-outline card-primary">
<form action="{{ route('package.datacenter.store') }}" method="post">
@csrf
<div class="card-body">
<x-module.v-center :model="null" />
{{--Name--}}
<div class="row form-group align-items-center mb-0">
<label for="name" class="col-md-3 text-right">Name</label>
<div class="col-md-9 p-1 bg-customer">
<input type="text" id="name" name="name" placeholder="" value="" class="form-control">
{{--Name--}}
<div class="row form-group align-items-center mb-0">
<label for="name" class="col-md-3 text-right">Name</label>
<div class="col-md-9 p-1 bg-customer">
<input type="text" id="name" name="name" placeholder="" value="" class="form-control">
</div>
</div>
{{--Datacenter ID--}}
<div class="row form-group align-items-center mb-0">
<label for="datacenter_id" class="col-md-3 text-right">Datacenter ID</label>
<div class="col-md-9 p-1 bg-customer">
<input type="text" id="datacenter_id" name="datacenter_id" placeholder="" value=""
class="form-control">
</div>
</div>
</div>
{{--Datacenter ID--}}
<div class="row form-group align-items-center mb-0">
<label for="datacenter_id" class="col-md-3 text-right">Datacenter ID</label>
<div class="col-md-9 p-1 bg-customer">
<input type="text" id="datacenter_id" name="datacenter_id" placeholder="" value=""
class="form-control">
</div>
<div class="card-footer">
<a href="{{ route('package.datacenter.index') }}" class="btn btn-outline-secondary">Trở về</a>
<button type="submit" class="btn btn-outline-primary">Lưu dữ liệu</button>
</div>
</div>
<div class="card-footer">
<a href="{{ route('package.datacenter.index') }}" class="btn btn-outline-secondary">Trở về</a>
<button type="submit" class="btn btn-outline-primary">Lưu dữ liệu</button>
</div>
</form>
</div>
@else
<div class="alert alert-danger alert-dismissible">
<h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Module vCenter
management department</h5>
</div>
@endif
@endsection
</form>
</div>
@else
<div class="alert alert-danger alert-dismissible">
<h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Module vCenter
management department</h5>
</div>
@endif
@endsection
@push('plugin-scripts')
<script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
<script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
<script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
<script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
@foreach (config('assets.datatable.js') as $js)
<script src="{{ asset($js) }}"></script>
@endforeach
@endpush
@@ -1,6 +1,8 @@
@extends('administrator.layout.master')
@push('plugin-styles')
<link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
@foreach (config('assets.datatable.css') as $datatable)
<link href="{{ asset($datatable) }}" rel="stylesheet" />
@endforeach
@endpush
@section('breadcrumb')
@@ -35,9 +37,8 @@ $breadcrumbItems = [
</div>
@endif
@endsection
@push('plugin-scripts')
<script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
<script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
<script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
<script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
@endpush
@push('plugin-scripts')
@foreach (config('assets.datatable.js') as $datatable)
<script src="{{ asset($datatable) }}"></script>
@endforeach
@endpush
@@ -1,7 +1,7 @@
@props(['items' => []])
<nav aria-label="breadcrumb">
<ol class="breadcrumb bg-white p-3 rounded-4 d-flex align-items-center mb-4">
<ol class="breadcrumb bg-white shadow-sm p-3 rounded-4 d-flex align-items-center mb-4">
<li class="breadcrumb-item">
<a href="{{ route('dashboard') }}"
class="d-flex align-items-center text-muted text-decoration-none transition-colors hover-text-primary">