mirror of
https://github.com/VTECRM/vtenext.git
synced 2026-02-26 16:18:47 +00:00
40 lines
1.7 KiB
JavaScript
40 lines
1.7 KiB
JavaScript
/*************************************
|
|
* SPDX-FileCopyrightText: 2009-2020 Vtenext S.r.l. <info@vtenext.com>
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
************************************/
|
|
|
|
//the window.onload wrapper around these object constructors is just for demo purposes
|
|
//in practise you would put them in an existing load function, or use a scaleable solution:
|
|
//http://www.brothercake.com/site/resources/scripts/domready/
|
|
//http://www.brothercake.com/site/resources/scripts/onload/
|
|
window.onload = function()
|
|
{
|
|
|
|
|
|
|
|
//initialise the docking boxes manager
|
|
var manager = new dbxManager('main'); //session ID [/-_a-zA-Z0-9/]
|
|
|
|
|
|
//create new docking boxes group
|
|
var sidebar = new dbxGroup(
|
|
'sidebar', // container ID [/-_a-zA-Z0-9/]
|
|
'vertical', // orientation ['vertical'|'horizontal']
|
|
'7', // drag threshold ['n' pixels]
|
|
'no', // restrict drag movement to container axis ['yes'|'no']
|
|
'10', // animate re-ordering [frames per transition, or '0' for no effect]
|
|
'yes', // include open/close toggle buttons ['yes'|'no']
|
|
'open', // default state ['open'|'closed']
|
|
|
|
'open', // word for "open", as in "open this box"
|
|
'close', // word for "close", as in "close this box"
|
|
'click-down and drag to move this box', // sentence for "move this box" by mouse
|
|
'click to %toggle% this box', // pattern-match sentence for "(open|close) this box" by mouse
|
|
'use the arrow keys to move this box', // sentence for "move this box" by keyboard
|
|
', or press the enter key to %toggle% it', // pattern-match sentence-fragment for "(open|close) this box" by keyboard
|
|
'%mytitle% [%dbxtitle%]' // pattern-match syntax for title-attribute conflicts
|
|
);
|
|
|
|
|
|
|
|
}; |