From 742b86edbb3291b46e61481cba2972c51b1e925e Mon Sep 17 00:00:00 2001 From: Diogo Cordeiro Date: Fri, 16 Feb 2018 15:18:42 +0100 Subject: [PATCH] First release --- COPYING | 661 ++++++++ README.md | 76 + app/input-frontend/css/app.css | 5 + .../css/ratchet-theme-android.css | 622 +++++++ .../css/ratchet-theme-android.min.css | 9 + app/input-frontend/css/ratchet-theme-ios.css | 471 ++++++ .../css/ratchet-theme-ios.min.css | 9 + app/input-frontend/css/ratchet.css | 1434 +++++++++++++++++ app/input-frontend/css/ratchet.min.css | 9 + app/input-frontend/fonts/ratchicons.eot | Bin 0 -> 11688 bytes app/input-frontend/fonts/ratchicons.svg | 61 + app/input-frontend/fonts/ratchicons.ttf | Bin 0 -> 11512 bytes app/input-frontend/fonts/ratchicons.woff | Bin 0 -> 6780 bytes app/input-frontend/index.html | 164 ++ app/input-frontend/js/ratchet.js | 10 + app/input-frontend/js/ratchet.min.js | 944 +++++++++++ app/input-frontend/pic_bulboff.gif | Bin 0 -> 2493 bytes app/input-frontend/pic_bulbon.gif | Bin 0 -> 2554 bytes arduino/output/output.ino | 168 ++ server/api.php | 146 ++ 20 files changed, 4789 insertions(+) create mode 100644 COPYING create mode 100644 README.md create mode 100644 app/input-frontend/css/app.css create mode 100644 app/input-frontend/css/ratchet-theme-android.css create mode 100644 app/input-frontend/css/ratchet-theme-android.min.css create mode 100644 app/input-frontend/css/ratchet-theme-ios.css create mode 100644 app/input-frontend/css/ratchet-theme-ios.min.css create mode 100644 app/input-frontend/css/ratchet.css create mode 100644 app/input-frontend/css/ratchet.min.css create mode 100644 app/input-frontend/fonts/ratchicons.eot create mode 100644 app/input-frontend/fonts/ratchicons.svg create mode 100644 app/input-frontend/fonts/ratchicons.ttf create mode 100644 app/input-frontend/fonts/ratchicons.woff create mode 100644 app/input-frontend/index.html create mode 100644 app/input-frontend/js/ratchet.js create mode 100644 app/input-frontend/js/ratchet.min.js create mode 100644 app/input-frontend/pic_bulboff.gif create mode 100644 app/input-frontend/pic_bulbon.gif create mode 100644 arduino/output/output.ino create mode 100644 server/api.php diff --git a/COPYING b/COPYING new file mode 100644 index 0000000..dba13ed --- /dev/null +++ b/COPYING @@ -0,0 +1,661 @@ + GNU AFFERO GENERAL PUBLIC LICENSE + Version 3, 19 November 2007 + + Copyright (C) 2007 Free Software Foundation, Inc. + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The GNU Affero General Public License is a free, copyleft license for +software and other kinds of works, specifically designed to ensure +cooperation with the community in the case of network server software. + + The licenses for most software and other practical works are designed +to take away your freedom to share and change the works. By contrast, +our General Public Licenses are intended to guarantee your freedom to +share and change all versions of a program--to make sure it remains free +software for all its users. + + When we speak of free software, we are referring to freedom, 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 +them if you wish), that you receive source code or can get it if you +want it, that you can change the software or use pieces of it in new +free programs, and that you know you can do these things. + + Developers that use our General Public Licenses protect your rights +with two steps: (1) assert copyright on the software, and (2) offer +you this License which gives you legal permission to copy, distribute +and/or modify the software. + + A secondary benefit of defending all users' freedom is that +improvements made in alternate versions of the program, if they +receive widespread use, become available for other developers to +incorporate. Many developers of free software are heartened and +encouraged by the resulting cooperation. However, in the case of +software used on network servers, this result may fail to come about. +The GNU General Public License permits making a modified version and +letting the public access it on a server without ever releasing its +source code to the public. + + The GNU Affero General Public License is designed specifically to +ensure that, in such cases, the modified source code becomes available +to the community. It requires the operator of a network server to +provide the source code of the modified version running there to the +users of that server. Therefore, public use of a modified version, on +a publicly accessible server, gives the public access to the source +code of the modified version. + + An older license, called the Affero General Public License and +published by Affero, was designed to accomplish similar goals. This is +a different license, not a version of the Affero GPL, but Affero has +released a new version of the Affero GPL which permits relicensing under +this license. + + The precise terms and conditions for copying, distribution and +modification follow. + + TERMS AND CONDITIONS + + 0. Definitions. + + "This License" refers to version 3 of the GNU Affero General Public License. + + "Copyright" also means copyright-like laws that apply to other kinds of +works, such as semiconductor masks. + + "The Program" refers to any copyrightable work licensed under this +License. Each licensee is addressed as "you". "Licensees" and +"recipients" may be individuals or organizations. + + To "modify" a work means to copy from or adapt all or part of the work +in a fashion requiring copyright permission, other than the making of an +exact copy. The resulting work is called a "modified version" of the +earlier work or a work "based on" the earlier work. + + A "covered work" means either the unmodified Program or a work based +on the Program. + + To "propagate" a work means to do anything with it that, without +permission, would make you directly or secondarily liable for +infringement under applicable copyright law, except executing it on a +computer or modifying a private copy. Propagation includes copying, +distribution (with or without modification), making available to the +public, and in some countries other activities as well. + + To "convey" a work means any kind of propagation that enables other +parties to make or receive copies. Mere interaction with a user through +a computer network, with no transfer of a copy, is not conveying. + + An interactive user interface displays "Appropriate Legal Notices" +to the extent that it includes a convenient and prominently visible +feature that (1) displays an appropriate copyright notice, and (2) +tells the user that there is no warranty for the work (except to the +extent that warranties are provided), that licensees may convey the +work under this License, and how to view a copy of this License. If +the interface presents a list of user commands or options, such as a +menu, a prominent item in the list meets this criterion. + + 1. Source Code. + + The "source code" for a work means the preferred form of the work +for making modifications to it. "Object code" means any non-source +form of a work. + + A "Standard Interface" means an interface that either is an official +standard defined by a recognized standards body, or, in the case of +interfaces specified for a particular programming language, one that +is widely used among developers working in that language. + + The "System Libraries" of an executable work include anything, other +than the work as a whole, that (a) is included in the normal form of +packaging a Major Component, but which is not part of that Major +Component, and (b) serves only to enable use of the work with that +Major Component, or to implement a Standard Interface for which an +implementation is available to the public in source code form. A +"Major Component", in this context, means a major essential component +(kernel, window system, and so on) of the specific operating system +(if any) on which the executable work runs, or a compiler used to +produce the work, or an object code interpreter used to run it. + + The "Corresponding Source" for a work in object code form means all +the source code needed to generate, install, and (for an executable +work) run the object code and to modify the work, including scripts to +control those activities. However, it does not include the work's +System Libraries, or general-purpose tools or generally available free +programs which are used unmodified in performing those activities but +which are not part of the work. For example, Corresponding Source +includes interface definition files associated with source files for +the work, and the source code for shared libraries and dynamically +linked subprograms that the work is specifically designed to require, +such as by intimate data communication or control flow between those +subprograms and other parts of the work. + + The Corresponding Source need not include anything that users +can regenerate automatically from other parts of the Corresponding +Source. + + The Corresponding Source for a work in source code form is that +same work. + + 2. Basic Permissions. + + All rights granted under this License are granted for the term of +copyright on the Program, and are irrevocable provided the stated +conditions are met. This License explicitly affirms your unlimited +permission to run the unmodified Program. The output from running a +covered work is covered by this License only if the output, given its +content, constitutes a covered work. This License acknowledges your +rights of fair use or other equivalent, as provided by copyright law. + + You may make, run and propagate covered works that you do not +convey, without conditions so long as your license otherwise remains +in force. You may convey covered works to others for the sole purpose +of having them make modifications exclusively for you, or provide you +with facilities for running those works, provided that you comply with +the terms of this License in conveying all material for which you do +not control copyright. Those thus making or running the covered works +for you must do so exclusively on your behalf, under your direction +and control, on terms that prohibit them from making any copies of +your copyrighted material outside their relationship with you. + + Conveying under any other circumstances is permitted solely under +the conditions stated below. Sublicensing is not allowed; section 10 +makes it unnecessary. + + 3. Protecting Users' Legal Rights From Anti-Circumvention Law. + + No covered work shall be deemed part of an effective technological +measure under any applicable law fulfilling obligations under article +11 of the WIPO copyright treaty adopted on 20 December 1996, or +similar laws prohibiting or restricting circumvention of such +measures. + + When you convey a covered work, you waive any legal power to forbid +circumvention of technological measures to the extent such circumvention +is effected by exercising rights under this License with respect to +the covered work, and you disclaim any intention to limit operation or +modification of the work as a means of enforcing, against the work's +users, your or third parties' legal rights to forbid circumvention of +technological measures. + + 4. Conveying Verbatim Copies. + + You may convey verbatim copies of the Program's source code as you +receive it, in any medium, provided that you conspicuously and +appropriately publish on each copy an appropriate copyright notice; +keep intact all notices stating that this License and any +non-permissive terms added in accord with section 7 apply to the code; +keep intact all notices of the absence of any warranty; and give all +recipients a copy of this License along with the Program. + + You may charge any price or no price for each copy that you convey, +and you may offer support or warranty protection for a fee. + + 5. Conveying Modified Source Versions. + + You may convey a work based on the Program, or the modifications to +produce it from the Program, in the form of source code under the +terms of section 4, provided that you also meet all of these conditions: + + a) The work must carry prominent notices stating that you modified + it, and giving a relevant date. + + b) The work must carry prominent notices stating that it is + released under this License and any conditions added under section + 7. This requirement modifies the requirement in section 4 to + "keep intact all notices". + + c) You must license the entire work, as a whole, under this + License to anyone who comes into possession of a copy. This + License will therefore apply, along with any applicable section 7 + additional terms, to the whole of the work, and all its parts, + regardless of how they are packaged. This License gives no + permission to license the work in any other way, but it does not + invalidate such permission if you have separately received it. + + d) If the work has interactive user interfaces, each must display + Appropriate Legal Notices; however, if the Program has interactive + interfaces that do not display Appropriate Legal Notices, your + work need not make them do so. + + A compilation of a covered work with other separate and independent +works, which are not by their nature extensions of the covered work, +and which are not combined with it such as to form a larger program, +in or on a volume of a storage or distribution medium, is called an +"aggregate" if the compilation and its resulting copyright are not +used to limit the access or legal rights of the compilation's users +beyond what the individual works permit. Inclusion of a covered work +in an aggregate does not cause this License to apply to the other +parts of the aggregate. + + 6. Conveying Non-Source Forms. + + You may convey a covered work in object code form under the terms +of sections 4 and 5, provided that you also convey the +machine-readable Corresponding Source under the terms of this License, +in one of these ways: + + a) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by the + Corresponding Source fixed on a durable physical medium + customarily used for software interchange. + + b) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by a + written offer, valid for at least three years and valid for as + long as you offer spare parts or customer support for that product + model, to give anyone who possesses the object code either (1) a + copy of the Corresponding Source for all the software in the + product that is covered by this License, on a durable physical + medium customarily used for software interchange, for a price no + more than your reasonable cost of physically performing this + conveying of source, or (2) access to copy the + Corresponding Source from a network server at no charge. + + c) Convey individual copies of the object code with a copy of the + written offer to provide the Corresponding Source. This + alternative is allowed only occasionally and noncommercially, and + only if you received the object code with such an offer, in accord + with subsection 6b. + + d) Convey the object code by offering access from a designated + place (gratis or for a charge), and offer equivalent access to the + Corresponding Source in the same way through the same place at no + further charge. You need not require recipients to copy the + Corresponding Source along with the object code. If the place to + copy the object code is a network server, the Corresponding Source + may be on a different server (operated by you or a third party) + that supports equivalent copying facilities, provided you maintain + clear directions next to the object code saying where to find the + Corresponding Source. Regardless of what server hosts the + Corresponding Source, you remain obligated to ensure that it is + available for as long as needed to satisfy these requirements. + + e) Convey the object code using peer-to-peer transmission, provided + you inform other peers where the object code and Corresponding + Source of the work are being offered to the general public at no + charge under subsection 6d. + + A separable portion of the object code, whose source code is excluded +from the Corresponding Source as a System Library, need not be +included in conveying the object code work. + + A "User Product" is either (1) a "consumer product", which means any +tangible personal property which is normally used for personal, family, +or household purposes, or (2) anything designed or sold for incorporation +into a dwelling. In determining whether a product is a consumer product, +doubtful cases shall be resolved in favor of coverage. For a particular +product received by a particular user, "normally used" refers to a +typical or common use of that class of product, regardless of the status +of the particular user or of the way in which the particular user +actually uses, or expects or is expected to use, the product. A product +is a consumer product regardless of whether the product has substantial +commercial, industrial or non-consumer uses, unless such uses represent +the only significant mode of use of the product. + + "Installation Information" for a User Product means any methods, +procedures, authorization keys, or other information required to install +and execute modified versions of a covered work in that User Product from +a modified version of its Corresponding Source. The information must +suffice to ensure that the continued functioning of the modified object +code is in no case prevented or interfered with solely because +modification has been made. + + If you convey an object code work under this section in, or with, or +specifically for use in, a User Product, and the conveying occurs as +part of a transaction in which the right of possession and use of the +User Product is transferred to the recipient in perpetuity or for a +fixed term (regardless of how the transaction is characterized), the +Corresponding Source conveyed under this section must be accompanied +by the Installation Information. But this requirement does not apply +if neither you nor any third party retains the ability to install +modified object code on the User Product (for example, the work has +been installed in ROM). + + The requirement to provide Installation Information does not include a +requirement to continue to provide support service, warranty, or updates +for a work that has been modified or installed by the recipient, or for +the User Product in which it has been modified or installed. Access to a +network may be denied when the modification itself materially and +adversely affects the operation of the network or violates the rules and +protocols for communication across the network. + + Corresponding Source conveyed, and Installation Information provided, +in accord with this section must be in a format that is publicly +documented (and with an implementation available to the public in +source code form), and must require no special password or key for +unpacking, reading or copying. + + 7. Additional Terms. + + "Additional permissions" are terms that supplement the terms of this +License by making exceptions from one or more of its conditions. +Additional permissions that are applicable to the entire Program shall +be treated as though they were included in this License, to the extent +that they are valid under applicable law. If additional permissions +apply only to part of the Program, that part may be used separately +under those permissions, but the entire Program remains governed by +this License without regard to the additional permissions. + + When you convey a copy of a covered work, you may at your option +remove any additional permissions from that copy, or from any part of +it. (Additional permissions may be written to require their own +removal in certain cases when you modify the work.) You may place +additional permissions on material, added by you to a covered work, +for which you have or can give appropriate copyright permission. + + Notwithstanding any other provision of this License, for material you +add to a covered work, you may (if authorized by the copyright holders of +that material) supplement the terms of this License with terms: + + a) Disclaiming warranty or limiting liability differently from the + terms of sections 15 and 16 of this License; or + + b) Requiring preservation of specified reasonable legal notices or + author attributions in that material or in the Appropriate Legal + Notices displayed by works containing it; or + + c) Prohibiting misrepresentation of the origin of that material, or + requiring that modified versions of such material be marked in + reasonable ways as different from the original version; or + + d) Limiting the use for publicity purposes of names of licensors or + authors of the material; or + + e) Declining to grant rights under trademark law for use of some + trade names, trademarks, or service marks; or + + f) Requiring indemnification of licensors and authors of that + material by anyone who conveys the material (or modified versions of + it) with contractual assumptions of liability to the recipient, for + any liability that these contractual assumptions directly impose on + those licensors and authors. + + All other non-permissive additional terms are considered "further +restrictions" within the meaning of section 10. If the Program as you +received it, or any part of it, contains a notice stating that it is +governed by this License along with a term that is a further +restriction, you may remove that term. If a license document contains +a further restriction but permits relicensing or conveying under this +License, you may add to a covered work material governed by the terms +of that license document, provided that the further restriction does +not survive such relicensing or conveying. + + If you add terms to a covered work in accord with this section, you +must place, in the relevant source files, a statement of the +additional terms that apply to those files, or a notice indicating +where to find the applicable terms. + + Additional terms, permissive or non-permissive, may be stated in the +form of a separately written license, or stated as exceptions; +the above requirements apply either way. + + 8. Termination. + + You may not propagate or modify a covered work except as expressly +provided under this License. Any attempt otherwise to propagate or +modify it is void, and will automatically terminate your rights under +this License (including any patent licenses granted under the third +paragraph of section 11). + + However, if you cease all violation of this License, then your +license from a particular copyright holder is reinstated (a) +provisionally, unless and until the copyright holder explicitly and +finally terminates your license, and (b) permanently, if the copyright +holder fails to notify you of the violation by some reasonable means +prior to 60 days after the cessation. + + Moreover, your license from a particular copyright holder is +reinstated permanently if the copyright holder notifies you of the +violation by some reasonable means, this is the first time you have +received notice of violation of this License (for any work) from that +copyright holder, and you cure the violation prior to 30 days after +your receipt of the notice. + + Termination of your rights under this section does not terminate the +licenses of parties who have received copies or rights from you under +this License. If your rights have been terminated and not permanently +reinstated, you do not qualify to receive new licenses for the same +material under section 10. + + 9. Acceptance Not Required for Having Copies. + + You are not required to accept this License in order to receive or +run a copy of the Program. Ancillary propagation of a covered work +occurring solely as a consequence of using peer-to-peer transmission +to receive a copy likewise does not require acceptance. However, +nothing other than this License grants you permission to propagate or +modify any covered work. These actions infringe copyright if you do +not accept this License. Therefore, by modifying or propagating a +covered work, you indicate your acceptance of this License to do so. + + 10. Automatic Licensing of Downstream Recipients. + + Each time you convey a covered work, the recipient automatically +receives a license from the original licensors, to run, modify and +propagate that work, subject to this License. You are not responsible +for enforcing compliance by third parties with this License. + + An "entity transaction" is a transaction transferring control of an +organization, or substantially all assets of one, or subdividing an +organization, or merging organizations. If propagation of a covered +work results from an entity transaction, each party to that +transaction who receives a copy of the work also receives whatever +licenses to the work the party's predecessor in interest had or could +give under the previous paragraph, plus a right to possession of the +Corresponding Source of the work from the predecessor in interest, if +the predecessor has it or can get it with reasonable efforts. + + You may not impose any further restrictions on the exercise of the +rights granted or affirmed under this License. For example, you may +not impose a license fee, royalty, or other charge for exercise of +rights granted under this License, and you may not initiate litigation +(including a cross-claim or counterclaim in a lawsuit) alleging that +any patent claim is infringed by making, using, selling, offering for +sale, or importing the Program or any portion of it. + + 11. Patents. + + A "contributor" is a copyright holder who authorizes use under this +License of the Program or a work on which the Program is based. The +work thus licensed is called the contributor's "contributor version". + + A contributor's "essential patent claims" are all patent claims +owned or controlled by the contributor, whether already acquired or +hereafter acquired, that would be infringed by some manner, permitted +by this License, of making, using, or selling its contributor version, +but do not include claims that would be infringed only as a +consequence of further modification of the contributor version. For +purposes of this definition, "control" includes the right to grant +patent sublicenses in a manner consistent with the requirements of +this License. + + Each contributor grants you a non-exclusive, worldwide, royalty-free +patent license under the contributor's essential patent claims, to +make, use, sell, offer for sale, import and otherwise run, modify and +propagate the contents of its contributor version. + + In the following three paragraphs, a "patent license" is any express +agreement or commitment, however denominated, not to enforce a patent +(such as an express permission to practice a patent or covenant not to +sue for patent infringement). To "grant" such a patent license to a +party means to make such an agreement or commitment not to enforce a +patent against the party. + + If you convey a covered work, knowingly relying on a patent license, +and the Corresponding Source of the work is not available for anyone +to copy, free of charge and under the terms of this License, through a +publicly available network server or other readily accessible means, +then you must either (1) cause the Corresponding Source to be so +available, or (2) arrange to deprive yourself of the benefit of the +patent license for this particular work, or (3) arrange, in a manner +consistent with the requirements of this License, to extend the patent +license to downstream recipients. "Knowingly relying" means you have +actual knowledge that, but for the patent license, your conveying the +covered work in a country, or your recipient's use of the covered work +in a country, would infringe one or more identifiable patents in that +country that you have reason to believe are valid. + + If, pursuant to or in connection with a single transaction or +arrangement, you convey, or propagate by procuring conveyance of, a +covered work, and grant a patent license to some of the parties +receiving the covered work authorizing them to use, propagate, modify +or convey a specific copy of the covered work, then the patent license +you grant is automatically extended to all recipients of the covered +work and works based on it. + + A patent license is "discriminatory" if it does not include within +the scope of its coverage, prohibits the exercise of, or is +conditioned on the non-exercise of one or more of the rights that are +specifically granted under this License. You may not convey a covered +work if you are a party to an arrangement with a third party that is +in the business of distributing software, under which you make payment +to the third party based on the extent of your activity of conveying +the work, and under which the third party grants, to any of the +parties who would receive the covered work from you, a discriminatory +patent license (a) in connection with copies of the covered work +conveyed by you (or copies made from those copies), or (b) primarily +for and in connection with specific products or compilations that +contain the covered work, unless you entered into that arrangement, +or that patent license was granted, prior to 28 March 2007. + + Nothing in this License shall be construed as excluding or limiting +any implied license or other defenses to infringement that may +otherwise be available to you under applicable patent law. + + 12. No Surrender of Others' Freedom. + + If 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 convey a +covered work so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you may +not convey it at all. For example, if you agree to terms that obligate you +to collect a royalty for further conveying from those to whom you convey +the Program, the only way you could satisfy both those terms and this +License would be to refrain entirely from conveying the Program. + + 13. Remote Network Interaction; Use with the GNU General Public License. + + Notwithstanding any other provision of this License, if you modify the +Program, your modified version must prominently offer all users +interacting with it remotely through a computer network (if your version +supports such interaction) an opportunity to receive the Corresponding +Source of your version by providing access to the Corresponding Source +from a network server at no charge, through some standard or customary +means of facilitating copying of software. This Corresponding Source +shall include the Corresponding Source for any work covered by version 3 +of the GNU General Public License that is incorporated pursuant to the +following paragraph. + + Notwithstanding any other provision of this License, you have +permission to link or combine any covered work with a work licensed +under version 3 of the GNU General Public License into a single +combined work, and to convey the resulting work. The terms of this +License will continue to apply to the part which is the covered work, +but the work with which it is combined will remain governed by version +3 of the GNU General Public License. + + 14. Revised Versions of this License. + + The Free Software Foundation may publish revised and/or new versions of +the GNU Affero 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 +Program specifies that a certain numbered version of the GNU Affero General +Public License "or any later version" applies to it, you have the +option of following the terms and conditions either of that numbered +version or of any later version published by the Free Software +Foundation. If the Program does not specify a version number of the +GNU Affero General Public License, you may choose any version ever published +by the Free Software Foundation. + + If the Program specifies that a proxy can decide which future +versions of the GNU Affero General Public License can be used, that proxy's +public statement of acceptance of a version permanently authorizes you +to choose that version for the Program. + + Later license versions may give you additional or different +permissions. However, no additional obligations are imposed on any +author or copyright holder as a result of your choosing to follow a +later version. + + 15. Disclaimer of Warranty. + + THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY +APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT +HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "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 PROGRAM +IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF +ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + + 16. Limitation of Liability. + + IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS +THE PROGRAM 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 PROGRAM (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 PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), +EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF +SUCH DAMAGES. + + 17. Interpretation of Sections 15 and 16. + + If the disclaimer of warranty and limitation of liability provided +above cannot be given local legal effect according to their terms, +reviewing courts shall apply local law that most closely approximates +an absolute waiver of all civil liability in connection with the +Program, unless a warranty or assumption of liability accompanies a +copy of the Program in return for a fee. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +state the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program 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 Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see . + +Also add information on how to contact you by electronic and paper mail. + + If your software can interact with users remotely through a computer +network, you should also make sure that it provides a way for users to +get its source. For example, if your program is a web application, its +interface could display a "Source" link that leads users to an archive +of the code. There are many ways you could offer source, and different +solutions will be better for different programs; see section 13 for the +specific requirements. + + You should also get your employer (if you work as a programmer) or school, +if any, to sign a "copyright disclaimer" for the program, if necessary. +For more information on this, and how to apply and follow the GNU AGPL, see +. diff --git a/README.md b/README.md new file mode 100644 index 0000000..20e1562 --- /dev/null +++ b/README.md @@ -0,0 +1,76 @@ +# Fun with Binary +2018 + +(c) Diogo Cordeiro + +This is the README file for Fun with Binary, an app to help introducing students how binary numbers work. + +Further information about Fun with Binary can be found in the project home page: + +[https://www.diogo.site/projects/fun_with_binary/](https://www.diogo.site/projects/fun_with_binary/) + +## Getting Started + +Fun with Binary is divided in three components, the Client, the Server, the Output. + +### Prerequisites + +### Server + +For the server you need a webserver with PHP support (it can be localhost). + +### Client + +You can run it in the same server's webserver, although a ready to use live client was made avaiable in the folowing address: + +``` +http://diogo.site/projects/fun_with_binary/client/ +``` + +Despite that, it might be interesting to convert it in an actual mobile app :) + +### Output + +For the Arduino based output you obviously need an arduino, 6 leds (from which three of them must be red and the other three of another color). + +## Built With + +* [Ratchet](https://github.com/twbs/ratchet) - The mobile targeted web framework used in the client + +## Versioning + +I use [SemVer](http://semver.org/) for versioning. For the versions available, see the tags on this repository. + +## Authors + +* **Diogo Cordeiro** - *Initial work* - [Fun with Binary](https://gitlab.com/up201705417/fun-with-binary) + +## License + +This program is free software: you can redistribute it and/or modify +it under the terms of the GNU Affero General Public License as +published by the Free Software Foundation, either version 3 of the +License, or (at your option) any later version. + +This program 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 +Affero General Public License for more details. + +You should have received a copy of the GNU Affero General Public +License along with this program, in the file "COPYING". If not, see +. + + IMPORTANT NOTE: The GNU Affero General Public License (AGPL) has + *different requirements* from the "regular" GPL. In particular, if + you make modifications to the Fun with Binary source code on your server, + you *MUST MAKE AVAILABLE* the modified version of the source code + to your users under the same license. This is a legal requirement + of using the software, and if you do not wish to share your + modifications, *YOU MAY NOT INSTALL FUN WITH BINARY*. + +Additional library software has been made available (and were referenced +in the "Built With" section). All of it is Free Software and can be +distributed under liberal terms, but those terms may differ in detail +from the AGPL's particulars. See each package's license file in their +official repository for additional terms. diff --git a/app/input-frontend/css/app.css b/app/input-frontend/css/app.css new file mode 100644 index 0000000..fd8cd5d --- /dev/null +++ b/app/input-frontend/css/app.css @@ -0,0 +1,5 @@ +.slider, +.slider img { + margin-bottom: 0; + height: 150px; +} diff --git a/app/input-frontend/css/ratchet-theme-android.css b/app/input-frontend/css/ratchet-theme-android.css new file mode 100644 index 0000000..2a63f90 --- /dev/null +++ b/app/input-frontend/css/ratchet-theme-android.css @@ -0,0 +1,622 @@ +/*! + * ===================================================== + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * + * v2.0.2 designed by @connors. + * ===================================================== + */ + +body { + font-family: "Roboto", sans-serif; + font-size: 18px; + line-height: 22px; + color: #222; +} + +a { + color: #33b5e5; +} +a:active { + color: #1a9bcb; +} + +.content { + background-color: #f2f2f2; +} + +.bar-nav ~ .content { + padding-top: 50px; +} + +.bar-header-secondary ~ .content { + padding-top: 100px; +} + +.bar-tab ~ .content { + padding-top: 50px; + padding-bottom: 0; +} + +.bar-footer ~ .content { + padding-bottom: 50px; +} + +.bar-footer-secondary ~ .content { + padding-bottom: 100px; +} + +.btn { + padding: 8px 15px; + font-size: 14px; + color: #222; + background-color: #cecece; + border: 0; + border-radius: 2px; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25); +} +.btn:active, .btn.active { + color: #222; + background-color: #999; + border: 0; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2); +} + +.btn-primary { + color: #fff; + background-color: #33b5e5; + border: 0; +} +.btn-primary:active, .btn-primary.active { + color: #fff; + background-color: #1a9bcb; + border: 0; +} + +.btn-positive { + color: #fff; + background-color: #9c0; + border: 0; +} +.btn-positive:active, .btn-positive.active { + color: #fff; + background-color: #739900; + border: 0; +} + +.btn-negative { + color: #fff; + background-color: #f44; + border: 0; +} +.btn-negative:active, .btn-negative.active { + color: #fff; + background-color: #f11; + border: 0; +} + +.btn-outlined { + background-color: transparent; + border: 1px solid #999; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-outlined.btn-primary { + color: #33b5e5; + border: 1px solid #33b5e5; +} +.btn-outlined.btn-primary:active { + background-color: #33b5e5; + border: 1px solid #33b5e5; +} +.btn-outlined.btn-positive { + color: #9c0; + border: 1px solid #9c0; +} +.btn-outlined.btn-positive:active { + background-color: #9c0; + border: 1px solid #9c0; +} +.btn-outlined.btn-negative { + color: #f44; + border: 1px solid #f44; +} +.btn-outlined.btn-negative:active { + background-color: #f44; + border: 1px solid #f44; +} +.btn-outlined:active { + background-color: #999; + border: 1px solid #999; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { + color: #fff; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-link { + color: #33b5e5; + background-color: transparent; + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link:active, .btn-link.active { + color: #1a9bcb; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-block { + padding: 15px 0; + font-size: 18px; +} + +.btn .badge { + background-color: rgba(0, 0, 0, .15); +} +.btn .badge.badge-inverted { + background-color: transparent; +} +.btn:active .badge { + color: #fff; +} + +.bar { + height: 50px; + background-color: #ddd; + border-bottom: 1px solid #b1b1b1; + -webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07); + box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07); +} +.bar.bar-header-secondary { + top: 50px; +} +.bar.bar-footer-secondary { + bottom: 50px; +} +.bar.bar-footer-secondary-tab { + bottom: 50px; +} +.bar .bar-footer, +.bar .bar-footer-secondary, +.bar .bar-footer-secondary-tab { + border-top: 1px solid #b1b1b1; + border-bottom: 0; + -webkit-box-shadow: inset 0 -2px 0 #33b5e5; + box-shadow: inset 0 -2px 0 #33b5e5; +} + +.bar-tab { + top: 0; + bottom: auto; + height: 50px; + border-top: 0; +} +.bar-tab .tab-item { + color: #929292; +} +.bar-tab .tab-item.active { + color: #33b5e5; + -webkit-box-shadow: inset 0 -2px 0 #33b5e5; + box-shadow: inset 0 -2px 0 #33b5e5; +} +.bar-tab .tab-item:active { + color: #929292; + background-color: #78c6e3; +} +.bar-tab .tab-item .icon { + top: 3px; + padding-top: 0; + padding-bottom: 0; +} + +.title { + position: static; + padding-left: 15px; + font-size: 18px; + line-height: 49px; + text-align: left; +} + +.bar .btn { + top: 7px; + padding-top: 10px; + padding-bottom: 10px; +} +.bar .btn-link { + top: 0; + padding: 0; + font-size: 18px; + line-height: 49px; + color: #33b5e5; +} +.bar .btn-link:active, .bar .btn-link.active { + color: #1a9bcb; +} +.bar .btn-link .icon { + top: 2px; + padding: 0; +} +.bar .btn-block { + top: 4px; +} + +.bar .segmented-control { + top: 7px; +} + +.bar .icon { + padding-top: 13px; + padding-bottom: 13px; +} +.bar .title .icon { + padding: 0; +} +.bar .title .icon.icon-caret { + top: 10px; + color: #777; +} + +.bar input[type="search"] { + height: 35px; +} + +.badge.badge-inverted { + color: #999; + background-color: transparent; +} + +.badge-primary { + color: #fff; + background-color: #33b5e5; +} +.badge-primary.badge-inverted { + color: #33b5e5; + background-color: transparent; +} + +.badge-positive { + color: #fff; + background-color: #9c0; +} +.badge-positive.badge-inverted { + color: #9c0; + background-color: transparent; +} + +.badge-negative { + color: #fff; + background-color: #f44; +} +.badge-negative.badge-inverted { + color: #f44; + background-color: transparent; +} + +.card { + background-color: transparent; + border-color: #d9d9d9; + border-radius: 2px; +} + +.table-view { + background-color: transparent; +} +.table-view .table-view-cell { + border-bottom: 1px solid #d9d9d9; +} +.table-view .table-view-cell:last-child { + background-image: none; +} +.table-view .table-view-cell > a:not(.btn):active { + color: inherit; + background-color: #e0e0e0; +} +.table-view .table-view-cell > a:not(.btn):active .icon { + color: #fff; +} +.table-view .table-view-divider { + padding-top: 25px; + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + background-color: transparent; + border-top: 0; + border-bottom: 2px solid #a9a9a9; +} + +.table-view-cell .navigate-left > .btn, +.table-view-cell .navigate-left > .badge, +.table-view-cell .navigate-left > .toggle, +.table-view-cell .navigate-right > .btn, +.table-view-cell .navigate-right > .badge, +.table-view-cell .navigate-right > .toggle, +.table-view-cell .push-left > .btn, +.table-view-cell .push-left > .badge, +.table-view-cell .push-left > .toggle, +.table-view-cell .push-right > .btn, +.table-view-cell .push-right > .badge, +.table-view-cell .push-right > .toggle, +.table-view-cell > a .navigate-left > .btn, +.table-view-cell > a .navigate-left > .badge, +.table-view-cell > a .navigate-left > .toggle, +.table-view-cell > a .navigate-right > .btn, +.table-view-cell > a .navigate-right > .badge, +.table-view-cell > a .navigate-right > .toggle, +.table-view-cell > a .push-left > .btn, +.table-view-cell > a .push-left > .badge, +.table-view-cell > a .push-left > .toggle, +.table-view-cell > a .push-right > .btn, +.table-view-cell > a .push-right > .badge, +.table-view-cell > a .push-right > .toggle { + right: 15px; +} + +select, +textarea, +input[type="text"], +input[type="search"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="tel"], +input[type="color"], +.input-group { + height: 40px; + padding: 10px 15px; + border: 1px solid rgba(0, 0, 0, .2); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + box-shadow: 0 1px 1px rgba(0, 0, 0, .1); +} + +input[type="search"] { + border-radius: 2px; +} + +select, +textarea, +.input-group { + height: auto; +} + +.input-group { + padding: 0; + border: 0; +} + +.input-group input { + border: 0; + border-bottom: 1px solid #d9d9d9; + -webkit-box-shadow: none; + box-shadow: none; +} + +.input-group input:last-child { + background-image: none; +} + +.input-row { + height: 40px; + border-bottom: 1px solid #d9d9d9; +} + +.input-row label { + padding-top: 10px; + padding-bottom: 10px; +} + +.input-row label + input { + background-image: none; + border-bottom: 0; +} + +.segmented-control { + font-size: 14px; + background-color: #cecece; + border: 0; + border-radius: 2px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25); + box-shadow: 0 1px 1px rgba(0, 0, 0, .25); +} +.segmented-control .control-item { + padding-top: 10px; + padding-bottom: 10px; + color: #222; + border-left: 1px solid #999; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2); +} +.segmented-control .control-item:first-child { + border-left-width: 0; +} +.segmented-control .control-item:active, .segmented-control .control-item.active { + background-color: #999; +} + +.segmented-control-primary { + border: 0; +} +.segmented-control-primary .control-item { + color: #fff; + border-color: inherit; +} +.segmented-control-primary .control-item:active, .segmented-control-primary .control-item.active { + color: #fff; + background-color: #33b5e5; +} + +.segmented-control-positive { + border: 0; +} +.segmented-control-positive .control-item { + color: #fff; + border-color: inherit; +} +.segmented-control-positive .control-item:active, .segmented-control-positive .control-item.active { + color: #fff; + background-color: #9c0; +} + +.segmented-control-negative { + border: 0; +} +.segmented-control-negative .control-item { + color: #fff; + border-color: inherit; +} +.segmented-control-negative .control-item:active, .segmented-control-negative .control-item.active { + color: #fff; + background-color: #f44; +} + +.popover { + top: 47px; + left: 15px; + width: 200px; + margin-left: 0; + border: 1px solid #9b9b9b; + border-radius: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); + box-shadow: 0 0 3px rgba(0, 0, 0, .2); + -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out; + -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; + transition: transform .1s ease-in-out, opacity .2s ease-in-out; + -webkit-transform: scale(.75); + -ms-transform: scale(.75); + transform: scale(.75); +} +.popover:before { + display: none; +} +.popover.visible { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} + +.backdrop { + background-color: transparent; +} + +.popover .bar { + border-radius: 0; +} +.popover .bar-nav ~ .table-view { + padding-top: 50px; +} + +.popover .table-view { + border-radius: 12px; +} + +.toggle { + width: 104px; + height: 28px; + background-color: #d7d7d7; + border: 2px solid #d7d7d7; + border-radius: 0; +} +.toggle .toggle-handle { + top: 0; + left: 0; + width: 50px; + height: 24px; + background-color: #bebebe; + border: 1px solid #b5b5b5; + border-radius: 2px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1); +} +.toggle:before { + top: 1px; + right: auto; + left: 11px; + z-index: 3; + color: #fff; +} +.toggle.active { + background-color: #d7d7d7; + border: 2px solid #d7d7d7; +} +.toggle.active .toggle-handle { + margin-right: 2px; + background-color: #33b5e5; + border-color: #33b5e5; + -webkit-transform: translate3d(50px, 0, 0); + -ms-transform: translate3d(50px, 0, 0); + transform: translate3d(50px, 0, 0); +} +.toggle.active:before { + right: 14px; + left: auto; + color: #fff; +} + +.navigate-left:after, +.push-left:after { + content: ''; +} + +.navigate-right:after, +.push-right:after { + content: ''; +} + +.icon-caret:before { + content: '\e800'; +} + +.icon-down:before, +.icon-down-nav:before { + content: '\e801'; +} + +.icon-download:before { + content: '\e802'; +} + +.icon-left:before, +.icon-left-nav:before { + content: '\e803'; +} + +.icon-more-vertical:before { + content: '\e804'; +} + +.icon-more:before { + content: '\e805'; +} + +.icon-right:before, +.icon-right-nav:before { + content: '\e806'; +} + +.icon-search:before { + content: '\e807'; +} + +.icon-share:before { + content: '\e808'; +} + +.icon-up:before, +.icon-up-nav:before { + content: '\e809'; +} diff --git a/app/input-frontend/css/ratchet-theme-android.min.css b/app/input-frontend/css/ratchet-theme-android.min.css new file mode 100644 index 0000000..45ab350 --- /dev/null +++ b/app/input-frontend/css/ratchet-theme-android.min.css @@ -0,0 +1,9 @@ +/*! + * ===================================================== + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * + * v2.0.2 designed by @connors. + * ===================================================== + */body{font-family:Roboto,sans-serif;font-size:18px;line-height:22px;color:#222}a{color:#33b5e5}a:active{color:#1a9bcb}.content{background-color:#f2f2f2}.bar-nav~.content{padding-top:50px}.bar-header-secondary~.content{padding-top:100px}.bar-tab~.content{padding-top:50px;padding-bottom:0}.bar-footer~.content{padding-bottom:50px}.bar-footer-secondary~.content{padding-bottom:100px}.btn{padding:8px 15px;font-size:14px;color:#222;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25)}.btn.active,.btn:active{color:#222;background-color:#999;border:0;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary{color:#fff;background-color:#33b5e5;border:0}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#1a9bcb;border:0}.btn-positive{color:#fff;background-color:#9c0;border:0}.btn-positive.active,.btn-positive:active{color:#fff;background-color:#739900;border:0}.btn-negative{color:#fff;background-color:#f44;border:0}.btn-negative.active,.btn-negative:active{color:#fff;background-color:#f11;border:0}.btn-outlined{background-color:transparent;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary{color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-primary:active{background-color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-positive{color:#9c0;border:1px solid #9c0}.btn-outlined.btn-positive:active{background-color:#9c0;border:1px solid #9c0}.btn-outlined.btn-negative{color:#f44;border:1px solid #f44}.btn-outlined.btn-negative:active{background-color:#f44;border:1px solid #f44}.btn-outlined:active{background-color:#999;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn-link{color:#33b5e5;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.btn-link.active,.btn-link:active{color:#1a9bcb;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-block{padding:15px 0;font-size:18px}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{height:50px;background-color:#ddd;border-bottom:1px solid #b1b1b1;-webkit-box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07)}.bar.bar-header-secondary{top:50px}.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{bottom:50px}.bar .bar-footer,.bar .bar-footer-secondary,.bar .bar-footer-secondary-tab{border-top:1px solid #b1b1b1;border-bottom:0;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab{top:0;bottom:auto;height:50px;border-top:0}.bar-tab .tab-item{color:#929292}.bar-tab .tab-item.active{color:#33b5e5;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab .tab-item:active{color:#929292;background-color:#78c6e3}.bar-tab .tab-item .icon{top:3px;padding-top:0;padding-bottom:0}.title{position:static;padding-left:15px;font-size:18px;line-height:49px;text-align:left}.bar .btn{top:7px;padding-top:10px;padding-bottom:10px}.bar .btn-link{top:0;padding:0;font-size:18px;line-height:49px;color:#33b5e5}.bar .btn-link.active,.bar .btn-link:active{color:#1a9bcb}.bar .btn-link .icon{top:2px;padding:0}.bar .btn-block{top:4px}.bar .segmented-control{top:7px}.bar .icon{padding-top:13px;padding-bottom:13px}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:10px;color:#777}.bar input[type=search]{height:35px}.badge.badge-inverted{color:#999;background-color:transparent}.badge-primary{color:#fff;background-color:#33b5e5}.badge-primary.badge-inverted{color:#33b5e5;background-color:transparent}.badge-positive{color:#fff;background-color:#9c0}.badge-positive.badge-inverted{color:#9c0;background-color:transparent}.badge-negative{color:#fff;background-color:#f44}.badge-negative.badge-inverted{color:#f44;background-color:transparent}.card{background-color:transparent;border-color:#d9d9d9;border-radius:2px}.table-view{background-color:transparent}.table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{color:inherit;background-color:#e0e0e0}.table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:transparent;border-top:0;border-bottom:2px solid #a9a9a9}.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.toggle{right:15px}.input-group,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}input[type=search]{border-radius:2px}.input-group,select,textarea{height:auto}.input-group{padding:0;border:0}.input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{background-image:none}.input-row{height:40px;border-bottom:1px solid #d9d9d9}.input-row label{padding-top:10px;padding-bottom:10px}.input-row label+input{background-image:none;border-bottom:0}.segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #999;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item.active,.segmented-control .control-item:active{background-color:#999}.segmented-control-primary{border:0}.segmented-control-primary .control-item{color:#fff;border-color:inherit}.segmented-control-primary .control-item.active,.segmented-control-primary .control-item:active{color:#fff;background-color:#33b5e5}.segmented-control-positive{border:0}.segmented-control-positive .control-item{color:#fff;border-color:inherit}.segmented-control-positive .control-item.active,.segmented-control-positive .control-item:active{color:#fff;background-color:#9c0}.segmented-control-negative{border:0}.segmented-control-negative .control-item{color:#fff;border-color:inherit}.segmented-control-negative .control-item.active,.segmented-control-negative .control-item:active{color:#fff;background-color:#f44}.popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-moz-transition:-moz-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.popover:before{display:none}.popover.visible{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.backdrop{background-color:transparent}.popover .bar{border-radius:0}.popover .bar-nav~.table-view{padding-top:50px}.popover .table-view{border-radius:12px}.toggle{width:104px;height:28px;background-color:#d7d7d7;border:2px solid #d7d7d7;border-radius:0}.toggle .toggle-handle{top:0;left:0;width:50px;height:24px;background-color:#bebebe;border:1px solid #b5b5b5;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.toggle.active{background-color:#d7d7d7;border:2px solid #d7d7d7}.toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.toggle.active:before{right:14px;left:auto;color:#fff}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{content:''}.icon-caret:before{content:'\e800'}.icon-down-nav:before,.icon-down:before{content:'\e801'}.icon-download:before{content:'\e802'}.icon-left-nav:before,.icon-left:before{content:'\e803'}.icon-more-vertical:before{content:'\e804'}.icon-more:before{content:'\e805'}.icon-right-nav:before,.icon-right:before{content:'\e806'}.icon-search:before{content:'\e807'}.icon-share:before{content:'\e808'}.icon-up-nav:before,.icon-up:before{content:'\e809'} \ No newline at end of file diff --git a/app/input-frontend/css/ratchet-theme-ios.css b/app/input-frontend/css/ratchet-theme-ios.css new file mode 100644 index 0000000..58f1455 --- /dev/null +++ b/app/input-frontend/css/ratchet-theme-ios.css @@ -0,0 +1,471 @@ +/*! + * ===================================================== + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * + * v2.0.2 designed by @connors. + * ===================================================== + */ + +a { + color: #007aff; +} +a:active { + color: #0062cc; +} + +.content { + background-color: #efeff4; +} + +.h5, h5, +.h6, h6, +p { + color: #8f8f94; +} + +.h5, h5, +.h6, h6 { + font-weight: normal; + text-transform: uppercase; +} + +.btn { + color: #929292; + background-color: rgba(247, 247, 247, .98); + border: 1px solid #929292; + -webkit-transition: all; + -moz-transition: all; + transition: all; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + transition-timing-function: linear; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; +} +.btn:active, .btn.active { + color: #fff; + background-color: #929292; +} + +.btn-primary { + color: #fff; + background-color: #007aff; + border: 1px solid #007aff; +} +.btn-primary:active, .btn-primary.active { + background-color: #0062cc; + border: 1px solid #0062cc; +} + +.btn-positive { + color: #fff; + background-color: #4cd964; + border: 1px solid #4cd964; +} +.btn-positive:active, .btn-positive.active { + background-color: #2ac845; + border: 1px solid #2ac845; +} + +.btn-negative { + color: #fff; + background-color: #dd524d; + border: 1px solid #dd524d; +} +.btn-negative:active, .btn-negative.active { + background-color: #cf2d28; + border: 1px solid #cf2d28; +} + +.btn-outlined { + background-color: transparent; +} +.btn-outlined.btn-primary { + color: #007aff; +} +.btn-outlined.btn-positive { + color: #4cd964; +} +.btn-outlined.btn-negative { + color: #dd524d; +} +.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { + color: #fff; +} + +.btn-link { + color: #007aff; + background-color: transparent; + border: none; +} +.btn-link:active, .btn-link.active { + color: #0062cc; + background-color: transparent; +} + +.btn .badge { + background-color: rgba(0, 0, 0, .15); +} +.btn .badge.badge-inverted { + background-color: transparent; +} +.btn:active .badge { + color: #fff; +} + +.bar { + background-color: rgba(247, 247, 247, .98); + border-bottom: 0; + -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); + box-shadow: 0 0 1px rgba(0, 0, 0, .85); +} +.bar.bar-header-secondary { + top: 44px; +} +.bar.bar-footer-secondary { + bottom: 44px; +} +.bar.bar-footer-secondary-tab { + bottom: 50px; +} +.bar.bar-footer, .bar.bar-footer-secondary, .bar.bar-footer-secondary-tab { + border-top: 0; +} + +.bar-tab { + border-top: 0; +} + +.tab-item { + color: #929292; +} +.tab-item.active, .tab-item:active { + color: #007aff; +} + +.bar-nav .btn-link { + color: #007aff; +} +.bar-nav .btn-link:active { + color: #007aff; + opacity: .6; +} + +.badge.badge-inverted { + color: #929292; + background-color: transparent; +} + +.badge-primary { + color: #fff; + background-color: #007aff; +} +.badge-primary.badge-inverted { + color: #007aff; + background-color: transparent; +} + +.badge-positive { + color: #fff; + background-color: #4cd964; +} +.badge-positive.badge-inverted { + color: #4cd964; + background-color: transparent; +} + +.badge-negative { + color: #fff; + background-color: #dd524d; +} +.badge-negative.badge-inverted { + color: #dd524d; + background-color: transparent; +} + +.card .table-view { + background-image: none; +} + +.card .table-view-cell:last-child { + background-image: none; +} + +.table-view { + background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); + background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border-top: 0; + border-bottom: 0; +} +.table-view .table-view-cell { + background-image: url("data:image/svg+xml;utf8,"); + background-repeat: no-repeat; + background-position: 15px 100%; + border-bottom: 0; +} +.table-view .table-view-cell:last-child { + background-image: none; +} +.table-view .table-view-cell > a:not(.btn):active { + color: inherit; +} +.table-view .table-view-divider { + background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); + background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border-top: 0; + border-bottom: 0; +} + +select, +textarea, +input[type="text"], +input[type="search"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="tel"], +input[type="color"], +.input-group { + height: 40px; + padding: 10px 15px; + border: 1px solid rgba(0, 0, 0, .2); +} + +input[type="search"] { + height: 34px; + text-align: center; + background-color: rgba(0, 0, 0, .1); + border: 0; + border-radius: 6px; +} + +input[type="search"]:focus { + text-align: left; +} + +select, +textarea, +.input-group { + height: auto; +} + +.input-group { + padding: 0; + background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); + background-repeat: no-repeat; + background-position: 0 100%, 0 0; + border: 0; +} + +.input-group input { + background-image: url("data:image/svg+xml;utf8,"); + background-repeat: no-repeat; + background-position: 15px 100%; + border: 0; +} + +.input-group input:last-child { + background-image: none; +} + +.input-row { + background-image: url("data:image/svg+xml;utf8,"); + background-repeat: no-repeat; + background-position: 15px 100%; + border-bottom: 0; +} + +.input-row:last-child, +.input-row label + input { + background-image: none; +} + +.segmented-control { + background-color: transparent; + border: 1px solid #929292; +} +.segmented-control .control-item { + color: #929292; + border-color: #929292; + -webkit-transition: background-color .1s linear; + -moz-transition: background-color .1s linear; + transition: background-color .1s linear; +} +.segmented-control .control-item:active { + background-color: #ebebeb; +} +.segmented-control .control-item.active { + color: #fff; + background-color: #929292; +} + +.segmented-control-primary { + border: 1px solid #007aff; +} +.segmented-control-primary .control-item { + color: #007aff; + border-color: inherit; +} +.segmented-control-primary .control-item:active { + background-color: #b3d7ff; +} +.segmented-control-primary .control-item.active { + color: #fff; + background-color: #007aff; +} + +.segmented-control-positive { + border: 1px solid #4cd964; +} +.segmented-control-positive .control-item { + color: #4cd964; + border-color: inherit; +} +.segmented-control-positive .control-item:active { + background-color: #dff8e3; +} +.segmented-control-positive .control-item.active { + color: #fff; + background-color: #4cd964; +} + +.segmented-control-negative { + border: 1px solid #dd524d; +} +.segmented-control-negative .control-item { + color: #dd524d; + border-color: inherit; +} +.segmented-control-negative .control-item:active { + background-color: #fae4e3; +} +.segmented-control-negative .control-item.active { + color: #fff; + background-color: #dd524d; +} + +.popover { + border-radius: 12px; + -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; + -moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; + transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; +} +.popover:before { + border-bottom: 15px solid rgba(247, 247, 247, .98); +} + +.popover .bar { + -webkit-box-shadow: none; + box-shadow: none; +} + +.popover .bar-nav { + border-bottom: 1px solid rgba(0, 0, 0, .15); +} + +.popover .table-view { + background-image: none; + border-radius: 12px; +} + +.modal { + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); +} +.modal.active { + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); +} + +.toggle { + width: 47px; + border: 2px solid #e6e6e6; + -webkit-box-shadow: inset 0 0 0 0 #e1e1e1; + box-shadow: inset 0 0 0 0 #e1e1e1; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; + -webkit-transition-property: box-shadow, border; + -moz-transition-property: box-shadow, border; + transition-property: box-shadow, border; +} +.toggle .toggle-handle { + border: 1px solid rgba(0, 0, 0, .2); + -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08); + box-shadow: 0 3px 3px rgba(0, 0, 0, .08); + -webkit-transition-property: -webkit-transform, border, width; + -moz-transition-property: -moz-transform, border, width; + transition-property: transform, border, width; +} +.toggle:before { + display: none; +} +.toggle.active { + background-color: transparent; + border: 2px solid #4cd964; + -webkit-box-shadow: inset 0 0 0 13px #4cd964; + box-shadow: inset 0 0 0 13px #4cd964; +} +.toggle.active .toggle-handle { + -webkit-transform: translate3d(17px, 0, 0); + -ms-transform: translate3d(17px, 0, 0); + transform: translate3d(17px, 0, 0); +} +.toggle.active .toggle-handle { + border-color: #4cd964; +} + +.content.fade { + -webkit-transition: opacity .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out; + transition: opacity .2s ease-in-out; +} +.content.sliding { + -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); + transition-timing-function: cubic-bezier(.1, .5, .1, 1); +} +.content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) { + -webkit-animation-name: fadeOverlay; + -moz-animation-name: fadeOverlay; + animation-name: fadeOverlay; + -webkit-animation-duration: .4s; + -moz-animation-duration: .4s; + animation-duration: .4s; +} +.content.sliding.right:not([class*="sliding-in"]) { + -webkit-animation-direction: reverse; + -moz-animation-direction: reverse; + animation-direction: reverse; +} +.content.sliding.left { + -webkit-transform: translate3d(-20%, 0, 0); + -ms-transform: translate3d(-20%, 0, 0); + transform: translate3d(-20%, 0, 0); +} + +@-webkit-keyframes fadeOverlay { + from { + -webkit-box-shadow: 0 0 10px transparent, -320px 0 0 transparent; + box-shadow: 0 0 10px transparent, -320px 0 0 transparent; + } + + to { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); + box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); + } +} diff --git a/app/input-frontend/css/ratchet-theme-ios.min.css b/app/input-frontend/css/ratchet-theme-ios.min.css new file mode 100644 index 0000000..9ebd687 --- /dev/null +++ b/app/input-frontend/css/ratchet-theme-ios.min.css @@ -0,0 +1,9 @@ +/*! + * ===================================================== + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * + * v2.0.2 designed by @connors. + * ===================================================== + */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,.h6,h5,h6,p{color:#8f8f94}.h5,.h6,h5,h6{font-weight:400;text-transform:uppercase}.btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.btn.active,.btn:active{color:#fff;background-color:#929292}.btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.btn-primary.active,.btn-primary:active{background-color:#0062cc;border:1px solid #0062cc}.btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.btn-positive.active,.btn-positive:active{background-color:#2ac845;border:1px solid #2ac845}.btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.btn-negative.active,.btn-negative:active{background-color:#cf2d28;border:1px solid #cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link.active,.btn-link:active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar-tab,.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.tab-item{color:#929292}.bar-nav .btn-link,.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view,.card .table-view-cell:last-child{background-image:none}.table-view{background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{color:inherit}.table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.input-group,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}.input-group,select,textarea{height:auto}.input-group{padding:0;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.input-group input{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border:0}.input-group input:last-child{background-image:none}.input-row{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.input-row label+input,.input-row:last-child{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{-webkit-box-shadow:none;box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{background-image:none;border-radius:12px}.modal,.modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{display:none}.toggle.active{background-color:transparent;border:2px solid #4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0);border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.content.sliding.right:not([class*=sliding-in]),.content.sliding.sliding-in{-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px transparent,-320px 0 0 transparent;box-shadow:0 0 10px transparent,-320px 0 0 transparent}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}} \ No newline at end of file diff --git a/app/input-frontend/css/ratchet.css b/app/input-frontend/css/ratchet.css new file mode 100644 index 0000000..4e36d9c --- /dev/null +++ b/app/input-frontend/css/ratchet.css @@ -0,0 +1,1434 @@ +/*! + * ===================================================== + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * + * v2.0.2 designed by @connors. + * ===================================================== + */ + +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +a { + background: transparent; +} + +a:active, +a:hover { + outline: 0; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +h1 { + margin: .67em 0; + font-size: 2em; +} + +mark { + color: #000; + background: #ff0; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sup { + top: -.5em; +} + +sub { + bottom: -.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 1em 40px; +} + +hr { + height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + margin: 0; + font: inherit; + color: inherit; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + padding: .35em .625em .75em; + margin: 0 2px; + border: 1px solid #c0c0c0; +} + +legend { + padding: 0; + border: 0; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-spacing: 0; + border-collapse: collapse; +} + +td, +th { + padding: 0; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +body { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + font-family: "Helvetica Neue", Helvetica, sans-serif; + font-size: 17px; + line-height: 21px; + color: #000; + background-color: #fff; +} + +a { + color: #428bca; + text-decoration: none; + + -webkit-tap-highlight-color: transparent; +} +a:active { + color: #3071a9; +} + +.content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + -webkit-overflow-scrolling: touch; + background-color: #fff; +} + +.content > * { + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} + +.bar-nav ~ .content { + padding-top: 44px; +} + +.bar-header-secondary ~ .content { + padding-top: 88px; +} + +.bar-footer ~ .content { + padding-bottom: 44px; +} + +.bar-footer-secondary ~ .content { + padding-bottom: 88px; +} + +.bar-tab ~ .content { + padding-bottom: 50px; +} + +.bar-footer-secondary-tab ~ .content { + padding-bottom: 94px; +} + +.content-padded { + margin: 10px; +} + +.pull-left { + float: left; +} + +.pull-right { + float: right; +} + +.clearfix:before, .clearfix:after { + display: table; + content: " "; +} +.clearfix:after { + clear: both; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 10px; + line-height: 1; +} + +h1, .h1 { + font-size: 36px; +} + +h2, .h2 { + font-size: 30px; +} + +h3, .h3 { + font-size: 24px; +} + +h4, .h4 { + font-size: 18px; +} + +h5, .h5 { + margin-top: 20px; + font-size: 14px; +} + +h6, .h6 { + margin-top: 20px; + font-size: 12px; +} + +p { + margin-top: 0; + margin-bottom: 10px; + font-size: 14px; + color: #777; +} + +.btn { + position: relative; + display: inline-block; + padding: 6px 8px 7px; + margin-bottom: 0; + font-size: 12px; + font-weight: 400; + line-height: 1; + color: #333; + text-align: center; + white-space: nowrap; + vertical-align: top; + cursor: pointer; + background-color: white; + border: 1px solid #ccc; + border-radius: 3px; +} +.btn:active, .btn.active { + color: inherit; + background-color: #ccc; +} +.btn:disabled, .btn.disabled { + opacity: .6; +} + +.btn-primary { + color: #fff; + background-color: #428bca; + border: 1px solid #428bca; +} +.btn-primary:active, .btn-primary.active { + color: #fff; + background-color: #3071a9; + border: 1px solid #3071a9; +} + +.btn-positive { + color: #fff; + background-color: #5cb85c; + border: 1px solid #5cb85c; +} +.btn-positive:active, .btn-positive.active { + color: #fff; + background-color: #449d44; + border: 1px solid #449d44; +} + +.btn-negative { + color: #fff; + background-color: #d9534f; + border: 1px solid #d9534f; +} +.btn-negative:active, .btn-negative.active { + color: #fff; + background-color: #c9302c; + border: 1px solid #c9302c; +} + +.btn-outlined { + background-color: transparent; +} +.btn-outlined.btn-primary { + color: #428bca; +} +.btn-outlined.btn-positive { + color: #5cb85c; +} +.btn-outlined.btn-negative { + color: #d9534f; +} +.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { + color: #fff; +} + +.btn-link { + padding-top: 6px; + padding-bottom: 6px; + color: #428bca; + background-color: transparent; + border: 0; +} +.btn-link:active, .btn-link.active { + color: #3071a9; + background-color: transparent; +} + +.btn-block { + display: block; + width: 100%; + padding: 15px 0; + margin-bottom: 10px; + font-size: 18px; +} + +input[type="submit"], +input[type="reset"], +input[type="button"] { + width: 100%; +} + +.btn .badge { + margin: -2px -4px -2px 4px; + font-size: 12px; + background-color: rgba(0, 0, 0, .15); +} + +.btn .badge-inverted, +.btn:active .badge-inverted { + background-color: transparent; +} + +.btn-primary:active .badge-inverted, +.btn-positive:active .badge-inverted, +.btn-negative:active .badge-inverted { + color: #fff; +} + +.btn-block .badge { + position: absolute; + right: 0; + margin-right: 10px; +} + +.btn .icon { + font-size: inherit; +} + +.bar { + position: fixed; + right: 0; + left: 0; + z-index: 10; + height: 44px; + padding-right: 10px; + padding-left: 10px; + background-color: white; + border-bottom: 1px solid #ddd; + + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.bar-header-secondary { + top: 44px; +} + +.bar-footer { + bottom: 0; +} + +.bar-footer-secondary { + bottom: 44px; +} + +.bar-footer-secondary-tab { + bottom: 50px; +} + +.bar-footer, +.bar-footer-secondary, +.bar-footer-secondary-tab { + border-top: 1px solid #ddd; + border-bottom: 0; +} + +.bar-nav { + top: 0; +} + +.title { + position: absolute; + display: block; + width: 100%; + padding: 0; + margin: 0 -10px; + font-size: 17px; + font-weight: 500; + line-height: 44px; + color: #000; + text-align: center; + white-space: nowrap; +} + +.title a { + color: inherit; +} + +.bar-tab { + bottom: 0; + display: table; + width: 100%; + height: 50px; + padding: 0; + table-layout: fixed; + border-top: 1px solid #ddd; + border-bottom: 0; +} +.bar-tab .tab-item { + display: table-cell; + width: 1%; + height: 50px; + color: #929292; + text-align: center; + vertical-align: middle; +} +.bar-tab .tab-item.active, .bar-tab .tab-item:active { + color: #428bca; +} +.bar-tab .tab-item .icon { + top: 3px; + width: 24px; + height: 24px; + padding-top: 0; + padding-bottom: 0; +} +.bar-tab .tab-item .icon ~ .tab-label { + display: block; + font-size: 11px; +} + +.bar .btn { + position: relative; + top: 7px; + z-index: 20; + padding: 6px 12px 7px; + margin-top: 0; + font-weight: 400; +} +.bar .btn.pull-right { + margin-left: 10px; +} +.bar .btn.pull-left { + margin-right: 10px; +} + +.bar .btn-link { + top: 0; + padding: 0; + font-size: 16px; + line-height: 44px; + color: #428bca; + border: 0; +} +.bar .btn-link:active, .bar .btn-link.active { + color: #3071a9; +} + +.bar .btn-block { + top: 6px; + padding: 7px 0; + margin-bottom: 0; + font-size: 16px; +} + +.bar .btn-nav.pull-left { + margin-left: -5px; +} +.bar .btn-nav.pull-left .icon-left-nav { + margin-right: -3px; +} +.bar .btn-nav.pull-right { + margin-right: -5px; +} +.bar .btn-nav.pull-right .icon-right-nav { + margin-left: -3px; +} + +.bar .icon { + position: relative; + z-index: 20; + padding-top: 10px; + padding-bottom: 10px; + font-size: 24px; +} +.bar .btn .icon { + top: 3px; + padding: 0; +} +.bar .title .icon { + padding: 0; +} +.bar .title .icon.icon-caret { + top: 4px; + margin-left: -5px; +} + +.bar input[type="search"] { + height: 29px; + margin: 6px 0; +} + +.bar .segmented-control { + top: 7px; + margin: 0 auto; +} + +.badge { + display: inline-block; + padding: 2px 9px 3px; + font-size: 12px; + line-height: 1; + color: #333; + background-color: rgba(0, 0, 0, .15); + border-radius: 100px; +} +.badge.badge-inverted { + padding: 0 5px 0 0; + background-color: transparent; +} + +.badge-primary { + color: #fff; + background-color: #428bca; +} +.badge-primary.badge-inverted { + color: #428bca; +} + +.badge-positive { + color: #fff; + background-color: #5cb85c; +} +.badge-positive.badge-inverted { + color: #5cb85c; +} + +.badge-negative { + color: #fff; + background-color: #d9534f; +} +.badge-negative.badge-inverted { + color: #d9534f; +} + +.card { + margin: 10px; + overflow: hidden; + background-color: white; + border: 1px solid #ddd; + border-radius: 6px; +} + +.card .table-view { + margin-bottom: 0; + border-top: 0; + border-bottom: 0; +} +.card .table-view .table-view-divider:first-child { + top: 0; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +.card .table-view .table-view-divider:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.card .table-view-cell:last-child { + border-bottom: 0; +} + +.table-view { + padding-left: 0; + margin-top: 0; + margin-bottom: 15px; + list-style: none; + background-color: #fff; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; +} + +.table-view-cell { + position: relative; + padding: 11px 65px 11px 15px; + overflow: hidden; + border-bottom: 1px solid #ddd; +} +.table-view-cell:last-child { + border-bottom: 0; +} +.table-view-cell > a:not(.btn) { + position: relative; + display: block; + padding: inherit; + margin: -11px -65px -11px -15px; + overflow: hidden; + color: inherit; +} +.table-view-cell > a:not(.btn):active { + background-color: #eee; +} +.table-view-cell p { + margin-bottom: 0; +} + +.table-view-divider { + padding-top: 6px; + padding-bottom: 6px; + padding-left: 15px; + margin-top: -1px; + margin-left: 0; + font-weight: 500; + color: #999; + background-color: #fafafa; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; +} + +.table-view .media, +.table-view .media-body { + overflow: hidden; +} + +.table-view .media-object.pull-left { + margin-right: 10px; +} +.table-view .media-object.pull-right { + margin-left: 10px; +} + +.table-view-cell > .btn, +.table-view-cell > .badge, +.table-view-cell > .toggle, +.table-view-cell > a > .btn, +.table-view-cell > a > .badge, +.table-view-cell > a > .toggle { + position: absolute; + top: 50%; + right: 15px; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.table-view-cell .navigate-left > .btn, +.table-view-cell .navigate-left > .badge, +.table-view-cell .navigate-left > .toggle, +.table-view-cell .navigate-right > .btn, +.table-view-cell .navigate-right > .badge, +.table-view-cell .navigate-right > .toggle, +.table-view-cell .push-left > .btn, +.table-view-cell .push-left > .badge, +.table-view-cell .push-left > .toggle, +.table-view-cell .push-right > .btn, +.table-view-cell .push-right > .badge, +.table-view-cell .push-right > .toggle, +.table-view-cell > a .navigate-left > .btn, +.table-view-cell > a .navigate-left > .badge, +.table-view-cell > a .navigate-left > .toggle, +.table-view-cell > a .navigate-right > .btn, +.table-view-cell > a .navigate-right > .badge, +.table-view-cell > a .navigate-right > .toggle, +.table-view-cell > a .push-left > .btn, +.table-view-cell > a .push-left > .badge, +.table-view-cell > a .push-left > .toggle, +.table-view-cell > a .push-right > .btn, +.table-view-cell > a .push-right > .badge, +.table-view-cell > a .push-right > .toggle { + right: 35px; +} + +.content > .table-view:first-child { + margin-top: 15px; +} + +input, +textarea, +button, +select { + font-family: "Helvetica Neue", Helvetica, sans-serif; + font-size: 17px; +} + +select, +textarea, +input[type="text"], +input[type="search"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="tel"], +input[type="color"] { + width: 100%; + height: 35px; + -webkit-appearance: none; + padding: 0 15px; + margin-bottom: 15px; + line-height: 21px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 3px; + outline: none; +} + +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0 10px; + font-size: 16px; + border-radius: 20px; +} + +input[type="search"]:focus { + text-align: left; +} + +textarea { + height: auto; +} + +select { + height: auto; + font-size: 14px; + background-color: #f8f8f8; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); +} + +.input-group { + background-color: #fff; +} + +.input-group input, +.input-group textarea { + margin-bottom: 0; + background-color: transparent; + border-top: 0; + border-right: 0; + border-left: 0; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} + +.input-row { + height: 35px; + overflow: hidden; + border-bottom: 1px solid #ddd; +} + +.input-row label { + float: left; + width: 35%; + padding: 8px 15px; + font-family: "Helvetica Neue", Helvetica, sans-serif; + line-height: 1.1; +} + +.input-row input { + float: right; + width: 65%; + padding-left: 0; + margin-bottom: 0; + border: 0; +} + +.segmented-control { + position: relative; + display: table; + overflow: hidden; + font-size: 12px; + font-weight: 400; + background-color: white; + border: 1px solid #ccc; + border-radius: 3px; +} +.segmented-control .control-item { + display: table-cell; + width: 1%; + padding-top: 6px; + padding-bottom: 7px; + overflow: hidden; + line-height: 1; + color: #333; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + border-left: 1px solid #ccc; +} +.segmented-control .control-item:first-child { + border-left-width: 0; +} +.segmented-control .control-item:active { + background-color: #eee; +} +.segmented-control .control-item.active { + background-color: #ccc; +} + +.segmented-control-primary { + border-color: #428bca; +} +.segmented-control-primary .control-item { + color: #428bca; + border-color: inherit; +} +.segmented-control-primary .control-item:active { + background-color: #cde1f1; +} +.segmented-control-primary .control-item.active { + color: #fff; + background-color: #428bca; +} + +.segmented-control-positive { + border-color: #5cb85c; +} +.segmented-control-positive .control-item { + color: #5cb85c; + border-color: inherit; +} +.segmented-control-positive .control-item:active { + background-color: #d8eed8; +} +.segmented-control-positive .control-item.active { + color: #fff; + background-color: #5cb85c; +} + +.segmented-control-negative { + border-color: #d9534f; +} +.segmented-control-negative .control-item { + color: #d9534f; + border-color: inherit; +} +.segmented-control-negative .control-item:active { + background-color: #f9e2e2; +} +.segmented-control-negative .control-item.active { + color: #fff; + background-color: #d9534f; +} + +.control-content { + display: none; +} +.control-content.active { + display: block; +} + +.popover { + position: fixed; + top: 55px; + left: 50%; + z-index: 20; + display: none; + width: 280px; + margin-left: -140px; + background-color: white; + border-radius: 6px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); + box-shadow: 0 0 15px rgba(0, 0, 0, .1); + opacity: 0; + -webkit-transition: all .25s linear; + -moz-transition: all .25s linear; + transition: all .25s linear; + -webkit-transform: translate3d(0, -15px, 0); + -ms-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); +} +.popover:before { + position: absolute; + top: -15px; + left: 50%; + width: 0; + height: 0; + margin-left: -15px; + content: ''; + border-right: 15px solid transparent; + border-bottom: 15px solid white; + border-left: 15px solid transparent; +} +.popover.visible { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.popover .bar ~ .table-view { + padding-top: 44px; +} + +.backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + background-color: rgba(0, 0, 0, .3); +} + +.popover .btn-block { + margin-bottom: 5px; +} +.popover .btn-block:last-child { + margin-bottom: 0; +} + +.popover .bar-nav { + border-bottom: 1px solid #ddd; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + -webkit-box-shadow: none; + box-shadow: none; +} + +.popover .table-view { + max-height: 300px; + margin-bottom: 0; + overflow: auto; + -webkit-overflow-scrolling: touch; + background-color: #fff; + border-top: 0; + border-bottom: 0; + border-radius: 6px; +} + +.modal { + position: fixed; + top: 0; + z-index: 11; + width: 100%; + min-height: 100%; + overflow: hidden; + background-color: #fff; + opacity: 0; + -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; + -moz-transition: -moz-transform .25s, opacity 1ms .25s; + transition: transform .25s, opacity 1ms .25s; + -webkit-transform: translate3d(0, 100%, 0); + -ms-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} +.modal.active { + height: 100%; + opacity: 1; + -webkit-transition: -webkit-transform .25s; + -moz-transition: -moz-transform .25s; + transition: transform .25s; + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slider { + width: 100%; +} + +.slider { + overflow: hidden; + background-color: #000; +} +.slider .slide-group { + position: relative; + font-size: 0; + white-space: nowrap; + -webkit-transition: all 0s linear; + -moz-transition: all 0s linear; + transition: all 0s linear; +} +.slider .slide-group .slide { + display: inline-block; + width: 100%; + height: 100%; + font-size: 14px; + vertical-align: top; +} + +.toggle { + position: relative; + display: block; + width: 74px; + height: 30px; + background-color: #fff; + border: 2px solid #ddd; + border-radius: 20px; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; + -webkit-transition-property: background-color, border; + -moz-transition-property: background-color, border; + transition-property: background-color, border; +} +.toggle .toggle-handle { + position: absolute; + top: -1px; + left: -1px; + z-index: 2; + width: 28px; + height: 28px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 100px; + -webkit-transition-duration: .2s; + -moz-transition-duration: .2s; + transition-duration: .2s; + -webkit-transition-property: -webkit-transform, border, width; + -moz-transition-property: -moz-transform, border, width; + transition-property: transform, border, width; +} +.toggle:before { + position: absolute; + top: 3px; + right: 11px; + font-size: 13px; + color: #999; + text-transform: uppercase; + content: "Off"; +} +.toggle.active { + background-color: #5cb85c; + border: 2px solid #5cb85c; +} +.toggle.active .toggle-handle { + border-color: #5cb85c; + -webkit-transform: translate3d(44px, 0, 0); + -ms-transform: translate3d(44px, 0, 0); + transform: translate3d(44px, 0, 0); +} +.toggle.active:before { + right: auto; + left: 15px; + color: #fff; + content: "On"; +} +.toggle input[type="checkbox"] { + display: none; +} + +.content.fade { + left: 0; + opacity: 0; +} +.content.fade.in { + opacity: 1; +} +.content.sliding { + z-index: 2; + -webkit-transition: -webkit-transform .4s; + -moz-transition: -moz-transform .4s; + transition: transform .4s; + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.content.sliding.left { + z-index: 1; + -webkit-transform: translate3d(-100%, 0, 0); + -ms-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} +.content.sliding.right { + z-index: 3; + -webkit-transform: translate3d(100%, 0, 0); + -ms-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} + +.navigate-left:after, +.navigate-right:after, +.push-left:after, +.push-right:after { + position: absolute; + top: 50%; + display: inline-block; + font-family: Ratchicons; + font-size: inherit; + line-height: 1; + color: #bbb; + text-decoration: none; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + + -webkit-font-smoothing: antialiased; +} + +.navigate-left:after, +.push-left:after { + left: 15px; + content: '\e822'; +} + +.navigate-right:after, +.push-right:after { + right: 15px; + content: '\e826'; +} + +@font-face { + font-family: Ratchicons; + font-style: normal; + font-weight: normal; + + src: url("../fonts/ratchicons.eot"); + src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ratchicons.woff") format("woff"), url("../fonts/ratchicons.ttf") format("truetype"), url("../fonts/ratchicons.svg#svgFontName") format("svg"); +} +.icon { + display: inline-block; + font-family: Ratchicons; + font-size: 24px; + line-height: 1; + text-decoration: none; + + -webkit-font-smoothing: antialiased; +} + +.icon-back:before { + content: '\e80a'; +} + +.icon-bars:before { + content: '\e80e'; +} + +.icon-caret:before { + content: '\e80f'; +} + +.icon-check:before { + content: '\e810'; +} + +.icon-close:before { + content: '\e811'; +} + +.icon-code:before { + content: '\e812'; +} + +.icon-compose:before { + content: '\e813'; +} + +.icon-download:before { + content: '\e815'; +} + +.icon-edit:before { + content: '\e829'; +} + +.icon-forward:before { + content: '\e82a'; +} + +.icon-gear:before { + content: '\e821'; +} + +.icon-home:before { + content: '\e82b'; +} + +.icon-info:before { + content: '\e82c'; +} + +.icon-list:before { + content: '\e823'; +} + +.icon-more-vertical:before { + content: '\e82e'; +} + +.icon-more:before { + content: '\e82f'; +} + +.icon-pages:before { + content: '\e824'; +} + +.icon-pause:before { + content: '\e830'; +} + +.icon-person:before { + content: '\e832'; +} + +.icon-play:before { + content: '\e816'; +} + +.icon-plus:before { + content: '\e817'; +} + +.icon-refresh:before { + content: '\e825'; +} + +.icon-search:before { + content: '\e819'; +} + +.icon-share:before { + content: '\e81a'; +} + +.icon-sound:before { + content: '\e827'; +} + +.icon-sound2:before { + content: '\e828'; +} + +.icon-sound3:before { + content: '\e80b'; +} + +.icon-sound4:before { + content: '\e80c'; +} + +.icon-star-filled:before { + content: '\e81b'; +} + +.icon-star:before { + content: '\e81c'; +} + +.icon-stop:before { + content: '\e81d'; +} + +.icon-trash:before { + content: '\e81e'; +} + +.icon-up-nav:before { + content: '\e81f'; +} + +.icon-up:before { + content: '\e80d'; +} + +.icon-right-nav:before { + content: '\e818'; +} + +.icon-right:before { + content: '\e826'; +} + +.icon-down-nav:before { + content: '\e814'; +} + +.icon-down:before { + content: '\e820'; +} + +.icon-left-nav:before { + content: '\e82d'; +} + +.icon-left:before { + content: '\e822'; +} diff --git a/app/input-frontend/css/ratchet.min.css b/app/input-frontend/css/ratchet.min.css new file mode 100644 index 0000000..7801e0a --- /dev/null +++ b/app/input-frontend/css/ratchet.min.css @@ -0,0 +1,9 @@ +/*! + * ===================================================== + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * + * v2.0.2 designed by @connors. + * ===================================================== + *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#428bca;text-decoration:none;-webkit-tap-highlight-color:transparent}a:active{color:#3071a9}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.content>*{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.bar-nav~.content{padding-top:44px}.bar-header-secondary~.content{padding-top:88px}.bar-footer~.content{padding-bottom:44px}.bar-footer-secondary~.content{padding-bottom:88px}.bar-tab~.content{padding-bottom:50px}.bar-footer-secondary-tab~.content{padding-bottom:94px}.content-padded{margin:10px}.pull-left{float:left}.pull-right{float:right}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{margin-top:20px;font-size:14px}.h6,h6{margin-top:20px;font-size:12px}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#777}.btn{position:relative;display:inline-block;padding:6px 8px 7px;margin-bottom:0;font-size:12px;font-weight:400;line-height:1;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px}.btn.active,.btn:active{color:inherit;background-color:#ccc}.btn.disabled,.btn:disabled{opacity:.6}.btn-primary{color:#fff;background-color:#428bca;border:1px solid #428bca}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#3071a9;border:1px solid #3071a9}.btn-positive{color:#fff;background-color:#5cb85c;border:1px solid #5cb85c}.btn-positive.active,.btn-positive:active{color:#fff;background-color:#449d44;border:1px solid #449d44}.btn-negative{color:#fff;background-color:#d9534f;border:1px solid #d9534f}.btn-negative.active,.btn-negative:active{color:#fff;background-color:#c9302c;border:1px solid #c9302c}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#428bca}.btn-outlined.btn-positive{color:#5cb85c}.btn-outlined.btn-negative{color:#d9534f}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff}.btn-link{padding-top:6px;padding-bottom:6px;color:#428bca;background-color:transparent;border:0}.btn-link.active,.btn-link:active{color:#3071a9;background-color:transparent}.btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}input[type=button],input[type=reset],input[type=submit]{width:100%}.btn .badge{margin:-2px -4px -2px 4px;font-size:12px;background-color:rgba(0,0,0,.15)}.btn .badge-inverted,.btn:active .badge-inverted{background-color:transparent}.btn-negative:active .badge-inverted,.btn-positive:active .badge-inverted,.btn-primary:active .badge-inverted{color:#fff}.btn-block .badge{position:absolute;right:0;margin-right:10px}.btn .icon{font-size:inherit}.bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:#fff;border-bottom:1px solid #ddd;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bar-header-secondary{top:44px}.bar-footer{bottom:0}.bar-footer-secondary{bottom:44px}.bar-footer-secondary-tab{bottom:50px}.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-top:1px solid #ddd;border-bottom:0}.bar-nav{top:0}.title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.title a{color:inherit}.bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:1px solid #ddd;border-bottom:0}.bar-tab .tab-item{display:table-cell;width:1%;height:50px;color:#929292;text-align:center;vertical-align:middle}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#428bca}.bar-tab .tab-item .icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.bar-tab .tab-item .icon~.tab-label{display:block;font-size:11px}.bar .btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.bar .btn.pull-right{margin-left:10px}.bar .btn.pull-left{margin-right:10px}.bar .btn-link{top:0;padding:0;font-size:16px;line-height:44px;color:#428bca;border:0}.bar .btn-link.active,.bar .btn-link:active{color:#3071a9}.bar .btn-block{top:6px;padding:7px 0;margin-bottom:0;font-size:16px}.bar .btn-nav.pull-left{margin-left:-5px}.bar .btn-nav.pull-left .icon-left-nav{margin-right:-3px}.bar .btn-nav.pull-right{margin-right:-5px}.bar .btn-nav.pull-right .icon-right-nav{margin-left:-3px}.bar .icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.bar .btn .icon{top:3px;padding:0}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:4px;margin-left:-5px}.bar input[type=search]{height:29px;margin:6px 0}.bar .segmented-control{top:7px;margin:0 auto}.badge{display:inline-block;padding:2px 9px 3px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.badge.badge-inverted{padding:0 5px 0 0;background-color:transparent}.badge-primary{color:#fff;background-color:#428bca}.badge-primary.badge-inverted{color:#428bca}.badge-positive{color:#fff;background-color:#5cb85c}.badge-positive.badge-inverted{color:#5cb85c}.badge-negative{color:#fff;background-color:#d9534f}.badge-negative.badge-inverted{color:#d9534f}.card{margin:10px;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-radius:6px}.card .table-view{margin-bottom:0;border-top:0;border-bottom:0}.card .table-view .table-view-divider:first-child{top:0;border-top-left-radius:6px;border-top-right-radius:6px}.card .table-view .table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.card .table-view-cell:last-child{border-bottom:0}.table-view{padding-left:0;margin-top:0;margin-bottom:15px;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view-cell{position:relative;padding:11px 65px 11px 15px;overflow:hidden;border-bottom:1px solid #ddd}.table-view-cell:last-child{border-bottom:0}.table-view-cell>a:not(.btn){position:relative;display:block;padding:inherit;margin:-11px -65px -11px -15px;overflow:hidden;color:inherit}.table-view-cell>a:not(.btn):active{background-color:#eee}.table-view-cell p{margin-bottom:0}.table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view .media,.table-view .media-body{overflow:hidden}.table-view .media-object.pull-left{margin-right:10px}.table-view .media-object.pull-right{margin-left:10px}.table-view-cell>.badge,.table-view-cell>.btn,.table-view-cell>.toggle,.table-view-cell>a>.badge,.table-view-cell>a>.btn,.table-view-cell>a>.toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.toggle{right:35px}.content>.table-view:first-child{margin-top:15px}button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{width:100%;height:35px;-webkit-appearance:none;padding:0 15px;margin-bottom:15px;line-height:21px;background-color:#fff;border:1px solid #ddd;border-radius:3px;outline:0}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;font-size:16px;border-radius:20px}input[type=search]:focus{text-align:left}textarea{height:auto}select{height:auto;font-size:14px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.input-group{background-color:#fff}.input-group input,.input-group textarea{margin-bottom:0;background-color:transparent;border-top:0;border-right:0;border-left:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.input-row{height:35px;overflow:hidden;border-bottom:1px solid #ddd}.input-row label{float:left;width:35%;padding:8px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.input-row input{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.segmented-control{position:relative;display:table;overflow:hidden;font-size:12px;font-weight:400;background-color:#fff;border:1px solid #ccc;border-radius:3px}.segmented-control .control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #ccc}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active{background-color:#eee}.segmented-control .control-item.active{background-color:#ccc}.segmented-control-primary{border-color:#428bca}.segmented-control-primary .control-item{color:#428bca;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#cde1f1}.segmented-control-primary .control-item.active{color:#fff;background-color:#428bca}.segmented-control-positive{border-color:#5cb85c}.segmented-control-positive .control-item{color:#5cb85c;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#d8eed8}.segmented-control-positive .control-item.active{color:#fff;background-color:#5cb85c}.segmented-control-negative{border-color:#d9534f}.segmented-control-negative .control-item{color:#d9534f;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#f9e2e2}.segmented-control-negative .control-item.active{color:#fff;background-color:#d9534f}.control-content{display:none}.control-content.active{display:block}.popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-15px;content:'';border-right:15px solid transparent;border-bottom:15px solid #fff;border-left:15px solid transparent}.popover.visible{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popover .bar~.table-view{padding-top:44px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.popover .btn-block{margin-bottom:5px}.popover .btn-block:last-child{margin-bottom:0}.popover .bar-nav{border-bottom:1px solid #ddd;border-top-left-radius:12px;border-top-right-radius:12px;-webkit-box-shadow:none;box-shadow:none}.popover .table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:0;border-bottom:0;border-radius:6px}.modal{position:fixed;top:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal.active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider{width:100%;overflow:hidden;background-color:#000}.slider .slide-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;transition:all 0s linear}.slider .slide-group .slide{display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.toggle{position:relative;display:block;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;-moz-transition-property:background-color,border;transition-property:background-color,border}.toggle .toggle-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.toggle.active{background-color:#5cb85c;border:2px solid #5cb85c}.toggle.active .toggle-handle{border-color:#5cb85c;-webkit-transform:translate3d(44px,0,0);-ms-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.toggle.active:before{right:auto;left:15px;color:#fff;content:"On"}.toggle input[type=checkbox]{display:none}.content.fade{left:0;opacity:0}.content.fade.in{opacity:1}.content.sliding{z-index:2;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content.sliding.left{z-index:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content.sliding.right{z-index:3;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{position:absolute;top:50%;display:inline-block;font-family:Ratchicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.navigate-left:after,.push-left:after{left:15px;content:'\e822'}.navigate-right:after,.push-right:after{right:15px;content:'\e826'}@font-face{font-family:Ratchicons;font-style:normal;font-weight:400;src:url(../fonts/ratchicons.eot);src:url(../fonts/ratchicons.eot?#iefix) format("embedded-opentype"),url(../fonts/ratchicons.woff) format("woff"),url(../fonts/ratchicons.ttf) format("truetype"),url(../fonts/ratchicons.svg#svgFontName) format("svg")}.icon{display:inline-block;font-family:Ratchicons;font-size:24px;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.icon-back:before{content:'\e80a'}.icon-bars:before{content:'\e80e'}.icon-caret:before{content:'\e80f'}.icon-check:before{content:'\e810'}.icon-close:before{content:'\e811'}.icon-code:before{content:'\e812'}.icon-compose:before{content:'\e813'}.icon-download:before{content:'\e815'}.icon-edit:before{content:'\e829'}.icon-forward:before{content:'\e82a'}.icon-gear:before{content:'\e821'}.icon-home:before{content:'\e82b'}.icon-info:before{content:'\e82c'}.icon-list:before{content:'\e823'}.icon-more-vertical:before{content:'\e82e'}.icon-more:before{content:'\e82f'}.icon-pages:before{content:'\e824'}.icon-pause:before{content:'\e830'}.icon-person:before{content:'\e832'}.icon-play:before{content:'\e816'}.icon-plus:before{content:'\e817'}.icon-refresh:before{content:'\e825'}.icon-search:before{content:'\e819'}.icon-share:before{content:'\e81a'}.icon-sound:before{content:'\e827'}.icon-sound2:before{content:'\e828'}.icon-sound3:before{content:'\e80b'}.icon-sound4:before{content:'\e80c'}.icon-star-filled:before{content:'\e81b'}.icon-star:before{content:'\e81c'}.icon-stop:before{content:'\e81d'}.icon-trash:before{content:'\e81e'}.icon-up-nav:before{content:'\e81f'}.icon-up:before{content:'\e80d'}.icon-right-nav:before{content:'\e818'}.icon-right:before{content:'\e826'}.icon-down-nav:before{content:'\e814'}.icon-down:before{content:'\e820'}.icon-left-nav:before{content:'\e82d'}.icon-left:before{content:'\e822'} \ No newline at end of file diff --git a/app/input-frontend/fonts/ratchicons.eot b/app/input-frontend/fonts/ratchicons.eot new file mode 100644 index 0000000000000000000000000000000000000000..536e572588b073e449007acf81638dcbfbb6c13c GIT binary patch literal 11688 zcmd^lYj9l0b!MOLd*=yYo_KLU@(u?BfS3m!gP8#d3LF6hAd;2|5VV33Wf?%@#|Bd03T zt}F|e`}Msu1SwOFQ=4DA1I+Eyr%!jEK7IN;`p&Zn#@>!IMvOE0;Y<}K0L*7dLLV5m z>RV3}jq1#6v$I>+G8AOXtiV>;1e<0vcrLO9wt~hgc9a#_Np_meqkS2e8g>UT%V?c3 zsWjHXlB^vq?>7dT6aJ0NeHtR zXO<}E>O=j9sA~&_Q^oq9e72FX9SY|7`=!N|)kDYM{UVycKmBBBxw!PXFaFk5#^O(d z{tias3VnvD%)vj#H-I^3mGn2PgRos&dxf?eKEqQ3lPq_IUFj4@ugaudA-AfW zn-j}HCIv5fW6`jW_Rzh5OJ{&F>BKB=#J<|T!5Ov0qLg(~Exl7< zrgWq_QkxZXn|}U=@$%WT7dM)EY0o?O$i7#9#4qsgF&p?%3H*Q=C)tTQ%X}CY>BDro z$9T#3b`PC4H3xl;^8X5+?99!U4(nCJW4R_KxR|w*3hh?M!MUPxB@dQ}-Ht`jQ5zr{ z4CR`)2o)7(;{7P|xoU?42h;6vyPS3##uZHX9Nw6kPF0IkIugLb=*bQ9Q@^pnQyWHX zV*^yC%t%6#zqVXlwQ=;FRfrRx+hS=1>n8{d<2w|)Vu#G^{#YPY9f?+_(kiAnD~G*k z#4lc?jf>_-%J?QSYj#qW_yyx)KlzO}4$uL*OKvE(w8wbF+{dfWi04FrX)MmtxlS7? zqMAsl0ZRh=Y4XJc)_9yLz#n0XLZgfn8ft8=YmBMEShTsx=Aq_ZN++qgitIb6wlkBh zt)iV&li5$bg#Rp%XiAcJ`b(8f9xq4wQlo@XssG`bes-m8rD)H|3#HVLw zJ}tz#+1YccFI9>vF|hkY_Mvr2`p|i?Ysa7`TKP;R_w4mF(eF#j61^0!l)+o#Ab$xa zdob7UAmWi)t_VRYlgoke;&dDvfCVYXZNyZS9YMj=QE0w8M69(Xyfakq_g1)Al9F~$ zEV|2Pk7l}>qdO>tg;;A0)~ZR0TwAPatHuJ&R{mG@F|Y9x&dKhL)wkz}a_#N65;uP8 zjco%!x3<^Ey`*vgX6s)De81`RJAcC$v?zghxu5h^%UX`AeNVY6N~7e=^+C~ZIHx!i zPHLt%>7E|r+r~>hyisnp&-k%CsMa}+^D02F*xytIXS^kr;FKU7?eD+>bQ>>I_t$mZ zcv{yjdj56(DQIXb`^sV6i4zoPiq?25-8LMVJ{*>uo!I`+Vcm6I6TiOcrXBKmYp|fe zabt7@1+h_uV@udjX|!q}aTXZy<5sg=@K7js(?0op&bhl~dnn=ytNvKFJx1wN)|cHC zY3}MsQr6n4CMaMg)wz>)P<0h~sEQ)(Kcx#7-+ojGk6jhyC-QTlI6R7iv*z$nfRo~M z{@vTpZ9cbdC+@UUrnx1>9Zto;z0S(^Sg2Rw4tQ#*Yk2&NDXX2ihO%TN-m-h6Ci}iH z_g!PpoZB3{)L%RY8!BzCY2&gmaar1XKTgao_Zvg6eS-EHFMWbuEZYu#rer(zL!pve(+B=$f<5#GgI%!V8CpHlLEEVes+WF1&aU2hh0f z!iC!mL(1~%kHoXWk7&Y=*aEWjlVDEbq9I_naTP$HbSJa;!V1E95{#a7Wy(>AKpFJ; ze8HWtd^mbpaE!lfrmKybc6mtn!oF}8U!VAxF}F}dkNb?dZhBk`y4@|V23Jtoe2iY$ zzxk&S`Xk1C%>q5)Gv>SL2@0aM#qACn|7`U0kM?3)_Lg+{7><>tGfd^`9n5BP*$()z93MPP4K}tq z1R0E zzm(YLA+Zu4UlCstLFQxIS$huFP;jq&^!c#o`y~lBAD#lZBMklnK2N~sH8nOVftZQ| zdV{xf-r(cDWc=gyu=3&~kGv?97amEE@21+#M)CO4(i1{Fv9$EKi)wcl(vQ5TSTx#p z;|kxk^tg~D@@eY%b^F+zOPBYN<(Lf;v+-$bH(``v0aVo#oH`=6b>RIrH08r~;z(|7 z=xpyw>&C_1TN^5}n}5RhEwx;{xZ9NJW8(WF&YY|+SB-j3ZirAz_MpZG!$yIy8i?XQ zOmD8zig9Vhc*VH1Y+Rxh5jQ^ns_}(aU!}sUkf%JmSIgrCSTYy$!uaO`l@&6~!N@Ky z?F?|YOLN0VU=+Kyx@mVY~Rgac*VV_%tO};Lc(z9k0JW z@h&yrb(~r@=}+mzwdsv_zy5Xdf0cF_ul-(GPviVaC|zwXxMi=cIMwIHvJf1HMSSxy z{?RD^D0oLUarMhMS7}zu!YszxSc+xYtIthxH(wVcJv4-NGf@<5d;h<#4#} z#@N^(+i^Qq<%ErPGm&S~C?8?4&BvJHP;P_ot48O{jh%(dG4%`e&SlFTUDM{Yzi3bR z&-!d8-IeO>Xm3j<;<46L0Drzf%ImFzDM)uU#b}ppyEF=cU`;CAnMnsy(XLDnb=Ck& zL0cret0^tQ6cMRFB#;sjUrNlq6YxCm3A{6~Cs;+gC$P8ANLRVexT>C|ogTOGJMOAh zdfoVTTXXV%B%9kFZfoP0d#i%Ms^0yZX-^>F;eR&nuBvi}H{))P$IYME{0#5h{0r+_ z-n(b`om+m!@|m}e&Ab%z_Z4>KIezyREg>9+?R@TjE7Q-;J}PB&^*`}{5p`R3Q$^YbFS`1G@e=KY zWR8CvwypPm1NPWF2UztLGw+i*jE4nqBJRo|pOPszY>}PWkQBitRgi$Z@-Q9_x6_el zZq?jZ+A?rel@&JxELArIERZBr%=(He()!EqyLD&H z&sGpaPtsZA*W|zCS^9fxUuE9qW1q7QTqi;#L`>suaxhhKsClHYE)oc)@;J11ZnMjz znVE)Frm&n1gmNjX6HWgcdgXIFWgv!((dU3lVTmw!G9a@dCqd>|;f)30b?x|Ok=})U z(hKkBzt_9@U-tJR5;)8An@6~gDo?$0ws-TfUjBw$m)tw}QjuYGtT)%=h7!7D_}o`P zJf{Le*kY!!q{y5HPK+Iq;uw{)N`5+E<-zt`2rsi4CeEQTMge zzan$5U-`igzHmuVE`8xM->oBU@z=P}A9_evPW61uYuTLdE zy!wEQWgnmyMcw_zw~TLn98oO-O03~^@fGCkF`T)(*)P*hD@}-W`VrR-kYYP~|EZIc zCu~BwGrw<-qKZ^=lLJ|ss`iz#hMysI+=MjuGgLPju$-erOezB2Znrk0?V0F3hkq_VXfkT-t80bXn?)qBI zjY|e3IPHi%vc00KsTrGgU5bNagqhucuC8 z4;NmUHf_^FA+L8E3B~SHgv+itwtJ!!^7=xEmt4-xZ^<0%?}SC{ukqs_v{sg-dg7e? z?g}Tg)#*I;^AoX}QVw?K1Hb->STa+}!yHw)w$m#^XXEX-+;CL9Ewi;whfLOX?HMVI zbce~x*W7jY-qAi1+Trto>Vco1&Ph9g)3Mvk=Q`Pk*gsjCxT79R8X3N|r#k}!mrQso z6F!UBmfFDJs+Q>izh%3V)zlVQrL*MNwV3tUN%T}Ajq3?ZoCqd3-rm(%31MI$wm zR7ncs^d7?8&m9N)dVgWevA+%c zVKeXZ=RAHmDvoFt=)z9ih+a$Q;E_w|9RDX{UM6u~nWJqbadg#8-GH9U(&OdK4dYmI zB;I@9LX{-{-=sY<50Y0dyh_(;95*gt2{!P{;;V=|9IS#>OIuzYtaR8FTvaibl7o>X zu25bTHpClnNG8BbKFR4cGrTHig|i}9ZTH2TyfzD0Qj6=5>Hv~B`A6cb#v$WSdxk%q zF?!B^_ltl1H2Arjo;MD)WsC!~kum<@t+!|cV8r+VZBS*2FDqA*e!h#%Z9g&Q}*4syt=!yO2ccQtio#187rbT#d=T?6RNmUMbJoz9Sa4yUP9{%*N` zxjCKwU?y$+p+#q{1B;o%{js$U+}7F^s08849rqVvPD+N3m>x<>X(-@#IcsbD+XCCF zDxE%;FW`3|VXGp^QD;rGih?zgt7`x*1538(q~6;-9WORrF!sv1|O11-V14u!&go5$nua|8j- z56-sjZMel}tFUpe&Ffb@n$3}!3bgw7=16_}!iE2>QcfH}=S#0xgT3+!)xY~gr;j^3 z+ZsHFYqurCE?!f;{qQM4;oA12J7b)?!n=3W9rSK*>vZCNao>L!yYRM(!ScT?cT;|6 zXJ4E7h-cqh%q`^mK=$1Z@z-YA{%5~wO705oOAuUIwg(XUl-{qI^yno=y8e@rBmKYf zH5V4d+l#x{J?tg+zsO5x=n8yi9qzIJg8xu#6J6qvm=3Z1pg6n(k9qw88C*A*0(Oz-1;x$u>DfUTu z7l03E8cX0MGGk|)pEWTIw}}>&tfuj`g{#ijd}XHHJ9YAyY{wa)gAF73p9+9FUh3x#>DaC&umad}0{ zX;X^}tHt^G#pJ}|spZ1z#PrO>;=;<&;>pwVh2<^87Ia5(d1YpCLF-7iZy|?@3q{n5 zlX8}odro$)u1;xF%ZsP9!P5BJ((>YLabh(&y}G)zx2^5^d0|Et*%G@CZ}DgFZhso@ z{WaDC>~55uc$M72x&WO3g$7ECY6hEGz^?!_JWr#?wAr$PdJf+y)E0m(f?^(U()UlrW=i-Ma`+zfZ~Ume_xatK^3;A^!N*(CV0*0O>la1twA#ov_4^)h%p1!(X+ z{A-YpY@5Y66QE9-Qd$LeFD|#*-gmvwHZ#US>B9GBpA-}y*XBq-RkGo_#X(La)^4gm z$RTqRFZuA=B|t%{rW#z))=@oeqYyRFcD$z9Ng9P|7e%O%qSS<|h!)yStrVj;F8Pww zM(xyrm%u4!VPP^cQCKdnIwUl?c<(|*8JJ%zOq$sF;?$~7VoxnD7Zdjsmse*d3iD=@ z#F%54YVDFlE5*X{#I%WAna0RAi9EfeoG47p*;W=$FHEMaqKli@RZfCgMXpbopIKQ|mkK9~EB58$)N*lUS~bU3O_nW= zJC)+(%&L8AarxfD@}x4oc&ez(EKDsr!js^MESzOn~rxH5FwMk9?qhVcXx>HvMj*o>S;n3QcrVkH~h4oxMr0Lxf z>dxmi-8E2{)LUfLHK6J35@?qce>6O%O=)Xu1&|DnjRT{ZL=wtKC^H@!&*$?YoyGF` zh|Y$`iurs(=Wz|=DA58~Q2U3+bT!ha+ai6Ta5#^^JE4ns1pH`|>*|RuV@qkN?`q1)n`Wvx@!? zjjdNy^ke!y-4)C0tY7ERzICU3xbV=a20{?g;jwjsWUv)|Ymh6Zb+(2h=vIb9R=e!N zqh@O!%NPRlL*tO&mdMr_3q-K=ex3E6M|^3Dy9&Ih1INagUJ>cj#xd?UD=P^ew6AY% ze7#bQ>8E0$U0A#agjKPG?v1aLEPe5HE=zxWUC1&JUsq%qgj8i&9bdP}vL?Q6mt}2y z-66}m__|Y;^>N)1`vvFThPms}Cxp3W*?_raxgB%MatG#?~KPFxh7Al(VJU!s%|&MxBL3#-q_R{*U~08u{hI(rQbLu<@qGYYJT4|76*DG z-RrGX4X)x?12`yCjYEM7-3dJrPuA{B=*gS3V&^A7(FWnMny8l4hU6K;q7SaE4Mm1< za>hkIQqE z8yWis*Mt`O25%DE@_q7TJ76I&A7+dULb3ayr8q?_W|=A8KRy}JMSo!uhnM#kLV(Bf zI0+ytU}BiV$Y7y66u~%y;2woJ7KX5f!VEA7s6Zw$UB#ZNvM>4-KoT`a#}mdc6ba|I zM#S!Q%JpcNLv1RpC$bOAOqpoiffJ%>gAvFr1|>-7UFPz^881nP9UDt(`(UOeUnL|4 zyH0#j)DEHviZ(D2u_SI;v`9&+;3=V}OEdPD#X2s10#;F$d?p^zl5+WjuuuE)$@L}* zLbJ2i&=CF>y89a1q%L>8fo4x!Z;zE*ZWwfLTKW?~3CsW)N%9#bMx zU&;d1p$ieHY7&}j@wgAC5!URQVwIQpuWQcGzfD=BbmUpx7wHa#uiLnAzQoBba>-@U z^~zO-rF;b}B#i`a zmo$3-d{ELz;E1G=z_6r|z=)*j0dQ2(NMKabNZ^>Hk-&!}O)r2uB#i`qNzzDQOwvdo zFKPAyxKq+d;JBobz+I9?0w0d+o!7*Cx2)(Hpg&?lSwQ2a)&Sj&N+GVNu2G+m6_a|x zge3K(2}#moT<^L@IwdP6=}8lkq|+uONoV4E`Wor1teB*8CL~GcO-PcSipO+EQ5TKF zXQcVYPpR4A7ud^3;fU$c{EPBOv=bVv)*I$__C0e*hZA4&?v< literal 0 HcmV?d00001 diff --git a/app/input-frontend/fonts/ratchicons.svg b/app/input-frontend/fonts/ratchicons.svg new file mode 100644 index 0000000..3abf5dd --- /dev/null +++ b/app/input-frontend/fonts/ratchicons.svg @@ -0,0 +1,61 @@ + + + +Copyright (C) 2014 by original authors @ fontello.com + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/app/input-frontend/fonts/ratchicons.ttf b/app/input-frontend/fonts/ratchicons.ttf new file mode 100644 index 0000000000000000000000000000000000000000..927eb58c3641d02ff1891b7823fd055deaa5ede9 GIT binary patch literal 11512 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 O13&wGa#dxA82dl#5&Cxk literal 0 HcmV?d00001 diff --git a/app/input-frontend/fonts/ratchicons.woff b/app/input-frontend/fonts/ratchicons.woff new file mode 100644 index 0000000000000000000000000000000000000000..25f1e75afc0cfd3a398215974eb2785436b98426 GIT binary patch literal 6780 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 bvt}^hnF3|>5u+LS6j2NQP>1~d2kCzRYph+Z literal 0 HcmV?d00001 diff --git a/app/input-frontend/index.html b/app/input-frontend/index.html new file mode 100644 index 0000000..4736d62 --- /dev/null +++ b/app/input-frontend/index.html @@ -0,0 +1,164 @@ + + + + + + Fun with Binary + + + + + + + + + + + + + +
+ +

+ Have fun with Binary +

+
+ +
+ + + +
+ + + + + + + + +
+ + +

Made with love by Diogo Cordeiro

+
+ + + + + + + diff --git a/app/input-frontend/js/ratchet.js b/app/input-frontend/js/ratchet.js new file mode 100644 index 0000000..3dde418 --- /dev/null +++ b/app/input-frontend/js/ratchet.js @@ -0,0 +1,10 @@ +/*! + * ===================================================== + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * + * v2.0.2 designed by @connors. + * ===================================================== + */ +!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},b=function(b){var c=a(b.target);return c&&c.hash?document.querySelector(c.hash):void 0};window.addEventListener("touchend",function(a){var c=b(a);c&&(c&&c.classList.contains("modal")&&c.classList.toggle("active"),a.preventDefault())})}(),!function(){"use strict";var a,b=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},c=function(){a.style.display="none",a.removeEventListener("webkitTransitionEnd",c)},d=function(){var b=document.createElement("div");return b.classList.add("backdrop"),b.addEventListener("touchend",function(){a.addEventListener("webkitTransitionEnd",c),a.classList.remove("visible"),a.parentNode.removeChild(d)}),b}(),e=function(c){var d=b(c.target);if(d&&d.hash&&!(d.hash.indexOf("/")>0)){try{a=document.querySelector(d.hash)}catch(e){a=null}if(null!==a&&a&&a.classList.contains("popover"))return a}},f=function(a){var b=e(a);b&&(b.style.display="block",b.offsetHeight,b.classList.add("visible"),b.parentNode.appendChild(d))};window.addEventListener("touchend",f)}(),!function(){"use strict";var a,b=function(){},c=20,d=sessionStorage,e={},f={slideIn:"slide-out",slideOut:"slide-in",fade:"fade"},g={bartab:".bar-tab",barnav:".bar-nav",barfooter:".bar-footer",barheadersecondary:".bar-header-secondary"},h=function(a,b){o.id=a.id,b&&(a=k(a.id)),d[a.id]=JSON.stringify(a),window.history.replaceState(a.id,a.title,a.url),e[a.id]=document.body.cloneNode(!0)},i=function(){var a=o.id,b=JSON.parse(d.cacheForwardStack||"[]"),e=JSON.parse(d.cacheBackStack||"[]");for(e.push(a);b.length;)delete d[b.shift()];for(;e.length>c;)delete d[e.shift()];window.history.pushState(null,"",d[o.id].url),d.cacheForwardStack=JSON.stringify(b),d.cacheBackStack=JSON.stringify(e)},j=function(a,b){var c="forward"===b,e=JSON.parse(d.cacheForwardStack||"[]"),f=JSON.parse(d.cacheBackStack||"[]"),g=c?f:e,h=c?e:f;o.id&&g.push(o.id),h.pop(),d.cacheForwardStack=JSON.stringify(e),d.cacheBackStack=JSON.stringify(f)},k=function(a){return JSON.parse(d[a]||null)||{}},l=function(b){var c=t(b.target);if(!(!c||b.which>1||b.metaKey||b.ctrlKey||a||location.protocol!==c.protocol||location.host!==c.host||!c.hash&&/#/.test(c.href)||c.hash&&c.href.replace(c.hash,"")===location.href.replace(location.hash,"")||"push"===c.getAttribute("data-ignore")))return c},m=function(a){var b=l(a);b&&(a.preventDefault(),o({url:b.href,hash:b.hash,timeout:b.getAttribute("data-timeout"),transition:b.getAttribute("data-transition")}))},n=function(a){var b,c,h,i,l,m,n,p,q=a.state;if(q&&d[q]){if(l=o.id]*>([\s\S.]*)<\/head>/i)[0],d.innerHTML=f.match(/]*>([\s\S.]*)<\/body>/i)[0]):(c=d=document.createElement("div"),c.innerHTML=f),e.title=c.querySelector("title");var g="innerText"in e.title?"innerText":"textContent";return e.title=e.title&&e.title[g].trim(),b.transition?e=v(e,".content",d):e.contents=d,e};window.addEventListener("touchstart",function(){a=!1}),window.addEventListener("touchmove",function(){a=!0}),window.addEventListener("touchend",m),window.addEventListener("click",function(a){l(a)&&a.preventDefault()}),window.addEventListener("popstate",n),window.PUSH=o}(),!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll(".segmented-control .control-item");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchend",function(b){var c,d,e,f=a(b.target),g="active",h="."+g;if(f&&(c=f.parentNode.querySelector(h),c&&c.classList.remove(g),f.classList.add(g),f.hash&&(e=document.querySelector(f.hash)))){d=e.parentNode.querySelectorAll(h);for(var i=0;i .slide-group");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},o=function(){if("webkitTransform"in c.style){var a=c.style.webkitTransform.match(/translate3d\(([^,]*)/),b=a?a[1]:0;return parseInt(b,10)}},p=function(a){var b=a?0>d?"ceil":"floor":"round";k=Math[b](o()/(m/c.children.length)),k+=a,k=Math.min(k,0),k=Math.max(-(c.children.length-1),k)},q=function(f){if(c=n(f.target)){var k=c.querySelector(".slide");m=k.offsetWidth*c.children.length,l=void 0,j=c.offsetWidth,i=1,g=-(c.children.length-1),h=+new Date,a=f.touches[0].pageX,b=f.touches[0].pageY,d=0,e=0,p(0),c.style["-webkit-transition-duration"]=0}},r=function(h){h.touches.length>1||!c||(d=h.touches[0].pageX-a,e=h.touches[0].pageY-b,a=h.touches[0].pageX,b=h.touches[0].pageY,"undefined"==typeof l&&(l=Math.abs(e)>Math.abs(d)),l||(f=d/i+o(),h.preventDefault(),i=0===k&&d>0?a/j+1.25:k===g&&0>d?Math.abs(a)/j+1.25:1,c.style.webkitTransform="translate3d("+f+"px,0,0)"))},s=function(a){c&&!l&&(p(+new Date-h<1e3&&Math.abs(d)>15?0>d?-1:1:0),f=k*j,c.style["-webkit-transition-duration"]=".2s",c.style.webkitTransform="translate3d("+f+"px,0,0)",a=new CustomEvent("slide",{detail:{slideNumber:Math.abs(k)},bubbles:!0,cancelable:!0}),c.parentNode.dispatchEvent(a))};window.addEventListener("touchstart",q),window.addEventListener("touchmove",r),window.addEventListener("touchend",s)}(),!function(){"use strict";var a={},b=!1,c=!1,d=!1,e=function(a){for(var b,c=document.querySelectorAll(".toggle");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchstart",function(c){if(c=c.originalEvent||c,d=e(c.target)){var f=d.querySelector(".toggle-handle"),g=d.clientWidth,h=f.clientWidth,i=d.classList.contains("active")?g-h:0;a={pageX:c.touches[0].pageX-i,pageY:c.touches[0].pageY},b=!1}}),window.addEventListener("touchmove",function(e){if(e=e.originalEvent||e,!(e.touches.length>1)&&d){var f=d.querySelector(".toggle-handle"),g=e.touches[0],h=d.clientWidth,i=f.clientWidth,j=h-i;if(b=!0,c=g.pageX-a.pageX,!(Math.abs(c)c)return f.style.webkitTransform="translate3d(0,0,0)";if(c>j)return f.style.webkitTransform="translate3d("+j+"px,0,0)";f.style.webkitTransform="translate3d("+c+"px,0,0)",d.classList[c>h/2-i/2?"add":"remove"]("active")}}}),window.addEventListener("touchend",function(a){if(d){var e=d.querySelector(".toggle-handle"),f=d.clientWidth,g=e.clientWidth,h=f-g,i=!b&&!d.classList.contains("active")||b&&c>f/2-g/2;e.style.webkitTransform=i?"translate3d("+h+"px,0,0)":"translate3d(0,0,0)",d.classList[i?"add":"remove"]("active"),a=new CustomEvent("toggle",{detail:{isActive:i},bubbles:!0,cancelable:!0}),d.dispatchEvent(a),b=!1,d=!1}})}(); \ No newline at end of file diff --git a/app/input-frontend/js/ratchet.min.js b/app/input-frontend/js/ratchet.min.js new file mode 100644 index 0000000..307e250 --- /dev/null +++ b/app/input-frontend/js/ratchet.min.js @@ -0,0 +1,944 @@ +/*! + * ===================================================== + * Ratchet v2.0.2 (http://goratchet.com) + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * + * v2.0.2 designed by @connors. + * ===================================================== + */ +/* ======================================================================== + * Ratchet: modals.js v2.0.2 + * http://goratchet.com/components#modals + * ======================================================================== + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ + +!(function () { + 'use strict'; + + var findModals = function (target) { + var i; + var modals = document.querySelectorAll('a'); + + for (; target && target !== document; target = target.parentNode) { + for (i = modals.length; i--;) { + if (modals[i] === target) { + return target; + } + } + } + }; + + var getModal = function (event) { + var modalToggle = findModals(event.target); + if (modalToggle && modalToggle.hash) { + return document.querySelector(modalToggle.hash); + } + }; + + window.addEventListener('click', function (event) { + var modal = getModal(event); + if (modal) { + if (modal && modal.classList.contains('modal')) { + modal.classList.toggle('active'); + } + event.preventDefault(); // prevents rewriting url (apps can still use hash values in url) + } + }); +}()); + +/* ======================================================================== + * Ratchet: popovers.js v2.0.2 + * http://goratchet.com/components#popovers + * ======================================================================== + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ + +!(function () { + 'use strict'; + + var popover; + + var findPopovers = function (target) { + var i; + var popovers = document.querySelectorAll('a'); + + for (; target && target !== document; target = target.parentNode) { + for (i = popovers.length; i--;) { + if (popovers[i] === target) { + return target; + } + } + } + }; + + var onPopoverHidden = function () { + popover.style.display = 'none'; + popover.removeEventListener('webkitTransitionEnd', onPopoverHidden); + }; + + var backdrop = (function () { + var element = document.createElement('div'); + + element.classList.add('backdrop'); + + element.addEventListener('touchend', function () { + popover.addEventListener('webkitTransitionEnd', onPopoverHidden); + popover.classList.remove('visible'); + popover.parentNode.removeChild(backdrop); + }); + + return element; + }()); + + var getPopover = function (e) { + var anchor = findPopovers(e.target); + + if (!anchor || !anchor.hash || (anchor.hash.indexOf('/') > 0)) { + return; + } + + try { + popover = document.querySelector(anchor.hash); + } + catch (error) { + popover = null; + } + + if (popover === null) { + return; + } + + if (!popover || !popover.classList.contains('popover')) { + return; + } + + return popover; + }; + + var showHidePopover = function (e) { + var popover = getPopover(e); + + if (!popover) { + return; + } + + popover.style.display = 'block'; + popover.offsetHeight; + popover.classList.add('visible'); + + popover.parentNode.appendChild(backdrop); + }; + + window.addEventListener('touchend', showHidePopover); + +}()); + +/* ======================================================================== + * Ratchet: push.js v2.0.2 + * http://goratchet.com/components#push + * ======================================================================== + * inspired by @defunkt's jquery.pjax.js + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ + +/* global _gaq: true */ + +!(function () { + 'use strict'; + + var noop = function () {}; + + + // Pushstate caching + // ================== + + var isScrolling; + var maxCacheLength = 20; + var cacheMapping = sessionStorage; + var domCache = {}; + var transitionMap = { + slideIn : 'slide-out', + slideOut : 'slide-in', + fade : 'fade' + }; + + var bars = { + bartab : '.bar-tab', + barnav : '.bar-nav', + barfooter : '.bar-footer', + barheadersecondary : '.bar-header-secondary' + }; + + var cacheReplace = function (data, updates) { + PUSH.id = data.id; + if (updates) { + data = getCached(data.id); + } + cacheMapping[data.id] = JSON.stringify(data); + window.history.replaceState(data.id, data.title, data.url); + domCache[data.id] = document.body.cloneNode(true); + }; + + var cachePush = function () { + var id = PUSH.id; + + var cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'); + var cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]'); + + cacheBackStack.push(id); + + while (cacheForwardStack.length) { + delete cacheMapping[cacheForwardStack.shift()]; + } + while (cacheBackStack.length > maxCacheLength) { + delete cacheMapping[cacheBackStack.shift()]; + } + + window.history.pushState(null, '', cacheMapping[PUSH.id].url); + + cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); + cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); + }; + + var cachePop = function (id, direction) { + var forward = direction === 'forward'; + var cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'); + var cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]'); + var pushStack = forward ? cacheBackStack : cacheForwardStack; + var popStack = forward ? cacheForwardStack : cacheBackStack; + + if (PUSH.id) { + pushStack.push(PUSH.id); + } + popStack.pop(); + + cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); + cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); + }; + + var getCached = function (id) { + return JSON.parse(cacheMapping[id] || null) || {}; + }; + + var getTarget = function (e) { + var target = findTarget(e.target); + + if (!target || + e.which > 1 || + e.metaKey || + e.ctrlKey || + isScrolling || + location.protocol !== target.protocol || + location.host !== target.host || + !target.hash && /#/.test(target.href) || + target.hash && target.href.replace(target.hash, '') === location.href.replace(location.hash, '') || + target.getAttribute('data-ignore') === 'push') { return; } + + return target; + }; + + + // Main event handlers (touchend, popstate) + // ========================================== + + var touchend = function (e) { + var target = getTarget(e); + + if (!target) { + return; + } + + e.preventDefault(); + + PUSH({ + url : target.href, + hash : target.hash, + timeout : target.getAttribute('data-timeout'), + transition : target.getAttribute('data-transition') + }); + }; + + var popstate = function (e) { + var key; + var barElement; + var activeObj; + var activeDom; + var direction; + var transition; + var transitionFrom; + var transitionFromObj; + var id = e.state; + + if (!id || !cacheMapping[id]) { + return; + } + + direction = PUSH.id < id ? 'forward' : 'back'; + + cachePop(id, direction); + + activeObj = getCached(id); + activeDom = domCache[id]; + + if (activeObj.title) { + document.title = activeObj.title; + } + + if (direction === 'back') { + transitionFrom = JSON.parse(direction === 'back' ? cacheMapping.cacheForwardStack : cacheMapping.cacheBackStack); + transitionFromObj = getCached(transitionFrom[transitionFrom.length - 1]); + } else { + transitionFromObj = activeObj; + } + + if (direction === 'back' && !transitionFromObj.id) { + return (PUSH.id = id); + } + + transition = direction === 'back' ? transitionMap[transitionFromObj.transition] : transitionFromObj.transition; + + if (!activeDom) { + return PUSH({ + id : activeObj.id, + url : activeObj.url, + title : activeObj.title, + timeout : activeObj.timeout, + transition : transition, + ignorePush : true + }); + } + + if (transitionFromObj.transition) { + activeObj = extendWithDom(activeObj, '.content', activeDom.cloneNode(true)); + for (key in bars) { + if (bars.hasOwnProperty(key)) { + barElement = document.querySelector(bars[key]); + if (activeObj[key]) { + swapContent(activeObj[key], barElement); + } else if (barElement) { + barElement.parentNode.removeChild(barElement); + } + } + } + } + + swapContent( + (activeObj.contents || activeDom).cloneNode(true), + document.querySelector('.content'), + transition + ); + + PUSH.id = id; + + document.body.offsetHeight; // force reflow to prevent scroll + }; + + + // Core PUSH functionality + // ======================= + + var PUSH = function (options) { + var key; + var xhr = PUSH.xhr; + + options.container = options.container || options.transition ? document.querySelector('.content') : document.body; + + for (key in bars) { + if (bars.hasOwnProperty(key)) { + options[key] = options[key] || document.querySelector(bars[key]); + } + } + + if (xhr && xhr.readyState < 4) { + xhr.onreadystatechange = noop; + xhr.abort(); + } + + xhr = new XMLHttpRequest(); + xhr.open('GET', options.url, true); + xhr.setRequestHeader('X-PUSH', 'true'); + + xhr.onreadystatechange = function () { + if (options._timeout) { + clearTimeout(options._timeout); + } + if (xhr.readyState === 4) { + xhr.status === 200 ? success(xhr, options) : failure(options.url); + } + }; + + if (!PUSH.id) { + cacheReplace({ + id : +new Date(), + url : window.location.href, + title : document.title, + timeout : options.timeout, + transition : null + }); + } + + if (options.timeout) { + options._timeout = setTimeout(function () { xhr.abort('timeout'); }, options.timeout); + } + + xhr.send(); + + if (xhr.readyState && !options.ignorePush) { + cachePush(); + } + }; + + + // Main XHR handlers + // ================= + + var success = function (xhr, options) { + var key; + var barElement; + var data = parseXHR(xhr, options); + + if (!data.contents) { + return locationReplace(options.url); + } + + if (data.title) { + document.title = data.title; + } + + if (options.transition) { + for (key in bars) { + if (bars.hasOwnProperty(key)) { + barElement = document.querySelector(bars[key]); + if (data[key]) { + swapContent(data[key], barElement); + } else if (barElement) { + barElement.parentNode.removeChild(barElement); + } + } + } + } + + swapContent(data.contents, options.container, options.transition, function () { + cacheReplace({ + id : options.id || +new Date(), + url : data.url, + title : data.title, + timeout : options.timeout, + transition : options.transition + }, options.id); + triggerStateChange(); + }); + + if (!options.ignorePush && window._gaq) { + _gaq.push(['_trackPageview']); // google analytics + } + if (!options.hash) { + return; + } + }; + + var failure = function (url) { + throw new Error('Could not get: ' + url); + }; + + + // PUSH helpers + // ============ + + var swapContent = function (swap, container, transition, complete) { + var enter; + var containerDirection; + var swapDirection; + + if (!transition) { + if (container) { + container.innerHTML = swap.innerHTML; + } else if (swap.classList.contains('content')) { + document.body.appendChild(swap); + } else { + document.body.insertBefore(swap, document.querySelector('.content')); + } + } else { + enter = /in$/.test(transition); + + if (transition === 'fade') { + container.classList.add('in'); + container.classList.add('fade'); + swap.classList.add('fade'); + } + + if (/slide/.test(transition)) { + swap.classList.add('sliding-in', enter ? 'right' : 'left'); + swap.classList.add('sliding'); + container.classList.add('sliding'); + } + + container.parentNode.insertBefore(swap, container); + } + + if (!transition) { + complete && complete(); + } + + if (transition === 'fade') { + container.offsetWidth; // force reflow + container.classList.remove('in'); + var fadeContainerEnd = function () { + container.removeEventListener('webkitTransitionEnd', fadeContainerEnd); + swap.classList.add('in'); + swap.addEventListener('webkitTransitionEnd', fadeSwapEnd); + }; + var fadeSwapEnd = function () { + swap.removeEventListener('webkitTransitionEnd', fadeSwapEnd); + container.parentNode.removeChild(container); + swap.classList.remove('fade'); + swap.classList.remove('in'); + complete && complete(); + }; + container.addEventListener('webkitTransitionEnd', fadeContainerEnd); + + } + + if (/slide/.test(transition)) { + var slideEnd = function () { + swap.removeEventListener('webkitTransitionEnd', slideEnd); + swap.classList.remove('sliding', 'sliding-in'); + swap.classList.remove(swapDirection); + container.parentNode.removeChild(container); + complete && complete(); + }; + + container.offsetWidth; // force reflow + swapDirection = enter ? 'right' : 'left'; + containerDirection = enter ? 'left' : 'right'; + container.classList.add(containerDirection); + swap.classList.remove(swapDirection); + swap.addEventListener('webkitTransitionEnd', slideEnd); + } + }; + + var triggerStateChange = function () { + var e = new CustomEvent('push', { + detail: { state: getCached(PUSH.id) }, + bubbles: true, + cancelable: true + }); + + window.dispatchEvent(e); + }; + + var findTarget = function (target) { + var i; + var toggles = document.querySelectorAll('a'); + + for (; target && target !== document; target = target.parentNode) { + for (i = toggles.length; i--;) { + if (toggles[i] === target) { + return target; + } + } + } + }; + + var locationReplace = function (url) { + window.history.replaceState(null, '', '#'); + window.location.replace(url); + }; + + var extendWithDom = function (obj, fragment, dom) { + var i; + var result = {}; + + for (i in obj) { + if (obj.hasOwnProperty(i)) { + result[i] = obj[i]; + } + } + + Object.keys(bars).forEach(function (key) { + var el = dom.querySelector(bars[key]); + if (el) { + el.parentNode.removeChild(el); + } + result[key] = el; + }); + + result.contents = dom.querySelector(fragment); + + return result; + }; + + var parseXHR = function (xhr, options) { + var head; + var body; + var data = {}; + var responseText = xhr.responseText; + + data.url = options.url; + + if (!responseText) { + return data; + } + + if (/]*>([\s\S.]*)<\/head>/i)[0]; + body.innerHTML = responseText.match(/]*>([\s\S.]*)<\/body>/i)[0]; + } else { + head = body = document.createElement('div'); + head.innerHTML = responseText; + } + + data.title = head.querySelector('title'); + var text = 'innerText' in data.title ? 'innerText' : 'textContent'; + data.title = data.title && data.title[text].trim(); + + if (options.transition) { + data = extendWithDom(data, '.content', body); + } else { + data.contents = body; + } + + return data; + }; + + + // Attach PUSH event handlers + // ========================== + + window.addEventListener('touchstart', function () { isScrolling = false; }); + window.addEventListener('touchmove', function () { isScrolling = true; }); + window.addEventListener('touchend', touchend); + window.addEventListener('click', function (e) { if (getTarget(e)) {e.preventDefault();} }); + window.addEventListener('popstate', popstate); + window.PUSH = PUSH; + +}()); + +/* ======================================================================== + * Ratchet: segmented-controllers.js v2.0.2 + * http://goratchet.com/components#segmentedControls + * ======================================================================== + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ + +!(function () { + 'use strict'; + + var getTarget = function (target) { + var i; + var segmentedControls = document.querySelectorAll('.segmented-control .control-item'); + + for (; target && target !== document; target = target.parentNode) { + for (i = segmentedControls.length; i--;) { + if (segmentedControls[i] === target) { + return target; + } + } + } + }; + + window.addEventListener('touchend', function (e) { + var activeTab; + var activeBodies; + var targetBody; + var targetTab = getTarget(e.target); + var className = 'active'; + var classSelector = '.' + className; + + if (!targetTab) { + return; + } + + activeTab = targetTab.parentNode.querySelector(classSelector); + + if (activeTab) { + activeTab.classList.remove(className); + } + + targetTab.classList.add(className); + + if (!targetTab.hash) { + return; + } + + targetBody = document.querySelector(targetTab.hash); + + if (!targetBody) { + return; + } + + activeBodies = targetBody.parentNode.querySelectorAll(classSelector); + + for (var i = 0; i < activeBodies.length; i++) { + activeBodies[i].classList.remove(className); + } + + targetBody.classList.add(className); + }); + + window.addEventListener('click', function (e) { if (getTarget(e.target)) {e.preventDefault();} }); +}()); + +/* ======================================================================== + * Ratchet: sliders.js v2.0.2 + * http://goratchet.com/components#sliders + * ======================================================================== + Adapted from Brad Birdsall's swipe + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ + +!(function () { + 'use strict'; + + var pageX; + var pageY; + var slider; + var deltaX; + var deltaY; + var offsetX; + var lastSlide; + var startTime; + var resistance; + var sliderWidth; + var slideNumber; + var isScrolling; + var scrollableArea; + + var getSlider = function (target) { + var i; + var sliders = document.querySelectorAll('.slider > .slide-group'); + + for (; target && target !== document; target = target.parentNode) { + for (i = sliders.length; i--;) { + if (sliders[i] === target) { + return target; + } + } + } + }; + + var getScroll = function () { + if ('webkitTransform' in slider.style) { + var translate3d = slider.style.webkitTransform.match(/translate3d\(([^,]*)/); + var ret = translate3d ? translate3d[1] : 0; + return parseInt(ret, 10); + } + }; + + var setSlideNumber = function (offset) { + var round = offset ? (deltaX < 0 ? 'ceil' : 'floor') : 'round'; + slideNumber = Math[round](getScroll() / (scrollableArea / slider.children.length)); + slideNumber += offset; + slideNumber = Math.min(slideNumber, 0); + slideNumber = Math.max(-(slider.children.length - 1), slideNumber); + }; + + var onTouchStart = function (e) { + slider = getSlider(e.target); + + if (!slider) { + return; + } + + var firstItem = slider.querySelector('.slide'); + + scrollableArea = firstItem.offsetWidth * slider.children.length; + isScrolling = undefined; + sliderWidth = slider.offsetWidth; + resistance = 1; + lastSlide = -(slider.children.length - 1); + startTime = +new Date(); + pageX = e.touches[0].pageX; + pageY = e.touches[0].pageY; + deltaX = 0; + deltaY = 0; + + setSlideNumber(0); + + slider.style['-webkit-transition-duration'] = 0; + }; + + var onTouchMove = function (e) { + if (e.touches.length > 1 || !slider) { + return; // Exit if a pinch || no slider + } + + deltaX = e.touches[0].pageX - pageX; + deltaY = e.touches[0].pageY - pageY; + pageX = e.touches[0].pageX; + pageY = e.touches[0].pageY; + + if (typeof isScrolling === 'undefined') { + isScrolling = Math.abs(deltaY) > Math.abs(deltaX); + } + + if (isScrolling) { + return; + } + + offsetX = (deltaX / resistance) + getScroll(); + + e.preventDefault(); + + resistance = slideNumber === 0 && deltaX > 0 ? (pageX / sliderWidth) + 1.25 : + slideNumber === lastSlide && deltaX < 0 ? (Math.abs(pageX) / sliderWidth) + 1.25 : 1; + + slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; + }; + + var onTouchEnd = function (e) { + if (!slider || isScrolling) { + return; + } + + setSlideNumber( + (+new Date()) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0 + ); + + offsetX = slideNumber * sliderWidth; + + slider.style['-webkit-transition-duration'] = '.2s'; + slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; + + e = new CustomEvent('slide', { + detail: { slideNumber: Math.abs(slideNumber) }, + bubbles: true, + cancelable: true + }); + + slider.parentNode.dispatchEvent(e); + }; + + window.addEventListener('touchstart', onTouchStart); + window.addEventListener('touchmove', onTouchMove); + window.addEventListener('touchend', onTouchEnd); + +}()); + +/* ======================================================================== + * Ratchet: toggles.js v2.0.2 + * http://goratchet.com/components#toggles + * ======================================================================== + Adapted from Brad Birdsall's swipe + * Copyright 2014 Connor Sears + * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) + * ======================================================================== */ + +!(function () { + 'use strict'; + + var start = {}; + var touchMove = false; + var distanceX = false; + var toggle = false; + + var findToggle = function (target) { + var i; + var toggles = document.querySelectorAll('.toggle'); + + for (; target && target !== document; target = target.parentNode) { + for (i = toggles.length; i--;) { + if (toggles[i] === target) { + return target; + } + } + } + }; + + window.addEventListener('touchstart', function (e) { + e = e.originalEvent || e; + + toggle = findToggle(e.target); + + if (!toggle) { + return; + } + + var handle = toggle.querySelector('.toggle-handle'); + var toggleWidth = toggle.clientWidth; + var handleWidth = handle.clientWidth; + var offset = toggle.classList.contains('active') ? (toggleWidth - handleWidth) : 0; + + start = { pageX : e.touches[0].pageX - offset, pageY : e.touches[0].pageY }; + touchMove = false; + }); + + window.addEventListener('touchmove', function (e) { + e = e.originalEvent || e; + + if (e.touches.length > 1) { + return; // Exit if a pinch + } + + if (!toggle) { + return; + } + + var handle = toggle.querySelector('.toggle-handle'); + var current = e.touches[0]; + var toggleWidth = toggle.clientWidth; + var handleWidth = handle.clientWidth; + var offset = toggleWidth - handleWidth; + + touchMove = true; + distanceX = current.pageX - start.pageX; + + if (Math.abs(distanceX) < Math.abs(current.pageY - start.pageY)) { + return; + } + + e.preventDefault(); + + if (distanceX < 0) { + return (handle.style.webkitTransform = 'translate3d(0,0,0)'); + } + if (distanceX > offset) { + return (handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'); + } + + handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)'; + + toggle.classList[(distanceX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove']('active'); + }); + + window.addEventListener('touchend', function (e) { + if (!toggle) { + return; + } + + var handle = toggle.querySelector('.toggle-handle'); + var toggleWidth = toggle.clientWidth; + var handleWidth = handle.clientWidth; + var offset = (toggleWidth - handleWidth); + var slideOn = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2))); + + if (slideOn) { + handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'; + } else { + handle.style.webkitTransform = 'translate3d(0,0,0)'; + } + + toggle.classList[slideOn ? 'add' : 'remove']('active'); + + e = new CustomEvent('toggle', { + detail: { isActive: slideOn }, + bubbles: true, + cancelable: true + }); + + toggle.dispatchEvent(e); + + touchMove = false; + toggle = false; + }); + +}()); diff --git a/app/input-frontend/pic_bulboff.gif b/app/input-frontend/pic_bulboff.gif new file mode 100644 index 0000000000000000000000000000000000000000..65cacddab02fae95a13f5676c9b5ea878ebc3612 GIT binary patch literal 2493 zcmcIfi8~XH8{gb_?wnbSw9pt5s*zzMH#t{xOtH#+Mc+9hN-~Tgx0U;jP|Y#t2+f@% z%#rBpD&MbaKfeFN@AJN&<9Xlbd7tMsK^p5^#&`l60pm;ng+gI6X~)H+9V>}R!!l_w zCW*u(VVNY@$@qBjA88~kjRYf|087FiHw=56P9pX=Vqvfo`Ol6c3GPzq9qN8-7ty_{8x0ZkVSjw%EAXzn*10k0fQgCgo&%yznl1 zm>*0ieC_UQc)u(!3F-c%y0PHV%a*E|%H+291=c0t-qVo<>&69Uyqfn=0PLq+ z!>V1^3WvMXjc)G-_+KN#^Tnu_ac5BqlMPMRNzdO3r(5r746eeDVlE|33yn3)q042VXdG7bvX&Iv zcJ}(suFQ4dqZy){d3R;<3Qd3HQargL!Nb%1NP$3#jw-1(@#`Nq8J2I+mnT{dyFstcJ070`e6A0DO+SDRIA$LI76aNVokn%XIq* zN7F(tTN~U?y11pO>;X8{0$L_)qcZ1p^On;Y#6+s)sHgplE7t$8xxxOW-n4W5BPQ+~ z2Bg~F#x8xrb0*vnjAnJ&2!>neAfX1FAh?zH-Piu3^WX%cbwTVqze7-H^03g-Rdy-S zkKW=O-O}X3x=D=no3qO~!4ejsXjxv}hB?(8du_L*f0AFxy~^^+9K3fX=5R6MgFL5i zqQp$c9q8)_Y+hswac#!CKl21hJ;1DheWw6cvlqq|e zAaI9Ek+Kea(6Tz=EED=k2lX9S{M+VbQN8MBWoa*WuNN30M)l)GesEBRPZ3`41Twi#wAyJNSv>>V_eR!{eYBgO|qTmpu^%xy19c04X zS7}gBZhh!8wf6;eyL59bzRyUSSh-Ue@k%uW+1?Q-KZn{Rhg<E(C3#%XMI9QVt59hQ+{2*{*ry-Q%BNhY1EO^H zxKh+#sHgLB2asfY%;f+_J&KX0wWb)QCk$N)))cPpJL|o;hpl%woH{pT$R7O$k1~pebdk zvt`*+RHv#=Yg^Cd3OxDQ9d;oeOY;&519mFHM&J@C#z>l^oNqhiFI!)fA;XSDA&LG@ znL#T(be(=1pWXCox`Uj(lZk@H*paH1`*!lXtB!q-A1XEdF$(s>tp4Wgl4B`Om+#y(^nBl03BOhIqY zvDtTKPj;YgS>^3{QTL6VGUhblQv-$9WIh5=29%FT3&a7!?u*!fhkicJFKZ2N0HrTUm0B=uNk+3 zNegYB z!kXxMl#=yqd<65S({jHWc`A^+8fNhOXF_q{(fS|F;DGV_AxRK7m!AAkLUKZk?6Rc1 z-IV2)@U=BQ=P1aSqkt^YE;ULTGY2tmC&rT{=29lUL7KjEnUW?~Di&C{=|gcpNNEQy zroh?rPf)>4SNF~dS{tdvK!{$ZPrY0#jP1%w`Ohx9n~0liaJJt)aCKl;IDhGD!=jXC zYc+%P{14WxKuyh9cw-p18f}%cuG@6rxo$EGm$O^w93Vke1y&obFMEG+xtMqUKaigVymus*&?bpF}xK0Opr;`BA zwDVK7+DSZ`a9>?Tl$v#TB%$|(4Rx9ol{H2Kes0UW2TS5<3hg$BorVU#*+HY>{WbuX zb6ADT45g^>L1&39{mFh$23UWnF@}jyzspB}*-rJ!Y+n#FzKqJl0;xE59 zmOAu?L{w}ksQ}>BEykd1yP3@yX!K)PG|R;myt_uNAwPbRRZagHl@}wCe33(4ss+=> ltF?Qs(eH7hdU&4;nuE&@&LUY0;0$^sA@ErOVE_Q={SQ@6g0KJp literal 0 HcmV?d00001 diff --git a/app/input-frontend/pic_bulbon.gif b/app/input-frontend/pic_bulbon.gif new file mode 100644 index 0000000000000000000000000000000000000000..72ecfc4ae0318e237e31d39e7c5a6516d99bb971 GIT binary patch literal 2554 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 literal 0 HcmV?d00001 diff --git a/arduino/output/output.ino b/arduino/output/output.ino new file mode 100644 index 0000000..7e606af --- /dev/null +++ b/arduino/output/output.ino @@ -0,0 +1,168 @@ +/** + * Fun with Binary - a fun way of introducing binary + * Copyright (C) 2018, Diogo Cordeiro. + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program 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 Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + * + * + * output.ino + * + * Fun with Binary + * Arduino Controller + * + * Diogo Peralta Cordeiro + * up201705417@fc.up.pt + * + * Receives input via the searial port and turn the leds accordingly. + */ + +// int bits[6] = {12, 10, 8, 6, 4, 2}; +int bits[6] = { 2, 4, 6, 8, 10, 12 }; + +// Memorizes bits state +int bits_state[6] = { 0 }; + +// for incoming serial data +int incomingByte = 0; + +// the setup routine runs once when you press reset: +void +setup() +{ + // initialize the digital pins as an output. + for (int i = 0; i < 6; i++) + { + pinMode(bits[i], OUTPUT); + } + + // initialize serial communication at 9600 bits per second: + Serial.begin(9600); +} + + + +// the loop routine runs over and over again forever: +void +loop() +{ + if (Serial.available() > 0) + { + // read the incoming byte: + incomingByte = Serial.read() - '0'; + + // handle it + if (incomingByte == 7) + { + won_game(); + } + else if (incomingByte == 8) + { + lost_game(); + } + else if (incomingByte == 9) + { + reset_game(); + } + else if (bits_state[incomingByte] == 1) + { // Turn LED off + digitalWrite(bits[incomingByte], LOW); + bits_state[incomingByte] = 0; + } + else + { // Turn LED on + digitalWrite(bits[incomingByte], HIGH); + bits_state[incomingByte] = 1; + } + } +} + +/** + * Blinks every LED while waits for reset signal + */ +void +won_game() +{ + while (true) + { + // read the incoming byte: + incomingByte = Serial.read() - '0'; + if (incomingByte == 9) + { + reset_game(); + break; + } + + for (int i = 0; i < 6; i++) + { + digitalWrite(bits[i], LOW); + } + + delay(1000); + + for (int i = 0; i < 6; i++) + { + digitalWrite(bits[i], HIGH); + } + + delay(1000); + } +} + +/** + * Blinks red LEDs while waits for reset signal + */ +void +lost_game() +{ + for (int i = 0; i < 6; i++) + { + digitalWrite(bits[i], LOW); + } + + while (true) + { + // read the incoming byte: + incomingByte = Serial.read() - '0'; + if (incomingByte == 9) + { + reset_game(); + break; + } + + digitalWrite(bits[0], LOW); + digitalWrite(bits[2], LOW); + digitalWrite(bits[4], LOW); + + delay(1000); + + digitalWrite(bits[0], HIGH); + digitalWrite(bits[2], HIGH); + digitalWrite(bits[4], HIGH); + + delay(1000); + } +} + +/** + * Resets for a potential new game + */ +void +reset_game() +{ + for (int i = 0; i < 6; i++) + { + digitalWrite(bits[i], LOW); + bits_state[i] = 0; + } +} diff --git a/server/api.php b/server/api.php new file mode 100644 index 0000000..1b6cedb --- /dev/null +++ b/server/api.php @@ -0,0 +1,146 @@ +. + * + * + * api.php + * + * Fun with Binary + * Web Server + * + * Diogo Peralta Cordeiro + * up201705417@fc.up.pt + * + * Generates the chalenges and controls the arduino + */ +header('Access-Control-Allow-Origin: *'); + +class game +{ + /* + * ==Warning== + * You must add www-data to dialout group + * for serial port communication to work! + */ + + // Arduino related + protected $comPort = "/dev/ttyACM0"; + protected $arduino_available = true; + + // Storage related + public $correct_answer_path = "/var/www/answer.txt"; + public $current_answer_path = "/var/www/current_binary_digit.txt"; + + /** + * Prepares everything for a new game + */ + public function reset() + { + // Reset current binary digit for a potential new game + $fp = fopen($this->current_answer_path, "w"); + fwrite($fp, "000000"); + + // Sends reset command to Arduino + if ($this->arduino_available) { + $fp = fopen($this->comPort, "wb"); + fwrite($fp, 9); // 9 is the Reset Byte + } + } + + /** + * Starts game + */ + public function start() + { + // Generates a 6-bit random number + $number = rand(0, 63); + + // Memorizes the correct binary answer + $fp = fopen($this->correct_answer_path, "w"); + fwrite($fp, sprintf("%06d", decbin($number))); + + return $number; + } + + /** + * Turn current answer bits accordingly + */ + public function change_state($led_id) + { + // Update and memorize the new current answer + $current_binary_digit = file_get_contents($this->current_answer_path); + $current_binary_digit[(int)$led_id] = ($current_binary_digit[(int)$led_id] == 1) ? 0 : 1; + $fp = fopen($this->current_answer_path, "w"); + fwrite($fp, $current_binary_digit); + + // Updates Arduino output + if ($this->arduino_available) { + $fp = fopen($this->comPort, "wb"); + fwrite($fp, (int)$led_id); + } + } + + /** + * Compares the given answer with the right answer and tells the result + * Returns true if won, false otherwise + */ + public function end($given_answer, $correct_answer) + { + if ($given_answer == $correct_answer) { // Won + // Sends Won command to Arduino + if ($this->arduino_available) { + $fp = fopen($this->comPort, "wb"); + fwrite($fp, 7); // 7 is the Won Byte + } + + return true; + } else { // Lost + // Sends Lost command to Arduino + if ($this->arduino_available) { + $fp = fopen($this->comPort, "wb"); + fwrite($fp, 8); // 8 is the Lost Byte + } + + return false; + } + } +} + +/** + * API Handler + */ +$game = new game(); + +if (isset($_GET["start"])) { + $game->reset(); + $number = $game->start(); + + // Print out the number and let the games begin + echo $number; +} elseif (isset($_GET["change_state"])) { + $led_id = $_GET["change_state"]; + $game->change_state($led_id); +} elseif (isset($_GET["end"])) { // Game Over + $given_answer = file_get_contents($game->current_answer_path); + $correct_answer = file_get_contents($game->correct_answer_path); + + if ($game->end($given_answer, $correct_answer)) { + echo "That's right!"; + } else { + echo "Oops, the answer was: ".$correct_answer; + } +}