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.
56 lines
1.3 KiB
56 lines
1.3 KiB
<template>
|
|
<Dialog header="Define searcher"
|
|
:visible.sync="showDialog"
|
|
:maximizable="true"
|
|
:modal="true"
|
|
:block-scroll="true"
|
|
:style="{width: '95vw', height: '95vh',}"
|
|
:contentStyle="{overflow: 'visible'}"
|
|
:baseZIndex="2014"
|
|
id="define-searcher"
|
|
ref="define-searcher">
|
|
|
|
<create-searcher :is-defining="true"
|
|
:defined-searcher="text"
|
|
@defined="onDefined">
|
|
</create-searcher>
|
|
</Dialog>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import {Component, Prop, Vue, Watch} from "vue-property-decorator";
|
|
import CreateSearcher from './Create';
|
|
|
|
@Component({
|
|
components: {
|
|
CreateSearcher,
|
|
},
|
|
})
|
|
export default class DefineSearcher extends Vue {
|
|
private showDialog: boolean = false;
|
|
|
|
@Prop({default: ''})
|
|
public readonly text!: string;
|
|
|
|
private onDefined(searcher: Object) {
|
|
this.$emit('done', searcher);
|
|
}
|
|
|
|
@Watch('showDialog')
|
|
showDialogChanged() {
|
|
if ( ! this.showDialog) {
|
|
this.$emit('close');
|
|
}
|
|
}
|
|
|
|
mounted() {
|
|
this.showDialog = true;
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="sass">
|
|
#define-searcher
|
|
.p-dialog-content
|
|
min-height: 90%
|
|
</style>
|