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.
 
 
 
 
 
 

61 lines
2.1 KiB

<template>
<div class="wrap">
<template v-if=" ! error">
<template v-if=" ! fileUploaded">
<template v-if=" ! uploading">
<Panel header="Please upload a file">
<FileUpload
name="demo[]"
:showUploadButton="false"
:showCancelButton="false"
chooseLabel="Choose file"
:customUpload="true"
:auto="true"
@uploader="uploadFile"
>
<template #empty>
<p>Drag and drop files to here to upload.</p>
</template>
</FileUpload>
</Panel>
<BlockUI :blocked="uiBlocked" :fullScreen="true"></BlockUI>
</template>
<template v-else>
<Skeleton /><br />
<Skeleton /><br />
<Skeleton /><br />
<Skeleton /><br />
<Skeleton /><br />
<Skeleton /><br />
<Skeleton /><br />
</template>
</template>
<template v-else>
<process-file :file="uploadResult"
:document="document"
:searchers="availableSearchers"
@newFile="uploadNewFile"
@newSearcher="onNewSearcher"
@error="onError">
</process-file>
</template>
</template>
<template v-else>
<h1> Something went wrong while processing. </h1>
<p> {{ error }} </p>
<a href="/">
<button type="button" class="p-button p-button-primary">
Try another file
</button>
</a>
</template>
</div>
</template>
<script lang="ts" src="./Home.ts"></script>