112f0e0ab2
This adds BeautifulSoup to the Python dev dependencies so that we can render an entire page and then extract the Vue component we need. Ideally, we should refactor all the Vue components so that they live in Jinja macros and we can render those macros directly.
53 lines
2.4 KiB
HTML
53 lines
2.4 KiB
HTML
<uploadinput
|
|
inline-template
|
|
|
|
v-bind:initial-errors='true'
|
|
|
|
v-bind:watch='false'
|
|
v-bind:portfolio-id="''"
|
|
name='pdf'
|
|
:optional='false'
|
|
>
|
|
<div>
|
|
<div v-show="hasAttachment" class="uploaded-file">
|
|
|
|
<span class="icon icon--ok " aria-hidden="true"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg></span>
|
|
|
|
<a class="uploaded-file__name" v-html="baseName" v-bind:href="downloadLink"></a>
|
|
<a href="#" class="uploaded-file__remove" v-on:click="removeAttachment">Remove</a>
|
|
</div>
|
|
<div v-show="hasAttachment === false" v-bind:class='{ "usa-input": true, "usa-input--error": showErrors }'>
|
|
|
|
<p>
|
|
|
|
</p>
|
|
<div v-if="!hideInput" class="upload-widget">
|
|
<label class="upload-label" for="pdf">
|
|
<span class="upload-button">
|
|
Browse
|
|
</span>
|
|
</label>
|
|
<input
|
|
v-on:change="addAttachment"
|
|
ref="attachmentInput"
|
|
accept=""
|
|
id="pdf"
|
|
name="pdf"
|
|
aria-label="Task Order Upload"
|
|
v-bind:value="attachment"
|
|
type="file">
|
|
<input type="hidden" name="pdf-filename" id="pdf-filename" ref="attachmentFilename">
|
|
<input type="hidden" name="pdf-object_name" id="pdf-object_name" ref="attachmentObjectName">
|
|
</div>
|
|
<template v-if="uploadError">
|
|
<span class="usa-input__message">There was an error uploading your file. Please try again. If you encounter repeated problems uploading this file, please contact CCPO.</span>
|
|
</template>
|
|
<template v-if="sizeError">
|
|
<span class="usa-input__message">The file you have selected is too large. Please choose a file no larger than 64MB.</span>
|
|
</template>
|
|
|
|
<span class="usa-input__message">Test Error Message</span>
|
|
|
|
</div>
|
|
</div>
|
|
</uploadinput> |