Synnefo » Pithos Web Client

/*

 * Copyright 2011-2012 GRNET S.A. All rights reserved.

 *

 * Redistribution and use in source and binary forms, with or

 * without modification, are permitted provided that the following

 * conditions are met:

 *

 *   1. Redistributions of source code must retain the above

 *      copyright notice, this list of conditions and the following

 *      disclaimer.

 *

 *   2. Redistributions in binary form must reproduce the above

 *      copyright notice, this list of conditions and the following

 *      disclaimer in the documentation and/or other materials

 *      provided with the distribution.

 *

 * THIS SOFTWARE IS PROVIDED BY GRNET S.A. ``AS IS'' AND ANY EXPRESS

 * OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED

 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR

 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GRNET S.A OR

 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,

 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT

 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF

 * USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED

 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT

 * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN

 * ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE

 * POSSIBILITY OF SUCH DAMAGE.

 *

 * The views and conclusions contained in the software and

 * documentation are those of the authors and should not be

 * interpreted as representing official policies, either expressed

 * or implied, of GRNET S.A.

 */

package gr.grnet.pithos.web.client;

import gr.grnet.pithos.web.client.foldertree.File;

import gr.grnet.pithos.web.client.foldertree.Folder;

import com.google.gwt.core.client.Scheduler;

import com.google.gwt.event.dom.client.ClickEvent;

import com.google.gwt.event.dom.client.ClickHandler;

import com.google.gwt.user.client.Command;

import com.google.gwt.user.client.ui.Anchor;

import com.google.gwt.user.client.ui.Button;

import com.google.gwt.user.client.ui.DialogBox;

import com.google.gwt.user.client.ui.FileUpload;

import com.google.gwt.user.client.ui.FlowPanel;

import com.google.gwt.user.client.ui.FormPanel;

import com.google.gwt.user.client.ui.Grid;

import com.google.gwt.user.client.ui.HasHorizontalAlignment;

import com.google.gwt.user.client.ui.Hidden;

import com.google.gwt.user.client.ui.HorizontalPanel;

import com.google.gwt.user.client.ui.Label;

import com.google.gwt.user.client.ui.VerticalPanel;

/**

 * The 'File upload' dialog box implementation.

 */

public class FileUploadDialog extends DialogBox {

    public static final boolean DONE = true;

        /**

         * The Form element that performs the file upload.

         */

    protected final FormPanel form = new FormPanel();

        private final FileUpload upload = new FileUpload();

        private final Label filenameLabel = new Label();

    private final Label foldernameLabel = new Label();

    private Button submit;

        protected Folder folder;

    protected Pithos app;

        /**

         * The widget's constructor.

         */

        public FileUploadDialog(Pithos _app, Folder _folder) {

                app = _app;

                folder = _folder;

                foldernameLabel.setText(folder.getName());

                Anchor close = new Anchor();

                close.addStyleName("close");

                close.addClickHandler(new ClickHandler() {

                        @Override

                        public void onClick(ClickEvent event) {

                                hide();

                        }

                });

                // Set the dialog's caption.

                setText("File upload");

                setAnimationEnabled(true);

                setGlassEnabled(true);

                setStyleName("pithos-DialogBox");

                // Since we're going to add a FileUpload widget, we'll need to set the

                // form to use the POST method, and multipart MIME encoding.

                form.setEncoding(FormPanel.ENCODING_MULTIPART);

                form.setMethod(FormPanel.METHOD_POST);

                // Create a panel to hold all of the form widgets.

                VerticalPanel panel = new VerticalPanel();

                panel.add(close);

                form.setWidget(panel);

                VerticalPanel inner = new VerticalPanel();

                inner.addStyleName("inner");

        final Hidden auth = new Hidden("X-Auth-Token");

        inner.add(auth);

                upload.setName("X-Object-Data");

                upload.setVisible(false);

                filenameLabel.setText("");

                filenameLabel.setVisible(false);

                filenameLabel.setStyleName("props-labels");

                HorizontalPanel fileUploadPanel = new HorizontalPanel();

                fileUploadPanel.setVisible(false);

                fileUploadPanel.add(filenameLabel);

                fileUploadPanel.add(upload);

                Grid generalTable = new Grid(2, 2);

                generalTable.setText(0, 0, "Folder");

        generalTable.setWidget(0, 1, foldernameLabel);

                generalTable.setWidget(1, 1, fileUploadPanel);

                generalTable.getCellFormatter().setStyleName(0, 0, "props-labels");

        generalTable.getCellFormatter().setStyleName(0, 1, "props-values");

        generalTable.getCellFormatter().setVisible(1, 0, false);

                generalTable.setCellSpacing(4);

                inner.add(generalTable);

                FlowPanel uploader = new FlowPanel();

                uploader.getElement().setId("uploader");

                inner.add(uploader);

                panel.add(inner);

                panel.setCellHorizontalAlignment(inner, HasHorizontalAlignment.ALIGN_CENTER);

                Scheduler.get().scheduleDeferred(new Command() {

                        @Override

                        public void execute() {

                                String path = app.getApiPath() + folder.getOwner() + folder.getUri();

                                setupUpload(FileUploadDialog.this, path, app.getToken());

                        }

                });

                setWidget(form);

        }

        private void refreshFolder() {

                if (app.getSelectedTree().equals(app.getFolderTreeView()))

                        app.updateFolder(folder, true, new Command() {

                                @Override

                                public void execute() {

                                        app.updateStatistics();

                                }

                        });

                else

                        app.updateOtherSharedFolder(folder, true);

        }

        native void setupUpload(FileUploadDialog dlg, String path, String token) /*-{

                $wnd.$("#uploader").pluploadQueue({

                        // General settings

                        runtimes : 'html5, flash, gears, silverlight, browserplus, html4',

                        unique_names : true,

                        // Flash settings

                        flash_swf_url : 'plupload/js/plupload.flash.swf',

                        // Silverlight settings

                        silverlight_xap_url : 'plupload/js/plupload.silverlight.xap',

                        preinit: {

                                Init: function(up, info) {

                                        up.settings.file_data_name = "X-Object-Data";                                

                                },

                                UploadFile: function(up, file) {

                                        $wnd.console.log('About to upload ' + file.name);

                                        up.settings.url = path + "/" + file.name + "?X-Auth-Token=" + token;

                                }

                        },

                        init: {

                                FileUploaded: function(up, file, response) {

                                        $wnd.console.log('File ' + file.name + ' uploaded');

                                        $wnd.console.log('Response: ' + response);

                                },

                                UploadComplete: function(up, files) {

                                        $wnd.console.log('All files finished');

                                        dlg.@gr.grnet.pithos.web.client.FileUploadDialog::refreshFolder()();

                                }

                        }

                });

                // Client side form validation

                $wnd.$('form').submit(function(e) {

                var uploader = $wnd.$('#uploader').pluploadQueue();

                // Files in queue upload them first

                if (uploader.files.length > 0) {

                    // When all files are uploaded submit form

                    uploader.bind('StateChanged', function() {

                        if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) {

                            $wnd.$('form')[0].submit();

                        }

                    });

                    uploader.start();

                } else {

                    alert('You must queue at least one file.');

                }

                return false;

            });

        }-*/;

        /**

         * Make any last minute checks and start the upload.

         */

        protected void prepareAndSubmit() {

        if (upload.getFilename().length() == 0) {

            app.displayError("You must select a file!");

            return;

        }

        final String fname = getFilename(upload.getFilename());

        String apath = app.getApiPath() + folder.getOwner() + folder.getUri() + "/" + fname + "?X-Auth-Token=" + app.getToken();

        form.setAction(apath);

        submit.setEnabled(false);

        upload.setVisible(false);

        filenameLabel.setText(fname);

        filenameLabel.setVisible(true);

                if (getFileForName(fname) == null) {

            form.submit();

                }

                else {

                        // We are going to update an existing file, so show a confirmation dialog.

                        ConfirmationDialog confirm = new ConfirmationDialog("Are you sure " +

                                        "you want to update " + fname + "?", "Update") {

                                @Override

                                public void cancel() {

                                        FileUploadDialog.this.hide();

                                }

                                @Override

                                public void confirm() {

                                        form.submit();

                                }

                        };

                        confirm.center();

                }

        }

    /**

         * Returns the file name from a potential full path argument. Apparently IE

         * insists on sending the full path name of a file when uploading, forcing

         * us to trim the extra path info. Since this is only observed on Windows we

         * get to check for a single path separator value.

         *

         * @param name the potentially full path name of a file

         * @return the file name without extra path information

         */

        protected String getFilename(String name) {

                int pathSepIndex = name.lastIndexOf("\\");

                if (pathSepIndex == -1) {

                        pathSepIndex = name.lastIndexOf("/");

                        if (pathSepIndex == -1)

                                return name;

                }

                return name.substring(pathSepIndex + 1);

        }

        protected File getFileForName(String name){

                for (File f : folder.getFiles())

                        if (f.getName().equals(name))

                                return f;

                return null;

        }

}