Skip to content

Commit

Permalink
Correct frontend errors
Browse files Browse the repository at this point in the history
  • Loading branch information
@hunter-richardson
hunter-richardson committed Jul 17, 2024
1 parent 0d3645b commit 92cf89a
Show file tree
Hide file tree
Showing 19 changed files with 337 additions and 318 deletions.
32 changes: 31 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,40 @@
<meta charset="UTF-8">
<link rel="icon" href="/res/picta/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <title>Structor Verborum</title> -->
<style>
.dialog {
display: flex;
justify-content: center;
} .dialog .iframe {
height: 100%;
width: 100%;
} .column {
flex: auto;
width: 50%;
margin: 10px;
}
</style>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/figura.ts"></script>
<noscript>
<dialog open>
<header>
<div class='column'>
<h3>Your browser does not support <a href='https://developer.mozilla.org/docs/Web/JavaScript'>JavaScript</a>!</h3>
</div>
<div class='column'>
<h3>Tonsor tuus <a href='https://developer.mozilla.org/docs/Web/JavaScript'>ScripturamIavam</a> non fert!</h3>
</div>
</header>
<div class='column'>
<p>Please update your browser or enable JavaScript to use this application.</p>
</div>
<div class='column'>
<p>Renovato tonsorem licetove ScripturamIavam ut appositum utaris.</p>
</div>
</dialog>
</noscript>
</body>
</html>
24 changes: 13 additions & 11 deletions src/facies/404.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,11 @@
const data = (): {
anglica: boolean;
historia: History;
} => {
return {
anglica: Crustula.se.ipse().lingua.est('anglica') ?? false
anglica: Crustula.se.ipse().lingua.est('anglica') ?? false,
historia: history
}
};
Expand All @@ -24,14 +26,14 @@
});
</script>

<template lang="vue">
<v-app>
<v-container>
<v-empty-state :text="anglica ? 'The requested resource is missing' : 'Quaerenda res abest'"
:title="anglica ? 'Absent page' : 'Absens pagina'"
:headline="anglica ? 'Oops, 404!' : 'Vae CDIV!'" @click:action='history.back();'
image='/res/picta/latina.png' :actionText="anglica ? 'Go back' : 'Recipe'"
icon='arrow_back' />
</v-container>
</v-app>
<template>
<v-app>
<v-container>
<v-empty-state :text="anglica ? 'The requested resource is missing' : 'Quaerenda res abest'"
:title="anglica ? 'Absent page' : 'Absens pagina'"
:headline="anglica ? 'Oops, 404!' : 'Vae CDIV!'"
@click:action='historia.back();' image='/res/picta/latina.png'
:actionText="anglica ? 'Go back' : 'Recipe'" icon='arrow_back' />
</v-container>
</v-app>
</template>
238 changes: 118 additions & 120 deletions src/facies/appositus.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -96,8 +96,7 @@
return {
crustula, interverteFaciem, resepara, negavit, coquantur
};
},
methods: {
}, methods: {
async refer (): Promise<void> {
if (this.referret) {
await referatur(locutor.scribantur());
Expand Down Expand Up @@ -146,130 +145,129 @@
});
</script>

<template lang='vue'>
<gustulare :gustulus='gustulus' />
<template v-if="crustula.assensus === 'assensit'">
<draggable @start='trahens = true' @end='trahens = false'>
<v-speed-dial id='crustula' location='bottom center' transition='fade-transition' open-on-click>
<template #activator='{ props: activator }'>
<v-fab v-bind='activator' size='medium' icon='cake' />
</template>
<v-btn key='lingua' id='crustula.lingua' icon
@click="crustula.lingua.interverteUtrum();" >
<v-img height='36px' width='36px' :src="`/res/picta/${crustula.lingua.edatur()}.png`" />
</v-btn>
<v-btn key='facies' id='crustula.facies'
:icon="`${crustula.facies.est('fusca') ? 'dark' : 'light'}_mode`"
@click='interverteFaciem()' />
<v-btn key='apices' id='crustula.apices'
:text="crustula.apices.est() ? 'ā' : 'a'"
@click='crustula.apices.interverteUtrum();' />
<v-btn key='magnas' id='crustula.magnas'
:text="crustula.magnas.est() ? 'A' : 'a'"
@click='crustula.magnas.interverteUtrum();' />
<v-btn key='utendaU' id='crustula.utendaU'
:text="crustula.utendaU.est() ? 'v' : 'u'"
@click='crustula.utendaU.interverteUtrum();' />
<v-btn key='crustula.separator.inane' text=' _ '
@click="resepara('inane');"
id='crustula.separator.inane' />
<v-btn key='crustula.separator.interpunctum' text=' • '
@click="resepara('interpunctum');"
id='crustula.separator.interpunctum' />
<v-btn key='crustula.separator.nullum' text=' '
@click="resepara('nullum');"
id='crustula.separator.nullum' />
</v-speed-dial>
</draggable>
</template>
<v-card>
<v-app-bar density='compact' location='top' absolute flat tile>
<v-app-bar-title text='StructorVerborum' />
<template v-if='locutionis'>
<v-card location='right'>
<template v-if='locutionis'>
<v-btn-toggle density='compact'>
<template v-if='referret'>
<v-btn icon='content_copy' id='refer' @click='refer()' />
</template>
<template v-if='transduceret'>
<v-btn icon='file_open' id='transduc' @click='transduc()' />
</template>
</v-btn-toggle>
<template>
<template v-if='crustula'>
<gustulare :gustulus='gustulus' />
<template v-if="crustula.assensus.est('assensit')">
<draggable @start='trahens = true' @end='trahens = false'>
<v-speed-dial id='crustula' location='bottom center' transition='fade-transition'
open-on-click>
<template #activator='{ props: activator }'>
<v-fab v-bind='activator' size='medium' icon='cake' />
</template>
<v-avatar image='https://avatars.githubusercontent.com/u/22331463'>
<v-hover>
<template #default='{ isHovering, props }'>
<a v-if='isHovering' target='_blank'
href='https://github.com/hunter-richardson/structorverborum/issues'>
<v-card v-bind='props'
:text="crustula.lingua === 'anglica' ? 'Let\'s talk!' : 'Colloquamur'" />
</a>
</template>
</v-hover>
</v-avatar>
</v-card>
</template>
<template v-else>
<div id='subiciendum' class='text-center'>
<v-card :text="lingua === 'anglica' ? 'What would you like to do or say?' : 'Quid agere loquive velles'" />
</div>
</template>
</v-app-bar>
<v-tabs v-model='annulus.value' align-tabs='center' density='compact' grow hide-slider mandatory>
<template v-for='annulus in annuli'>
<v-tab :v-bind:key='annulus' :value='annulus' selected-class='text-primary'
:id="`annulus_${annulus}`" density='compact' :text='annulus.titula' tile />
</template>
</v-tabs>
<v-tabs-window v-model='annulus.value'>
<v-tabs-window-item value='quaerere'>
<quaerere />
</v-tabs-window-item>
<v-tabs-window-item value='numerare'>
<numerare />
</v-tabs-window-item>
<v-tabs-window-item value='calculare'>
<calculare />
</v-tabs-window-item>
</v-tabs-window>
</v-card>
<template v-if='crustula && !crustula.assensus'>
<v-footer absolute>
<div class='text-center'>
<span class='text-left'>
<div id='titulus.latinus'>
Hic crustula utantur ut singulas opteris pro usu tibi, aut crustula condita negare optares et situm immutatum utereris, atque solum crustulum conditum erit renutus eorum.<br><br>Noteris quod crustula plura mutabunt modum pariendo locutionum ergo infidum esset vertere huc illucque.
</div>
<v-btn-toggle>
<v-btn text='Assentio' id='assentio' append-icon='handshake'
@click='coquantur();' />
<v-btn text='Nego' id='nego' append-icon='block'
@click='negavit();' />
</v-btn-toggle>
</span>
<span class='text-left'>
<div id='titulus.anglicus'>
Here cookies are used so that you may choose details for your own experience. Or you can choose not to store cookies and use the site unchanged; in this case, the only cookie stored would be your refusal of them.<br><br>Note that most of these cookies will modify the method of generating phrases, so switching them back-and-forth between modes will be unreliable.
<v-btn key='lingua' id='crustula.lingua' icon @click="crustula.lingua.interverteUtrum();">
<v-img height='36px' width='36px' :src="`/res/picta/${crustula.lingua.edatur()}.png`" />
</v-btn>
<v-btn key='facies' id='crustula.facies'
:icon="`${crustula.facies.est('fusca') ? 'dark' : 'light'}_mode`"
@click='interverteFaciem()' />
<v-btn key='apices' id='crustula.apices' :text="crustula.apices.est() ? 'ā' : 'a'"
@click='crustula.apices.interverteUtrum();' />
<v-btn key='magnas' id='crustula.magnas' :text="crustula.magnas.est() ? 'A' : 'a'"
@click='crustula.magnas.interverteUtrum();' />
<v-btn key='utendaU' id='crustula.utendaU' :text="crustula.utendaU.est() ? 'v' : 'u'"
@click='crustula.utendaU.interverteUtrum();' />
<v-btn key='crustula.separator.inane' text=' _ ' @click="resepara('inane');"
id='crustula.separator.inane' />
<v-btn key='crustula.separator.interpunctum' text=' • ' @click="resepara('interpunctum');"
id='crustula.separator.interpunctum' />
<v-btn key='crustula.separator.nullum' text=' ' @click="resepara('nullum');"
id='crustula.separator.nullum' />
</v-speed-dial>
</draggable>
</template>
<v-card>
<v-app-bar density='compact' location='top' absolute flat tile>
<v-app-bar-title text='StructorVerborum' />
<template v-if='locutionis'>
<v-card location='right'>
<template v-if='locutionis'>
<v-btn-toggle density='compact'>
<template v-if='referret'>
<v-btn icon='content_copy' id='refer' @click='refer()' />
</template>
<template v-if='transduceret'>
<v-btn icon='file_open' id='transduc' @click='transduc()' />
</template>
</v-btn-toggle>
</template>
<v-avatar image='https://avatars.githubusercontent.com/u/22331463'>
<v-hover>
<template #default='{ isHovering, props }'>
<a v-if='isHovering' target='_blank'
href='https://github.com/hunter-richardson/structorverborum/issues'>
<v-card v-bind='props'
:text="crustula?.lingua.est('anglica') ? 'Let\'s talk!' : 'Colloquamur'" />
</a>
</template>
</v-hover>
</v-avatar>
</v-card>
</template>
<template v-else>
<div id='subiciendum' class='text-center'>
<v-card
:text="crustula?.lingua.est('anglica') ? 'What would you like to do or say?' : 'Quid agere loquive velles'" />
</div>
<v-btn-toggle>
<v-btn text='Agree' append-icon='handshake'
@click="crustula?.lingua.coquatur('anglica');
coquantur();" />
<v-btn text='Refuse' append-icon='block'
@click='negavit();' />
</v-btn-toggle>
</span>
</div>
</v-footer>
</template>
</v-app-bar>
<v-tabs v-model='annulus' align-tabs='center' density='compact' grow hide-slider mandatory>
<template v-for='res in annuli' :key='res'>
<v-tab :value='res' selected-class='text-primary' :id="`annulus_${res}`" density='compact'
:text='res.titula' tile />
</template>
</v-tabs>
<v-tabs-window v-model='annulus'>
<v-tabs-window-item value='quaerere'>
<quaerere />
</v-tabs-window-item>
<v-tabs-window-item value='numerare'>
<numerare />
</v-tabs-window-item>
<v-tabs-window-item value='calculare'>
<calculare />
</v-tabs-window-item>
</v-tabs-window>
</v-card>
<template v-if='!crustula.assensus'>
<v-footer absolute>
<v-container>
<v-row no-gutters>
<v-col>
<v-sheet class='pa-1'>
<div id='titulus.latinus'>Hic crustula utantur ut singulas opteris pro usu tibi, aut
crustula condita negare optares et situm immutatum utereris, atque solum crustulum
conditum erit renutus eorum.<br><br>Noteris quod crustula plura mutabunt modum
pariendo locutionum ergo infidum esset vertere huc illucque.</div>
<v-btn-toggle>
<v-btn text='Assentio' id='assentio' append-icon='handshake'
@click='coquantur();' />
<v-btn text='Nego' id='nego' append-icon='block' @click='negavit();' />
</v-btn-toggle>
</v-sheet>
</v-col>
<v-col>
<v-sheet class='pa-1'>
<div id='titulus.anglicus'>Here cookies are used so that you may choose details for
your own experience. Or you can choose not to store cookies and use the site
unchanged; in this case, the only cookie stored would be your refusal of
them.<br><br>Note that most of these cookies will modify the method of generating
phrases, so switching them back-and-forth between modes will be unreliable.</div>
<v-btn-toggle>
<v-btn text='Agree' append-icon='handshake' @click="crustula?.lingua.coquatur('anglica');
coquantur();" />
<v-btn text='Refuse' append-icon='block' @click='negavit();' />
</v-btn-toggle>
</v-sheet>
</v-col>
</v-row>
</v-container>
</v-footer>
</template>
</template>
</template>

<style>
.v-speed-dial {
position: absolute;
}

.v-btn--floating {
position: relative;
}
Expand Down
27 changes: 9 additions & 18 deletions src/facies/calculare.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,21 +16,15 @@
romanus: 'N'
};
const actus: string[][] = [
[ 'I', 'C', '·', '+' ],
[ 'V', 'D', ':', '-' ],
[ 'X', 'M', '∴', '•' ],
[ 'L', '|', '×', '÷' ],
[ '=', 'N', 'S', '%' ]
];
const actus: string = 'IC·+VD:-XM∴•L|×÷=NS%';
const componenta: ComponentOptionsWithoutProps = {
gustulare, specere
};
const data = (): {
gustulus: Ref<Gustulus | undefined>,
actus: string[][],
actus: string,
nihil: numeri;
} => {
return {
Expand Down Expand Up @@ -117,13 +111,12 @@
});
</script>

<template lang='vue'>
<template>
<gustulare :gustulus='gustulus' />
<template v-if='numerus'>
<specere :verbum='numerus'
@blur='numerus = null;' />
<specere :verbum='numerus' @blur='numerus = undefined;' />
</template>
<template v-if='praevii.anglicus'>
<template v-if='praevii.arabicus'>
<div class='text-center'>
<template v-if='Number.isInteger(praevii.arabicus)'>
<v-btn id='refer' icon='aequa' @click='aequa();' />
Expand All @@ -135,12 +128,10 @@
</div>
</template>
<v-card :text='praesentes.romanus' />
<div class='text-center' v-for='linea in actus' :key='linea'>
<span class='text-center' v-for='littera in linea' :key='littera'>
<v-card :text=` ${littera} ` :id='`actus_${littera}`'
:disabled='licta(littera)' density='comfortable'
@click='ponatur(littera);'
position='absolute' border hover />
<div class='text-center' v-for="linea in Array.from(actus)" :key='linea'>
<span class='text-center' v-for="littera in Array.from(linea)" :key='littera'>
<v-card :text="` ${littera} `" :id='`actus_${littera}`' :disabled='licta(littera)'
density='comfortable' @click='ponatur(littera);' position='absolute' border hover />
</span>
</div>
</template>
Loading

0 comments on commit 92cf89a

Please sign in to comment.