Commit cd7c6798 authored by Nils Windisch's avatar Nils Windisch
Browse files

FEATURE nav page selector (WIP)

parent ecbade11
Pipeline #131743 passed with stages
in 3 minutes and 58 seconds
......@@ -3,6 +3,7 @@
<q-btn
unelevated
color="black q-pr-sm"
class="q-mb-md"
:disabled="itemindex <= 0"
@click="
--itemindex;
......@@ -19,8 +20,23 @@
{{ captionprev }}
</q-btn>
<q-input
color="teal"
class="q-mb-md"
standout
style="max-width: 150px"
type="number"
placeholder="Page"
dense
>
<template v-slot:append>
<q-icon :name="fasCheck" />
</template>
</q-input>
<q-btn
unelevated
class="q-mb-md"
color="black"
:disabled="itemindex >= itemurls.length - 1"
@click="
......@@ -42,7 +58,7 @@
<script>
import Navigation from '@/mixins/navigation';
import { fasArrowRight, fasArrowLeft } from '@quasar/extras/fontawesome-v5';
import { fasArrowRight, fasArrowLeft, fasCheck } from '@quasar/extras/fontawesome-v5';
export default {
name: 'Navbar',
......@@ -50,12 +66,21 @@ export default {
created() {
this.fasArrowRight = fasArrowRight;
this.fasArrowLeft = fasArrowLeft;
this.fasCheck = fasCheck;
},
};
</script>
<style lang="scss" scoped>
button:first-of-type {
margin-right: 8px;
@media (min-width: 600px) {
margin-right: 8px;
}
}
.q-input {
@media (min-width: 600px) {
margin-right: 8px;
width: 150px;
}
}
</style>
......@@ -11,7 +11,15 @@
<div class="bar row q-px-md justify-sm-between">
<Navbar
class="col col-xs-12 col-md-4 row justify-xs-center justify-md-start q-mb-md"
class="
col
col-md-4
col-xs-12
column-xs
justify-md-start
justify-xs-center
row-sm
"
:itemurls="itemurls"
:manifests="manifests"
/>
......@@ -19,12 +27,13 @@
<Togglebar
class="
col
column-xs
col-xs-12
col-md-auto
row-sm
col-xs-12
column-xs
content-sm-center
justify-sm-evenly
content-sm-center"
row-sm
"
:status="status"
/>
</div>
......
......@@ -79,7 +79,9 @@ export default {
<style lang="scss" scoped>
button {
margin-right: 8px;
@media (min-width: 600px) {
margin-right: 8px;
}
}
button:last-of-type {
margin-right: 0;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment