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

(WIP) UPDATE UI with Quasar elements

parent d84951bd
Pipeline #131208 passed with stages
in 3 minutes and 45 seconds
......@@ -2702,6 +2702,16 @@
"integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==",
"dev": true
},
"bindings": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
"integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
"dev": true,
"optional": true,
"requires": {
"file-uri-to-path": "1.0.0"
}
},
"bl": {
"version": "4.0.2",
"resolved": "https://registry.npmjs.org/bl/-/bl-4.0.2.tgz",
......@@ -5986,6 +5996,13 @@
"schema-utils": "^2.5.0"
}
},
"file-uri-to-path": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
"integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
"dev": true,
"optional": true
},
"filesize": {
"version": "3.6.1",
"resolved": "https://registry.npmjs.org/filesize/-/filesize-3.6.1.tgz",
......@@ -14014,6 +14031,7 @@
"dev": true,
"optional": true,
"requires": {
"bindings": "^1.5.0",
"nan": "^2.12.1",
"node-pre-gyp": "*"
},
......@@ -15158,6 +15176,7 @@
"dev": true,
"optional": true,
"requires": {
"bindings": "^1.5.0",
"nan": "^2.12.1",
"node-pre-gyp": "*"
},
......
......@@ -93,7 +93,7 @@ module.exports = function (ctx) {
devServer: {
https: false,
port: 8080,
open: true // opens browser window automatically
open: false // opens browser window automatically
},
// animations: 'all', // --- includes all animations
......
<template>
<h1 class="text-h5 text-bold text-uppercase q-px-sm q-mb-md">
<span>{{ cut(collectiontitle) }}</span>
<q-icon class="q-pb-sm" size="40px" :name="fasChevronRight" />
<span>{{ cut(manifesttitle) }}</span>
<q-icon class="q-pb-sm" size="40px" :name="fasChevronRight" />
<span>{{ cut(itemurl) }}</span>
</h1>
<div class="row justify-center">
<h1 class="col-12 col-auto q-px-sm text-h5 text-bold text-uppercase">
<span>{{ cut(collectiontitle) }}</span>
<q-icon class="q-pb-sm" size="40px" :name="fasChevronRight" />
<span>{{ cut(manifesttitle) }}</span>
<q-icon class="q-pb-sm" size="40px" :name="fasChevronRight" />
<span>{{ cut(itemurl) }}</span>
</h1>
</div>
</template>
<script>
......
<template>
<div class="q-gutter-sm">
<div class="">
<q-btn
unelevated
color="black"
......
<template>
<q-header elevated class="bg-white text-black">
<div>
<Infobar v-if="manifests.length"
class="sub-viewer-1__info"
:collection="collection"
:itemurl="itemurl"
:manifests="manifests"
/>
</div>
<div class="sub-viewer-1__nav">
<Togglebar :status="status" />
<div class="row justify-center q-px-sm">
<Navbar
class="col col-md-4"
:itemurls="itemurls"
:manifests="manifests"
/>
<Navbar :itemurls="itemurls" :manifests="manifests" />
<Togglebar
class="col col-md-8"
:status="status"
/>
</div>
</q-header>
</template>
......@@ -36,3 +44,14 @@ export default {
},
};
</script>
<style scoped>
div {
max-width: 1200px;
margin: 0 auto;
}
</style>
<style>
</style>
<template>
<div class="q-gutter-sm" title="Tab options">
<div class="" title="Tab options">
<q-btn outline
v-for="(name, idx) in panels"
:aria-selected="toggleAria(idx)"
......
......@@ -103,27 +103,27 @@ $typography-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI
// @import "quasar";
@import "./node_modules/frontend-templating/src/scss/vars";
// @import "./node_modules/frontend-templating/src/scss/vars";
// @import "../../node_modules/golden-layout/src/css/goldenlayout-base";
@import "./node_modules/frontend-templating/src/scss/base/reset";
@import "./node_modules/frontend-templating/src/scss/base/font-face";
@import "./node_modules/frontend-templating/src/scss/base/basic";
@import "./node_modules/frontend-templating/src/scss/base/layout";
@import "./node_modules/frontend-templating/src/scss/base/helper";
@import "./node_modules/frontend-templating/src/scss/base/a11y";
// @import "./node_modules/frontend-templating/src/scss/base/reset";
// @import "./node_modules/frontend-templating/src/scss/base/font-face";
// @import "./node_modules/frontend-templating/src/scss/base/basic";
// @import "./node_modules/frontend-templating/src/scss/base/layout";
// @import "./node_modules/frontend-templating/src/scss/base/helper";
// @import "./node_modules/frontend-templating/src/scss/base/a11y";
@import "./node_modules/frontend-templating/src/scss/elements/headings";
@import "./node_modules/frontend-templating/src/scss/elements/buttons";
// @import "./node_modules/frontend-templating/src/scss/elements/headings";
// @import "./node_modules/frontend-templating/src/scss/elements/buttons";
@import "./node_modules/frontend-templating/src/scss/blocks/objectlist-1";
@import "./node_modules/frontend-templating/src/scss/blocks/content";
@import "./node_modules/frontend-templating/src/scss/blocks/treeview-1";
// @import "./node_modules/frontend-templating/src/scss/blocks/objectlist-1";
// @import "./node_modules/frontend-templating/src/scss/blocks/content";
// @import "./node_modules/frontend-templating/src/scss/blocks/treeview-1";
// @import "blocks/top-1";
// @import "blocks/misc-links-1";
// @import "./node_modules/frontend-templating/src/scss/blocks/goldenlayout";
@import "./node_modules/frontend-templating/src/scss/blocks/sub-viewer-1";
// @import "./node_modules/frontend-templating/src/scss/blocks/sub-viewer-1";
// @import "blocks/logo-block-1";
// @import "form";
......@@ -135,4 +135,4 @@ $typography-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI
// @import "pages/page-buttons";
// @import "pages/page-headings";
@import "./node_modules/frontend-templating/src/scss/shame";
// @import "./node_modules/frontend-templating/src/scss/shame";
This diff is collapsed.
Supports Markdown
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