mirror of
https://github.com/samba-team/samba.git
synced 2024-12-24 21:34:56 +03:00
r21326: get rid of old qooxdoo version.
This commit is contained in:
Derrell Lipman
Gerald (Jerry) Carter
parent
4ee68f55da
commit
39a4803ad1
@ -1,2 +0,0 @@
|
||||
Please point your browser to:
|
||||
http://qooxdoo.org/about/developers
|
||||
@ -1,504 +0,0 @@
|
||||
GNU LESSER GENERAL PUBLIC LICENSE
|
||||
Version 2.1, February 1999
|
||||
|
||||
Copyright (C) 1991, 1999 Free Software Foundation, Inc.
|
||||
59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
|
||||
[This is the first released version of the Lesser GPL. It also counts
|
||||
as the successor of the GNU Library Public License, version 2, hence
|
||||
the version number 2.1.]
|
||||
|
||||
Preamble
|
||||
|
||||
The licenses for most software are designed to take away your
|
||||
freedom to share and change it. By contrast, the GNU General Public
|
||||
Licenses are intended to guarantee your freedom to share and change
|
||||
free software--to make sure the software is free for all its users.
|
||||
|
||||
This license, the Lesser General Public License, applies to some
|
||||
specially designated software packages--typically libraries--of the
|
||||
Free Software Foundation and other authors who decide to use it. You
|
||||
can use it too, but we suggest you first think carefully about whether
|
||||
this license or the ordinary General Public License is the better
|
||||
strategy to use in any particular case, based on the explanations below.
|
||||
|
||||
When we speak of free software, we are referring to freedom of use,
|
||||
not price. Our General Public Licenses are designed to make sure that
|
||||
you have the freedom to distribute copies of free software (and charge
|
||||
for this service if you wish); that you receive source code or can get
|
||||
it if you want it; that you can change the software and use pieces of
|
||||
it in new free programs; and that you are informed that you can do
|
||||
these things.
|
||||
|
||||
To protect your rights, we need to make restrictions that forbid
|
||||
distributors to deny you these rights or to ask you to surrender these
|
||||
rights. These restrictions translate to certain responsibilities for
|
||||
you if you distribute copies of the library or if you modify it.
|
||||
|
||||
For example, if you distribute copies of the library, whether gratis
|
||||
or for a fee, you must give the recipients all the rights that we gave
|
||||
you. You must make sure that they, too, receive or can get the source
|
||||
code. If you link other code with the library, you must provide
|
||||
complete object files to the recipients, so that they can relink them
|
||||
with the library after making changes to the library and recompiling
|
||||
it. And you must show them these terms so they know their rights.
|
||||
|
||||
We protect your rights with a two-step method: (1) we copyright the
|
||||
library, and (2) we offer you this license, which gives you legal
|
||||
permission to copy, distribute and/or modify the library.
|
||||
|
||||
To protect each distributor, we want to make it very clear that
|
||||
there is no warranty for the free library. Also, if the library is
|
||||
modified by someone else and passed on, the recipients should know
|
||||
that what they have is not the original version, so that the original
|
||||
author's reputation will not be affected by problems that might be
|
||||
introduced by others.
|
||||
|
||||
Finally, software patents pose a constant threat to the existence of
|
||||
any free program. We wish to make sure that a company cannot
|
||||
effectively restrict the users of a free program by obtaining a
|
||||
restrictive license from a patent holder. Therefore, we insist that
|
||||
any patent license obtained for a version of the library must be
|
||||
consistent with the full freedom of use specified in this license.
|
||||
|
||||
Most GNU software, including some libraries, is covered by the
|
||||
ordinary GNU General Public License. This license, the GNU Lesser
|
||||
General Public License, applies to certain designated libraries, and
|
||||
is quite different from the ordinary General Public License. We use
|
||||
this license for certain libraries in order to permit linking those
|
||||
libraries into non-free programs.
|
||||
|
||||
When a program is linked with a library, whether statically or using
|
||||
a shared library, the combination of the two is legally speaking a
|
||||
combined work, a derivative of the original library. The ordinary
|
||||
General Public License therefore permits such linking only if the
|
||||
entire combination fits its criteria of freedom. The Lesser General
|
||||
Public License permits more lax criteria for linking other code with
|
||||
the library.
|
||||
|
||||
We call this license the "Lesser" General Public License because it
|
||||
does Less to protect the user's freedom than the ordinary General
|
||||
Public License. It also provides other free software developers Less
|
||||
of an advantage over competing non-free programs. These disadvantages
|
||||
are the reason we use the ordinary General Public License for many
|
||||
libraries. However, the Lesser license provides advantages in certain
|
||||
special circumstances.
|
||||
|
||||
For example, on rare occasions, there may be a special need to
|
||||
encourage the widest possible use of a certain library, so that it becomes
|
||||
a de-facto standard. To achieve this, non-free programs must be
|
||||
allowed to use the library. A more frequent case is that a free
|
||||
library does the same job as widely used non-free libraries. In this
|
||||
case, there is little to gain by limiting the free library to free
|
||||
software only, so we use the Lesser General Public License.
|
||||
|
||||
In other cases, permission to use a particular library in non-free
|
||||
programs enables a greater number of people to use a large body of
|
||||
free software. For example, permission to use the GNU C Library in
|
||||
non-free programs enables many more people to use the whole GNU
|
||||
operating system, as well as its variant, the GNU/Linux operating
|
||||
system.
|
||||
|
||||
Although the Lesser General Public License is Less protective of the
|
||||
users' freedom, it does ensure that the user of a program that is
|
||||
linked with the Library has the freedom and the wherewithal to run
|
||||
that program using a modified version of the Library.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow. Pay close attention to the difference between a
|
||||
"work based on the library" and a "work that uses the library". The
|
||||
former contains code derived from the library, whereas the latter must
|
||||
be combined with the library in order to run.
|
||||
|
||||
GNU LESSER GENERAL PUBLIC LICENSE
|
||||
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||
|
||||
0. This License Agreement applies to any software library or other
|
||||
program which contains a notice placed by the copyright holder or
|
||||
other authorized party saying it may be distributed under the terms of
|
||||
this Lesser General Public License (also called "this License").
|
||||
Each licensee is addressed as "you".
|
||||
|
||||
A "library" means a collection of software functions and/or data
|
||||
prepared so as to be conveniently linked with application programs
|
||||
(which use some of those functions and data) to form executables.
|
||||
|
||||
The "Library", below, refers to any such software library or work
|
||||
which has been distributed under these terms. A "work based on the
|
||||
Library" means either the Library or any derivative work under
|
||||
copyright law: that is to say, a work containing the Library or a
|
||||
portion of it, either verbatim or with modifications and/or translated
|
||||
straightforwardly into another language. (Hereinafter, translation is
|
||||
included without limitation in the term "modification".)
|
||||
|
||||
"Source code" for a work means the preferred form of the work for
|
||||
making modifications to it. For a library, complete source code means
|
||||
all the source code for all modules it contains, plus any associated
|
||||
interface definition files, plus the scripts used to control compilation
|
||||
and installation of the library.
|
||||
|
||||
Activities other than copying, distribution and modification are not
|
||||
covered by this License; they are outside its scope. The act of
|
||||
running a program using the Library is not restricted, and output from
|
||||
such a program is covered only if its contents constitute a work based
|
||||
on the Library (independent of the use of the Library in a tool for
|
||||
writing it). Whether that is true depends on what the Library does
|
||||
and what the program that uses the Library does.
|
||||
|
||||
1. You may copy and distribute verbatim copies of the Library's
|
||||
complete source code as you receive it, in any medium, provided that
|
||||
you conspicuously and appropriately publish on each copy an
|
||||
appropriate copyright notice and disclaimer of warranty; keep intact
|
||||
all the notices that refer to this License and to the absence of any
|
||||
warranty; and distribute a copy of this License along with the
|
||||
Library.
|
||||
|
||||
You may charge a fee for the physical act of transferring a copy,
|
||||
and you may at your option offer warranty protection in exchange for a
|
||||
fee.
|
||||
|
||||
2. You may modify your copy or copies of the Library or any portion
|
||||
of it, thus forming a work based on the Library, and copy and
|
||||
distribute such modifications or work under the terms of Section 1
|
||||
above, provided that you also meet all of these conditions:
|
||||
|
||||
a) The modified work must itself be a software library.
|
||||
|
||||
b) You must cause the files modified to carry prominent notices
|
||||
stating that you changed the files and the date of any change.
|
||||
|
||||
c) You must cause the whole of the work to be licensed at no
|
||||
charge to all third parties under the terms of this License.
|
||||
|
||||
d) If a facility in the modified Library refers to a function or a
|
||||
table of data to be supplied by an application program that uses
|
||||
the facility, other than as an argument passed when the facility
|
||||
is invoked, then you must make a good faith effort to ensure that,
|
||||
in the event an application does not supply such function or
|
||||
table, the facility still operates, and performs whatever part of
|
||||
its purpose remains meaningful.
|
||||
|
||||
(For example, a function in a library to compute square roots has
|
||||
a purpose that is entirely well-defined independent of the
|
||||
application. Therefore, Subsection 2d requires that any
|
||||
application-supplied function or table used by this function must
|
||||
be optional: if the application does not supply it, the square
|
||||
root function must still compute square roots.)
|
||||
|
||||
These requirements apply to the modified work as a whole. If
|
||||
identifiable sections of that work are not derived from the Library,
|
||||
and can be reasonably considered independent and separate works in
|
||||
themselves, then this License, and its terms, do not apply to those
|
||||
sections when you distribute them as separate works. But when you
|
||||
distribute the same sections as part of a whole which is a work based
|
||||
on the Library, the distribution of the whole must be on the terms of
|
||||
this License, whose permissions for other licensees extend to the
|
||||
entire whole, and thus to each and every part regardless of who wrote
|
||||
it.
|
||||
|
||||
Thus, it is not the intent of this section to claim rights or contest
|
||||
your rights to work written entirely by you; rather, the intent is to
|
||||
exercise the right to control the distribution of derivative or
|
||||
collective works based on the Library.
|
||||
|
||||
In addition, mere aggregation of another work not based on the Library
|
||||
with the Library (or with a work based on the Library) on a volume of
|
||||
a storage or distribution medium does not bring the other work under
|
||||
the scope of this License.
|
||||
|
||||
3. You may opt to apply the terms of the ordinary GNU General Public
|
||||
License instead of this License to a given copy of the Library. To do
|
||||
this, you must alter all the notices that refer to this License, so
|
||||
that they refer to the ordinary GNU General Public License, version 2,
|
||||
instead of to this License. (If a newer version than version 2 of the
|
||||
ordinary GNU General Public License has appeared, then you can specify
|
||||
that version instead if you wish.) Do not make any other change in
|
||||
these notices.
|
||||
|
||||
Once this change is made in a given copy, it is irreversible for
|
||||
that copy, so the ordinary GNU General Public License applies to all
|
||||
subsequent copies and derivative works made from that copy.
|
||||
|
||||
This option is useful when you wish to copy part of the code of
|
||||
the Library into a program that is not a library.
|
||||
|
||||
4. You may copy and distribute the Library (or a portion or
|
||||
derivative of it, under Section 2) in object code or executable form
|
||||
under the terms of Sections 1 and 2 above provided that you accompany
|
||||
it with the complete corresponding machine-readable source code, which
|
||||
must be distributed under the terms of Sections 1 and 2 above on a
|
||||
medium customarily used for software interchange.
|
||||
|
||||
If distribution of object code is made by offering access to copy
|
||||
from a designated place, then offering equivalent access to copy the
|
||||
source code from the same place satisfies the requirement to
|
||||
distribute the source code, even though third parties are not
|
||||
compelled to copy the source along with the object code.
|
||||
|
||||
5. A program that contains no derivative of any portion of the
|
||||
Library, but is designed to work with the Library by being compiled or
|
||||
linked with it, is called a "work that uses the Library". Such a
|
||||
work, in isolation, is not a derivative work of the Library, and
|
||||
therefore falls outside the scope of this License.
|
||||
|
||||
However, linking a "work that uses the Library" with the Library
|
||||
creates an executable that is a derivative of the Library (because it
|
||||
contains portions of the Library), rather than a "work that uses the
|
||||
library". The executable is therefore covered by this License.
|
||||
Section 6 states terms for distribution of such executables.
|
||||
|
||||
When a "work that uses the Library" uses material from a header file
|
||||
that is part of the Library, the object code for the work may be a
|
||||
derivative work of the Library even though the source code is not.
|
||||
Whether this is true is especially significant if the work can be
|
||||
linked without the Library, or if the work is itself a library. The
|
||||
threshold for this to be true is not precisely defined by law.
|
||||
|
||||
If such an object file uses only numerical parameters, data
|
||||
structure layouts and accessors, and small macros and small inline
|
||||
functions (ten lines or less in length), then the use of the object
|
||||
file is unrestricted, regardless of whether it is legally a derivative
|
||||
work. (Executables containing this object code plus portions of the
|
||||
Library will still fall under Section 6.)
|
||||
|
||||
Otherwise, if the work is a derivative of the Library, you may
|
||||
distribute the object code for the work under the terms of Section 6.
|
||||
Any executables containing that work also fall under Section 6,
|
||||
whether or not they are linked directly with the Library itself.
|
||||
|
||||
6. As an exception to the Sections above, you may also combine or
|
||||
link a "work that uses the Library" with the Library to produce a
|
||||
work containing portions of the Library, and distribute that work
|
||||
under terms of your choice, provided that the terms permit
|
||||
modification of the work for the customer's own use and reverse
|
||||
engineering for debugging such modifications.
|
||||
|
||||
You must give prominent notice with each copy of the work that the
|
||||
Library is used in it and that the Library and its use are covered by
|
||||
this License. You must supply a copy of this License. If the work
|
||||
during execution displays copyright notices, you must include the
|
||||
copyright notice for the Library among them, as well as a reference
|
||||
directing the user to the copy of this License. Also, you must do one
|
||||
of these things:
|
||||
|
||||
a) Accompany the work with the complete corresponding
|
||||
machine-readable source code for the Library including whatever
|
||||
changes were used in the work (which must be distributed under
|
||||
Sections 1 and 2 above); and, if the work is an executable linked
|
||||
with the Library, with the complete machine-readable "work that
|
||||
uses the Library", as object code and/or source code, so that the
|
||||
user can modify the Library and then relink to produce a modified
|
||||
executable containing the modified Library. (It is understood
|
||||
that the user who changes the contents of definitions files in the
|
||||
Library will not necessarily be able to recompile the application
|
||||
to use the modified definitions.)
|
||||
|
||||
b) Use a suitable shared library mechanism for linking with the
|
||||
Library. A suitable mechanism is one that (1) uses at run time a
|
||||
copy of the library already present on the user's computer system,
|
||||
rather than copying library functions into the executable, and (2)
|
||||
will operate properly with a modified version of the library, if
|
||||
the user installs one, as long as the modified version is
|
||||
interface-compatible with the version that the work was made with.
|
||||
|
||||
c) Accompany the work with a written offer, valid for at
|
||||
least three years, to give the same user the materials
|
||||
specified in Subsection 6a, above, for a charge no more
|
||||
than the cost of performing this distribution.
|
||||
|
||||
d) If distribution of the work is made by offering access to copy
|
||||
from a designated place, offer equivalent access to copy the above
|
||||
specified materials from the same place.
|
||||
|
||||
e) Verify that the user has already received a copy of these
|
||||
materials or that you have already sent this user a copy.
|
||||
|
||||
For an executable, the required form of the "work that uses the
|
||||
Library" must include any data and utility programs needed for
|
||||
reproducing the executable from it. However, as a special exception,
|
||||
the materials to be distributed need not include anything that is
|
||||
normally distributed (in either source or binary form) with the major
|
||||
components (compiler, kernel, and so on) of the operating system on
|
||||
which the executable runs, unless that component itself accompanies
|
||||
the executable.
|
||||
|
||||
It may happen that this requirement contradicts the license
|
||||
restrictions of other proprietary libraries that do not normally
|
||||
accompany the operating system. Such a contradiction means you cannot
|
||||
use both them and the Library together in an executable that you
|
||||
distribute.
|
||||
|
||||
7. You may place library facilities that are a work based on the
|
||||
Library side-by-side in a single library together with other library
|
||||
facilities not covered by this License, and distribute such a combined
|
||||
library, provided that the separate distribution of the work based on
|
||||
the Library and of the other library facilities is otherwise
|
||||
permitted, and provided that you do these two things:
|
||||
|
||||
a) Accompany the combined library with a copy of the same work
|
||||
based on the Library, uncombined with any other library
|
||||
facilities. This must be distributed under the terms of the
|
||||
Sections above.
|
||||
|
||||
b) Give prominent notice with the combined library of the fact
|
||||
that part of it is a work based on the Library, and explaining
|
||||
where to find the accompanying uncombined form of the same work.
|
||||
|
||||
8. You may not copy, modify, sublicense, link with, or distribute
|
||||
the Library except as expressly provided under this License. Any
|
||||
attempt otherwise to copy, modify, sublicense, link with, or
|
||||
distribute the Library is void, and will automatically terminate your
|
||||
rights under this License. However, parties who have received copies,
|
||||
or rights, from you under this License will not have their licenses
|
||||
terminated so long as such parties remain in full compliance.
|
||||
|
||||
9. You are not required to accept this License, since you have not
|
||||
signed it. However, nothing else grants you permission to modify or
|
||||
distribute the Library or its derivative works. These actions are
|
||||
prohibited by law if you do not accept this License. Therefore, by
|
||||
modifying or distributing the Library (or any work based on the
|
||||
Library), you indicate your acceptance of this License to do so, and
|
||||
all its terms and conditions for copying, distributing or modifying
|
||||
the Library or works based on it.
|
||||
|
||||
10. Each time you redistribute the Library (or any work based on the
|
||||
Library), the recipient automatically receives a license from the
|
||||
original licensor to copy, distribute, link with or modify the Library
|
||||
subject to these terms and conditions. You may not impose any further
|
||||
restrictions on the recipients' exercise of the rights granted herein.
|
||||
You are not responsible for enforcing compliance by third parties with
|
||||
this License.
|
||||
|
||||
11. If, as a consequence of a court judgment or allegation of patent
|
||||
infringement or for any other reason (not limited to patent issues),
|
||||
conditions are imposed on you (whether by court order, agreement or
|
||||
otherwise) that contradict the conditions of this License, they do not
|
||||
excuse you from the conditions of this License. If you cannot
|
||||
distribute so as to satisfy simultaneously your obligations under this
|
||||
License and any other pertinent obligations, then as a consequence you
|
||||
may not distribute the Library at all. For example, if a patent
|
||||
license would not permit royalty-free redistribution of the Library by
|
||||
all those who receive copies directly or indirectly through you, then
|
||||
the only way you could satisfy both it and this License would be to
|
||||
refrain entirely from distribution of the Library.
|
||||
|
||||
If any portion of this section is held invalid or unenforceable under any
|
||||
particular circumstance, the balance of the section is intended to apply,
|
||||
and the section as a whole is intended to apply in other circumstances.
|
||||
|
||||
It is not the purpose of this section to induce you to infringe any
|
||||
patents or other property right claims or to contest validity of any
|
||||
such claims; this section has the sole purpose of protecting the
|
||||
integrity of the free software distribution system which is
|
||||
implemented by public license practices. Many people have made
|
||||
generous contributions to the wide range of software distributed
|
||||
through that system in reliance on consistent application of that
|
||||
system; it is up to the author/donor to decide if he or she is willing
|
||||
to distribute software through any other system and a licensee cannot
|
||||
impose that choice.
|
||||
|
||||
This section is intended to make thoroughly clear what is believed to
|
||||
be a consequence of the rest of this License.
|
||||
|
||||
12. If the distribution and/or use of the Library is restricted in
|
||||
certain countries either by patents or by copyrighted interfaces, the
|
||||
original copyright holder who places the Library under this License may add
|
||||
an explicit geographical distribution limitation excluding those countries,
|
||||
so that distribution is permitted only in or among countries not thus
|
||||
excluded. In such case, this License incorporates the limitation as if
|
||||
written in the body of this License.
|
||||
|
||||
13. The Free Software Foundation may publish revised and/or new
|
||||
versions of the Lesser General Public License from time to time.
|
||||
Such new versions will be similar in spirit to the present version,
|
||||
but may differ in detail to address new problems or concerns.
|
||||
|
||||
Each version is given a distinguishing version number. If the Library
|
||||
specifies a version number of this License which applies to it and
|
||||
"any later version", you have the option of following the terms and
|
||||
conditions either of that version or of any later version published by
|
||||
the Free Software Foundation. If the Library does not specify a
|
||||
license version number, you may choose any version ever published by
|
||||
the Free Software Foundation.
|
||||
|
||||
14. If you wish to incorporate parts of the Library into other free
|
||||
programs whose distribution conditions are incompatible with these,
|
||||
write to the author to ask for permission. For software which is
|
||||
copyrighted by the Free Software Foundation, write to the Free
|
||||
Software Foundation; we sometimes make exceptions for this. Our
|
||||
decision will be guided by the two goals of preserving the free status
|
||||
of all derivatives of our free software and of promoting the sharing
|
||||
and reuse of software generally.
|
||||
|
||||
NO WARRANTY
|
||||
|
||||
15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO
|
||||
WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
|
||||
EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
|
||||
OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY
|
||||
KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE
|
||||
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
||||
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
|
||||
LIBRARY IS WITH YOU. SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME
|
||||
THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
|
||||
|
||||
16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN
|
||||
WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY
|
||||
AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU
|
||||
FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR
|
||||
CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
|
||||
LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING
|
||||
RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
|
||||
FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF
|
||||
SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
|
||||
DAMAGES.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
How to Apply These Terms to Your New Libraries
|
||||
|
||||
If you develop a new library, and you want it to be of the greatest
|
||||
possible use to the public, we recommend making it free software that
|
||||
everyone can redistribute and change. You can do so by permitting
|
||||
redistribution under these terms (or, alternatively, under the terms of the
|
||||
ordinary General Public License).
|
||||
|
||||
To apply these terms, attach the following notices to the library. It is
|
||||
safest to attach them to the start of each source file to most effectively
|
||||
convey the exclusion of warranty; and each file should have at least the
|
||||
"copyright" line and a pointer to where the full notice is found.
|
||||
|
||||
<one line to give the library's name and a brief idea of what it does.>
|
||||
Copyright (C) <year> <name of author>
|
||||
|
||||
This library is free software; you can redistribute it and/or
|
||||
modify it under the terms of the GNU Lesser General Public
|
||||
License as published by the Free Software Foundation; either
|
||||
version 2.1 of the License, or (at your option) any later version.
|
||||
|
||||
This library is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
||||
Lesser General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU Lesser General Public
|
||||
License along with this library; if not, write to the Free Software
|
||||
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||
|
||||
Also add information on how to contact you by electronic and paper mail.
|
||||
|
||||
You should also get your employer (if you work as a programmer) or your
|
||||
school, if any, to sign a "copyright disclaimer" for the library, if
|
||||
necessary. Here is a sample; alter the names:
|
||||
|
||||
Yoyodyne, Inc., hereby disclaims all copyright interest in the
|
||||
library `Frob' (a library for tweaking knobs) written by James Random Hacker.
|
||||
|
||||
<signature of Ty Coon>, 1 April 1990
|
||||
Ty Coon, President of Vice
|
||||
|
||||
That's all there is to it!
|
||||
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
Please point your browser to:
|
||||
http://qooxdoo.org/documentation/user_manual
|
||||
@ -1,2 +0,0 @@
|
||||
Please point your browser to:
|
||||
http://qooxdoo.org/about/release_notes
|
||||
@ -1,2 +0,0 @@
|
||||
Please point your browser to:
|
||||
http://qooxdoo.org/community/bugs
|
||||
@ -1,294 +0,0 @@
|
||||
###################################################################################
|
||||
# VARIABLES
|
||||
###################################################################################
|
||||
|
||||
VERSION = 0.6.3
|
||||
|
||||
NICE=10
|
||||
NICE_CALL = nice -n $(NICE)
|
||||
|
||||
RELEASE_BUILD_UNIX = release/temp/build/unix/qooxdoo-$(VERSION)-build
|
||||
RELEASE_BUILD_DOS = release/temp/build/dos/qooxdoo-$(VERSION)-build
|
||||
|
||||
RELEASE_SDK_UNIX = release/temp/sdk/unix/qooxdoo-$(VERSION)-sdk
|
||||
RELEASE_SDK_DOS = release/temp/sdk/dos/qooxdoo-$(VERSION)-sdk
|
||||
|
||||
FIX_FILES = -name "*.py" -o -name "*.sh" -o -name "*.js" -o -name "*.html" -o -name "*.css" -o -name "*.xml" -o -name Makefile -o -name AUTHORS -o -name LICENSE -o -name README -o -name RELEASENOTES -o -name TODO
|
||||
|
||||
RSYNC_BUILD_OPT = --recursive --archive --delete
|
||||
RSYNC_SDK_OPT = $(RSYNC_BUILD_OPT) --exclude script --exclude .svn
|
||||
|
||||
RSYNC_BUILD_EXEC = @$(NICE_CALL) rsync $(RSYNC_BUILD_OPT)
|
||||
RSYNC_SDK_EXEC = @$(NICE_CALL) rsync $(RSYNC_SDK_OPT)
|
||||
|
||||
ANY2DOS = | xargs framework/tool/modules/textutil.py --command any2Dos
|
||||
ANY2UNIX = | xargs framework/tool/modules/textutil.py --command any2Unix
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# DEFAULT TARGET
|
||||
###################################################################################
|
||||
|
||||
all: build
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# COMMON TARGETS
|
||||
###################################################################################
|
||||
|
||||
build:
|
||||
@$(MAKE) -C api build
|
||||
@$(MAKE) -C demo build
|
||||
@$(MAKE) -C framework build
|
||||
|
||||
source:
|
||||
@$(MAKE) -C api source
|
||||
@$(MAKE) -C demo source
|
||||
@$(MAKE) -C framework source
|
||||
|
||||
api-build:
|
||||
@$(MAKE) -C api build
|
||||
|
||||
demo-build:
|
||||
@$(MAKE) -C demo build
|
||||
|
||||
framework-build:
|
||||
@$(MAKE) -C framework build
|
||||
|
||||
api-source:
|
||||
@$(MAKE) -C api source
|
||||
|
||||
demo-source:
|
||||
@$(MAKE) -C demo source
|
||||
|
||||
framework-source:
|
||||
@$(MAKE) -C framework source
|
||||
|
||||
skeleton-archives:
|
||||
@$(MAKE) -C skeleton archives
|
||||
|
||||
demo-sync:
|
||||
@$(MAKE) -C demo sync
|
||||
|
||||
api-sync:
|
||||
@$(MAKE) -C api sync
|
||||
|
||||
framework-debug:
|
||||
@$(MAKE) -C framework debug
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# CLEANUP TARGETS
|
||||
###################################################################################
|
||||
|
||||
clean:
|
||||
@echo
|
||||
@echo " CLEANUP OF GENERATED FILES"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@$(MAKE) -C api clean
|
||||
@$(MAKE) -C demo clean
|
||||
@$(MAKE) -C framework clean
|
||||
@$(MAKE) -C skeleton clean
|
||||
|
||||
realclean:
|
||||
@echo
|
||||
@echo " CLEANUP OF GENERATED FILES (REAL)"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Deleting files..."
|
||||
@$(MAKE) -C api realclean
|
||||
@$(MAKE) -C demo realclean
|
||||
@$(MAKE) -C framework realclean
|
||||
@$(MAKE) -C skeleton realclean
|
||||
|
||||
@echo " * Deleting release temp data..."
|
||||
@$(NICE_CALL) rm -rf release/temp
|
||||
|
||||
distclean:
|
||||
@echo
|
||||
@echo " CLEANUP OF GENERATED FILES (DIST)"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Deleting files..."
|
||||
@$(MAKE) -C api distclean
|
||||
@$(MAKE) -C demo distclean
|
||||
@$(MAKE) -C framework distclean
|
||||
@$(MAKE) -C skeleton distclean
|
||||
|
||||
@echo " * Deleting cache..."
|
||||
@$(NICE_CALL) rm -rf .cache
|
||||
|
||||
@echo " * Deleting release archives..."
|
||||
@$(NICE_CALL) rm -rf release
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# RELEASE TARGETS
|
||||
###################################################################################
|
||||
|
||||
release: release-build release-sdk
|
||||
release-fast: release-build-fast release-sdk-fast
|
||||
|
||||
|
||||
|
||||
|
||||
release-build: build release-build-fast
|
||||
release-build-fast: release-build-sync release-build-compress
|
||||
|
||||
release-build-sync:
|
||||
@echo
|
||||
@echo " SYNCHRONISATION OF UNIX BUILD RELEASE"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
|
||||
@echo " * Copying info files..."
|
||||
@mkdir -p $(RELEASE_BUILD_UNIX)
|
||||
@find ../ -maxdepth 1 -type f -name "[A-Z]*" -exec cp -f {} $(RELEASE_BUILD_UNIX) \;
|
||||
|
||||
@echo " * Synchronizing Unix build folders..."
|
||||
@mkdir -p $(RELEASE_BUILD_UNIX)/frontend/api
|
||||
$(RSYNC_BUILD_EXEC) api/build/* $(RELEASE_BUILD_UNIX)/frontend/api
|
||||
@mkdir -p $(RELEASE_BUILD_UNIX)/frontend/demo
|
||||
$(RSYNC_BUILD_EXEC) demo/build/* $(RELEASE_BUILD_UNIX)/frontend/demo
|
||||
@mkdir -p $(RELEASE_BUILD_UNIX)/frontend/framework
|
||||
$(RSYNC_BUILD_EXEC) framework/build/* $(RELEASE_BUILD_UNIX)/frontend/framework
|
||||
|
||||
@echo " * Fixing line-breaks..."
|
||||
@$(NICE_CALL) find $(RELEASE_BUILD_UNIX) $(FIX_FILES) $(ANY2UNIX)
|
||||
|
||||
@echo
|
||||
@echo " SYNCHRONISATION OF DOS BUILD RELEASE"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
|
||||
@echo " * Copying info files..."
|
||||
@mkdir -p $(RELEASE_BUILD_DOS)
|
||||
@find ../ -maxdepth 1 -type f -name "[A-Z]*" -exec cp -f {} $(RELEASE_BUILD_DOS) \;
|
||||
|
||||
@echo " * Synchronizing DOS build folders..."
|
||||
@mkdir -p $(RELEASE_BUILD_DOS)/frontend/api
|
||||
$(RSYNC_BUILD_EXEC) api/build/* $(RELEASE_BUILD_DOS)/frontend/api
|
||||
@mkdir -p $(RELEASE_BUILD_DOS)/frontend/demo
|
||||
$(RSYNC_BUILD_EXEC) demo/build/* $(RELEASE_BUILD_DOS)/frontend/demo
|
||||
@mkdir -p $(RELEASE_BUILD_DOS)/frontend/framework
|
||||
$(RSYNC_BUILD_EXEC) framework/build/* $(RELEASE_BUILD_DOS)/frontend/framework
|
||||
|
||||
@echo " * Fixing line-breaks..."
|
||||
@$(NICE_CALL) find $(RELEASE_BUILD_DOS) $(FIX_FILES) $(ANY2DOS)
|
||||
|
||||
release-build-compress:
|
||||
@echo
|
||||
@echo " COMPRESSION OF BUILD RELEASE"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
|
||||
@echo " * Generating gzip (Unix) archive..."
|
||||
@cd release/temp/build/unix; rm -f qooxdoo-$(VERSION)-build.tar.gz; $(NICE_CALL) tar cfzp ../../../qooxdoo-$(VERSION)-build.tar.gz qooxdoo-$(VERSION)-build
|
||||
|
||||
@echo " * Generating zip (DOS) archive..."
|
||||
@cd release/temp/build/dos; rm -f qooxdoo-$(VERSION)-build.zip; $(NICE_CALL) zip -rq ../../../qooxdoo-$(VERSION)-build.zip qooxdoo-$(VERSION)-build
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
release-sdk: source skeleton-archives release-sdk-fast
|
||||
release-sdk-fast: release-sdk-sync release-sdk-compress
|
||||
|
||||
release-sdk-sync:
|
||||
@echo
|
||||
@echo " SYNCHRONISATION OF UNIX SDK RELEASE"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
|
||||
@echo " * Copying info files..."
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)
|
||||
@find ../ -maxdepth 1 -type f -name "[A-Z]*" -exec cp -f {} $(RELEASE_SDK_UNIX) \;
|
||||
|
||||
@echo " * Copying Makefiles..."
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)/frontend
|
||||
@cp -f Makefile $(RELEASE_SDK_UNIX)/frontend
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)/frontend/api
|
||||
@cp -f api/Makefile $(RELEASE_SDK_UNIX)/frontend/api
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)/frontend/demo
|
||||
@cp -f demo/Makefile $(RELEASE_SDK_UNIX)/frontend/demo
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)/frontend/framework
|
||||
@cp -f framework/Makefile $(RELEASE_SDK_UNIX)/frontend/framework
|
||||
|
||||
@echo " * Synchronizing source folders..."
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)/frontend/api/source
|
||||
$(RSYNC_SDK_EXEC) api/source/* $(RELEASE_SDK_UNIX)/frontend/api/source
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)/frontend/demo/source
|
||||
$(RSYNC_SDK_EXEC) demo/source/* $(RELEASE_SDK_UNIX)/frontend/demo/source
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)/frontend/framework/source
|
||||
$(RSYNC_SDK_EXEC) framework/source/* $(RELEASE_SDK_UNIX)/frontend/framework/source
|
||||
|
||||
@echo " * Synchronizing skeleton folder..."
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)/frontend/skeleton
|
||||
$(RSYNC_BUILD_EXEC) skeleton/build/*.tar.gz $(RELEASE_SDK_UNIX)/frontend/skeleton
|
||||
|
||||
@echo " * Synchronizing tool folders..."
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)/frontend/demo/tool
|
||||
$(RSYNC_SDK_EXEC) demo/tool/* $(RELEASE_SDK_UNIX)/frontend/demo/tool
|
||||
@$(NICE_CALL) find $(RELEASE_SDK_UNIX)/frontend/demo/tool -name "*.sh" -o -name "*.py" | xargs chmod a+rx
|
||||
@mkdir -p $(RELEASE_SDK_UNIX)/frontend/framework/tool
|
||||
$(RSYNC_SDK_EXEC) framework/tool/* $(RELEASE_SDK_UNIX)/frontend/framework/tool
|
||||
@$(NICE_CALL) find $(RELEASE_SDK_UNIX)/frontend/framework/tool -name "*.sh" -o -name "*.py" | xargs chmod a+rx
|
||||
|
||||
@echo " * Fixing line-breaks..."
|
||||
@$(NICE_CALL) find $(RELEASE_SDK_UNIX) $(FIX_FILES) $(ANY2UNIX)
|
||||
|
||||
@echo
|
||||
@echo " SYNCHRONISATION OF DOS SDK RELEASE"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
|
||||
@echo " * Copying info files..."
|
||||
@mkdir -p $(RELEASE_SDK_DOS)
|
||||
@find ../ -maxdepth 1 -type f -name "[A-Z]*" -exec cp -f {} $(RELEASE_SDK_DOS) \;
|
||||
|
||||
@echo " * Copying Makefiles..."
|
||||
@mkdir -p $(RELEASE_SDK_DOS)/frontend
|
||||
@cp -f Makefile $(RELEASE_SDK_DOS)/frontend
|
||||
@mkdir -p $(RELEASE_SDK_DOS)/frontend/api
|
||||
@cp -f api/Makefile $(RELEASE_SDK_DOS)/frontend/api
|
||||
@mkdir -p $(RELEASE_SDK_DOS)/frontend/demo
|
||||
@cp -f demo/Makefile $(RELEASE_SDK_DOS)/frontend/demo
|
||||
@mkdir -p $(RELEASE_SDK_DOS)/frontend/framework
|
||||
@cp -f framework/Makefile $(RELEASE_SDK_DOS)/frontend/framework
|
||||
|
||||
@echo " * Synchronizing source folders..."
|
||||
@mkdir -p $(RELEASE_SDK_DOS)/frontend/api/source
|
||||
$(RSYNC_SDK_EXEC) api/source/* $(RELEASE_SDK_DOS)/frontend/api/source
|
||||
@mkdir -p $(RELEASE_SDK_DOS)/frontend/demo/source
|
||||
$(RSYNC_SDK_EXEC) demo/source/* $(RELEASE_SDK_DOS)/frontend/demo/source
|
||||
@mkdir -p $(RELEASE_SDK_DOS)/frontend/framework/source
|
||||
$(RSYNC_SDK_EXEC) framework/source/* $(RELEASE_SDK_DOS)/frontend/framework/source
|
||||
|
||||
@echo " * Synchronizing skeleton folder..."
|
||||
@mkdir -p $(RELEASE_SDK_DOS)/frontend/skeleton
|
||||
$(RSYNC_BUILD_EXEC) skeleton/build/*.zip $(RELEASE_SDK_DOS)/frontend/skeleton
|
||||
|
||||
@echo " * Synchronizing tool folders..."
|
||||
@mkdir -p $(RELEASE_SDK_DOS)/frontend/demo/tool
|
||||
$(RSYNC_SDK_EXEC) demo/tool/* $(RELEASE_SDK_DOS)/frontend/demo/tool
|
||||
@$(NICE_CALL) find $(RELEASE_SDK_DOS)/frontend/demo/tool -name "*.sh" -o -name "*.py" | xargs chmod a+rx
|
||||
@mkdir -p $(RELEASE_SDK_DOS)/frontend/framework/tool
|
||||
$(RSYNC_SDK_EXEC) framework/tool/* $(RELEASE_SDK_DOS)/frontend/framework/tool
|
||||
@$(NICE_CALL) find $(RELEASE_SDK_DOS)/frontend/framework/tool -name "*.sh" -o -name "*.py" | xargs chmod a+rx
|
||||
|
||||
@echo " * Fixing line-breaks..."
|
||||
@$(NICE_CALL) find $(RELEASE_SDK_DOS) $(FIX_FILES) $(ANY2DOS)
|
||||
|
||||
release-sdk-compress:
|
||||
@echo
|
||||
@echo " COMPRESSION OF SDK RELEASE"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
|
||||
@echo " * Generating gzip (Unix) archive..."
|
||||
@cd release/temp/sdk/unix; rm -f qooxdoo-$(VERSION)-sdk.tar.gz; $(NICE_CALL) tar cfzp ../../../qooxdoo-$(VERSION)-sdk.tar.gz qooxdoo-$(VERSION)-sdk
|
||||
|
||||
@echo " * Generating zip (DOS) archive..."
|
||||
@cd release/temp/sdk/dos; rm -f qooxdoo-$(VERSION)-sdk.zip; $(NICE_CALL) zip -rq ../../../qooxdoo-$(VERSION)-sdk.zip qooxdoo-$(VERSION)-sdk
|
||||
@ -1,180 +0,0 @@
|
||||
###################################################################################
|
||||
# VARIABLES
|
||||
###################################################################################
|
||||
|
||||
FRAMEWORK=../framework
|
||||
GENERATOR=$(FRAMEWORK)/tool/generator.py
|
||||
CACHE=$(FRAMEWORK)/.cache
|
||||
SOURCELOADER=
|
||||
NICE=10
|
||||
|
||||
ifneq ($(SOURCELOADER),)
|
||||
SOURCELDR = --source-loader-type $(SOURCELOADER)
|
||||
else
|
||||
SOURCELDR =
|
||||
endif
|
||||
|
||||
|
||||
###################################################################################
|
||||
# DEFAULT TARGET
|
||||
###################################################################################
|
||||
|
||||
all: build
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# COMMON TARGETS
|
||||
###################################################################################
|
||||
|
||||
source: generate-script-source generate-data-source
|
||||
build: generate-script-build generate-data-build copy-index-file fix-build-rights
|
||||
sync: build sync-qooxdoo-org
|
||||
pretty: generate-pretty
|
||||
fix: generate-fix
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# CLEANUP TARGETS
|
||||
###################################################################################
|
||||
|
||||
clean:
|
||||
@echo
|
||||
@echo " CLEANUP OF GENERATED FILES"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Deleting files..."
|
||||
@rm -f source/script/api.js source/script/data.js
|
||||
@rm -f build/script/api.js build/script/data.js
|
||||
@rm -rf build/xml source/xml
|
||||
|
||||
realclean: clean
|
||||
@echo
|
||||
@echo " CLEANUP OF GENERATED FILES (REAL)"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Deleting files..."
|
||||
@nice -n $(NICE) rm -rf build source/script
|
||||
|
||||
distclean: realclean
|
||||
@echo
|
||||
@echo " CLEANUP OF GENERATED FILES (DIST)"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Deleting files..."
|
||||
@nice -n $(NICE) find . -name "*~" -o -name "*.bak" -o -name "*.old" | xargs rm -rf
|
||||
@nice -n $(NICE) rm -rf $(CACHE)
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# GENERATOR TARGETS
|
||||
###################################################################################
|
||||
|
||||
generate-script-source:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--source-script-path ../$(FRAMEWORK)/source/class \
|
||||
--script-input source/class \
|
||||
--source-script-path class \
|
||||
--include api \
|
||||
--generate-source-script $(SOURCELDR) \
|
||||
--source-script-file source/script/api.js \
|
||||
--define-runtime-setting qx.manager.object.AliasManager.resourceUri:../$(FRAMEWORK)/source/resource \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
generate-script-build:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--resource-input $(FRAMEWORK)/source/resource \
|
||||
--resource-output build/resource/qooxdoo \
|
||||
--script-input source/class \
|
||||
--resource-input source/resource \
|
||||
--resource-output build/resource \
|
||||
--include api \
|
||||
--generate-compiled-script \
|
||||
--compiled-script-file build/script/api.js \
|
||||
--optimize-strings \
|
||||
--optimize-variables \
|
||||
--define-runtime-setting qx.manager.object.AliasManager.resourceUri:resource/qooxdoo \
|
||||
--copy-resources \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
generate-data-source:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--generate-api-documentation \
|
||||
--api-documentation-json-file source/script/data.js \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
generate-data-build:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--generate-api-documentation \
|
||||
--api-documentation-json-file build/script/data.js \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
generate-data-source-xml:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--generate-api-documentation \
|
||||
--api-documentation-xml-file source/xml/data.xml \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
generate-data-build-xml:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--generate-api-documentation \
|
||||
--api-documentation-xml-file build/xml/data.xml \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
generate-pretty:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input source/class \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--include-without-dependencies api.* \
|
||||
--pretty-print \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
generate-fix:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input source/class \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--include-without-dependencies api.* \
|
||||
--fix-source \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# FILE RELATED TARGETS
|
||||
###################################################################################
|
||||
|
||||
copy-index-file:
|
||||
@echo
|
||||
@echo " CREATE COPY OF HTML FILE"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Copying file..."
|
||||
@cp -f source/index.html build/index.html
|
||||
|
||||
fix-build-rights:
|
||||
@echo
|
||||
@echo " FIX RIGHTS ON BUILD FILES"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Fixing file rights..."
|
||||
@nice -n $(NICE) find build -type d | xargs chmod a+rx
|
||||
@nice -n $(NICE) find build -type f | xargs chmod a+r
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# ONLINE TARGETS
|
||||
###################################################################################
|
||||
|
||||
sync-qooxdoo-org:
|
||||
@echo
|
||||
@echo " SYNC FILES TO HOMEPAGE"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Syncing..."
|
||||
@nice -n $(NICE) rsync --checksum --recursive --archive --delete --verbose build/* root@qooxdoo.org:/var/www/qooxdoo/api
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,35 +0,0 @@
|
||||
/*
|
||||
#module(api)
|
||||
*/
|
||||
|
||||
/**
|
||||
* Shows the class details.
|
||||
*/
|
||||
qx.OO.defineClass("api.InfoViewer", qx.ui.embed.HtmlEmbed,
|
||||
function() {
|
||||
qx.ui.embed.HtmlEmbed.call(this);
|
||||
|
||||
this.setOverflow("auto");
|
||||
this.setPadding(20);
|
||||
this.setEdge(0);
|
||||
this.setHtmlProperty("id", "InfoViewer");
|
||||
this.setVisibility(false);
|
||||
|
||||
api.InfoViewer.instance = this;
|
||||
});
|
||||
|
||||
qx.Proto.showInfo = function(classNode)
|
||||
{
|
||||
var vHtml = "";
|
||||
|
||||
// Title
|
||||
vHtml += '<h1>';
|
||||
vHtml += '<div class="pkgtitle">package</div>';
|
||||
vHtml += classNode.attributes.fullName;
|
||||
vHtml += '</h1>';
|
||||
|
||||
// TODO: Overview of classes in this package
|
||||
|
||||
// Apply HTML
|
||||
this.setHtml(vHtml);
|
||||
}
|
||||
@ -1,356 +0,0 @@
|
||||
/*
|
||||
#module(api)
|
||||
*/
|
||||
|
||||
/**
|
||||
* A util class for handling the documentation tree.
|
||||
*/
|
||||
qx.OO.defineClass("api.TreeUtil", qx.core.Object,
|
||||
function () {
|
||||
qx.core.Object.call(this);
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Gets the child of a doc node having a certain type.
|
||||
*
|
||||
* @param docNode {Map} the doc node to get the child of.
|
||||
* @param childType {string} the type of the child to get.
|
||||
* @return {Map} the wanted child or <code>null</code> if <code>docNode</code>
|
||||
* is <code>null</code> or has no such child.
|
||||
*/
|
||||
qx.Class.getChild = function(docNode, childType) {
|
||||
if (docNode != null && docNode.children != null) {
|
||||
for (var i = 0; i < docNode.children.length; i++) {
|
||||
if (docNode.children[i].type == childType) {
|
||||
return docNode.children[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Gets the child of a doc node having a certain attribute value.
|
||||
*
|
||||
* @param docNode {Map} the doc node to get the child of.
|
||||
* @param attributeName {string} the name of the attribute the wanted child must have.
|
||||
* @param attributeValue {string} the value of the attribute the wanted child must have.
|
||||
* @return {Map} the wanted child or <code>code</code> if there is no such child.
|
||||
*/
|
||||
qx.Class.getChildByAttribute = function(docNode, attributeName, attributeValue) {
|
||||
if (docNode.children != null) {
|
||||
for (var i = 0; i < docNode.children.length; i++) {
|
||||
var node = docNode.children[i];
|
||||
if (node.attributes && node.attributes[attributeName] == attributeValue) {
|
||||
return node;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Searches the doc node of a item. Only use this method if you don't know the
|
||||
* type of the item.
|
||||
*
|
||||
* @param classNode {Map} the class node the item belongs to.
|
||||
* @param itemName {string} the name of the item to search.
|
||||
* @return {Map} the doc node of the item or <code>null</code> if the class has
|
||||
* no such item.
|
||||
*/
|
||||
qx.Class.getItemDocNode = function(classNode, itemName) {
|
||||
var TreeUtil = api.TreeUtil;
|
||||
|
||||
// Go through the item lists and check whether one contains the wanted item
|
||||
for (var i = 0; i < TreeUtil.ITEM_LIST_ARR.length; i++) {
|
||||
var listNode = TreeUtil.getChild(classNode, TreeUtil.ITEM_LIST_ARR[i]);
|
||||
if (listNode) {
|
||||
var itemNode = TreeUtil.getChildByAttribute(listNode, "name", itemName);
|
||||
if (itemNode) {
|
||||
return itemNode;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Nothing found
|
||||
return null;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Gets the doc node of a class.
|
||||
*
|
||||
* @param docTree {Map} the documentation tree.
|
||||
* @param className {string} the name of the class.
|
||||
* @return {Map} the doc node of the class.
|
||||
*/
|
||||
qx.Class.getClassDocNode = function(docTree, className) {
|
||||
var splits = className.split(".");
|
||||
var currNode = docTree;
|
||||
for (var i = 0; i < splits.length && currNode != null; i++) {
|
||||
if (i < splits.length - 1) {
|
||||
// The current name is a package name
|
||||
var packages = this.getChild(currNode, "packages");
|
||||
currNode = packages ? this.getChildByAttribute(packages, "name", splits[i]) : null;
|
||||
} else {
|
||||
// The current name is a class name
|
||||
var classes = this.getChild(currNode, "classes");
|
||||
currNode = classes ? this.getChildByAttribute(classes, "name", splits[i]) : null;
|
||||
}
|
||||
}
|
||||
|
||||
return currNode;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Gets the icon URL of a doc node.
|
||||
*
|
||||
* @param node {Map} the node to get the icon for.
|
||||
* @param inherited {boolean,false} whether the node was inherited.
|
||||
* @return {var} the URL of the icon. May be a string or an array of string
|
||||
* (in case of an overlay icon).
|
||||
*/
|
||||
qx.Class.getIconUrl = function(node, inherited) {
|
||||
var constName;
|
||||
switch (node.type) {
|
||||
case "package":
|
||||
constName = "ICON_PACKAGE";
|
||||
break;
|
||||
case "class":
|
||||
constName = "ICON_CLASS";
|
||||
|
||||
if (node.attributes.isStatic) {
|
||||
constName += "_STATIC";
|
||||
} else if (node.attributes.isAbstract) {
|
||||
constName += "_ABSTRACT";
|
||||
}
|
||||
|
||||
break;
|
||||
case "property":
|
||||
constName = "ICON_PROPERTY";
|
||||
break;
|
||||
case "event":
|
||||
constName = "ICON_EVENT";
|
||||
break;
|
||||
case "method":
|
||||
var isCtor = node.attributes.name == null;
|
||||
var isPublic = isCtor || (node.attributes.name.charAt(0) != "_");
|
||||
|
||||
constName = "ICON_METHOD" + (isPublic ? "_PUB" : "_PROT");
|
||||
|
||||
if (isCtor) {
|
||||
constName += "_CTOR";
|
||||
} else if (node.attributes.isStatic) {
|
||||
constName += "_STATIC";
|
||||
} else if (node.attributes.isAbstract) {
|
||||
constName += "_ABSTRACT";
|
||||
}
|
||||
|
||||
break;
|
||||
case "constant":
|
||||
constName = "ICON_CONSTANT";
|
||||
break;
|
||||
default: throw new Error("Unknown node type: " + node.type);
|
||||
}
|
||||
|
||||
if (inherited) {
|
||||
constName += "_INHERITED";
|
||||
} else if (node.attributes.overriddenFrom) {
|
||||
constName += "_OVERRIDDEN";
|
||||
}
|
||||
|
||||
if (node.attributes.hasError) {
|
||||
constName += "_ERROR";
|
||||
} else if (node.attributes.hasWarning) {
|
||||
constName += "_WARN";
|
||||
}
|
||||
|
||||
var iconUrl = api.TreeUtil[constName];
|
||||
if (iconUrl == null) {
|
||||
throw new Error("Unknown img constant: " + constName);
|
||||
}
|
||||
return iconUrl;
|
||||
}
|
||||
|
||||
|
||||
/** {string[]} The names of lists containing items. */
|
||||
qx.Class.ITEM_LIST_ARR = [ "constants", "properties", "methods-pub", "methods-pub",
|
||||
"methods-static-prot", "methods-static-prot" ];
|
||||
|
||||
|
||||
/** {string} The URL of the overlay "abstract". */
|
||||
qx.Class.OVERLAY_ABSTRACT = "api/overlay_abstract18.gif";
|
||||
/** {string} The URL of the overlay "error". */
|
||||
qx.Class.OVERLAY_ERROR = "api/overlay_error18.gif";
|
||||
/** {string} The URL of the overlay "inherited". */
|
||||
qx.Class.OVERLAY_INHERITED = "api/overlay_inherited18.gif";
|
||||
/** {string} The URL of the overlay "overridden". */
|
||||
qx.Class.OVERLAY_OVERRIDDEN = "api/overlay_overridden18.gif";
|
||||
/** {string} The URL of the overlay "static". */
|
||||
qx.Class.OVERLAY_STATIC = "api/overlay_static18.gif";
|
||||
/** {string} The URL of the overlay "warning". */
|
||||
qx.Class.OVERLAY_WARN = "api/overlay_warning18.gif";
|
||||
|
||||
|
||||
/** {string} The icon URL of a package. */
|
||||
qx.Class.ICON_PACKAGE = "api/package18.gif";
|
||||
/** {string} The icon URL of a package with warning. */
|
||||
qx.Class.ICON_PACKAGE_WARN = "api/package_warning18.gif";
|
||||
|
||||
|
||||
/** {string} The icon URL of a class. */
|
||||
qx.Class.ICON_CLASS = "api/class18.gif";
|
||||
/** {string} The icon URL of a class with warning. */
|
||||
qx.Class.ICON_CLASS_WARN = "api/class_warning18.gif";
|
||||
/** {string} The icon URL of a class with error. */
|
||||
qx.Class.ICON_CLASS_ERROR = "api/class_warning18.gif";
|
||||
|
||||
/** {string} The icon URL of a static class. */
|
||||
qx.Class.ICON_CLASS_STATIC = "api/class_static18.gif";
|
||||
/** {string} The icon URL of a static class with warning. */
|
||||
qx.Class.ICON_CLASS_STATIC_WARN = "api/class_static_warning18.gif";
|
||||
/** {string} The icon URL of a static class with error. */
|
||||
qx.Class.ICON_CLASS_STATIC_ERROR = "api/class_static_warning18.gif";
|
||||
|
||||
/** {string} The icon URL of an abstract class. */
|
||||
qx.Class.ICON_CLASS_ABSTRACT = "api/class_abstract18.gif";
|
||||
/** {string} The icon URL of an abstract class with warning. */
|
||||
qx.Class.ICON_CLASS_ABSTRACT_WARN = "api/class_abstract_warning18.gif";
|
||||
/** {string} The icon URL of an abstract class with error. */
|
||||
qx.Class.ICON_CLASS_ABSTRACT_ERROR = "api/class_abstract_warning18.gif";
|
||||
|
||||
|
||||
/** {string} The icon URL of a property. */
|
||||
qx.Class.ICON_PROPERTY = "api/property18.gif";
|
||||
/** {string[]} The icon URL of a property with warning. */
|
||||
qx.Class.ICON_PROPERTY_WARN = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of a property with error. */
|
||||
qx.Class.ICON_PROPERTY_ERROR = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of an inherited property. */
|
||||
qx.Class.ICON_PROPERTY_INHERITED = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_INHERITED ];
|
||||
/** {string[]} The icon URL of an inherited property with warning. */
|
||||
qx.Class.ICON_PROPERTY_INHERITED_WARN = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of an inherited property with error. */
|
||||
qx.Class.ICON_PROPERTY_INHERITED_ERROR = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of an overridden property. */
|
||||
qx.Class.ICON_PROPERTY_OVERRIDDEN = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_OVERRIDDEN ];
|
||||
/** {string[]} The icon URL of an overridden property with warning. */
|
||||
qx.Class.ICON_PROPERTY_OVERRIDDEN_WARN = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of an overridden property with error. */
|
||||
qx.Class.ICON_PROPERTY_OVERRIDDEN_ERROR = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
|
||||
/** {string} The icon URL of an event. */
|
||||
qx.Class.ICON_EVENT = "api/event18.gif";
|
||||
|
||||
/** {string[]} The icon URL of an inherited event. */
|
||||
qx.Class.ICON_EVENT_INHERITED = [ qx.Class.ICON_EVENT, qx.Class.OVERLAY_INHERITED ];
|
||||
|
||||
|
||||
/** {string} The icon URL of a public method. */
|
||||
qx.Class.ICON_METHOD_PUB = "api/method_public18.gif";
|
||||
/** {string[]} The icon URL of a public method with warning. */
|
||||
qx.Class.ICON_METHOD_PUB_WARN = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ERROR ];
|
||||
/** {string[]} The icon URL of a public method with error. */
|
||||
qx.Class.ICON_METHOD_PUB_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of an inherited public method. */
|
||||
qx.Class.ICON_METHOD_PUB_INHERITED = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_INHERITED ];
|
||||
/** {string[]} The icon URL of an inherited public method with warning. */
|
||||
qx.Class.ICON_METHOD_PUB_INHERITED_WARN = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of an inherited public method with error. */
|
||||
qx.Class.ICON_METHOD_PUB_INHERITED_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of an overridden public method. */
|
||||
qx.Class.ICON_METHOD_PUB_OVERRIDDEN = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_OVERRIDDEN ];
|
||||
/** {string[]} The icon URL of an overridden public method with warning. */
|
||||
qx.Class.ICON_METHOD_PUB_OVERRIDDEN_WARN = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of an overridden public method with error. */
|
||||
qx.Class.ICON_METHOD_PUB_OVERRIDDEN_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of a public static method. */
|
||||
qx.Class.ICON_METHOD_PUB_STATIC = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_STATIC ];
|
||||
/** {string[]} The icon URL of a public static method with error. */
|
||||
qx.Class.ICON_METHOD_PUB_STATIC_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_STATIC, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of a public abstract method. */
|
||||
qx.Class.ICON_METHOD_PUB_ABSTRACT = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT ];
|
||||
/** {string[]} The icon URL of a public abstract method with warning. */
|
||||
qx.Class.ICON_METHOD_PUB_ABSTRACT_WARN = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of a public abstract method with error. */
|
||||
qx.Class.ICON_METHOD_PUB_ABSTRACT_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of an overridden public abstract method. */
|
||||
qx.Class.ICON_METHOD_PUB_ABSTRACT_OVERRIDDEN = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_OVERRIDDEN ];
|
||||
/** {string[]} The icon URL of an overridden public abstract method with warning. */
|
||||
qx.Class.ICON_METHOD_PUB_ABSTRACT_OVERRIDDEN_WARN = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of an overridden public abstract method with error. */
|
||||
qx.Class.ICON_METHOD_PUB_ABSTRACT_OVERRIDDEN_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of an inherited public abstract method. */
|
||||
qx.Class.ICON_METHOD_PUB_ABSTRACT_INHERITED = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED ];
|
||||
/** {string[]} The icon URL of an inherited public abstract method with warning. */
|
||||
qx.Class.ICON_METHOD_PUB_ABSTRACT_INHERITED_WARN = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of an inherited public abstract method with error. */
|
||||
qx.Class.ICON_METHOD_PUB_ABSTRACT_INHERITED_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
|
||||
/** {string} The icon URL of a constructor. */
|
||||
qx.Class.ICON_METHOD_PUB_CTOR = "api/constructor18.gif";
|
||||
/** {string[]} The icon URL of a constructor with error. */
|
||||
qx.Class.ICON_METHOD_PUB_CTOR_ERROR = [ qx.Class.ICON_METHOD_PUB_CTOR, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
|
||||
/** {string} The icon URL of a protected method. */
|
||||
qx.Class.ICON_METHOD_PROT = "api/method_protected18.gif";
|
||||
/** {string[]} The icon URL of a protected method with warning. */
|
||||
qx.Class.ICON_METHOD_PROT_WARN = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ERROR ];
|
||||
/** {string[]} The icon URL of a protected method with error. */
|
||||
qx.Class.ICON_METHOD_PROT_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of an inherited protected method. */
|
||||
qx.Class.ICON_METHOD_PROT_INHERITED = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_INHERITED ];
|
||||
/** {string[]} The icon URL of an inherited protected method with warning. */
|
||||
qx.Class.ICON_METHOD_PROT_INHERITED_WARN = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of an inherited protected method with error. */
|
||||
qx.Class.ICON_METHOD_PROT_INHERITED_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of an overridden protected method. */
|
||||
qx.Class.ICON_METHOD_PROT_OVERRIDDEN = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_OVERRIDDEN ];
|
||||
/** {string[]} The icon URL of an overridden protected method with warning. */
|
||||
qx.Class.ICON_METHOD_PROT_OVERRIDDEN_WARN = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of an overridden protected method with error. */
|
||||
qx.Class.ICON_METHOD_PROT_OVERRIDDEN_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of a protected static method. */
|
||||
qx.Class.ICON_METHOD_PROT_STATIC = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_STATIC ];
|
||||
/** {string[]} The icon URL of a protected static method with error. */
|
||||
qx.Class.ICON_METHOD_PROT_STATIC_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_STATIC, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of an abstract protected method. */
|
||||
qx.Class.ICON_METHOD_PROT_ABSTRACT = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT ];
|
||||
/** {string[]} The icon URL of an abstract protected method with warning. */
|
||||
qx.Class.ICON_METHOD_PROT_ABSTRACT_WARN = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of an abstract protected method with error. */
|
||||
qx.Class.ICON_METHOD_PROT_ABSTRACT_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
/** {string[]} The icon URL of an inherited abstract protected method. */
|
||||
qx.Class.ICON_METHOD_PROT_ABSTRACT_INHERITED = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED ];
|
||||
/** {string[]} The icon URL of an inherited abstract protected method with warning. */
|
||||
qx.Class.ICON_METHOD_PROT_ABSTRACT_INHERITED_WARN = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_WARN ];
|
||||
/** {string[]} The icon URL of an inherited abstract protected method with error. */
|
||||
qx.Class.ICON_METHOD_PROT_ABSTRACT_INHERITED_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_ERROR ];
|
||||
|
||||
|
||||
/** {string} The icon URL of a constant. */
|
||||
qx.Class.ICON_CONSTANT = "api/constant18.gif";
|
||||
/** {string[]} The icon URL of a constant with error. */
|
||||
qx.Class.ICON_CONSTANT_ERROR = [ qx.Class.ICON_CONSTANT, qx.Class.OVERLAY_ERROR ];
|
||||
@ -1,386 +0,0 @@
|
||||
/*
|
||||
#module(api)
|
||||
#resource(css:css)
|
||||
#resource(images:image)
|
||||
*/
|
||||
|
||||
/**
|
||||
* The API viewer. Shows the API documentation.
|
||||
*/
|
||||
qx.OO.defineClass("api.Viewer", qx.ui.layout.HorizontalBoxLayout,
|
||||
function () {
|
||||
qx.ui.layout.HorizontalBoxLayout.call(this);
|
||||
|
||||
this.setEdge(0);
|
||||
|
||||
this._titlePrefix = this.getSetting("title") + " API Documentation";
|
||||
document.title = this._titlePrefix;
|
||||
|
||||
this._tree = new qx.ui.tree.Tree("API Documentation");
|
||||
this._tree.set({
|
||||
backgroundColor: "white",
|
||||
overflow: "scroll",
|
||||
width: "22%",
|
||||
minWidth : 150,
|
||||
maxWidth : 300
|
||||
});
|
||||
this._tree.getManager().addEventListener("changeSelection", this._onTreeSelectionChange, this);
|
||||
this.add(this._tree);
|
||||
|
||||
this._detailFrame = new qx.ui.layout.CanvasLayout;
|
||||
this._detailFrame.setWidth("1*");
|
||||
this._detailFrame.setBorder(qx.renderer.border.BorderPresets.horizontalDivider);
|
||||
this._detailFrame.setBackgroundColor("white");
|
||||
this._detailFrame.setHtmlProperty("id", "DetailFrame");
|
||||
this.add(this._detailFrame);
|
||||
|
||||
this._detailLoader = new qx.ui.embed.HtmlEmbed('<h1><div class="please">please wait</div>Loading data...</h1>');
|
||||
this._detailLoader.setHtmlProperty("id", "DetailLoader");
|
||||
this._detailLoader.setMarginLeft(20);
|
||||
this._detailLoader.setMarginTop(20);
|
||||
this._detailFrame.add(this._detailLoader);
|
||||
|
||||
this._classViewer = new api.ClassViewer;
|
||||
this._detailFrame.add(this._classViewer);
|
||||
|
||||
this._infoViewer = new api.InfoViewer;
|
||||
this._detailFrame.add(this._infoViewer);
|
||||
|
||||
this._currentTreeType = api.Viewer.PACKAGE_TREE;
|
||||
|
||||
// Workaround: Since navigating in qx.ui.tree.Tree doesn't work, we've to
|
||||
// maintain a hash that keeps the tree nodes for class names
|
||||
this._classTreeNodeHash = {};
|
||||
this._classTreeNodeHash[api.Viewer.PACKAGE_TREE] = {};
|
||||
this._classTreeNodeHash[api.Viewer.INHERITENCE_TREE] = {};
|
||||
|
||||
api.Viewer.instance = this;
|
||||
|
||||
qx.client.History.getInstance().init();
|
||||
qx.client.History.getInstance().addEventListener("request", this._onHistoryRequest, this);
|
||||
});
|
||||
|
||||
|
||||
/** The documentation tree to show. */
|
||||
qx.OO.addProperty({ name:"docTree", type:"object" });
|
||||
|
||||
|
||||
qx.Settings.setDefault("title", "qooxdoo");
|
||||
qx.Settings.setDefault("initialTreeDepth", 1);
|
||||
|
||||
|
||||
// property checker
|
||||
qx.Proto._modifyDocTree = function(propValue, propOldValue, propData) {
|
||||
this._updateTree(propValue);
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Loads the API doc tree from a URL. The URL must point to a JSON encoded
|
||||
* doc tree.
|
||||
*
|
||||
* @param url {string} the URL.
|
||||
*/
|
||||
qx.Proto.load = function(url)
|
||||
{
|
||||
var req = new qx.io.remote.Request(url);
|
||||
|
||||
req.setTimeout(180000);
|
||||
|
||||
req.addEventListener("completed", function(evt)
|
||||
{
|
||||
var content = evt.getData().getContent();
|
||||
this.setDocTree(eval("(" + content + ")"));
|
||||
|
||||
qx.ui.core.Widget.flushGlobalQueues();
|
||||
|
||||
// Handle bookmarks
|
||||
if (window.location.hash) {
|
||||
var self = this;
|
||||
window.setTimeout(function() {
|
||||
self.selectItem(window.location.hash.substring(1));
|
||||
}, 0);
|
||||
}
|
||||
|
||||
this._detailLoader.setHtml('<h1><div class="please">' + this.getSetting("title") +
|
||||
'</div>API Documentation</h1>');
|
||||
|
||||
}, this);
|
||||
|
||||
req.addEventListener("failed", function(evt)
|
||||
{
|
||||
this.error("Couldn't load file: " + url);
|
||||
}, this);
|
||||
|
||||
req.send();
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Updates the tree on the left.
|
||||
*
|
||||
* @param docTree {Map} the documentation tree to use for updating.
|
||||
*/
|
||||
qx.Proto._updateTree = function(docTree) {
|
||||
var inheritenceNode = new qx.ui.tree.TreeFolder("Inheritence hierarchy");
|
||||
var packagesNode = new qx.ui.tree.TreeFolder("Packages");
|
||||
|
||||
this._tree.removeAll();
|
||||
this._tree.add(inheritenceNode, packagesNode);
|
||||
|
||||
// Fille the packages tree (and fill the _topLevelClassNodeArr)
|
||||
this._topLevelClassNodeArr = [];
|
||||
this._fillPackageNode(packagesNode, docTree, 0);
|
||||
|
||||
// Sort the _topLevelClassNodeArr
|
||||
this._topLevelClassNodeArr.sort(function (node1, node2) {
|
||||
return (node1.attributes.fullName < node2.attributes.fullName) ? -1 : 1;
|
||||
});
|
||||
|
||||
// Fill the inheritence tree
|
||||
for (var i = 0; i < this._topLevelClassNodeArr.length; i++) {
|
||||
this._createInheritanceNode(inheritenceNode, this._topLevelClassNodeArr[i], docTree);
|
||||
}
|
||||
|
||||
packagesNode.open();
|
||||
|
||||
if (this._wantedClassName) {
|
||||
this.showClassByName(this._wantedClassName);
|
||||
this._wantedClassName = null;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Fills a package tree node with tree nodes for the sub packages and classes.
|
||||
*
|
||||
* @param treeNode {qx.ui.tree.TreeFolder} the package tree node.
|
||||
* @param docNode {Map} the documentation node of the package.
|
||||
*/
|
||||
qx.Proto._fillPackageNode = function(treeNode, docNode, depth) {
|
||||
var ApiViewer = api.Viewer;
|
||||
var TreeUtil = api.TreeUtil;
|
||||
|
||||
var packagesDocNode = TreeUtil.getChild(docNode, "packages");
|
||||
if (packagesDocNode && packagesDocNode.children) {
|
||||
for (var i = 0; i < packagesDocNode.children.length; i++) {
|
||||
var packageDocNode = packagesDocNode.children[i];
|
||||
var iconUrl = TreeUtil.getIconUrl(packageDocNode);
|
||||
var packageTreeNode = new qx.ui.tree.TreeFolder(packageDocNode.attributes.name, iconUrl);
|
||||
packageTreeNode.docNode = packageDocNode;
|
||||
treeNode.add(packageTreeNode);
|
||||
|
||||
this._fillPackageNode(packageTreeNode, packageDocNode, depth+1);
|
||||
|
||||
// Open the package node if it has child packages
|
||||
if (depth < this.getSetting("initialTreeDepth") && TreeUtil.getChild(packageDocNode, "packages")) {
|
||||
packageTreeNode.open();
|
||||
}
|
||||
|
||||
// Register the tree node
|
||||
this._classTreeNodeHash[ApiViewer.PACKAGE_TREE][packageDocNode.attributes.fullName] = packageTreeNode;
|
||||
}
|
||||
}
|
||||
|
||||
var classesDocNode = TreeUtil.getChild(docNode, "classes");
|
||||
if (classesDocNode && classesDocNode.children) {
|
||||
for (var i = 0; i < classesDocNode.children.length; i++) {
|
||||
var classDocNode = classesDocNode.children[i];
|
||||
var iconUrl = TreeUtil.getIconUrl(classDocNode);
|
||||
var classTreeNode = new qx.ui.tree.TreeFolder(classDocNode.attributes.name, iconUrl);
|
||||
classTreeNode.docNode = classDocNode;
|
||||
classTreeNode.treeType = ApiViewer.PACKAGE_TREE;
|
||||
treeNode.add(classTreeNode);
|
||||
|
||||
// Register the tree node
|
||||
this._classTreeNodeHash[ApiViewer.PACKAGE_TREE][classDocNode.attributes.fullName] = classTreeNode;
|
||||
|
||||
// Check whether this is a top-level-class
|
||||
if (classDocNode.attributes.superClass == null) {
|
||||
this._topLevelClassNodeArr.push(classDocNode);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Creates the tree node for a class containing class nodes for all its child
|
||||
* classes.
|
||||
*
|
||||
* @param classDocNode {Map} the documentation node of the class.
|
||||
* @param docTree {Map} the documentation tree.
|
||||
*/
|
||||
qx.Proto._createInheritanceNode = function(parentTreeNode, classDocNode, docTree) {
|
||||
var ApiViewer = api.Viewer;
|
||||
var TreeUtil = api.TreeUtil;
|
||||
|
||||
// Create the tree node
|
||||
var iconUrl = TreeUtil.getIconUrl(classDocNode);
|
||||
var classTreeNode = new qx.ui.tree.TreeFolder(classDocNode.attributes.fullName, iconUrl);
|
||||
classTreeNode.docNode = classDocNode;
|
||||
classTreeNode.treeType = ApiViewer.INHERITENCE_TREE;
|
||||
parentTreeNode.add(classTreeNode);
|
||||
|
||||
// Register the tree node
|
||||
this._classTreeNodeHash[ApiViewer.INHERITENCE_TREE][classDocNode.attributes.fullName] = classTreeNode;
|
||||
|
||||
// Add all child classes
|
||||
var childClassNameCsv = classDocNode.attributes.childClasses;
|
||||
if (childClassNameCsv) {
|
||||
var childClassNameArr = childClassNameCsv.split(",");
|
||||
for (var i = 0; i < childClassNameArr.length; i++) {
|
||||
var childClassDocNode = TreeUtil.getClassDocNode(docTree, childClassNameArr[i]);
|
||||
this._createInheritanceNode(classTreeNode, childClassDocNode, docTree);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Event handler. Called when the tree selection has changed.
|
||||
*
|
||||
* @param evt {Map} the event.
|
||||
*/
|
||||
qx.Proto._onTreeSelectionChange = function(evt)
|
||||
{
|
||||
var treeNode = evt.getData()[0];
|
||||
|
||||
if (treeNode && treeNode.docNode)
|
||||
{
|
||||
var newTitle = this._titlePrefix + " - class " + treeNode.docNode.attributes.fullName;
|
||||
|
||||
qx.client.History.getInstance().addToHistory(treeNode.docNode.attributes.fullName, newTitle);
|
||||
|
||||
this._currentTreeType = treeNode.treeType;
|
||||
|
||||
this._selectTreeNode(treeNode);
|
||||
|
||||
window.location.hash = "#" + treeNode.docNode.attributes.fullName;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
qx.Proto._onHistoryRequest = function(evt)
|
||||
{
|
||||
this.showClassByName(evt.getData());
|
||||
}
|
||||
|
||||
qx.Proto._selectTreeNode = function(vTreeNode)
|
||||
{
|
||||
if (!(vTreeNode && vTreeNode.docNode)) {
|
||||
this.error("Invalid tree node: " + vTreeNode);
|
||||
}
|
||||
|
||||
var vDoc = vTreeNode.docNode;
|
||||
|
||||
this._detailLoader.setVisibility(false);
|
||||
|
||||
if (vDoc.type == "class")
|
||||
{
|
||||
this._infoViewer.setVisibility(false);
|
||||
this._classViewer.showClass(vDoc);
|
||||
this._classViewer.setVisibility(true);
|
||||
}
|
||||
else
|
||||
{
|
||||
this._classViewer.setVisibility(false);
|
||||
this._infoViewer.showInfo(vDoc);
|
||||
this._infoViewer.setVisibility(true);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Selects an item (class, property, method or constant).
|
||||
*
|
||||
* @param fullItemName {string} the full name of the item to select.
|
||||
* (e.g. "qx.mypackage.MyClass" or "qx.mypackage.MyClass#myProperty")
|
||||
*/
|
||||
qx.Proto.selectItem = function(fullItemName) {
|
||||
var className = fullItemName;
|
||||
var itemName = null;
|
||||
var hashPos = fullItemName.indexOf("#");
|
||||
if (hashPos != -1) {
|
||||
className = fullItemName.substring(0, hashPos);
|
||||
itemName = fullItemName.substring(hashPos + 1);
|
||||
|
||||
var parenPos = itemName.indexOf("(");
|
||||
if (parenPos != -1) {
|
||||
itemName = qx.lang.String.trim(itemName.substring(0, parenPos));
|
||||
}
|
||||
}
|
||||
|
||||
this.showClassByName(className);
|
||||
if (itemName) {
|
||||
this._classViewer.showItem(itemName);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Shows a certain class.
|
||||
*
|
||||
* @param className {string} the name of the class to show.
|
||||
*/
|
||||
qx.Proto.showClassByName = function(className) {
|
||||
var treeNode = this._classTreeNodeHash[this._currentTreeType][className];
|
||||
|
||||
if (treeNode) {
|
||||
treeNode.setSelected(true);
|
||||
} else if (this.getDocTree() == null) {
|
||||
// The doc tree has not been loaded yet
|
||||
// -> Remeber the wanted class and show when loading is done
|
||||
this._wantedClassName = className;
|
||||
} else {
|
||||
this.error("Unknown class: " + className);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
qx.Class.PACKAGE_TREE = 1;
|
||||
qx.Class.INHERITENCE_TREE = 2;
|
||||
|
||||
|
||||
|
||||
qx.Proto.dispose = function()
|
||||
{
|
||||
if (this.getDisposed()) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (this._tree)
|
||||
{
|
||||
this._tree.dispose();
|
||||
this._tree = null;
|
||||
}
|
||||
|
||||
if (this._detailFrame)
|
||||
{
|
||||
this._detailFrame.dispose();
|
||||
this._detailFrame = null;
|
||||
}
|
||||
|
||||
if (this._detailLoader)
|
||||
{
|
||||
this._detailLoader.dispose();
|
||||
this._detailLoader = null;
|
||||
}
|
||||
|
||||
if (this._classViewer)
|
||||
{
|
||||
this._classViewer.dispose();
|
||||
this._classViewer = null;
|
||||
}
|
||||
|
||||
if (this._infoViewer)
|
||||
{
|
||||
this._infoViewer.dispose();
|
||||
this._infoViewer = null;
|
||||
}
|
||||
|
||||
this._classTreeNodeHash = null;
|
||||
|
||||
return qx.ui.layout.HorizontalBoxLayout.prototype.dispose.call(this);
|
||||
}
|
||||
@ -1,27 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link type="text/css" rel="stylesheet" href="resource/css/apiviewer.css"/>
|
||||
<script type="text/javascript" src="script/api.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.dev.log.Logger.ROOT_LOGGER.setMinLevel(qx.dev.log.Logger.LEVEL_WARN);
|
||||
|
||||
var viewer;
|
||||
|
||||
qx.core.Init.getInstance().defineInitialize(function() {
|
||||
qx.manager.object.AliasManager.getInstance().add("api", "resource/image");
|
||||
});
|
||||
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
viewer = new api.Viewer;
|
||||
viewer.addToDocument();
|
||||
});
|
||||
|
||||
qx.core.Init.getInstance().defineFinalize(function() {
|
||||
viewer.load("script/data.js");
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
</html>
|
||||
@ -1,263 +0,0 @@
|
||||
#DetailFrame,
|
||||
#DetailFrame td,
|
||||
#DetailFrame th{
|
||||
font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Tahoma, "Lucida Sans Unicode", Arial, sans-serif;
|
||||
font-size: 11px;
|
||||
line-height: 150%;
|
||||
}
|
||||
|
||||
#DetailFrame h1,
|
||||
#DetailFrame h2,
|
||||
#DetailFrame h3,
|
||||
#DetailFrame h4,
|
||||
#DetailFrame h5,
|
||||
#DetailFrame h6{
|
||||
font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
|
||||
color: #134275;
|
||||
}
|
||||
|
||||
#DetailFrame *{
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#DetailFrame h1 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#DetailFrame h2 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
#DetailFrame h3 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#DetailFrame img {
|
||||
border: 0 none;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#DetailFrame a:link,
|
||||
#DetailFrame a:visited{
|
||||
color: #134275;
|
||||
}
|
||||
|
||||
#DetailFrame a:hover,
|
||||
#DetailFrame a:active{
|
||||
color: #134275;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#DetailFrame td{
|
||||
vertical-align: top;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#DetailLoader div.please{
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#InfoViewer div.pkgtitle{
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#ClassViewer div.classDescription{
|
||||
font-size: 12px;
|
||||
|
||||
background: #E9F2FB;
|
||||
border: 1px solid #E9F2FB;
|
||||
|
||||
-moz-border-radius: 5px;
|
||||
padding: 12px;
|
||||
padding-top: 4px;
|
||||
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
#ClassViewer div.classDescription p{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#ClassViewer div.packageName{
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
#ClassViewer span.typeInfo{
|
||||
color: #83B300;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#ClassViewer div.infoPanel {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#ClassViewer div.infoPanel h2{
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#ClassViewer div.infoPanel span.inheritCheck {
|
||||
font-weight: normal;
|
||||
float: right;
|
||||
font-size: 11px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
#ClassViewer div.infoPanel span.inheritCheck input,
|
||||
#ClassViewer div.infoPanel span.inheritCheck label{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#ClassViewer div.infoPanel span.inheritCheck label{
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#ClassViewer table.info {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
#ClassViewer table.info tr {
|
||||
background: #FBFFEF;
|
||||
}
|
||||
|
||||
#ClassViewer table.info tr.marked {
|
||||
background: #DEFF83;
|
||||
}
|
||||
|
||||
#ClassViewer table.info tr td,
|
||||
#ClassViewer div.empty-info-body {
|
||||
border-top: 1px solid #ECECEC;
|
||||
}
|
||||
|
||||
#ClassViewer table.info tr td{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#ClassViewer table.info tr td td{
|
||||
border-top: 0 none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#ClassViewer table.info td.icon{
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
#ClassViewer table.info td.type{
|
||||
width: 100px;
|
||||
font-size: 12px;
|
||||
color: #83B300;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#ClassViewer table.info td.toggle{
|
||||
text-align: center;
|
||||
width: 16px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
#ClassViewer table.info td.toggle img{
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#ClassViewer table.info td.text h3{
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#ClassViewer span.methodSignature{
|
||||
font-size: 12px;
|
||||
color: #83B300;
|
||||
}
|
||||
|
||||
#ClassViewer table.info td.type a,
|
||||
#ClassViewer span.methodSignature a{
|
||||
color: #83B300 !important;
|
||||
}
|
||||
|
||||
#ClassViewer span.methodSignature span.parameterType{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#ClassViewer span.methodSignature span.separator{
|
||||
color: #134275;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#ClassViewer span.methodSignature span.parenthesis{
|
||||
color: #134275;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#ClassViewer div.item-detail-headline {
|
||||
font-weight: bold;
|
||||
color: #1D65B3;
|
||||
}
|
||||
|
||||
#ClassViewer div.item-detail-text {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
#ClassViewer div.item-detail-text p{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#ClassViewer div.item-detail-error {
|
||||
font-weight: bold;
|
||||
color: #D61F1C;
|
||||
}
|
||||
|
||||
#ClassViewer span.item-detail-optional {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#ClassViewer code,
|
||||
#ClassViewer span.item-detail-param-name {
|
||||
font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace;
|
||||
background: #E9F2FB;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
#ClassViewer span.caps{
|
||||
color: #134275;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 590 B |
Binary file not shown.
|
Before Width: | Height: | Size: 608 B |
Binary file not shown.
|
Before Width: | Height: | Size: 630 B |
Binary file not shown.
|
Before Width: | Height: | Size: 609 B |
Binary file not shown.
|
Before Width: | Height: | Size: 631 B |
Binary file not shown.
|
Before Width: | Height: | Size: 610 B |
Binary file not shown.
|
Before Width: | Height: | Size: 121 B |
Binary file not shown.
|
Before Width: | Height: | Size: 123 B |
Binary file not shown.
|
Before Width: | Height: | Size: 316 B |
Binary file not shown.
|
Before Width: | Height: | Size: 91 B |
Binary file not shown.
|
Before Width: | Height: | Size: 169 B |
Binary file not shown.
|
Before Width: | Height: | Size: 279 B |
Binary file not shown.
|
Before Width: | Height: | Size: 66 B |
Binary file not shown.
|
Before Width: | Height: | Size: 124 B |
Binary file not shown.
|
Before Width: | Height: | Size: 60 B |
Binary file not shown.
|
Before Width: | Height: | Size: 72 B |
Binary file not shown.
|
Before Width: | Height: | Size: 105 B |
Binary file not shown.
|
Before Width: | Height: | Size: 72 B |
Binary file not shown.
|
Before Width: | Height: | Size: 70 B |
Binary file not shown.
|
Before Width: | Height: | Size: 57 B |
Binary file not shown.
|
Before Width: | Height: | Size: 189 B |
Binary file not shown.
|
Before Width: | Height: | Size: 221 B |
Binary file not shown.
|
Before Width: | Height: | Size: 372 B |
Binary file not shown.
|
Before Width: | Height: | Size: 106 B |
@ -1,159 +0,0 @@
|
||||
###################################################################################
|
||||
# VARIABLES
|
||||
###################################################################################
|
||||
|
||||
FRAMEWORK=../framework
|
||||
GENERATOR=$(FRAMEWORK)/tool/generator.py
|
||||
CACHE=$(FRAMEWORK)/.cache
|
||||
SOURCELOADER=
|
||||
NICE=10
|
||||
|
||||
ifneq ($(SOURCELOADER),)
|
||||
SOURCELDR = --source-loader-type $(SOURCELOADER)
|
||||
else
|
||||
SOURCELDR =
|
||||
endif
|
||||
|
||||
|
||||
###################################################################################
|
||||
# DEFAULT TARGET
|
||||
###################################################################################
|
||||
|
||||
all: build
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# COMMON TARGETS
|
||||
###################################################################################
|
||||
|
||||
source: generate-script-source update-layout-source
|
||||
build: generate-script-build update-layout-build fix-build-rights
|
||||
sync: revision-bump build sync-qooxdoo-org
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# CLEANUP TARGETS
|
||||
###################################################################################
|
||||
|
||||
clean:
|
||||
@echo
|
||||
@echo " CLEANUP OF GENERATED FILES"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Deleting files..."
|
||||
@rm -rf source/script
|
||||
|
||||
realclean: clean
|
||||
@echo
|
||||
@echo " CLEANUP OF GENERATED FILES (REAL)"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Deleting files..."
|
||||
@nice -n $(NICE) rm -rf build
|
||||
|
||||
distclean: realclean
|
||||
@echo
|
||||
@echo " CLEANUP OF GENERATED FILES (DIST)"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Deleting files..."
|
||||
@nice -n $(NICE) find . -name "*~" -o -name "*.bak" -o -name "*.old" | xargs rm -rf
|
||||
@nice -n $(NICE) rm -rf $(CACHE)
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# GENERATOR TARGETS
|
||||
###################################################################################
|
||||
|
||||
generate-script-source:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--source-script-path ../../../$(FRAMEWORK)/source/class \
|
||||
--generate-source-script $(SOURCELDR) \
|
||||
--source-script-file source/script/qx.js \
|
||||
--define-runtime-setting qx.manager.object.AliasManager.resourceUri:../../../$(FRAMEWORK)/source/resource \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
generate-script-build:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--generate-compiled-script \
|
||||
--compiled-script-file build/script/qx.js \
|
||||
--optimize-strings \
|
||||
--optimize-variables \
|
||||
--copy-resources \
|
||||
--resource-input $(FRAMEWORK)/source/resource \
|
||||
--resource-output build/resource \
|
||||
--define-runtime-setting qx.manager.object.AliasManager.resourceUri:../../resource \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
generate-script-build-test:
|
||||
@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
|
||||
--script-input $(FRAMEWORK)/source/class \
|
||||
--generate-compiled-script \
|
||||
--compiled-script-file build/script/qx.js \
|
||||
--optimize-strings \
|
||||
--optimize-variables \
|
||||
--obfuscate-identifiers --add-new-lines --add-file-ids \
|
||||
--copy-resources \
|
||||
--resource-input $(FRAMEWORK)/source/resource \
|
||||
--resource-output build/resource \
|
||||
--define-runtime-setting qx.manager.object.AliasManager.resourceUri:../../resource \
|
||||
--cache-directory $(CACHE)
|
||||
|
||||
|
||||
###################################################################################
|
||||
# FILE RELATED TARGETS
|
||||
###################################################################################
|
||||
|
||||
update-layout-source:
|
||||
@echo
|
||||
@echo " CREATION OF DEMO LAYOUT (SOURCE)"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Generating..."
|
||||
@chmod u+x tool/layout.sh && nice -n $(NICE) tool/layout.sh source/script/layout.js source/html SOURCE
|
||||
|
||||
update-demo-build:
|
||||
@echo
|
||||
@echo " CREATE COPY OF HTML FILES"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Copying files..."
|
||||
@mkdir -p build
|
||||
@cp -f source/index.html build/
|
||||
@mkdir -p build/html
|
||||
@nice -n $(NICE) rsync --recursive --links --delete --exclude=.svn source/html/* build/html
|
||||
@mkdir -p build/resource/css
|
||||
@nice -n $(NICE) rsync --recursive --links --delete --exclude=.svn source/resource/css/* build/resource/css
|
||||
|
||||
update-layout-build: update-demo-build
|
||||
@echo
|
||||
@echo " CREATION OF DEMO LAYOUT (BUILD)"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Generating..."
|
||||
@chmod u+x tool/layout.sh && nice -n $(NICE) tool/layout.sh build/script/layout.js build/html BUILD
|
||||
|
||||
fix-build-rights:
|
||||
@echo
|
||||
@echo " FIX RIGHTS ON BUILD FILES"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Fixing file rights..."
|
||||
@nice -n $(NICE) find build -type d | xargs chmod a+rx
|
||||
@nice -n $(NICE) find build -type f | xargs chmod a+r
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
###################################################################################
|
||||
# ONLINE TARGETS
|
||||
###################################################################################
|
||||
|
||||
revision-bump:
|
||||
@$(MAKE) -C ../framework revision-bump
|
||||
|
||||
sync-qooxdoo-org:
|
||||
@echo
|
||||
@echo " SYNC FILES TO HOMEPAGE"
|
||||
@echo "----------------------------------------------------------------------------"
|
||||
@echo " * Syncing..."
|
||||
@nice -n $(NICE) rsync --checksum --recursive --archive --delete --verbose build/* root@qooxdoo.org:/var/www/qooxdoo/demo
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,21 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
<script type="text/javascript" src="AtAGlance.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript">
|
||||
qx.dev.log.Logger.ROOT_LOGGER.setMinLevel(qx.dev.log.Logger.LEVEL_ERROR);
|
||||
|
||||
qx.core.Init.getInstance().defineMain(function() {
|
||||
new AtAGlance;
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,73 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>qx.ui.basic.Atom is the parent class for buttons, menu entries, icons, checkboxes. While you can do,
|
||||
you usually don't have to instantiate qx.ui.basic.Atom directly.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
// test no1
|
||||
var nl1 = new qx.ui.basic.Atom("Test #1", "icon/16/reload.png", 16, 16);
|
||||
nl1.setTop(48);
|
||||
nl1.setLeft(20);
|
||||
nl1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
nl1.setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
nl1.setPadding(4);
|
||||
d.add(nl1);
|
||||
|
||||
// test no2
|
||||
var nl2 = new qx.ui.basic.Atom("Test #2");
|
||||
nl2.setTop(48);
|
||||
nl2.setLeft(120);
|
||||
nl2.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
nl2.setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
nl2.setPadding(4);
|
||||
d.add(nl2);
|
||||
|
||||
// test no3
|
||||
var nl3 = new qx.ui.basic.Atom(null, "icon/16/reload.png");
|
||||
nl3.setTop(48);
|
||||
nl3.setLeft(200);
|
||||
nl3.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
nl3.setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
nl3.setPadding(4);
|
||||
d.add(nl3);
|
||||
|
||||
// test no4
|
||||
var nl4 = new qx.ui.basic.Atom("<span style='font-size:14px'>Some great HTML</span><br/>for <b>you</b>", "icon/32/reload.png");
|
||||
nl4.setTop(48);
|
||||
nl4.setLeft(250);
|
||||
nl4.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
nl4.setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
nl4.setPadding(4);
|
||||
d.add(nl4);
|
||||
|
||||
// test no5
|
||||
var nl5 = new qx.ui.basic.Atom(qx.util.Textile.textilize("*File Information*:\nJPEG-Photo\nCreated: 01/03/05"), "icon/48/icons.png");
|
||||
with(nl5)
|
||||
{
|
||||
setTop(200);
|
||||
setLeft(20);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
|
||||
setPadding(3, 6);
|
||||
};
|
||||
d.add(nl5);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,172 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Some more complex tests for qx.ui.basic.Atom.</p>
|
||||
<p>You can change all the properties before "really creating" the object or any time after this was done.</p>
|
||||
</div>
|
||||
|
||||
<div style="display:none" id="control">
|
||||
<p>
|
||||
Width:
|
||||
<a href="javascript://" onclick="void(at1.setWidth(null))">null</a> |
|
||||
<a href="javascript://" onclick="void(at1.setWidth('auto'))">auto</a> |
|
||||
<a href="javascript://" onclick="void(at1.setWidth(25))">25</a> |
|
||||
<a href="javascript://" onclick="void(at1.setWidth(50))">50</a> |
|
||||
<a href="javascript://" onclick="void(at1.setWidth(100))">100</a> |
|
||||
<a href="javascript://" onclick="void(at1.setWidth(200))">200</a>
|
||||
</p>
|
||||
<p>
|
||||
Height:
|
||||
<a href="javascript://" onclick="void(at1.setHeight(null))">null</a> |
|
||||
<a href="javascript://" onclick="void(at1.setHeight('auto'))">auto</a> |
|
||||
<a href="javascript://" onclick="void(at1.setHeight(25))">25</a> |
|
||||
<a href="javascript://" onclick="void(at1.setHeight(50))">50</a> |
|
||||
<a href="javascript://" onclick="void(at1.setHeight(100))">100</a> |
|
||||
<a href="javascript://" onclick="void(at1.setHeight(200))">200</a>
|
||||
</p>
|
||||
<hr/>
|
||||
<p>
|
||||
Label Size:
|
||||
<a href="javascript://" onclick="void(at1.setLabel(null))">null</a> |
|
||||
<a href="javascript://" onclick="void(at1.setLabel('short'))">short</a> |
|
||||
<a href="javascript://" onclick="void(at1.setLabel('some cool label'))">medium</a> |
|
||||
<a href="javascript://" onclick="void(at1.setLabel('ultra long label description'))">long</a> |
|
||||
<a href="javascript://" onclick="void(at1.setLabel('<b>hello <i>world</i></b>'))">html</a> |
|
||||
<a href="javascript://" onclick="void(at1.setLabel('<p>Hello tester.</p><ul><li>cool</li><li><b>test</b></li><li>file</li></ul>'))">complex</a>
|
||||
</p>
|
||||
<p>
|
||||
Icon Size:
|
||||
<a href="javascript://" onclick="void(at1.setIcon(null))">null</a> |
|
||||
<a href="javascript://" onclick="void(at1.setIcon('icon/16/date.png'))">16px</a> |
|
||||
<a href="javascript://" onclick="void(at1.setIcon('icon/32/colors.png'))">32px</a> |
|
||||
<a href="javascript://" onclick="void(at1.setIcon('icon/48/memory.png'))">48px</a>
|
||||
</p>
|
||||
<p>
|
||||
Icon Position:
|
||||
<a href="javascript://" onclick="void(at1.setIconPosition('top'))">top</a> |
|
||||
<a href="javascript://" onclick="void(at1.setIconPosition('right'))">right</a> |
|
||||
<a href="javascript://" onclick="void(at1.setIconPosition('bottom'))">bottom</a> |
|
||||
<a href="javascript://" onclick="void(at1.setIconPosition('left'))">left</a>
|
||||
</p>
|
||||
<p>
|
||||
Spacing:
|
||||
<a href="javascript://" onclick="void(at1.setSpacing(0))">0</a> |
|
||||
<a href="javascript://" onclick="void(at1.setSpacing(2))">2</a> |
|
||||
<a href="javascript://" onclick="void(at1.setSpacing(4))">4</a> |
|
||||
<a href="javascript://" onclick="void(at1.setSpacing(6))">6</a> |
|
||||
<a href="javascript://" onclick="void(at1.setSpacing(8))">8</a> |
|
||||
<a href="javascript://" onclick="void(at1.setSpacing(10))">10</a> |
|
||||
<a href="javascript://" onclick="void(at1.setSpacing(25))">25</a> |
|
||||
<a href="javascript://" onclick="void(at1.setSpacing(50))">50</a>
|
||||
</p>
|
||||
<hr/>
|
||||
<p>
|
||||
Show:
|
||||
<a href="javascript://" onclick="void(at1.setShow('none'))">None</a> |
|
||||
<a href="javascript://" onclick="void(at1.setShow('label'))">Label</a> |
|
||||
<a href="javascript://" onclick="void(at1.setShow('icon'))">Icon</a> |
|
||||
<a href="javascript://" onclick="void(at1.setShow('both'))">Both</a>
|
||||
</p>
|
||||
<hr/>
|
||||
<p>
|
||||
Horizontal Children Align:
|
||||
<a href="javascript://" onclick="void(at1.setHorizontalChildrenAlign('left'))">left</a> |
|
||||
<a href="javascript://" onclick="void(at1.setHorizontalChildrenAlign('center'))">center</a> |
|
||||
<a href="javascript://" onclick="void(at1.setHorizontalChildrenAlign('right'))">right</a>
|
||||
</p>
|
||||
<p>
|
||||
Vertical Children Align:
|
||||
<a href="javascript://" onclick="void(at1.setVerticalChildrenAlign('top'))">top</a> |
|
||||
<a href="javascript://" onclick="void(at1.setVerticalChildrenAlign('middle'))">middle</a> |
|
||||
<a href="javascript://" onclick="void(at1.setVerticalChildrenAlign('bottom'))">bottom</a>
|
||||
</p>
|
||||
<hr/>
|
||||
<p>
|
||||
Padding:
|
||||
<a href="javascript://" onclick="void(at1.setPadding(null))">None</a> |
|
||||
<a href="javascript://" onclick="void(at1.setPadding(2, 4))">2, 4</a> |
|
||||
<a href="javascript://" onclick="void(at1.setPadding(4, 8))">4, 8</a> |
|
||||
<a href="javascript://" onclick="void(at1.setPadding(16))">16</a>
|
||||
</p>
|
||||
<p>
|
||||
Border:
|
||||
<a href="javascript://" onclick="void(at1.setBorder(null))">null</a> |
|
||||
<a href="javascript://" onclick="void(at1.setBorder(new qx.renderer.border.Border(1, 'solid', 'black')))">1</a> |
|
||||
<a href="javascript://" onclick="void(at1.setBorder(new qx.renderer.border.Border(5, 'solid', 'black')))">5</a> |
|
||||
<a href="javascript://" onclick="void(at1.setBorder(new qx.renderer.border.Border(10, 'solid', 'black')))">10</a> |
|
||||
<a href="javascript://" onclick="void(at1.setBorder(new qx.renderer.border.Border(25, 'solid', 'black')))">25</a> |
|
||||
<a href="javascript://" onclick="void(at1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset))">outset</a> |
|
||||
<a href="javascript://" onclick="void(at1.setBorder(qx.renderer.border.BorderPresets.getInstance().inset))">inset</a>
|
||||
</p>
|
||||
<hr/>
|
||||
<p>
|
||||
Opacity:
|
||||
<a href="javascript://" onclick="void(at1.setOpacity(null))">null</a> |
|
||||
<a href="javascript://" onclick="void(at1.setOpacity(0))">0</a> |
|
||||
<a href="javascript://" onclick="void(at1.setOpacity(0.25))">0.25</a> |
|
||||
<a href="javascript://" onclick="void(at1.setOpacity(0.5))">0.5</a> |
|
||||
<a href="javascript://" onclick="void(at1.setOpacity(0.75))">0.75</a> |
|
||||
<a href="javascript://" onclick="void(at1.setOpacity(1))">1</a>
|
||||
</p>
|
||||
<p>
|
||||
Enabled:
|
||||
<a href="javascript://" onclick="void(at1.setEnabled(false))">false</a> |
|
||||
<a href="javascript://" onclick="void(at1.setEnabled(true))">true</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var at1;
|
||||
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
at1 = new qx.ui.basic.Atom("My first qx.ui.basic.Atom", "icon/32/colors.png");
|
||||
|
||||
with(at1)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
|
||||
setIconPosition("right");
|
||||
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
setPadding(2, 4);
|
||||
};
|
||||
|
||||
var ct1 = new qx.ui.basic.Label(document.getElementById("control").innerHTML);
|
||||
|
||||
with(ct1)
|
||||
{
|
||||
setWidth(300);
|
||||
setRight(335);
|
||||
|
||||
setHeight(null);
|
||||
setTop(48);
|
||||
setBottom(48);
|
||||
|
||||
setOverflow("auto");
|
||||
|
||||
setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().groove);
|
||||
setPadding(10);
|
||||
};
|
||||
|
||||
d.add(at1, ct1);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,39 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Testing the new flash support for qx.ui.basic.Atom</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
var a;
|
||||
|
||||
for (var i=1; i<11; i++)
|
||||
{
|
||||
var a = new qx.ui.basic.Atom("Flash Atom #" + i, "icon/16/reload.png", 16, 16, "./image/flash/color/file" + i + ".swf");
|
||||
|
||||
a.setTop(48 + ((i-1)*30));
|
||||
a.setLeft(20);
|
||||
a.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
a.setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
a.setPadding(4);
|
||||
|
||||
d.add(a);
|
||||
};
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,89 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>qx.ui.pageview.buttonview.ButtonView implementation</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var bs = new qx.ui.pageview.buttonview.ButtonView;
|
||||
|
||||
bs.setLocation(20, 48);
|
||||
bs.setRight(335);
|
||||
bs.setBottom(48);
|
||||
|
||||
var bsb1 = new qx.ui.pageview.buttonview.Button("Display", "icon/32/display.png");
|
||||
var bsb2 = new qx.ui.pageview.buttonview.Button("Penguin", "icon/32/penguin.png");
|
||||
var bsb3 = new qx.ui.pageview.buttonview.Button("Colors", "icon/32/colors.png");
|
||||
var bsb4 = new qx.ui.pageview.buttonview.Button("Icons", "icon/32/icons.png");
|
||||
var bsb5 = new qx.ui.pageview.buttonview.Button("Paint", "icon/32/paint.png");
|
||||
var bsb6 = new qx.ui.pageview.buttonview.Button("Applications", "icon/32/run.png");
|
||||
var bsb7 = new qx.ui.pageview.buttonview.Button("System", "icon/32/control-center.png");
|
||||
|
||||
bsb1.setChecked(true);
|
||||
|
||||
bs.getBar().add(bsb1, bsb2, bsb3, bsb4, bsb5, bsb6, bsb7);
|
||||
|
||||
var p1 = new qx.ui.pageview.buttonview.Page(bsb1);
|
||||
var p2 = new qx.ui.pageview.buttonview.Page(bsb2);
|
||||
var p3 = new qx.ui.pageview.buttonview.Page(bsb3);
|
||||
var p4 = new qx.ui.pageview.buttonview.Page(bsb4);
|
||||
var p5 = new qx.ui.pageview.buttonview.Page(bsb5);
|
||||
var p6 = new qx.ui.pageview.buttonview.Page(bsb6);
|
||||
var p7 = new qx.ui.pageview.buttonview.Page(bsb7);
|
||||
|
||||
bs.getPane().add(p1, p2, p3, p4, p5, p6, p7);
|
||||
|
||||
var f1 = new qx.ui.form.TextField("Display Input");
|
||||
var f2 = new qx.ui.form.TextField("Penguin Input");
|
||||
var f3 = new qx.ui.form.TextField("Colorize Input");
|
||||
var f4 = new qx.ui.form.TextField("Icons Input");
|
||||
var f5 = new qx.ui.form.TextField("Paint Input");
|
||||
var f6 = new qx.ui.form.TextField("Applications Input");
|
||||
var f7 = new qx.ui.form.TextField("System Input");
|
||||
|
||||
p1.add(f1);
|
||||
p2.add(f2);
|
||||
p3.add(f3);
|
||||
p4.add(f4);
|
||||
p5.add(f5);
|
||||
p6.add(f6);
|
||||
p7.add(f7);
|
||||
|
||||
var r1 = new qx.ui.form.RadioButton("Top", "top", null, true);
|
||||
var r2 = new qx.ui.form.RadioButton("Right", "right");
|
||||
var r3 = new qx.ui.form.RadioButton("Bottom", "bottom");
|
||||
var r4 = new qx.ui.form.RadioButton("Left", "left");
|
||||
|
||||
r1.setTop(50);
|
||||
r2.setTop(70);
|
||||
r3.setTop(90);
|
||||
r4.setTop(110);
|
||||
|
||||
p1.add(r1, r2, r3, r4);
|
||||
|
||||
var rm = new qx.manager.selection.RadioManager(null, [r1, r2, r3, r4]);
|
||||
|
||||
rm.addEventListener("changeSelected", function(e) {
|
||||
bs.setBarPosition(e.getData().getValue());
|
||||
});
|
||||
|
||||
d.add(bs);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,98 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Yet Another qx.ui.pageview.buttonview.ButtonView Example</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var bs = new qx.ui.pageview.buttonview.ButtonView;
|
||||
bs.set({ left: 20, top: 48, right: 335, bottom: 48 });
|
||||
bs.setBarPosition("left");
|
||||
|
||||
var bsb1 = new qx.ui.pageview.buttonview.Button("Display", "icon/16/display.png");
|
||||
var bsb2 = new qx.ui.pageview.buttonview.Button("Organizer", "icon/16/organizer.png");
|
||||
var bsb3 = new qx.ui.pageview.buttonview.Button("Colorize", "icon/16/colors.png");
|
||||
var bsb4 = new qx.ui.pageview.buttonview.Button("Icons", "icon/16/icons.png");
|
||||
var bsb5 = new qx.ui.pageview.buttonview.Button("Paint", "icon/16/paint.png");
|
||||
var bsb6 = new qx.ui.pageview.buttonview.Button("Applications", "icon/16/run.png");
|
||||
var bsb7 = new qx.ui.pageview.buttonview.Button("System", "icon/16/control-center.png");
|
||||
|
||||
bsb1.setChecked(true);
|
||||
|
||||
bsb1.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
|
||||
bsb2.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
|
||||
bsb3.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
|
||||
bsb4.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
|
||||
bsb5.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
|
||||
bsb6.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
|
||||
bsb7.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
|
||||
|
||||
bs.getBar().add(bsb1, bsb2, bsb3, bsb4, bsb5, bsb6, bsb7);
|
||||
|
||||
bs.getBar().setHorizontalChildrenAlign("center");
|
||||
bs.getBar().setVerticalChildrenAlign("bottom");
|
||||
|
||||
var p1 = new qx.ui.pageview.buttonview.Page(bsb1);
|
||||
var p2 = new qx.ui.pageview.buttonview.Page(bsb2);
|
||||
var p3 = new qx.ui.pageview.buttonview.Page(bsb3);
|
||||
var p4 = new qx.ui.pageview.buttonview.Page(bsb4);
|
||||
var p5 = new qx.ui.pageview.buttonview.Page(bsb5);
|
||||
var p6 = new qx.ui.pageview.buttonview.Page(bsb6);
|
||||
var p7 = new qx.ui.pageview.buttonview.Page(bsb7);
|
||||
|
||||
bs.getPane().add(p1, p2, p3, p4, p5, p6, p7);
|
||||
|
||||
var f1 = new qx.ui.form.TextField("Display Input");
|
||||
var f2 = new qx.ui.form.TextField("Sunshine Input");
|
||||
var f3 = new qx.ui.form.TextField("Paint Input");
|
||||
var f4 = new qx.ui.form.TextField("Icons Input");
|
||||
var f5 = new qx.ui.form.TextField("Images Input");
|
||||
var f6 = new qx.ui.form.TextField("Applications Input");
|
||||
var f7 = new qx.ui.form.TextField("System Input");
|
||||
|
||||
p1.add(f1);
|
||||
p2.add(f2);
|
||||
p3.add(f3);
|
||||
p4.add(f4);
|
||||
p5.add(f5);
|
||||
p6.add(f6);
|
||||
p7.add(f7);
|
||||
|
||||
var r1 = new qx.ui.form.RadioButton("Top", "top");
|
||||
var r2 = new qx.ui.form.RadioButton("Right", "right");
|
||||
var r3 = new qx.ui.form.RadioButton("Bottom", "bottom");
|
||||
var r4 = new qx.ui.form.RadioButton("Left", "left", null, true);
|
||||
|
||||
r1.setTop(50);
|
||||
r2.setTop(70);
|
||||
r3.setTop(90);
|
||||
r4.setTop(110);
|
||||
|
||||
p1.add(r1, r2, r3, r4);
|
||||
|
||||
var rm = new qx.manager.selection.RadioManager(null, [r1, r2, r3, r4]);
|
||||
|
||||
rm.addEventListener("changeSelected", function(e) {
|
||||
bs.setBarPosition(e.getData().getValue());
|
||||
});
|
||||
|
||||
d.add(bs);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,73 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test the qx.ui.form.Button constructor. qx.ui.form.Button is based on qx.ui.basic.Atom.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
function buttonExecute() { this.debug("Executed: " + this.getLabel()); };
|
||||
|
||||
var btn1 = new qx.ui.form.Button("Button No #1");
|
||||
with(btn1)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
addEventListener("execute", buttonExecute);
|
||||
};
|
||||
|
||||
d.add(btn1);
|
||||
|
||||
|
||||
|
||||
var btn2 = new qx.ui.form.Button("Button No #2");
|
||||
with(btn2)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(120);
|
||||
addEventListener("execute", buttonExecute);
|
||||
setEnabled(false);
|
||||
};
|
||||
|
||||
d.add(btn2);
|
||||
|
||||
|
||||
|
||||
var btn3 = new qx.ui.form.Button("Button No #3");
|
||||
with(btn3)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(220);
|
||||
addEventListener("execute", buttonExecute);
|
||||
};
|
||||
|
||||
d.add(btn3);
|
||||
|
||||
|
||||
var btn4 = new qx.ui.form.Button("Button No #4", "icon/16/forward.png");
|
||||
with(btn4)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(320);
|
||||
addEventListener("execute", buttonExecute);
|
||||
};
|
||||
|
||||
d.add(btn4);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,104 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Tests for qx.ui.form.CheckBox. qx.ui.form.CheckBox extends qx.ui.basic.Atom and so it inherits all the options and properties defined there.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var c1 = new qx.ui.form.CheckBox("Send Data to Server", "c1checked", "c1");
|
||||
with(c1)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
};
|
||||
d.add(c1);
|
||||
|
||||
var c2 = new qx.ui.form.CheckBox("Delete all Data on Server", "c2checked", "c2");
|
||||
with(c2)
|
||||
{
|
||||
setTop(78);
|
||||
setLeft(20);
|
||||
};
|
||||
d.add(c2);
|
||||
c2.setChecked(true);
|
||||
|
||||
|
||||
var c3 = new qx.ui.form.CheckBox("Top Checkbox", "c3checked", "c3");
|
||||
with(c3)
|
||||
{
|
||||
setTop(120);
|
||||
setLeft(20);
|
||||
setIconPosition("top");
|
||||
};
|
||||
d.add(c3);
|
||||
|
||||
var c4 = new qx.ui.form.CheckBox("Bottom Checkbox", "c4checked", "c4");
|
||||
with(c4)
|
||||
{
|
||||
setTop(120);
|
||||
setLeft(140);
|
||||
setIconPosition("bottom");
|
||||
};
|
||||
d.add(c4);
|
||||
|
||||
|
||||
var c5 = new qx.ui.form.CheckBox("Left Checkbox", "c5checked", "c5");
|
||||
with(c5)
|
||||
{
|
||||
setTop(180);
|
||||
setLeft(20);
|
||||
setIconPosition("left");
|
||||
};
|
||||
d.add(c5);
|
||||
|
||||
var c6 = new qx.ui.form.CheckBox("Right Checkbox", "c6checked", "c6");
|
||||
with(c6)
|
||||
{
|
||||
setTop(180);
|
||||
setLeft(140);
|
||||
setIconPosition("right");
|
||||
};
|
||||
d.add(c6);
|
||||
|
||||
var c7 = new qx.ui.form.CheckBox(null, "c7checked", "c7");
|
||||
with(c7)
|
||||
{
|
||||
setTop(250);
|
||||
setLeft(20);
|
||||
};
|
||||
d.add(c7);
|
||||
|
||||
var c8 = new qx.ui.form.CheckBox(null, "c7checked", "c7");
|
||||
with(c8)
|
||||
{
|
||||
setTop(300);
|
||||
setLeft(20);
|
||||
setLabel("Label pure");
|
||||
setShow("label");
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
setBackgroundColor(new qx.renderer.color.Color("red"));
|
||||
};
|
||||
d.add(c8);
|
||||
|
||||
c8.addEventListener("changeChecked", function(e) {
|
||||
this.setBackgroundColor(new qx.renderer.color.Color(this.getChecked() ? "green" : "red"));
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,83 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test for qx.ui.component.ColorPopup.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var mybtn = new qx.ui.form.Button("Open Popup");
|
||||
mybtn.setLocation(20, 48);
|
||||
mybtn.addEventListener("execute", function() {
|
||||
mypop.setTop(qx.dom.Location.getPageBoxBottom(this.getElement()));
|
||||
mypop.setLeft(qx.dom.Location.getPageBoxLeft(this.getElement()));
|
||||
mypop.show();
|
||||
});
|
||||
|
||||
var myview = new qx.ui.basic.Label("Selected Color");
|
||||
myview.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
|
||||
myview.setLocation(100, 48);
|
||||
myview.setPadding(3, 6);
|
||||
myview.setBackgroundImage("core/dotted_white.gif");
|
||||
myview.addToDocument();
|
||||
|
||||
var mytables =
|
||||
{
|
||||
core : {
|
||||
label : "Basic Colors",
|
||||
values : [ "#000", "#333", "#666", "#999", "#CCC", "#FFF", "red", "green", "blue", "yellow", "teal", "maroon" ]
|
||||
},
|
||||
|
||||
template : {
|
||||
label : "Template Colors",
|
||||
values : [ "#B07B30", "#B07BC9", "#E3AEC9", "#7A2A53" ]
|
||||
},
|
||||
|
||||
recent : {
|
||||
label : "Recent Colors",
|
||||
|
||||
// In this case we need named colors or rgb-value-strings, hex is not allowed currently
|
||||
values : [ "rgb(122,195,134)", "orange" ]
|
||||
}
|
||||
}
|
||||
|
||||
var mypop = new qx.ui.component.ColorPopup(mytables);
|
||||
mypop.setLocation(100, 100);
|
||||
mypop.setValue(new qx.renderer.color.Color("#23F3C1"));
|
||||
|
||||
mybtn.addToDocument();
|
||||
mypop.addToDocument();
|
||||
|
||||
mypop.addEventListener("changeValue", function(e) {
|
||||
this.debug("Value Listener: " + e.getData());
|
||||
myview.setBackgroundColor(e.getData());
|
||||
myview.setBackgroundImage(e.getData() ? null : "core/dotted_white.gif");
|
||||
});
|
||||
|
||||
mypop.addEventListener("changeRed", function(e) {
|
||||
this.debug("Red Listener: " + e.getData());
|
||||
});
|
||||
|
||||
mypop.addEventListener("changeGreen", function(e) {
|
||||
this.debug("Green Listener: " + e.getData());
|
||||
});
|
||||
|
||||
mypop.addEventListener("changeBlue", function(e) {
|
||||
this.debug("Blue Listener: " + e.getData());
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,29 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test for qx.ui.component.ColorSelector.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var mycolor = new qx.ui.component.ColorSelector;
|
||||
|
||||
mycolor.setLocation(50, 50);
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(mycolor);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,30 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test for qx.ui.component.ColorSelector.</p>
|
||||
<p>Adding a default/previous/old color value to compare it with the new selection.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var mycolor = new qx.ui.component.ColorSelector(130, 180, 100);
|
||||
|
||||
mycolor.setLocation(50, 50);
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(mycolor);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,230 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
function getTestData() {
|
||||
var testData = [
|
||||
[ '1', 'One' ],
|
||||
[ '2', 'Two' ],
|
||||
[ '3', 'Three' ],
|
||||
[ '4', 'Four' ],
|
||||
[ '5', 'Five' ],
|
||||
[ '6', 'Six' ],
|
||||
[ '7', 'Seven' ],
|
||||
[ '8', 'Eight' ],
|
||||
[ '9', 'Nine' ],
|
||||
[ '10', 'Ten' ],
|
||||
[ '11', 'Eleven' ],
|
||||
[ '12', 'Twelve' ],
|
||||
[ '13', 'Thirteen' ],
|
||||
[ '14', 'Fourteen' ],
|
||||
[ '15', 'Fiveteen' ],
|
||||
[ '16', 'Sixteen' ],
|
||||
[ '17', 'Seventeen' ],
|
||||
// Test of a long string
|
||||
[ '1921', 'One thousand nine hundred twenty one' ]
|
||||
];
|
||||
for (var i = 0; i < testData.length; i++) {
|
||||
testData[i].push('widget/arrows/'+(i % 2 ? 'up':'down')+'_small.gif');
|
||||
testData[i].push('Extra data '+i);
|
||||
}
|
||||
return testData;
|
||||
}
|
||||
|
||||
qx.OO.defineClass('Box', qx.ui.layout.BoxLayout, function() {
|
||||
qx.ui.layout.BoxLayout.apply(this, arguments);
|
||||
this.auto();
|
||||
});
|
||||
|
||||
qx.OO.defineClass('GroupBox', qx.ui.groupbox.GroupBox, function() {
|
||||
qx.ui.groupbox.GroupBox.apply(this, arguments);
|
||||
this.auto();
|
||||
});
|
||||
|
||||
qx.core.Init.getInstance().defineMain(function() {
|
||||
// Shortcuts
|
||||
var form = qx.ui.form;
|
||||
Label = qx.ui.basic.Label;
|
||||
var testData = getTestData();
|
||||
|
||||
//###1st row: combo
|
||||
|
||||
combo = new form.ComboBoxEx;
|
||||
var butSize = new form.Button('Size text field to content');
|
||||
butSize.addEventListener('execute', function() {
|
||||
combo.sizeTextFieldToContent();
|
||||
});
|
||||
|
||||
var boxCombo2 = new Box;
|
||||
with (boxCombo2) {
|
||||
setSpacing(10);
|
||||
add(combo, butSize);
|
||||
}
|
||||
var boxCombo = new GroupBox('This is the ComboBoxEx under test');
|
||||
boxCombo.add(boxCombo2);
|
||||
|
||||
//###2nd row: Test of simple properties
|
||||
var cEd = new form.CheckBox('Editable');
|
||||
cEd.setChecked(combo.getEditable());
|
||||
cEd.addEventListener('changeChecked', function() {
|
||||
combo.setEditable(cEd.isChecked());
|
||||
});
|
||||
|
||||
var cEnsure = new form.CheckBox('Ensure something selected');
|
||||
cEnsure.setChecked(combo.getEnsureSomethingSelected());
|
||||
cEnsure.addEventListener('changeChecked', function() {
|
||||
combo.setEnsureSomethingSelected(cEnsure.isChecked());
|
||||
});
|
||||
|
||||
var cAllowSearch = new form.CheckBox('Allow searching');
|
||||
cAllowSearch.setChecked(combo.getAllowSearch());
|
||||
cAllowSearch.addEventListener('changeChecked', function() {
|
||||
combo.setAllowSearch(cAllowSearch.isChecked());
|
||||
});
|
||||
|
||||
var cIdCol = new form.CheckBox('ID column visible');
|
||||
cIdCol.setChecked(combo.isIdColumnVisible());
|
||||
cIdCol.addEventListener('changeChecked', function() {
|
||||
combo.setIdColumnVisible(cIdCol.isChecked());
|
||||
});
|
||||
|
||||
var fieldItems = new form.Spinner(0, 0, testData.length);
|
||||
fieldItems._manager.addEventListener('changeValue', function() {
|
||||
var sel = [], count = fieldItems.getValue();
|
||||
for (var i = 0; i < count; i++) {
|
||||
sel.push(testData[i]);
|
||||
}
|
||||
combo.setSelection(sel);
|
||||
});
|
||||
fieldItems.setValue(15);
|
||||
|
||||
var boxProp2 = new Box;
|
||||
with (boxProp2) {
|
||||
setSpacing(10);
|
||||
add(cEd, cEnsure, cAllowSearch, cIdCol, new Label('Number of items in list'), fieldItems);
|
||||
}
|
||||
var boxProp = new GroupBox('Test of simple properties');
|
||||
boxProp.add(boxProp2);
|
||||
|
||||
//###Test of headers
|
||||
var allHeaders = [ 'ID', 'Description', 'Img', 'Extra info' ];
|
||||
var rb1 = new form.RadioButton('1', '1');
|
||||
var rb2 = new form.RadioButton('2', '2');
|
||||
rb2.setChecked(true);
|
||||
var rb3 = new form.RadioButton('3', '3');
|
||||
var rb4 = new form.RadioButton('4', '4');
|
||||
|
||||
var fieldHeaders = new qx.manager.selection.RadioManager('headers', [ rb1, rb2, rb3, rb4 ]);
|
||||
fieldHeaders.addEventListener("changeSelected", function(e) {
|
||||
var headers = [], count = Number(e.getData().getValue());
|
||||
for (var i = 0; i < count; i++) {
|
||||
headers.push(allHeaders[i]);
|
||||
}
|
||||
combo.setColumnHeaders(headers);
|
||||
});
|
||||
|
||||
var butChangeHeaders = new form.Button('Add * to headers');
|
||||
// This tests changing the headers, but not the number of columns
|
||||
butChangeHeaders.addEventListener('execute', function() {
|
||||
var headers = combo.getColumnHeaders();
|
||||
for (var i = 0; i < headers.length; i++) {
|
||||
headers[i] += '*';
|
||||
}
|
||||
combo.setColumnHeaders(headers);
|
||||
});
|
||||
|
||||
var boxHeaders2 = new Box;
|
||||
with (boxHeaders2) {
|
||||
setSpacing(10);
|
||||
add(new Label('# of headers'), rb1, rb2, rb3, rb4, butChangeHeaders);
|
||||
}
|
||||
var boxHeaders = new GroupBox('Test headers');
|
||||
boxHeaders.add(boxHeaders2);
|
||||
|
||||
var fieldMaxRows = new form.Spinner(2, combo.getMaxVisibleRows(), 20);
|
||||
fieldMaxRows._manager.addEventListener('changeValue', function() {
|
||||
combo.setMaxVisibleRows(fieldMaxRows.getValue());
|
||||
});
|
||||
var boxMaxRows = new GroupBox('Max. number of visible rows');
|
||||
boxMaxRows.add(fieldMaxRows);
|
||||
|
||||
var boxRow3 = new Box;
|
||||
boxRow3.add(boxHeaders, boxMaxRows);
|
||||
|
||||
//###Test of showOnTextField
|
||||
var rbDesc = new form.RadioButton('Description', 'description');
|
||||
rbDesc.setChecked(true);
|
||||
var rbIdAndDesc = new form.RadioButton('ID and description', 'idAndDescription');
|
||||
var fieldShowOn = new qx.manager.selection.RadioManager("showOnTextField", [ rbDesc, rbIdAndDesc ]);
|
||||
fieldShowOn.addEventListener("changeSelected", function(e) {
|
||||
combo.setShowOnTextField(e.getData().getValue());
|
||||
});
|
||||
|
||||
var fieldSeparator = new form.TextField;
|
||||
fieldSeparator.setValue(combo.getIdDescriptionSeparator());
|
||||
fieldSeparator.setWidth(50);
|
||||
fieldSeparator.addEventListener('changeValue', function() {
|
||||
combo.setIdDescriptionSeparator(fieldSeparator.getValue());
|
||||
});
|
||||
var boxShowOn2 = new Box;
|
||||
with (boxShowOn2) {
|
||||
setSpacing(10);
|
||||
add(new Label('Show on text field:'), rbDesc, rbIdAndDesc, new Label('Separator between ID and description:'), fieldSeparator);
|
||||
}
|
||||
var boxShowOn = new GroupBox('Test showOnTextField property');
|
||||
boxShowOn.add(boxShowOn2);
|
||||
|
||||
//###Test of get/setValue
|
||||
var fieldValue = new form.TextField;
|
||||
var butSetValue = new form.Button('Set');
|
||||
butSetValue.addEventListener('execute', function() {
|
||||
combo.setValue(fieldValue.getValue());
|
||||
});
|
||||
var butGetValue = new form.Button('Get');
|
||||
butGetValue.addEventListener('execute', function() {
|
||||
fieldValue.setValue(combo.getValue());
|
||||
});
|
||||
var boxVal2 = new Box;
|
||||
with (boxVal2) {
|
||||
setSpacing(10);
|
||||
add(fieldValue, butSetValue, butGetValue);
|
||||
}
|
||||
var boxVal = new GroupBox('Test value property');
|
||||
boxVal.add(boxVal2);
|
||||
|
||||
//###Main box
|
||||
var vbox = new Box('vertical');
|
||||
with (vbox) {
|
||||
setSpacing(10);
|
||||
setTop(50);
|
||||
setLeft(30);
|
||||
add(boxCombo, boxProp, boxRow3, boxShowOn, boxVal);
|
||||
addToDocument();
|
||||
}
|
||||
combo.focus();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
<script type="text/javascript">
|
||||
if (console.debug) {
|
||||
with (qx.dev.log.Logger.ROOT_LOGGER) {
|
||||
removeAllAppenders();
|
||||
addAppender(new qx.dev.log.FireBugAppender);
|
||||
setMinLevel(qx.dev.log.Logger.LEVEL_WARN);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div id="demoDescription">
|
||||
<p>ComboBoxEx is an enhanced version of ComboBox</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,101 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Testing ComboBox implementation.</p>
|
||||
<p>The elements of the popup will be created on the first open of the qx.ui.form.ComboBox.</p>
|
||||
</div>
|
||||
|
||||
<select style="position:absolute; left:300px; top:48px; width: 120px;">
|
||||
<option>Item No 1</option>
|
||||
<option>Item No 2</option>
|
||||
<option>Item No 3</option>
|
||||
<option>Item No 4</option>
|
||||
<option>Item No 5</option>
|
||||
<option>Item No 6</option>
|
||||
<option>Item No 7</option>
|
||||
<option>Item No 8</option>
|
||||
<option>Item No 9</option>
|
||||
<option disabled="true">Item No 10</option>
|
||||
<option>Item No 11</option>
|
||||
<option>Item No 12</option>
|
||||
<option>Item No 13</option>
|
||||
<option>Item No 14</option>
|
||||
<option>Item No 15</option>
|
||||
<option>Item No 16</option>
|
||||
<option>Item No 17</option>
|
||||
<option>Item No 18</option>
|
||||
<option>Item No 19</option>
|
||||
<option disabled="true">Item No 20</option>
|
||||
<option>Item No 21</option>
|
||||
<option>Item No 22</option>
|
||||
<option>Item No 23</option>
|
||||
<option>Item No 24</option>
|
||||
<option>Item No 23</option>
|
||||
<option>Item No 24</option>
|
||||
<option>Item No 25</option>
|
||||
<option>Item No 26</option>
|
||||
<option>Item No 27</option>
|
||||
<option>Item No 28</option>
|
||||
<option>Item No 29</option>
|
||||
<option disabled="true">Item No 30</option>
|
||||
</select>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var c1 = new qx.ui.form.ComboBox;
|
||||
c1.set({ top: 48, left: 20 });
|
||||
|
||||
|
||||
|
||||
var item;
|
||||
|
||||
for(var i=1; i<=30; i++)
|
||||
{
|
||||
item = new qx.ui.form.ListItem("Item No " + i);
|
||||
!(i % 10) && (item.setEnabled(false));
|
||||
c1.add(item);
|
||||
};
|
||||
|
||||
|
||||
c1.setSelected(c1.getList().getFirstChild());
|
||||
|
||||
c1.addEventListener("changeValue", function(e) {
|
||||
this.debug("New value: " + e.getData());
|
||||
});
|
||||
|
||||
c1.addEventListener("changeSelected", function(e) {
|
||||
this.debug("New selected: " + e.getData());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var b1 = new qx.ui.form.CheckBox("Editable");
|
||||
|
||||
b1.set({ top: 50, left: 150 });
|
||||
|
||||
b1.addEventListener("changeChecked", function(e) {
|
||||
c1.setEditable(e.getData());
|
||||
});
|
||||
|
||||
|
||||
|
||||
d.add(c1, b1);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,141 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>An example showing global shortcut commands in action. The commands are linked with menu-items, but
|
||||
could also be executed with the corresponding shortcut.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
/* comamnds */
|
||||
var undo_cmd = new qx.client.Command("Ctrl+Z");
|
||||
undo_cmd.addEventListener("execute", function(){ this.debug("undo Command executed"); }, this);
|
||||
|
||||
var redo_cmd = new qx.client.Command("Ctrl+Y");
|
||||
redo_cmd.addEventListener("execute", function(){ this.debug("redo Command executed"); }, this);
|
||||
|
||||
var cut_cmd = new qx.client.Command("Ctrl+X");
|
||||
cut_cmd.addEventListener("execute", function(){ this.debug("cut Command executed"); }, this);
|
||||
|
||||
var copy_cmd = new qx.client.Command("Ctrl+C");
|
||||
copy_cmd.addEventListener("execute", function(){ this.debug("copy Command executed"); }, this);
|
||||
|
||||
var paste_cmd = new qx.client.Command("Ctrl+V");
|
||||
paste_cmd.addEventListener("execute", function(){ this.debug("paste Command executed"); }, this);
|
||||
|
||||
var delete_cmd = new qx.client.Command("Del");
|
||||
delete_cmd.addEventListener("execute", function(){ this.debug("delete Command executed"); }, this);
|
||||
|
||||
var select_all_cmd = new qx.client.Command("Ctrl+A");
|
||||
select_all_cmd.addEventListener("execute", function(){ this.debug("select all Command executed"); }, this);
|
||||
|
||||
var search_cmd = new qx.client.Command("Ctrl+F");
|
||||
search_cmd.addEventListener("execute", function(){ this.debug("search Command executed"); }, this);
|
||||
|
||||
var search_again_cmd = new qx.client.Command("F3");
|
||||
search_again_cmd.addEventListener("execute", function(){ this.debug("search again Command executed"); }, this);
|
||||
|
||||
/* building the menu */
|
||||
var m2 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb2_01 = new qx.ui.menu.Button("New Window");
|
||||
var mb2_02 = new qx.ui.menu.Button("Overlapping");
|
||||
var mb2_03 = new qx.ui.menu.Button("Split Vertical");
|
||||
var mb2_04 = new qx.ui.menu.Button("Split Horizontal");
|
||||
var mb2_05 = new qx.ui.menu.Button("Next Window");
|
||||
var mb2_06 = new qx.ui.menu.Button("Previous Window");
|
||||
|
||||
m2.add(mb2_01, mb2_02, mb2_03, mb2_04, mb2_05, mb2_06);
|
||||
|
||||
|
||||
var m3 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb3_01 = new qx.ui.menu.Button("Tahoma, 11pt");
|
||||
var mb3_02 = new qx.ui.menu.Button("Tahoma, 12pt");
|
||||
var mb3_03 = new qx.ui.menu.Button("Tahoma, 13pt");
|
||||
var mb3_04 = new qx.ui.menu.Button("Tahoma, 14pt");
|
||||
var mb3_05 = new qx.ui.menu.Button("Tahoma, 15pt");
|
||||
|
||||
m3.add(mb3_01, mb3_02, mb3_03, mb3_04, mb3_05);
|
||||
|
||||
|
||||
var m1 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb1_01 = new qx.ui.menu.Button("View/Lists");
|
||||
var mb1_02 = new qx.ui.menu.Button("Syntax Highlighting");
|
||||
var ms1 = new qx.ui.menu.Separator();
|
||||
var mb1_03 = new qx.ui.menu.Button("Window Font");
|
||||
var mb1_04 = new qx.ui.menu.Button("Printer Font", null, null, m3);
|
||||
var ms2 = new qx.ui.menu.Separator();
|
||||
var mb1_05 = new qx.ui.menu.Button("Undo", null, undo_cmd);
|
||||
var mb1_06 = new qx.ui.menu.Button("Redo", null, redo_cmd);
|
||||
var ms3 = new qx.ui.menu.Separator();
|
||||
var mb1_07 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png", cut_cmd);
|
||||
var mb1_08 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png", copy_cmd);
|
||||
var mb1_09 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png", paste_cmd);
|
||||
var mb1_10 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png", delete_cmd);
|
||||
var mb1_11 = new qx.ui.menu.Button("Select All", null, select_all_cmd);
|
||||
var ms4 = new qx.ui.menu.Separator();
|
||||
var mb1_12 = new qx.ui.menu.Button("Search", null, search_cmd);
|
||||
var mb1_13 = new qx.ui.menu.Button("Search Again", null, search_again_cmd);
|
||||
var ms5 = new qx.ui.menu.Separator();
|
||||
var mb1_14 = new qx.ui.menu.Button("View", null, null, m2);
|
||||
var mb1_15 = new qx.ui.menu.Button("Editor Settings...");
|
||||
var mb1_16 = new qx.ui.menu.Button("Editor Plugins");
|
||||
var mb1_17 = new qx.ui.menu.Button("Framework Settings");
|
||||
|
||||
m1.add(mb1_01, mb1_02, ms1, mb1_03, mb1_04, ms2, mb1_05, mb1_06, ms3, mb1_07, mb1_08, mb1_09, mb1_10, mb1_11, ms4, mb1_12, mb1_13, ms5, mb1_14, mb1_15, mb1_16, mb1_17);
|
||||
|
||||
|
||||
d.add(m1, m2, m3);
|
||||
|
||||
|
||||
var w1 = new qx.ui.form.Button("Open");
|
||||
|
||||
w1.setTop(48);
|
||||
w1.setLeft(20);
|
||||
|
||||
w1.addEventListener("click", function(e)
|
||||
{
|
||||
if (m1.isSeeable())
|
||||
{
|
||||
m1.hide();
|
||||
}
|
||||
else
|
||||
{
|
||||
var el = this.getElement();
|
||||
|
||||
m1.setLeft(qx.dom.Location.getPageBoxLeft(el));
|
||||
m1.setTop(qx.dom.Location.getPageBoxBottom(el));
|
||||
|
||||
m1.show();
|
||||
};
|
||||
|
||||
e.setPropagationStopped(true);
|
||||
});
|
||||
|
||||
w1.addEventListener("mousedown", function(e)
|
||||
{
|
||||
e.setPropagationStopped(true);
|
||||
});
|
||||
|
||||
|
||||
d.add(w1);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,186 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>An example showing global shortcut commands in action. The commands are linked with menu-items, but
|
||||
could also be executed with the corresponding shortcut.</p>
|
||||
<p>An objectmanager is used to disable/enable a specific command (del-Key) to make available for text-editing
|
||||
in the textfield of the window. When the window is closed the command gets re-enabled.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
/* comamnds */
|
||||
var undo_cmd = new qx.client.Command("Ctrl+Z");
|
||||
undo_cmd.addEventListener("execute", function(){ this.debug("undo Command executed"); }, this);
|
||||
|
||||
var redo_cmd = new qx.client.Command("Ctrl+Y");
|
||||
redo_cmd.addEventListener("execute", function(){ this.debug("redo Command executed"); }, this);
|
||||
|
||||
var cut_cmd = new qx.client.Command("Ctrl+X");
|
||||
cut_cmd.addEventListener("execute", function(){ this.debug("cut Command executed"); }, this);
|
||||
|
||||
var copy_cmd = new qx.client.Command("Ctrl+C");
|
||||
copy_cmd.addEventListener("execute", function(){ this.debug("copy Command executed"); }, this);
|
||||
|
||||
var paste_cmd = new qx.client.Command("Ctrl+V");
|
||||
paste_cmd.addEventListener("execute", function(){ this.debug("paste Command executed"); }, this);
|
||||
|
||||
var delete_cmd = new qx.client.Command("Del");
|
||||
delete_cmd.addEventListener("execute", function(){ this.debug("delete Command executed"); }, this);
|
||||
|
||||
var select_all_cmd = new qx.client.Command("Ctrl+A");
|
||||
select_all_cmd.addEventListener("execute", function(){ this.debug("select all Command executed"); }, this);
|
||||
|
||||
var search_cmd = new qx.client.Command("Ctrl+F");
|
||||
search_cmd.addEventListener("execute", function(){ this.debug("search Command executed"); }, this);
|
||||
|
||||
var search_again_cmd = new qx.client.Command("F3");
|
||||
search_again_cmd.addEventListener("execute", function(){ this.debug("search again Command executed"); }, this);
|
||||
|
||||
|
||||
/* objectmanager for all commands which should be disabled when opening the window */
|
||||
var cmd_manager = new qx.manager.object.ObjectManager;
|
||||
cmd_manager.add(delete_cmd);
|
||||
|
||||
|
||||
/* building the menu */
|
||||
var m2 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb2_01 = new qx.ui.menu.Button("New Window");
|
||||
var mb2_02 = new qx.ui.menu.Button("Overlapping");
|
||||
var mb2_03 = new qx.ui.menu.Button("Split Vertical");
|
||||
var mb2_04 = new qx.ui.menu.Button("Split Horizontal");
|
||||
var mb2_05 = new qx.ui.menu.Button("Next Window");
|
||||
var mb2_06 = new qx.ui.menu.Button("Previous Window");
|
||||
|
||||
m2.add(mb2_01, mb2_02, mb2_03, mb2_04, mb2_05, mb2_06);
|
||||
|
||||
|
||||
var m3 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb3_01 = new qx.ui.menu.Button("Tahoma, 11pt");
|
||||
var mb3_02 = new qx.ui.menu.Button("Tahoma, 12pt");
|
||||
var mb3_03 = new qx.ui.menu.Button("Tahoma, 13pt");
|
||||
var mb3_04 = new qx.ui.menu.Button("Tahoma, 14pt");
|
||||
var mb3_05 = new qx.ui.menu.Button("Tahoma, 15pt");
|
||||
|
||||
m3.add(mb3_01, mb3_02, mb3_03, mb3_04, mb3_05);
|
||||
|
||||
|
||||
var m1 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb1_01 = new qx.ui.menu.Button("View/Lists");
|
||||
var mb1_02 = new qx.ui.menu.Button("Syntax Highlighting");
|
||||
var ms1 = new qx.ui.menu.Separator();
|
||||
var mb1_03 = new qx.ui.menu.Button("Window Font");
|
||||
var mb1_04 = new qx.ui.menu.Button("Printer Font", null, null, m3);
|
||||
var ms2 = new qx.ui.menu.Separator();
|
||||
var mb1_05 = new qx.ui.menu.Button("Undo", null, undo_cmd);
|
||||
var mb1_06 = new qx.ui.menu.Button("Redo", null, redo_cmd);
|
||||
var ms3 = new qx.ui.menu.Separator();
|
||||
var mb1_07 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png", cut_cmd);
|
||||
var mb1_08 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png", copy_cmd);
|
||||
var mb1_09 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png", paste_cmd);
|
||||
var mb1_10 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png", delete_cmd);
|
||||
var mb1_11 = new qx.ui.menu.Button("Select All", null, select_all_cmd);
|
||||
var ms4 = new qx.ui.menu.Separator();
|
||||
var mb1_12 = new qx.ui.menu.Button("Search", null, search_cmd);
|
||||
var mb1_13 = new qx.ui.menu.Button("Search Again", null, search_again_cmd);
|
||||
var ms5 = new qx.ui.menu.Separator();
|
||||
var mb1_14 = new qx.ui.menu.Button("View", null, null, m2);
|
||||
var mb1_15 = new qx.ui.menu.Button("Editor Settings...");
|
||||
var mb1_16 = new qx.ui.menu.Button("Editor Plugins");
|
||||
var mb1_17 = new qx.ui.menu.Button("Framework Settings");
|
||||
|
||||
m1.add(mb1_01, mb1_02, ms1, mb1_03, mb1_04, ms2, mb1_05, mb1_06, ms3, mb1_07, mb1_08, mb1_09, mb1_10, mb1_11, ms4, mb1_12, mb1_13, ms5, mb1_14, mb1_15, mb1_16, mb1_17);
|
||||
|
||||
|
||||
d.add(m1, m2, m3);
|
||||
|
||||
|
||||
/* button to open menu */
|
||||
var w1 = new qx.ui.form.Button("Open");
|
||||
|
||||
w1.setTop(48);
|
||||
w1.setLeft(20);
|
||||
|
||||
w1.addEventListener("click", function(e)
|
||||
{
|
||||
if (m1.isSeeable())
|
||||
{
|
||||
m1.hide();
|
||||
}
|
||||
else
|
||||
{
|
||||
var el = this.getElement();
|
||||
|
||||
m1.setLeft(qx.dom.Location.getPageBoxLeft(el));
|
||||
m1.setTop(qx.dom.Location.getPageBoxBottom(el));
|
||||
|
||||
m1.show();
|
||||
};
|
||||
|
||||
e.setPropagationStopped(true);
|
||||
});
|
||||
|
||||
w1.addEventListener("mousedown", function(e)
|
||||
{
|
||||
e.setPropagationStopped(true);
|
||||
});
|
||||
|
||||
|
||||
/* window */
|
||||
var window1 = new qx.ui.window.Window("Test");
|
||||
window1.set({ top: 100, left: 100, width: 300, height: 200, allowMaximize: false, allowMinimize: false });
|
||||
|
||||
window1.addEventListener("beforeAppear", function(e){
|
||||
textField.setValue("");
|
||||
});
|
||||
|
||||
window1.addEventListener("beforeDisappear", function(e){
|
||||
cmd_manager.enableAll();
|
||||
});
|
||||
|
||||
/* label */
|
||||
var label1 = new qx.ui.basic.Label("Please enter your Name");
|
||||
label1.setTop(20);
|
||||
label1.setLeft(8);
|
||||
|
||||
/* textfield */
|
||||
var textField = new qx.ui.form.TextField;
|
||||
textField.setTop(20);
|
||||
textField.setLeft(140);
|
||||
|
||||
window1.add(label1, textField);
|
||||
|
||||
|
||||
/* button to open window */
|
||||
var w2 = new qx.ui.form.Button("Open Window");
|
||||
w2.setTop(48);
|
||||
w2.setLeft(100);
|
||||
|
||||
w2.addEventListener("execute", function(e){
|
||||
cmd_manager.disableAll();
|
||||
window1.open();
|
||||
});
|
||||
|
||||
|
||||
d.add(w1, window1, w2);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,31 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>The DateChooser shows calendar and allows choosing a date.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var chooser = new qx.ui.component.DateChooser;
|
||||
chooser.setLocation(10, 50);
|
||||
chooser.setWidth("auto");
|
||||
chooser.setHeight("auto");
|
||||
d.add(chooser);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,57 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Show one way to drag a widget around the screen.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var a1 = new qx.ui.basic.Atom("Drag Me");
|
||||
a1.set({ backgroundColor: "white", border: qx.renderer.border.BorderPresets.getInstance().groove });
|
||||
a1.setPadding(10);
|
||||
a1.setLocation(20, 48);
|
||||
d.add(a1);
|
||||
|
||||
|
||||
a1.addEventListener("mousedown", handleMouseDown);
|
||||
a1.addEventListener("mousemove", handleMouseMove);
|
||||
a1.addEventListener("mouseup", handleMouseUp);
|
||||
|
||||
function handleMouseDown(e)
|
||||
{
|
||||
this.setCapture(true);
|
||||
a1._offsetX = e.getPageX() - a1.getLeft();
|
||||
a1._offsetY = e.getPageY() - a1.getTop();
|
||||
}
|
||||
|
||||
function handleMouseMove(e)
|
||||
{
|
||||
if (this.getCapture())
|
||||
{
|
||||
a1.setLeft(e.getPageX() - a1._offsetX);
|
||||
a1.setTop(e.getPageY() - a1._offsetY);
|
||||
}
|
||||
}
|
||||
|
||||
function handleMouseUp(e)
|
||||
{
|
||||
this.setCapture(false);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,107 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Some tests for some of the most used properties of qx.ui.core.Widget (coordinates, dimensions, backgroundColor, opacity, ...).</p>
|
||||
<p>Also here are the first test of some widgets which extend qx.ui.core.Widget: qx.ui.form.TextField and qx.ui.form.PasswordField. These extended
|
||||
widgets also interacts like the basic QxWidgets with the qx.event.handler.FocusHandler.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
function textChange(e) {
|
||||
this.debug("Text changed: " + e.getData());
|
||||
}
|
||||
|
||||
var t1 = new qx.ui.form.TextField;
|
||||
t1.setValue("textfield");
|
||||
t1.setTop(48);
|
||||
t1.setLeft(20);
|
||||
|
||||
t1.addEventListener("changeValue", textChange);
|
||||
t1.addEventListener("input", function(e) {
|
||||
this.debug("Input: " + e.getData());
|
||||
});
|
||||
|
||||
d.add(t1);
|
||||
|
||||
|
||||
|
||||
|
||||
var t2 = new qx.ui.form.PasswordField;
|
||||
t2.setValue("passwordfield");
|
||||
t2.setTop(80);
|
||||
t2.setLeft(20);
|
||||
|
||||
t2.addEventListener("changeValue", textChange);
|
||||
|
||||
d.add(t2);
|
||||
|
||||
|
||||
var t3 = new qx.ui.form.TextArea;
|
||||
t3.setValue("textarea");
|
||||
t3.setTop(110);
|
||||
t3.setLeft(20);
|
||||
t3.setWidth(300);
|
||||
t3.setHeight(60);
|
||||
|
||||
t3.addEventListener("changeValue", textChange);
|
||||
|
||||
d.add(t3);
|
||||
|
||||
|
||||
var t4 = new qx.ui.form.TextField;
|
||||
t4.setValue("textfield");
|
||||
t4.setTop(200);
|
||||
t4.setLeft(20);
|
||||
t4.setWidth(200);
|
||||
t4.setMaxLength(100);
|
||||
t4.setReadOnly(true);
|
||||
|
||||
t4.addEventListener("changeValue", textChange);
|
||||
|
||||
d.add(t4);
|
||||
|
||||
|
||||
var t5 = new qx.ui.form.TextField;
|
||||
t5.setValue("You are foo!");
|
||||
t5.setTop(240);
|
||||
t5.setLeft(20);
|
||||
|
||||
t5.addEventListener("changeValue", textChange);
|
||||
|
||||
d.add(t5);
|
||||
|
||||
|
||||
|
||||
var t6 = new qx.ui.form.TextField;
|
||||
t6.setTop(270);
|
||||
t6.setLeft(20);
|
||||
|
||||
t6.addEventListener("changeText", textChange);
|
||||
t6.addEventListener("input", function(e) {
|
||||
this.debug("Input: " + e.getData());
|
||||
});
|
||||
|
||||
t6.addEventListener("keydown", function(e) {
|
||||
this.debug("Keypress: " + e.getKeyIdentifier());
|
||||
});
|
||||
|
||||
d.add(t6);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,53 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Simple test for qx.ui.embed.Flash.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
// Try no version required
|
||||
var fo1 = new qx.ui.embed.Flash("./image/flash/fo_tester.swf");
|
||||
|
||||
// Try version 7 required
|
||||
// var fo1 = new qx.ui.embed.Flash("image/flash/fo_tester.swf", "7");
|
||||
|
||||
// Try version 9 required
|
||||
// var fo1 = new qx.ui.embed.Flash("image/flash/fo_tester.swf", "9");
|
||||
|
||||
// Error handling methods:
|
||||
// #1: Enable Express Install: Available in Flash Players >= 6.0.65
|
||||
// fo1.setEnableExpressInstall(true);
|
||||
// #2: Enable Redirect URL: Jump to an installer page
|
||||
// fo1.setRedirectUrl("http://www.google.de");
|
||||
|
||||
fo1.setVariable("flashVarText", "this is passed in via FlashVars");
|
||||
fo1.setScale("noscale");
|
||||
|
||||
fo1.setLeft(20);
|
||||
fo1.setRight(335);
|
||||
fo1.setTop(48);
|
||||
fo1.setBottom(48);
|
||||
|
||||
fo1.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
|
||||
fo1.setBackgroundColor("#FF6600");
|
||||
|
||||
d.add(fo1);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>
|
||||
Simple test of a finite state machine. This is a sufficiently simple
|
||||
application that using a finite state machine really doesn't make sense,
|
||||
but it is illustrative of how to use it. This FSM has two states.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="Fsm_1/main.js"></script>
|
||||
<script type="text/javascript" src="Fsm_1/fsm.js"></script>
|
||||
<script type="text/javascript" src="Fsm_1/gui.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,297 +0,0 @@
|
||||
/*
|
||||
* Initialize the finite state machine.
|
||||
*
|
||||
* This finite state machine has two states: Idle and AwaitRpcResult.
|
||||
*
|
||||
* In the Idle state, the Send button is enabled, the Abort button is
|
||||
* disabled, and the three color bars are blue. In the AwaitRpcResult state,
|
||||
* the Send button is disabled, the Abort button is enabled, and three color
|
||||
* bars are red. All of these changes occur via automatic, table-driven
|
||||
* function calls in autoActionsXXX() objects, not via explicit code. This
|
||||
* demonstrates how groups of objects can all be manipulated together without
|
||||
* having to write lots of code to do so. Just as these color blocks change
|
||||
* color, numerous widgets could be disabled/hidden/etc., without writing code
|
||||
* to futz with all of them.
|
||||
*/
|
||||
function initFsm()
|
||||
{
|
||||
// Create a new finite state machine
|
||||
var fsm = new qx.util.fsm.FiniteStateMachine("Fsm_1");
|
||||
|
||||
// For this simple example application, show all debug messages.
|
||||
qx.Settings.setCustomOfClass(
|
||||
"qx.util.fsm.FiniteStateMachine",
|
||||
"debugFlags",
|
||||
(qx.util.fsm.FiniteStateMachine.DebugFlags.EVENTS |
|
||||
qx.util.fsm.FiniteStateMachine.DebugFlags.TRANSITIONS |
|
||||
qx.util.fsm.FiniteStateMachine.DebugFlags.FUNCTION_DETAIL |
|
||||
qx.util.fsm.FiniteStateMachine.DebugFlags.OBJECT_NOT_FOUND));
|
||||
|
||||
/*
|
||||
* State: Idle
|
||||
*
|
||||
* Actions upon entry:
|
||||
* button_send.setEnabled(true);
|
||||
* button_abort.setEnabled(false);
|
||||
* change background of objects in group "group_color_change" to blue
|
||||
*
|
||||
* Transition on:
|
||||
* "execute" on button_send
|
||||
*/
|
||||
var state = new qx.util.fsm.State(
|
||||
"State_Idle",
|
||||
{
|
||||
"autoActionsBeforeOnentry" :
|
||||
{
|
||||
// The name of a function.
|
||||
"setEnabled" :
|
||||
[
|
||||
{
|
||||
// We want to enable the 'send' button
|
||||
"parameters" : [ true ],
|
||||
|
||||
// Call this.getObject("button_send").setEnabled(true)
|
||||
"objects" : [ "button_send" ]
|
||||
},
|
||||
|
||||
{
|
||||
// We want to disable the 'abort' button
|
||||
"parameters" : [ false ],
|
||||
|
||||
// Call this.getObject("button_abort").setEnabled(false)
|
||||
"objects" : [ "button_abort" ]
|
||||
}
|
||||
],
|
||||
|
||||
// The name of a function.
|
||||
"setBackgroundColor" :
|
||||
[
|
||||
{
|
||||
// We want to change the atoms' background color to blue
|
||||
"parameters" :
|
||||
[
|
||||
// We want the color oject created when needed, not "now"
|
||||
// Providing a function as a parameter allows the value to be
|
||||
// determined later.
|
||||
function (fsm) { return new qx.renderer.color.Color("blue"); }
|
||||
],
|
||||
|
||||
// Call this.getObject(<object>).seBackgroundcolor("blue") on
|
||||
// state entry, for each <object> in the group called
|
||||
// "group_color_change".
|
||||
"groups" : [ "group_color_change" ]
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
"events" :
|
||||
{
|
||||
// If the send button is pressed, go to new state state where we
|
||||
// will await the RPC result
|
||||
"execute" :
|
||||
{
|
||||
"button_send" :
|
||||
"Transition_Idle_to_AwaitRpcResult_via_button_send"
|
||||
}
|
||||
}
|
||||
});
|
||||
fsm.addState(state);
|
||||
|
||||
/*
|
||||
* Transition: Idle to AwaitRpcResult
|
||||
*
|
||||
* Cause: "execute" on button_send
|
||||
*
|
||||
* Action:
|
||||
* Issue RPC request with coalesced failure events
|
||||
*/
|
||||
var trans = new qx.util.fsm.Transition(
|
||||
"Transition_Idle_to_AwaitRpcResult_via_button_send",
|
||||
{
|
||||
"nextState" :
|
||||
"State_AwaitRpcResult",
|
||||
|
||||
"ontransition" :
|
||||
function(fsm, event)
|
||||
{
|
||||
var rpc = fsm.getObject("rpc");
|
||||
|
||||
rpc.setUrl(fsm.getObject("text_url").getValue());
|
||||
rpc.setServiceName(fsm.getObject("text_service").getValue());
|
||||
|
||||
var request =
|
||||
rpc.callAsyncListeners(true, // coalesce failure events
|
||||
fsm.getObject("text_method").getValue(),
|
||||
fsm.getObject("text_message").getValue());
|
||||
fsm.addObject("request", request);
|
||||
}
|
||||
});
|
||||
state.addTransition(trans);
|
||||
|
||||
|
||||
/*
|
||||
* State: AwaitRpcResult
|
||||
*
|
||||
* Actions upon entry:
|
||||
* button_send.setEnabled(false);
|
||||
* button_abort.setEnabled(true);
|
||||
* change background of objects in group "group_color_change" to red
|
||||
*
|
||||
* Transition on:
|
||||
* "completed" (on RPC)
|
||||
* "failed" (on RPC)
|
||||
* "execute on button_abort
|
||||
*/
|
||||
var state = new qx.util.fsm.State(
|
||||
"State_AwaitRpcResult",
|
||||
{
|
||||
"autoActionsBeforeOnentry" :
|
||||
{
|
||||
// The name of a function.
|
||||
"setEnabled" :
|
||||
[
|
||||
{
|
||||
// We want to disable the 'send' button
|
||||
"parameters" : [ false ],
|
||||
|
||||
// Call this.getObject("send").setEnabled(false)
|
||||
"objects" : [ "button_send" ]
|
||||
},
|
||||
|
||||
{
|
||||
// We want to enable the 'abort' button
|
||||
"parameters" : [ true ],
|
||||
|
||||
// Call this.getObject("abort").setEnabled(true)
|
||||
"objects" : [ "button_abort" ]
|
||||
}
|
||||
],
|
||||
|
||||
// The name of a function.
|
||||
"setBackgroundColor" :
|
||||
[
|
||||
{
|
||||
// We want to change the atoms' background color to red
|
||||
"parameters" :
|
||||
[
|
||||
// We want the color oject created when needed, not "now"
|
||||
// Providing a function as a parameter allows the value to be
|
||||
// determined later.
|
||||
function (fsm) { return new qx.renderer.color.Color("red"); }
|
||||
],
|
||||
|
||||
// Call this.getObject(<object>).seBackgroundcolor("red"), for
|
||||
// each <object> in the group called "group_color_change".
|
||||
"groups" : [ "group_color_change" ]
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
"events" :
|
||||
{
|
||||
"execute" :
|
||||
{
|
||||
"button_abort" :
|
||||
"Transition_AwaitRpcResult_to_AwaitRpcResult_via_button_abort"
|
||||
},
|
||||
|
||||
"completed" :
|
||||
"Transition_AwaitRpcResult_to_Idle_via_complete",
|
||||
|
||||
"failed" :
|
||||
"Transition_AwaitRpcResult_to_Idle_via_failed"
|
||||
},
|
||||
|
||||
"onentry" :
|
||||
function(fsm, state)
|
||||
{
|
||||
var message = fsm.getObject("text_result");
|
||||
message.setValue("");
|
||||
}
|
||||
|
||||
});
|
||||
fsm.addState(state);
|
||||
|
||||
/*
|
||||
* Transition: AwaitRpcResult to AwaitRpcResult
|
||||
*
|
||||
* Cause: "execute" on button_abort
|
||||
*/
|
||||
var trans = new qx.util.fsm.Transition(
|
||||
"Transition_AwaitRpcResult_to_AwaitRpcResult_via_button_abort",
|
||||
{
|
||||
"nextState" :
|
||||
"State_AwaitRpcResult",
|
||||
|
||||
"ontransition" :
|
||||
function(fsm, event)
|
||||
{
|
||||
// Get the request object
|
||||
var request = fsm.getObject("request");
|
||||
|
||||
// Issue an abort for the pending request
|
||||
request.abort();
|
||||
|
||||
var message = fsm.getObject("text_result");
|
||||
message.setValue("Abort requested...");
|
||||
}
|
||||
});
|
||||
state.addTransition(trans);
|
||||
|
||||
/*
|
||||
* Transition: AwaitRpcResult to Idle
|
||||
*
|
||||
* Cause: "complete" (on RPC)
|
||||
*/
|
||||
var trans = new qx.util.fsm.Transition(
|
||||
"Transition_AwaitRpcResult_to_Idle_via_complete",
|
||||
{
|
||||
"nextState" :
|
||||
"State_Idle",
|
||||
|
||||
"ontransition" :
|
||||
function(fsm, event)
|
||||
{
|
||||
var message = fsm.getObject("text_result");
|
||||
message.setValue("Got result: " + event.getData());
|
||||
|
||||
// The request has completed, so remove the object reference
|
||||
fsm.removeObject("request");
|
||||
}
|
||||
});
|
||||
state.addTransition(trans);
|
||||
|
||||
/*
|
||||
* Transition: AwaitRpcResult to Idle
|
||||
*
|
||||
* Cause: "failed" (on RPC)
|
||||
*/
|
||||
var trans = new qx.util.fsm.Transition(
|
||||
"Transition_AwaitRpcResult_to_Idle_via_failed",
|
||||
{
|
||||
"nextState" :
|
||||
"State_Idle",
|
||||
|
||||
"ontransition" :
|
||||
function(fsm, event)
|
||||
{
|
||||
var message = fsm.getObject("text_result");
|
||||
message.setValue("Got failure: " + event.getData());
|
||||
|
||||
// The request has completed, so remove the object reference
|
||||
fsm.removeObject("request");
|
||||
}
|
||||
});
|
||||
state.addTransition(trans);
|
||||
|
||||
// Allocate an RPC object
|
||||
o = new qx.io.remote.Rpc();
|
||||
o.setTimeout(10000);
|
||||
o.addEventListener("completed", fsm.eventListener, fsm);
|
||||
o.addEventListener("failed", fsm.eventListener, fsm);
|
||||
o.addEventListener("timeout", fsm.eventListener, fsm);
|
||||
o.addEventListener("aborted", fsm.eventListener, fsm);
|
||||
fsm.addObject("rpc", o);
|
||||
|
||||
return fsm;
|
||||
}
|
||||
@ -1,95 +0,0 @@
|
||||
function initGui(fsm)
|
||||
{
|
||||
var o;
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var vLayout = new qx.ui.layout.VerticalBoxLayout();
|
||||
vLayout.setTop(40);
|
||||
vLayout.setLeft(20);
|
||||
vLayout.setSpacing(4);
|
||||
|
||||
vLayout.add(new qx.ui.basic.Label("URL:"));
|
||||
var defaultURL = qx.io.remote.Rpc.makeServerURL();
|
||||
if (defaultURL == null)
|
||||
{
|
||||
defaultURL = "/services/";
|
||||
}
|
||||
o = new qx.ui.form.TextField(defaultURL);
|
||||
vLayout.add(o);
|
||||
fsm.addObject("text_url", o);
|
||||
|
||||
vLayout.add(new qx.ui.basic.Label("Service:"));
|
||||
o = new qx.ui.form.TextField("qooxdoo.test");
|
||||
vLayout.add(o);
|
||||
fsm.addObject("text_service", o);
|
||||
|
||||
vLayout.add(new qx.ui.basic.Label("Method:"));
|
||||
o = new qx.ui.form.TextField("sleep");
|
||||
vLayout.add(o);
|
||||
fsm.addObject("text_method", o);
|
||||
|
||||
var hLayout = new qx.ui.layout.HorizontalBoxLayout();
|
||||
hLayout.setHeight("auto");
|
||||
hLayout.setVerticalChildrenAlign("middle");
|
||||
hLayout.setSpacing(4);
|
||||
|
||||
o = new qx.ui.form.TextField("2");
|
||||
o.setWidth(200);
|
||||
hLayout.add(o);
|
||||
fsm.addObject("text_message", o);
|
||||
|
||||
o = new qx.ui.form.Button("Send to server");
|
||||
o.addEventListener("execute", fsm.eventListener, fsm);
|
||||
hLayout.add(o);
|
||||
fsm.addObject("button_send", o);
|
||||
|
||||
o = new qx.ui.form.Button("Abort");
|
||||
o.setEnabled(false);
|
||||
o.addEventListener("execute", fsm.eventListener, fsm);
|
||||
hLayout.add(o);
|
||||
fsm.addObject("button_abort", o);
|
||||
|
||||
vLayout.add(hLayout);
|
||||
|
||||
vLayout.add(new qx.ui.basic.Label("Result:"));
|
||||
o = new qx.ui.form.TextField("");
|
||||
o.setWidth(600);
|
||||
vLayout.add(o);
|
||||
fsm.addObject("text_result", o);
|
||||
|
||||
var hLayout = new qx.ui.layout.HorizontalBoxLayout();
|
||||
hLayout.setHeight("auto");
|
||||
hLayout.setVerticalChildrenAlign("middle");
|
||||
hLayout.setSpacing(4);
|
||||
|
||||
var o = new qx.ui.basic.Atom("Idle=blue, RPC=red");
|
||||
o.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
o.setColor(new qx.renderer.color.Color("white"));
|
||||
o.setWidth(200);
|
||||
o.setHeight(30);
|
||||
o.setPadding(4);
|
||||
hLayout.add(o);
|
||||
fsm.addObject("atom_1", o, "group_color_change");
|
||||
|
||||
var o = new qx.ui.basic.Atom("Idle=blue, RPC=red");
|
||||
o.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
o.setColor(new qx.renderer.color.Color("white"));
|
||||
o.setWidth(200);
|
||||
o.setHeight(30);
|
||||
o.setPadding(4);
|
||||
hLayout.add(o);
|
||||
fsm.addObject("atom_2", o, "group_color_change");
|
||||
|
||||
var o = new qx.ui.basic.Atom("Idle=blue, RPC=red");
|
||||
o.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
o.setColor(new qx.renderer.color.Color("white"));
|
||||
o.setWidth(200);
|
||||
o.setHeight(30);
|
||||
o.setPadding(4);
|
||||
hLayout.add(o);
|
||||
fsm.addObject("atom_3", o, "group_color_change");
|
||||
|
||||
vLayout.add(hLayout);
|
||||
|
||||
d.add(vLayout);
|
||||
}
|
||||
@ -1,11 +0,0 @@
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
// Initialize the finite state machine
|
||||
fsm = initFsm();
|
||||
|
||||
// Initialize the GUI
|
||||
initGui(fsm);
|
||||
|
||||
// Start the finite state machine
|
||||
fsm.start();
|
||||
});
|
||||
@ -1,129 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.qx_ui_embed_GalleryList{
|
||||
position: absolute;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.qx_ui_embed_GalleryList .galleryFrame{
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.qx_ui_embed_GalleryList .galleryCell{
|
||||
margin: 2px;
|
||||
padding-bottom: 2px;
|
||||
border: 1px solid #EEE;
|
||||
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
white-space: normal;
|
||||
|
||||
font-family: Tahoma, Verdana, sans-serif;
|
||||
font-size: 12px;
|
||||
|
||||
cursor: default;
|
||||
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.qx_ui_embed_GalleryList .galleryCell img{
|
||||
vertical-align: bottom;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.qx_ui_embed_GalleryList .galleryNumber{
|
||||
width: 45px;
|
||||
padding: 4px;
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.qx_ui_embed_GalleryList .galleryImageContainer{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 50px;
|
||||
}
|
||||
|
||||
.qx_ui_embed_GalleryList .galleryText{
|
||||
padding: 4px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 130px;
|
||||
}
|
||||
|
||||
.qx_ui_embed_GalleryList .galleryNumber,
|
||||
.qx_ui_embed_GalleryList .galleryText h3{
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.qx_ui_embed_GalleryList .galleryText p{
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.qx_ui_embed_GalleryList .galleryCell-Selected{
|
||||
background: #9BBCFF;
|
||||
border-color: #3B7CFF;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>ListSort implementation</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var imgPath = qx.manager.object.AliasManager.getInstance().resolvePath("icon/48/bug.png");
|
||||
|
||||
var galleryData = [];
|
||||
|
||||
for (var i=0; i<100; i++)
|
||||
{
|
||||
galleryData.push({
|
||||
display : "bmzN9ci5",
|
||||
width : 350,
|
||||
height : 350,
|
||||
thumbWidth : 48,
|
||||
thumbHeight : 48,
|
||||
title : "gohome.png",
|
||||
timestamp : Math.random().toString(),
|
||||
comment : "Cool Comment sadas asd dsa asdas dasd asd asdas dasdasdasd sadasdas dsds as",
|
||||
id : "7686191121780974-10682",
|
||||
src : imgPath,
|
||||
number : "#" + i
|
||||
});
|
||||
};
|
||||
|
||||
var galleryList = new qx.ui.embed.GalleryList(galleryData);
|
||||
|
||||
galleryList.setWidth(400);
|
||||
galleryList.setTop(48);
|
||||
galleryList.setBottom(48);
|
||||
galleryList.setLeft(250);
|
||||
|
||||
galleryList.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
|
||||
galleryList.setBackgroundColor("white");
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(galleryList);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,116 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.qx_ui_embed_Gallery .galleryFrame{
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.qx_ui_embed_Gallery .galleryCell{
|
||||
border: 1px solid #444;
|
||||
background: #fff;
|
||||
margin: 2px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
|
||||
font-family: Tahoma, Verdana, sans-serif;
|
||||
font-size: 10px;
|
||||
|
||||
cursor: default;
|
||||
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.qx_ui_embed_Gallery .galleryCell img{
|
||||
vertical-align: bottom;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.qx_ui_embed_Gallery .galleryCell .galleryTitle,
|
||||
.qx_ui_embed_Gallery .galleryCell .galleryComment{
|
||||
background: #eee;
|
||||
padding: 3px 6px;
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.qx_ui_embed_Gallery .galleryCell .galleryTitle{
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.qx_ui_embed_Gallery .galleryCell .galleryComment{
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.qx_ui_embed_Gallery .galleryCell-Selected{
|
||||
background: #DCE8F6;
|
||||
border: 1px solid #2760A1;
|
||||
}
|
||||
|
||||
.qx_ui_embed_Gallery .galleryCell-Selected .galleryTitle,
|
||||
.qx_ui_embed_Gallery .galleryCell-Selected .galleryComment{
|
||||
background: #9BBFE7;
|
||||
}
|
||||
|
||||
.qx_ui_embed_Gallery .galleryCell-Selected .galleryTitle{
|
||||
border-bottom: 1px dotted #2760A1;
|
||||
}
|
||||
|
||||
.qx_ui_embed_Gallery .galleryCell-Selected .galleryComment{
|
||||
border-top: 1px dotted #2760A1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test file for qx.ui.embed.Gallery</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var imgPath = qx.manager.object.AliasManager.getInstance().resolvePath("icon/64/chart.png");
|
||||
|
||||
var galleryList = [];
|
||||
|
||||
for (var i=0; i<100; i++)
|
||||
{
|
||||
galleryList.push({
|
||||
display : "bmzN9ci5",
|
||||
width : 350,
|
||||
height : 350,
|
||||
thumbWidth : 64,
|
||||
thumbHeight : 64,
|
||||
title : "gohome.png",
|
||||
timestamp : Math.random().toString(),
|
||||
comment : "Cool Comment",
|
||||
id : "7686191121780974-10682",
|
||||
src : imgPath
|
||||
});
|
||||
};
|
||||
|
||||
var gallery = new qx.ui.embed.Gallery(galleryList);
|
||||
|
||||
gallery.setLeft(20);
|
||||
gallery.setRight(335);
|
||||
gallery.setTop(48);
|
||||
gallery.setBottom(48);
|
||||
gallery.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(gallery);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,107 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Introducing qx.ui.groupbox.GroupBox.</p>
|
||||
</div>
|
||||
|
||||
<fieldset style="position:absolute; top:48px; left:400px; width:200px; height:100px"><legend>builtin</legend>content content content content content content content content content content content content content content content</fieldset>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var fs = new qx.ui.groupbox.GroupBox("My first Fieldset");
|
||||
|
||||
with(fs)
|
||||
{
|
||||
setWidth("40%");
|
||||
setBottom(48);
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
|
||||
setMaxWidth(350);
|
||||
setMinWidth(250);
|
||||
};
|
||||
|
||||
|
||||
|
||||
var a1 = new qx.ui.basic.Atom("TextField 1");
|
||||
with(a1)
|
||||
{
|
||||
setTop(3);
|
||||
setLeft(0);
|
||||
setWidth("35%");
|
||||
setHorizontalChildrenAlign("left");
|
||||
};
|
||||
|
||||
var i1 = new qx.ui.form.TextField();
|
||||
with(i1)
|
||||
{
|
||||
setTop(0);
|
||||
setRight(0);
|
||||
setWidth("60%");
|
||||
};
|
||||
fs.add(a1, i1);
|
||||
|
||||
|
||||
|
||||
var a2 = new qx.ui.basic.Atom("TextField 2", "icon/16/appearance.png");
|
||||
with(a2)
|
||||
{
|
||||
setTop(33);
|
||||
setLeft(0);
|
||||
setWidth("35%");
|
||||
setHorizontalChildrenAlign("left");
|
||||
};
|
||||
fs.add(a2);
|
||||
|
||||
var i2 = new qx.ui.form.TextField();
|
||||
with(i2)
|
||||
{
|
||||
setTop(30);
|
||||
setRight(0);
|
||||
setWidth("60%");
|
||||
};
|
||||
fs.add(i2);
|
||||
|
||||
|
||||
|
||||
var a3 = new qx.ui.basic.Atom("TextField 3");
|
||||
with(a3)
|
||||
{
|
||||
setTop(63);
|
||||
setLeft(0);
|
||||
setWidth("35%");
|
||||
setHorizontalChildrenAlign("left");
|
||||
};
|
||||
fs.add(a3);
|
||||
|
||||
var i3 = new qx.ui.form.TextField();
|
||||
with(i3)
|
||||
{
|
||||
setTop(60);
|
||||
setRight(0);
|
||||
setWidth("60%");
|
||||
};
|
||||
fs.add(i3);
|
||||
|
||||
|
||||
|
||||
d.add(fs);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,153 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test for qx.ui.groupbox.CheckGroupBox</p>
|
||||
</div>
|
||||
|
||||
<fieldset style="position:absolute; top:48px; left:400px; width:200px; height:100px"><legend>builtin</legend>content content content content content content content content content content content content content content content</fieldset>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var fs = new qx.ui.groupbox.CheckGroupBox("CheckBox FieldSet");
|
||||
|
||||
with(fs)
|
||||
{
|
||||
setWidth("40%");
|
||||
setBottom(48);
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
|
||||
setMaxWidth(350);
|
||||
setMinWidth("auto");
|
||||
};
|
||||
|
||||
d.add(fs);
|
||||
|
||||
|
||||
|
||||
|
||||
var fsl = new qx.ui.layout.VerticalBoxLayout;
|
||||
fsl.setLeft(0);
|
||||
fsl.setRight(0);
|
||||
fsl.setHeight("auto");
|
||||
fsl.setSpacing(4);
|
||||
fs.add(fsl);
|
||||
|
||||
|
||||
|
||||
|
||||
var r1 = new qx.ui.layout.HorizontalBoxLayout;
|
||||
r1.setLeft(0);
|
||||
r1.setWidth("100%");
|
||||
r1.setHeight("auto");
|
||||
r1.setVerticalChildrenAlign("middle");
|
||||
fsl.add(r1);
|
||||
|
||||
var a1 = new qx.ui.basic.Atom("TextField 1");
|
||||
with(a1)
|
||||
{
|
||||
setLeft(0);
|
||||
setWidth("40%");
|
||||
setHorizontalChildrenAlign("left");
|
||||
};
|
||||
|
||||
var i1 = new qx.ui.form.TextField;
|
||||
with(i1)
|
||||
{
|
||||
setRight(0);
|
||||
setWidth("60%");
|
||||
};
|
||||
|
||||
r1.add(a1, i1);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var r2 = new qx.ui.layout.HorizontalBoxLayout;
|
||||
r2.setLeft(0);
|
||||
r2.setWidth("100%");
|
||||
r2.setHeight("auto");
|
||||
r2.setVerticalChildrenAlign("middle");
|
||||
fsl.add(r2);
|
||||
|
||||
var a2 = new qx.ui.basic.Atom("TextField 2", "icon/16/appearance.png");
|
||||
with(a2)
|
||||
{
|
||||
setLeft(0);
|
||||
setWidth("40%");
|
||||
setHorizontalChildrenAlign("left");
|
||||
};
|
||||
|
||||
var i2 = new qx.ui.form.TextField;
|
||||
with(i2)
|
||||
{
|
||||
setRight(0);
|
||||
setWidth("60%");
|
||||
};
|
||||
|
||||
r2.add(a2, i2);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var r3 = new qx.ui.layout.HorizontalBoxLayout;
|
||||
r3.setLeft(0);
|
||||
r3.setWidth("100%");
|
||||
r3.setHeight("auto");
|
||||
r3.setVerticalChildrenAlign("middle");
|
||||
fsl.add(r3);
|
||||
|
||||
var a3 = new qx.ui.basic.Atom("TextField 3");
|
||||
with(a3)
|
||||
{
|
||||
setLeft(0);
|
||||
setWidth("40%");
|
||||
setHorizontalChildrenAlign("left");
|
||||
};
|
||||
|
||||
var i3 = new qx.ui.form.TextField;
|
||||
with(i3)
|
||||
{
|
||||
setRight(0);
|
||||
setWidth("60%");
|
||||
};
|
||||
|
||||
r3.add(a3, i3);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
fs.getLegendObject().addEventListener("changeChecked", function(e) {
|
||||
i1.setEnabled(e.getData());
|
||||
i2.setEnabled(e.getData());
|
||||
i3.setEnabled(e.getData());
|
||||
|
||||
a1.setEnabled(e.getData());
|
||||
a2.setEnabled(e.getData());
|
||||
a3.setEnabled(e.getData());
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,160 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test for qx.ui.groupbox.RadioGroupBox</p>
|
||||
</div>
|
||||
|
||||
<fieldset style="position:absolute; top:48px; left:400px; width:200px; height:100px"><legend>builtin</legend>content content content content content content content content content content content content content content content</fieldset>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var fsr = new qx.ui.form.RadioButton("Simple configuration");
|
||||
|
||||
fsr.setLocation(27, 48);
|
||||
d.add(fsr);
|
||||
|
||||
var fs = new qx.ui.groupbox.RadioGroupBox("RadioButton FieldSet");
|
||||
|
||||
with(fs)
|
||||
{
|
||||
setWidth("40%");
|
||||
setBottom(48);
|
||||
setTop(72);
|
||||
setLeft(20);
|
||||
|
||||
setMaxWidth(350);
|
||||
setMinWidth("auto");
|
||||
};
|
||||
|
||||
d.add(fs);
|
||||
|
||||
var fag = new qx.manager.selection.RadioManager("fscontrol", [ fsr, fs.getLegendObject() ]);
|
||||
|
||||
|
||||
|
||||
|
||||
var fsl = new qx.ui.layout.VerticalBoxLayout;
|
||||
fsl.setLeft(0);
|
||||
fsl.setRight(0);
|
||||
fsl.setHeight("auto");
|
||||
fsl.setSpacing(4);
|
||||
fs.add(fsl);
|
||||
|
||||
|
||||
|
||||
|
||||
var r1 = new qx.ui.layout.HorizontalBoxLayout;
|
||||
r1.setLeft(0);
|
||||
r1.setWidth("100%");
|
||||
r1.setHeight("auto");
|
||||
r1.setVerticalChildrenAlign("middle");
|
||||
fsl.add(r1);
|
||||
|
||||
var a1 = new qx.ui.basic.Atom("TextField 1");
|
||||
with(a1)
|
||||
{
|
||||
setLeft(0);
|
||||
setWidth("40%");
|
||||
setHorizontalChildrenAlign("left");
|
||||
};
|
||||
|
||||
var i1 = new qx.ui.form.TextField;
|
||||
with(i1)
|
||||
{
|
||||
setRight(0);
|
||||
setWidth("60%");
|
||||
};
|
||||
|
||||
r1.add(a1, i1);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var r2 = new qx.ui.layout.HorizontalBoxLayout;
|
||||
r2.setLeft(0);
|
||||
r2.setWidth("100%");
|
||||
r2.setHeight("auto");
|
||||
r2.setVerticalChildrenAlign("middle");
|
||||
fsl.add(r2);
|
||||
|
||||
var a2 = new qx.ui.basic.Atom("TextField 2", "icon/16/appearance.png");
|
||||
with(a2)
|
||||
{
|
||||
setLeft(0);
|
||||
setWidth("40%");
|
||||
setHorizontalChildrenAlign("left");
|
||||
};
|
||||
|
||||
var i2 = new qx.ui.form.TextField;
|
||||
with(i2)
|
||||
{
|
||||
setRight(0);
|
||||
setWidth("60%");
|
||||
};
|
||||
|
||||
r2.add(a2, i2);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var r3 = new qx.ui.layout.HorizontalBoxLayout;
|
||||
r3.setLeft(0);
|
||||
r3.setWidth("100%");
|
||||
r3.setHeight("auto");
|
||||
r3.setVerticalChildrenAlign("middle");
|
||||
fsl.add(r3);
|
||||
|
||||
var a3 = new qx.ui.basic.Atom("TextField 3");
|
||||
with(a3)
|
||||
{
|
||||
setLeft(0);
|
||||
setWidth("40%");
|
||||
setHorizontalChildrenAlign("left");
|
||||
};
|
||||
|
||||
var i3 = new qx.ui.form.TextField;
|
||||
with(i3)
|
||||
{
|
||||
setRight(0);
|
||||
setWidth("60%");
|
||||
};
|
||||
|
||||
r3.add(a3, i3);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
fs.getLegendObject().addEventListener("changeChecked", function(e) {
|
||||
i1.setEnabled(e.getData());
|
||||
i2.setEnabled(e.getData());
|
||||
i3.setEnabled(e.getData());
|
||||
|
||||
a1.setEnabled(e.getData());
|
||||
a2.setEnabled(e.getData());
|
||||
a3.setEnabled(e.getData());
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,71 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Iframe implementation. Elastic.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
//----------
|
||||
// qx.ui.embed.Iframe
|
||||
//----------
|
||||
|
||||
w1 = new qx.ui.embed.Iframe();
|
||||
|
||||
w1.addEventListener("load", function(e) {
|
||||
this.debug("Loaded: " + this.getSource());
|
||||
});
|
||||
|
||||
// elastic
|
||||
w1.set( { left: 20, top: 96, right: 335, bottom: 48 } );
|
||||
w1.setSource("http://www.google.com");
|
||||
|
||||
d.add(w1);
|
||||
|
||||
|
||||
function changeURL(e) {
|
||||
|
||||
this.setSource(e.getData());
|
||||
};
|
||||
|
||||
// make qx.ui.embed.Iframe react to event "surfTo" via function changeURL()
|
||||
d.addEventListener("surfTo", changeURL, w1);
|
||||
|
||||
|
||||
//-------------
|
||||
// radio group
|
||||
//-------------
|
||||
|
||||
var rd1 = new qx.ui.form.RadioButton("Google", "http://www.google.com");
|
||||
var rd2 = new qx.ui.form.RadioButton("Yahoo", "http://www.yahoo.com");
|
||||
|
||||
rd1.set( { left: 20, top: 48, checked: true } );
|
||||
rd2.set( { left: 120, top: 48 } );
|
||||
|
||||
var rbm = new qx.manager.selection.RadioManager( name, [rd1, rd2]);
|
||||
|
||||
// elements of radio group fire event "surfTo"
|
||||
rbm.addEventListener("changeSelected", function(e)
|
||||
{
|
||||
d.dispatchEvent( new qx.event.type.DataEvent("surfTo", e.getData().getValue() ) );
|
||||
});
|
||||
|
||||
d.add(rd1, rd2);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,260 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Inline widget.</p><p>Application layout is disabled by using qx.core.Settings. Scrollbars appear, if the content is bigger than the window.</p>
|
||||
</div>
|
||||
|
||||
<div id="iframe1" class="manualFrame" style="overflow:hidden;position:static;margin-top:38px;margin-left:10px">
|
||||
Inline Frame #1
|
||||
</div>
|
||||
|
||||
<div id="iframe2" class="manualFrame" style="overflow:hidden;position:static;margin-top:20px;margin-left:10px">
|
||||
Inline Frame #2
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var inlineWidget = new qx.ui.basic.Inline("iframe1");
|
||||
|
||||
inlineWidget.setHeight("auto");
|
||||
inlineWidget.setWidth("auto");
|
||||
|
||||
var fieldSet = new qx.ui.groupbox.GroupBox("My first inline fieldset");
|
||||
|
||||
with(fieldSet)
|
||||
{
|
||||
// setWidth("auto");
|
||||
// setWidth("100%");
|
||||
|
||||
setLeft(0);
|
||||
setRight(0);
|
||||
|
||||
setHeight("auto");
|
||||
};
|
||||
|
||||
inlineWidget.add(fieldSet);
|
||||
|
||||
d.add(inlineWidget);
|
||||
|
||||
|
||||
|
||||
var atom1 = new qx.ui.basic.Atom("Name");
|
||||
var textfield1 = new qx.ui.form.TextField;
|
||||
|
||||
with(atom1)
|
||||
{
|
||||
setLeft(0);
|
||||
setTop(3);
|
||||
};
|
||||
|
||||
with(textfield1)
|
||||
{
|
||||
setLeft(80);
|
||||
setRight(0);
|
||||
setTop(0);
|
||||
};
|
||||
|
||||
fieldSet.add(atom1, textfield1);
|
||||
|
||||
|
||||
|
||||
var atom2 = new qx.ui.basic.Atom("First Name");
|
||||
var textfield2 = new qx.ui.form.TextField;
|
||||
|
||||
with(atom2)
|
||||
{
|
||||
setLeft(0);
|
||||
setTop(33);
|
||||
};
|
||||
|
||||
with(textfield2)
|
||||
{
|
||||
setLeft(80);
|
||||
setRight(0);
|
||||
setTop(30);
|
||||
};
|
||||
|
||||
fieldSet.add(atom2, textfield2);
|
||||
|
||||
|
||||
|
||||
var atom3 = new qx.ui.basic.Atom("City");
|
||||
var textfield3 = new qx.ui.form.TextField;
|
||||
|
||||
with(atom3)
|
||||
{
|
||||
setLeft(0);
|
||||
setTop(63);
|
||||
};
|
||||
|
||||
with(textfield3)
|
||||
{
|
||||
setLeft(80);
|
||||
setRight(0);
|
||||
setTop(60);
|
||||
};
|
||||
|
||||
fieldSet.add(atom3, textfield3);
|
||||
|
||||
|
||||
|
||||
/*
|
||||
Menu
|
||||
*/
|
||||
|
||||
var m1 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb1_01 = new qx.ui.menu.Button("New");
|
||||
var mb1_02 = new qx.ui.menu.Button("Open");
|
||||
var mb1_03 = new qx.ui.menu.Button("Save");
|
||||
var mb1_04 = new qx.ui.menu.Button("Save as");
|
||||
var mb1_05 = new qx.ui.menu.Button("Close");
|
||||
var mb1_06 = new qx.ui.menu.Button("Restore last saved");
|
||||
|
||||
m1.add(mb1_01, mb1_02, mb1_03, mb1_04, mb1_05, mb1_06);
|
||||
|
||||
|
||||
var m2 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb2_01 = new qx.ui.menu.Button("Undo");
|
||||
var mb2_02 = new qx.ui.menu.Button("Redo");
|
||||
var mb2_b1 = new qx.ui.menu.Separator();
|
||||
var mb2_03 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png");
|
||||
var mb2_04 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png");
|
||||
var mb2_05 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png");
|
||||
var mb2_06 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png");
|
||||
var mb2_b2 = new qx.ui.menu.Separator();
|
||||
var mb2_07 = new qx.ui.menu.Button("Select All");
|
||||
var mb2_08 = new qx.ui.menu.Button("Find");
|
||||
var mb2_09 = new qx.ui.menu.Button("Find Again");
|
||||
|
||||
|
||||
|
||||
|
||||
mb2_05.setEnabled(false);
|
||||
mb2_06.setEnabled(false);
|
||||
mb2_09.setEnabled(false);
|
||||
|
||||
m2.add(mb2_01, mb2_02, mb2_b1, mb2_03, mb2_04, mb2_05, mb2_06, mb2_b2, mb2_07, mb2_08, mb2_09);
|
||||
|
||||
|
||||
var m3 = new qx.ui.menu.Menu;
|
||||
var m3_suba = new qx.ui.menu.Menu;
|
||||
var m3_subb = new qx.ui.menu.Menu;
|
||||
var m3_subc = new qx.ui.menu.Menu;
|
||||
|
||||
var mb3_01 = new qx.ui.menu.CheckBox("File List", null, false);
|
||||
var mb3_02 = new qx.ui.menu.CheckBox("Syntax Highlighting", null, true);
|
||||
var mb3_03 = new qx.ui.menu.CheckBox("Statusbar", null, true);
|
||||
var mb3_b1 = new qx.ui.menu.Separator();
|
||||
var mb3_04 = new qx.ui.menu.Button("Printer Font", null, null, m3_suba);
|
||||
var mb3_05 = new qx.ui.menu.Button("Editor Font", null, null, m3_subb);
|
||||
var mb3_06 = new qx.ui.menu.Button("Export Font", null, null, m3_subc);
|
||||
|
||||
m3.add(mb3_01, mb3_02, mb3_03, mb3_b1, mb3_04, mb3_05, mb3_06);
|
||||
|
||||
var mb3_suba_01 = new qx.ui.menu.Button("Tahoma, 11pt");
|
||||
var mb3_suba_02 = new qx.ui.menu.Button("Tahoma, 12pt");
|
||||
var mb3_suba_03 = new qx.ui.menu.Button("Tahoma, 13pt");
|
||||
var mb3_suba_04 = new qx.ui.menu.Button("Tahoma, 14pt");
|
||||
var mb3_suba_05 = new qx.ui.menu.Button("Tahoma, 15pt");
|
||||
|
||||
m3_suba.add(mb3_suba_01, mb3_suba_02, mb3_suba_03, mb3_suba_04, mb3_suba_05);
|
||||
|
||||
var mb3_subb_01 = new qx.ui.menu.Button("Verdana, 11pt");
|
||||
var mb3_subb_02 = new qx.ui.menu.Button("Verdana, 12pt");
|
||||
var mb3_subb_03 = new qx.ui.menu.Button("Verdana, 13pt");
|
||||
var mb3_subb_04 = new qx.ui.menu.Button("Verdana, 14pt");
|
||||
var mb3_subb_05 = new qx.ui.menu.Button("Verdana, 15pt");
|
||||
|
||||
m3_subb.add(mb3_subb_01, mb3_subb_02, mb3_subb_03, mb3_subb_04, mb3_subb_05);
|
||||
|
||||
var mb3_subc_01 = new qx.ui.menu.Button("Courier, 11pt");
|
||||
var mb3_subc_02 = new qx.ui.menu.Button("Courier, 12pt");
|
||||
var mb3_subc_03 = new qx.ui.menu.Button("Courier, 13pt");
|
||||
var mb3_subc_04 = new qx.ui.menu.Button("Courier, 14pt");
|
||||
var mb3_subc_05 = new qx.ui.menu.Button("Courier, 15pt");
|
||||
|
||||
m3_subc.add(mb3_subc_01, mb3_subc_02, mb3_subc_03, mb3_subc_04, mb3_subc_05);
|
||||
|
||||
|
||||
|
||||
var m4 = new qx.ui.menu.Menu;
|
||||
|
||||
var m4_suba = new qx.ui.menu.Menu;
|
||||
|
||||
var mb4_01 = new qx.ui.menu.Button("View", null, null, m4_suba);
|
||||
var mb4_b1 = new qx.ui.menu.Separator();
|
||||
var mb4_02 = new qx.ui.menu.Button("Editor Preferences...");
|
||||
var mb4_03 = new qx.ui.menu.Button("Editor Extensions");
|
||||
var mb4_04 = new qx.ui.menu.Button("Framework Preferences");
|
||||
|
||||
m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04);
|
||||
|
||||
var mb4_suba_01 = new qx.ui.menu.Button("New Window");
|
||||
var mb4_suba_b1 = new qx.ui.menu.Separator();
|
||||
var mb4_suba_02 = new qx.ui.menu.RadioButton("Overlapping", null, true);
|
||||
var mb4_suba_03 = new qx.ui.menu.RadioButton("Split Horizontally", null);
|
||||
var mb4_suba_04 = new qx.ui.menu.RadioButton("Split Vertically", null);
|
||||
var mb4_suba_b2 = new qx.ui.menu.Separator();
|
||||
var mb4_suba_05 = new qx.ui.menu.Button("Next Window");
|
||||
var mb4_suba_06 = new qx.ui.menu.Button("Previous Window");
|
||||
|
||||
m4_suba.add(mb4_suba_01, mb4_suba_b1, mb4_suba_02, mb4_suba_03, mb4_suba_04, mb4_suba_b2, mb4_suba_05, mb4_suba_06);
|
||||
|
||||
var mb4_manager = new qx.manager.selection.RadioManager("windowMode", [ mb4_suba_02, mb4_suba_03, mb4_suba_04 ]);
|
||||
|
||||
|
||||
var m5 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb5_01 = new qx.ui.menu.Button("Help");
|
||||
var mb5_02 = new qx.ui.menu.Button("About");
|
||||
|
||||
m5.add(mb5_01, mb5_02);
|
||||
|
||||
d.add(m1, m2, m3, m3_suba, m3_subb, m3_subc, m4, m4_suba, m5);
|
||||
|
||||
|
||||
var inline2 = new qx.ui.basic.Inline("iframe2");
|
||||
|
||||
inline2.setHeight("auto");
|
||||
inline2.setWidth("auto");
|
||||
|
||||
|
||||
var mb1 = new qx.ui.toolbar.ToolBar;
|
||||
|
||||
var mbb1 = new qx.ui.toolbar.MenuButton("File", m1);
|
||||
var mbb2 = new qx.ui.toolbar.MenuButton("Edit", m2);
|
||||
var mbb3 = new qx.ui.toolbar.MenuButton("View", m3);
|
||||
var mbb4 = new qx.ui.toolbar.MenuButton("Options", m4);
|
||||
var mbb5 = new qx.ui.toolbar.MenuButton("Help", m5);
|
||||
|
||||
mb1.add(mbb1, mbb2, mbb3, mbb4, mbb5);
|
||||
|
||||
with(mb1)
|
||||
{
|
||||
setWidth(400);
|
||||
setHeight("auto");
|
||||
};
|
||||
|
||||
inline2.add(mb1);
|
||||
|
||||
d.add(inline2);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,67 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Testing qx.ui.listview.ListView with text cells.</p>
|
||||
<p>Testing of column alignment, resizeable prohibition for columns and live resizing.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var ld = [];
|
||||
var lt = [ "Image", "Text", "PDF", "Illustration", "Document" ];
|
||||
|
||||
for (var i=0, t; i<1000; i++)
|
||||
{
|
||||
t=Math.round(Math.random()*4);
|
||||
ld.push({ name : { text : "File " + i }, size : { text : Math.round(Math.random()*100) + "kb" }, type : { text : lt[t] }, modified : { text : "Nov " + Math.round(Math.random() * 30 + 1) + " 2005" }, rights: { text : "-rw-r--r--" }});
|
||||
};
|
||||
|
||||
var lc =
|
||||
{
|
||||
name : { label : "Name", width : 100, type : "text" },
|
||||
size: { label : "Size", width : 50, type : "text", align : "right", resizable : false },
|
||||
type : { label : "Type", width : 80, type : "text" },
|
||||
modified : { label : "Last Modified", width : 150, type : "text" },
|
||||
rights : { label : "Rights", width: 80, type : "text" }
|
||||
};
|
||||
|
||||
var lv = new qx.ui.listview.ListView(ld, lc);
|
||||
|
||||
lv.setBorder(qx.renderer.border.BorderPresets.getInstance().shadow);
|
||||
lv.setBackgroundColor("white");
|
||||
lv.setWidth(600);
|
||||
lv.setHeight(350);
|
||||
lv.setLocation(20, 48);
|
||||
|
||||
// Prohibit resizing of columns completly
|
||||
// lv.setResizable(false);
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(lv);
|
||||
|
||||
|
||||
|
||||
|
||||
var chk1 = new qx.ui.form.CheckBox("Enable Live Resize");
|
||||
chk1.setLocation(20, 420);
|
||||
qx.ui.core.ClientDocument.getInstance().add(chk1);
|
||||
|
||||
chk1.addEventListener("changeChecked", function(e) {
|
||||
lv.setLiveResize(e.getData());
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,53 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Testing qx.ui.listview.ListView with text cells and an additional icon.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var ld = [];
|
||||
var lt = [ "Image", "Text", "PDF", "Illustration", "Document" ];
|
||||
var li = [ "icons.png", "edit.png", "emoticon.png", "appearance.png", "file-new.png" ];
|
||||
|
||||
for (var i=0, t; i<1000; i++)
|
||||
{
|
||||
t=Math.round(Math.random()*4);
|
||||
ld.push({ icon : { source : "icon/16/" + li[t] }, name : { text : "File " + i }, size : { text : Math.round(Math.random()*100) + "kb" }, type : { text : lt[t] }, modified : { text : "Nov " + Math.round(Math.random() * 30 + 1) + " 2005" }, rights: { text : "-rw-r--r--" }});
|
||||
};
|
||||
|
||||
var lc =
|
||||
{
|
||||
icon : { label : "", width: 24, type : "image" },
|
||||
name : { label : "Name", width : 100, type : "text" },
|
||||
size: { label : "Size", width : 50, type : "text", align : "right" },
|
||||
type : { label : "Type", width : 80, type : "text" },
|
||||
modified : { label : "Last Modified", width : 150, type : "text" },
|
||||
rights : { label : "Rights", width: 80, type : "text" }
|
||||
};
|
||||
|
||||
var lv = new qx.ui.listview.ListView(ld, lc);
|
||||
|
||||
lv.setBorder(qx.renderer.border.BorderPresets.getInstance().shadow);
|
||||
lv.setBackgroundColor("white");
|
||||
lv.setWidth(600);
|
||||
lv.setHeight(350);
|
||||
lv.setLocation(20, 48);
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(lv);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,51 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Testing qx.ui.listview.ListView with iconHtml cells.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var ld = [];
|
||||
var lt = [ "Image", "Text", "PDF", "Illustration", "Document" ];
|
||||
|
||||
for (var i=0, t; i<1000; i++)
|
||||
{
|
||||
t=Math.round(Math.random()*4);
|
||||
ld.push({ name : { html : "E-Mail " + i, icon : "icon/16/email.png", iconWidth : 16, iconHeight : 16 }, size : { text : Math.round(Math.random()*100) + "kb" }, type : { text : lt[t] }, modified : { text : "Nov " + Math.round(Math.random() * 30 + 1) + " 2005" }, rights: { text : "-rw-r--r--" }, open : { uri : "http://www.google.com/search?q=" + i, html : "Open " + i }});
|
||||
};
|
||||
|
||||
var lc =
|
||||
{
|
||||
name : { label : "Name", width : 120, type : "iconHtml" },
|
||||
size: { label : "Size", width : 50, type : "text", align : "right" },
|
||||
type : { label : "Type", width : 80, type : "text" },
|
||||
modified : { label : "Last Modified", width : 150, type : "text" },
|
||||
rights : { label : "Rights", width: 80, type : "text" }
|
||||
};
|
||||
|
||||
var lv = new qx.ui.listview.ListView(ld, lc);
|
||||
|
||||
lv.setBorder(qx.renderer.border.BorderPresets.getInstance().shadow);
|
||||
lv.setBackgroundColor("white");
|
||||
lv.setWidth(600);
|
||||
lv.setHeight(350);
|
||||
lv.setLocation(20, 48);
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(lv);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,58 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Testing qx.ui.listview.ListView with text cells.</p>
|
||||
<p>Added some sort handling stuff.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var ld = [];
|
||||
var lt = [ "Image", "Text", "PDF", "Illustration", "Document" ];
|
||||
|
||||
for (var i=0, t; i<1000; i++)
|
||||
{
|
||||
t=Math.round(Math.random()*4);
|
||||
ld.push({ name : { text : "File " + i }, size : { text : Math.round(Math.random()*100) + "kb" }, type : { text : lt[t] }, modified : { text : "Nov " + Math.round(Math.random() * 30 + 1) + " 2005" }, rights: { text : "-rw-r--r--" }});
|
||||
};
|
||||
|
||||
var lc =
|
||||
{
|
||||
name : { label : "Name", width : 100, type : "text", sortable : true, sortProp : "text" },
|
||||
size: { label : "Size", width : 50, type : "text", sortable : true, sortProp : "text", sortMethod : qx.util.Compare.byIntegerString, align : "right" },
|
||||
type : { label : "Type", width : 80, type : "text", sortable : true, sortProp : "text" },
|
||||
modified : { label : "Last Modified", width : 150, type : "text" },
|
||||
rights : { label : "Rights", width: 80, type : "text" }
|
||||
};
|
||||
|
||||
var lv = new qx.ui.listview.ListView(ld, lc);
|
||||
|
||||
lv.setBorder(qx.renderer.border.BorderPresets.getInstance().shadow);
|
||||
lv.setBackgroundColor("white");
|
||||
lv.setWidth(600);
|
||||
lv.setHeight(350);
|
||||
lv.setLocation(20, 48);
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(lv);
|
||||
|
||||
|
||||
|
||||
|
||||
// Color Themes
|
||||
qx.manager.object.ColorManager.getInstance().createThemeList(qx.ui.core.ClientDocument.getInstance(), 20, 448);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,127 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>List implementation</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var l1 = new qx.ui.form.List;
|
||||
|
||||
l1.set({ top : 48, left: 20, height: 200, width: 150, overflow : "scrollY" });
|
||||
|
||||
var item;
|
||||
for( var i=1; i<=35; i++ )
|
||||
{
|
||||
// item = new qx.ui.form.ListItem("Item No " + i);
|
||||
item = new qx.ui.form.ListItem("Item No " + i, "icon/" + ((i % 4) ? "16" : "48") + "/folder.png");
|
||||
|
||||
!(i % 9) && (item.setEnabled(false));
|
||||
|
||||
l1.add(item);
|
||||
};
|
||||
|
||||
d.add(l1);
|
||||
|
||||
var l2 = new qx.ui.form.List;
|
||||
|
||||
l2.set({ top : 48, left: 400, height: 200, width: 150 });
|
||||
l2.getManager().setMultiSelection(false);
|
||||
//l2.setOverflow("scrollY");
|
||||
l2.setHeight("auto");
|
||||
|
||||
var l2l = [ "red", "violett", "rose", "blue", "green", "cyan", "magenta", "yellow", "brown", "orange", "black", "white", "grey", "gray", "brown" ];
|
||||
|
||||
for (var i=0; i<l2l.length; i++) {
|
||||
l2.add(new qx.ui.form.ListItem(l2l[i]));
|
||||
};
|
||||
|
||||
d.add(l2);
|
||||
|
||||
|
||||
|
||||
|
||||
var c1 = new qx.ui.form.CheckBox("Enable Multi-Selection");
|
||||
var c2 = new qx.ui.form.CheckBox("Enable Drag-Selection");
|
||||
var c3 = new qx.ui.form.CheckBox("Allow Deselection");
|
||||
var c4 = new qx.ui.form.CheckBox("Enable Inline Find");
|
||||
|
||||
c1.setLocation(180, 48);
|
||||
c2.setLocation(180, 68);
|
||||
c3.setLocation(180, 88);
|
||||
c4.setLocation(180, 108);
|
||||
|
||||
d.add(c1, c2, c3, c4);
|
||||
|
||||
c1.setChecked(true);
|
||||
c2.setChecked(true);
|
||||
c3.setChecked(true);
|
||||
c4.setChecked(true);
|
||||
|
||||
c1.addEventListener("changeChecked", function(e) {
|
||||
l1.getManager().setMultiSelection(e.getData());
|
||||
});
|
||||
|
||||
c2.addEventListener("changeChecked", function(e) {
|
||||
l1.getManager().setDragSelection(e.getData());
|
||||
});
|
||||
|
||||
c3.addEventListener("changeChecked", function(e) {
|
||||
l1.getManager().setCanDeselect(e.getData());
|
||||
});
|
||||
|
||||
c4.addEventListener("changeChecked", function(e) {
|
||||
l1.setEnableInlineFind(e.getData());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var rd1 = new qx.ui.form.RadioButton("Show Label", "label");
|
||||
var rd2 = new qx.ui.form.RadioButton("Show Icon", "icon");
|
||||
var rd3 = new qx.ui.form.RadioButton("Show Both", "both");
|
||||
|
||||
rd1.set( { left: 180, top: 128 } );
|
||||
rd2.set( { left: 180, top: 148 } );
|
||||
rd3.set( { left: 180, top: 168 } );
|
||||
|
||||
d.add(rd1, rd2, rd3);
|
||||
|
||||
rd3.setChecked(true);
|
||||
|
||||
var rbm = new qx.manager.selection.RadioManager( name, [rd1, rd2, rd3]);
|
||||
|
||||
rbm.addEventListener("changeSelected", function(e)
|
||||
{
|
||||
for( var i=0; i<l1.getChildrenLength(); i++ ) {
|
||||
l1.getChildren()[i].setShow(e.getData().getValue());
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
// Icon Themes
|
||||
qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 400);
|
||||
|
||||
// Color Themes
|
||||
qx.manager.object.ColorManager.getInstance().createThemeList(d, 200, 400);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,193 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>qx.ui.menu.Menu Implementation.</p>
|
||||
<p>Added qx.client.Command support tests.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var q1 = new qx.client.Command("Ctrl+Z");
|
||||
q1.addEventListener("execute", function(e) {
|
||||
alert("Undo");
|
||||
});
|
||||
|
||||
var q2 = new qx.client.Command("Ctrl+Y");
|
||||
q2.addEventListener("execute", function(e) {
|
||||
alert("Redo");
|
||||
});
|
||||
|
||||
var q3 = new qx.client.Command("Ctrl+X");
|
||||
q3.addEventListener("execute", function(e) {
|
||||
alert("Cut");
|
||||
});
|
||||
|
||||
var q4 = new qx.client.Command("Ctrl+C");
|
||||
q4.addEventListener("execute", function(e) {
|
||||
alert("Copy");
|
||||
});
|
||||
|
||||
var q5 = new qx.client.Command("Ctrl+V");
|
||||
q5.addEventListener("execute", function(e) {
|
||||
alert("Paste");
|
||||
});
|
||||
|
||||
var q6 = new qx.client.Command("Del");
|
||||
q6.addEventListener("execute", function(e) {
|
||||
alert("Delete");
|
||||
});
|
||||
|
||||
var q7 = new qx.client.Command("Ctrl+A");
|
||||
q7.addEventListener("execute", function(e) {
|
||||
alert("Select All");
|
||||
});
|
||||
|
||||
var q8 = new qx.client.Command("Ctrl+F");
|
||||
q8.addEventListener("execute", function(e) {
|
||||
alert("Search");
|
||||
});
|
||||
|
||||
var q9 = new qx.client.Command("Ctrl+G");
|
||||
q9.addEventListener("execute", function(e) {
|
||||
alert("Search Again");
|
||||
});
|
||||
|
||||
var q10 = new qx.client.Command();
|
||||
q10.addEventListener("execute", function(e) {
|
||||
alert("Syntax Highlighting");
|
||||
});
|
||||
|
||||
var q11 = new qx.client.Command("Esc");
|
||||
q11.addEventListener("execute", function(e) {
|
||||
alert("Escape");
|
||||
});
|
||||
|
||||
var q12 = new qx.client.Command(null, qx.event.type.KeyEvent.keys.space);
|
||||
q12.addEventListener("execute", function(e) {
|
||||
alert("Space");
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var m2 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb2_01 = new qx.ui.menu.Button("New Window");
|
||||
var mb2_02 = new qx.ui.menu.Button("Overlapping");
|
||||
var mb2_03 = new qx.ui.menu.Button("Split Vertical");
|
||||
var mb2_04 = new qx.ui.menu.Button("Split Horizontal");
|
||||
var mb2_05 = new qx.ui.menu.Button("Next Window");
|
||||
var mb2_06 = new qx.ui.menu.Button("Previous Window");
|
||||
|
||||
m2.add(mb2_01, mb2_02, mb2_03, mb2_04, mb2_05, mb2_06);
|
||||
|
||||
|
||||
|
||||
|
||||
var m3 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb3_01 = new qx.ui.menu.Button("Tahoma, 11pt");
|
||||
var mb3_02 = new qx.ui.menu.Button("Tahoma, 12pt");
|
||||
var mb3_03 = new qx.ui.menu.Button("Tahoma, 13pt");
|
||||
var mb3_04 = new qx.ui.menu.Button("Tahoma, 14pt");
|
||||
var mb3_05 = new qx.ui.menu.Button("Tahoma, 15pt");
|
||||
|
||||
m3.add(mb3_01, mb3_02, mb3_03, mb3_04, mb3_05);
|
||||
|
||||
|
||||
|
||||
var m1 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb1_01 = new qx.ui.menu.Button("View/Lists", null, q12);
|
||||
var mb1_02 = new qx.ui.menu.Button("Syntax Highlighting", null, q10);
|
||||
var ms1 = new qx.ui.menu.Separator();
|
||||
var mb1_03 = new qx.ui.menu.Button("Window Font", null, q11);
|
||||
var mb1_04 = new qx.ui.menu.Button("Printer Font", null, null, m3);
|
||||
var ms2 = new qx.ui.menu.Separator();
|
||||
var mb1_05 = new qx.ui.menu.Button("Undo", null, q1);
|
||||
var mb1_06 = new qx.ui.menu.Button("Redo", null, q2);
|
||||
var ms3 = new qx.ui.menu.Separator();
|
||||
var mb1_07 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png", q3);
|
||||
var mb1_08 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png", q4);
|
||||
var mb1_09 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png", q5);
|
||||
var mb1_10 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png", q6);
|
||||
var mb1_11 = new qx.ui.menu.Button("Select All", null, q7);
|
||||
var ms4 = new qx.ui.menu.Separator();
|
||||
var mb1_12 = new qx.ui.menu.Button("Search", null, q8);
|
||||
var mb1_13 = new qx.ui.menu.Button("Search Again", null, q9);
|
||||
var ms5 = new qx.ui.menu.Separator();
|
||||
var mb1_14 = new qx.ui.menu.Button("View", null, null, m2);
|
||||
var mb1_15 = new qx.ui.menu.Button("Editor Settings...");
|
||||
var mb1_16 = new qx.ui.menu.Button("Editor Plugins");
|
||||
var mb1_17 = new qx.ui.menu.Button("Framework Settings");
|
||||
|
||||
m1.add(mb1_01, mb1_02, ms1, mb1_03, mb1_04, ms2, mb1_05, mb1_06, ms3, mb1_07, mb1_08, mb1_09, mb1_10, mb1_11, ms4, mb1_12, mb1_13, ms5, mb1_14, mb1_15, mb1_16, mb1_17);
|
||||
|
||||
|
||||
d.add(m1, m2, m3);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var w1 = new qx.ui.form.Button("Open");
|
||||
|
||||
w1.setTop(48);
|
||||
w1.setLeft(20);
|
||||
|
||||
w1.addEventListener("click", function(e)
|
||||
{
|
||||
if (m1.isSeeable())
|
||||
{
|
||||
m1.hide();
|
||||
}
|
||||
else
|
||||
{
|
||||
var el = this.getElement();
|
||||
|
||||
m1.setLeft(qx.dom.Location.getPageBoxLeft(el));
|
||||
m1.setTop(qx.dom.Location.getPageBoxBottom(el));
|
||||
|
||||
m1.show();
|
||||
};
|
||||
|
||||
e.setPropagationStopped(true);
|
||||
});
|
||||
|
||||
w1.addEventListener("mousedown", function(e)
|
||||
{
|
||||
e.setPropagationStopped(true);
|
||||
});
|
||||
|
||||
|
||||
d.add(w1);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Icon Themes
|
||||
qx.manager.object.ImageManager.getInstance().createThemeList(d, 180, 48);
|
||||
|
||||
// Color Themes
|
||||
qx.manager.object.ColorManager.getInstance().createThemeList(d, 380, 48);
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,198 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Native Windows. Could be understood as an enhanced window.open with some additional options like to create modal windows.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var w1 = new qx.client.NativeWindow("http://www.google.com");
|
||||
|
||||
w1.setDimension(600, 400);
|
||||
|
||||
|
||||
w1.addEventListener("load", function(e) {
|
||||
this.debug("Content loaded: " + this.isLoaded());
|
||||
});
|
||||
|
||||
w1.addEventListener("close", function(e) {
|
||||
this.debug("Window closed: " + this.isClosed());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var btn1 = new qx.ui.form.Button("Open Native Window", "icon/16/appearance.png");
|
||||
with(btn1)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
|
||||
addEventListener("click", function() { w1.open(); } );
|
||||
};
|
||||
|
||||
d.add(btn1);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var l = new qx.ui.layout.VerticalBoxLayout;
|
||||
l.setLocation(20, 96);
|
||||
l.setWidth("auto");
|
||||
l.setHeight("auto");
|
||||
d.add(l);
|
||||
|
||||
var fs1 = new qx.ui.groupbox.GroupBox("Initial Settings");
|
||||
fs1.setHeight("auto");
|
||||
l.add(fs1);
|
||||
|
||||
|
||||
var chk1 = new qx.ui.form.CheckBox("Resizeable");
|
||||
chk1.setLocation(0, 0);
|
||||
chk1.setChecked(true);
|
||||
chk1.addEventListener("changeChecked", function(e) {
|
||||
w1.setResizeable(e.getData());
|
||||
});
|
||||
|
||||
var chk2 = new qx.ui.form.CheckBox("Show Statusbar");
|
||||
chk2.setLocation(0, 20);
|
||||
chk2.setChecked(false);
|
||||
chk2.addEventListener("changeChecked", function(e) {
|
||||
w1.setShowStatusbar(e.getData());
|
||||
});
|
||||
|
||||
var chk3 = new qx.ui.form.CheckBox("Show Menubar");
|
||||
chk3.setLocation(0, 40);
|
||||
chk3.setChecked(false);
|
||||
chk3.addEventListener("changeChecked", function(e) {
|
||||
w1.setShowMenubar(e.getData());
|
||||
});
|
||||
|
||||
var chk4 = new qx.ui.form.CheckBox("Show Location");
|
||||
chk4.setLocation(0, 60);
|
||||
chk4.setChecked(false);
|
||||
chk4.addEventListener("changeChecked", function(e) {
|
||||
w1.setShowLocation(e.getData());
|
||||
});
|
||||
|
||||
var chk5 = new qx.ui.form.CheckBox("Show Toolbar");
|
||||
chk5.setLocation(0, 80);
|
||||
chk5.setChecked(false);
|
||||
chk5.addEventListener("changeChecked", function(e) {
|
||||
w1.setShowToolbar(e.getData());
|
||||
});
|
||||
|
||||
var chk6 = new qx.ui.form.CheckBox("Allow Scrollbars");
|
||||
chk6.setLocation(0, 100);
|
||||
chk6.setChecked(true);
|
||||
chk6.addEventListener("changeChecked", function(e) {
|
||||
w1.setAllowScrollbars(e.getData());
|
||||
});
|
||||
|
||||
var chk7 = new qx.ui.form.CheckBox("Modal");
|
||||
chk7.setLocation(0, 120);
|
||||
chk7.setChecked(false);
|
||||
chk7.addEventListener("changeChecked", function(e) {
|
||||
w1.setModal(e.getData());
|
||||
});
|
||||
|
||||
var chk8 = new qx.ui.form.CheckBox("Dependent");
|
||||
chk8.setLocation(0, 140);
|
||||
chk8.setChecked(true);
|
||||
chk8.addEventListener("changeChecked", function(e) {
|
||||
w1.setDependent(e.getData());
|
||||
});
|
||||
|
||||
fs1.add(chk1, chk2, chk3, chk4, chk5, chk6, chk7, chk8);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var fs2 = new qx.ui.groupbox.GroupBox("Runtime Settings");
|
||||
fs2.setHeight("auto");
|
||||
l.add(fs2);
|
||||
|
||||
|
||||
|
||||
var tf1 = new qx.ui.form.TextField("http://www.google.com");
|
||||
tf1.setLocation(0, 2);
|
||||
tf1.setWidth(150);
|
||||
|
||||
var btn1 = new qx.ui.form.Button("Set Url", "icon/16/button-ok.png");
|
||||
btn1.setLocation(155, 0);
|
||||
btn1.addEventListener("click", function() {
|
||||
w1.setUrl(tf1.getValue());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var tf2 = new qx.ui.form.TextField("600");
|
||||
tf2.setLocation(0, 42);
|
||||
tf2.setWidth(50);
|
||||
|
||||
var btn2 = new qx.ui.form.Button("Set Width", "icon/16/button-ok.png");
|
||||
btn2.setLocation(55, 40);
|
||||
btn2.addEventListener("click", function() {
|
||||
w1.setWidth(parseInt(tf2.getValue()));
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var tf3 = new qx.ui.form.TextField("400");
|
||||
tf3.setLocation(0, 72);
|
||||
tf3.setWidth(50);
|
||||
|
||||
var btn3 = new qx.ui.form.Button("Set Height", "icon/16/button-ok.png");
|
||||
btn3.setLocation(55, 70);
|
||||
btn3.addEventListener("click", function() {
|
||||
w1.setHeight(parseInt(tf3.getValue()));
|
||||
});
|
||||
|
||||
|
||||
|
||||
var btn4 = new qx.ui.form.Button("Center to screen", "icon/16/paint.png");
|
||||
btn4.setLocation(0, 110);
|
||||
btn4.addEventListener("click", function() {
|
||||
w1.centerToScreen()
|
||||
});
|
||||
|
||||
var btn5 = new qx.ui.form.Button("Center to screen area", "icon/16/paint.png");
|
||||
btn5.setLocation(0, 140);
|
||||
btn5.addEventListener("click", function() {
|
||||
w1.centerToScreenArea()
|
||||
});
|
||||
|
||||
var btn6 = new qx.ui.form.Button("Center to opener", "icon/16/paint.png");
|
||||
btn6.setLocation(0, 170);
|
||||
btn6.addEventListener("click", function() {
|
||||
w1.centerToOpener()
|
||||
});
|
||||
|
||||
|
||||
|
||||
fs2.add(tf1, btn1, tf2, btn2, tf3, btn3, btn4, btn5, btn6);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,114 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Tests for qx.ui.form.RadioButton. qx.ui.form.RadioButton extends qx.ui.basic.Atom and so it inherits all the options and properties defined there.</p>
|
||||
<p>To group multiple QxRadioButtons you must define a instance of qx.manager.selection.RadioManager and add them to this new instance. All QxRadioButtons assigned to the same group make sure that only one of them is checked at the same time.</p>
|
||||
<p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var rb1 = new qx.ui.form.RadioButton("Option #1", "rb1");
|
||||
with(rb1)
|
||||
{
|
||||
setTop(80);
|
||||
setLeft(20);
|
||||
};
|
||||
d.add(rb1);
|
||||
|
||||
var rb2 = new qx.ui.form.RadioButton("Option #2", "rb2");
|
||||
with(rb2)
|
||||
{
|
||||
setTop(110);
|
||||
setLeft(20);
|
||||
};
|
||||
d.add(rb2);
|
||||
rb2.setChecked(true);
|
||||
|
||||
|
||||
var rb3 = new qx.ui.form.RadioButton("Top RadioButton", "rb3");
|
||||
with(rb3)
|
||||
{
|
||||
setTop(160);
|
||||
setLeft(20);
|
||||
setIconPosition("top");
|
||||
};
|
||||
d.add(rb3);
|
||||
|
||||
var rb4 = new qx.ui.form.RadioButton("Bottom RadioButton", "rb4");
|
||||
with(rb4)
|
||||
{
|
||||
setTop(160);
|
||||
setLeft(160);
|
||||
setIconPosition("bottom");
|
||||
};
|
||||
d.add(rb4);
|
||||
|
||||
|
||||
var rb5 = new qx.ui.form.RadioButton("Left RadioButton", "rb5");
|
||||
with(rb5)
|
||||
{
|
||||
setTop(220);
|
||||
setLeft(20);
|
||||
setIconPosition("left");
|
||||
};
|
||||
d.add(rb5);
|
||||
|
||||
var rb6 = new qx.ui.form.RadioButton("Right RadioButton", "rb6");
|
||||
with(rb6)
|
||||
{
|
||||
setTop(220);
|
||||
setLeft(160);
|
||||
setIconPosition("right");
|
||||
};
|
||||
d.add(rb6);
|
||||
|
||||
var rb7 = new qx.ui.form.RadioButton(null, "rb7");
|
||||
with(rb7)
|
||||
{
|
||||
setTop(280);
|
||||
setLeft(20);
|
||||
};
|
||||
d.add(rb7);
|
||||
|
||||
|
||||
var rg1 = new qx.manager.selection.RadioManager("mygroup", [rb1, rb2, rb3, rb4, rb5, rb6, rb7]);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var linfo = new qx.ui.basic.Atom("Current Value: \"" + rg1.getSelected().getLabel() + "\" (" + rg1.getSelected().getValue() + ")", "icon/16/forward.png");
|
||||
|
||||
with(linfo)
|
||||
{
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().black);
|
||||
setPadding(2, 4);
|
||||
setBackgroundColor("white");
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
};
|
||||
|
||||
rg1.addEventListener("changeSelected", function(e) {
|
||||
linfo.setLabel("Current Value: \"" + e.getData().getLabel() + "\" (" + e.getData().getValue() + ")");
|
||||
});
|
||||
|
||||
d.add(linfo);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,73 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test the qx.ui.form.RepeatButton constructor. qx.ui.form.RepeatButton is based on qx.ui.form.Button but adds some interval handled event mechanism.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
function buttonExecute() { this.debug("Executed: " + this.getLabel()); };
|
||||
|
||||
var btn1 = new qx.ui.form.RepeatButton("Repeat Button No #1");
|
||||
with(btn1)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
addEventListener("execute", buttonExecute);
|
||||
};
|
||||
|
||||
d.add(btn1);
|
||||
|
||||
|
||||
|
||||
var btn2 = new qx.ui.form.RepeatButton("Repeat Button No #2");
|
||||
with(btn2)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(160);
|
||||
addEventListener("execute", buttonExecute);
|
||||
setEnabled(false);
|
||||
};
|
||||
|
||||
d.add(btn2);
|
||||
|
||||
|
||||
|
||||
var btn3 = new qx.ui.form.RepeatButton("Repeat Button No #3");
|
||||
with(btn3)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(300);
|
||||
addEventListener("execute", buttonExecute);
|
||||
};
|
||||
|
||||
d.add(btn3);
|
||||
|
||||
|
||||
var btn4 = new qx.ui.form.RepeatButton("Repeat Button No #4", "icon/16/forward.png");
|
||||
with(btn4)
|
||||
{
|
||||
setTop(148);
|
||||
setLeft(20);
|
||||
addEventListener("execute", buttonExecute);
|
||||
};
|
||||
|
||||
d.add(btn4);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,63 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test for qx.ui.resizer.Rezizer.</p>
|
||||
<p>
|
||||
The Resizer widget acts as a wrapper of another widget. It allows the child widget to be resized by the end user.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
function newResizer() {
|
||||
var tArea = new qx.ui.form.TextArea;
|
||||
tArea.setValue("Resize me\nI'm resizable");
|
||||
tArea.set({
|
||||
minWidth: 100,
|
||||
minHeight: 50,
|
||||
width: 200,
|
||||
height: 100
|
||||
});
|
||||
return new qx.ui.resizer.Resizer(tArea);
|
||||
}
|
||||
|
||||
function newHBox() {
|
||||
var hBox = new qx.ui.layout.BoxLayout;
|
||||
hBox.set({
|
||||
spacing: 10
|
||||
});
|
||||
hBox.auto();
|
||||
hBox.add(newResizer(), newResizer());
|
||||
return hBox;
|
||||
}
|
||||
|
||||
qx.core.Init.getInstance().defineMain(function() {
|
||||
var vBox = new qx.ui.layout.VerticalBoxLayout;
|
||||
var list = new qx.ui.form.List;
|
||||
list.set({width: 100, height: 200, minWidth: 50, minHeight: 100, overflow: 'auto'});
|
||||
for (var i = 0; i < 100; i++) {
|
||||
list.add(new qx.ui.form.ListItem('Option number '+i));
|
||||
}
|
||||
vBox.add(new qx.ui.resizer.Resizer(list));
|
||||
vBox.set({
|
||||
spacing: 10,
|
||||
top: 50,
|
||||
left: 30
|
||||
});
|
||||
vBox.auto();
|
||||
vBox.add(newHBox(), newHBox());
|
||||
vBox.addToDocument();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,194 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link
|
||||
type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
|
||||
<div id="demoDescription">
|
||||
<p><strong>Only works together with a RPC backend!</strong></p>
|
||||
<p>
|
||||
Shows a tree which listens for tree events. This script communicates via
|
||||
JSON-RPC to a backend server. Each time a new tree node is opened, the
|
||||
children are requested from the server. See the server-side functions
|
||||
at backend/php/services/qooxdoo/fs.php.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(
|
||||
function()
|
||||
{
|
||||
var addChildren = function(parent, children)
|
||||
{
|
||||
var t;
|
||||
var trs;
|
||||
var child;
|
||||
|
||||
for (i = 0; i < children.length; i++)
|
||||
{
|
||||
child = children[i];
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().newRow();
|
||||
|
||||
// Here's our indentation and tree-lines
|
||||
trs.addIndent();
|
||||
|
||||
// If not a file or directory, change the icon
|
||||
var bIsDirectory = ((child.mode & 0040000) != 0);
|
||||
var bIsFile = ((child.mode & 0100000) != 0);
|
||||
if (! bIsDirectory && ! bIsFile)
|
||||
{
|
||||
trs.addIcon("icon/16/desktop.png",
|
||||
"icon/16/dictionary.png");
|
||||
}
|
||||
else
|
||||
{
|
||||
trs.addIcon();
|
||||
}
|
||||
|
||||
// The label
|
||||
trs.addLabel(child.name);
|
||||
|
||||
// All else should be right justified
|
||||
obj = new qx.ui.basic.HorizontalSpacer;
|
||||
trs.addObject(obj, true);
|
||||
|
||||
// Add the permissions
|
||||
mode = "";
|
||||
mode = ((child.mode & 0001) ? "x" : "-") + mode;
|
||||
mode = ((child.mode & 0002) ? "w" : "-") + mode;
|
||||
mode = ((child.mode & 0004) ? "r" : "-") + mode;
|
||||
mode = ((child.mode & 0010) ? "x" : "-") + mode;
|
||||
mode = ((child.mode & 0020) ? "w" : "-") + mode;
|
||||
mode = ((child.mode & 0040) ? "r" : "-") + mode;
|
||||
mode = ((child.mode & 0100) ? "x" : "-") + mode;
|
||||
mode = ((child.mode & 0200) ? "w" : "-") + mode;
|
||||
mode = ((child.mode & 0400) ? "r" : "-") + mode;
|
||||
obj = new qx.ui.basic.Label(mode);
|
||||
obj.setWidth(80);
|
||||
obj.setStyleProperty("fontFamily", "monospace");
|
||||
trs.addObject(obj, true);
|
||||
|
||||
// Add a file size, date and mode
|
||||
obj = new qx.ui.basic.Label(child.size + "");
|
||||
obj.setWidth(50);
|
||||
obj.setStyleProperty("fontFamily", "monospace");
|
||||
trs.addObject(obj, true);
|
||||
|
||||
var d = new Date();
|
||||
d.setTime(child.mtime * 1000);
|
||||
obj = new qx.ui.basic.Label(d.toString().slice(0,33));
|
||||
obj.setWidth(200);
|
||||
obj.setStyleProperty("fontFamily", "monospace");
|
||||
trs.addObject(obj, true);
|
||||
|
||||
if (bIsDirectory)
|
||||
{
|
||||
t = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
}
|
||||
else
|
||||
{
|
||||
t = new qx.ui.treefullcontrol.TreeFile(trs);
|
||||
}
|
||||
parent.add(t);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Reset the default of always showing the plus/minus symbol. The
|
||||
* default is 'false'. We want to always display it for each folder
|
||||
* (and then stop displaying it if we determine upon open that there
|
||||
* are no contents).
|
||||
*/
|
||||
var constructor = qx.OO.classes["qx.ui.treefullcontrol.TreeFolder"];
|
||||
qx.Proto = constructor.prototype;
|
||||
qx.OO.changeProperty({
|
||||
name : "alwaysShowPlusMinusSymbol",
|
||||
type : "boolean",
|
||||
defaultValue : true });
|
||||
|
||||
var rpc = new qx.io.remote.Rpc();
|
||||
rpc.setTimeout(10000);
|
||||
rpc.setUrl("/services/");
|
||||
rpc.setServiceName("qooxdoo.fs");
|
||||
rpc.setCrossDomain(false);
|
||||
|
||||
var mycall = null;
|
||||
|
||||
var trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Root");
|
||||
var t = new qx.ui.treefullcontrol.Tree(trs);
|
||||
|
||||
with(t)
|
||||
{
|
||||
setBackgroundColor(255);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
|
||||
setOverflow("scrollY");
|
||||
|
||||
setHeight(null);
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
setWidth(700);
|
||||
setBottom(48);
|
||||
|
||||
setHideNode(true); // hide the root node
|
||||
setUseTreeLines(true); // display tree lines
|
||||
};
|
||||
|
||||
/*
|
||||
* All subtrees will use this root node's event listeners. Create an
|
||||
* event listener for an open while empty.
|
||||
*/
|
||||
t.addEventListener(
|
||||
"treeOpenWhileEmpty",
|
||||
function(e)
|
||||
{
|
||||
var parent = e.getData();
|
||||
var hierarchy = parent.getHierarchy(new Array());
|
||||
|
||||
parent.debug("Requesting children...");
|
||||
|
||||
// Strip off the root node
|
||||
hierarchy.shift();
|
||||
|
||||
mycall = rpc.callAsync(
|
||||
function(result, ex, id)
|
||||
{
|
||||
mycall = null;
|
||||
if (ex == null) {
|
||||
parent.debug("Children obtained. Rendering...");
|
||||
addChildren(parent, result);
|
||||
parent.debug("Rendering complete.");
|
||||
} else {
|
||||
alert("Async(" + id + ") exception: " + ex);
|
||||
}
|
||||
},
|
||||
"readDirEntries",
|
||||
hierarchy,
|
||||
true);
|
||||
});
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
|
||||
var trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Sandbox");
|
||||
var tf = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
t.add(tf);
|
||||
});
|
||||
/*
|
||||
* Local Variables:
|
||||
* mode: java
|
||||
* End:
|
||||
*/
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,106 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test for qx.ui.form.Spinner.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
var s1 = new qx.ui.form.Spinner;
|
||||
|
||||
with(s1)
|
||||
{
|
||||
setLeft(20);
|
||||
setTop(64);
|
||||
};
|
||||
|
||||
d.add(s1);
|
||||
|
||||
d.add( (new qx.ui.basic.Label("100").set({left:20, top:48})) );
|
||||
d.add( (new qx.ui.basic.Label("0").set({left:20, top:90})) );
|
||||
|
||||
var s2 = new qx.ui.form.Spinner;
|
||||
|
||||
with(s2)
|
||||
{
|
||||
setLeft(100);
|
||||
setTop(64);
|
||||
setValue(30);
|
||||
setMin(-30);
|
||||
setMax(30);
|
||||
};
|
||||
|
||||
d.add(s2);
|
||||
|
||||
d.add( (new qx.ui.basic.Label("30").set({left:100, top:48})) );
|
||||
d.add( (new qx.ui.basic.Label("-30").set({left:100, top:90})) );
|
||||
|
||||
var s3 = new qx.ui.form.Spinner;
|
||||
|
||||
with(s3)
|
||||
{
|
||||
setLeft(180);
|
||||
setTop(64);
|
||||
setValue(0);
|
||||
setMin(-3000);
|
||||
setMax(3000);
|
||||
};
|
||||
|
||||
d.add(s3);
|
||||
|
||||
d.add( (new qx.ui.basic.Label("3000").set({left:180, top:48})) );
|
||||
d.add( (new qx.ui.basic.Label("-3000").set({left:180, top:90})) );
|
||||
|
||||
/*
|
||||
s3._manager.addEventListener("changeValue", function(e) {
|
||||
this.debug("Value: " + e.getData());
|
||||
});
|
||||
*/
|
||||
|
||||
var s4 = new qx.ui.form.Spinner;
|
||||
|
||||
with(s4)
|
||||
{
|
||||
setLeft(260);
|
||||
setTop(64);
|
||||
setValue(0);
|
||||
setMin(100);
|
||||
setMax(200);
|
||||
};
|
||||
|
||||
d.add(s4);
|
||||
|
||||
d.add( (new qx.ui.basic.Label("200").set({left:260, top:48})) );
|
||||
d.add( (new qx.ui.basic.Label("100").set({left:260, top:90})) );
|
||||
|
||||
|
||||
var s5 = new qx.ui.form.Spinner( -200, null, -100);
|
||||
|
||||
with(s5)
|
||||
{
|
||||
setLeft(340);
|
||||
setTop(64);
|
||||
};
|
||||
|
||||
d.add(s5);
|
||||
|
||||
d.add( (new qx.ui.basic.Label("-100").set({left:340, top:48})) );
|
||||
d.add( (new qx.ui.basic.Label("-200").set({left:340, top:90})) );
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,72 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test for normal width Splitpane, no holding knobs, live resize enabled.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var frame = new qx.ui.layout.CanvasLayout;
|
||||
frame.setLocation(20, 48);
|
||||
frame.setBottom(48);
|
||||
frame.setRight(300);
|
||||
frame.setBackgroundColor("#134275");
|
||||
frame.setPadding(20);
|
||||
frame.addToDocument();
|
||||
|
||||
// the splitpane itself
|
||||
var splitpane = new qx.ui.splitpane.HorizontalSplitPane("1*", "2*");
|
||||
splitpane.setEdge(0);
|
||||
splitpane.setLiveResize(true);
|
||||
frame.add(splitpane);
|
||||
|
||||
// left Widget
|
||||
var leftWidget = new qx.ui.form.TextArea("LeftWidget");
|
||||
leftWidget.setWrap(true);
|
||||
leftWidget.setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
leftWidget.setWidth("100%");
|
||||
leftWidget.setHeight("100%");
|
||||
|
||||
// rightWidget (another splitpane)
|
||||
var rightWidget = new qx.ui.splitpane.VerticalSplitPane;
|
||||
rightWidget.setHeight("100%");
|
||||
rightWidget.setWidth("100%");
|
||||
rightWidget.setLiveResize(true);
|
||||
|
||||
// add widgets to splitpane
|
||||
splitpane.addLeft(leftWidget);
|
||||
splitpane.addRight(rightWidget);
|
||||
|
||||
|
||||
|
||||
// right top widget
|
||||
var topWidget = new qx.ui.form.TextArea("Right Top Widget");
|
||||
topWidget.setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
topWidget.setHeight("100%");
|
||||
topWidget.setWidth("100%");
|
||||
|
||||
// right bottom widget
|
||||
var bottomWidget = new qx.ui.embed.Iframe("http://www.qooxdoo.org");
|
||||
bottomWidget.setHeight("100%");
|
||||
bottomWidget.setWidth("100%");
|
||||
|
||||
// add widgets to right splitpane
|
||||
rightWidget.addTop(topWidget);
|
||||
rightWidget.addBottom(bottomWidget);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,75 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test for extra slim Splitpane, with holding knobs.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var frame = new qx.ui.layout.CanvasLayout;
|
||||
frame.setLocation(20, 48);
|
||||
frame.setBottom(48);
|
||||
frame.setRight(300);
|
||||
frame.setBackgroundColor("#134275");
|
||||
frame.setPadding(20);
|
||||
frame.addToDocument();
|
||||
|
||||
// the splitpane itself
|
||||
var splitpane = new qx.ui.splitpane.HorizontalSplitPane("1*", "2*");
|
||||
splitpane.setEdge(0);
|
||||
splitpane.setSplitterSize(1);
|
||||
splitpane.setShowKnob(true);
|
||||
frame.add(splitpane);
|
||||
|
||||
// left Widget
|
||||
var leftWidget = new qx.ui.form.TextArea("LeftWidget");
|
||||
leftWidget.setWrap(true);
|
||||
leftWidget.setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
leftWidget.setWidth("100%");
|
||||
leftWidget.setHeight("100%");
|
||||
|
||||
// rightWidget (another splitpane)
|
||||
var rightWidget = new qx.ui.splitpane.VerticalSplitPane;
|
||||
rightWidget.setHeight("100%");
|
||||
rightWidget.setWidth("100%");
|
||||
rightWidget.setSplitterSize(1);
|
||||
rightWidget.setShowKnob(true);
|
||||
|
||||
|
||||
// add widgets to splitpane
|
||||
splitpane.addLeft(leftWidget);
|
||||
splitpane.addRight(rightWidget);
|
||||
|
||||
|
||||
|
||||
// right top widget
|
||||
var topWidget = new qx.ui.form.TextArea("Right Top Widget");
|
||||
topWidget.setBackgroundColor(new qx.renderer.color.Color("white"));
|
||||
topWidget.setHeight("100%");
|
||||
topWidget.setWidth("100%");
|
||||
|
||||
// right bottom widget
|
||||
var bottomWidget = new qx.ui.embed.Iframe("http://www.qooxdoo.org");
|
||||
bottomWidget.setHeight("100%");
|
||||
bottomWidget.setWidth("100%");
|
||||
|
||||
// add widgets to right splitpane
|
||||
rightWidget.addTop(topWidget);
|
||||
rightWidget.addBottom(bottomWidget);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,152 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Tabbar implementation.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var tf1 = new qx.ui.pageview.tabview.TabView;
|
||||
tf1.set({ left: 20, top: 48, right: 335, bottom: 48 });
|
||||
|
||||
var t1_1 = new qx.ui.pageview.tabview.Button("Edit");
|
||||
var t1_2 = new qx.ui.pageview.tabview.Button("Find");
|
||||
var t1_3 = new qx.ui.pageview.tabview.Button("Backup");
|
||||
|
||||
t1_1.setChecked(true);
|
||||
|
||||
tf1.getBar().add(t1_1, t1_2, t1_3);
|
||||
|
||||
var p1_1 = new qx.ui.pageview.tabview.Page(t1_1);
|
||||
var p1_2 = new qx.ui.pageview.tabview.Page(t1_2);
|
||||
var p1_3 = new qx.ui.pageview.tabview.Page(t1_3);
|
||||
|
||||
tf1.getPane().add(p1_1, p1_2, p1_3);
|
||||
|
||||
var f2 = new qx.ui.form.TextField("Find Anywhere");
|
||||
var f3 = new qx.ui.form.TextField("Backup Input");
|
||||
|
||||
p1_2.add(f2);
|
||||
p1_3.add(f3);
|
||||
|
||||
var c1 = new qx.ui.form.CheckBox("Place bar on top");
|
||||
var c2 = new qx.ui.form.CheckBox("Align tabs to left");
|
||||
|
||||
c1.setTop(0);
|
||||
c1.setChecked(true);
|
||||
|
||||
c2.setTop(20);
|
||||
c2.setChecked(true);
|
||||
|
||||
p1_1.add(c1, c2);
|
||||
|
||||
c1.addEventListener("changeChecked", function(e) {
|
||||
tf1.setPlaceBarOnTop(e.getData());
|
||||
});
|
||||
|
||||
c2.addEventListener("changeChecked", function(e) {
|
||||
tf1.setAlignTabsToLeft(e.getData());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var tf2 = new qx.ui.pageview.tabview.TabView;
|
||||
|
||||
tf2.set({ left: 0, top: 50, right: 0, bottom: 0 });
|
||||
|
||||
|
||||
|
||||
var t2_1 = new qx.ui.pageview.tabview.Button("Search for Files", "icon/16/file-open.png");
|
||||
var t2_2 = new qx.ui.pageview.tabview.Button("Search the Web", "icon/16/network.png");
|
||||
var t2_3 = new qx.ui.pageview.tabview.Button("Search for Text", "icon/16/contents.png");
|
||||
var t2_4 = new qx.ui.pageview.tabview.Button("Search for Persons", "icon/16/emoticon.png");
|
||||
var t2_5 = new qx.ui.pageview.tabview.Button("Search in Mails", "icon/16/mail.png");
|
||||
|
||||
t2_1.setChecked(true);
|
||||
|
||||
tf2.getBar().add(t2_1, t2_2, t2_3, t2_4, t2_5);
|
||||
|
||||
var p2_1 = new qx.ui.pageview.tabview.Page(t2_1);
|
||||
var p2_2 = new qx.ui.pageview.tabview.Page(t2_2);
|
||||
var p2_3 = new qx.ui.pageview.tabview.Page(t2_3);
|
||||
var p2_4 = new qx.ui.pageview.tabview.Page(t2_4);
|
||||
var p2_5 = new qx.ui.pageview.tabview.Page(t2_5);
|
||||
|
||||
tf2.getPane().add(p2_1, p2_2, p2_3, p2_4, p2_5);
|
||||
|
||||
var t2_1 = new qx.ui.form.TextField("Files...");
|
||||
var t2_2 = new qx.ui.form.TextField("Web...");
|
||||
var t2_3 = new qx.ui.form.TextField("Printers...");
|
||||
var t2_4 = new qx.ui.form.TextField("Persons...");
|
||||
var t2_5 = new qx.ui.form.TextField("Mails...");
|
||||
|
||||
t2_1.set({ top: 2, left: 0, width: 140 });
|
||||
t2_2.set({ top: 2, left: 0, width: 140 });
|
||||
t2_3.set({ top: 2, left: 0, width: 140 });
|
||||
t2_4.set({ top: 2, left: 0, width: 140 });
|
||||
t2_5.set({ top: 2, left: 0, width: 140 });
|
||||
|
||||
p2_1.add(t2_1);
|
||||
p2_2.add(t2_2);
|
||||
p2_3.add(t2_3);
|
||||
p2_4.add(t2_4);
|
||||
p2_5.add(t2_5);
|
||||
|
||||
var b2_1 = new qx.ui.form.Button("Search", "icon/16/search.png");
|
||||
var b2_2 = new qx.ui.form.Button("Search", "icon/16/search.png");
|
||||
var b2_3 = new qx.ui.form.Button("Search", "icon/16/search.png");
|
||||
var b2_4 = new qx.ui.form.Button("Search", "icon/16/search.png");
|
||||
var b2_5 = new qx.ui.form.Button("Search", "icon/16/search.png");
|
||||
|
||||
b2_1.set({ top: 0, left: 150 });
|
||||
b2_2.set({ top: 0, left: 150 });
|
||||
b2_3.set({ top: 0, left: 150 });
|
||||
b2_4.set({ top: 0, left: 150 });
|
||||
b2_5.set({ top: 0, left: 150 });
|
||||
|
||||
p2_1.add(b2_1);
|
||||
p2_2.add(b2_2);
|
||||
p2_3.add(b2_3);
|
||||
p2_4.add(b2_4);
|
||||
p2_5.add(b2_5);
|
||||
|
||||
function dosearch(e) {
|
||||
alert("Searching...");
|
||||
};
|
||||
|
||||
b2_1.addEventListener("click", dosearch);
|
||||
b2_2.addEventListener("click", dosearch);
|
||||
b2_3.addEventListener("click", dosearch);
|
||||
b2_4.addEventListener("click", dosearch);
|
||||
b2_5.addEventListener("click", dosearch);
|
||||
|
||||
|
||||
|
||||
|
||||
p1_2.add(tf2);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
d.add(tf1);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,127 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Tabbar implementation.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var tf1 = new qx.ui.pageview.tabview.TabView;
|
||||
tf1.set({ left: 20, top: 48, right: 335, bottom: 48 });
|
||||
|
||||
var t1_1 = new qx.ui.pageview.tabview.Button("Edit");
|
||||
var t1_2 = new qx.ui.pageview.tabview.Button("Find");
|
||||
var t1_3 = new qx.ui.pageview.tabview.Button("Backup");
|
||||
var t1_4 = new qx.ui.pageview.tabview.Button("System");
|
||||
var t1_5 = new qx.ui.pageview.tabview.Button("Tools");
|
||||
var t1_6 = new qx.ui.pageview.tabview.Button("Infos");
|
||||
|
||||
// set tab 1 active
|
||||
t1_1.setChecked(true);
|
||||
|
||||
// add close images to tab
|
||||
t1_1.setShowCloseButton(true);
|
||||
t1_2.setShowCloseButton(true);
|
||||
t1_3.setShowCloseButton(true);
|
||||
t1_4.setShowCloseButton(true);
|
||||
t1_5.setShowCloseButton(true);
|
||||
t1_6.setShowCloseButton(true);
|
||||
|
||||
|
||||
// modify the default images
|
||||
t1_2.setCloseButtonImage("icon/16/error.png");
|
||||
t1_4.setCloseButtonImage("icon/16/apply.png");
|
||||
|
||||
// add an eventlistener on the buttons
|
||||
t1_1.addEventListener("closetab", _ontabclose);
|
||||
t1_2.addEventListener("closetab", _ontabclose);
|
||||
t1_3.addEventListener("closetab", _ontabclose);
|
||||
t1_4.addEventListener("closetab", _ontabclose);
|
||||
t1_5.addEventListener("closetab", _ontabclose);
|
||||
t1_6.addEventListener("closetab", _ontabclose);
|
||||
|
||||
|
||||
|
||||
// this handler gets called if a tab-button fires a "closetab" event
|
||||
function _ontabclose(e){
|
||||
var btn = e.getData();
|
||||
|
||||
var pagesArray = tf1.getPane().getChildren();
|
||||
var pageSearched = null;
|
||||
|
||||
for(var i = 0, l = pagesArray.length; i < l; i++){
|
||||
var tmpPage = pagesArray[i];
|
||||
if(tmpPage.getButton() === btn){
|
||||
pageSearched = tmpPage;
|
||||
}
|
||||
}
|
||||
if(pageSearched){
|
||||
|
||||
var itemsList = tf1.getBar().getChildren();
|
||||
var lengthList = itemsList.length;
|
||||
var btnIndex = itemsList.indexOf(btn);
|
||||
|
||||
// never remove the last tab
|
||||
if( lengthList > 1 ) {
|
||||
|
||||
// Select another tab
|
||||
if (btnIndex < lengthList-1 ){
|
||||
itemsList[btnIndex+1].setChecked(true);
|
||||
}
|
||||
else {
|
||||
itemsList[btnIndex-1].setChecked(true);
|
||||
}
|
||||
|
||||
btn.getManager().remove(btn);
|
||||
tf1.getBar().remove(btn);
|
||||
|
||||
tf1.getPane().remove(pageSearched);
|
||||
|
||||
pageSearched.dispose();
|
||||
btn.dispose();
|
||||
} else {
|
||||
alert("Last Tab won't be removed!");
|
||||
}
|
||||
}
|
||||
|
||||
e.stopPropagation();
|
||||
}
|
||||
|
||||
tf1.getBar().add(t1_1, t1_2, t1_3, t1_4, t1_5, t1_6);
|
||||
|
||||
var p1_1 = new qx.ui.pageview.tabview.Page(t1_1);
|
||||
var p1_2 = new qx.ui.pageview.tabview.Page(t1_2);
|
||||
var p1_3 = new qx.ui.pageview.tabview.Page(t1_3);
|
||||
var p1_4 = new qx.ui.pageview.tabview.Page(t1_4);
|
||||
var p1_5 = new qx.ui.pageview.tabview.Page(t1_5);
|
||||
var p1_6 = new qx.ui.pageview.tabview.Page(t1_6);
|
||||
|
||||
p1_1.setBackgroundColor("green");
|
||||
p1_2.setBackgroundColor("red");
|
||||
p1_3.setBackgroundColor("blue");
|
||||
p1_4.setBackgroundColor("black");
|
||||
p1_5.setBackgroundColor("yellow");
|
||||
p1_6.setBackgroundColor("orange");
|
||||
|
||||
tf1.getPane().add(p1_1, p1_2, p1_3, p1_4, p1_5, p1_6);
|
||||
|
||||
d.add(tf1);
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,107 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>A table with virtual scrolling, model-view-controller, renderers,
|
||||
editing, sorting, column resizing, column reordering,
|
||||
column hiding.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var main = new qx.ui.layout.VerticalBoxLayout();
|
||||
main.set({ left:10, top:30, right:300, bottom:30, spacing:5 });
|
||||
|
||||
var nextId = 0;
|
||||
var createRandomRows = function(rowCount) {
|
||||
var rowData = [];
|
||||
var now = new Date().getTime();
|
||||
var dateRange = 400 * 24 * 60 * 60 * 1000; // 400 days
|
||||
for (var row = 0; row < rowCount; row++) {
|
||||
var date = new Date(now + Math.random() * dateRange - dateRange / 2);
|
||||
rowData.push([ nextId++, Math.random() * 10000, date, (Math.random() > 0.5) ]);
|
||||
}
|
||||
return rowData;
|
||||
};
|
||||
|
||||
// Create the initial data
|
||||
var rowData = createRandomRows(50);
|
||||
|
||||
// Add some encoding relevant stuff
|
||||
rowData[15][1] = "<b>A html & entities escaping test</b>";
|
||||
|
||||
// table model
|
||||
var tableModel = new qx.ui.table.SimpleTableModel();
|
||||
tableModel.setColumns([ "ID", "A number", "A date", "Boolean test" ]);
|
||||
tableModel.setData(rowData);
|
||||
tableModel.setColumnEditable(1, true);
|
||||
tableModel.setColumnEditable(2, true);
|
||||
|
||||
// table
|
||||
var table = new qx.ui.table.Table(tableModel);
|
||||
with (table) {
|
||||
set({ width:"100%", height:"1*", border:qx.renderer.border.BorderPresets.getInstance().thinInset });
|
||||
getSelectionModel().setSelectionMode(qx.ui.table.SelectionModel.MULTIPLE_INTERVAL_SELECTION);
|
||||
getTableColumnModel().setDataCellRenderer(3, new qx.ui.table.BooleanDataCellRenderer());
|
||||
setColumnWidth(0, 80);
|
||||
setColumnWidth(1, 200);
|
||||
setColumnWidth(2, 150);
|
||||
};
|
||||
main.add(table);
|
||||
|
||||
var buttonBar = new qx.ui.layout.HorizontalBoxLayout();
|
||||
buttonBar.set({ width:"100%", height:"auto", spacing:5 });
|
||||
main.add(buttonBar);
|
||||
|
||||
var button = new qx.ui.form.Button("Change row with ID 10");
|
||||
button.addEventListener("execute", function(evt) {
|
||||
var rowData = createRandomRows(1);
|
||||
for (var i = 1; i < tableModel.getColumnCount(); i++) {
|
||||
tableModel.setValue(i, 10, rowData[0][i]);
|
||||
}
|
||||
this.info("Row 10 changed");
|
||||
});
|
||||
buttonBar.add(button);
|
||||
|
||||
var button = new qx.ui.form.Button("Add 10 rows");
|
||||
button.addEventListener("execute", function(evt) {
|
||||
var rowData = createRandomRows(10);
|
||||
tableModel.addRows(rowData);
|
||||
this.info("10 rows added");
|
||||
});
|
||||
buttonBar.add(button);
|
||||
|
||||
var button = new qx.ui.form.Button("Remove 5 rows");
|
||||
button.addEventListener("execute", function(evt) {
|
||||
var rowCount = tableModel.getRowCount();
|
||||
tableModel.removeRows(rowCount-5, 5);
|
||||
this.info("5 rows removed");
|
||||
});
|
||||
buttonBar.add(button);
|
||||
|
||||
var checkBox = new qx.ui.form.CheckBox("keepFirstVisibleRowComplete", null, null, table.getKeepFirstVisibleRowComplete());
|
||||
checkBox.setToolTip(new qx.ui.popup.ToolTip("Whether the the first visible row should be rendered completely when scrolling."));
|
||||
checkBox.addEventListener("changeChecked", function(evt) {
|
||||
table.setKeepFirstVisibleRowComplete(checkBox.getChecked());
|
||||
this.info("Set keepFirstVisibleRowComplete to: " + checkBox.getChecked());
|
||||
});
|
||||
buttonBar.add(checkBox);
|
||||
|
||||
d.add(main);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,50 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>A table with fixed columns.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
// table model
|
||||
var tableModel = new qx.ui.table.SimpleTableModel();
|
||||
tableModel.setColumns([ "ID", "A number", "A date", "Boolean test" ]);
|
||||
var rowData = [];
|
||||
var now = new Date().getTime();
|
||||
var dateRange = 400 * 24 * 60 * 60 * 1000; // 400 days
|
||||
for (var row = 0; row < 100; row++) {
|
||||
var date = new Date(now + Math.random() * dateRange - dateRange / 2);
|
||||
rowData.push([ row, Math.random() * 10000, date, (Math.random() > 0.5) ]);
|
||||
}
|
||||
tableModel.setData(rowData);
|
||||
tableModel.setColumnEditable(1, true);
|
||||
tableModel.setColumnEditable(2, true);
|
||||
|
||||
// table
|
||||
var table = new qx.ui.table.Table(tableModel);
|
||||
with (table) {
|
||||
set({ left:10, top:30, width:350, height:300, border:qx.renderer.border.BorderPresets.getInstance().thinInset });
|
||||
setMetaColumnCounts([1, -1]);
|
||||
getSelectionModel().setSelectionMode(qx.ui.table.SelectionModel.MULTIPLE_INTERVAL_SELECTION);
|
||||
getTableColumnModel().setDataCellRenderer(3, new qx.ui.table.BooleanDataCellRenderer());
|
||||
};
|
||||
|
||||
d.add(table);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,252 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Introduce all classes needed for creating real qx.ui.toolbar.ToolBars. This includes qx.ui.toolbar.ToolBars,
|
||||
qx.ui.toolbar.ToolBarParts, qx.ui.toolbar.Separator and qx.ui.toolbar.ToolBarButtons.</p>
|
||||
|
||||
<p>The qx.ui.toolbar.ToolBarButtons and QxRadioButtons in this example are beautifully
|
||||
decoupled by "global" qx.event.type.DataEvent.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var tb = new qx.ui.toolbar.ToolBar;
|
||||
with(tb)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
setRight(335);
|
||||
|
||||
// setWidth("auto");
|
||||
};
|
||||
|
||||
var btns1 = [
|
||||
{ type : "button", icon : "file-new", text : "New" },
|
||||
{ type : "separator" },
|
||||
{ type : "button", icon : "edit-copy", text : "Copy" },
|
||||
{ type : "button", icon : "edit-cut", text : "Cut" },
|
||||
{ type : "button", icon : "edit-paste", text : "Paste" }
|
||||
];
|
||||
|
||||
var btns2 = [
|
||||
{ type : "button", icon : "up", text : "Upload" },
|
||||
{ type : "button", icon : "down", text : "Download" }
|
||||
];
|
||||
|
||||
var btns3 = [
|
||||
{ type : "button", icon : "help", text : "Help" }
|
||||
];
|
||||
|
||||
var bars = [ btns1, btns2, btns3 ];
|
||||
|
||||
function changeLayout(e) {
|
||||
this.setShow(e.getData());
|
||||
};
|
||||
|
||||
function changeSize(e) {
|
||||
var v = e.getData();
|
||||
var o = v == 22 ? 32 : 22;
|
||||
|
||||
this.setIcon(this.getIcon().replace(o, v));
|
||||
};
|
||||
|
||||
function buttonExecute() { this.debug("Executed: " + this.getLabel()); };
|
||||
|
||||
var useParts = true;
|
||||
|
||||
|
||||
for (var j=0; j<bars.length; j++)
|
||||
{
|
||||
var btns = bars[j];
|
||||
|
||||
if (useParts) {
|
||||
var tbp = new qx.ui.toolbar.Part;
|
||||
};
|
||||
|
||||
for (var i=0; i<btns.length; i++)
|
||||
{
|
||||
var btn = btns[i];
|
||||
|
||||
switch(btn.type)
|
||||
{
|
||||
case "separator":
|
||||
var o = new qx.ui.toolbar.Separator;
|
||||
break;
|
||||
|
||||
case "button":
|
||||
var o = new qx.ui.toolbar.Button(btn.text, "icon/22/" + btn.icon + ".png");
|
||||
|
||||
// beautiful decoupling: toolbar buttons don't know about radio boxes
|
||||
|
||||
d.addEventListener("changeLayout", changeLayout, o);
|
||||
d.addEventListener("changeSize", changeSize, o);
|
||||
|
||||
o.addEventListener("execute", buttonExecute);
|
||||
break;
|
||||
};
|
||||
|
||||
if (useParts)
|
||||
{
|
||||
tbp.add(o);
|
||||
}
|
||||
else
|
||||
{
|
||||
tb.add(o);
|
||||
};
|
||||
};
|
||||
|
||||
if (useParts) {
|
||||
tb.add(tbp);
|
||||
};
|
||||
};
|
||||
|
||||
d.add(tb);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var rd1 = new qx.ui.form.RadioButton("Show Icons and Label", "both");
|
||||
var rd2 = new qx.ui.form.RadioButton("Show Icons", "icon");
|
||||
var rd3 = new qx.ui.form.RadioButton("Show Label", "label");
|
||||
|
||||
with(rd1)
|
||||
{
|
||||
setTop(140);
|
||||
setLeft(20);
|
||||
setChecked(true);
|
||||
};
|
||||
|
||||
with(rd2)
|
||||
{
|
||||
setTop(160);
|
||||
setLeft(20);
|
||||
};
|
||||
|
||||
with(rd3)
|
||||
{
|
||||
setTop(180);
|
||||
setLeft(20);
|
||||
};
|
||||
|
||||
|
||||
var rbm = new qx.manager.selection.RadioManager();
|
||||
|
||||
rbm.add(rd1);
|
||||
rbm.add(rd2);
|
||||
rbm.add(rd3);
|
||||
|
||||
|
||||
// beautiful decoupling: radio boxes don't know about toolbar buttons
|
||||
rbm.addEventListener("changeSelected", function(e) {
|
||||
d.dispatchEvent( new qx.event.type.DataEvent("changeLayout", e.getData().getValue() ) );
|
||||
});
|
||||
|
||||
d.add(rd1, rd2, rd3);
|
||||
|
||||
|
||||
|
||||
// Alignment
|
||||
var ra1 = new qx.ui.form.RadioButton("Left Aligned", "left");
|
||||
var ra2 = new qx.ui.form.RadioButton("Centered", "center");
|
||||
var ra3 = new qx.ui.form.RadioButton("Right Aligned", "right");
|
||||
|
||||
with(ra1)
|
||||
{
|
||||
setTop(140);
|
||||
setLeft(220);
|
||||
setChecked(true);
|
||||
};
|
||||
|
||||
with(ra2)
|
||||
{
|
||||
setTop(160);
|
||||
setLeft(220);
|
||||
};
|
||||
|
||||
with(ra3)
|
||||
{
|
||||
setTop(180);
|
||||
setLeft(220);
|
||||
};
|
||||
|
||||
|
||||
var ram = new qx.manager.selection.RadioManager();
|
||||
|
||||
ram.add(ra1);
|
||||
ram.add(ra2);
|
||||
ram.add(ra3);
|
||||
|
||||
d.add(ra1, ra2, ra3);
|
||||
|
||||
ram.addEventListener("changeSelected", function(e) {
|
||||
tb.setHorizontalChildrenAlign(e.getData().getValue());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
// Icon Sizes
|
||||
var b3 = new qx.ui.form.Button("Icons: 22 Pixel", "icon/16/colors.png");
|
||||
|
||||
with(b3)
|
||||
{
|
||||
setTop(140);
|
||||
setLeft(420);
|
||||
setHorizontalAlign("center");
|
||||
};
|
||||
|
||||
b3.addEventListener("execute", function(e) {
|
||||
d.dispatchEvent(new qx.event.type.DataEvent("changeSize", 22));
|
||||
});
|
||||
|
||||
var b4 = new qx.ui.form.Button("Icons: 32 Pixel", "icon/16/colors.png");
|
||||
|
||||
with(b4)
|
||||
{
|
||||
setTop(170);
|
||||
setLeft(420);
|
||||
setHorizontalAlign("center");
|
||||
};
|
||||
|
||||
b4.addEventListener("execute", function(e) {
|
||||
d.dispatchEvent(new qx.event.type.DataEvent("changeSize", 32));
|
||||
});
|
||||
|
||||
d.add(b3, b4);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Icon & Color Themes
|
||||
qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 248);
|
||||
qx.manager.object.ColorManager.getInstance().createThemeList(d, 220, 248);
|
||||
|
||||
|
||||
|
||||
/*
|
||||
Test for cloning support
|
||||
|
||||
tb2 = tb.clone(true);
|
||||
tb2.setTop(400);
|
||||
*/
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,269 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Introducing qx.ui.toolbar.CheckBox and qx.ui.toolbar.RadioButton.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
function changeLayout(e) {
|
||||
this.setShow(e.getData());
|
||||
};
|
||||
|
||||
function changeSize(e) {
|
||||
var v = e.getData();
|
||||
var o = v == 22 ? 32 : 22;
|
||||
|
||||
this.setIcon(this.getIcon().replace(o, v));
|
||||
};
|
||||
|
||||
var tb = new qx.ui.toolbar.ToolBar;
|
||||
with(tb)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
setRight(335);
|
||||
setParent(d);
|
||||
};
|
||||
|
||||
|
||||
var tbp1 = new qx.ui.toolbar.Part;
|
||||
tb.add(tbp1);
|
||||
|
||||
var tbp2 = new qx.ui.toolbar.Part;
|
||||
tb.add(tbp2);
|
||||
|
||||
var tbp3 = new qx.ui.toolbar.Part;
|
||||
tb.add(tbp3);
|
||||
|
||||
var tbp4 = new qx.ui.toolbar.Part;
|
||||
tb.add(tbp4);
|
||||
|
||||
|
||||
|
||||
// Default
|
||||
var tbd1 = new qx.ui.toolbar.Button("Default", "icon/22/file-new.png");
|
||||
tbp1.add(tbd1);
|
||||
d.addEventListener("changeLayout", changeLayout, tbd1);
|
||||
d.addEventListener("changeSize", changeSize, tbd1);
|
||||
|
||||
tbd1._marker = true;
|
||||
|
||||
tbp1.setDisplay(false);
|
||||
tbd1.setDisplay(false);
|
||||
|
||||
|
||||
|
||||
// Checkbox
|
||||
var tbc1 = new qx.ui.toolbar.CheckBox("Check", "icon/22/configure.png", true);
|
||||
tbp2.add(tbc1);
|
||||
d.addEventListener("changeLayout", changeLayout, tbc1);
|
||||
d.addEventListener("changeSize", changeSize, tbc1);
|
||||
|
||||
|
||||
|
||||
// Radio
|
||||
var tbr1 = new qx.ui.toolbar.RadioButton("Radio1", "icon/22/view-choose.png");
|
||||
tbp3.add(tbr1);
|
||||
d.addEventListener("changeLayout", changeLayout, tbr1);
|
||||
d.addEventListener("changeSize", changeSize, tbr1);
|
||||
|
||||
var tbr2 = new qx.ui.toolbar.RadioButton("Radio2", "icon/22/view-detailed.png", true);
|
||||
tbp3.add(tbr2);
|
||||
d.addEventListener("changeLayout", changeLayout, tbr2);
|
||||
d.addEventListener("changeSize", changeSize, tbr2);
|
||||
|
||||
var tbr3 = new qx.ui.toolbar.RadioButton("Radio3", "icon/22/view-icon.png");
|
||||
tbp3.add(tbr3);
|
||||
d.addEventListener("changeLayout", changeLayout, tbr3);
|
||||
d.addEventListener("changeSize", changeSize, tbr3);
|
||||
|
||||
// Radio Mananger
|
||||
var tbr_manager = new qx.manager.selection.RadioManager(null, [tbr1, tbr2, tbr3]);
|
||||
|
||||
|
||||
|
||||
|
||||
// Radio
|
||||
var tbs1 = new qx.ui.toolbar.RadioButton("Radio1", "icon/22/view-choose.png");
|
||||
tbp4.add(tbs1);
|
||||
tbs1.setDisableUncheck(true);
|
||||
d.addEventListener("changeLayout", changeLayout, tbs1);
|
||||
d.addEventListener("changeSize", changeSize, tbs1);
|
||||
|
||||
var tbs2 = new qx.ui.toolbar.RadioButton("Radio2", "icon/22/view-detailed.png", true);
|
||||
tbp4.add(tbs2);
|
||||
tbs2.setDisableUncheck(true);
|
||||
d.addEventListener("changeLayout", changeLayout, tbs2);
|
||||
d.addEventListener("changeSize", changeSize, tbs2);
|
||||
|
||||
var tbs3 = new qx.ui.toolbar.RadioButton("Radio3", "icon/22/view-icon.png");
|
||||
tbp4.add(tbs3);
|
||||
tbs3.setDisableUncheck(true);
|
||||
d.addEventListener("changeLayout", changeLayout, tbs3);
|
||||
d.addEventListener("changeSize", changeSize, tbs3);
|
||||
|
||||
// Radio Mananger
|
||||
var tbs_manager = new qx.manager.selection.RadioManager(null, [tbs1, tbs2, tbs3]);
|
||||
|
||||
|
||||
|
||||
|
||||
var rd1 = new qx.ui.form.RadioButton("Show Icons and Label", "both");
|
||||
var rd2 = new qx.ui.form.RadioButton("Show Icons", "icon");
|
||||
var rd3 = new qx.ui.form.RadioButton("Show Label", "label");
|
||||
|
||||
with(rd1)
|
||||
{
|
||||
setTop(140);
|
||||
setLeft(20);
|
||||
};
|
||||
|
||||
with(rd2)
|
||||
{
|
||||
setTop(160);
|
||||
setLeft(20);
|
||||
};
|
||||
|
||||
with(rd3)
|
||||
{
|
||||
setTop(180);
|
||||
setLeft(20);
|
||||
};
|
||||
|
||||
|
||||
var rbm = new qx.manager.selection.RadioManager();
|
||||
|
||||
rbm.add(rd1);
|
||||
rbm.add(rd2);
|
||||
rbm.add(rd3);
|
||||
|
||||
// beautiful decoupling: radio boxes don't know about toolbar buttons
|
||||
rbm.addEventListener("changeSelected", function(e)
|
||||
{
|
||||
d.dispatchEvent( new qx.event.type.DataEvent("changeLayout", e.getData().getValue() ) );
|
||||
});
|
||||
|
||||
d.add(rd1, rd2, rd3);
|
||||
|
||||
|
||||
// apply default layout
|
||||
rd1.setChecked(true);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Alignment
|
||||
var ra1 = new qx.ui.form.RadioButton("Left Aligned", "left");
|
||||
var ra2 = new qx.ui.form.RadioButton("Centered", "center");
|
||||
var ra3 = new qx.ui.form.RadioButton("Right Aligned", "right");
|
||||
|
||||
with(ra1)
|
||||
{
|
||||
setTop(140);
|
||||
setLeft(220);
|
||||
setChecked(true);
|
||||
};
|
||||
|
||||
with(ra2)
|
||||
{
|
||||
setTop(160);
|
||||
setLeft(220);
|
||||
};
|
||||
|
||||
with(ra3)
|
||||
{
|
||||
setTop(180);
|
||||
setLeft(220);
|
||||
};
|
||||
|
||||
|
||||
var ram = new qx.manager.selection.RadioManager();
|
||||
|
||||
ram.add(ra1);
|
||||
ram.add(ra2);
|
||||
ram.add(ra3);
|
||||
|
||||
d.add(ra1, ra2, ra3);
|
||||
|
||||
ram.addEventListener("changeSelected", function(e) {
|
||||
tb.setHorizontalChildrenAlign(e.getData().getValue());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
// Icon Sizes
|
||||
var b3 = new qx.ui.form.Button("Icons: 22 Pixel", "icon/16/colors.png");
|
||||
|
||||
with(b3)
|
||||
{
|
||||
setTop(140);
|
||||
setLeft(420);
|
||||
setHorizontalAlign("center");
|
||||
};
|
||||
|
||||
b3.addEventListener("execute", function(e) {
|
||||
d.dispatchEvent(new qx.event.type.DataEvent("changeSize", 22));
|
||||
});
|
||||
|
||||
var b4 = new qx.ui.form.Button("Icons: 32 Pixel", "icon/16/colors.png");
|
||||
|
||||
with(b4)
|
||||
{
|
||||
setTop(170);
|
||||
setLeft(420);
|
||||
setHorizontalAlign("center");
|
||||
};
|
||||
|
||||
b4.addEventListener("execute", function(e) {
|
||||
d.dispatchEvent(new qx.event.type.DataEvent("changeSize", 32));
|
||||
});
|
||||
|
||||
d.add(b3, b4);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var chkShowBtn1 = new qx.ui.form.CheckBox("Show First Button");
|
||||
|
||||
chkShowBtn1.setLocation(20, 500);
|
||||
chkShowBtn1.addEventListener("changeChecked", function(e) {
|
||||
tbd1.setDisplay(e.getData());
|
||||
});
|
||||
|
||||
var chkShowPart1 = new qx.ui.form.CheckBox("Show First Part");
|
||||
|
||||
chkShowPart1.setLocation(220, 500);
|
||||
chkShowPart1.addEventListener("changeChecked", function(e) {
|
||||
tbp1.setDisplay(e.getData());
|
||||
});
|
||||
|
||||
d.add(chkShowBtn1, chkShowPart1);
|
||||
|
||||
|
||||
|
||||
// Icon & Color Themes
|
||||
qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 248);
|
||||
qx.manager.object.ColorManager.getInstance().createThemeList(d, 220, 248);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,184 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Again a nice example which shows how to use qx.ui.toolbar.ToolBar as a menubar system.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var c1 = new qx.client.Command();
|
||||
c1.addEventListener("execute", function(e) {
|
||||
this.debug("Execute: " + e.getData().getLabel());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var m1 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb1_01 = new qx.ui.menu.Button("New", null, c1);
|
||||
var mb1_02 = new qx.ui.menu.Button("Open", null, c1);
|
||||
var mb1_03 = new qx.ui.menu.Button("Save", null, c1);
|
||||
var mb1_04 = new qx.ui.menu.Button("Save as", null, c1);
|
||||
var mb1_05 = new qx.ui.menu.Button("Close", null, c1);
|
||||
var mb1_06 = new qx.ui.menu.Button("Restore last saved", null, c1);
|
||||
|
||||
m1.add(mb1_01, mb1_02, mb1_03, mb1_04, mb1_05, mb1_06);
|
||||
|
||||
|
||||
var m2 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb2_01 = new qx.ui.menu.Button("Undo", null, c1);
|
||||
var mb2_02 = new qx.ui.menu.Button("Redo", null, c1);
|
||||
var mb2_b1 = new qx.ui.menu.Separator();
|
||||
var mb2_03 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png", c1);
|
||||
var mb2_04 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png", c1);
|
||||
var mb2_05 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png", c1);
|
||||
var mb2_06 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png", c1);
|
||||
var mb2_b2 = new qx.ui.menu.Separator();
|
||||
var mb2_07 = new qx.ui.menu.Button("Select All", null, c1);
|
||||
var mb2_08 = new qx.ui.menu.Button("Find", null, c1);
|
||||
var mb2_09 = new qx.ui.menu.Button("Find Again", null, c1);
|
||||
|
||||
|
||||
|
||||
|
||||
mb2_05.setEnabled(false);
|
||||
mb2_06.setEnabled(false);
|
||||
mb2_09.setEnabled(false);
|
||||
|
||||
m2.add(mb2_01, mb2_02, mb2_b1, mb2_03, mb2_04, mb2_05, mb2_06, mb2_b2, mb2_07, mb2_08, mb2_09);
|
||||
|
||||
|
||||
var m3 = new qx.ui.menu.Menu;
|
||||
var m3_suba = new qx.ui.menu.Menu;
|
||||
var m3_subb = new qx.ui.menu.Menu;
|
||||
var m3_subc = new qx.ui.menu.Menu;
|
||||
var m3_subd = new qx.ui.menu.Menu;
|
||||
|
||||
var mb3_01 = new qx.ui.menu.CheckBox("File List", c1, false);
|
||||
var mb3_02 = new qx.ui.menu.CheckBox("Syntax Highlighting", c1, true);
|
||||
var mb3_03 = new qx.ui.menu.CheckBox("Statusbar", c1, true);
|
||||
var mb3_b1 = new qx.ui.menu.Separator();
|
||||
var mb3_04 = new qx.ui.menu.Button("Printer Font", null, null, m3_suba);
|
||||
var mb3_05 = new qx.ui.menu.Button("Editor Font", null, null, m3_subb);
|
||||
var mb3_06 = new qx.ui.menu.Button("Export Font", null, null, m3_subc);
|
||||
var mb3_b2 = new qx.ui.menu.Separator();
|
||||
var mb3_07 = new qx.ui.menu.Button("Advanced", null, null, m3_subd);
|
||||
|
||||
m3.add(mb3_01, mb3_02, mb3_03, mb3_b1, mb3_04, mb3_05, mb3_06, mb3_b2, mb3_07);
|
||||
|
||||
var mb3_suba_01 = new qx.ui.menu.Button("Tahoma, 11pt", null, c1);
|
||||
var mb3_suba_02 = new qx.ui.menu.Button("Tahoma, 12pt", null, c1);
|
||||
var mb3_suba_03 = new qx.ui.menu.Button("Tahoma, 13pt", null, c1);
|
||||
var mb3_suba_04 = new qx.ui.menu.Button("Tahoma, 14pt", null, c1);
|
||||
var mb3_suba_05 = new qx.ui.menu.Button("Tahoma, 15pt", null, c1);
|
||||
|
||||
m3_suba.add(mb3_suba_01, mb3_suba_02, mb3_suba_03, mb3_suba_04, mb3_suba_05);
|
||||
|
||||
var mb3_subb_01 = new qx.ui.menu.Button("Verdana, 11pt", null, c1);
|
||||
var mb3_subb_02 = new qx.ui.menu.Button("Verdana, 12pt", null, c1);
|
||||
var mb3_subb_03 = new qx.ui.menu.Button("Verdana, 13pt", null, c1);
|
||||
var mb3_subb_04 = new qx.ui.menu.Button("Verdana, 14pt", null, c1);
|
||||
var mb3_subb_05 = new qx.ui.menu.Button("Verdana, 15pt", null, c1);
|
||||
|
||||
m3_subb.add(mb3_subb_01, mb3_subb_02, mb3_subb_03, mb3_subb_04, mb3_subb_05);
|
||||
|
||||
var mb3_subc_01 = new qx.ui.menu.Button("Courier, 11pt", null, c1);
|
||||
var mb3_subc_02 = new qx.ui.menu.Button("Courier, 12pt", null, c1);
|
||||
var mb3_subc_03 = new qx.ui.menu.Button("Courier, 13pt", null, c1);
|
||||
var mb3_subc_04 = new qx.ui.menu.Button("Courier, 14pt", null, c1);
|
||||
var mb3_subc_05 = new qx.ui.menu.Button("Courier, 15pt", null, c1);
|
||||
|
||||
m3_subc.add(mb3_subc_01, mb3_subc_02, mb3_subc_03, mb3_subc_04, mb3_subc_05);
|
||||
|
||||
var mb3_subd_02_suba = new qx.ui.menu.Menu();
|
||||
|
||||
var mb3_subd_02_suba_01 = new qx.ui.menu.Button("First", null, c1);
|
||||
var mb3_subd_02_suba_02 = new qx.ui.menu.Button("Second", null, c1);
|
||||
var mb3_subd_02_suba_03 = new qx.ui.menu.Button("Third", null, c1);
|
||||
|
||||
mb3_subd_02_suba.add(mb3_subd_02_suba_01, mb3_subd_02_suba_02, mb3_subd_02_suba_03);
|
||||
|
||||
var mb3_subd_01 = new qx.ui.menu.Button("First", null, c1);
|
||||
var mb3_subd_02 = new qx.ui.menu.Button("Second", null, c1, mb3_subd_02_suba);
|
||||
var mb3_subd_03 = new qx.ui.menu.Button("Third", null, c1);
|
||||
|
||||
m3_subd.add(mb3_subd_01, mb3_subd_02, mb3_subd_03);
|
||||
|
||||
var m4 = new qx.ui.menu.Menu;
|
||||
|
||||
var m4_suba = new qx.ui.menu.Menu;
|
||||
|
||||
var mb4_01 = new qx.ui.menu.Button("View", null, c1, m4_suba);
|
||||
var mb4_b1 = new qx.ui.menu.Separator();
|
||||
var mb4_02 = new qx.ui.menu.Button("Editor Preferences...", null, c1);
|
||||
var mb4_03 = new qx.ui.menu.Button("Editor Extensions", null, c1);
|
||||
var mb4_04 = new qx.ui.menu.Button("Framework Preferences", null, c1);
|
||||
|
||||
m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04);
|
||||
|
||||
var mb4_suba_01 = new qx.ui.menu.Button("New Window", null, c1);
|
||||
var mb4_suba_b1 = new qx.ui.menu.Separator();
|
||||
var mb4_suba_02 = new qx.ui.menu.RadioButton("Overlapping", c1, true);
|
||||
var mb4_suba_03 = new qx.ui.menu.RadioButton("Split Horizontally", c1);
|
||||
var mb4_suba_04 = new qx.ui.menu.RadioButton("Split Vertically", c1);
|
||||
var mb4_suba_b2 = new qx.ui.menu.Separator();
|
||||
var mb4_suba_05 = new qx.ui.menu.Button("Next Window", null, c1);
|
||||
var mb4_suba_06 = new qx.ui.menu.Button("Previous Window", null, c1);
|
||||
|
||||
m4_suba.add(mb4_suba_01, mb4_suba_b1, mb4_suba_02, mb4_suba_03, mb4_suba_04, mb4_suba_b2, mb4_suba_05, mb4_suba_06);
|
||||
|
||||
var mb4_manager = new qx.manager.selection.RadioManager("windowMode", [ mb4_suba_02, mb4_suba_03, mb4_suba_04 ]);
|
||||
|
||||
|
||||
var m5 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb5_01 = new qx.ui.menu.Button("Help", null, c1);
|
||||
var mb5_02 = new qx.ui.menu.Button("About", null, c1);
|
||||
|
||||
m5.add(mb5_01, mb5_02);
|
||||
|
||||
d.add(m1, m2, m3, m3_suba, m3_subb, m3_subc, m3_subd, mb3_subd_02_suba, m4, m4_suba, m5);
|
||||
|
||||
|
||||
var mb1 = new qx.ui.toolbar.ToolBar;
|
||||
|
||||
mb1.setTop(48);
|
||||
mb1.setRight(335);
|
||||
mb1.setLeft(20);
|
||||
|
||||
var mbb1 = new qx.ui.toolbar.MenuButton("File", m1);
|
||||
var mbb2 = new qx.ui.toolbar.MenuButton("Edit", m2);
|
||||
var mbb3 = new qx.ui.toolbar.MenuButton("View", m3);
|
||||
var mbb4 = new qx.ui.toolbar.MenuButton("Options", m4);
|
||||
var mbb5 = new qx.ui.toolbar.MenuButton("Help", m5);
|
||||
|
||||
mb1.add(mbb1, mbb2, mbb3, mbb4, mbb5);
|
||||
|
||||
d.add(mb1);
|
||||
|
||||
|
||||
|
||||
|
||||
// Icon & Color Themes
|
||||
qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 348);
|
||||
qx.manager.object.ColorManager.getInstance().createThemeList(d, 220, 348);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,196 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Again a nice example which shows how to use qx.ui.toolbar.ToolBar as a menubar system.</p>
|
||||
<p>Added some parts and a new flex zone which aligns the help button to the right edge</p>
|
||||
<p>Added some image and a qx.ui.toolbar.CheckBox, you can event combine all these features as you can easily see here.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var c1 = new qx.client.Command();
|
||||
c1.addEventListener("execute", function(e) {
|
||||
this.debug("Execute: " + e.getData().getLabel());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var m1 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb1_01 = new qx.ui.menu.Button("New", null, c1);
|
||||
var mb1_02 = new qx.ui.menu.Button("Open", null, c1);
|
||||
var mb1_03 = new qx.ui.menu.Button("Save", null, c1);
|
||||
var mb1_04 = new qx.ui.menu.Button("Save as", null, c1);
|
||||
var mb1_05 = new qx.ui.menu.Button("Close", null, c1);
|
||||
var mb1_06 = new qx.ui.menu.Button("Restore last saved", null, c1);
|
||||
|
||||
m1.add(mb1_01, mb1_02, mb1_03, mb1_04, mb1_05, mb1_06);
|
||||
|
||||
|
||||
var m2 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb2_01 = new qx.ui.menu.Button("Undo", null, c1);
|
||||
var mb2_02 = new qx.ui.menu.Button("Redo", null, c1);
|
||||
var mb2_b1 = new qx.ui.menu.Separator();
|
||||
var mb2_03 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png", c1);
|
||||
var mb2_04 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png", c1);
|
||||
var mb2_05 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png", c1);
|
||||
var mb2_06 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png", c1);
|
||||
var mb2_b2 = new qx.ui.menu.Separator();
|
||||
var mb2_07 = new qx.ui.menu.Button("Select All", null, c1);
|
||||
var mb2_08 = new qx.ui.menu.Button("Find", null, c1);
|
||||
var mb2_09 = new qx.ui.menu.Button("Find Again", null, c1);
|
||||
|
||||
|
||||
|
||||
|
||||
mb2_05.setEnabled(false);
|
||||
mb2_06.setEnabled(false);
|
||||
mb2_09.setEnabled(false);
|
||||
|
||||
m2.add(mb2_01, mb2_02, mb2_b1, mb2_03, mb2_04, mb2_05, mb2_06, mb2_b2, mb2_07, mb2_08, mb2_09);
|
||||
|
||||
|
||||
var m3 = new qx.ui.menu.Menu;
|
||||
var m3_suba = new qx.ui.menu.Menu;
|
||||
var m3_subb = new qx.ui.menu.Menu;
|
||||
var m3_subc = new qx.ui.menu.Menu;
|
||||
var m3_subd = new qx.ui.menu.Menu;
|
||||
|
||||
var mb3_01 = new qx.ui.menu.CheckBox("File List", c1, false);
|
||||
var mb3_02 = new qx.ui.menu.CheckBox("Syntax Highlighting", c1, true);
|
||||
var mb3_03 = new qx.ui.menu.CheckBox("Statusbar", c1, true);
|
||||
var mb3_b1 = new qx.ui.menu.Separator();
|
||||
var mb3_04 = new qx.ui.menu.Button("Printer Font", null, null, m3_suba);
|
||||
var mb3_05 = new qx.ui.menu.Button("Editor Font", null, null, m3_subb);
|
||||
var mb3_06 = new qx.ui.menu.Button("Export Font", null, null, m3_subc);
|
||||
var mb3_b2 = new qx.ui.menu.Separator();
|
||||
var mb3_07 = new qx.ui.menu.Button("Advanced", null, null, m3_subd);
|
||||
|
||||
m3.add(mb3_01, mb3_02, mb3_03, mb3_b1, mb3_04, mb3_05, mb3_06, mb3_b2, mb3_07);
|
||||
|
||||
var mb3_suba_01 = new qx.ui.menu.Button("Tahoma, 11pt", null, c1);
|
||||
var mb3_suba_02 = new qx.ui.menu.Button("Tahoma, 12pt", null, c1);
|
||||
var mb3_suba_03 = new qx.ui.menu.Button("Tahoma, 13pt", null, c1);
|
||||
var mb3_suba_04 = new qx.ui.menu.Button("Tahoma, 14pt", null, c1);
|
||||
var mb3_suba_05 = new qx.ui.menu.Button("Tahoma, 15pt", null, c1);
|
||||
|
||||
m3_suba.add(mb3_suba_01, mb3_suba_02, mb3_suba_03, mb3_suba_04, mb3_suba_05);
|
||||
|
||||
var mb3_subb_01 = new qx.ui.menu.Button("Verdana, 11pt", null, c1);
|
||||
var mb3_subb_02 = new qx.ui.menu.Button("Verdana, 12pt", null, c1);
|
||||
var mb3_subb_03 = new qx.ui.menu.Button("Verdana, 13pt", null, c1);
|
||||
var mb3_subb_04 = new qx.ui.menu.Button("Verdana, 14pt", null, c1);
|
||||
var mb3_subb_05 = new qx.ui.menu.Button("Verdana, 15pt", null, c1);
|
||||
|
||||
m3_subb.add(mb3_subb_01, mb3_subb_02, mb3_subb_03, mb3_subb_04, mb3_subb_05);
|
||||
|
||||
var mb3_subc_01 = new qx.ui.menu.Button("Courier, 11pt", null, c1);
|
||||
var mb3_subc_02 = new qx.ui.menu.Button("Courier, 12pt", null, c1);
|
||||
var mb3_subc_03 = new qx.ui.menu.Button("Courier, 13pt", null, c1);
|
||||
var mb3_subc_04 = new qx.ui.menu.Button("Courier, 14pt", null, c1);
|
||||
var mb3_subc_05 = new qx.ui.menu.Button("Courier, 15pt", null, c1);
|
||||
|
||||
m3_subc.add(mb3_subc_01, mb3_subc_02, mb3_subc_03, mb3_subc_04, mb3_subc_05);
|
||||
|
||||
var mb3_subd_02_suba = new qx.ui.menu.Menu();
|
||||
|
||||
var mb3_subd_02_suba_01 = new qx.ui.menu.Button("First", null, c1);
|
||||
var mb3_subd_02_suba_02 = new qx.ui.menu.Button("Second", null, c1);
|
||||
var mb3_subd_02_suba_03 = new qx.ui.menu.Button("Third", null, c1);
|
||||
|
||||
mb3_subd_02_suba.add(mb3_subd_02_suba_01, mb3_subd_02_suba_02, mb3_subd_02_suba_03);
|
||||
|
||||
var mb3_subd_01 = new qx.ui.menu.Button("First", null, c1);
|
||||
var mb3_subd_02 = new qx.ui.menu.Button("Second", null, c1, mb3_subd_02_suba);
|
||||
var mb3_subd_03 = new qx.ui.menu.Button("Third", null, c1);
|
||||
|
||||
m3_subd.add(mb3_subd_01, mb3_subd_02, mb3_subd_03);
|
||||
|
||||
var m4 = new qx.ui.menu.Menu;
|
||||
|
||||
var m4_suba = new qx.ui.menu.Menu;
|
||||
|
||||
var mb4_01 = new qx.ui.menu.Button("View", null, c1, m4_suba);
|
||||
var mb4_b1 = new qx.ui.menu.Separator();
|
||||
var mb4_02 = new qx.ui.menu.Button("Editor Preferences...", null, c1);
|
||||
var mb4_03 = new qx.ui.menu.Button("Editor Extensions", null, c1);
|
||||
var mb4_04 = new qx.ui.menu.Button("Framework Preferences", null, c1);
|
||||
|
||||
m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04);
|
||||
|
||||
var mb4_suba_01 = new qx.ui.menu.Button("New Window", null, c1);
|
||||
var mb4_suba_b1 = new qx.ui.menu.Separator();
|
||||
var mb4_suba_02 = new qx.ui.menu.RadioButton("Overlapping", c1, true);
|
||||
var mb4_suba_03 = new qx.ui.menu.RadioButton("Split Horizontally", c1);
|
||||
var mb4_suba_04 = new qx.ui.menu.RadioButton("Split Vertically", c1);
|
||||
var mb4_suba_b2 = new qx.ui.menu.Separator();
|
||||
var mb4_suba_05 = new qx.ui.menu.Button("Next Window", null, c1);
|
||||
var mb4_suba_06 = new qx.ui.menu.Button("Previous Window", null, c1);
|
||||
|
||||
m4_suba.add(mb4_suba_01, mb4_suba_b1, mb4_suba_02, mb4_suba_03, mb4_suba_04, mb4_suba_b2, mb4_suba_05, mb4_suba_06);
|
||||
|
||||
var mb4_manager = new qx.manager.selection.RadioManager("windowMode", [ mb4_suba_02, mb4_suba_03, mb4_suba_04 ]);
|
||||
|
||||
|
||||
var m5 = new qx.ui.menu.Menu;
|
||||
|
||||
var mb5_01 = new qx.ui.menu.Button("Help", null, c1);
|
||||
var mb5_02 = new qx.ui.menu.Button("About", null, c1);
|
||||
|
||||
m5.add(mb5_01, mb5_02);
|
||||
|
||||
d.add(m1, m2, m3, m3_suba, m3_subb, m3_subc, m3_subd, mb3_subd_02_suba, m4, m4_suba, m5);
|
||||
|
||||
|
||||
var mb1 = new qx.ui.toolbar.ToolBar;
|
||||
|
||||
mb1.setTop(48);
|
||||
mb1.setRight(335);
|
||||
mb1.setLeft(20);
|
||||
|
||||
var mp1 = new qx.ui.toolbar.Part;
|
||||
var mp2 = new qx.ui.toolbar.Part;
|
||||
var mp3 = new qx.ui.toolbar.Part;
|
||||
|
||||
mb1.add(mp1, mp2, new qx.ui.basic.HorizontalSpacer, mp3);
|
||||
|
||||
var mbb1 = new qx.ui.toolbar.MenuButton("File", m1, "icon/16/file-new.png");
|
||||
var mbb2 = new qx.ui.toolbar.MenuButton("Edit", m2, "icon/16/edit.png");
|
||||
var mbb3 = new qx.ui.toolbar.MenuButton("View", m3, "icon/16/appearance.png");
|
||||
var mbb4 = new qx.ui.toolbar.MenuButton("Options", m4, "icon/16/control-center.png");
|
||||
var mbb5 = new qx.ui.toolbar.MenuButton("Help", m5, "icon/16/help.png");
|
||||
|
||||
var tbb1 = new qx.ui.toolbar.CheckBox("Checkbox", "icon/16/chart.png", true);
|
||||
|
||||
mp1.add(mbb1, mbb2);
|
||||
mp2.add(mbb3, mbb4, tbb1);
|
||||
mp3.add(mbb5);
|
||||
|
||||
d.add(mb1);
|
||||
|
||||
|
||||
|
||||
|
||||
// Icon & Color Themes
|
||||
qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 348);
|
||||
qx.manager.object.ColorManager.getInstance().createThemeList(d, 220, 348);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,111 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Test for QxToolTips. Each qx.ui.popup.ToolTip could be assigned to any
|
||||
instance of qx.ui.core.Widget. You could also use one qx.ui.popup.ToolTip instance
|
||||
for multiple QxWidgets (to show the same tooltip any multiple items).</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var c1 = new qx.ui.basic.Atom("Hover me");
|
||||
with(c1)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
setBackgroundColor(new qx.renderer.color.Color("#BDD2EF"));
|
||||
setWidth(100);
|
||||
setHeight(100);
|
||||
setTabIndex(1);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
|
||||
};
|
||||
d.add(c1);
|
||||
|
||||
|
||||
|
||||
var c2 = new qx.ui.basic.Atom("Hover me");
|
||||
with(c2)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(140);
|
||||
setBackgroundColor(new qx.renderer.color.Color("#D1DFAD"));
|
||||
setWidth(100);
|
||||
setHeight(100);
|
||||
setTabIndex(1);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
|
||||
};
|
||||
d.add(c2);
|
||||
|
||||
|
||||
var c3 = new qx.ui.basic.Atom("Hover me");
|
||||
with(c3)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(260);
|
||||
setBackgroundColor(new qx.renderer.color.Color("#D1A4AD"));
|
||||
setWidth(100);
|
||||
setHeight(100);
|
||||
setTabIndex(1);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
|
||||
};
|
||||
d.add(c3);
|
||||
|
||||
|
||||
var c4 = new qx.ui.basic.Atom("Hover me");
|
||||
with(c4)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(380);
|
||||
setBackgroundColor(new qx.renderer.color.Color("#F5E0BB"));
|
||||
setWidth(100);
|
||||
setHeight(100);
|
||||
setTabIndex(1);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
|
||||
};
|
||||
d.add(c4);
|
||||
|
||||
|
||||
var c5 = new qx.ui.basic.Atom("Hover me", "icon/32/colors.png");
|
||||
with(c5)
|
||||
{
|
||||
setTop(248);
|
||||
setLeft(20);
|
||||
setBackgroundColor(new qx.renderer.color.Color("#F5E0BB"));
|
||||
setTabIndex(1);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
|
||||
setPadding(4);
|
||||
};
|
||||
d.add(c5);
|
||||
|
||||
|
||||
var tt1 = new qx.ui.popup.ToolTip("Hello World #1");
|
||||
c1.setToolTip(tt1);
|
||||
c2.setToolTip(tt1);
|
||||
|
||||
var tt2 = new qx.ui.popup.ToolTip(null, "icon/16/help.png");
|
||||
c3.setToolTip(tt2);
|
||||
|
||||
var tt3 = new qx.ui.popup.ToolTip("Hello World #3", "icon/16/help.png");
|
||||
c4.setToolTip(tt3);
|
||||
|
||||
var tt4 = new qx.ui.popup.ToolTip("Such a great tooltip with a<br/>(show) timeout of 50ms.", "icon/32/bug.png");
|
||||
c5.setToolTip(tt4);
|
||||
tt4.setShowInterval(50);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,235 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Shows a tree, with user-defined icons for some nodes.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Root");
|
||||
var t = new qx.ui.treefullcontrol.Tree(trs);
|
||||
|
||||
with(t)
|
||||
{
|
||||
setBackgroundColor(255);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
|
||||
setOverflow("scrollY");
|
||||
|
||||
setHeight(null);
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
setWidth(200);
|
||||
setBottom(48);
|
||||
};
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
// One icon for selected and one for unselected states
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Desktop", "icon/16/desktop.png", "icon/16/dictionary.png");
|
||||
var te1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
t.add(te1);
|
||||
|
||||
desktop = te1;
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Files");
|
||||
var te1_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Workspace");
|
||||
var te1_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Network");
|
||||
var te1_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash");
|
||||
var te1_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te1.add(te1_1, te1_2, te1_3, te1_4);
|
||||
|
||||
// One icon specified, and used for both selected unselected states
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Windows (C:)", "icon/16/harddrive.png");
|
||||
var te1_2_1 = new qx.ui.treefullcontrol.TreeFile(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Documents (D:)", "icon/16/harddrive.png");
|
||||
var te1_2_2 = new qx.ui.treefullcontrol.TreeFile(trs);
|
||||
|
||||
te1_2.add(te1_2_1, te1_2_2);
|
||||
|
||||
arbeitsplatz = te1_2;
|
||||
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Inbox");
|
||||
var te2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
posteingang = te2;
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Presets");
|
||||
var te2_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Sent");
|
||||
var te2_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash", "icon/16/trash.png");
|
||||
var te2_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Data");
|
||||
var te2_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Edit");
|
||||
var te2_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
editieren = te2_5;
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Chat");
|
||||
var te2_5_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Pustefix");
|
||||
var te2_5_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("TINC");
|
||||
var te2_5_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Announce");
|
||||
var te2_5_3_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Devel");
|
||||
var te2_5_3_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te2_5_3.add(te2_5_3_1, te2_5_3_2);
|
||||
|
||||
te2_5.add(te2_5_1, te2_5_2, te2_5_3);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Lists");
|
||||
var te2_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Relations");
|
||||
var te2_6_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Company");
|
||||
var te2_6_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Questions");
|
||||
var te2_6_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Internal");
|
||||
var te2_6_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Products");
|
||||
var te2_6_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Press");
|
||||
var te2_6_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Development");
|
||||
var te2_6_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Competition");
|
||||
var te2_6_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Personal");
|
||||
var te2_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Bugs");
|
||||
var te2_7_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Family");
|
||||
var te2_7_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Projects");
|
||||
var te2_7_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Holiday");
|
||||
var te2_7_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Big");
|
||||
var te2_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
for (var i=0;i<50; i++) {
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Item " + i);
|
||||
te2_8.add(new qx.ui.treefullcontrol.TreeFolder(trs));
|
||||
};
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Spam");
|
||||
var te2_9 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
spam = te2_9;
|
||||
|
||||
te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
|
||||
|
||||
t.add(te2);
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var commandFrame = new qx.ui.groupbox.GroupBox("Control");
|
||||
|
||||
with(commandFrame)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(250);
|
||||
|
||||
setWidth("auto");
|
||||
setHeight("auto");
|
||||
};
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(commandFrame);
|
||||
|
||||
|
||||
|
||||
|
||||
var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
|
||||
|
||||
with(tCurrentLabel)
|
||||
{
|
||||
setLeft(0);
|
||||
setTop(0);
|
||||
};
|
||||
|
||||
commandFrame.add(tCurrentLabel);
|
||||
|
||||
|
||||
|
||||
var tCurrentInput = new qx.ui.form.TextField;
|
||||
|
||||
with(tCurrentInput)
|
||||
{
|
||||
setLeft(0);
|
||||
setRight(0);
|
||||
setTop(20);
|
||||
|
||||
setReadOnly(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tCurrentInput);
|
||||
|
||||
t.getManager().addEventListener("changeSelection", function(e) {
|
||||
tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
|
||||
});
|
||||
|
||||
|
||||
|
||||
var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
|
||||
|
||||
with(tDoubleClick) {
|
||||
setTop(60);
|
||||
setLeft(0);
|
||||
};
|
||||
|
||||
commandFrame.add(tDoubleClick);
|
||||
|
||||
tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
|
||||
|
||||
|
||||
|
||||
|
||||
var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
|
||||
|
||||
with(tTreeLines) {
|
||||
setTop(80);
|
||||
setLeft(0);
|
||||
setChecked(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tTreeLines);
|
||||
|
||||
tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,270 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Shows a tree, with user-defined extra fields. In this example, the extra
|
||||
fields include a left-justified icon, a checkbox between the node icon and the
|
||||
label, and a whole series of right-justified fields. Additionally, the root node may be hidden. </p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var treeRowStructure;
|
||||
|
||||
function stuff(vLabel, vIcon, vIconSelected)
|
||||
{
|
||||
treeRowStructure = qx.ui.treefullcontrol.TreeRowStructure.getInstance().newRow();
|
||||
|
||||
// A left-justified icon
|
||||
if (Math.floor(Math.random() * 4) == 0)
|
||||
{
|
||||
obj = new qx.ui.basic.Image("icon/16/alarm.png", 16);
|
||||
}
|
||||
else
|
||||
{
|
||||
obj = new qx.ui.basic.Image(null, 16);
|
||||
}
|
||||
treeRowStructure.addObject(obj, true);
|
||||
|
||||
// Here's our indentation and tree-lines
|
||||
treeRowStructure.addIndent();
|
||||
|
||||
// The standard tree icon follows
|
||||
treeRowStructure.addIcon(
|
||||
arguments.length >= 2 ? vIcon : "icon/16/desktop.png",
|
||||
arguments.length >= 3 ? vIconSelected : "icon/16/dictionary.png");
|
||||
|
||||
// A checkbox comes right after the tree icon
|
||||
obj = new qx.ui.form.CheckBox(
|
||||
null, 23, null, Math.floor(Math.random() * 2) == 0 ? false : true);
|
||||
obj.setPadding(0, 0);
|
||||
treeRowStructure.addObject(obj, true);
|
||||
|
||||
// The label
|
||||
treeRowStructure.addLabel(vLabel);
|
||||
|
||||
// All else should be right justified
|
||||
obj = new qx.ui.basic.HorizontalSpacer;
|
||||
treeRowStructure.addObject(obj, true);
|
||||
|
||||
// Add a file size, date and mode
|
||||
obj = new qx.ui.basic.Label(Math.round(Math.random() * 100) + "kb");
|
||||
obj.setWidth(50);
|
||||
treeRowStructure.addObject(obj, true);
|
||||
obj = new qx.ui.basic.Label(
|
||||
"May " + Math.round(Math.random() * 30 + 1) + " 2005");
|
||||
obj.setWidth(150);
|
||||
treeRowStructure.addObject(obj, true);
|
||||
obj = new qx.ui.basic.Label("-rw-r--r--");
|
||||
obj.setWidth(80);
|
||||
treeRowStructure.addObject(obj, true);
|
||||
|
||||
return treeRowStructure;
|
||||
}
|
||||
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var x = new qx.ui.basic.Atom("Test #1", "icon/16/reload.png", 16, 16);
|
||||
x.debug("In main");
|
||||
|
||||
var t = new qx.ui.treefullcontrol.Tree(stuff("Root"));
|
||||
with(t)
|
||||
{
|
||||
setBackgroundColor(255);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
|
||||
setOverflow("scrollY");
|
||||
|
||||
setHeight(null);
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
setWidth(600);
|
||||
setBottom(48);
|
||||
};
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
// One icon for selected and one for unselected states
|
||||
var te1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Desktop"));
|
||||
t.add(te1);
|
||||
|
||||
desktop = te1;
|
||||
|
||||
var te1_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Files"));
|
||||
var te1_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Workspace"));
|
||||
var te1_3 = new qx.ui.treefullcontrol.TreeFolder(stuff("Network"));
|
||||
var te1_4 = new qx.ui.treefullcontrol.TreeFolder(stuff("Trash"));
|
||||
|
||||
te1.add(te1_1, te1_2, te1_3, te1_4);
|
||||
|
||||
// One icon specified, and used for both selected unselected states
|
||||
var te1_2_1 = new qx.ui.treefullcontrol.TreeFile(stuff("Windows (C:)", "icon/16/harddrive.png"));
|
||||
var te1_2_2 = new qx.ui.treefullcontrol.TreeFile(stuff("Documents (D:)", "icon/16/harddrive.png"));
|
||||
|
||||
te1_2.add(te1_2_1, te1_2_2);
|
||||
|
||||
arbeitsplatz = te1_2;
|
||||
|
||||
|
||||
var te2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Inbox"));
|
||||
posteingang = te2;
|
||||
|
||||
var te2_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Presets"));
|
||||
var te2_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Sent"));
|
||||
var te2_3 = new qx.ui.treefullcontrol.TreeFolder(stuff("Trash", "icon/16/trash.png"));
|
||||
var te2_4 = new qx.ui.treefullcontrol.TreeFolder(stuff("Data"));
|
||||
var te2_5 = new qx.ui.treefullcontrol.TreeFolder(stuff("Edit"));
|
||||
|
||||
editieren = te2_5;
|
||||
|
||||
var te2_5_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Chat"));
|
||||
var te2_5_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Pustefix"));
|
||||
var te2_5_3 = new qx.ui.treefullcontrol.TreeFolder(stuff("TINC"));
|
||||
|
||||
var te2_5_3_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Announce"));
|
||||
var te2_5_3_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Devel"));
|
||||
|
||||
te2_5_3.add(te2_5_3_1, te2_5_3_2);
|
||||
|
||||
te2_5.add(te2_5_1, te2_5_2, te2_5_3);
|
||||
|
||||
var te2_6 = new qx.ui.treefullcontrol.TreeFolder(stuff("Lists"));
|
||||
|
||||
var te2_6_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Relations"));
|
||||
var te2_6_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Company"));
|
||||
var te2_6_3 = new qx.ui.treefullcontrol.TreeFolder(stuff("Questions"));
|
||||
var te2_6_4 = new qx.ui.treefullcontrol.TreeFolder(stuff("Internal"));
|
||||
var te2_6_5 = new qx.ui.treefullcontrol.TreeFolder(stuff("Products"));
|
||||
var te2_6_6 = new qx.ui.treefullcontrol.TreeFolder(stuff("Press"));
|
||||
var te2_6_7 = new qx.ui.treefullcontrol.TreeFolder(stuff("Development"));
|
||||
var te2_6_8 = new qx.ui.treefullcontrol.TreeFolder(stuff("Competition"));
|
||||
|
||||
te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
|
||||
|
||||
var te2_7 = new qx.ui.treefullcontrol.TreeFolder(stuff("Personal"));
|
||||
|
||||
var te2_7_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Bugs"));
|
||||
var te2_7_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Family"));
|
||||
var te2_7_3 = new qx.ui.treefullcontrol.TreeFolder(stuff("Projects"));
|
||||
var te2_7_4 = new qx.ui.treefullcontrol.TreeFolder(stuff("Holiday"));
|
||||
|
||||
te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
|
||||
|
||||
var te2_8 = new qx.ui.treefullcontrol.TreeFolder(stuff("Big"));
|
||||
|
||||
for (var i=0;i<50; i++) {
|
||||
te2_8.add(new qx.ui.treefullcontrol.TreeFolder(stuff("Item " + i)));
|
||||
};
|
||||
|
||||
var te2_9 = new qx.ui.treefullcontrol.TreeFolder(stuff("Spam"));
|
||||
spam = te2_9;
|
||||
|
||||
te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
|
||||
|
||||
t.add(te2);
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var commandFrame = new qx.ui.groupbox.GroupBox("Control");
|
||||
|
||||
with(commandFrame)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(650);
|
||||
|
||||
setWidth("auto");
|
||||
setHeight("auto");
|
||||
};
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(commandFrame);
|
||||
|
||||
|
||||
|
||||
|
||||
var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
|
||||
|
||||
with(tCurrentLabel)
|
||||
{
|
||||
setLeft(0);
|
||||
setTop(0);
|
||||
};
|
||||
|
||||
commandFrame.add(tCurrentLabel);
|
||||
|
||||
|
||||
|
||||
var tCurrentInput = new qx.ui.form.TextField;
|
||||
|
||||
with(tCurrentInput)
|
||||
{
|
||||
setLeft(0);
|
||||
setRight(0);
|
||||
setTop(20);
|
||||
|
||||
setReadOnly(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tCurrentInput);
|
||||
|
||||
t.getManager().addEventListener("changeSelection", function(e) {
|
||||
tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
|
||||
});
|
||||
|
||||
|
||||
|
||||
var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
|
||||
|
||||
with(tDoubleClick) {
|
||||
setTop(60);
|
||||
setLeft(0);
|
||||
};
|
||||
|
||||
commandFrame.add(tDoubleClick);
|
||||
|
||||
tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
|
||||
|
||||
|
||||
|
||||
|
||||
var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
|
||||
|
||||
with(tTreeLines) {
|
||||
setTop(80);
|
||||
setLeft(0);
|
||||
setChecked(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tTreeLines);
|
||||
|
||||
tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
|
||||
|
||||
|
||||
|
||||
|
||||
var tHideNode = new qx.ui.form.CheckBox("Hide the root node?");
|
||||
|
||||
with(tHideNode) {
|
||||
setTop(100);
|
||||
setLeft(0);
|
||||
setChecked(false);
|
||||
};
|
||||
|
||||
commandFrame.add(tHideNode);
|
||||
|
||||
tHideNode.addEventListener("changeChecked", function(e) { t.setHideNode(e.getData()); });
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,298 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Shows a tree, with user-defined icons for some nodes. This tests
|
||||
listening for tree events. A separate alert is generated upon opening a
|
||||
folder that has contents; when opening a folder that has no contents; and
|
||||
closing a folder.</p><p>We also demonstrate changing the default value of
|
||||
'allowShowPlusMinusSymbol' so that all folders initially have a plus/minus
|
||||
symbol. Then, upon opening an empty folder, we remove that
|
||||
icon.</p><p>Lastly, we demonstrate in the alert presented by tree events,
|
||||
use of the getHierarchy() method to obtain a full "path" for a tree
|
||||
node.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
/*
|
||||
* Reset the default of always showing the plus/minus symbol. The
|
||||
* default is 'false'. We want to always display it for each folder
|
||||
* (and then stop displaying it if we determine upon open that there are
|
||||
* no contents).
|
||||
*
|
||||
* The changeProperty() function assumes that it is being called
|
||||
* shortly after defineClass() is called. We therefore need to kludge
|
||||
* qx.Proto to point to the right place.
|
||||
*
|
||||
* TODO: There should be a mechanism to change a property attribute
|
||||
* without having to jump through these hoops.
|
||||
*/
|
||||
var constructor = qx.OO.classes["qx.ui.treefullcontrol.TreeFolder"];
|
||||
qx.Proto = constructor.prototype;
|
||||
qx.OO.changeProperty({ name : "alwaysShowPlusMinusSymbol", type : "boolean", defaultValue : true });
|
||||
|
||||
|
||||
var trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Root");
|
||||
var t = new qx.ui.treefullcontrol.Tree(trs);
|
||||
|
||||
/*
|
||||
* All subtrees will use this root node's event listeners. Create event
|
||||
* listeners for each of the possible events.
|
||||
*/
|
||||
t.addEventListener("treeOpenWithContent", function(e) {
|
||||
alert('treeOpenWithContent ' + e.getData().getHierarchy(new Array()).join("/"));
|
||||
});
|
||||
|
||||
t.addEventListener("treeClose", function(e) {
|
||||
alert('treeClose ' + e.getData().getHierarchy(new Array()).join("/"));
|
||||
});
|
||||
|
||||
/*
|
||||
* We handle opening an empty folder specially. We demonstrate how to
|
||||
* disable the plus/minus sign once we've determined there's nothing in
|
||||
* it. This feature might be used to dynamically retrieve the contents
|
||||
* of the folder, and if nothing is available, indicate it by removing
|
||||
* the plus/minus sign.
|
||||
*/
|
||||
t.addEventListener("treeOpenWhileEmpty", function(e) {
|
||||
alert('treeOpenWhileEmpty ' + e.getData().getHierarchy(new Array()).join("/"));
|
||||
e.getData().setAlwaysShowPlusMinusSymbol(false);
|
||||
});
|
||||
|
||||
with(t)
|
||||
{
|
||||
setBackgroundColor(255);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
|
||||
setOverflow("scrollY");
|
||||
|
||||
setHeight(null);
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
setWidth(200);
|
||||
setBottom(48);
|
||||
};
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
// One icon for selected and one for unselected states
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Desktop", "icon/16/desktop.png", "icon/16/dictionary.png");
|
||||
var te1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
t.add(te1);
|
||||
|
||||
desktop = te1;
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Files");
|
||||
var te1_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Workspace");
|
||||
var te1_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Network");
|
||||
var te1_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash");
|
||||
var te1_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te1.add(te1_1, te1_2, te1_3, te1_4);
|
||||
|
||||
// One icon specified, and used for both selected unselected states
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Windows (C:)", "icon/16/harddrive.png");
|
||||
var te1_2_1 = new qx.ui.treefullcontrol.TreeFile(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Documents (D:)", "icon/16/harddrive.png");
|
||||
var te1_2_2 = new qx.ui.treefullcontrol.TreeFile(trs);
|
||||
|
||||
te1_2.add(te1_2_1, te1_2_2);
|
||||
|
||||
arbeitsplatz = te1_2;
|
||||
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Inbox");
|
||||
var te2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
posteingang = te2;
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Presets");
|
||||
var te2_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Sent");
|
||||
var te2_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash", "icon/16/trash.png");
|
||||
var te2_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Data");
|
||||
var te2_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Edit");
|
||||
var te2_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
editieren = te2_5;
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Chat");
|
||||
var te2_5_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Pustefix");
|
||||
var te2_5_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("TINC");
|
||||
var te2_5_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Announce");
|
||||
var te2_5_3_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Devel");
|
||||
var te2_5_3_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te2_5_3.add(te2_5_3_1, te2_5_3_2);
|
||||
|
||||
te2_5.add(te2_5_1, te2_5_2, te2_5_3);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Lists");
|
||||
var te2_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Relations");
|
||||
var te2_6_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Company");
|
||||
var te2_6_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Questions");
|
||||
var te2_6_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Internal");
|
||||
var te2_6_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Products");
|
||||
var te2_6_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Press");
|
||||
var te2_6_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Development");
|
||||
var te2_6_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Competition");
|
||||
var te2_6_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Personal");
|
||||
var te2_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Bugs");
|
||||
var te2_7_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Family");
|
||||
var te2_7_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Projects");
|
||||
var te2_7_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Holiday");
|
||||
var te2_7_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Big");
|
||||
var te2_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
for (var i=0;i<50; i++) {
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Item " + i);
|
||||
te2_8.add(new qx.ui.treefullcontrol.TreeFolder(trs));
|
||||
};
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Spam");
|
||||
var te2_9 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
spam = te2_9;
|
||||
|
||||
te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
|
||||
|
||||
t.add(te2);
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var commandFrame = new qx.ui.groupbox.GroupBox("Control");
|
||||
|
||||
with(commandFrame)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(250);
|
||||
|
||||
setWidth("auto");
|
||||
setHeight("auto");
|
||||
};
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(commandFrame);
|
||||
|
||||
|
||||
|
||||
|
||||
var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
|
||||
|
||||
with(tCurrentLabel)
|
||||
{
|
||||
setLeft(0);
|
||||
setTop(0);
|
||||
};
|
||||
|
||||
commandFrame.add(tCurrentLabel);
|
||||
|
||||
|
||||
|
||||
var tCurrentInput = new qx.ui.form.TextField;
|
||||
|
||||
with(tCurrentInput)
|
||||
{
|
||||
setLeft(0);
|
||||
setRight(0);
|
||||
setTop(20);
|
||||
|
||||
setReadOnly(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tCurrentInput);
|
||||
|
||||
t.getManager().addEventListener("changeSelection", function(e) {
|
||||
tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
|
||||
});
|
||||
|
||||
|
||||
|
||||
var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
|
||||
|
||||
with(tDoubleClick) {
|
||||
setTop(60);
|
||||
setLeft(0);
|
||||
};
|
||||
|
||||
commandFrame.add(tDoubleClick);
|
||||
|
||||
tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
|
||||
|
||||
|
||||
|
||||
|
||||
var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
|
||||
|
||||
with(tTreeLines) {
|
||||
setTop(80);
|
||||
setLeft(0);
|
||||
setChecked(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tTreeLines);
|
||||
|
||||
tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
|
||||
|
||||
|
||||
var tHideNode = new qx.ui.form.CheckBox("Hide the root node?");
|
||||
|
||||
with(tHideNode) {
|
||||
setTop(100);
|
||||
setLeft(0);
|
||||
setChecked(false);
|
||||
};
|
||||
|
||||
commandFrame.add(tHideNode);
|
||||
|
||||
tHideNode.addEventListener("changeChecked", function(e) { t.setHideNode(e.getData()); });
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,384 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Shows a tree and allows playing with the settings of the Tree
|
||||
properties <i>hideNode</i> and <i>rootOpenClose</i>. Also demonstrates
|
||||
manipulating display (or not) of tree lines at specific indentation
|
||||
levels, using the <i>excludeSpecificTreeLines</i> property.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Root");
|
||||
var t = new qx.ui.treefullcontrol.Tree(trs);
|
||||
|
||||
with(t)
|
||||
{
|
||||
setBackgroundColor(255);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
|
||||
setOverflow("scrollY");
|
||||
|
||||
setHeight(null);
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
setWidth(200);
|
||||
setBottom(48);
|
||||
};
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
// One icon for selected and one for unselected states
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Desktop", "icon/16/desktop.png", "icon/16/dictionary.png");
|
||||
var te1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
t.add(te1);
|
||||
|
||||
desktop = te1;
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Files");
|
||||
var te1_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Workspace");
|
||||
var te1_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Network");
|
||||
var te1_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash");
|
||||
var te1_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te1.add(te1_1, te1_2, te1_3, te1_4);
|
||||
|
||||
// One icon specified, and used for both selected unselected states
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Windows (C:)", "icon/16/harddrive.png");
|
||||
var te1_2_1 = new qx.ui.treefullcontrol.TreeFile(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Documents (D:)", "icon/16/harddrive.png");
|
||||
var te1_2_2 = new qx.ui.treefullcontrol.TreeFile(trs);
|
||||
|
||||
te1_2.add(te1_2_1, te1_2_2);
|
||||
|
||||
arbeitsplatz = te1_2;
|
||||
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Inbox");
|
||||
var te2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
posteingang = te2;
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Presets");
|
||||
var te2_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Sent");
|
||||
var te2_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash", "icon/16/trash.png");
|
||||
var te2_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Data");
|
||||
var te2_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Edit");
|
||||
var te2_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
editieren = te2_5;
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Chat");
|
||||
var te2_5_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Pustefix");
|
||||
var te2_5_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("TINC");
|
||||
var te2_5_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Announce");
|
||||
var te2_5_3_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Devel");
|
||||
var te2_5_3_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te2_5_3.add(te2_5_3_1, te2_5_3_2);
|
||||
|
||||
te2_5.add(te2_5_1, te2_5_2, te2_5_3);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Lists");
|
||||
var te2_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Relations");
|
||||
var te2_6_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Company");
|
||||
var te2_6_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Questions");
|
||||
var te2_6_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Internal");
|
||||
var te2_6_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Products");
|
||||
var te2_6_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Press");
|
||||
var te2_6_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Development");
|
||||
var te2_6_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Competition");
|
||||
var te2_6_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Personal");
|
||||
var te2_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Bugs");
|
||||
var te2_7_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Family");
|
||||
var te2_7_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Projects");
|
||||
var te2_7_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Holiday");
|
||||
var te2_7_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Big");
|
||||
var te2_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
|
||||
for (var i=0;i<50; i++) {
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Item " + i);
|
||||
te2_8.add(new qx.ui.treefullcontrol.TreeFolder(trs));
|
||||
};
|
||||
|
||||
trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Spam");
|
||||
var te2_9 = new qx.ui.treefullcontrol.TreeFolder(trs);
|
||||
spam = te2_9;
|
||||
|
||||
te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
|
||||
|
||||
t.add(te2);
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var commandFrame = new qx.ui.groupbox.GroupBox("Control");
|
||||
|
||||
with(commandFrame)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(250);
|
||||
|
||||
setWidth("auto");
|
||||
setHeight("auto");
|
||||
};
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(commandFrame);
|
||||
|
||||
|
||||
|
||||
|
||||
var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
|
||||
|
||||
with(tCurrentLabel)
|
||||
{
|
||||
setLeft(0);
|
||||
setTop(0);
|
||||
};
|
||||
|
||||
commandFrame.add(tCurrentLabel);
|
||||
|
||||
|
||||
|
||||
var tCurrentInput = new qx.ui.form.TextField;
|
||||
|
||||
with(tCurrentInput)
|
||||
{
|
||||
setLeft(0);
|
||||
setRight(0);
|
||||
setTop(20);
|
||||
|
||||
setReadOnly(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tCurrentInput);
|
||||
|
||||
t.getManager().addEventListener("changeSelection", function(e) {
|
||||
tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
|
||||
});
|
||||
|
||||
|
||||
|
||||
var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
|
||||
|
||||
with(tDoubleClick) {
|
||||
setTop(60);
|
||||
setLeft(0);
|
||||
};
|
||||
|
||||
commandFrame.add(tDoubleClick);
|
||||
|
||||
tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
|
||||
|
||||
|
||||
|
||||
|
||||
var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
|
||||
|
||||
with(tTreeLines) {
|
||||
setTop(80);
|
||||
setLeft(0);
|
||||
setChecked(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tTreeLines);
|
||||
|
||||
tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
|
||||
|
||||
|
||||
var tHideNode = new qx.ui.form.CheckBox("Hide the root node?");
|
||||
|
||||
with(tHideNode) {
|
||||
setTop(100);
|
||||
setLeft(0);
|
||||
setChecked(false);
|
||||
};
|
||||
|
||||
commandFrame.add(tHideNode);
|
||||
|
||||
tHideNode.addEventListener("changeChecked", function(e) { t.setHideNode(e.getData()); });
|
||||
|
||||
var tIncludeRootOpenClose =
|
||||
new qx.ui.form.CheckBox("Include root open/close button?");
|
||||
|
||||
with(tIncludeRootOpenClose) {
|
||||
setTop(120);
|
||||
setLeft(0);
|
||||
setChecked(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tIncludeRootOpenClose);
|
||||
|
||||
tIncludeRootOpenClose.addEventListener("changeChecked", function(e) { t.setRootOpenClose(e.getData()); });
|
||||
|
||||
tExcludeTreeLines0 =
|
||||
new qx.ui.form.CheckBox("Exclude tree lines at level 0?");
|
||||
|
||||
with(tExcludeTreeLines0) {
|
||||
setTop(140);
|
||||
setLeft(0);
|
||||
setChecked(false);
|
||||
};
|
||||
|
||||
commandFrame.add(tExcludeTreeLines0);
|
||||
|
||||
tExcludeTreeLines0.addEventListener(
|
||||
"changeChecked",
|
||||
function(e)
|
||||
{
|
||||
var excl = t.getExcludeSpecificTreeLines();
|
||||
if (e.getData()) {
|
||||
excl[0] = true;
|
||||
} else {
|
||||
delete(excl[0]);
|
||||
}
|
||||
t.setExcludeSpecificTreeLines(excl);
|
||||
});
|
||||
|
||||
tExcludeTreeLines1 =
|
||||
new qx.ui.form.CheckBox("Exclude tree lines at level 1?");
|
||||
|
||||
with(tExcludeTreeLines1) {
|
||||
setTop(160);
|
||||
setLeft(0);
|
||||
setChecked(false);
|
||||
};
|
||||
|
||||
commandFrame.add(tExcludeTreeLines1);
|
||||
|
||||
tExcludeTreeLines1.addEventListener(
|
||||
"changeChecked",
|
||||
function(e)
|
||||
{
|
||||
var excl = t.getExcludeSpecificTreeLines();
|
||||
if (e.getData()) {
|
||||
excl[1] = true;
|
||||
} else {
|
||||
delete(excl[1]);
|
||||
}
|
||||
t.setExcludeSpecificTreeLines(excl);
|
||||
});
|
||||
|
||||
tExcludeTreeLines2 =
|
||||
new qx.ui.form.CheckBox("Exclude tree lines at level 2?");
|
||||
|
||||
with(tExcludeTreeLines2) {
|
||||
setTop(180);
|
||||
setLeft(0);
|
||||
setChecked(false);
|
||||
};
|
||||
|
||||
commandFrame.add(tExcludeTreeLines2);
|
||||
|
||||
tExcludeTreeLines2.addEventListener(
|
||||
"changeChecked",
|
||||
function(e)
|
||||
{
|
||||
var excl = t.getExcludeSpecificTreeLines();
|
||||
if (e.getData()) {
|
||||
excl[2] = true;
|
||||
} else {
|
||||
delete(excl[2]);
|
||||
}
|
||||
t.setExcludeSpecificTreeLines(excl);
|
||||
});
|
||||
|
||||
tExcludeTreeLines3 =
|
||||
new qx.ui.form.CheckBox("Exclude tree lines at level 3?");
|
||||
|
||||
with(tExcludeTreeLines3) {
|
||||
setTop(200);
|
||||
setLeft(0);
|
||||
setChecked(false);
|
||||
};
|
||||
|
||||
commandFrame.add(tExcludeTreeLines3);
|
||||
|
||||
tExcludeTreeLines3.addEventListener(
|
||||
"changeChecked",
|
||||
function(e)
|
||||
{
|
||||
var excl = t.getExcludeSpecificTreeLines();
|
||||
if (e.getData()) {
|
||||
excl[3] = true;
|
||||
} else {
|
||||
delete(excl[3]);
|
||||
}
|
||||
t.setExcludeSpecificTreeLines(excl);
|
||||
});
|
||||
|
||||
tExcludeTreeLines4 =
|
||||
new qx.ui.form.CheckBox("Exclude tree lines at level 4?");
|
||||
|
||||
with(tExcludeTreeLines4) {
|
||||
setTop(220);
|
||||
setLeft(0);
|
||||
setChecked(false);
|
||||
};
|
||||
|
||||
commandFrame.add(tExcludeTreeLines4);
|
||||
|
||||
tExcludeTreeLines4.addEventListener(
|
||||
"changeChecked",
|
||||
function(e)
|
||||
{
|
||||
var excl = t.getExcludeSpecificTreeLines();
|
||||
if (e.getData()) {
|
||||
excl[4] = true;
|
||||
} else {
|
||||
delete(excl[4]);
|
||||
}
|
||||
t.setExcludeSpecificTreeLines(excl);
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,191 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>Shows a tree, with user-defined icons for some nodes.</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var t = new qx.ui.tree.Tree("Root");
|
||||
|
||||
with(t)
|
||||
{
|
||||
setBackgroundColor(255);
|
||||
setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
|
||||
setOverflow("scrollY");
|
||||
|
||||
setHeight(null);
|
||||
setTop(48);
|
||||
setLeft(20);
|
||||
setWidth(200);
|
||||
setBottom(48);
|
||||
};
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
// One icon for selected and one for unselected states
|
||||
var te1 = new qx.ui.tree.TreeFolder("Desktop", "icon/16/desktop.png", "icon/16/dictionary.png");
|
||||
t.add(te1);
|
||||
|
||||
var te1_1 = new qx.ui.tree.TreeFolder("Files");
|
||||
var te1_2 = new qx.ui.tree.TreeFolder("Workspace");
|
||||
var te1_3 = new qx.ui.tree.TreeFolder("Network");
|
||||
var te1_4 = new qx.ui.tree.TreeFolder("Trash");
|
||||
|
||||
te1.add(te1_1, te1_2, te1_3, te1_4);
|
||||
|
||||
// One icon specified, and used for both selected unselected states
|
||||
var te1_2_1 = new qx.ui.tree.TreeFile("Windows (C:)", "icon/16/harddrive.png");
|
||||
var te1_2_2 = new qx.ui.tree.TreeFile("Documents (D:)", "icon/16/harddrive.png");
|
||||
|
||||
te1_2.add(te1_2_1, te1_2_2);
|
||||
|
||||
|
||||
var te2 = new qx.ui.tree.TreeFolder("Inbox");
|
||||
|
||||
var te2_1 = new qx.ui.tree.TreeFolder("Presets");
|
||||
var te2_2 = new qx.ui.tree.TreeFolder("Sent");
|
||||
var te2_3 = new qx.ui.tree.TreeFolder("Trash", "icon/16/trash.png");
|
||||
var te2_4 = new qx.ui.tree.TreeFolder("Data");
|
||||
var te2_5 = new qx.ui.tree.TreeFolder("Edit");
|
||||
|
||||
var te2_5_1 = new qx.ui.tree.TreeFolder("Chat");
|
||||
var te2_5_2 = new qx.ui.tree.TreeFolder("Pustefix");
|
||||
var te2_5_3 = new qx.ui.tree.TreeFolder("TINC");
|
||||
|
||||
var te2_5_3_1 = new qx.ui.tree.TreeFolder("Announce");
|
||||
var te2_5_3_2 = new qx.ui.tree.TreeFolder("Devel");
|
||||
|
||||
te2_5_3.add(te2_5_3_1, te2_5_3_2);
|
||||
|
||||
te2_5.add(te2_5_1, te2_5_2, te2_5_3);
|
||||
|
||||
var te2_6 = new qx.ui.tree.TreeFolder("Lists");
|
||||
|
||||
var te2_6_1 = new qx.ui.tree.TreeFolder("Relations");
|
||||
var te2_6_2 = new qx.ui.tree.TreeFolder("Company");
|
||||
var te2_6_3 = new qx.ui.tree.TreeFolder("Questions");
|
||||
var te2_6_4 = new qx.ui.tree.TreeFolder("Internal");
|
||||
var te2_6_5 = new qx.ui.tree.TreeFolder("Products");
|
||||
var te2_6_6 = new qx.ui.tree.TreeFolder("Press");
|
||||
var te2_6_7 = new qx.ui.tree.TreeFolder("Development");
|
||||
var te2_6_8 = new qx.ui.tree.TreeFolder("Competition");
|
||||
|
||||
te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
|
||||
|
||||
var te2_7 = new qx.ui.tree.TreeFolder("Personal");
|
||||
|
||||
var te2_7_1 = new qx.ui.tree.TreeFolder("Bugs");
|
||||
var te2_7_2 = new qx.ui.tree.TreeFolder("Family");
|
||||
var te2_7_3 = new qx.ui.tree.TreeFolder("Projects");
|
||||
var te2_7_4 = new qx.ui.tree.TreeFolder("Holiday");
|
||||
|
||||
te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
|
||||
|
||||
var te2_8 = new qx.ui.tree.TreeFolder("Big");
|
||||
|
||||
for (var i=0;i<50; i++) {
|
||||
te2_8.add(new qx.ui.tree.TreeFolder("Item " + i));
|
||||
};
|
||||
|
||||
var te2_9 = new qx.ui.tree.TreeFolder("Spam");
|
||||
|
||||
te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
|
||||
|
||||
t.add(te2);
|
||||
qx.ui.core.ClientDocument.getInstance().add(t);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var commandFrame = new qx.ui.groupbox.GroupBox("Control");
|
||||
|
||||
with(commandFrame)
|
||||
{
|
||||
setTop(48);
|
||||
setLeft(250);
|
||||
|
||||
setWidth("auto");
|
||||
setHeight("auto");
|
||||
};
|
||||
|
||||
qx.ui.core.ClientDocument.getInstance().add(commandFrame);
|
||||
|
||||
|
||||
|
||||
|
||||
var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
|
||||
|
||||
with(tCurrentLabel)
|
||||
{
|
||||
setLeft(0);
|
||||
setTop(0);
|
||||
};
|
||||
|
||||
commandFrame.add(tCurrentLabel);
|
||||
|
||||
|
||||
|
||||
var tCurrentInput = new qx.ui.form.TextField;
|
||||
|
||||
with(tCurrentInput)
|
||||
{
|
||||
setLeft(0);
|
||||
setRight(0);
|
||||
setTop(20);
|
||||
|
||||
setReadOnly(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tCurrentInput);
|
||||
|
||||
t.getManager().addEventListener("changeSelection", function(e) {
|
||||
tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
|
||||
});
|
||||
|
||||
|
||||
|
||||
var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
|
||||
|
||||
with(tDoubleClick) {
|
||||
setTop(60);
|
||||
setLeft(0);
|
||||
};
|
||||
|
||||
commandFrame.add(tDoubleClick);
|
||||
|
||||
tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
|
||||
|
||||
|
||||
|
||||
|
||||
var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
|
||||
|
||||
with(tTreeLines) {
|
||||
setTop(80);
|
||||
setLeft(0);
|
||||
setChecked(true);
|
||||
};
|
||||
|
||||
commandFrame.add(tTreeLines);
|
||||
|
||||
tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,308 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>qooxdoo » Demo</title>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
|
||||
<!--[if IE]>
|
||||
<link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
|
||||
<![endif]-->
|
||||
<script type="text/javascript" src="../../script/qx.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../../script/layout.js"></script>
|
||||
|
||||
<div id="demoDescription">
|
||||
<p>This is the qx.ui.window.Window widget. These should emulate the default look and behaviour of the application windows running under Microsoft Windows(TM).</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
qx.core.Init.getInstance().defineMain(function()
|
||||
{
|
||||
var d = qx.ui.core.ClientDocument.getInstance();
|
||||
|
||||
var w1 = new qx.ui.window.Window("First Window", "icon/16/bell.png");
|
||||
w1.setSpace(20, 400, 48, 250);
|
||||
d.add(w1);
|
||||
|
||||
var w2 = new qx.ui.window.Window("Second Window", "icon/16/colors.png");
|
||||
w2.setSpace(250, "auto", 120, "auto");
|
||||
d.add(w2);
|
||||
|
||||
var w3 = new qx.ui.window.Window("Third Window", "icon/16/network.png");
|
||||
w3.setSpace(100, 300, 200, 300);
|
||||
w3.setMaxWidth(450);
|
||||
w3.setMaxHeight(400);
|
||||
d.add(w3);
|
||||
|
||||
var wm1 = new qx.ui.window.Window("First Modal Dialog");
|
||||
wm1.setSpace(150, 200, 150, 200);
|
||||
wm1.setModal(true);
|
||||
d.add(wm1);
|
||||
|
||||
var wm2 = new qx.ui.window.Window("Second Modal Dialog");
|
||||
wm2.setSpace(100, 200, 100, 150);
|
||||
wm2.setModal(true);
|
||||
wm2.setShowClose(false);
|
||||
d.add(wm2);
|
||||
|
||||
|
||||
|
||||
|
||||
var a1 = new qx.ui.basic.Atom("Welcome to your first own Window.<br/>Have fun!", "icon/32/chart.png");
|
||||
a1.set({ top: 4, left: 4 });
|
||||
w1.add(a1);
|
||||
|
||||
|
||||
|
||||
|
||||
var tf1 = new qx.ui.pageview.tabview.TabView;
|
||||
tf1.set({ left: 10, top: 52, right: 10, bottom: 10 });
|
||||
|
||||
var t1_1 = new qx.ui.pageview.tabview.Button("Explore");
|
||||
var t1_2 = new qx.ui.pageview.tabview.Button("Internet");
|
||||
var t1_3 = new qx.ui.pageview.tabview.Button("Future");
|
||||
|
||||
t1_1.setChecked(true);
|
||||
|
||||
tf1.getBar().add(t1_1, t1_2, t1_3);
|
||||
|
||||
var p1_1 = new qx.ui.pageview.tabview.Page(t1_1);
|
||||
var p1_2 = new qx.ui.pageview.tabview.Page(t1_2);
|
||||
var p1_3 = new qx.ui.pageview.tabview.Page(t1_3);
|
||||
|
||||
tf1.getPane().add(p1_1, p1_2, p1_3);
|
||||
|
||||
w1.add(tf1);
|
||||
|
||||
|
||||
|
||||
var at1 = new qx.ui.basic.Atom("Your second window", "icon/22/find.png");
|
||||
at1.setLocation(8, 8);
|
||||
w2.add(at1);
|
||||
|
||||
|
||||
|
||||
|
||||
var btn1 = new qx.ui.form.Button("Open Modal Dialog 1", "icon/16/control-center.png");
|
||||
btn1.setLocation(4, 4);
|
||||
w3.add(btn1);
|
||||
|
||||
btn1.addEventListener("execute", function(e) {
|
||||
wm1.open();
|
||||
});
|
||||
|
||||
|
||||
var btn2 = new qx.ui.form.Button("Open Modal Dialog 2", "icon/16/control-center.png");
|
||||
btn2.setLocation(4, 4);
|
||||
wm1.add(btn2);
|
||||
|
||||
btn2.addEventListener("execute", function(e) {
|
||||
wm2.open();
|
||||
});
|
||||
|
||||
|
||||
var chkm1 = new qx.ui.form.CheckBox("Modal", null, null, true);
|
||||
chkm1.setLocation(4, 50);
|
||||
wm1.add(chkm1);
|
||||
|
||||
chkm1.addEventListener("changeChecked", function(e) {
|
||||
wm1.setModal(e.getData());
|
||||
});
|
||||
|
||||
|
||||
|
||||
var fs1 = new qx.ui.groupbox.GroupBox("Settings");
|
||||
fs1.setLocation(4, 40);
|
||||
fs1.setRight(4);
|
||||
fs1.setBottom(4);
|
||||
|
||||
|
||||
var chk1 = new qx.ui.form.CheckBox("Show Icon");
|
||||
chk1.setLocation(0, 0);
|
||||
chk1.setChecked(true);
|
||||
chk1.addEventListener("changeChecked", function(e) {
|
||||
w2.setShowIcon(e.getData());
|
||||
});
|
||||
|
||||
var chk2 = new qx.ui.form.CheckBox("Show Caption");
|
||||
chk2.setLocation(0, 20);
|
||||
chk2.setChecked(true);
|
||||
chk2.addEventListener("changeChecked", function(e) {
|
||||
w2.setShowCaption(e.getData());
|
||||
});
|
||||
|
||||
|
||||
|
||||
var chk3 = new qx.ui.form.CheckBox("Resizeable");
|
||||
chk3.setLocation(0, 50);
|
||||
chk3.setChecked(true);
|
||||
chk3.addEventListener("changeChecked", function(e) {
|
||||
w2.setResizeable(e.getData());
|
||||
});
|
||||
|
||||
var chk4 = new qx.ui.form.CheckBox("Moveable");
|
||||
chk4.setLocation(0, 70);
|
||||
chk4.setChecked(true);
|
||||
chk4.addEventListener("changeChecked", function(e) {
|
||||
w2.setMoveable(e.getData());
|
||||
});
|
||||
|
||||
|
||||
|
||||
var chk5 = new qx.ui.form.CheckBox("Show Close");
|
||||
chk5.setLocation(140, 0);
|
||||
chk5.setChecked(true);
|
||||
chk5.addEventListener("changeChecked", function(e) {
|
||||
w2.setShowClose(e.getData());
|
||||
});
|
||||
|
||||
var chk6 = new qx.ui.form.CheckBox("Show Maximize/Restore");
|
||||
chk6.setLocation(140, 20);
|
||||
chk6.setChecked(true);
|
||||
chk6.addEventListener("changeChecked", function(e) {
|
||||
w2.setShowMaximize(e.getData());
|
||||
});
|
||||
|
||||
var chk7 = new qx.ui.form.CheckBox("Show Minimize");
|
||||
chk7.setLocation(140, 40);
|
||||
chk7.setChecked(true);
|
||||
chk7.addEventListener("changeChecked", function(e) {
|
||||
w2.setShowMinimize(e.getData());
|
||||
});
|
||||
|
||||
|
||||
|
||||
var chk8 = new qx.ui.form.CheckBox("Allow Close");
|
||||
chk8.setLocation(140, 70);
|
||||
chk8.setChecked(true);
|
||||
chk8.addEventListener("changeChecked", function(e) {
|
||||
w2.setAllowClose(e.getData());
|
||||
});
|
||||
|
||||
var chk9 = new qx.ui.form.CheckBox("Allow Maximize");
|
||||
chk9.setLocation(140, 90);
|
||||
chk9.setChecked(true);
|
||||
chk9.addEventListener("changeChecked", function(e) {
|
||||
w2.setAllowMaximize(e.getData());
|
||||
});
|
||||
|
||||
var chk10 = new qx.ui.form.CheckBox("Allow Minimize");
|
||||
chk10.setLocation(140, 110);
|
||||
chk10.setChecked(true);
|
||||
chk10.addEventListener("changeChecked", function(e) {
|
||||
w2.setAllowMinimize(e.getData());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var l1 = new qx.ui.basic.Atom("Move Method", "icon/16/misc.png");
|
||||
l1.setLocation(0, 100);
|
||||
|
||||
var rb1 = new qx.ui.form.RadioButton("Frame", "frame");
|
||||
rb1.setLocation(0, 120);
|
||||
|
||||
var rb2 = new qx.ui.form.RadioButton("Opaque", "opaque");
|
||||
rb2.setLocation(0, 140);
|
||||
rb2.setChecked(true);
|
||||
|
||||
var rb3 = new qx.ui.form.RadioButton("Translucent", "translucent");
|
||||
rb3.setLocation(0, 160);
|
||||
|
||||
var rbm1 = new qx.manager.selection.RadioManager("move", [rb1, rb2, rb3]);
|
||||
|
||||
rbm1.addEventListener("changeSelected", function(e) {
|
||||
w2.setMoveMethod(e.getData().getValue());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var l2 = new qx.ui.basic.Atom("Resize Method", "icon/16/misc.png");
|
||||
l2.setLocation(0, 190);
|
||||
|
||||
var rb4 = new qx.ui.form.RadioButton("Frame", "frame");
|
||||
rb4.setLocation(0, 210);
|
||||
rb4.setChecked(true);
|
||||
|
||||
var rb5 = new qx.ui.form.RadioButton("Opaque", "opaque");
|
||||
rb5.setLocation(0, 230);
|
||||
|
||||
var rb6 = new qx.ui.form.RadioButton("Lazy Opaque", "lazyopaque");
|
||||
rb6.setLocation(0, 250);
|
||||
|
||||
var rb7 = new qx.ui.form.RadioButton("Translucent", "translucent");
|
||||
rb7.setLocation(0, 270);
|
||||
|
||||
var rbm2 = new qx.manager.selection.RadioManager("resize", [rb4, rb5, rb6, rb7]);
|
||||
|
||||
rbm2.addEventListener("changeSelected", function(e) {
|
||||
w2.setResizeMethod(e.getData().getValue());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var chk11 = new qx.ui.form.CheckBox("Show Statusbar");
|
||||
chk11.setLocation(140, 140);
|
||||
chk11.setChecked(false);
|
||||
chk11.addEventListener("changeChecked", function(e) {
|
||||
w2.setShowStatusbar(e.getData());
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
var btnpack = new qx.ui.form.Button("Pack Window", "icon/16/cdrom.png");
|
||||
btnpack.setLocation(140, 170);
|
||||
btnpack.addEventListener("execute", function(e) {
|
||||
w2.pack();
|
||||
});
|
||||
|
||||
|
||||
fs1.add(chk1, chk2, chk3, chk4, chk5, chk6, chk7, chk8, chk9, chk10, l1, rb1, rb2, rb3, l2, rb4, rb5, rb6, rb7, chk11, btnpack);
|
||||
w2.add(fs1);
|
||||
|
||||
|
||||
var icon1 = new qx.ui.basic.Image("icon/32/error.png");
|
||||
var warn1 = new qx.ui.basic.Label("Do you want to delete<br/>all your personal data?");
|
||||
|
||||
icon1.setTop(10);
|
||||
icon1.setLeft(10);
|
||||
|
||||
warn1.setTop(10);
|
||||
warn1.setLeft(48);
|
||||
|
||||
var btn3 = new qx.ui.form.Button("Yes", "icon/16/button-ok.png");
|
||||
var btn4 = new qx.ui.form.Button("No", "icon/16/button-cancel.png");
|
||||
|
||||
btn3.addEventListener("execute", function(e) {
|
||||
alert("Thank you!");
|
||||
wm2.close();
|
||||
});
|
||||
|
||||
btn4.addEventListener("execute", function(e) {
|
||||
alert("Sorry, please click 'Yes'!");
|
||||
});
|
||||
|
||||
btn3.set({ bottom : 10, right : 10 });
|
||||
btn4.set({ bottom : 10, left : 10 });
|
||||
|
||||
wm2.add(btn3, btn4, icon1, warn1);
|
||||
|
||||
|
||||
|
||||
// Icon & Color Themes
|
||||
//qx.manager.object.ImageManager.getInstance().createThemeList(w3, 20, 248);
|
||||
qx.manager.object.ColorManager.getInstance().createThemeList(w3, 4, 58);
|
||||
|
||||
|
||||
|
||||
|
||||
w1.open();
|
||||
w2.open();
|
||||
w3.open();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user