Skip to content
Browse files

fancy-settings, still needs a lot of work/tweaks

  • Loading branch information...
1 parent 2c2a2cc commit d88d992f9642e942d5a3209c4f2c859554c46dd6 @benvanik committed
View
13 apps/chrome/fancy-settings/CHANGELOG.md
@@ -0,0 +1,13 @@
+# Changelog
+
+## v1.2 [ API CHANGE! ]
+* **Feature**: Added version number to README file
+* **Feature**: Added CHANGELOG
+* **Feature**: Added alignment support
+* **Feature**: Added support for linking to specific tabs
+* **Change**: Removed the possibility to use objects to define options for elements other than popupButton
+* **Change**: Added support for option groups in popupButtons, changing the format when defining options as objects
+* **Change**: Changed the default value of "display" in the slider params from true to false
+* **Change**: Search doesn't change the DOM structure of settings any more
+* **Change**: i18n now returns the string you entered instead of undefined if no translation can be found
+* **Bug**: Fixed an issue were the search field had the wrong placeholder when "search" had no translation
View
502 apps/chrome/fancy-settings/LICENSE.txt
@@ -0,0 +1,502 @@
+ GNU LESSER GENERAL PUBLIC LICENSE
+ Version 2.1, February 1999
+
+ Copyright (C) 1991, 1999 Free Software Foundation, Inc.
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 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., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 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!
View
13 apps/chrome/fancy-settings/README.md
@@ -0,0 +1,13 @@
+# [Fancy Settings 1.2](https://github.com/frankkohlhepp/fancy-settings)
+*Create fancy, chrome-look-alike settings for your Chrome or Safari extension in minutes!*
+
+### Howto
+Welcome to Fancy Settings! Are you ready for tabs, groups, search, good style?
+Let's get started, it only takes a few minutes...
+
+[Getting started](https://github.com/frankkohlhepp/fancy-settings/wiki)
+[View Sample](http://frankkohlhepp.github.com/fancy-settings/)
+
+### License
+Fancy Settings is licensed under the **LGPL 2.1**.
+For details see *LICENSE.txt*
View
132 apps/chrome/fancy-settings/source/css/main.css
@@ -0,0 +1,132 @@
+/*
+// Copyright (c) 2011 Frank Kohlhepp
+// https://github.com/frankkohlhepp/fancy-settings
+// License: LGPL v2.1
+*/
+.fancy {
+ text-shadow: #F5F5F5 0 1px 0;
+}
+
+#sidebar {
+ position: absolute;
+ background-color: #EDEDED;
+ background-image: linear-gradient(top, #EDEDED, #F5F5F5);
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left 500,
+ color-stop(0, #EDEDED),
+ color-stop(1, #F5F5F5)
+ );
+ background-image: -moz-linear-gradient(
+ center top,
+ #EDEDED 0%,
+ #F5F5F5 100%
+ );
+ background-image: -o-linear-gradient(top, #EDEDED, #F5F5F5);
+ width: 219px;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ border-right: 1px solid #C2C2C2;
+ box-shadow: inset -8px 0 30px -30px black;
+}
+
+#icon {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ top: 12px;
+ left: 12px;
+}
+
+#sidebar h1 {
+ position: absolute;
+ top: 13px;
+ right: 25px;
+ font-size: 26px;
+ color: #707070;
+}
+
+#tab-container {
+ position: absolute;
+ top: 50px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ overflow-y: auto;
+ overflow-x: hidden;
+ text-align: right;
+}
+
+#tab-container .tab {
+ height: 28px;
+ padding-right: 25px;
+ border-top: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ font-size: 12px;
+ line-height: 28px;
+ color: #808080;
+ cursor: pointer;
+}
+
+#search-container {
+ margin-top: 5px;
+ margin-bottom: 5px;
+ padding-right: 23px !important;
+ cursor: default !important;
+}
+
+#search-container input {
+ width: 130px;
+}
+
+#tab-container .tab.active, body.searching #search-container {
+ background-color: #D4D4D4;
+ border-color: #BFBFBF;
+ color: black;
+ text-shadow: #DBDBDB 0 1px 0;
+ box-shadow: inset -12px 0 30px -30px black;
+}
+
+body.searching #tab-container .tab.active {
+ background-color: transparent;
+ border-color: transparent;
+ color: #808080;
+ text-shadow: inherit;
+ box-shadow: none;
+}
+
+#content {
+ position: absolute;
+ top: 0;
+ left: 220px;
+ right: 0;
+ bottom: 0;
+ overflow: auto;
+}
+
+.tab-content {
+ display: none;
+ position: absolute;
+ width: 840px;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ padding: 20px;
+ padding-top: 15px;
+}
+
+body.searching .tab-content {
+ display: none !important;
+}
+
+body.searching #search-result-container {
+ display: block !important;
+}
+
+body.measuring .tab-content, body.measuring #search-result-container {
+ display: block !important;
+ opacity: 0;
+ overflow: hidden;
+}
View
81 apps/chrome/fancy-settings/source/css/setting.css
@@ -0,0 +1,81 @@
+/*
+// Copyright (c) 2011 Frank Kohlhepp
+// https://github.com/frankkohlhepp/fancy-settings
+// License: LGPL v2.1
+*/
+.tab-content h2 {
+ margin: 0;
+ padding-bottom: 5px;
+ font-size: 26px;
+ color: #707070;
+ line-height: 1;
+}
+
+.setting.group {
+ border-top: 1px solid #EEEEEE;
+ margin-top: 10px;
+ padding-top: 5px;
+ padding-left: 2px;
+}
+
+.setting.group-name {
+ width: 140px;
+ padding: 0;
+ font-size: 14px;
+ font-weight: bold;
+ vertical-align: top;
+}
+
+.setting.bundle {
+ max-width: 600px;
+ margin-bottom: 5px;
+}
+
+.setting.bundle.list-box {
+ margin-bottom: 10px;
+}
+
+.setting.label.radio-buttons + .setting.container.radio-buttons {
+ margin-top: 3px;
+}
+
+.setting.label, .setting.element-label {
+ margin-right: 15px;
+ font-size: 13px;
+ font-weight: normal;
+}
+
+.setting.label.checkbox, .setting.element-label {
+ margin-left: 5px;
+ margin-right: 0;
+}
+
+.setting.label.checkbox {
+ position: relative;
+ top: 1px;
+}
+
+.setting.element.slider {
+ position: relative;
+ width: 150px;
+ top: 4px;
+}
+
+.setting.element.list-box {
+ display: block;
+ height: 100px;
+ width: 100%;
+}
+
+.setting.display.slider {
+ margin-left: 5px;
+ color: #666666;
+}
+
+#nothing-found {
+ display: none;
+ margin-top: 10px;
+ font-size: 18px;
+ font-weight: lighter;
+ color: #999999;
+}
View
4 apps/chrome/fancy-settings/source/custom.css
@@ -0,0 +1,4 @@
+/*
+// Add your own style rules here, not in css/main.css
+// or css/setting.css for easy updating reasons.
+*/
View
31 apps/chrome/fancy-settings/source/i18n.js
@@ -0,0 +1,31 @@
+this.i18n = {
+ "settings": {
+ "en": "Settings"
+ },
+ "search": {
+ "en": "Search"
+ },
+ "nothing-found": {
+ "en": "No matches were found."
+ },
+
+ "general": {
+ "en": "General"
+ },
+ "content": {
+ "en": "Content"
+ },
+ "transcoding": {
+ "en": "Transcoding"
+ },
+
+ "devices": {
+ "en": "Devices"
+ },
+ "detect devices": {
+ "en": "Automatically detect devices"
+ },
+ "default device": {
+ "en": "Playback content on"
+ }
+};
View
BIN apps/chrome/fancy-settings/source/icon.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
46 apps/chrome/fancy-settings/source/index.html
@@ -0,0 +1,46 @@
+<!--
+// Copyright (c) 2011 Frank Kohlhepp
+// https://github.com/frankkohlhepp/fancy-settings
+// License: LGPL v2.1
+-->
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title id="title"></title>
+
+ <!-- Stylesheets -->
+ <link id="favicon" rel="icon" href="">
+ <link rel="stylesheet" href="lib/default.css" media="screen">
+ <link rel="stylesheet" href="css/main.css" media="screen">
+ <link rel="stylesheet" href="css/setting.css" media="screen">
+ <link rel="stylesheet" href="custom.css" media="screen">
+
+ <!-- JavaScripts -->
+ <script src="lib/mootools-core.js"></script>
+ <script src="lib/store.js"></script>
+ <script src="js/classes/tab.js"></script>
+ <script src="js/classes/setting.js"></script>
+ <script src="js/classes/search.js"></script>
+ <script src="js/classes/fancy-settings.js"></script>
+ <script src="i18n.js"></script>
+ <script src="js/i18n.js"></script>
+ <script src="manifest.js"></script>
+ <script src="settings.js"></script>
+ </head>
+ <body class="no-select">
+ <div id="sidebar" class="fancy">
+ <img id="icon" src="" alt=""><h1 id="settings-label"></h1>
+ <div id="tab-container">
+ <div id="search-container" class="tab">
+ <input id="search" type="search" placeholder="">
+ </div>
+ </div>
+ </div>
+ <div id="content">
+ <div id="search-result-container" class="tab-content">
+ <h2 id="search-label"></h2>
+ </div>
+ </div>
+ </body>
+</html>
View
157 apps/chrome/fancy-settings/source/js/classes/fancy-settings.js
@@ -0,0 +1,157 @@
+//
+// Copyright (c) 2011 Frank Kohlhepp
+// https://github.com/frankkohlhepp/fancy-settings
+// License: LGPL v2.1
+//
+(function () {
+ var FancySettings = this.FancySettings = new Class({
+ "tabs": {},
+
+ "initialize": function (name, icon) {
+ // Set title and icon
+ $("title").set("text", name);
+ $("favicon").set("href", icon);
+ $("icon").set("src", icon);
+ $("settings-label").set("text", (i18n.get("settings") || "Settings"));
+ $("search-label").set("text", (i18n.get("search") || "Search"));
+ $("search").set("placeholder", (i18n.get("search") || "Search") + "...");
+
+ this.tab = new Tab($("tab-container"), $("content"));
+ this.search = new Search($("search"), $("search-result-container"));
+ },
+
+ "create": function (params) {
+ var tab,
+ group,
+ row,
+ content,
+ bundle;
+
+ // Create tab if it doesn't exist already
+ if (this.tabs[params.tab] === undefined) {
+ this.tabs[params.tab] = {"groups":{}};
+ tab = this.tabs[params.tab];
+
+ tab.content = this.tab.create();
+ tab.content.tab.set("text", params.tab);
+ this.search.bind(tab.content.tab);
+
+ var anchor = location.hash.substring(1);
+ if (params.tab == i18n.get(anchor) || params.tab == anchor) {
+ tab.content.activate();
+ }
+
+ tab.content = tab.content.content;
+ (new Element("h2", {
+ "text": params.tab
+ })).inject(tab.content);
+ } else {
+ tab = this.tabs[params.tab];
+ }
+
+ // Create group if it doesn't exist already
+ if (tab.groups[params.group] === undefined) {
+ tab.groups[params.group] = {};
+ group = tab.groups[params.group];
+
+ group.content = (new Element("table", {
+ "class": "setting group"
+ })).inject(tab.content);
+
+ row = (new Element("tr")).inject(group.content);
+
+ (new Element("td", {
+ "class": "setting group-name",
+ "text": params.group
+ })).inject(row);
+
+ content = (new Element("td", {
+ "class": "setting group-content"
+ })).inject(row);
+
+ group.setting = new Setting(content);
+ } else {
+ group = tab.groups[params.group];
+ }
+
+ // Create and index the setting
+ bundle = group.setting.create(params);
+ this.search.add(bundle);
+
+ return bundle;
+ },
+
+ "align": function (settings) {
+ var types,
+ type,
+ maxWidth;
+
+ types = [
+ "text",
+ "button",
+ "slider",
+ "popupButton"
+ ];
+ type = settings[0].params.type;
+ maxWidth = 0;
+
+ if (!types.contains(type)) {
+ throw "invalidType";
+ }
+
+ settings.each(function (setting) {
+ if (setting.params.type !== type) {
+ throw "multipleTypes";
+ }
+
+ var width = setting.label.offsetWidth;
+ if (width > maxWidth) {
+ maxWidth = width;
+ }
+ });
+
+ settings.each(function (setting) {
+ var width = setting.label.offsetWidth;
+ if (width < maxWidth) {
+ if (type === "button" || type === "slider") {
+ setting.element.setStyle("margin-left", (maxWidth - width + 2) + "px");
+ setting.search.element.setStyle("margin-left", (maxWidth - width + 2) + "px");
+ } else {
+ setting.element.setStyle("margin-left", (maxWidth - width) + "px");
+ setting.search.element.setStyle("margin-left", (maxWidth - width) + "px");
+ }
+ }
+ });
+ }
+ });
+
+ FancySettings.__proto__.initWithManifest = function (callback) {
+ var settings,
+ output;
+
+ settings = new FancySettings(manifest.name, manifest.icon);
+ settings.manifest = {};
+
+ manifest.settings.each(function (params) {
+ output = settings.create(params);
+ if (params.name !== undefined) {
+ settings.manifest[params.name] = output;
+ }
+ });
+
+ if (manifest.alignment !== undefined) {
+ document.body.addClass("measuring");
+ manifest.alignment.each(function (group) {
+ group = group.map(function (name) {
+ return settings.manifest[name];
+ });
+ settings.align(group);
+ });
+ document.body.removeClass("measuring");
+ }
+
+ if (callback !== undefined) {
+ callback(settings);
+ }
+ };
+}());
View
126 apps/chrome/fancy-settings/source/js/classes/search.js
@@ -0,0 +1,126 @@
+//
+// Copyright (c) 2011 Frank Kohlhepp
+// https://github.com/frankkohlhepp/fancy-settings
+// License: LGPL v2.1
+//
+(function () {
+ this.Search = new Class({
+ "index": [],
+ "groups": {},
+
+ "initialize": function (search, searchResultContainer) {
+ var setting,
+ find;
+
+ this.search = search;
+ this.searchResultContainer = searchResultContainer;
+ this.setting = new Setting(new Element("div"));
+
+ // Create setting for message "nothing found"
+ setting = new Setting(this.searchResultContainer);
+ this.nothingFound = setting.create({
+ "type": "description",
+ "text": (i18n.get("nothing-found") || "No matches were found.")
+ });
+ this.nothingFound.bundle.set("id", "nothing-found");
+
+ // Create event handlers
+ find = (function (event) {
+ this.find(event.target.get("value"));
+ }).bind(this);
+
+ this.search.addEvent("keyup", (function (event) {
+ if (event.key === "esc") {
+ this.reset();
+ } else {
+ find(event);
+ }
+ }).bind(this));
+ this.search.addEventListener("search", find, false);
+ },
+
+ "bind": function (tab) {
+ tab.addEvent("click", this.reset.bind(this));
+ },
+
+ "add": function (setting) {
+ var searchSetting = this.setting.create(setting.params);
+ setting.search = searchSetting;
+ searchSetting.original = setting;
+ this.index.push(searchSetting);
+
+ setting.addEvent("action", function (value, stopPropagation) {
+ if (searchSetting.set !== undefined && stopPropagation !== true) {
+ searchSetting.set(value, true);
+ }
+ });
+ searchSetting.addEvent("action", function (value) {
+ if (setting.set !== undefined) {
+ setting.set(value, true);
+ }
+ setting.fireEvent("action", [value, true]);
+ });
+ },
+
+ "find": function (searchString) {
+ // Exit search mode
+ if (searchString.trim() === "") {
+ document.body.removeClass("searching");
+ return;
+ }
+
+ // Or enter search mode
+ this.index.each(function (setting) { setting.bundle.dispose(); });
+ Object.each(this.groups, function (group) { group.dispose(); });
+ document.body.addClass("searching");
+
+ // Filter settings
+ var result = this.index.filter(function (setting) {
+ if (setting.params.searchString.contains(searchString.trim().toLowerCase())) {
+ return true;
+ }
+ });
+
+ // Display settings
+ result.each((function (setting) {
+ var group,
+ row;
+
+ // Create group if it doesn't exist already
+ if (this.groups[setting.params.group] === undefined) {
+ this.groups[setting.params.group] = (new Element("table", {
+ "class": "setting group"
+ })).inject(this.searchResultContainer);
+
+ group = this.groups[setting.params.group];
+ row = (new Element("tr")).inject(group);
+
+ (new Element("td", {
+ "class": "setting group-name",
+ "text": setting.params.group
+ })).inject(row);
+
+ group.content = (new Element("td", {
+ "class": "setting group-content"
+ })).inject(row);
+ } else {
+ group = this.groups[setting.params.group].inject(this.searchResultContainer);
+ }
+
+ setting.bundle.inject(group.content);
+ }).bind(this));
+
+ if (result.length === 0) {
+ this.nothingFound.bundle.addClass("show");
+ } else {
+ this.nothingFound.bundle.removeClass("show");
+ }
+ },
+
+ "reset": function () {
+ this.search.set("value", "");
+ this.search.blur();
+ this.find("");
+ }
+ });
+}());
View
645 apps/chrome/fancy-settings/source/js/classes/setting.js
@@ -0,0 +1,645 @@
+//
+// Copyright (c) 2011 Frank Kohlhepp
+// https://github.com/frankkohlhepp/fancy-settings
+// License: LGPL v2.1
+//
+(function () {
+ var settings,
+ Bundle;
+
+ settings = new Store("settings");
+ Bundle = new Class({
+ // Attributes:
+ // - tab
+ // - group
+ // - name
+ // - type
+ //
+ // Methods:
+ // - initialize
+ // - createDOM
+ // - setupDOM
+ // - addEvents
+ // - get
+ // - set
+ "Implements": Events,
+
+ "initialize": function (params) {
+ this.params = params;
+ this.params.searchString = "" + this.params.tab + "" + this.params.group + "";
+
+ this.createDOM();
+ this.setupDOM();
+ this.addEvents();
+
+ if (this.params.name !== undefined) {
+ this.set(settings.get(this.params.name), true);
+ }
+
+ this.params.searchString = this.params.searchString.toLowerCase();
+ },
+
+ "addEvents": function () {
+ this.element.addEvent("change", (function (event) {
+ if (this.params.name !== undefined) {
+ settings.set(this.params.name, this.get());
+ }
+
+ this.fireEvent("action", this.get());
+ }).bind(this));
+ },
+
+ "get": function () {
+ return this.element.get("value");
+ },
+
+ "set": function (value, noChangeEvent) {
+ this.element.set("value", value);
+
+ if (noChangeEvent !== true) {
+ this.element.fireEvent("change");
+ }
+
+ return this;
+ }
+ });
+
+ Bundle.Description = new Class({
+ // text
+ "Extends": Bundle,
+ "addEvents": undefined,
+ "get": undefined,
+ "set": undefined,
+
+ "initialize": function (params) {
+ this.params = params;
+ this.params.searchString = "";
+
+ this.createDOM();
+ this.setupDOM();
+ },
+
+ "createDOM": function () {
+ this.bundle = new Element("div", {
+ "class": "setting bundle description"
+ });
+
+ this.container = new Element("div", {
+ "class": "setting container description"
+ });
+
+ this.element = new Element("p", {
+ "class": "setting element description"
+ });
+ },
+
+ "setupDOM": function () {
+ if (this.params.text !== undefined) {
+ this.element.set("html", this.params.text);
+ }
+
+ this.element.inject(this.container);
+ this.container.inject(this.bundle);
+ }
+ });
+
+ Bundle.Button = new Class({
+ // label, text
+ // action -> click
+ "Extends": Bundle,
+ "get": undefined,
+ "set": undefined,
+
+ "initialize": function (params) {
+ this.params = params;
+ this.params.searchString = "" + this.params.tab + "" + this.params.group + "";
+
+ this.createDOM();
+ this.setupDOM();
+ this.addEvents();
+
+ this.params.searchString = this.params.searchString.toLowerCase();
+ },
+
+ "createDOM": function () {
+ this.bundle = new Element("div", {
+ "class": "setting bundle button"
+ });
+
+ this.container = new Element("div", {
+ "class": "setting container button"
+ });
+
+ this.element = new Element("input", {
+ "class": "setting element button",
+ "type": "button"
+ });
+
+ this.label = new Element("label", {
+ "class": "setting label button"
+ });
+ },
+
+ "setupDOM": function () {
+ if (this.params.label !== undefined) {
+ this.label.set("html", this.params.label);
+ this.label.inject(this.container);
+ this.params.searchString += this.params.label + "";
+ }
+
+ if (this.params.text !== undefined) {
+ this.element.set("value", this.params.text);
+ this.params.searchString += this.params.text + "";
+ }
+
+ this.element.inject(this.container);
+ this.container.inject(this.bundle);
+ },
+
+ "addEvents": function () {
+ this.element.addEvent("click", (function () {
+ this.fireEvent("action");
+ }).bind(this));
+ }
+ });
+
+ Bundle.Text = new Class({
+ // label, text, masked
+ // action -> change & keyup
+ "Extends": Bundle,
+
+ "createDOM": function () {
+ this.bundle = new Element("div", {
+ "class": "setting bundle text"
+ });
+
+ this.container = new Element("div", {
+ "class": "setting container text"
+ });
+
+ this.element = new Element("input", {
+ "class": "setting element text",
+ "type": "text"
+ });
+
+ this.label = new Element("label", {
+ "class": "setting label text"
+ });
+ },
+
+ "setupDOM": function () {
+ if (this.params.label !== undefined) {
+ this.label.set("html", this.params.label);
+ this.label.inject(this.container);
+ this.params.searchString += this.params.label + "";
+ }
+
+ if (this.params.text !== undefined) {
+ this.element.set("placeholder", this.params.text);
+ this.params.searchString += this.params.text + "";
+ }
+
+ if (this.params.masked === true) {
+ this.element.set("type", "password");
+ this.params.searchString += "password" + "";
+ }
+
+ this.element.inject(this.container);
+ this.container.inject(this.bundle);
+ },
+
+ "addEvents": function () {
+ var change = (function (event) {
+ if (this.params.name !== undefined) {
+ settings.set(this.params.name, this.get());
+ }
+
+ this.fireEvent("action", this.get());
+ }).bind(this);
+
+ this.element.addEvent("change", change);
+ this.element.addEvent("keyup", change);
+ }
+ });
+
+ Bundle.Checkbox = new Class({
+ // label
+ // action -> change
+ "Extends": Bundle,
+
+ "createDOM": function () {
+ this.bundle = new Element("div", {
+ "class": "setting bundle checkbox"
+ });
+
+ this.container = new Element("div", {
+ "class": "setting container checkbox"
+ });
+
+ this.element = new Element("input", {
+ "id": String.uniqueID(),
+ "class": "setting element checkbox",
+ "type": "checkbox",
+ "value": "true"
+ });
+
+ this.label = new Element("label", {
+ "class": "setting label checkbox",
+ "for": this.element.get("id")
+ });
+ },
+
+ "setupDOM": function () {
+ this.element.inject(this.container);
+ this.container.inject(this.bundle);
+
+ if (this.params.label !== undefined) {
+ this.label.set("html", this.params.label);
+ this.label.inject(this.container);
+ this.params.searchString += this.params.label + "";
+ }
+ },
+
+ "get": function () {
+ return this.element.get("checked");
+ },
+
+ "set": function (value, noChangeEvent) {
+ this.element.set("checked", value);
+
+ if (noChangeEvent !== true) {
+ this.element.fireEvent("change");
+ }
+
+ return this;
+ }
+ });
+
+ Bundle.Slider = new Class({
+ // label, max, min, step, display, displayModifier
+ // action -> change
+ "Extends": Bundle,
+
+ "initialize": function (params) {
+ this.params = params;
+ this.params.searchString = "" + this.params.tab + "" + this.params.group + "";
+
+ this.createDOM();
+ this.setupDOM();
+ this.addEvents();
+
+ if (this.params.name !== undefined) {
+ this.set((settings.get(this.params.name) || 0), true);
+ } else {
+ this.set(0, true);
+ }
+
+ this.params.searchString = this.params.searchString.toLowerCase();
+ },
+
+ "createDOM": function () {
+ this.bundle = new Element("div", {
+ "class": "setting bundle slider"
+ });
+
+ this.container = new Element("div", {
+ "class": "setting container slider"
+ });
+
+ this.element = new Element("input", {
+ "class": "setting element slider",
+ "type": "range"
+ });
+
+ this.label = new Element("label", {
+ "class": "setting label slider"
+ });
+
+ this.display = new Element("span", {
+ "class": "setting display slider"
+ });
+ },
+
+ "setupDOM": function () {
+ if (this.params.label !== undefined) {
+ this.label.set("html", this.params.label);
+ this.label.inject(this.container);
+ this.params.searchString += this.params.label + "";
+ }
+
+ if (this.params.max !== undefined) {
+ this.element.set("max", this.params.max);
+ }
+
+ if (this.params.min !== undefined) {
+ this.element.set("min", this.params.min);
+ }
+
+ if (this.params.step !== undefined) {
+ this.element.set("step", this.params.step);
+ }
+
+ this.element.inject(this.container);
+ if (this.params.display === true) {
+ if (this.params.displayModifier !== undefined) {
+ this.display.set("text", this.params.displayModifier(0));
+ } else {
+ this.display.set("text", 0);
+ }
+ this.display.inject(this.container);
+ }
+ this.container.inject(this.bundle);
+ },
+
+ "addEvents": function () {
+ this.element.addEvent("change", (function (event) {
+ if (this.params.name !== undefined) {
+ settings.set(this.params.name, this.get());
+ }
+
+ if (this.params.displayModifier !== undefined) {
+ this.display.set("text", this.params.displayModifier(this.get()));
+ } else {
+ this.display.set("text", this.get());
+ }
+ this.fireEvent("action", this.get());
+ }).bind(this));
+ },
+
+ "get": function () {
+ return Number.from(this.element.get("value"));
+ },
+
+ "set": function (value, noChangeEvent) {
+ this.element.set("value", value);
+
+ if (noChangeEvent !== true) {
+ this.element.fireEvent("change");
+ } else {
+ if (this.params.displayModifier !== undefined) {
+ this.display.set("text", this.params.displayModifier(Number.from(value)));
+ } else {
+ this.display.set("text", Number.from(value));
+ }
+ }
+
+ return this;
+ }
+ });
+
+ Bundle.PopupButton = new Class({
+ // label, options[{value, text}]
+ // action -> change
+ "Extends": Bundle,
+
+ "createDOM": function () {
+ this.bundle = new Element("div", {
+ "class": "setting bundle popup-button"
+ });
+
+ this.container = new Element("div", {
+ "class": "setting container popup-button"
+ });
+
+ this.element = new Element("select", {
+ "class": "setting element popup-button"
+ });
+
+ this.label = new Element("label", {
+ "class": "setting label popup-button"
+ });
+
+ if (this.params.options === undefined) { return; }
+
+ // convert array syntax into object syntax for options
+ function arrayToObject(option) {
+ if (typeOf(option) == "array") {
+ option = {
+ "value": option[0],
+ "text": option[1] || option[0],
+ };
+ }
+ return option;
+ }
+
+ // convert arrays
+ if (typeOf(this.params.options) == "array") {
+ var values = [];
+ this.params.options.each((function(values, option) {
+ values.push(arrayToObject(option));
+ }).bind(this, values));
+ this.params.options = { "values": values };
+ }
+
+ var groups;
+ if (this.params.options.groups !== undefined) {
+ groups = {};
+ this.params.options.groups.each((function (groups, group) {
+ this.params.searchString += (group) + "";
+ groups[group] = (new Element("optgroup", {
+ "label": group,
+ }).inject(this.element));
+ }).bind(this, groups));
+ }
+
+ if (this.params.options.values !== undefined) {
+ this.params.options.values.each((function(groups, option) {
+ option = arrayToObject(option);
+ this.params.searchString += (option.text || option.value) + "";
+
+ // find the parent of this option - either a group or the main element
+ var parent;
+ if (option.group && this.params.options.groups) {
+ if ((option.group - 1) in this.params.options.groups) {
+ option.group = this.params.options.groups[option.group-1];
+ }
+ if (option.group in groups) {
+ parent = groups[option.group];
+ }
+ else {
+ parent = this.element;
+ }
+ }
+ else {
+ parent = this.element;
+ }
+
+ (new Element("option", {
+ "value": option.value,
+ "text": option.text || option.value,
+ })).inject(parent);
+ }).bind(this, groups));
+ }
+ },
+
+ "setupDOM": function () {
+ if (this.params.label !== undefined) {
+ this.label.set("html", this.params.label);
+ this.label.inject(this.container);
+ this.params.searchString += this.params.label + "";
+ }
+
+ this.element.inject(this.container);
+ this.container.inject(this.bundle);
+ }
+ });
+
+ Bundle.ListBox = new Class({
+ // label, options[{value, text}]
+ // action -> change
+ "Extends": Bundle.PopupButton,
+
+ "createDOM": function () {
+ this.bundle = new Element("div", {
+ "class": "setting bundle list-box"
+ });
+
+ this.container = new Element("div", {
+ "class": "setting container list-box"
+ });
+
+ this.element = new Element("select", {
+ "class": "setting element list-box",
+ "size": "2"
+ });
+
+ this.label = new Element("label", {
+ "class": "setting label list-box"
+ });
+
+ if (this.params.options === undefined) { return; }
+ this.params.options.each((function (option) {
+ this.params.searchString += (option[1] || option[0]) + "";
+
+ (new Element("option", {
+ "value": option[0],
+ "text": option[1] || option[0]
+ })).inject(this.element);
+ }).bind(this));
+ },
+
+ "get": function () {
+ return (this.element.get("value") || undefined);
+ }
+ });
+
+ Bundle.RadioButtons = new Class({
+ // label, options[{value, text}]
+ // action -> change
+ "Extends": Bundle,
+
+ "createDOM": function () {
+ var settingID = String.uniqueID();
+
+ this.bundle = new Element("div", {
+ "class": "setting bundle radio-buttons"
+ });
+
+ this.label = new Element("label", {
+ "class": "setting label radio-buttons"
+ });
+
+ this.containers = [];
+ this.elements = [];
+ this.labels = [];
+
+ if (this.params.options === undefined) { return; }
+ this.params.options.each((function (option) {
+ var optionID,
+ container;
+
+ this.params.searchString += (option[1] || option[0]) + "";
+
+ optionID = String.uniqueID();
+ container = (new Element("div", {
+ "class": "setting container radio-buttons"
+ })).inject(this.bundle);
+ this.containers.push(container);
+
+ this.elements.push((new Element("input", {
+ "id": optionID,
+ "name": settingID,
+ "class": "setting element radio-buttons",
+ "type": "radio",
+ "value": option[0]
+ })).inject(container));
+
+ this.labels.push((new Element("label", {
+ "class": "setting element-label radio-buttons",
+ "for": optionID,
+ "text": option[1] || option[0]
+ })).inject(container));
+ }).bind(this));
+ },
+
+ "setupDOM": function () {
+ if (this.params.label !== undefined) {
+ this.label.set("html", this.params.label);
+ this.label.inject(this.bundle, "top");
+ this.params.searchString += this.params.label + "";
+ }
+ },
+
+ "addEvents": function () {
+ this.bundle.addEvent("change", (function (event) {
+ if (this.params.name !== undefined) {
+ settings.set(this.params.name, this.get());
+ }
+
+ this.fireEvent("action", this.get());
+ }).bind(this));
+ },
+
+ "get": function () {
+ var checkedEl = this.elements.filter((function (el) {
+ return el.get("checked");
+ }).bind(this));
+ return (checkedEl[0] && checkedEl[0].get("value"));
+ },
+
+ "set": function (value, noChangeEvent) {
+ var desiredEl = this.elements.filter((function (el) {
+ return (el.get("value") === value);
+ }).bind(this));
+ desiredEl[0] && desiredEl[0].set("checked", true);
+
+ if (noChangeEvent !== true) {
+ this.bundle.fireEvent("change");
+ }
+
+ return this;
+ }
+ });
+
+ this.Setting = new Class({
+ "initialize": function (container) {
+ this.container = container;
+ },
+
+ "create": function (params) {
+ var types,
+ bundle;
+
+ // Available types
+ types = {
+ "description": "Description",
+ "button": "Button",
+ "text": "Text",
+ "checkbox": "Checkbox",
+ "slider": "Slider",
+ "popupButton": "PopupButton",
+ "listBox": "ListBox",
+ "radioButtons": "RadioButtons"
+ };
+
+ if (types.hasOwnProperty(params.type)) {
+ bundle = new Bundle[types[params.type]](params);
+ bundle.bundleContainer = this.container;
+ bundle.bundle.inject(this.container);
+ return bundle;
+ } else {
+ throw "invalidType";
+ }
+ }
+ });
+}());
View
52 apps/chrome/fancy-settings/source/js/classes/tab.js
@@ -0,0 +1,52 @@
+//
+// Copyright (c) 2011 Frank Kohlhepp
+// https://github.com/frankkohlhepp/fancy-settings
+// License: LGPL v2.1
+//
+(function () {
+ var Bundle = new Class({
+ "initialize": function (creator) {
+ this.creator = creator;
+
+ // Create DOM elements
+ this.tab = new Element("div", {"class": "tab"});
+ this.content = new Element("div", {"class": "tab-content"});
+
+ // Create event handlers
+ this.tab.addEvent("click", this.activate.bind(this));
+ },
+
+ "activate": function () {
+ if (this.creator.activeBundle && this.creator.activeBundle !== this) {
+ this.creator.activeBundle.deactivate();
+ }
+
+ this.tab.addClass("active");
+ this.content.addClass("show");
+ this.creator.activeBundle = this;
+ },
+
+ "deactivate": function () {
+ this.tab.removeClass("active");
+ this.content.removeClass("show");
+ this.creator.activeBundle = null;
+ }
+ });
+
+ this.Tab = new Class({
+ "activeBundle": null,
+
+ "initialize": function (tabContainer, tabContentContainer) {
+ this.tabContainer = tabContainer;
+ this.tabContentContainer = tabContentContainer;
+ },
+
+ "create": function () {
+ var bundle = new Bundle(this);
+ bundle.tab.inject(this.tabContainer);
+ bundle.content.inject(this.tabContentContainer);
+ if (!this.activeBundle) { bundle.activate(); }
+ return bundle;
+ }
+ });
+}());
View
27 apps/chrome/fancy-settings/source/js/i18n.js
@@ -0,0 +1,27 @@
+//
+// Copyright (c) 2011 Frank Kohlhepp
+// https://github.com/frankkohlhepp/fancy-settings
+// License: LGPL v2.1
+//
+(function () {
+ var lang = navigator.language.split("-")[0];
+ if (this.i18n === undefined) { this.i18n = {}; }
+ this.i18n.get = function (value) {
+ if (value === "lang") {
+ return lang;
+ }
+
+ if (this.hasOwnProperty(value)) {
+ value = this[value];
+ if (value.hasOwnProperty(lang)) {
+ return value[lang];
+ } else if (value.hasOwnProperty("en")) {
+ return value["en"];
+ } else {
+ return Object.values(value)[0];
+ }
+ } else {
+ return value;
+ }
+ };
+}());
View
467 apps/chrome/fancy-settings/source/lib/default.css
@@ -0,0 +1,467 @@
+/*
+// Copyright (c) 2007 - 2010 blueprintcss.org
+// Modified and extended by Frank Kohlhepp in 2011
+// https://github.com/frankkohlhepp/default-css
+// License: MIT-license
+*/
+
+/*
+// Reset the default browser CSS
+*/
+html {
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+
+body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, code,
+del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-family: inherit;
+ font-size: 100%;
+ font-weight: inherit;
+ font-style: inherit;
+ vertical-align: baseline;
+}
+
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {
+ display: block;
+}
+
+body {
+ background-color: white;
+ line-height: 1.5;
+}
+
+table {
+ border-collapse: separate;
+ border-spacing: 0;
+}
+
+caption, th, td {
+ text-align: left;
+ font-weight: normal;
+}
+
+table, th, td {
+ vertical-align: middle;
+}
+
+blockquote:before, blockquote:after, q:before, q:after {
+ content: "";
+}
+
+blockquote, q {
+ quotes: "" "";
+}
+
+a img {
+ border: none;
+}
+
+/*
+// Default typography
+*/
+html {
+ font-size: 100.01%;
+}
+
+body {
+ background-color: white;
+ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+ font-size: 75%;
+ color: #222222;
+}
+
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+ font-weight: normal;
+ color: #111111;
+}
+
+h1 {
+ margin-bottom: 0.5em;
+ font-size: 3em;
+ line-height: 1;
+}
+
+h2 {
+ margin-bottom: 0.75em;
+ font-size: 2em;
+}
+
+h3 {
+ margin-bottom: 1em;
+ font-size: 1.5em;
+ line-height: 1;
+}
+
+h4 {
+ margin-bottom: 1.25em;
+ font-size: 1.2em;
+ line-height: 1.25;
+}
+
+h5 {
+ margin-bottom: 1.5em;
+ font-size: 1em;
+ font-weight: bold;
+}
+
+h6 {
+ font-size: 1em;
+ font-weight: bold;
+}
+
+h1 img, h2 img, h3 img,
+h4 img, h5 img, h6 img {
+ margin: 0;
+}
+
+/* Text elements */
+p {
+ margin: 0 0 1.5em;
+}
+
+.left {
+ float: left !important;
+}
+
+p .left {
+ margin: 1.5em 1.5em 1.5em 0;
+ padding: 0;
+}
+
+.right {
+ float: right !important;
+}
+
+p .right {
+ margin: 1.5em 0 1.5em 1.5em;
+ padding: 0;
+}
+
+a:focus, a:hover {
+ color: #0099FF;
+}
+
+a {
+ color: #0066CC;
+ text-decoration: underline;
+}
+
+blockquote {
+ margin: 1.5em;
+ font-style: italic;
+ color: #666666;
+}
+
+strong, dfn {
+ font-weight: bold;
+}
+
+em, dfn {
+ font-style: italic;
+}
+
+sup, sub {
+ line-height: 0;
+}
+
+abbr, acronym {
+ border-bottom: 1px dotted #666666;
+}
+
+address {
+ margin: 0 0 1.5em;
+ font-style: italic;
+}
+
+del {
+ color: #666666;
+}
+
+pre {
+ margin: 1.5em 0;
+ white-space: pre;
+}
+
+pre, code, tt {
+ font: 1em "andale mono", "lucida console", monospace;
+ line-height: 1.5;
+}
+
+/* Lists */
+li ul, li ol {
+ margin: 0;
+}
+
+ul, ol {
+ margin: 0 1.5em 1.5em 0;
+ padding-left: 1.5em;
+}
+
+ul {
+ list-style-type: disc;
+}
+
+ol {
+ list-style-type: decimal;
+}
+
+dl {
+ margin: 0 0 1.5em 0;
+}
+
+dl dt {
+ font-weight: bold;
+}
+
+dd {
+ margin-left: 1.5em;
+}
+
+/* Tables */
+table {
+ width: 100%;
+ margin-bottom: 1.4em;
+}
+
+th {
+ font-weight: bold;
+}
+
+table.zebra thead th, table.zebra tfoot th {
+ background-color: #BFBFBF;
+}
+
+th, td, caption {
+ padding: 4px 10px 4px 5px;
+}
+
+table.zebra tbody tr:nth-child(even) td, table.zebra tbody tr.even td {
+ background-color: #E6E6E6;
+}
+
+caption {
+ background-color: #EEEEEE;
+}
+
+/* Misc classes */
+.fancy {
+ text-shadow: white 0 1px 0;
+}
+
+.bfancy {
+ text-shadow: black 0 1px 0;
+}
+
+.fancyt {
+ text-shadow: white 0 -1px 0;
+}
+
+.bfancyt {
+ text-shadow: black 0 -1px 0;
+}
+
+.no-fancy {
+ text-shadow: none;
+}
+
+.select {
+ cursor: auto;
+ user-select: auto;
+ -webkit-user-select: auto;
+ -moz-user-select: auto;
+ -o-user-select: auto;
+}
+
+img.select, .select img {
+ user-drag: auto;
+ -webkit-user-drag: auto;
+ -moz-user-drag: auto;
+ -o-user-drag: auto;
+}
+
+.no-select {
+ cursor: default;
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -o-user-select: none;
+}
+
+img.no-select, .no-select img {
+ user-drag: none;
+ -webkit-user-drag: none;
+ -moz-user-drag: none;
+ -o-user-drag: none;
+}
+
+.focus:focus, .focus :focus {
+ outline: auto;
+}
+
+.no-focus:focus, .no-focus :focus {
+ outline: 0;
+}
+
+.small {
+ margin-bottom: 1.875em;
+ font-size: .8em;
+ line-height: 1.875em;
+}
+
+.large {
+ margin-bottom: 1.25em;
+ font-size: 1.2em;
+ line-height: 2.5em;
+}
+
+.show {
+ display: block !important;
+}
+
+.show-inline {
+ display: inline-block !important;
+}
+
+.hide {
+ display: none;
+}
+
+.quiet {
+ color: #666666;
+}
+
+.loud {
+ color: black;
+}
+
+.highlight {
+ background-color: yellow;
+}
+
+.added {
+ background-color: #006600;
+ color: white;
+}
+
+.removed {
+ background-color: #990000;
+ color: white;
+}
+
+.first {
+ margin-left: 0;
+ padding-left: 0;
+}
+
+.last {
+ margin-right: 0;
+ padding-right: 0;
+}
+
+.top {
+ margin-top: 0;
+ padding-top: 0;
+}
+
+.bottom {
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+/*
+// Default styling for forms
+*/
+fieldset {
+ margin: 0 0 1.5em 0;
+ padding: 0 1.4em 1.4em 1.4em;
+ border: 1px solid #CCCCCC;
+}
+
+legend {
+ margin-top: -0.2em;
+ margin-bottom: 1em;
+ font-weight: bold;
+ font-size: 1.2em;
+}
+
+/* Form fields */
+input[type=text], input[type=password], textarea {
+ background-color: white;
+ border: 1px solid #BBBBBB;
+}
+
+input[type=text], input[type=password],
+textarea, select {
+ margin: 0.5em 0;
+}
+
+input[type=text], input[type=password] {
+ width: 300px;
+ padding: 4px;
+}
+
+textarea {
+ width: 450px;
+ height: 170px;
+ padding: 5px;
+}
+
+/* success, info, notice and error boxes */
+.success, .info, .notice, .error {
+ margin-bottom: 1em;
+ padding: 0.8em;
+ border: 2px solid #DDDDDD;
+}
+
+.success {
+ background-color: #E6EFC2;
+ border-color: #C6D880;
+ color: #264409;
+}
+
+.info {
+ background-color: #D5EDF8;
+ border-color: #92CAE4;
+ color: #205791;
+}
+
+.notice {
+ background-color: #FFF6BF;
+ border-color: #FFD324;
+ color: #514721;
+}
+
+.error {
+ background-color: #FBE3E4;
+ border-color: #FBC2C4;
+ color: #8A1F11;
+}
+
+.success a {
+ color: #264409;
+}
+
+.info a {
+ color: #205791;
+}
+
+.notice a {
+ color: #514721;
+}
+
+.error a {
+ color: #8A1F11;
+}
View
5,515 apps/chrome/fancy-settings/source/lib/mootools-core.js
5,515 additions, 0 deletions not shown because the diff is too large. Please use a local Git client to view these changes.
View
99 apps/chrome/fancy-settings/source/lib/store.js
@@ -0,0 +1,99 @@
+//
+// Copyright (c) 2011 Frank Kohlhepp
+// https://github.com/frankkohlhepp/store-js
+// License: MIT-license