shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modals button animation and pagination updated

Browse Source
This commit is contained in:
batuhanbas 2019-12-02 14:45:50 +03:00
parent ab570a4d24
commit c28fbcea6e
3 changed files with 63 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/assets/js/components/AkauntingDashboard.vue
View File

@ -209,5 +209,4 @@ export default {
box-shadow: 0 28px 0 #0052ec;
}
}
</style>

63
resources/assets/js/components/AkauntingModal.vue
View File

@ -23,8 +23,16 @@
<div class="card-footer border-top-0">
<slot name="card-footer">
<div class="float-right">
<button type="button" class="btn btn-outline-secondary" @click="onCancel"> {{ button_cancel }} </button>
<button type="button" class="btn btn-danger" @click="onConfirm"> {{ button_delete }} </button>
<button type="button" class="btn btn-icon btn-outline-secondary" @click="onCancel">
<span class="btn-inner--icon"><i class="fas fa-times"></i></span>
<span class="btn-inner--text">{{ button_cancel }}</span>
</button>
<button :disabled="form.loading" type="button" class="btn btn-icon btn-danger button-submit" @click="onConfirm">
<div v-if="form.loading" class="aka-loader-frame"><div class="aka-loader"></div></div>
<span v-if="!form.loading" class="btn-inner--icon"><i class="fas fa-save"></i></span>
<span v-if="!form.loading" class="btn-inner--text">{{ button_delete }}</span>
</button>
</div>
</slot>
</div>
@ -84,6 +92,17 @@ export default {
}
},
data() {
return {
form: {
loading: false,
name: this.name,
enabled: this.enabled
},
display: this.show
};
},
methods: {
closeModal() {
this.$emit("update:show", false);
@ -117,4 +136,44 @@ export default {
.modal.show {
background-color: rgba(0, 0, 0, 0.3);
}
.loader10 {
width: 28px;
height: 28px;
border-radius: 50%;
position: relative;
animation: loader10 0.9s ease alternate infinite;
animation-delay: 0.36s;
top: 50%;
margin: -42px auto 0;
}
.loader10::after, .loader10::before {
content: '';
position: absolute;
width: 28px;
height: 28px;
border-radius: 50%;
animation: loader10 0.9s ease alternate infinite;
}
.loader10::before {
left: -40px;
animation-delay: 0.18s;
}
.loader10::after {
right: -40px;
animation-delay: 0.54s;
}
@keyframes loader10 {
0% {
box-shadow: 0 28px 0 -28px #0052ec;
}
100% {
box-shadow: 0 28px 0 #0052ec;
}
}
</style>

4
resources/views/vendor/pagination/bootstrap-4.blade.php vendored
View File

@ -4,7 +4,7 @@
@if ($paginator->onFirstPage())
<li class="page-item disabled"><span class="page-link">&laquo;</span></li>
@else
<li class="page-item"><a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">&laquo;</a></li>
<li class="page-item"><a class="page-link" href="{{ $paginator->url(1) }}" rel="prev">&laquo;</a></li>
@endif
{{-- Pagination Elements --}}
@ -37,7 +37,7 @@
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li class="page-item"><a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">&raquo;</a></li>
<li class="page-item"><a class="page-link" href="{{ $paginator->url($paginator->lastPage()) }}" rel="next">&raquo;</a></li>
@else
<li class="page-item disabled"><span class="page-link">&raquo;</span></li>
@endif