Repo for the search and displace core module including the interface to select files and search and displace operations to run on them.
https://searchanddisplace.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.5 KiB
52 lines
1.5 KiB
<template>
|
|
<div class="header">
|
|
<!-- Left side of header -->
|
|
<div class="left">
|
|
<Button
|
|
@click="onRouteChange('/')"
|
|
class="p-button-primary"
|
|
label="Search and Displace" />
|
|
</div>
|
|
|
|
<!-- Right side of header -->
|
|
<div class="right">
|
|
<Button
|
|
@click="onRouteChange('/regex/create')"
|
|
class="p-button-primary fc-button"
|
|
label="Add regex" />
|
|
<Button
|
|
@click="onRouteChange('/searchers')"
|
|
class="p-button-primary fc-button"
|
|
label="Add regex" />
|
|
</div>
|
|
|
|
<ConfirmDialog></ConfirmDialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from 'vue';
|
|
import Component from 'vue-class-component';
|
|
|
|
@Component
|
|
export default class AppHeader extends Vue {
|
|
onHomeButtonClick() {
|
|
window.location.href = '/';
|
|
}
|
|
|
|
onRouteChange(url: string) {
|
|
this.$confirm.require({
|
|
message: 'You will lose any progress on the current uploaded document. Are you sure you want to proceed?',
|
|
header: 'Confirmation',
|
|
icon: 'pi pi-exclamation-triangle',
|
|
accept: () => {
|
|
console.log("ACCEPT!");
|
|
window.location.href = url;
|
|
},
|
|
reject: () => {
|
|
// TODO: Show a message to the user that the action was cancelled.
|
|
}
|
|
});
|
|
}
|
|
}
|
|
</script>
|