ETA/WebETA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: company info & edit company view

Browse Source
This commit is contained in:
Alexandro Uc Santos
2023-11-29 21:07:46 -06:00
parent dd674b053b
commit df8aff2745
18 changed files with 548 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/layouts/AdminLayout.vue
View File

@@ -42,10 +42,18 @@
<ul class="list-unstyled components">
<li :class="[route.name === 'home' ? 'bg-nav-active' : '']">
<div>
<i class="fa-regular fa-building" :class="[route.name === 'home' ? 'router-link-active' : '']"></i>
<i class="fa-solid fa-gauge-high" :class="[route.name === 'home' ? 'router-link-active' : '']"></i>
<RouterLink
active-class="router-link-active"
class="nav-link" :to="{name: 'home'}">Empresa</RouterLink>
class="nav-link" :to="{name: 'home'}">Dashboard</RouterLink>
</div>
</li>
<li :class="[route.name === 'company' ? 'bg-nav-active' : '']">
<div>
<i class="fa-regular fa-building" :class="[route.name === 'company' ? 'router-link-active' : '']"></i>
<RouterLink
active-class="router-link-active"
class="nav-link" :to="{name: 'company'}">Empresa</RouterLink>
</div>
<!-- <i class="fa-solid fa-chevron-right"></i> -->
</li>
@@ -58,6 +66,35 @@
</div>
<!-- <i class="fa-solid fa-chevron-right"></i> -->
</li>
<li :class="[route.name === 'locations' ? 'bg-nav-active' : '']">
<div>
<i class="fa-solid fa-location-dot" :class="[route.name === 'locations' ? 'router-link-active' : '']"></i>
<RouterLink
active-class=""
class="nav-link" :to="{name: 'locations'}">Ubicaciones</RouterLink>
</div>
<!-- <i class="fa-solid fa-chevron-right"></i> -->
</li>
<li
v-if="auth.user?.permissions.includes('role_carrier')"
:class="[route.name === 'vehicles' ? 'bg-nav-active' : '']">
<div>
<i class="fa-solid fa-truck-fast" :class="[route.name === 'vehicles' ? 'router-link-active' : '']"></i>
<RouterLink
active-class=""
class="nav-link" :to="{name: 'vehicles'}">Vehiculos</RouterLink>
</div>
<!-- <i class="fa-solid fa-chevron-right"></i> -->
</li>
<li :class="[route.name === 'published' ? 'bg-nav-active' : '']">
<div>
<i class="fa-solid fa-bullhorn" :class="[route.name === 'published' ? 'router-link-active' : '']"></i>
<RouterLink
active-class=""
class="nav-link" :to="{name: 'published'}">Publicaciones</RouterLink>
</div>
<!-- <i class="fa-solid fa-chevron-right"></i> -->
</li>
<li :class="[route.name === 'calendar' ? 'bg-nav-active' : '']">
<div>
<i class="fa-regular fa-calendar" :class="[route.name === 'calendar' ? 'router-link-active' : '']"></i>
@@ -67,21 +104,23 @@
</div>
<!-- <i class="fa-solid fa-chevron-right"></i> -->
</li>
<li :class="[route.name === 'loads' ? 'bg-nav-active' : '']">
<li
v-if="auth.user?.permissions.includes('role_carrier')"
:class="[route.name === 'calculator' ? 'bg-nav-active' : '']">
<div>
<i class="fa-solid fa-box" :class="[route.name === 'loads' ? 'router-link-active' : '']"></i>
<i class="fa-solid fa-calculator" :class="[route.name === 'calculator' ? 'router-link-active' : '']"></i>
<RouterLink
active-class="router-link-active"
class="nav-link" :to="{name: 'loads'}">Cargas</RouterLink>
class="nav-link" :to="{name: 'calculator'}">Calculadora</RouterLink>
</div>
<!-- <i class="fa-solid fa-chevron-right"></i> -->
</li>
<li :class="[route.name === 'vehicles' ? 'bg-nav-active' : '']">
<li :class="[route.name === 'reports' ? 'bg-nav-active' : '']">
<div>
<i class="fa-solid fa-truck-fast" :class="[route.name === 'vehicles' ? 'router-link-active' : '']"></i>
<i class="fa-solid fa-chart-simple" :class="[route.name === 'reports' ? 'router-link-active' : '']"></i>
<RouterLink
active-class=""
class="nav-link" :to="{name: 'vehicles'}">Vehiculos</RouterLink>
active-class="router-link-active"
class="nav-link" :to="{name: 'reports'}">Reportes</RouterLink>
</div>
<!-- <i class="fa-solid fa-chevron-right"></i> -->
</li>
@@ -111,9 +150,11 @@
</button>
<div class="nav-options">
<RouterLink
v-if="auth.user?.permissions.includes('role_shipper')"
active-class="router-link-active"
class="nav-link" :to="{name: 'recovery'}">Embarques</RouterLink>
class="nav-link" :to="{name: 'recovery'}">Transporte</RouterLink>
<RouterLink
v-if="auth.user?.permissions.includes('role_carrier')"
active-class="router-link-active"
class="nav-link" :to="{name: 'recovery'}">Cargas</RouterLink>
</div>
@@ -221,7 +262,8 @@
}
.view {
margin: 24px 16px;
margin: 24px 50px;
// width: calc(100vw - 260px);
}
.nav-items {
@@ -266,7 +308,7 @@
// position: fixed;
display: flex;
flex-direction: column;
margin-top: 20px;
// margin-top: 8px;
bottom: 10px;
gap: 1rem;
// background-color: red;
@@ -282,6 +324,12 @@
opacity: 0.6;
}
@media (max-width: 1400px) {
.view {
margin: 24px 24px;
}
}
@media (max-width: 768px) {
.custom-navbar {
@@ -301,5 +349,9 @@
#sidebar.active {
margin-left: 0;
}
.view {
margin: 24px 12px;
}
}
</style>