mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 12:11:08 -04:00
refactor template and deshboard invoice table
This commit is contained in:
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="app" class="main-content">
|
<div id="app" class="main-content dashboard">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="dash-item col-sm-6">
|
<div class="dash-item col-sm-6">
|
||||||
<router-link slot="item-title" to="/admin/invoices">
|
<router-link slot="item-title" to="/admin/invoices">
|
||||||
@ -177,7 +177,7 @@
|
|||||||
<table-column
|
<table-column
|
||||||
:sortable="false"
|
:sortable="false"
|
||||||
:filterable="false"
|
:filterable="false"
|
||||||
cell-class="action-dropdown no-click"
|
cell-class="action-dropdown dashboard-recent-invoice-options no-click"
|
||||||
>
|
>
|
||||||
<template slot-scope="row">
|
<template slot-scope="row">
|
||||||
<v-dropdown>
|
<v-dropdown>
|
||||||
|
|||||||
@ -417,7 +417,7 @@ export default {
|
|||||||
if (response.data) {
|
if (response.data) {
|
||||||
this.filters.status = 'ACCEPTED'
|
this.filters.status = 'ACCEPTED'
|
||||||
this.$refs.table.refresh()
|
this.$refs.table.refresh()
|
||||||
window.toastr['success'](this.$tc('estimates.marked_as_rejected_message'))
|
window.toastr['success'](this.$tc('estimates.marked_as_accepted_message'))
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async onMarkAsRejected (id) {
|
async onMarkAsRejected (id) {
|
||||||
|
|||||||
19
resources/assets/sass/pages/dashboard.scss
vendored
19
resources/assets/sass/pages/dashboard.scss
vendored
@ -1,6 +1,23 @@
|
|||||||
// Dashboard
|
// Dashboard
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
|
.dashboard {
|
||||||
|
|
||||||
|
.dashboard-table
|
||||||
|
.table-component {
|
||||||
|
|
||||||
|
.dashboard-recent-invoice-options {
|
||||||
|
|
||||||
|
.dropdown-container {
|
||||||
|
margin: 10px 5px 0 -75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.dashbox {
|
.dashbox {
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
box-shadow: $shadow;
|
box-shadow: $shadow;
|
||||||
@ -364,5 +381,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -182,6 +182,7 @@
|
|||||||
color: #595959;
|
color: #595959;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
.ship-user-phone {
|
.ship-user-phone {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@ -229,6 +230,7 @@
|
|||||||
color: #595959;
|
color: #595959;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bill-user-phone {
|
.bill-user-phone {
|
||||||
|
|||||||
@ -142,6 +142,7 @@
|
|||||||
color: #595959;
|
color: #595959;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 170px;
|
||||||
}
|
}
|
||||||
.bill-user-phone {
|
.bill-user-phone {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@ -190,6 +191,7 @@
|
|||||||
color: #595959;
|
color: #595959;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 170px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ship-user-phone {
|
.ship-user-phone {
|
||||||
|
|||||||
@ -146,6 +146,7 @@
|
|||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
color: #595959;
|
color: #595959;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ship-user-phone {
|
.ship-user-phone {
|
||||||
@ -184,6 +185,7 @@
|
|||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
color: #595959;
|
color: #595959;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bill-user-phone {
|
.bill-user-phone {
|
||||||
|
|||||||
@ -182,6 +182,7 @@
|
|||||||
color: #595959;
|
color: #595959;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
.ship-user-phone {
|
.ship-user-phone {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@ -229,6 +230,7 @@
|
|||||||
color: #595959;
|
color: #595959;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bill-user-phone {
|
.bill-user-phone {
|
||||||
|
|||||||
@ -142,6 +142,7 @@
|
|||||||
color: #595959;
|
color: #595959;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 170px;
|
||||||
}
|
}
|
||||||
.bill-user-phone {
|
.bill-user-phone {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@ -190,6 +191,7 @@
|
|||||||
color: #595959;
|
color: #595959;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 170px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ship-user-phone {
|
.ship-user-phone {
|
||||||
@ -435,7 +437,7 @@
|
|||||||
@include('app.pdf.invoice.partials.billing-address')
|
@include('app.pdf.invoice.partials.billing-address')
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@include('app.pdf.invoice.partials.table')
|
@include('app.pdf.invoice.partials.table')
|
||||||
@include('app.pdf.invoice.partials.notes')
|
@include('app.pdf.invoice.partials.notes')
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -89,7 +89,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.bill-add {
|
.bill-add {
|
||||||
display: inline;
|
display: block;
|
||||||
float:left;
|
float:left;
|
||||||
width:40%;
|
width:40%;
|
||||||
padding: 0 0 0 30px;
|
padding: 0 0 0 30px;
|
||||||
@ -146,6 +146,7 @@
|
|||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
color: #595959;
|
color: #595959;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ship-user-phone {
|
.ship-user-phone {
|
||||||
@ -184,6 +185,7 @@
|
|||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
color: #595959;
|
color: #595959;
|
||||||
margin:0px;
|
margin:0px;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bill-user-phone {
|
.bill-user-phone {
|
||||||
|
|||||||
Reference in New Issue
Block a user