Examples with FormData elemental2.dom.FormData used on opensource projects

Example 1 with FormData

use of elemental2.dom.FormData in project playshogi by Tellmarch.

the class UploadKifusPopup method createModalDialog.

private Window createModalDialog() {
    Window modal = new Window("Upload Kifu(s)").setSize(IsModalDialog.ModalSize.LARGE);
    modal.appendChild(TextNode.of("With this dialog you can import a collection of " + "kifus."));
    Select<String> charsetSelect = Select.<String>create().appendChild(SelectOption.create("UTF-8", "Encoding: Unicode (UTF-8) - Ex: 81dojo")).appendChild(SelectOption.create("SHIFT-JIS", "Encoding: Japanese (SHIFT-JIS)")).appendChild(SelectOption.create("windows-932", "Encoding: Japanese (windows-932) - Ex: SC24, " + "KifuForWindows, etc.")).setSearchable(false).selectAt(2);
    fileUpload = FileUpload.create().setIcon(Icons.ALL.touch_app()).setUrl(GWT.getModuleBaseURL() + "uploadKifu").multipleFiles().autoUpload().setName("file").accept("zip,usf,kif,psn").appendChild(Elements.h(3).textContent("Drop files here or click to upload.")).appendChild(Elements.em().textContent("(Supported formats: Zip file containing .usf, .kif or .psn files.)")).onAddFile(fileItem -> {
        Notification.createInfo("File added. " + fileItem.getFileName()).show();
        fileItem.addBeforeUploadHandler((request, formData) -> {
            formData.append("collectionId", draftId);
            formData.append("returnUsf", "false");
            formData.append("returnSummary", "true");
            formData.append("charset", charsetSelect.getValue());
        });
        fileItem.addErrorHandler(request -> Notification.createDanger("Error while uploading").show());
        fileItem.addSuccessUploadHandler(request -> {
            GWT.log("Successful upload");
            parseResponse(request.responseText);
            Notification.createSuccess("File uploaded successfully").show();
            fileItem.remove();
        });
    });
    modal.appendChild(charsetSelect);
    modal.appendChild(fileUpload);
    Tab kifusTab = Tab.create("Kifus").appendChild(b().textContent("Uploaded kifus:")).appendChild(createKifusTable());
    if (enableKifuUpload) {
        kifusTab.appendChild(Button.createPrimary("Upload Kifus only, not in a collection").addClickListener(evt -> {
            eventBus.fireEvent(SaveDraftCollectionEvent.ofKifus(draftId));
            dialog.close();
        }));
    }
    Tab gamesTab = Tab.create("Import as Game Collection").appendChild(b().textContent("Import all kifus as a game collection")).appendChild(createGameCollectionsForm());
    Tab problemsTab = Tab.create("Import as Problem Collection").appendChild(b().textContent("Import all kifus as a problem collection")).appendChild(createProblemCollectionsForm());
    tabs = TabsPanel.create().appendChild(kifusTab);
    if (enableNewGameCollection || enableAddToGameCollection) {
        tabs.appendChild(gamesTab);
    }
    if (enableNewProblemCollection || enableAddToProblemCollection) {
        tabs.appendChild(problemsTab);
    }
    tabs.hide();
    modal.appendChild(tabs);
    Button closeButton = Button.create("CANCEL").linkify();
    closeButton.addClickListener(evt -> modal.close());
    modal.appendFooterChild(closeButton);
    // modal.getBodyElement().style().setOverFlow("scroll").setHeight("100%");
    return modal;
}

Example 2 with FormData

use of elemental2.dom.FormData in project console by hal.

the class Dispatcher method upload.

@JsIgnore
public Single<ModelNode> upload(File file, Operation operation) {
    Operation uploadOperation = runAs(operation);
    ConstructorBlobPartsArrayUnionType blob = ConstructorBlobPartsArrayUnionType.of(uploadOperation.toBase64String());
    BlobPropertyBag options = BlobPropertyBag.create();
    options.setType("application/dmr-encoded");
    FormData formData = new FormData();
    if (navigator.userAgent.contains("Safari") && !navigator.userAgent.contains("Chrome")) {
        // Safari does not support sending new files
        // https://bugs.webkit.org/show_bug.cgi?id=165081
        ConstructorBlobPartsArrayUnionType fileAsBlob = ConstructorBlobPartsArrayUnionType.of(file);
        formData.append(file.name, new Blob(new ConstructorBlobPartsArrayUnionType[] { fileAsBlob }));
    } else {
        formData.append(file.name, AppendValueUnionType.of(file));
    }
    formData.append(OPERATION, new Blob(new ConstructorBlobPartsArrayUnionType[] { blob }, options));
    return uploadFormData(formData, uploadOperation).map(payload -> payload.get(RESULT));
}

Example 3 with FormData

use of elemental2.dom.FormData in project console by hal.

the class Dispatcher method uploadFormData.

private Single<ModelNode> uploadFormData(FormData formData, Operation operation) {
    return Single.fromEmitter(emitter -> {
        XMLHttpRequest xhr = newDmrXhr(endpoints.upload(), operation, new UploadPayloadProcessor(), emitter::onSuccess, (op, fail) -> emitter.onError(new DispatchFailure(fail, operation)), (op, error) -> emitter.onError(error));
        xhr.send(formData);
        logger.trace("DMR operation: {}", operation);
    // Uploads are not supported in macros!
    });
}