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.
45 lines
1.1 KiB
45 lines
1.1 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="Searchers" />
|
|
</div>
|
|
|
|
<ConfirmDialog :blockScroll="false"></ConfirmDialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { eventBus } from '@/app';
|
|
import Vue from 'vue';
|
|
import Component from 'vue-class-component';
|
|
|
|
@Component
|
|
export default class AppHeader extends Vue {
|
|
|
|
|
|
/**
|
|
* Called when we want to change the route
|
|
*
|
|
* @param {string} url The url to the new route
|
|
*/
|
|
onRouteChange(url: string) {
|
|
eventBus.$emit('changeRoute', url);
|
|
}
|
|
}
|
|
</script>
|