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
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>
|