Upload Big

No notes defined.

<!-- Default -->
<div class="sds-upload -uploadBig" data-js-upload>
    <input type="file" id="upload" class="sr-only">
    <div class="sds-upload__inner">
        <div class="sds-upload__content">

            <span class="sds-iconBlock -iconBlockLg -iconBlockInverse sds-upload__iconBlock">
                <span class="sds-iconBlock__icon sds-icon sds-icon-document"></span>
            </span>

            <div class="sds-upload__text text-truncate sds-headingColor">
                <p class="sds-upload__heading">
                    <label for="upload" class="sds-upload__label stretched-link">{Text}</label>
                </p>
                <p class="sds-upload__meta sds-textHelper">
                    {Weight}
                </p>
            </div>
        </div>

    </div>
    <div class="sds-upload__errorMsg invalid-feedback">
        { Error message }
    </div>
</div>

<!-- Disabled -->
<div class="sds-upload -uploadBig" data-js-upload>
    <input type="file" disabled id="uploadDisabled" class="sr-only">
    <div class="sds-upload__inner">
        <div class="sds-upload__content">

            <span class="sds-iconBlock -iconBlockLg -iconBlockInverse sds-upload__iconBlock">
                <span class="sds-iconBlock__icon sds-icon sds-icon-document"></span>
            </span>

            <div class="sds-upload__text text-truncate sds-headingColor">
                <p class="sds-upload__heading">
                    <label for="uploadDisabled" class="sds-upload__label stretched-link">{Text}</label>
                </p>
                <p class="sds-upload__meta sds-textHelper">
                    {Weight}
                </p>
            </div>
        </div>

    </div>
    <div class="sds-upload__errorMsg invalid-feedback">
        { Error message }
    </div>
</div>

<!-- Error -->
<div class="sds-upload -uploadBig" data-js-upload>
    <input type="file" id="uploadError" class="sr-only is-invalid">
    <div class="sds-upload__inner">
        <div class="sds-upload__content">

            <span class="sds-iconBlock -iconBlockLg -iconBlockInverse sds-upload__iconBlock">
                <span class="sds-iconBlock__icon sds-icon sds-icon-document"></span>
            </span>

            <div class="sds-upload__text text-truncate sds-headingColor">
                <p class="sds-upload__heading">
                    <label for="uploadError" class="sds-upload__label stretched-link">{Text}</label>
                </p>
                <p class="sds-upload__meta sds-textHelper">
                    {Weight}
                </p>
            </div>
        </div>

    </div>
    <div class="sds-upload__errorMsg invalid-feedback">
        { Error message }
    </div>
</div>

<!-- Complete -->
<div class="sds-upload -uploadComplete -uploadBig" data-js-upload>
    <input type="file" id="uploadComplete" class="sr-only">
    <div class="sds-upload__inner">
        <div class="sds-upload__content">

            <span class="sds-iconBlock -iconBlockLg -iconBlockInverse sds-upload__iconBlock">
                <span class="sds-iconBlock__icon sds-icon sds-icon-document"></span>
            </span>

            <div class="sds-upload__text text-truncate sds-headingColor">
                <p class="sds-upload__heading">
                    <label for="uploadComplete" class="sds-upload__label stretched-link">{Text}</label>
                </p>
                <p class="sds-upload__meta sds-textHelper">
                    {Weight}
                </p>
            </div>
        </div>

    </div>
    <div class="sds-upload__errorMsg invalid-feedback">
        { Error message }
    </div>
</div>

<!-- Loading -->
<div class="sds-upload -uploadLoading -uploadBig" data-js-upload>
    <input type="file" disabled id="uploadLoading" class="sr-only">
    <div class="sds-upload__inner">
        <div class="sds-upload__content">

            <span class="sds-iconBlock -iconBlockLg -iconBlockInverse sds-upload__iconBlock">
                <span class="sds-iconBlock__icon sds-icon sds-icon-document"></span>
            </span>

            <div class="sds-upload__text text-truncate sds-headingColor">
                <p class="sds-upload__heading">
                    <label for="uploadLoading" class="sds-upload__label stretched-link">{Text}</label>
                </p>
                <p class="sds-upload__meta sds-textHelper">
                    {Weight}
                </p>
            </div>
        </div>

    </div>
    <div class="sds-upload__errorMsg invalid-feedback">
        { Error message }
    </div>
</div>

{% include "@snet-upload-frame" %}