go/mailpit
1
0
Fork 0
mirror of https://github.com/axllent/mailpit.git synced 2025-06-15 00:05:15 +02:00
Code Issues Releases Activity

UI: Rewrite web UI, add URL routing and components

Browse Source 
See #156
This commit is contained in:
Ralph Slooten
2023-09-22 15:06:03 +12:00
parent 8f0549c596
commit 6a4e5fb03c
37 changed files with 3254 additions and 540 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
server/ui-src/components/SearchForm.vue
View File

@ -1,12 +1,14 @@
<script>
import CommonMixins from '../mixins/CommonMixins.js'
import CommonMixins from '../mixins/CommonMixins'
import { pagination } from '../stores/pagination'
export default {
mixins: [CommonMixins],
data() {
return {
search: ''
search: '',
pagination
}
},
@ -22,12 +24,12 @@ export default {
methods: {
searchFromURL: function () {
const urlParams = new URLSearchParams(window.location.search);
this.search = urlParams.get('q') ? urlParams.get('q') : '';
const urlParams = new URLSearchParams(window.location.search)
this.search = urlParams.get('q') ? urlParams.get('q') : ''
},
doSearch: function (e) {
// let u = this.$router.resolve(`/search`).href;
pagination.start = 0
if (this.search == '') {
this.$router.push('/')
} else {
@ -47,10 +49,7 @@ export default {
<template>
<form v-on:submit="doSearch">
<div class="input-group">
<RouterLink to="/" class="navbar-brand d-md-none">
<img :src="baseURL + 'mailpit.svg'" alt="Mailpit">
</RouterLink>
<div class="input-group flex-nowrap">
<div class="ms-md-2 d-flex border bg-body rounded-start flex-fill position-relative">
<input type="text" class="form-control border-0" aria-label="Search" v-model.trim="search"
placeholder="Search mailbox">