~smagoun/whoopsie/whoopsie-lp1017637

this._tabElementBindings.tabback = this._swfReference.on("tabback", function (ev) {this._swfReference._swf.blur(); setTimeout(function () {fromElement.focus();}, 30);}, this);

1726

this._tabElementBindings.tabforward = this._swfReference.on("tabforward", function (ev) {this._swfReference._swf.blur(); setTimeout(function () {toElement.focus();}, 30);}, this);

1727

1728

this._tabElementBindings.focus = this._swfReference._swf.on("focus", function (ev) {this._buttonFocus = true; this._setButtonClass("focus", true);}, this);

1729

this._tabElementBindings.blur = this._swfReference._swf.on("blur", function (ev) {this._buttonFocus = false; this._setButtonClass("focus", false);}, this);

1730

}

1731

else if (this._tabElementBindings !== null) {

1732

this._tabElementBindings.from.detach();

1733

this._tabElementBindings.to.detach();

1734

this._tabElementBindings.tabback.detach();

1735

this._tabElementBindings.tabforward.detach();

1736

this._tabElementBindings.focus.detach();

1737

this._tabElementBindings.blur.detach();

1738

}

1739

1740

1741

1742

/**

1743

* Adds or removes a specified state CSS class to the underlying uploader button.

1744

1745

* @method _setButtonClass

1746

* @protected

1747

* @param state {String} The name of the state enumerated in `buttonClassNames` attribute

1748

* from which to derive the needed class name.

1749

* @param add {Boolean} A Boolean indicating whether to add or remove the class.

1750

1751

_setButtonClass : function (state, add) {

1752

if (add) {

1753

this.get("selectFilesButton").addClass(this.get("buttonClassNames")[state]);

1754

}

1755

else {

1756

this.get("selectFilesButton").removeClass(this.get("buttonClassNames")[state]);

1757

}

1758

1759

1760

1761

/**

1762

* Syncs the state of the `fileFilters` attribute between the instance of UploaderFlash

1763

* and the Flash player.

1764

1765

* @method _setFileFilters

1766

* @private

1767

1768

_setFileFilters : function () {

1769

if (this._swfReference && this.get("fileFilters") !== null) {

1770

this._swfReference.callSWF("setFileFilters", [this.get("fileFilters")]);

1771

}

1772

1773

1774

1775

1776

1777

/**

1778

* Syncs the state of the `multipleFiles` attribute between this class

1779

* and the Flash uploader.

1780

1781

* @method _setMultipleFiles

1782

* @private

1783

1784

_setMultipleFiles : function () {

1785

if (this._swfReference) {

1786

this._swfReference.callSWF("setAllowMultipleFiles", [this.get("multipleFiles")]);

1787

}

1788

1789

1790

/**

1791

* Syncs the state of the `enabled` attribute between this class

1792

* and the Flash uploader.

1793

1794

* @method _triggerEnabled

1795

* @private

1796

1797

_triggerEnabled : function () {

1798

if (this.get("enabled")) {

1799

this._swfReference.callSWF("enable");

1800

this._swfReference._swf.setAttribute("aria-disabled", "false");

1801

this._setButtonClass("disabled", false);

1802

}

1803

else {

1804

this._swfReference.callSWF("disable");

1805

this._swfReference._swf.setAttribute("aria-disabled", "true");

1806

this._setButtonClass("disabled", true);

1807

}

1808

1809

1810

/**

1811

* Adjusts the content of the `fileList` based on the results of file selection

1812

* and the `appendNewFiles` attribute. If the `appendNewFiles` attribute is true,

1813

* then selected files are appended to the existing list; otherwise, the list is

1814

* cleared and populated with the newly selected files.

1815

1816

* @method _updateFileList

1817

* @param ev {Event} The file selection event received from the uploader.

1818

* @private

1819

1820

_updateFileList : function (ev) {

1821

1822

Y.one("body").focus();

1823

this._swfReference._swf.focus();

1824

1825

1826

var newfiles = ev.fileList,

1827

fileConfObjects = [],

1828

parsedFiles = [],

1829

swfRef = this._swfReference;

1830

1831

Y.each(newfiles, function (value) {

1832

var newFileConf = {};

1833

newFileConf.id = value.fileId;

1834

newFileConf.name = value.fileReference.name;

1835

newFileConf.size = value.fileReference.size;

1836

newFileConf.type = value.fileReference.type;

1837

newFileConf.dateCreated = value.fileReference.creationDate;

1838

newFileConf.dateModified = value.fileReference.modificationDate;

1839

newFileConf.uploader = swfRef;

1840

1841

fileConfObjects.push(newFileConf);

1842

});

1843

1844

Y.each(fileConfObjects, function (value) {

1845

parsedFiles.push(new Y.FileFlash(value));

1846

});

1847

1848

this.fire("fileselect", {fileList: parsedFiles});

1849

1850

var oldfiles = this.get("fileList");

1851

1852

this.set("fileList",

1853

this.get("appendNewFiles") ? oldfiles.concat(parsedFiles) : parsedFiles );

1854

1855

1856

1857

1858

1859

/**

1860

* Handles and retransmits events fired by `Y.FileFlash` and `Y.Uploader.Queue`.

1861

1862

* @method _uploadEventHandler

1863

* @param event The event dispatched during the upload process.

1864

* @private

1865

1866

_uploadEventHandler : function (event) {

1867

1868

switch (event.type) {

1869

case "file:uploadstart":

1870

this.fire("fileuploadstart", event);

1871

break;

1872

case "file:uploadprogress":

1873

this.fire("uploadprogress", event);

1874

break;

1875

case "uploaderqueue:totaluploadprogress":

1876

this.fire("totaluploadprogress", event);

1877

break;

1878

case "file:uploadcomplete":

1879

this.fire("uploadcomplete", event);

1880

break;

1881

case "uploaderqueue:alluploadscomplete":

1882

this.queue = null;

1883

this.fire("alluploadscomplete", event);

1884

break;

1885

case "uploaderqueue:uploaderror":

1886

this.fire("uploaderror", event);

1887

}

1888

1889

1890

1891

1892

1893

/**

1894

* Starts the upload of a specific file.

1895

1896

* @method upload

1897

* @param file {Y.FileFlash} Reference to the instance of the file to be uploaded.

1898

* @param url {String} The URL to upload the file to.

1899

* @param postVars {Object} (optional) A set of key-value pairs to send as variables along with the file upload HTTP request.

1900

* If not specified, the values from the attribute `postVarsPerFile` are used instead.

1901

1902

1903

upload : function (file, url, postvars) {

1904

1905

var uploadURL = url || this.get("uploadURL"),

1906

postVars = postvars || this.get("postVarsPerFile"),

1907

fileId = file.get("id");

1908

1909

postVars = postVars.hasOwnProperty(fileId) ? postVars[fileId] : postVars;

1910

1911

if (file instanceof Y.FileFlash) {

1912

1913

file.on("uploadstart", this._uploadStartHandler, this);

1914

file.on("uploadprogress", this._uploadProgressHandler, this);

1915

file.on("uploadcomplete", this._uploadCompleteHandler, this);

1916

file.on("uploaderror", this._uploadErrorHandler, this);

1917

1918

file.startUpload(uploadURL, postVars, this.get("fileFieldName"));

1919

}

1920

1921

1922

/**

1923

* Starts the upload of all files on the file list, using an automated queue.

1924

1925

* @method uploadAll

1926

* @param url {String} The URL to upload the files to.

1927

* @param postVars {Object} (optional) A set of key-value pairs to send as variables along with the file upload HTTP request.

1928

* If not specified, the values from the attribute `postVarsPerFile` are used instead.

1929

1930

uploadAll : function (url, postvars) {

1931

this.uploadThese(this.get("fileList"), url, postvars);

1932

1933

1934

/**

1935

* Starts the upload of the files specified in the first argument, using an automated queue.

1936

1937

* @method uploadThese

1938

* @param files {Array} The list of files to upload.

1939

* @param url {String} The URL to upload the files to.

1940

* @param postVars {Object} (optional) A set of key-value pairs to send as variables along with the file upload HTTP request.

1941

* If not specified, the values from the attribute `postVarsPerFile` are used instead.

1942

1943

uploadThese : function (files, url, postvars) {

1944

if (!this.queue) {

1945

var uploadURL = url || this.get("uploadURL"),

1946

postVars = postvars || this.get("postVarsPerFile");

1947

1948

this.queue = new UploaderQueue({simUploads: this.get("simLimit"),

1949

errorAction: this.get("errorAction"),

1950

fileFieldName: this.get("fileFieldName"),

1951

fileList: files,

1952

uploadURL: uploadURL,

1953

perFileParameters: postVars

1954

});

1955

this.queue.on("uploadstart", this._uploadEventHandler, this);

1956

this.queue.on("uploadprogress", this._uploadEventHandler, this);

1957

this.queue.on("totaluploadprogress", this._uploadEventHandler, this);

1958

this.queue.on("uploadcomplete", this._uploadEventHandler, this);

1959

this.queue.on("alluploadscomplete", this._uploadEventHandler, this);

1960

this.queue.on("alluploadscancelled", function (ev) {this.queue = null;}, this);

1961

this.queue.on("uploaderror", this._uploadEventHandler, this);

1962

this.queue.startUpload();

1963

1964

this.fire("uploadstart");

1965

}

1966

}

1967

1968

1969

{

1970

/**

1971

* The template for the Flash player container. Since the Flash player container needs

1972

* to completely overlay the &lquot;Select Files&rqot; control, it's positioned absolutely,

1973

* with width and height set to 100% of the parent.

1974

1975

* @property FLASH_CONTAINER

1976

* @type {String}

1977

* @static

1978

* @default "<div id='{swfContainerId}' style='position:absolute; top:0px; left: 0px; margin: 0; padding: 0; border: 0; width:100%; height:100%'></div>"

1979

1980

FLASH_CONTAINER: "<div id='{swfContainerId}' style='position:absolute; top:0px; left: 0px; margin: 0; padding: 0; border: 0; width:100%; height:100%'></div>",

1981

1982

/**

1983

* The template for the "Select Files" button.

1984

1985

* @property SELECT_FILES_BUTTON

1986

* @type {String}

1987

* @static

1988

* @default "<button type='button' class='yui3-button' tabindex='-1'>{selectButtonLabel}</button>"

1989

1990

SELECT_FILES_BUTTON: "<button type='button' class='yui3-button' tabindex='-1'>{selectButtonLabel}</button>",

1991

1992

/**

1993

* The static property reflecting the type of uploader that `Y.Uploader`

1994

* aliases. The UploaderFlash value is `"flash"`.

1995

1996

* @property TYPE

1997

* @type {String}

1998

* @static

1999

2000

TYPE: "flash",

2001

2002

/**

2003

* The identity of the widget.

2004

2005

* @property NAME

2006

* @type String

2007

* @default 'uploader'

2008

* @readOnly

2009

* @protected

2010

* @static

2011

2012

NAME: "uploader",

2013

2014

/**

2015

* Static property used to define the default attribute configuration of

2016

* the Widget.

2017

2018

* @property ATTRS

2019

* @type {Object}

2020

* @protected

2021

* @static

2022

2023

ATTRS: {

2024

2025

/**

2026

* A Boolean indicating whether newly selected files should be appended

2027

* to the existing file list, or whether they should replace it.

2028

2029

* @attribute appendNewFiles

2030

* @type {Boolean}

2031

* @default true

2032

2033

appendNewFiles : {

2034

value: true

2035

2036

2037

/**

2038

* The names of CSS classes that correspond to different button states

2039

* of the "Select Files" control. These classes are assigned to the

2040

* "Select Files" control based on the mouse states reported by the

2041

* Flash player. The keys for the class names are:

2042

* <ul>

2043

* <li> <strong>`hover`</strong>: the class corresponding to mouse hovering over

2044

* the "Select Files" button.</li>

2045

* <li> <strong>`active`</strong>: the class corresponding to mouse down state of

2046

* the "Select Files" button.</li>

2047

* <li> <strong>`disabled`</strong>: the class corresponding to the disabled state

2048

* of the "Select Files" button.</li>

2049

* <li> <strong>`focus`</strong>: the class corresponding to the focused state of

2050

* the "Select Files" button.</li>

2051

* </ul>

2052

* @attribute buttonClassNames

2053

* @type {Object}

2054

* @default { hover: "yui3-button-hover",

2055

* active: "yui3-button-active",

2056

* disabled: "yui3-button-disabled",

2057

* focus: "yui3-button-selected"

2058

* }

2059

2060

buttonClassNames: {

2061

value: {

2062

"hover": "yui3-button-hover",

2063

"active": "yui3-button-active",

2064

"disabled": "yui3-button-disabled",

2065

"focus": "yui3-button-selected"

2066

}

2067

2068

2069

/**

2070

* A Boolean indicating whether the uploader is enabled or disabled for user input.

2071

2072

* @attribute enabled

2073

* @type {Boolean}

2074

* @default true

2075

2076

enabled : {

2077

value: true

2078

2079

2080

/**

2081

* The action performed when an upload error occurs for a specific file being uploaded.

2082

* The possible values are:

2083

* <ul>

2084

* <li> <strong>`UploaderQueue.CONTINUE`</strong>: the error is ignored and the upload process is continued.</li>

2085

* <li> <strong>`UploaderQueue.STOP`</strong>: the upload process is stopped as soon as any other parallel file

2086

* uploads are finished.</li>

2087

* <li> <strong>`UploaderQueue.RESTART_ASAP`</strong>: the file is added back to the front of the queue.</li>

2088

* <li> <strong>`UploaderQueue.RESTART_AFTER`</strong>: the file is added to the back of the queue.</li>

2089

* </ul>

2090

* @attribute errorAction

2091

* @type {String}

2092

* @default UploaderQueue.CONTINUE

2093

2094

errorAction: {

2095

value: "continue",

2096

validator: function (val, name) {

2097

return (val === UploaderQueue.CONTINUE || val === UploaderQueue.STOP || val === UploaderQueue.RESTART_ASAP || val === UploaderQueue.RESTART_AFTER);

2098

}

2099

2100

2101

/**

2102

* An array indicating what fileFilters should be applied to the file

2103

* selection dialog. Each element in the array should be an object with

2104

* the following key-value pairs:

2105

* {

2106

* description : String

2107

extensions: String of the form &lquot;*.ext1;*.ext2;*.ext3;...&rquot;

2108

* }

2109

* @attribute fileFilters

2110

* @type {Array}

2111

* @default null

2112

2113

fileFilters: {

2114

value: null

2115

2116

2117

/**

2118

* A String specifying what should be the POST field name for the file

2119

* content in the upload request.

2120

2121

* @attribute fileFieldName

2122

* @type {String}

2123

* @default Filedata

2124

2125

fileFieldName: {

2126

value: "Filedata"

2127

2128

2129

/**

2130

* The array of files to be uploaded. All elements in the array

2131

* must be instances of `Y.FileFlash` and be instantiated with a `fileId`

2132

* retrieved from an instance of the uploader.

2133

2134

* @attribute fileList

2135

* @type {Array}

2136

* @default []

2137

2138

fileList: {

2139

value: []

2140

2141

2142

/**

2143

* A Boolean indicating whether multiple file selection is enabled.

2144

2145

* @attribute multipleFiles

2146

* @type {Boolean}

2147

* @default false

2148

2149

multipleFiles: {

2150

value: false

2151

2152

2153

/**

2154

* An object, keyed by `fileId`, containing sets of key-value pairs

2155

* that should be passed as POST variables along with each corresponding

2156

* file. This attribute is only used if no POST variables are specifed

2157

* in the upload method call.

2158

2159

* @attribute postVarsPerFile

2160

* @type {Object}

2161

* @default {}

2162

2163

postVarsPerFile: {

2164

value: {}

2165

2166

2167

/**

2168

* The label for the "Select Files" widget. This is the value that replaces the

2169

* `{selectButtonLabel}` token in the `SELECT_FILES_BUTTON` template.

2170

2171

* @attribute selectButtonLabel

2172

* @type {String}

2173

* @default "Select Files"

2174

2175

selectButtonLabel: {

2176

value: "Select Files"

2177

2178

2179

/**

2180

* The widget that serves as the "Select Files" control for the file uploader

2181

2182

2183

* @attribute selectFilesButton

2184

* @type {Node | Widget}

2185

* @default A standard HTML button with YUI CSS Button skin.

2186

2187

selectFilesButton : {

2188

valueFn: function () {

2189

return Y.Node.create(substitute(Y.UploaderFlash.SELECT_FILES_BUTTON, {selectButtonLabel: this.get("selectButtonLabel")}));

2190

}

2191

2192

2193

/**

2194

* The number of files that can be uploaded

2195

* simultaneously if the automatic queue management

2196

* is used. This value can be in the range between 2

2197

* and 5.

2198

2199

* @attribute simLimit

2200

* @type {Number}

2201

* @default 2

2202

2203

simLimit: {

2204

value: 2,

2205

validator: function (val, name) {

2206

return (val >= 2 && val <= 5);

2207

}

2208

2209

2210

/**

2211

* The URL to the SWF file of the flash uploader. A copy local to

2212

* the server that hosts the page on which the uploader appears is

2213

* recommended.

2214

2215

* @attribute swfURL

2216

* @type {String}

2217

* @default "CDN Prefix + uploader/assets/flashuploader.swf" with a

2218

* random GET parameter for IE (to prevent buggy behavior when the SWF

2219

* is cached).

2220

2221

swfURL: {

2222

valueFn: function () {

2223

var prefix = Y.Env.cdn + "uploader/assets/flashuploader.swf";

2224

2225

if (Y.UA.ie > 0) {

2226

return (prefix + "?t=" + Y.guid("uploader"));

2227

}

2228

return prefix;

2229

}

2230

2231

2232

/**

2233

* The id's or `Node` references of the DOM elements that precede

2234

* and follow the `Select Files` button in the tab order. Specifying

2235

* these allows keyboard navigation to and from the Flash player

2236

* layer of the uploader.

2237

* The two keys corresponding to the DOM elements are:

2238

<ul>

2239

* <li> `from`: the id or the `Node` reference corresponding to the

2240

* DOM element that precedes the `Select Files` button in the tab order.</li>

2241

* <li> `to`: the id or the `Node` reference corresponding to the

2242

* DOM element that follows the `Select Files` button in the tab order.</li>

2243

* </ul>

2244

* @attribute tabElements

2245

* @type {Object}

2246

* @default null

2247

2248

tabElements: {

2249

value: null

2250

2251

2252

/**

2253

* The URL to which file upload requested are POSTed. Only used if a different url is not passed to the upload method call.

2254

2255

* @attribute uploadURL

2256

* @type {String}

2257

* @default ""

2258

2259

uploadURL: {

2260

value: ""

2261

}

2262

}

2263

});

2264

2265

Y.UploaderFlash.Queue = UploaderQueue;

2266

2267

2268

2269

</pre>

2270

</div>

2271

2272

</div>

2273

</div>

2274

</div>

2275

</div>

2276

</div>

2277

</div>

2278

2279

2280

2281

2282

2283

2284

2285

2286

</body>

2287

</html>

Older »