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

                hide();

        }

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

                                }

                        },

                        init: {

                                BeforeUpload: function(up, file) {

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

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

                                },

                                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;

//            });

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

        }-*/;

}