parent
b54eccdd7f
commit
e380f34c21
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,34 @@
|
||||
<potato-filter>
|
||||
<div class="filter">
|
||||
<button class="button button--icon button--hover-icon-contrast m-bottom-0">
|
||||
<svg class="icon icon--big">
|
||||
<use xlink:href="symbol-defs.svg#icon-filter" />
|
||||
</svg>
|
||||
</button>
|
||||
<div class="">
|
||||
<div class="">
|
||||
|
||||
</div>
|
||||
<div class="">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
/**
|
||||
* close app
|
||||
*
|
||||
* @author Björn Hase
|
||||
* @license hhttps://www.gnu.org/licenses/gpl-3.0.en.html GPL-3
|
||||
* @link https://gitea.node001.net/HerrHase/potato-launcher.git
|
||||
*
|
||||
*/
|
||||
|
||||
export default {
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
</potato-filter>
|
@ -0,0 +1,45 @@
|
||||
<potato-sorting>
|
||||
<div class="filter">
|
||||
<button class="button button--icon button--hover-icon-contrast m-bottom-0" if={ state.orderBy === 'name' } onclick={ (event) => { handleToggle(event) }}>
|
||||
<svg class="icon icon--big">
|
||||
<use xlink:href="symbol-defs.svg#icon-text" />
|
||||
</svg>
|
||||
</button>
|
||||
<button class="button button--icon button--hover-icon-contrast m-bottom-0" if={ state.orderBy === 'date_started' } onclick={ (event) => { handleToggle(event) }}>
|
||||
<svg class="icon icon--big">
|
||||
<use xlink:href="symbol-defs.svg#icon-clock" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
/**
|
||||
* sorting of apps
|
||||
*
|
||||
* @author Björn Hase <me@herr-hase.wtf>
|
||||
* @license hhttps://www.gnu.org/licenses/gpl-3.0.en.html GPL-3
|
||||
* @link https://gitea.node001.net/HerrHase/potato-launcher.git
|
||||
*
|
||||
*/
|
||||
|
||||
export default {
|
||||
state: {
|
||||
orderBy: 'name'
|
||||
},
|
||||
|
||||
handleToggle(event) {
|
||||
event.preventDefault()
|
||||
|
||||
if (this.state.orderBy === 'name') {
|
||||
this.state.orderBy = 'date_started'
|
||||
} else if (this.state.orderBy = 'date_started') {
|
||||
this.state.orderBy = 'name'
|
||||
}
|
||||
|
||||
this.update()
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</potato-sorting>
|
Loading…
Reference in new issue