test/cuba
1
0
Fork 0
mirror of https://gitee.com/jmix/cuba.git synced 2024-12-04 12:17:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

MultiUpload styles support

Browse Source
This commit is contained in:
Yuriy Artamonov 2011-04-14 12:10:23 +00:00
parent f9667988b8
commit f09a6091a8
5 changed files with 72 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
modules/web-war/css/VAADIN/themes/peyto/images/selectfiles.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

BIN
modules/web-war/css/VAADIN/themes/peyto/multiupload/images/button.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

18
modules/web-war/css/VAADIN/themes/peyto/multiupload/multiupload.css Normal file
View File

@ -0,0 +1,18 @@
.v-multiupload {
z-index: auto;
}
.v-multiupload-progress {
position: fixed;
padding: 10px;
left: 50%;
top: 50%;
height: 50px;
width: 250px;
margin-left: -125px;
margin-top: -25px;
background-color: #eaeef2;
border: 2px solid #4e7bb3;
overflow: visible;
z-index: 15000;
}

106
modules/web-war/src/com/haulmont/cuba/toolkit/gwt/client/swfupload/VSwfUpload.java
View File

@ -16,57 +16,46 @@ import com.google.gwt.dom.client.NodeList;
import com.google.gwt.dom.client.Style;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.Timer;
import com.google.gwt.user.client.ui.FormPanel;
import com.google.gwt.xml.client.Document;
import com.haulmont.cuba.toolkit.gwt.client.Properties;
import com.haulmont.cuba.toolkit.gwt.client.ResourcesLoader;
import com.vaadin.terminal.gwt.client.ApplicationConnection;
import com.vaadin.terminal.gwt.client.Paintable;
import com.vaadin.terminal.gwt.client.UIDL;
public class
VSwfUpload extends FormPanel implements Paintable {
@SuppressWarnings("unused")
public class VSwfUpload
extends FormPanel
implements Paintable {
public static final String CLASSNAME = "v-multiupload";
private String paintableId;
private ApplicationConnection client;
private Element uploadButton = DOM.createSpan();
private Element uploadButton = DOM.createDiv();
private Element progressDiv = DOM.createDiv();
public VSwfUpload() {
setStyleName(CLASSNAME);
DOM.appendChild(getElement(), uploadButton);
progressDiv.setClassName(CLASSNAME + "-progress");
initProgressWindow();
Element parentDoc = (Element) getElement().getOwnerDocument().getElementsByTagName("body").getItem(0);
DOM.appendChild(parentDoc,progressDiv);
DOM.appendChild(parentDoc, progressDiv);
}
private void initProgressWindow(){
NodeList<Node> nodes = progressDiv.getChildNodes();
for (int i = 0; i < nodes.getLength(); i++){
progressDiv.removeChild(nodes.getItem(i));
}
progressDiv.setAttribute("style", "");
progressDiv.getStyle().setPosition(Style.Position.FIXED);
progressDiv.getStyle().setPadding(10,Style.Unit.PX);
progressDiv.getStyle().setProperty("left","50%");
progressDiv.getStyle().setProperty("top","50%");
progressDiv.getStyle().setHeight(50,Style.Unit.PX);
progressDiv.getStyle().setWidth(250,Style.Unit.PX);
progressDiv.getStyle().setMarginLeft(-125, Style.Unit.PX);
progressDiv.getStyle().setMarginTop(-25, Style.Unit.PX);
progressDiv.getStyle().setBackgroundColor("#eaeef2");
progressDiv.getStyle().setBorderColor("#4e7bb3");
progressDiv.getStyle().setOverflow(Style.Overflow.VISIBLE);
progressDiv.getStyle().setBorderStyle(Style.BorderStyle.SOLID);
progressDiv.getStyle().setBorderWidth(2, Style.Unit.PX);
private void initProgressWindow() {
progressDiv.getStyle().setVisibility(Style.Visibility.HIDDEN);
progressDiv.getStyle().setDisplay(Style.Display.NONE);
progressDiv.getStyle().setZIndex(15000);
NodeList<Node> nodes = progressDiv.getChildNodes();
if (nodes != null) {
for (int i = 0; i < nodes.getLength(); i++) {
progressDiv.removeChild(nodes.getItem(i));
}
}
}
private static String getValueFromUIDL(UIDL uidl, String attribute, String defaultValue) {
@ -83,7 +72,7 @@ public class
return defaultValue;
}
public void updateFromUIDL(UIDL uidl, final ApplicationConnection client) {
public void updateFromUIDL(final UIDL uidl, final ApplicationConnection client) {
paintableId = uidl.getId();
uploadButton.setId(paintableId + "_upload");
@ -91,12 +80,13 @@ public class
this.client = client;
injectJs();
if (client.updateComponent(this, uidl, false)) {
return;
}
String actionString = "#";
injectJs();
String actionString;
if (uidl.hasAttribute("action")) {
String action = uidl.getStringAttribute("action");
actionString = "".equals(action) ? "#" : action;
@ -112,10 +102,10 @@ public class
final Double fileQueueLimit = getValueFromUIDL(uidl, "fileQueueLimit", 0.0);
final String caption = getValueFromUIDL(uidl, "caption", "Upload");
final String width = getValueFromUIDL(uidl, "width", "90px");
final String height = getValueFromUIDL(uidl, "height", "25px");
final String width = getValueFromUIDL(uidl, "width", "90").replace("px", "");
final String height = getValueFromUIDL(uidl, "height", "25").replace("px", "");
final String controlPid = paintableId.toString();
final String controlPid = paintableId;
SwfUploadAPI.onReady(new Runnable() {
public void run() {
@ -127,7 +117,7 @@ public class
opts.set("flash_url", uri + (uri.endsWith("/") ? "" : "/") + "VAADIN/resources/flash/" + "swfupload.swf");
// Resource url
opts.set("upload_url", ";jsessionid=" + client.getConfiguration().getSessionId()
+ "?pid=" + controlPid.toString() + "&multiupload=true");
+ "?pid=" + controlPid + "&multiupload=true");
// Set file parameters
opts.set("file_size_limit", fileSizeLimit);
@ -145,10 +135,12 @@ public class
opts.set("debug", false);
uri = client.getThemeUri();
// Appearance properties
opts.set("button_image_url", uri + (uri.endsWith("/") ? "" : "/") +
"images/selectfiles.png");
String imageUrl = uri + (uri.endsWith("/") ? "" : "/") + "multiupload/images/button.png";
opts.set("button_image_url", imageUrl);
opts.set("button_width", width);
opts.set("button_height", height);
opts.set("button_placeholder_id", uploadButton.getId());
opts.set("button_text_left_padding", "22");
opts.set("button_text_top_padding", "4");
@ -157,18 +149,18 @@ public class
".swfupload {font-size: 12px; font-family: verdana,Tahoma,sans-serif; }");
/*
SWF Handlers list
file_queued_handler : fileQueued
file_queue_error_handler : fileQueueError
file_dialog_complete_handler : fileDialogComplete
upload_start_handler : uploadStart
upload_progress_handler : uploadProgress
upload_error_handler : uploadError
upload_success_handler : uploadSuccess
upload_complete_handler : uploadComplete
queue_complete_handler : queueComplete
*/
* SWF Handlers list
*
* file_queued_handler : fileQueued
* file_queue_error_handler : fileQueueError
* file_dialog_complete_handler : fileDialogComplete
* upload_start_handler : uploadStart
* upload_progress_handler : uploadProgress
* upload_error_handler : uploadError
* upload_success_handler : uploadSuccess
* upload_complete_handler : uploadComplete
* queue_complete_handler : queueComplete
*/
// Add event handlers
applyJsObjectByName(opts, "file_dialog_complete_handler", "fileDialogComplete");
@ -204,7 +196,7 @@ public class
public void errorNotify(String file, String message, int errorCode) {
initProgressWindow();
client.updateVariable(paintableId, "uploadError", new String[]{file, message, String.valueOf(errorCode)}, true);
}
@ -214,14 +206,14 @@ public class
private native void addErrorHandler(Options opts, String optionName)/*-{
var swfu = this;
opts[optionName] = function(file, errorCode, message){
swfu.@com.haulmont.cuba.toolkit.gwt.client.swfupload.VSwfUpload::errorNotify(Ljava/lang/String;Ljava/lang/String;I)(file.name,message,errorCode);
};
opts[optionName] = function(file, errorCode, message) {
swfu.@com.haulmont.cuba.toolkit.gwt.client.swfupload.VSwfUpload::errorNotify(Ljava/lang/String;Ljava/lang/String;I)(file.name, message, errorCode);
};
}-*/;
private native void addRefresher(Options opts, String optionName)/*-{
var swfu = this;
opts[optionName] = function(numFilesUploaded){
opts[optionName] = function(numFilesUploaded) {
swfu.@com.haulmont.cuba.toolkit.gwt.client.swfupload.VSwfUpload::refreshServerSide()();
};
}-*/;

10
modules/web-war/web/VAADIN/resources/js/swfupload.js
View File

@ -142,12 +142,12 @@ SWFUpload.prototype.initSettings = function () {
// Flash Settings
this.ensureDefault("flash_url", "swfupload.swf");
this.ensureDefault("prevent_swf_caching", true);
this.ensureDefault("prevent_swf_caching", false);
// Button Settings
this.ensureDefault("button_image_url", "");
this.ensureDefault("button_width", 1);
this.ensureDefault("button_height", 1);
this.ensureDefault("button_width", 90);
this.ensureDefault("button_height", 25);
this.ensureDefault("button_text", "");
this.ensureDefault("button_text_style", "color: #000000; font-size: 16pt;");
this.ensureDefault("button_text_top_padding", 0);
@ -156,8 +156,8 @@ SWFUpload.prototype.initSettings = function () {
this.ensureDefault("button_disabled", false);
this.ensureDefault("button_placeholder_id", "");
this.ensureDefault("button_placeholder", null);
this.ensureDefault("button_cursor", SWFUpload.CURSOR.ARROW);
this.ensureDefault("button_window_mode", SWFUpload.WINDOW_MODE.WINDOW);
this.ensureDefault("button_cursor", SWFUpload.CURSOR.HAND);
this.ensureDefault("button_window_mode", SWFUpload.WINDOW_MODE.TRANSPARENT);
// Debug Settings
this.ensureDefault("debug", false);