mirror of
https://git.tt-rss.org/git/tt-rss.git
synced 2025-12-13 15:25:59 +00:00
upgrade Dojo to 1.6.1
This commit is contained in:
Andrew Dolgov
@@ -1,98 +1,326 @@
|
||||
/*
|
||||
Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
||||
Copyright (c) 2004-2011, The Dojo Foundation All Rights Reserved.
|
||||
Available via Academic Free License >= 2.1 OR the modified BSD license.
|
||||
see: http://dojotoolkit.org/license for details
|
||||
*/
|
||||
|
||||
|
||||
if(!dojo._hasResource["dijit._PaletteMixin"]){
|
||||
dojo._hasResource["dijit._PaletteMixin"]=true;
|
||||
if(!dojo._hasResource["dijit._PaletteMixin"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
|
||||
dojo._hasResource["dijit._PaletteMixin"] = true;
|
||||
dojo.provide("dijit._PaletteMixin");
|
||||
dojo.require("dijit._CssStateMixin");
|
||||
dojo.declare("dijit._PaletteMixin",[dijit._CssStateMixin],{defaultTimeout:500,timeoutChangeRate:0.9,value:null,_selectedCell:-1,tabIndex:"0",cellClass:"dijitPaletteCell",dyeClass:"",_preparePalette:function(_1,_2){
|
||||
this._cells=[];
|
||||
var _3=this._blankGif;
|
||||
var _4=dojo.getObject(this.dyeClass);
|
||||
for(var _5=0;_5<_1.length;_5++){
|
||||
var _6=dojo.create("tr",{tabIndex:"-1"},this.gridNode);
|
||||
for(var _7=0;_7<_1[_5].length;_7++){
|
||||
var _8=_1[_5][_7];
|
||||
if(_8){
|
||||
var _9=new _4(_8);
|
||||
var _a=dojo.create("td",{"class":this.cellClass,tabIndex:"-1",title:_2[_8]});
|
||||
_9.fillCell(_a,_3);
|
||||
this.connect(_a,"ondijitclick","_onCellClick");
|
||||
this._trackMouseState(_a,this.cellClass);
|
||||
dojo.place(_a,_6);
|
||||
_a.index=this._cells.length;
|
||||
this._cells.push({node:_a,dye:_9});
|
||||
}
|
||||
}
|
||||
}
|
||||
this._xDim=_1[0].length;
|
||||
this._yDim=_1.length;
|
||||
var _b={UP_ARROW:-this._xDim,DOWN_ARROW:this._xDim,RIGHT_ARROW:this.isLeftToRight()?1:-1,LEFT_ARROW:this.isLeftToRight()?-1:1};
|
||||
for(var _c in _b){
|
||||
this._connects.push(dijit.typematic.addKeyListener(this.domNode,{charOrCode:dojo.keys[_c],ctrlKey:false,altKey:false,shiftKey:false},this,function(){
|
||||
var _d=_b[_c];
|
||||
return function(_e){
|
||||
this._navigateByKey(_d,_e);
|
||||
};
|
||||
}(),this.timeoutChangeRate,this.defaultTimeout));
|
||||
}
|
||||
},postCreate:function(){
|
||||
this.inherited(arguments);
|
||||
this._setCurrent(this._cells[0].node);
|
||||
},focus:function(){
|
||||
dijit.focus(this._currentFocus);
|
||||
},_onCellClick:function(_f){
|
||||
var _10=_f.currentTarget,_11=this._getDye(_10).getValue();
|
||||
this._setCurrent(_10);
|
||||
setTimeout(dojo.hitch(this,function(){
|
||||
dijit.focus(_10);
|
||||
this._setValueAttr(_11,true);
|
||||
}));
|
||||
dojo.removeClass(_10,"dijitPaletteCellHover");
|
||||
dojo.stopEvent(_f);
|
||||
},_setCurrent:function(_12){
|
||||
if("_currentFocus" in this){
|
||||
dojo.attr(this._currentFocus,"tabIndex","-1");
|
||||
}
|
||||
this._currentFocus=_12;
|
||||
if(_12){
|
||||
dojo.attr(_12,"tabIndex",this.tabIndex);
|
||||
}
|
||||
},_setValueAttr:function(_13,_14){
|
||||
this.value=null;
|
||||
if(this._selectedCell>=0){
|
||||
dojo.removeClass(this._cells[this._selectedCell].node,"dijitPaletteCellSelected");
|
||||
}
|
||||
this._selectedCell=-1;
|
||||
if(_13){
|
||||
for(var i=0;i<this._cells.length;i++){
|
||||
if(_13==this._cells[i].dye.getValue()){
|
||||
this._selectedCell=i;
|
||||
this.value=_13;
|
||||
dojo.addClass(this._cells[i].node,"dijitPaletteCellSelected");
|
||||
if(_14||_14===undefined){
|
||||
this.onChange(_13);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
},onChange:function(_15){
|
||||
},_navigateByKey:function(_16,_17){
|
||||
if(_17==-1){
|
||||
return;
|
||||
}
|
||||
var _18=this._currentFocus.index+_16;
|
||||
if(_18<this._cells.length&&_18>-1){
|
||||
var _19=this._cells[_18].node;
|
||||
this._setCurrent(_19);
|
||||
setTimeout(dojo.hitch(dijit,"focus",_19),0);
|
||||
}
|
||||
},_getDye:function(_1a){
|
||||
return this._cells[_1a.index].dye;
|
||||
}});
|
||||
|
||||
|
||||
dojo.declare("dijit._PaletteMixin",
|
||||
[dijit._CssStateMixin],
|
||||
{
|
||||
// summary:
|
||||
// A keyboard accessible palette, for picking a color/emoticon/etc.
|
||||
// description:
|
||||
// A mixin for a grid showing various entities, so the user can pick a certain entity.
|
||||
|
||||
// defaultTimeout: Number
|
||||
// Number of milliseconds before a held key or button becomes typematic
|
||||
defaultTimeout: 500,
|
||||
|
||||
// timeoutChangeRate: Number
|
||||
// Fraction of time used to change the typematic timer between events
|
||||
// 1.0 means that each typematic event fires at defaultTimeout intervals
|
||||
// < 1.0 means that each typematic event fires at an increasing faster rate
|
||||
timeoutChangeRate: 0.90,
|
||||
|
||||
// value: String
|
||||
// Currently selected color/emoticon/etc.
|
||||
value: null,
|
||||
|
||||
// _selectedCell: [private] Integer
|
||||
// Index of the currently selected cell. Initially, none selected
|
||||
_selectedCell: -1,
|
||||
|
||||
/*=====
|
||||
// _currentFocus: [private] DomNode
|
||||
// The currently focused cell (if the palette itself has focus), or otherwise
|
||||
// the cell to be focused when the palette itself gets focus.
|
||||
// Different from value, which represents the selected (i.e. clicked) cell.
|
||||
_currentFocus: null,
|
||||
=====*/
|
||||
|
||||
/*=====
|
||||
// _xDim: [protected] Integer
|
||||
// This is the number of cells horizontally across.
|
||||
_xDim: null,
|
||||
=====*/
|
||||
|
||||
/*=====
|
||||
// _yDim: [protected] Integer
|
||||
// This is the number of cells vertically down.
|
||||
_yDim: null,
|
||||
=====*/
|
||||
|
||||
// tabIndex: String
|
||||
// Widget tab index.
|
||||
tabIndex: "0",
|
||||
|
||||
// cellClass: [protected] String
|
||||
// CSS class applied to each cell in the palette
|
||||
cellClass: "dijitPaletteCell",
|
||||
|
||||
// dyeClass: [protected] String
|
||||
// Name of javascript class for Object created for each cell of the palette.
|
||||
// dyeClass should implements dijit.Dye interface
|
||||
dyeClass: '',
|
||||
|
||||
_preparePalette: function(choices, titles, dyeClassObj) {
|
||||
// summary:
|
||||
// Subclass must call _preparePalette() from postCreate(), passing in the tooltip
|
||||
// for each cell
|
||||
// choices: String[][]
|
||||
// id's for each cell of the palette, used to create Dye JS object for each cell
|
||||
// titles: String[]
|
||||
// Localized tooltip for each cell
|
||||
// dyeClassObj: Constructor?
|
||||
// If specified, use this constructor rather than this.dyeClass
|
||||
|
||||
this._cells = [];
|
||||
var url = this._blankGif;
|
||||
|
||||
dyeClassObj = dyeClassObj || dojo.getObject(this.dyeClass);
|
||||
|
||||
for(var row=0; row < choices.length; row++){
|
||||
var rowNode = dojo.create("tr", {tabIndex: "-1"}, this.gridNode);
|
||||
for(var col=0; col < choices[row].length; col++){
|
||||
var value = choices[row][col];
|
||||
if(value){
|
||||
var cellObject = new dyeClassObj(value, row, col);
|
||||
|
||||
var cellNode = dojo.create("td", {
|
||||
"class": this.cellClass,
|
||||
tabIndex: "-1",
|
||||
title: titles[value]
|
||||
});
|
||||
|
||||
// prepare cell inner structure
|
||||
cellObject.fillCell(cellNode, url);
|
||||
|
||||
this.connect(cellNode, "ondijitclick", "_onCellClick");
|
||||
this._trackMouseState(cellNode, this.cellClass);
|
||||
|
||||
dojo.place(cellNode, rowNode);
|
||||
|
||||
cellNode.index = this._cells.length;
|
||||
|
||||
// save cell info into _cells
|
||||
this._cells.push({node:cellNode, dye:cellObject});
|
||||
}
|
||||
}
|
||||
}
|
||||
this._xDim = choices[0].length;
|
||||
this._yDim = choices.length;
|
||||
|
||||
// Now set all events
|
||||
// The palette itself is navigated to with the tab key on the keyboard
|
||||
// Keyboard navigation within the Palette is with the arrow keys
|
||||
// Spacebar selects the cell.
|
||||
// For the up key the index is changed by negative the x dimension.
|
||||
|
||||
var keyIncrementMap = {
|
||||
UP_ARROW: -this._xDim,
|
||||
// The down key the index is increase by the x dimension.
|
||||
DOWN_ARROW: this._xDim,
|
||||
// Right and left move the index by 1.
|
||||
RIGHT_ARROW: this.isLeftToRight() ? 1 : -1,
|
||||
LEFT_ARROW: this.isLeftToRight() ? -1 : 1
|
||||
};
|
||||
for(var key in keyIncrementMap){
|
||||
this._connects.push(
|
||||
dijit.typematic.addKeyListener(
|
||||
this.domNode,
|
||||
{charOrCode:dojo.keys[key], ctrlKey:false, altKey:false, shiftKey:false},
|
||||
this,
|
||||
function(){
|
||||
var increment = keyIncrementMap[key];
|
||||
return function(count){ this._navigateByKey(increment, count); };
|
||||
}(),
|
||||
this.timeoutChangeRate,
|
||||
this.defaultTimeout
|
||||
)
|
||||
);
|
||||
}
|
||||
},
|
||||
|
||||
postCreate: function(){
|
||||
this.inherited(arguments);
|
||||
|
||||
// Set initial navigable node.
|
||||
this._setCurrent(this._cells[0].node);
|
||||
},
|
||||
|
||||
focus: function(){
|
||||
// summary:
|
||||
// Focus this widget. Puts focus on the most recently focused cell.
|
||||
|
||||
// The cell already has tabIndex set, just need to set CSS and focus it
|
||||
dijit.focus(this._currentFocus);
|
||||
},
|
||||
|
||||
_onCellClick: function(/*Event*/ evt){
|
||||
// summary:
|
||||
// Handler for click, enter key & space key. Selects the cell.
|
||||
// evt:
|
||||
// The event.
|
||||
// tags:
|
||||
// private
|
||||
|
||||
var target = evt.currentTarget,
|
||||
value = this._getDye(target).getValue();
|
||||
|
||||
// First focus the clicked cell, and then send onChange() notification.
|
||||
// onChange() (via _setValueAttr) must be after the focus call, because
|
||||
// it may trigger a refocus to somewhere else (like the Editor content area), and that
|
||||
// second focus should win.
|
||||
// Use setTimeout because IE doesn't like changing focus inside of an event handler.
|
||||
this._setCurrent(target);
|
||||
setTimeout(dojo.hitch(this, function(){
|
||||
dijit.focus(target);
|
||||
this._setValueAttr(value, true);
|
||||
}));
|
||||
|
||||
// workaround bug where hover class is not removed on popup because the popup is
|
||||
// closed and then there's no onblur event on the cell
|
||||
dojo.removeClass(target, "dijitPaletteCellHover");
|
||||
|
||||
dojo.stopEvent(evt);
|
||||
},
|
||||
|
||||
_setCurrent: function(/*DomNode*/ node){
|
||||
// summary:
|
||||
// Sets which node is the focused cell.
|
||||
// description:
|
||||
// At any point in time there's exactly one
|
||||
// cell with tabIndex != -1. If focus is inside the palette then
|
||||
// focus is on that cell.
|
||||
//
|
||||
// After calling this method, arrow key handlers and mouse click handlers
|
||||
// should focus the cell in a setTimeout().
|
||||
// tags:
|
||||
// protected
|
||||
if("_currentFocus" in this){
|
||||
// Remove tabIndex on old cell
|
||||
dojo.attr(this._currentFocus, "tabIndex", "-1");
|
||||
}
|
||||
|
||||
// Set tabIndex of new cell
|
||||
this._currentFocus = node;
|
||||
if(node){
|
||||
dojo.attr(node, "tabIndex", this.tabIndex);
|
||||
}
|
||||
},
|
||||
|
||||
_setValueAttr: function(value, priorityChange){
|
||||
// summary:
|
||||
// This selects a cell. It triggers the onChange event.
|
||||
// value: String value of the cell to select
|
||||
// tags:
|
||||
// protected
|
||||
// priorityChange:
|
||||
// Optional parameter used to tell the select whether or not to fire
|
||||
// onChange event.
|
||||
|
||||
// clear old selected cell
|
||||
if(this._selectedCell >= 0){
|
||||
dojo.removeClass(this._cells[this._selectedCell].node, "dijitPaletteCellSelected");
|
||||
}
|
||||
this._selectedCell = -1;
|
||||
|
||||
// search for cell matching specified value
|
||||
if(value){
|
||||
for(var i = 0; i < this._cells.length; i++){
|
||||
if(value == this._cells[i].dye.getValue()){
|
||||
this._selectedCell = i;
|
||||
dojo.addClass(this._cells[i].node, "dijitPaletteCellSelected");
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// record new value, or null if no matching cell
|
||||
this._set("value", this._selectedCell >= 0 ? value : null);
|
||||
|
||||
if(priorityChange || priorityChange === undefined){
|
||||
this.onChange(value);
|
||||
}
|
||||
},
|
||||
|
||||
onChange: function(value){
|
||||
// summary:
|
||||
// Callback when a cell is selected.
|
||||
// value: String
|
||||
// Value corresponding to cell.
|
||||
},
|
||||
|
||||
_navigateByKey: function(increment, typeCount){
|
||||
// summary:
|
||||
// This is the callback for typematic.
|
||||
// It changes the focus and the highlighed cell.
|
||||
// increment:
|
||||
// How much the key is navigated.
|
||||
// typeCount:
|
||||
// How many times typematic has fired.
|
||||
// tags:
|
||||
// private
|
||||
|
||||
// typecount == -1 means the key is released.
|
||||
if(typeCount == -1){ return; }
|
||||
|
||||
var newFocusIndex = this._currentFocus.index + increment;
|
||||
if(newFocusIndex < this._cells.length && newFocusIndex > -1){
|
||||
var focusNode = this._cells[newFocusIndex].node;
|
||||
this._setCurrent(focusNode);
|
||||
|
||||
// Actually focus the node, for the benefit of screen readers.
|
||||
// Use setTimeout because IE doesn't like changing focus inside of an event handler
|
||||
setTimeout(dojo.hitch(dijit, "focus", focusNode), 0);
|
||||
}
|
||||
},
|
||||
|
||||
_getDye: function(/*DomNode*/ cell){
|
||||
// summary:
|
||||
// Get JS object for given cell DOMNode
|
||||
|
||||
return this._cells[cell.index].dye;
|
||||
}
|
||||
});
|
||||
|
||||
/*=====
|
||||
dojo.declare("dijit.Dye",
|
||||
null,
|
||||
{
|
||||
// summary:
|
||||
// Interface for the JS Object associated with a palette cell (i.e. DOMNode)
|
||||
|
||||
constructor: function(alias, row, col){
|
||||
// summary:
|
||||
// Initialize according to value or alias like "white"
|
||||
// alias: String
|
||||
},
|
||||
|
||||
getValue: function(){
|
||||
// summary:
|
||||
// Return "value" of cell; meaning of "value" varies by subclass.
|
||||
// description:
|
||||
// For example color hex value, emoticon ascii value etc, entity hex value.
|
||||
},
|
||||
|
||||
fillCell: function(cell, blankGif){
|
||||
// summary:
|
||||
// Add cell DOMNode inner structure
|
||||
// cell: DomNode
|
||||
// The surrounding cell
|
||||
// blankGif: String
|
||||
// URL for blank cell image
|
||||
}
|
||||
}
|
||||
);
|
||||
=====*/
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user