Skip to content

Commit

Permalink
Fix Lijnts
Browse files Browse the repository at this point in the history
  • Loading branch information
@ingalls
ingalls committed Oct 7, 2024
1 parent d7e5f92 commit 34e781e
Show file tree
Hide file tree
Showing 28 changed files with 2,057 additions and 1,541 deletions.
4 changes: 4 additions & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,10 @@

## Version History

### v3.53.0

- :rocket: Passthrough Autocomplete on input

### v3.52.0

- :rocket: Allow string dates in Epoch components
Expand Down
84 changes: 57 additions & 27 deletions components/Alert.vue
View file
Original file line number Diff line number Diff line change
@@ -1,34 +1,64 @@
<template>
<div class='card-body'>
<div class='d-flex justify-content-center' :class='{
"mt-4 mb-2": !compact
}'>
<IconAlertTriangle v-if='compact' :size='32' :stroke='1' />
<IconAlertTriangle v-else :size='48' :stroke='1'/>
</div>
<div class='card-body'>
<div
class='d-flex justify-content-center'
:class='{
"mt-4 mb-2": !compact
}'
>
<IconAlertTriangle
v-if='compact'
:size='32'
:stroke='1'
/>
<IconAlertTriangle
v-else
:size='48'
:stroke='1'
/>
</div>

<h3 class='pt-3 text-center' v-text='title'></h3>
<div class='text-center' :class='{
"mb-4 mt-2": !compact
}'>
<div><span v-text='err.message'/></div>
</div>
<h3
class='pt-3 text-center'
v-text='title'
/>
<div
class='text-center'
:class='{
"mb-4 mt-2": !compact
}'
>
<div><span v-text='err.message' /></div>
</div>

<template v-if='err.body || err.stack'>
<div class="py-2 px-3">
<div @click='open = !open' class='subheader d-flex align-items-center cursor-pointer'>
<IconChevronRight v-if='!open' :size='24' :stroke='1' class='cursor-pointer'/>
<IconChevronDown v-else :size='24' :stroke='1' class='cursor-pointer'/>
<span>Advanced</span>
<template v-if='err.body || err.stack'>
<div class='py-2 px-3'>
<div
class='subheader d-flex align-items-center cursor-pointer'
@click='open = !open'
>
<IconChevronRight
v-if='!open'
:size='24'
:stroke='1'
class='cursor-pointer'
/>
<IconChevronDown
v-else
:size='24'
:stroke='1'
class='cursor-pointer'
/>
<span>Advanced</span>
</div>
<pre
v-if='open'
class='my-3'
v-text='err.body || err.stack'
/>
</div>
<pre
v-if='open'
v-text='err.body || err.stack'
class='my-3'
/>
</div>
</template>
</div>
</template>
</div>
</template>

<script>
Expand Down
49 changes: 35 additions & 14 deletions components/BreadCrumb.vue
View file
Original file line number Diff line number Diff line change
@@ -1,19 +1,40 @@
<template>
<ol class="breadcrumb" aria-label="breadcrumbs">
<li class="breadcrumb-item"><a @click='$router.push("/")' class='cursor-pointer'>Home</a></li>
<li
:key='crumb_it'
v-for='(crumb, crumb_it) in crumbs'
class="breadcrumb-item"
:class='{
"active": crumb_it === crumbs.length - 1
}'
<ol
class='breadcrumb'
aria-label='breadcrumbs'
>
<a v-if='crumb_it === crumbs.length - 1' v-text='crumb'></a>
<a v-else-if='normalize' @click='$router.push("/" + crumbs.splice(0, crumb_it + 1).join("/").toLowerCase())' class='cursor-pointer' v-text='crumb'></a>
<a v-else @click='$router.push("/" + crumbs.splice(0, crumb_it + 1).join("/"))' class='cursor-pointer' v-text='crumb'></a>
</li>
</ol>
<li class='breadcrumb-item'>
<a
class='cursor-pointer'
@click='$router.push("/")'
>Home</a>
</li>
<li
v-for='(crumb, crumb_it) in crumbs'
:key='crumb_it'
class='breadcrumb-item'
:class='{
"active": crumb_it === crumbs.length - 1
}'
>
<a
v-if='crumb_it === crumbs.length - 1'
v-text='crumb'
/>
<a
v-else-if='normalize'
class='cursor-pointer'
@click='$router.push("/" + crumbs.splice(0, crumb_it + 1).join("/").toLowerCase())'
v-text='crumb'
/>
<a
v-else
class='cursor-pointer'
@click='$router.push("/" + crumbs.splice(0, crumb_it + 1).join("/"))'
v-text='crumb'
/>
</li>
</ol>
</template>

<script>
Expand Down
2 changes: 1 addition & 1 deletion components/Bytes.vue
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<span v-text='display'/>
<span v-text='display' />
</template>

<script>
Expand Down
92 changes: 60 additions & 32 deletions components/Delete.vue
View file
Original file line number Diff line number Diff line change
@@ -1,33 +1,58 @@
<template>
<div>
<template v-if='displaytype === "button"'>
<div @click.stop.prevent='modal = true' class="btn btn-outline-danger">
<span v-text='label'/>
</div>
</template>
<template v-else>
<IconTrash @click.stop.prevent='modal = true' :size='size' :stroke='1' class='cursor-pointer'/>
</template>
<div>
<template v-if='displaytype === "button"'>
<div
class='btn btn-outline-danger'
@click.stop.prevent='modal = true'
>
<span v-text='label' />
</div>
</template>
<template v-else>
<IconTrash
:size='size'
:stroke='1'
class='cursor-pointer'
@click.stop.prevent='modal = true'
/>
</template>

<TablerModal v-if='modal'>
<button type="button" class="btn-close" @click='modal = false' aria-label="Close"></button>
<div class="modal-status bg-red"></div>
<div class="modal-header text-center py-4">
Deletion Confirmation
</div>
<div class="modal-body text-center py-4">
Are you sure you wish to perform this deletion?
</div>
<div class="modal-footer">
<div @click='$emit("delete")' class="btn btn-danger">
<TablerLoading v-if='loading' :inline='true'/>
<template v-else>
<IconTrash :size='32' :stroke='1'/><span class='mx-2' v-text='label'/>
</template>
<TablerModal v-if='modal'>
<button
type='button'
class='btn-close'
aria-label='Close'
@click='modal = false'
/>
<div class='modal-status bg-red' />
<div class='modal-header text-center py-4'>
Deletion Confirmation
</div>
<div class='modal-body text-center py-4'>
Are you sure you wish to perform this deletion?
</div>
</div>
</TablerModal>
</div>
<div class='modal-footer'>
<div
class='btn btn-danger'
@click='$emit("delete")'
>
<TablerLoading
v-if='loading'
:inline='true'
/>
<template v-else>
<IconTrash
:size='32'
:stroke='1'
/><span
class='mx-2'
v-text='label'
/>
</template>
</div>
</div>
</TablerModal>
</div>
</template>

<script>
Expand All @@ -39,6 +64,11 @@ import {
export default {
name: 'TablerDelete',
components: {
IconTrash,
TablerLoading,
TablerModal
},
props: {
label: {
type: String,
Expand All @@ -53,6 +83,9 @@ export default {
default: 'button' // Or icon
}
},
emits: [
'delete'
],
data: function() {
return {
loading: false,
Expand All @@ -64,11 +97,6 @@ export default {
this.loading = true;
this.$emit('delete')
}
},
components: {
IconTrash,
TablerLoading,
TablerModal
}
}
</script>
40 changes: 26 additions & 14 deletions components/Dropdown.vue
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,28 @@
<template>
<div class="dropdown">
<div type="button" :id='id' data-bs-toggle="dropdown" aria-expanded="false">
<slot>
<IconSettings :size='32' :stoke='1' class='cursor-pointer'/>
</slot>
<div class='dropdown'>
<div
:id='id'
type='button'
data-bs-toggle='dropdown'
aria-expanded='false'
>
<slot>
<IconSettings
:size='32'
:stoke='1'
class='cursor-pointer'
/>
</slot>
</div>
<ul
class='dropdown-menu w-100'
:aria-labelledby='id'
>
<slot name='dropdown'>
Dropdown Content
</slot>
</ul>
</div>
<ul class="dropdown-menu w-100" :aria-labelledby='id'>
<slot name='dropdown'>
Dropdown Content
</slot>
</ul>
</div>
</template>

<script>
Expand All @@ -20,13 +32,13 @@ import {
export default {
name: 'TablerDropdown',
components: {
IconSettings
},
data: function() {
return {
id: 'tabler-dropdown-' + Math.random().toString(36).substr(2, 9) + '-' + Date.now().toString(36)
}
},
components: {
IconSettings
}
}
</script>
2 changes: 1 addition & 1 deletion components/Epoch.vue
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<span v-text='display'/>
<span v-text='display' />
</template>

<script>
Expand Down
2 changes: 1 addition & 1 deletion components/EpochRange.vue
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<span v-text='display'/>
<span v-text='display' />
</template>

<script>
Expand Down
Loading

0 comments on commit 34e781e

Please sign in to comment.