diff --git a/muk_web_theme/LICENSE b/muk_web_theme/LICENSE
new file mode 100644
index 0000000..faf7bf4
--- /dev/null
+++ b/muk_web_theme/LICENSE
@@ -0,0 +1,619 @@
+ 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
\ No newline at end of file
diff --git a/muk_web_theme/__init__.py b/muk_web_theme/__init__.py
new file mode 100644
index 0000000..3a0a7c9
--- /dev/null
+++ b/muk_web_theme/__init__.py
@@ -0,0 +1,20 @@
+###################################################################################
+#
+# Copyright (C) 2018 MuK IT GmbH
+#
+# 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 .
+#
+###################################################################################
+
+from . import models
\ No newline at end of file
diff --git a/muk_web_theme/__manifest__.py b/muk_web_theme/__manifest__.py
new file mode 100644
index 0000000..f1ca259
--- /dev/null
+++ b/muk_web_theme/__manifest__.py
@@ -0,0 +1,59 @@
+###################################################################################
+#
+# Copyright (C) 2018 MuK IT GmbH
+#
+# 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 .
+#
+###################################################################################
+
+{
+ "name": "MuK Backend Theme",
+ "summary": "Odoo 12.0 community backend theme",
+ "version": "12.0.1.0.0",
+ "category": "Themes/Backend",
+ "license": "AGPL-3",
+ "author": "MuK IT",
+ "website": "http://www.mukit.at",
+ "live_test_url": "https://demo.mukit.at/web/login",
+ "contributors": [
+ "Mathias Markl ",
+ ],
+ "depends": [
+ "muk_web_utils",
+ ],
+ "excludes": [
+ "web_enterprise",
+ ],
+ "data": [
+ "template/assets.xml",
+ "template/web.xml",
+ "views/res_users.xml",
+ "views/res_config_settings_view.xml",
+ "data/res_company.xml",
+ ],
+ "qweb": [
+ "static/src/xml/*.xml",
+ ],
+ "images": [
+ 'static/description/banner.png'
+ ],
+ "external_dependencies": {
+ "python": [],
+ "bin": [],
+ },
+ "application": False,
+ "installable": True,
+ "auto_install": False,
+ "sequence": "999",
+}
\ No newline at end of file
diff --git a/muk_web_theme/data/res_company.xml b/muk_web_theme/data/res_company.xml
new file mode 100644
index 0000000..623df9f
--- /dev/null
+++ b/muk_web_theme/data/res_company.xml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/muk_web_theme/doc/changelog.rst b/muk_web_theme/doc/changelog.rst
new file mode 100644
index 0000000..d62cbe4
--- /dev/null
+++ b/muk_web_theme/doc/changelog.rst
@@ -0,0 +1,4 @@
+`1.0.0`
+-------
+
+- Init version
diff --git a/muk_web_theme/doc/index.rst b/muk_web_theme/doc/index.rst
new file mode 100644
index 0000000..149fff1
--- /dev/null
+++ b/muk_web_theme/doc/index.rst
@@ -0,0 +1,123 @@
+=============
+MuK Web Theme
+=============
+
+This module offers a mobile compatible design for Odoo Community. Furthermore
+it allows the user to define some design preferences. So he can choose the
+size of the sidebar and the position of the chatter. In addition, the background
+image of the app menu can be set for each company.
+
+Installation
+============
+
+To install this module, you need to:
+
+Download the module and add it to your Odoo addons folder. Afterward, log on to
+your Odoo server and go to the Apps menu. Trigger the debug mode and update the
+list by clicking on the "Update Apps List" link. Now install the module by
+clicking on the install button.
+
+Another way to install this module is via the package management for Python
+(`PyPI `_).
+
+To install our modules using the package manager make sure
+`odoo-autodiscover `_ is installed
+correctly. Then open a console and install the module by entering the following
+command:
+
+``pip install --extra-index-url https://nexus.mukit.at/repository/odoo/simple ``
+
+The module name consists of the Odoo version and the module name, where
+underscores are replaced by a dash.
+
+**Module:**
+
+``odoo-addon-``
+
+**Example:**
+
+``sudo -H pip3 install --extra-index-url https://nexus.mukit.at/repository/odoo/simple odoo11-addon-muk-utils``
+
+Once the installation has been successfully completed, the app is already in the
+correct folder. Log on to your Odoo server and go to the Apps menu. Trigger the
+debug mode and update the list by clicking on the "Update Apps List" link. Now
+install the module by clicking on the install button.
+
+The biggest advantage of this variant is that you can now also update the app
+using the "pip" command. To do this, enter the following command in your console:
+
+``pip install --upgrade --extra-index-url https://nexus.mukit.at/repository/odoo/simple ``
+
+When the process is finished, restart your server and update the application in
+Odoo. The steps are the same as for the installation only the button has changed
+from "Install" to "Upgrade".
+
+You can also view available Apps directly in our `repository `_
+and find a more detailed installation guide on our `website `_.
+
+For modules licensed under OPL-1, you will receive access data when you purchase
+the module. If the modules were not purchased directly from
+`MuK IT `_ please contact our support (support@mukit.at)
+with a confirmation of purchase to receive the corresponding access data.
+
+Upgrade
+============
+
+To upgrade this module, you need to:
+
+Download the module and add it to your Odoo addons folder. Restart the server
+and log on to your Odoo server. Select the Apps menu and upgrade the module by
+clicking on the upgrade button.
+
+If you installed the module using the "pip" command, you can also update the
+module in the same way. Just type the following command into the console:
+
+``pip install --upgrade --extra-index-url https://nexus.mukit.at/repository/odoo/simple ``
+
+When the process is finished, restart your server and update the application in
+Odoo, just like you would normally.
+
+Configuration
+=============
+
+No additional configuration is needed to use this module.
+
+Usage
+=============
+
+TODO
+
+Credits
+=======
+
+Contributors
+------------
+
+* Mathias Markl
+
+Images
+------------
+
+Some pictures are based on or inspired by:
+
+* `Freepik `_
+
+Projects
+------------
+
+Parts of the module are based on or inspired by:
+
+* `Web Responsive `_
+* `Openworx Backend Theme `_
+
+Author & Maintainer
+-------------------
+
+This module is maintained by the `MuK IT GmbH `_.
+
+MuK IT is an Austrian company specialized in customizing and extending Odoo.
+We develop custom solutions for your individual needs to help you focus on
+your strength and expertise to grow your business.
+
+If you want to get in touch please contact us via mail
+(sale@mukit.at) or visit our website (https://mukit.at).
diff --git a/muk_web_theme/models/__init__.py b/muk_web_theme/models/__init__.py
new file mode 100644
index 0000000..29c0a2c
--- /dev/null
+++ b/muk_web_theme/models/__init__.py
@@ -0,0 +1,22 @@
+###################################################################################
+#
+# Copyright (C) 2018 MuK IT GmbH
+#
+# 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 .
+#
+###################################################################################
+
+from . import res_users
+from . import res_company
+from . import res_config_settings
diff --git a/muk_web_theme/models/res_company.py b/muk_web_theme/models/res_company.py
new file mode 100644
index 0000000..347bc7c
--- /dev/null
+++ b/muk_web_theme/models/res_company.py
@@ -0,0 +1,28 @@
+###################################################################################
+#
+# Copyright (C) 2018 MuK IT GmbH
+#
+# 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 .
+#
+###################################################################################
+
+from odoo import models, fields
+
+class ResCompany(models.Model):
+
+ _inherit = 'res.company'
+
+ background_image = fields.Binary(
+ string="Apps Menu Background Image",
+ attachment=True)
\ No newline at end of file
diff --git a/muk_web_theme/models/res_config_settings.py b/muk_web_theme/models/res_config_settings.py
new file mode 100644
index 0000000..ada2544
--- /dev/null
+++ b/muk_web_theme/models/res_config_settings.py
@@ -0,0 +1,28 @@
+###################################################################################
+#
+# Copyright (C) 2017 MuK IT GmbH
+#
+# 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 .
+#
+###################################################################################
+
+from odoo import api, fields, models
+
+class ResConfigSettings(models.TransientModel):
+
+ _inherit = 'res.config.settings'
+
+ theme_background_image = fields.Binary(
+ related="company_id.background_image",
+ readonly=False)
\ No newline at end of file
diff --git a/muk_web_theme/models/res_users.py b/muk_web_theme/models/res_users.py
new file mode 100644
index 0000000..65c6b0f
--- /dev/null
+++ b/muk_web_theme/models/res_users.py
@@ -0,0 +1,53 @@
+###################################################################################
+#
+# Copyright (C) 2018 MuK IT GmbH
+#
+# 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 .
+#
+###################################################################################
+
+from odoo import models, fields
+
+class ResUsers(models.Model):
+
+ _inherit = 'res.users'
+
+ sidebar_type = fields.Selection(
+ selection=[
+ ('invisible', 'Invisible'),
+ ('small', 'Small'),
+ ('large', 'Large')
+ ],
+ string="Sidebar Type",
+ default='large',
+ required=True)
+
+ chatter_position = fields.Selection(
+ selection=[
+ ('normal', 'Normal'),
+ ('sided', 'Sided'),
+ ],
+ string="Chatter Position",
+ default='sided',
+ required=True)
+
+ def __init__(self, pool, cr):
+ super(ResUsers, self).__init__(pool, cr)
+ type(self).SELF_READABLE_FIELDS = list(self.SELF_READABLE_FIELDS)
+ type(self).SELF_WRITEABLE_FIELDS = list(self.SELF_WRITEABLE_FIELDS)
+ type(self).SELF_READABLE_FIELDS.extend(['sidebar_type'])
+ type(self).SELF_READABLE_FIELDS.extend(['sidebar_type'])
+ type(self).SELF_WRITEABLE_FIELDS.extend(['chatter_position'])
+ type(self).SELF_WRITEABLE_FIELDS.extend(['chatter_position'])
+
diff --git a/muk_web_theme/static/description/banner.png b/muk_web_theme/static/description/banner.png
new file mode 100644
index 0000000..2648acc
Binary files /dev/null and b/muk_web_theme/static/description/banner.png differ
diff --git a/muk_web_theme/static/description/icon.png b/muk_web_theme/static/description/icon.png
new file mode 100644
index 0000000..35f7a43
Binary files /dev/null and b/muk_web_theme/static/description/icon.png differ
diff --git a/muk_web_theme/static/description/icon.svg b/muk_web_theme/static/description/icon.svg
new file mode 100644
index 0000000..93d5a08
--- /dev/null
+++ b/muk_web_theme/static/description/icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/muk_web_theme/static/description/index.html b/muk_web_theme/static/description/index.html
new file mode 100644
index 0000000..d269aec
--- /dev/null
+++ b/muk_web_theme/static/description/index.html
@@ -0,0 +1,124 @@
+
+
+
MuK Backend Theme
+
Odoo 12.0 community backend theme
+
MuK IT GmbH -
+ www.mukit.at
+
+
+
+
+
+
+
+
+
+
Overview
+
This module offers a mobile compatible design
+ for Odoo Community. Furthermore it allows the user to define some
+ design preferences. So he can choose the size of the sidebar and the
+ position of the chatter. In addition, the background image of the app
+ menu can be set for each company.
+ *
+ *
+ * JavaScript:
+ *
+ * $('.nav-tabs').scrollingTabs();
+ *
+ *
+ * Use Case #2: Data-driven tabs
+ * -----------------------------
+ * Demo: http://plnkr.co/edit/MWBjLnTvJeetjU3NEimg?p=preview
+ *
+ * Sample HTML:
+ *
+ *
+ *
+ *
+ *
+ * JavaScript:
+ *
+ * $('#tabs-inside-here').scrollingTabs({
+ * tabs: tabs, // required
+ * propPaneId: 'paneId', // optional
+ * propTitle: 'title', // optional
+ * propActive: 'active', // optional
+ * propDisabled: 'disabled', // optional
+ * propContent: 'content', // optional
+ * ignoreTabPanes: false, // optional
+ * scrollToTabEdge: false, // optional
+ * disableScrollArrowsOnFullyScrolled: false, // optional
+ * reverseScroll: false // optional
+ * });
+ *
+ * Settings/Options:
+ *
+ * tabs: tabs data array
+ * prop*: name of your tab object's property name that
+ * corresponds to that required tab property if
+ * your property name is different than the
+ * standard name (paneId, title, etc.)
+ * tabsLiContent:
+ * optional string array used to define custom HTML
+ * for each tab's
element. Each entry is an HTML
+ * string defining the tab
element for the
+ * corresponding tab in the tabs array.
+ * The default for a tab is:
+ * '
'
+ * So, for example, if you had 3 tabs and you needed
+ * a custom 'tooltip' attribute on each one, your
+ * tabsLiContent array might look like this:
+ * [
+ * '',
+ * '',
+ * ''
+ * ]
+ * This plunk demonstrates its usage (in conjunction
+ * with tabsPostProcessors):
+ * http://plnkr.co/edit/ugJLMk7lmDCuZQziQ0k0
+ * tabsPostProcessors:
+ * optional array of functions, each one associated
+ * with an entry in the tabs array. When a tab element
+ * has been created, its associated post-processor
+ * function will be called with two arguments: the
+ * newly created $li and $a jQuery elements for that tab.
+ * This allows you to, for example, attach a custom
+ * event listener to each anchor tag.
+ * This plunk demonstrates its usage (in conjunction
+ * with tabsLiContent):
+ * http://plnkr.co/edit/ugJLMk7lmDCuZQziQ0k0
+ * ignoreTabPanes: relevant for data-driven tabs only--set to true if
+ * you want the plugin to only touch the tabs
+ * and to not generate the tab pane elements
+ * that go in .tab-content. By default, the plugin
+ * will generate the tab panes based on the content
+ * property in your tab data, if a content property
+ * is present.
+ * scrollToTabEdge: set to true if you want to force full-width tabs
+ * to display at the left scroll arrow. i.e., if the
+ * scrolling stops with only half a tab showing,
+ * it will snap the tab to its edge so the full tab
+ * shows.
+ * disableScrollArrowsOnFullyScrolled:
+ * set to true if you want the left scroll arrow to
+ * disable when the tabs are scrolled fully left,
+ * and the right scroll arrow to disable when the tabs
+ * are scrolled fully right.
+ * reverseScroll:
+ * set to true if you want the left scroll arrow to
+ * slide the tabs left instead of right, and the right
+ * scroll arrow to slide the tabs right.
+ * enableSwiping:
+ * set to true if you want to enable horizontal swiping
+ * for touch screens.
+ * widthMultiplier:
+ * set to a value less than 1 if you want the tabs
+ * container to be less than the full width of its
+ * parent element. For example, set it to 0.5 if you
+ * want the tabs container to be half the width of
+ * its parent.
+ * tabClickHandler:
+ * a callback function to execute any time a tab is clicked.
+ * The function is simply passed as the event handler
+ * to jQuery's .on(), so the function will receive
+ * the jQuery event as an argument, and the 'this'
+ * inside the function will be the clicked tab's anchor
+ * element.
+ * cssClassLeftArrow, cssClassRightArrow:
+ * custom values for the class attributes for the
+ * left and right scroll arrows. The defaults are
+ * 'glyphicon glyphicon-chevron-left' and
+ * 'glyphicon glyphicon-chevron-right'.
+ * Using different icons might require you to add
+ * custom styling to the arrows to position the icons
+ * correctly; the arrows can be targeted with these
+ * selectors:
+ * .scrtabs-tab-scroll-arrow
+ * .scrtabs-tab-scroll-arrow-left
+ * .scrtabs-tab-scroll-arrow-right
+ * leftArrowContent, rightArrowContent:
+ * custom HTML string for the left and right scroll
+ * arrows. This will override any custom cssClassLeftArrow
+ * and cssClassRightArrow settings.
+ * For example, if you wanted to use svg icons, you
+ * could set them like so:
+ *
+ * leftArrowContent: [
+ * '
',
+ * ' ',
+ * '
'
+ * ].join(''),
+ * rightArrowContent: [
+ * '
',
+ * ' ',
+ * '
'
+ * ].join('')
+ *
+ * You would then need to add some CSS to make them
+ * work correctly if you don't give them the
+ * default scrtabs-tab-scroll-arrow classes.
+ * This plunk shows it working with svg icons:
+ * http://plnkr.co/edit/2MdZCAnLyeU40shxaol3?p=preview
+ *
+ * When using this option, you can also mark a child
+ * element within the arrow content as the click target
+ * if you don't want the entire content to be
+ * clickable. You do that my adding the CSS class
+ * 'scrtabs-click-target' to the element that should
+ * be clickable, like so:
+ *
+ * leftArrowContent: [
+ * '
',
+ * ' ',
+ * '
'
+ * ].join(''),
+ * rightArrowContent: [
+ * '
',
+ * ' ',
+ * '
'
+ * ].join('')
+ *
+ * enableRtlSupport:
+ * set to true if you want your site to support
+ * right-to-left languages. If true, the plugin will
+ * check the page's tag for attribute dir="rtl"
+ * and will adjust its behavior accordingly.
+ * bootstrapVersion:
+ * set to 4 if you're using Boostrap 4. Default is 3.
+ * Bootstrap 4 handles some things differently than 3
+ * (e.g., the 'active' class gets applied to the tab's
+ * 'li > a' element rather than the 'li' itself).
+ *
+ *
+ * On tabs data change:
+ *
+ * $('#tabs-inside-here').scrollingTabs('refresh');
+ *
+ * On tabs data change, if you want the active tab to be set based on
+ * the updated tabs data (i.e., you want to override the current
+ * active tab setting selected by the user), for example, if you
+ * added a new tab and you want it to be the active tab:
+ *
+ * $('#tabs-inside-here').scrollingTabs('refresh', {
+ * forceActiveTab: true
+ * });
+ *
+ * Any options that can be passed into the plugin can be set on the
+ * plugin's 'defaults' object instead so you don't have to pass them in:
+ *
+ * $.fn.scrollingTabs.defaults.tabs = tabs;
+ * $.fn.scrollingTabs.defaults.forceActiveTab = true;
+ * $.fn.scrollingTabs.defaults.scrollToTabEdge = true;
+ * $.fn.scrollingTabs.defaults.disableScrollArrowsOnFullyScrolled = true;
+ * $.fn.scrollingTabs.defaults.reverseScroll = true;
+ * $.fn.scrollingTabs.defaults.widthMultiplier = 0.5;
+ * $.fn.scrollingTabs.defaults.tabClickHandler = function () { };
+ *
+ *
+ * Methods
+ * -----------------------------
+ * - refresh
+ * On window resize, the tabs should refresh themselves, but to force a refresh:
+ *
+ * $('.nav-tabs').scrollingTabs('refresh');
+ *
+ * - scrollToActiveTab
+ * On window resize, the active tab will automatically be scrolled to
+ * if it ends up offscreen, but you can also programmatically force a
+ * scroll to the active tab any time (if, for example, you're
+ * programmatically setting the active tab) by calling the
+ * 'scrollToActiveTab' method:
+ *
+ * $('.nav-tabs').scrollingTabs('scrollToActiveTab');
+ *
+ *
+ * Events
+ * -----------------------------
+ * The plugin triggers event 'ready.scrtabs' when the tabs have
+ * been wrapped in the scroller and are ready for viewing:
+ *
+ * $('.nav-tabs')
+ * .scrollingTabs()
+ * .on('ready.scrtabs', function() {
+ * // tabs ready, do my other stuff...
+ * });
+ *
+ * $('#tabs-inside-here')
+ * .scrollingTabs({ tabs: tabs })
+ * .on('ready.scrtabs', function() {
+ * // tabs ready, do my other stuff...
+ * });
+ *
+ *
+ * Destroying
+ * -----------------------------
+ * To destroy:
+ *
+ * $('.nav-tabs').scrollingTabs('destroy');
+ *
+ * $('#tabs-inside-here').scrollingTabs('destroy');
+ *
+ * If you were wrapping markup, the markup will be restored; if your tabs
+ * were data-driven, the tabs will be destroyed along with the plugin.
+ *
+ */
+
+;(function ($, window) {
+ 'use strict';
+ /* jshint unused:false */
+
+ /* exported CONSTANTS */
+ var CONSTANTS = {
+ CONTINUOUS_SCROLLING_TIMEOUT_INTERVAL: 50, // timeout interval for repeatedly moving the tabs container
+ // by one increment while the mouse is held down--decrease to
+ // make mousedown continous scrolling faster
+ SCROLL_OFFSET_FRACTION: 6, // each click moves the container this fraction of the fixed container--decrease
+ // to make the tabs scroll farther per click
+
+ DATA_KEY_DDMENU_MODIFIED: 'scrtabsddmenumodified',
+ DATA_KEY_IS_MOUSEDOWN: 'scrtabsismousedown',
+
+ CSS_CLASSES: {
+ BOOTSTRAP4: 'scrtabs-bootstrap4',
+ RTL: 'scrtabs-rtl',
+ SCROLL_ARROW_CLICK_TARGET: 'scrtabs-click-target',
+ SCROLL_ARROW_DISABLE: 'scrtabs-disable',
+ SCROLL_ARROW_WITH_CLICK_TARGET: 'scrtabs-with-click-target'
+ },
+
+ SLIDE_DIRECTION: {
+ LEFT: 1,
+ RIGHT: 2
+ },
+
+ EVENTS: {
+ CLICK: 'click.scrtabs',
+ DROPDOWN_MENU_HIDE: 'hide.bs.dropdown.scrtabs',
+ DROPDOWN_MENU_SHOW: 'show.bs.dropdown.scrtabs',
+ FORCE_REFRESH: 'forcerefresh.scrtabs',
+ MOUSEDOWN: 'mousedown.scrtabs',
+ MOUSEUP: 'mouseup.scrtabs',
+ TABS_READY: 'ready.scrtabs',
+ TOUCH_END: 'touchend.scrtabs',
+ TOUCH_MOVE: 'touchmove.scrtabs',
+ TOUCH_START: 'touchstart.scrtabs',
+ WINDOW_RESIZE: 'resize.scrtabs'
+ }
+ };
+
+ // smartresize from Paul Irish (debounced window resize)
+ (function (sr) {
+ var debounce = function (func, threshold, execAsap) {
+ var timeout;
+
+ return function debounced() {
+ var obj = this, args = arguments;
+ function delayed() {
+ if (!execAsap) {
+ func.apply(obj, args);
+ }
+ timeout = null;
+ }
+
+ if (timeout) {
+ clearTimeout(timeout);
+ } else if (execAsap) {
+ func.apply(obj, args);
+ }
+
+ timeout = setTimeout(delayed, threshold || 100);
+ };
+ };
+ $.fn[sr] = function (fn, customEventName) {
+ var eventName = customEventName || CONSTANTS.EVENTS.WINDOW_RESIZE;
+ return fn ? this.bind(eventName, debounce(fn)) : this.trigger(sr);
+ };
+
+ })('smartresizeScrtabs');
+
+ /* ***********************************************************************************
+ * ElementsHandler - Class that each instance of ScrollingTabsControl will instantiate
+ * **********************************************************************************/
+ function ElementsHandler(scrollingTabsControl) {
+ var ehd = this;
+
+ ehd.stc = scrollingTabsControl;
+ }
+
+ // ElementsHandler prototype methods
+ (function (p) {
+ p.initElements = function (options) {
+ var ehd = this;
+
+ ehd.setElementReferences(options);
+ ehd.setEventListeners(options);
+ };
+
+ p.listenForTouchEvents = function () {
+ var ehd = this,
+ stc = ehd.stc,
+ smv = stc.scrollMovement,
+ ev = CONSTANTS.EVENTS;
+
+ var touching = false;
+ var touchStartX;
+ var startingContainerLeftPos;
+ var newLeftPos;
+
+ stc.$movableContainer
+ .on(ev.TOUCH_START, function (e) {
+ touching = true;
+ startingContainerLeftPos = stc.movableContainerLeftPos;
+ touchStartX = e.originalEvent.changedTouches[0].pageX;
+ })
+ .on(ev.TOUCH_END, function () {
+ touching = false;
+ })
+ .on(ev.TOUCH_MOVE, function (e) {
+ if (!touching) {
+ return;
+ }
+
+ var touchPageX = e.originalEvent.changedTouches[0].pageX;
+ var diff = touchPageX - touchStartX;
+ if (stc.rtl) {
+ diff = -diff;
+ }
+ var minPos;
+
+ newLeftPos = startingContainerLeftPos + diff;
+ if (newLeftPos > 0) {
+ newLeftPos = 0;
+ } else {
+ minPos = smv.getMinPos();
+ if (newLeftPos < minPos) {
+ newLeftPos = minPos;
+ }
+ }
+ stc.movableContainerLeftPos = newLeftPos;
+
+ var leftOrRight = stc.rtl ? 'right' : 'left';
+ stc.$movableContainer.css(leftOrRight, smv.getMovableContainerCssLeftVal());
+ smv.refreshScrollArrowsDisabledState();
+ });
+ };
+
+ p.refreshAllElementSizes = function () {
+ var ehd = this,
+ stc = ehd.stc,
+ smv = stc.scrollMovement,
+ scrollArrowsWereVisible = stc.scrollArrowsVisible,
+ actionsTaken = {
+ didScrollToActiveTab: false
+ },
+ isPerformingSlideAnim = false,
+ minPos;
+
+ ehd.setElementWidths();
+ ehd.setScrollArrowVisibility();
+
+ // this could have been a window resize or the removal of a
+ // dynamic tab, so make sure the movable container is positioned
+ // correctly because, if it is far to the left and we increased the
+ // window width, it's possible that the tabs will be too far left,
+ // beyond the min pos.
+ if (stc.scrollArrowsVisible) {
+ // make sure container not too far left
+ minPos = smv.getMinPos();
+
+ isPerformingSlideAnim = smv.scrollToActiveTab({
+ isOnWindowResize: true
+ });
+
+ if (!isPerformingSlideAnim) {
+ smv.refreshScrollArrowsDisabledState();
+
+ if (stc.rtl) {
+ if (stc.movableContainerRightPos < minPos) {
+ smv.incrementMovableContainerLeft(minPos);
+ }
+ } else {
+ if (stc.movableContainerLeftPos < minPos) {
+ smv.incrementMovableContainerRight(minPos);
+ }
+ }
+ }
+
+ actionsTaken.didScrollToActiveTab = true;
+
+ } else if (scrollArrowsWereVisible) {
+ // scroll arrows went away after resize, so position movable container at 0
+ stc.movableContainerLeftPos = 0;
+ smv.slideMovableContainerToLeftPos();
+ }
+
+ return actionsTaken;
+ };
+
+ p.setElementReferences = function (settings) {
+ var ehd = this,
+ stc = ehd.stc,
+ $tabsContainer = stc.$tabsContainer,
+ $leftArrow,
+ $rightArrow,
+ $leftArrowClickTarget,
+ $rightArrowClickTarget;
+
+ stc.isNavPills = false;
+
+ if (stc.rtl) {
+ $tabsContainer.addClass(CONSTANTS.CSS_CLASSES.RTL);
+ }
+
+ if (stc.usingBootstrap4) {
+ $tabsContainer.addClass(CONSTANTS.CSS_CLASSES.BOOTSTRAP4);
+ }
+
+ stc.$fixedContainer = $tabsContainer.find('.scrtabs-tabs-fixed-container');
+ $leftArrow = stc.$fixedContainer.prev();
+ $rightArrow = stc.$fixedContainer.next();
+
+ // if we have custom arrow content, we might have a click target defined
+ if (settings.leftArrowContent) {
+ $leftArrowClickTarget = $leftArrow.find('.' + CONSTANTS.CSS_CLASSES.SCROLL_ARROW_CLICK_TARGET);
+ }
+
+ if (settings.rightArrowContent) {
+ $rightArrowClickTarget = $rightArrow.find('.' + CONSTANTS.CSS_CLASSES.SCROLL_ARROW_CLICK_TARGET);
+ }
+
+ if ($leftArrowClickTarget && $leftArrowClickTarget.length) {
+ $leftArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_WITH_CLICK_TARGET);
+ } else {
+ $leftArrowClickTarget = $leftArrow;
+ }
+
+ if ($rightArrowClickTarget && $rightArrowClickTarget.length) {
+ $rightArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_WITH_CLICK_TARGET);
+ } else {
+ $rightArrowClickTarget = $rightArrow;
+ }
+
+ stc.$movableContainer = $tabsContainer.find('.scrtabs-tabs-movable-container');
+ stc.$tabsUl = $tabsContainer.find('.nav-tabs');
+
+ // check for pills
+ if (!stc.$tabsUl.length) {
+ stc.$tabsUl = $tabsContainer.find('.nav-pills');
+
+ if (stc.$tabsUl.length) {
+ stc.isNavPills = true;
+ }
+ }
+
+ stc.$tabsLiCollection = stc.$tabsUl.find('> li');
+
+ stc.$slideLeftArrow = stc.reverseScroll ? $leftArrow : $rightArrow;
+ stc.$slideLeftArrowClickTarget = stc.reverseScroll ? $leftArrowClickTarget : $rightArrowClickTarget;
+ stc.$slideRightArrow = stc.reverseScroll ? $rightArrow : $leftArrow;
+ stc.$slideRightArrowClickTarget = stc.reverseScroll ? $rightArrowClickTarget : $leftArrowClickTarget;
+ stc.$scrollArrows = stc.$slideLeftArrow.add(stc.$slideRightArrow);
+
+ stc.$win = $(window);
+ };
+
+ p.setElementWidths = function () {
+ var ehd = this,
+ stc = ehd.stc;
+
+ stc.winWidth = stc.$win.width();
+ stc.scrollArrowsCombinedWidth = stc.$slideLeftArrow.outerWidth() + stc.$slideRightArrow.outerWidth();
+
+ ehd.setFixedContainerWidth();
+ ehd.setMovableContainerWidth();
+ };
+
+ p.setEventListeners = function (settings) {
+ var ehd = this,
+ stc = ehd.stc,
+ evh = stc.eventHandlers,
+ ev = CONSTANTS.EVENTS,
+ resizeEventName = ev.WINDOW_RESIZE + stc.instanceId;
+
+ if (settings.enableSwiping) {
+ ehd.listenForTouchEvents();
+ }
+
+ stc.$slideLeftArrowClickTarget
+ .off('.scrtabs')
+ .on(ev.MOUSEDOWN, function (e) { evh.handleMousedownOnSlideMovContainerLeftArrow.call(evh, e); })
+ .on(ev.MOUSEUP, function (e) { evh.handleMouseupOnSlideMovContainerLeftArrow.call(evh, e); })
+ .on(ev.CLICK, function (e) { evh.handleClickOnSlideMovContainerLeftArrow.call(evh, e); });
+
+ stc.$slideRightArrowClickTarget
+ .off('.scrtabs')
+ .on(ev.MOUSEDOWN, function (e) { evh.handleMousedownOnSlideMovContainerRightArrow.call(evh, e); })
+ .on(ev.MOUSEUP, function (e) { evh.handleMouseupOnSlideMovContainerRightArrow.call(evh, e); })
+ .on(ev.CLICK, function (e) { evh.handleClickOnSlideMovContainerRightArrow.call(evh, e); });
+
+ if (stc.tabClickHandler) {
+ stc.$tabsLiCollection
+ .find('a[data-toggle="tab"]')
+ .off(ev.CLICK)
+ .on(ev.CLICK, stc.tabClickHandler);
+ }
+
+ stc.$win
+ .off(resizeEventName)
+ .smartresizeScrtabs(function (e) { evh.handleWindowResize.call(evh, e); }, resizeEventName);
+
+ $('body').on(CONSTANTS.EVENTS.FORCE_REFRESH, stc.elementsHandler.refreshAllElementSizes.bind(stc.elementsHandler));
+ };
+
+ p.setFixedContainerWidth = function () {
+ var ehd = this,
+ stc = ehd.stc,
+ tabsContainerRect = stc.$tabsContainer.get(0).getBoundingClientRect();
+ /**
+ * @author poletaew
+ * It solves problem with rounding by jQuery.outerWidth
+ * If we have real width 100.5 px, jQuery.outerWidth returns us 101 px and we get layout's fail
+ */
+ stc.fixedContainerWidth = tabsContainerRect.width || (tabsContainerRect.right - tabsContainerRect.left);
+ stc.fixedContainerWidth = stc.fixedContainerWidth * stc.widthMultiplier;
+
+ stc.$fixedContainer.width(stc.fixedContainerWidth);
+ };
+
+ p.setFixedContainerWidthForHiddenScrollArrows = function () {
+ var ehd = this,
+ stc = ehd.stc;
+
+ stc.$fixedContainer.width(stc.fixedContainerWidth);
+ };
+
+ p.setFixedContainerWidthForVisibleScrollArrows = function () {
+ var ehd = this,
+ stc = ehd.stc;
+
+ stc.$fixedContainer.width(stc.fixedContainerWidth - stc.scrollArrowsCombinedWidth);
+ };
+
+ p.setMovableContainerWidth = function () {
+ var ehd = this,
+ stc = ehd.stc,
+ $tabLi = stc.$tabsUl.find('> li');
+
+ stc.movableContainerWidth = 0;
+
+ if ($tabLi.length) {
+
+ $tabLi.each(function () {
+ var $li = $(this),
+ totalMargin = 0;
+
+ if (stc.isNavPills) { // pills have a margin-left, tabs have no margin
+ totalMargin = parseInt($li.css('margin-left'), 10) + parseInt($li.css('margin-right'), 10);
+ }
+
+ stc.movableContainerWidth += ($li.outerWidth() + totalMargin);
+ });
+
+ stc.movableContainerWidth += 1;
+
+ // if the tabs don't span the width of the page, force the
+ // movable container width to full page width so the bottom
+ // border spans the page width instead of just spanning the
+ // width of the tabs
+ if (stc.movableContainerWidth < stc.fixedContainerWidth) {
+ stc.movableContainerWidth = stc.fixedContainerWidth;
+ }
+ }
+
+ stc.$movableContainer.width(stc.movableContainerWidth);
+ };
+
+ p.setScrollArrowVisibility = function () {
+ var ehd = this,
+ stc = ehd.stc,
+ shouldBeVisible = stc.movableContainerWidth > stc.fixedContainerWidth;
+
+ if (shouldBeVisible && !stc.scrollArrowsVisible) {
+ stc.$scrollArrows.show();
+ stc.scrollArrowsVisible = true;
+ } else if (!shouldBeVisible && stc.scrollArrowsVisible) {
+ stc.$scrollArrows.hide();
+ stc.scrollArrowsVisible = false;
+ }
+
+ if (stc.scrollArrowsVisible) {
+ ehd.setFixedContainerWidthForVisibleScrollArrows();
+ } else {
+ ehd.setFixedContainerWidthForHiddenScrollArrows();
+ }
+ };
+
+ }(ElementsHandler.prototype));
+
+ /* ***********************************************************************************
+ * EventHandlers - Class that each instance of ScrollingTabsControl will instantiate
+ * **********************************************************************************/
+ function EventHandlers(scrollingTabsControl) {
+ var evh = this;
+
+ evh.stc = scrollingTabsControl;
+ }
+
+ // prototype methods
+ (function (p){
+ p.handleClickOnSlideMovContainerLeftArrow = function () {
+ var evh = this,
+ stc = evh.stc;
+
+ stc.scrollMovement.incrementMovableContainerLeft();
+ };
+
+ p.handleClickOnSlideMovContainerRightArrow = function () {
+ var evh = this,
+ stc = evh.stc;
+
+ stc.scrollMovement.incrementMovableContainerRight();
+ };
+
+ p.handleMousedownOnSlideMovContainerLeftArrow = function () {
+ var evh = this,
+ stc = evh.stc;
+
+ stc.$slideLeftArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, true);
+ stc.scrollMovement.continueSlideMovableContainerLeft();
+ };
+
+ p.handleMousedownOnSlideMovContainerRightArrow = function () {
+ var evh = this,
+ stc = evh.stc;
+
+ stc.$slideRightArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, true);
+ stc.scrollMovement.continueSlideMovableContainerRight();
+ };
+
+ p.handleMouseupOnSlideMovContainerLeftArrow = function () {
+ var evh = this,
+ stc = evh.stc;
+
+ stc.$slideLeftArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, false);
+ };
+
+ p.handleMouseupOnSlideMovContainerRightArrow = function () {
+ var evh = this,
+ stc = evh.stc;
+
+ stc.$slideRightArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, false);
+ };
+
+ p.handleWindowResize = function () {
+ var evh = this,
+ stc = evh.stc,
+ newWinWidth = stc.$win.width();
+
+ if (newWinWidth === stc.winWidth) {
+ return false;
+ }
+
+ stc.winWidth = newWinWidth;
+ stc.elementsHandler.refreshAllElementSizes();
+ };
+
+ }(EventHandlers.prototype));
+
+ /* ***********************************************************************************
+ * ScrollMovement - Class that each instance of ScrollingTabsControl will instantiate
+ * **********************************************************************************/
+ function ScrollMovement(scrollingTabsControl) {
+ var smv = this;
+
+ smv.stc = scrollingTabsControl;
+ }
+
+ // prototype methods
+ (function (p) {
+
+ p.continueSlideMovableContainerLeft = function () {
+ var smv = this,
+ stc = smv.stc;
+
+ setTimeout(function() {
+ if (stc.movableContainerLeftPos <= smv.getMinPos() ||
+ !stc.$slideLeftArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN)) {
+ return;
+ }
+
+ if (!smv.incrementMovableContainerLeft()) { // haven't reached max left
+ smv.continueSlideMovableContainerLeft();
+ }
+ }, CONSTANTS.CONTINUOUS_SCROLLING_TIMEOUT_INTERVAL);
+ };
+
+ p.continueSlideMovableContainerRight = function () {
+ var smv = this,
+ stc = smv.stc;
+
+ setTimeout(function() {
+ if (stc.movableContainerLeftPos >= 0 ||
+ !stc.$slideRightArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN)) {
+ return;
+ }
+
+ if (!smv.incrementMovableContainerRight()) { // haven't reached max right
+ smv.continueSlideMovableContainerRight();
+ }
+ }, CONSTANTS.CONTINUOUS_SCROLLING_TIMEOUT_INTERVAL);
+ };
+
+ p.decrementMovableContainerLeftPos = function (minPos) {
+ var smv = this,
+ stc = smv.stc;
+
+ stc.movableContainerLeftPos -= (stc.fixedContainerWidth / CONSTANTS.SCROLL_OFFSET_FRACTION);
+ if (stc.movableContainerLeftPos < minPos) {
+ stc.movableContainerLeftPos = minPos;
+ } else if (stc.scrollToTabEdge) {
+ smv.setMovableContainerLeftPosToTabEdge(CONSTANTS.SLIDE_DIRECTION.LEFT);
+
+ if (stc.movableContainerLeftPos < minPos) {
+ stc.movableContainerLeftPos = minPos;
+ }
+ }
+ };
+
+ p.disableSlideLeftArrow = function () {
+ var smv = this,
+ stc = smv.stc;
+
+ if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) {
+ return;
+ }
+
+ stc.$slideLeftArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE);
+ };
+
+ p.disableSlideRightArrow = function () {
+ var smv = this,
+ stc = smv.stc;
+
+ if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) {
+ return;
+ }
+
+ stc.$slideRightArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE);
+ };
+
+ p.enableSlideLeftArrow = function () {
+ var smv = this,
+ stc = smv.stc;
+
+ if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) {
+ return;
+ }
+
+ stc.$slideLeftArrow.removeClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE);
+ };
+
+ p.enableSlideRightArrow = function () {
+ var smv = this,
+ stc = smv.stc;
+
+ if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) {
+ return;
+ }
+
+ stc.$slideRightArrow.removeClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE);
+ };
+
+ p.getMinPos = function () {
+ var smv = this,
+ stc = smv.stc;
+
+ return stc.scrollArrowsVisible ? (stc.fixedContainerWidth - stc.movableContainerWidth - stc.scrollArrowsCombinedWidth) : 0;
+ };
+
+ p.getMovableContainerCssLeftVal = function () {
+ var smv = this,
+ stc = smv.stc;
+
+ return (stc.movableContainerLeftPos === 0) ? '0' : stc.movableContainerLeftPos + 'px';
+ };
+
+ p.incrementMovableContainerLeft = function () {
+ var smv = this,
+ stc = smv.stc,
+ minPos = smv.getMinPos();
+
+ smv.decrementMovableContainerLeftPos(minPos);
+ smv.slideMovableContainerToLeftPos();
+ smv.enableSlideRightArrow();
+
+ // return true if we're fully left, false otherwise
+ return (stc.movableContainerLeftPos === minPos);
+ };
+
+ p.incrementMovableContainerRight = function (minPos) {
+ var smv = this,
+ stc = smv.stc;
+
+ // if minPos passed in, the movable container was beyond the minPos
+ if (minPos) {
+ stc.movableContainerLeftPos = minPos;
+ } else {
+ stc.movableContainerLeftPos += (stc.fixedContainerWidth / CONSTANTS.SCROLL_OFFSET_FRACTION);
+
+ if (stc.movableContainerLeftPos > 0) {
+ stc.movableContainerLeftPos = 0;
+ } else if (stc.scrollToTabEdge) {
+ smv.setMovableContainerLeftPosToTabEdge(CONSTANTS.SLIDE_DIRECTION.RIGHT);
+ }
+ }
+
+ smv.slideMovableContainerToLeftPos();
+ smv.enableSlideLeftArrow();
+
+ // return true if we're fully right, false otherwise
+ // left pos of 0 is the movable container's max position (farthest right)
+ return (stc.movableContainerLeftPos === 0);
+ };
+
+ p.refreshScrollArrowsDisabledState = function() {
+ var smv = this,
+ stc = smv.stc;
+
+ if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) {
+ return;
+ }
+
+ if (stc.movableContainerLeftPos >= 0) { // movable container fully right
+ smv.disableSlideRightArrow();
+ smv.enableSlideLeftArrow();
+ return;
+ }
+
+ if (stc.movableContainerLeftPos <= smv.getMinPos()) { // fully left
+ smv.disableSlideLeftArrow();
+ smv.enableSlideRightArrow();
+ return;
+ }
+
+ smv.enableSlideLeftArrow();
+ smv.enableSlideRightArrow();
+ };
+
+ p.scrollToActiveTab = function () {
+ var smv = this,
+ stc = smv.stc,
+ $activeTab,
+ $activeTabAnchor,
+ activeTabLeftPos,
+ activeTabRightPos,
+ rightArrowLeftPos,
+ activeTabWidth,
+ leftPosOffset,
+ offsetToMiddle,
+ leftScrollArrowWidth,
+ rightScrollArrowWidth;
+
+ if (!stc.scrollArrowsVisible) {
+ return;
+ }
+
+ if (stc.usingBootstrap4) {
+ $activeTabAnchor = stc.$tabsUl.find('li > .nav-link.active');
+ if ($activeTabAnchor.length) {
+ $activeTab = $activeTabAnchor.parent();
+ }
+ } else {
+ $activeTab = stc.$tabsUl.find('li.active');
+ }
+
+ if (!$activeTab || !$activeTab.length) {
+ return;
+ }
+
+ rightScrollArrowWidth = stc.$slideRightArrow.outerWidth();
+ activeTabWidth = $activeTab.outerWidth();
+
+ /**
+ * @author poletaew
+ * We need relative offset (depends on $fixedContainer), don't absolute
+ */
+ activeTabLeftPos = $activeTab.offset().left - stc.$fixedContainer.offset().left;
+ activeTabRightPos = activeTabLeftPos + activeTabWidth;
+
+ rightArrowLeftPos = stc.fixedContainerWidth - rightScrollArrowWidth;
+
+ if (stc.rtl) {
+ leftScrollArrowWidth = stc.$slideLeftArrow.outerWidth();
+
+ if (activeTabLeftPos < 0) { // active tab off left side
+ stc.movableContainerLeftPos += activeTabLeftPos;
+ smv.slideMovableContainerToLeftPos();
+ return true;
+ } else { // active tab off right side
+ if (activeTabRightPos > rightArrowLeftPos) {
+ stc.movableContainerLeftPos += (activeTabRightPos - rightArrowLeftPos) + (2 * rightScrollArrowWidth);
+ smv.slideMovableContainerToLeftPos();
+ return true;
+ }
+ }
+ } else {
+ if (activeTabRightPos > rightArrowLeftPos) { // active tab off right side
+ leftPosOffset = activeTabRightPos - rightArrowLeftPos + rightScrollArrowWidth;
+ offsetToMiddle = stc.fixedContainerWidth / 2;
+ leftPosOffset += offsetToMiddle - (activeTabWidth / 2);
+ stc.movableContainerLeftPos -= leftPosOffset;
+ smv.slideMovableContainerToLeftPos();
+ return true;
+ } else {
+ leftScrollArrowWidth = stc.$slideLeftArrow.outerWidth();
+ if (activeTabLeftPos < 0) { // active tab off left side
+ offsetToMiddle = stc.fixedContainerWidth / 2;
+ stc.movableContainerLeftPos += (-activeTabLeftPos) + offsetToMiddle - (activeTabWidth / 2);
+ smv.slideMovableContainerToLeftPos();
+ return true;
+ }
+ }
+ }
+
+ return false;
+ };
+
+ p.setMovableContainerLeftPosToTabEdge = function (slideDirection) {
+ var smv = this,
+ stc = smv.stc,
+ offscreenWidth = -stc.movableContainerLeftPos,
+ totalTabWidth = 0;
+
+ // make sure LeftPos is set so that a tab edge will be against the
+ // left scroll arrow so we won't have a partial, cut-off tab
+ stc.$tabsLiCollection.each(function () {
+ var tabWidth = $(this).width();
+
+ totalTabWidth += tabWidth;
+
+ if (totalTabWidth > offscreenWidth) {
+ stc.movableContainerLeftPos = (slideDirection === CONSTANTS.SLIDE_DIRECTION.RIGHT) ? -(totalTabWidth - tabWidth) : -totalTabWidth;
+ return false; // exit .each() loop
+ }
+
+ });
+ };
+
+ p.slideMovableContainerToLeftPos = function () {
+ var smv = this,
+ stc = smv.stc,
+ minPos = smv.getMinPos(),
+ leftOrRightVal;
+
+ if (stc.movableContainerLeftPos > 0) {
+ stc.movableContainerLeftPos = 0;
+ } else if (stc.movableContainerLeftPos < minPos) {
+ stc.movableContainerLeftPos = minPos;
+ }
+
+ stc.movableContainerLeftPos = stc.movableContainerLeftPos / 1;
+ leftOrRightVal = smv.getMovableContainerCssLeftVal();
+
+ smv.performingSlideAnim = true;
+
+ var targetPos = stc.rtl ? { right: leftOrRightVal } : { left: leftOrRightVal };
+
+ stc.$movableContainer.stop().animate(targetPos, 'slow', function __slideAnimComplete() {
+ var newMinPos = smv.getMinPos();
+
+ smv.performingSlideAnim = false;
+
+ // if we slid past the min pos--which can happen if you resize the window
+ // quickly--move back into position
+ if (stc.movableContainerLeftPos < newMinPos) {
+ smv.decrementMovableContainerLeftPos(newMinPos);
+
+ targetPos = stc.rtl ? { right: smv.getMovableContainerCssLeftVal() } : { left: smv.getMovableContainerCssLeftVal() };
+
+ stc.$movableContainer.stop().animate(targetPos, 'fast', function() {
+ smv.refreshScrollArrowsDisabledState();
+ });
+ } else {
+ smv.refreshScrollArrowsDisabledState();
+ }
+ });
+ };
+
+ }(ScrollMovement.prototype));
+
+ /* **********************************************************************
+ * ScrollingTabsControl - Class that each directive will instantiate
+ * **********************************************************************/
+ function ScrollingTabsControl($tabsContainer) {
+ var stc = this;
+
+ stc.$tabsContainer = $tabsContainer;
+ stc.instanceId = $.fn.scrollingTabs.nextInstanceId++;
+
+ stc.movableContainerLeftPos = 0;
+ stc.scrollArrowsVisible = false;
+ stc.scrollToTabEdge = false;
+ stc.disableScrollArrowsOnFullyScrolled = false;
+ stc.reverseScroll = false;
+ stc.widthMultiplier = 1;
+
+ stc.scrollMovement = new ScrollMovement(stc);
+ stc.eventHandlers = new EventHandlers(stc);
+ stc.elementsHandler = new ElementsHandler(stc);
+ }
+
+ // prototype methods
+ (function (p) {
+ p.initTabs = function (options, $scroller, readyCallback, attachTabContentToDomCallback) {
+ var stc = this,
+ elementsHandler = stc.elementsHandler,
+ num;
+
+ if (options.enableRtlSupport && $('html').attr('dir') === 'rtl') {
+ stc.rtl = true;
+ }
+
+ if (options.scrollToTabEdge) {
+ stc.scrollToTabEdge = true;
+ }
+
+ if (options.disableScrollArrowsOnFullyScrolled) {
+ stc.disableScrollArrowsOnFullyScrolled = true;
+ }
+
+ if (options.reverseScroll) {
+ stc.reverseScroll = true;
+ }
+
+ if (options.widthMultiplier !== 1) {
+ num = Number(options.widthMultiplier); // handle string value
+
+ if (!isNaN(num)) {
+ stc.widthMultiplier = num;
+ }
+ }
+
+ if (options.bootstrapVersion.toString().charAt(0) === '4') {
+ stc.usingBootstrap4 = true;
+ }
+
+ setTimeout(initTabsAfterTimeout, 100);
+
+ function initTabsAfterTimeout() {
+ var actionsTaken;
+
+ // if we're just wrapping non-data-driven tabs, the user might
+ // have the .nav-tabs hidden to prevent the clunky flash of
+ // multi-line tabs on page refresh, so we need to make sure
+ // they're visible before trying to wrap them
+ $scroller.find('.nav-tabs').show();
+
+ elementsHandler.initElements(options);
+ actionsTaken = elementsHandler.refreshAllElementSizes();
+
+ $scroller.css('visibility', 'visible');
+
+ if (attachTabContentToDomCallback) {
+ attachTabContentToDomCallback();
+ }
+
+ if (readyCallback) {
+ readyCallback();
+ }
+ }
+ };
+
+ p.scrollToActiveTab = function(options) {
+ var stc = this,
+ smv = stc.scrollMovement;
+
+ smv.scrollToActiveTab(options);
+ };
+ }(ScrollingTabsControl.prototype));
+
+
+ /* exported buildNavTabsAndTabContentForTargetElementInstance */
+ var tabElements = (function () {
+
+ return {
+ getElTabPaneForLi: getElTabPaneForLi,
+ getNewElNavTabs: getNewElNavTabs,
+ getNewElScrollerElementWrappingNavTabsInstance: getNewElScrollerElementWrappingNavTabsInstance,
+ getNewElTabAnchor: getNewElTabAnchor,
+ getNewElTabContent: getNewElTabContent,
+ getNewElTabLi: getNewElTabLi,
+ getNewElTabPane: getNewElTabPane
+ };
+
+ ///////////////////
+
+ // ---- retrieve existing elements from the DOM ----------
+ function getElTabPaneForLi($li) {
+ return $($li.find('a').attr('href'));
+ }
+
+
+ // ---- create new elements ----------
+ function getNewElNavTabs() {
+ return $('
');
+ }
+
+ function getNewElScrollerElementWrappingNavTabsInstance($navTabsInstance, settings) {
+ var $tabsContainer = $(''),
+ leftArrowContent = settings.leftArrowContent || '
';
+ var scrollbarDummyEl = dummyDiv.firstElementChild;
+ document.body.appendChild(scrollbarDummyEl);
+ var dummyContainerChild = scrollbarDummyEl.firstElementChild;
+ scrollbarDummyEl.scrollLeft = 0;
+ var dummyContainerOffset = SimpleBar.getOffset(scrollbarDummyEl);
+ var dummyContainerChildOffset = SimpleBar.getOffset(dummyContainerChild);
+ scrollbarDummyEl.scrollLeft = 999;
+ var dummyContainerScrollOffsetAfterScroll = SimpleBar.getOffset(dummyContainerChild);
+ return {
+ // determines if the scrolling is responding with negative values
+ isRtlScrollingInverted: dummyContainerOffset.left !== dummyContainerChildOffset.left && dummyContainerChildOffset.left - dummyContainerScrollOffsetAfterScroll.left !== 0,
+ // determines if the origin scrollbar position is inverted or not (positioned on left or right)
+ isRtlScrollbarInverted: dummyContainerOffset.left !== dummyContainerChildOffset.left
+ };
+ }
+ }, {
+ key: "initHtmlApi",
+ value: function initHtmlApi() {
+ this.initDOMLoadedElements = this.initDOMLoadedElements.bind(this); // MutationObserver is IE11+
+
+ if (typeof MutationObserver !== 'undefined') {
+ // Mutation observer to observe dynamically added elements
+ this.globalObserver = new MutationObserver(function (mutations) {
+ mutations.forEach(function (mutation) {
+ Array.from(mutation.addedNodes).forEach(function (addedNode) {
+ if (addedNode.nodeType === 1) {
+ if (addedNode.hasAttribute('data-simplebar')) {
+ !addedNode.SimpleBar && new SimpleBar(addedNode, SimpleBar.getElOptions(addedNode));
+ } else {
+ Array.from(addedNode.querySelectorAll('[data-simplebar]')).forEach(function (el) {
+ !el.SimpleBar && new SimpleBar(el, SimpleBar.getElOptions(el));
+ });
+ }
+ }
+ });
+ Array.from(mutation.removedNodes).forEach(function (removedNode) {
+ if (removedNode.nodeType === 1) {
+ if (removedNode.hasAttribute('data-simplebar')) {
+ removedNode.SimpleBar && removedNode.SimpleBar.unMount();
+ } else {
+ Array.from(removedNode.querySelectorAll('[data-simplebar]')).forEach(function (el) {
+ el.SimpleBar && el.SimpleBar.unMount();
+ });
+ }
+ }
+ });
+ });
+ });
+ this.globalObserver.observe(document, {
+ childList: true,
+ subtree: true
+ });
+ } // Taken from jQuery `ready` function
+ // Instantiate elements already present on the page
+
+
+ if (document.readyState === 'complete' || document.readyState !== 'loading' && !document.documentElement.doScroll) {
+ // Handle it asynchronously to allow scripts the opportunity to delay init
+ window.setTimeout(this.initDOMLoadedElements);
+ } else {
+ document.addEventListener('DOMContentLoaded', this.initDOMLoadedElements);
+ window.addEventListener('load', this.initDOMLoadedElements);
+ }
+ } // Helper function to retrieve options from element attributes
+
+ }, {
+ key: "getElOptions",
+ value: function getElOptions(el) {
+ var options = Array.from(el.attributes).reduce(function (acc, attribute) {
+ var option = attribute.name.match(/data-simplebar-(.+)/);
+
+ if (option) {
+ var key = option[1].replace(/\W+(.)/g, function (x, chr) {
+ return chr.toUpperCase();
+ });
+
+ switch (attribute.value) {
+ case 'true':
+ acc[key] = true;
+ break;
+
+ case 'false':
+ acc[key] = false;
+ break;
+
+ case undefined:
+ acc[key] = true;
+ break;
+
+ default:
+ acc[key] = attribute.value;
+ }
+ }
+
+ return acc;
+ }, {});
+ return options;
+ }
+ }, {
+ key: "removeObserver",
+ value: function removeObserver() {
+ this.globalObserver.disconnect();
+ }
+ }, {
+ key: "initDOMLoadedElements",
+ value: function initDOMLoadedElements() {
+ document.removeEventListener('DOMContentLoaded', this.initDOMLoadedElements);
+ window.removeEventListener('load', this.initDOMLoadedElements);
+ Array.from(document.querySelectorAll('[data-simplebar]')).forEach(function (el) {
+ if (!el.SimpleBar) new SimpleBar(el, SimpleBar.getElOptions(el));
+ });
+ }
+ }, {
+ key: "getOffset",
+ value: function getOffset(el) {
+ var rect = el.getBoundingClientRect();
+ return {
+ top: rect.top + (window.pageYOffset || document.documentElement.scrollTop),
+ left: rect.left + (window.pageXOffset || document.documentElement.scrollLeft)
+ };
+ }
+ }]);
+
+ return SimpleBar;
+ }();
+ /**
+ * HTML API
+ * Called only in a browser env.
+ */
+
+
+ SimpleBar.defaultOptions = {
+ autoHide: true,
+ forceVisible: false,
+ classNames: {
+ content: 'simplebar-content',
+ offset: 'simplebar-offset',
+ mask: 'simplebar-mask',
+ wrapper: 'simplebar-wrapper',
+ placeholder: 'simplebar-placeholder',
+ scrollbar: 'simplebar-scrollbar',
+ track: 'simplebar-track',
+ heightAutoObserverWrapperEl: 'simplebar-height-auto-observer-wrapper',
+ heightAutoObserverEl: 'simplebar-height-auto-observer',
+ visible: 'simplebar-visible',
+ horizontal: 'simplebar-horizontal',
+ vertical: 'simplebar-vertical',
+ hover: 'simplebar-hover'
+ },
+ scrollbarMinSize: 25,
+ scrollbarMaxSize: 0,
+ timeout: 1000
+ };
+
+ if (canUseDom) {
+ SimpleBar.initHtmlApi();
+ }
+
+ return SimpleBar;
+
+})));
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-Black-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-Black-webfont.eot
new file mode 100644
index 0000000..fa326d1
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Black-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Black-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-Black-webfont.svg
new file mode 100644
index 0000000..945dec6
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-Black-webfont.svg
@@ -0,0 +1,642 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-Black-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-Black-webfont.ttf
new file mode 100644
index 0000000..3c3b2b8
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Black-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Black-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-Black-webfont.woff
new file mode 100644
index 0000000..0229086
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Black-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.eot
new file mode 100644
index 0000000..a2aebfb
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.svg
new file mode 100644
index 0000000..c9cc3cd
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.svg
@@ -0,0 +1,642 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.ttf
new file mode 100644
index 0000000..2020dcb
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.woff
new file mode 100644
index 0000000..1875c0b
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-BlackItalic-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.eot
new file mode 100644
index 0000000..b73776e
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.svg
new file mode 100644
index 0000000..43b5ed2
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.svg
@@ -0,0 +1,593 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.ttf
new file mode 100644
index 0000000..1da7276
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.woff
new file mode 100644
index 0000000..0c69948
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Bold-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.eot
new file mode 100644
index 0000000..b803ec1
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.svg
new file mode 100644
index 0000000..f877a3c
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.svg
@@ -0,0 +1,642 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.ttf
new file mode 100644
index 0000000..78bab05
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.woff
new file mode 100644
index 0000000..99de61a
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-BoldItalic-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.eot
new file mode 100644
index 0000000..b708f04
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.svg
new file mode 100644
index 0000000..49ddd4a
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.svg
@@ -0,0 +1,642 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.ttf
new file mode 100644
index 0000000..ae258e8
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.woff
new file mode 100644
index 0000000..dd74244
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Italic-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Light-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-Light-webfont.eot
new file mode 100644
index 0000000..072cdc4
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Light-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Light-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-Light-webfont.svg
new file mode 100644
index 0000000..db6a617
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-Light-webfont.svg
@@ -0,0 +1,641 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-Light-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-Light-webfont.ttf
new file mode 100644
index 0000000..3b2fea0
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Light-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Light-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-Light-webfont.woff
new file mode 100644
index 0000000..cc534a3
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Light-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.eot
new file mode 100644
index 0000000..77396a1
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.svg
new file mode 100644
index 0000000..4bd14bc
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.svg
@@ -0,0 +1,641 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.ttf
new file mode 100644
index 0000000..b9b3811
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.woff
new file mode 100644
index 0000000..3071ff4
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-LightItalic-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.eot
new file mode 100644
index 0000000..f9ad995
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.svg
new file mode 100644
index 0000000..4ce289d
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.svg
@@ -0,0 +1,593 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.ttf
new file mode 100644
index 0000000..8aa64d8
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.woff
new file mode 100644
index 0000000..cd810ef
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Medium-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.eot
new file mode 100644
index 0000000..a03fe4b
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.svg
new file mode 100644
index 0000000..904d7c5
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.svg
@@ -0,0 +1,642 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.ttf
new file mode 100644
index 0000000..6439927
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.woff
new file mode 100644
index 0000000..69a1458
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-MediumItalic-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.eot
new file mode 100644
index 0000000..9b5e8e4
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.svg
new file mode 100644
index 0000000..de7d77f
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.svg
@@ -0,0 +1,621 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.ttf
new file mode 100644
index 0000000..44dd78d
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.woff
new file mode 100644
index 0000000..bfa05d5
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Regular-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.eot
new file mode 100644
index 0000000..2284a3b
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.svg
new file mode 100644
index 0000000..7394e3d
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.svg
@@ -0,0 +1,631 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.ttf
new file mode 100644
index 0000000..18919f7
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.woff
new file mode 100644
index 0000000..f10b831
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-Thin-webfont.woff differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.eot b/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.eot
new file mode 100644
index 0000000..e6291f2
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.eot differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.svg b/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.svg
new file mode 100644
index 0000000..951cccd
--- /dev/null
+++ b/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.svg
@@ -0,0 +1,631 @@
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.ttf b/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.ttf
new file mode 100644
index 0000000..a4e7ae0
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.ttf differ
diff --git a/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.woff b/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.woff
new file mode 100644
index 0000000..9ef17a8
Binary files /dev/null and b/muk_web_theme/static/src/fonts/Roboto-ThinItalic-webfont.woff differ
diff --git a/muk_web_theme/static/src/img/background.png b/muk_web_theme/static/src/img/background.png
new file mode 100644
index 0000000..b7788b9
Binary files /dev/null and b/muk_web_theme/static/src/img/background.png differ
diff --git a/muk_web_theme/static/src/js/chrome/apps.js b/muk_web_theme/static/src/js/chrome/apps.js
new file mode 100644
index 0000000..0b39ebe
--- /dev/null
+++ b/muk_web_theme/static/src/js/chrome/apps.js
@@ -0,0 +1,182 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+odoo.define('muk_web_theme.AppsMenu', function (require) {
+"use strict";
+
+var core = require('web.core');
+var config = require("web.config");
+var session = require("web.session");
+
+var AppsMenu = require("web.AppsMenu");
+
+var _t = core._t;
+var QWeb = core.qweb;
+
+AppsMenu.include({
+ events: _.extend({}, AppsMenu.prototype.events, {
+ "keydown .mk_search_input input": "_onSearchResultsNavigate",
+ "click .mk_menu_search_result": "_onSearchResultChosen",
+ "shown.bs.dropdown": "_onMenuShow",
+ "hidden.bs.dropdown": "_onMenuHide",
+ }),
+ init: function (parent, menuData) {
+ this._super.apply(this, arguments);
+ for (var n in this._apps) {
+ this._apps[n].web_icon_data = menuData.children[n].web_icon_data;
+ }
+ this._searchableMenus = _.reduce(
+ menuData.children, this._findNames.bind(this), {}
+ );
+ this._search_def = $.Deferred();
+ },
+ start: function () {
+ this._setBackgroundImage();
+ this.$search_container = this.$(".mk_search_container");
+ this.$search_input = this.$(".mk_search_input input");
+ this.$search_results = this.$(".mk_search_results");
+ return this._super.apply(this, arguments);
+ },
+ _findNames: function (memo, menu) {
+ if (menu.action) {
+ var key = menu.parent_id ? menu.parent_id[1] + "/" : "";
+ memo[key + menu.name] = menu;
+ }
+ if (menu.children.length) {
+ _.reduce(menu.children, this._findNames.bind(this), memo);
+ }
+ return memo;
+ },
+ _setBackgroundImage: function () {
+ var url = session.url('/web/image', {
+ model: 'res.company',
+ id: session.company_id,
+ field: 'background_image',
+ });
+ this.$('.dropdown-menu').css({
+ "background-size": "cover",
+ "background-image": "url(" + url + ")"
+ });
+ },
+ _menuInfo: function (key) {
+ var original = this._searchableMenus[key];
+ return _.extend({
+ action_id: parseInt(original.action.split(',')[1], 10),
+ }, original);
+ },
+ _onMenuShow: function(event) {
+ this._searchFocus();
+ },
+ _onMenuHide: function(event) {
+ this._searchReset();
+
+ },
+ _searchFocus: function () {
+ if (!config.device.isMobile) {
+ this.$search_input.focus();
+ }
+ },
+ _searchReset: function () {
+ this.$search_container.removeClass("has-results");
+ this.$search_results.empty();
+ this.$search_input.val("");
+ },
+ _searchMenusSchedule: function () {
+ this._search_def.reject();
+ this._search_def = $.Deferred();
+ setTimeout(this._search_def.resolve.bind(this._search_def), 50);
+ this._search_def.done(this._searchMenus.bind(this));
+ },
+ _searchMenus: function () {
+ var query = this.$search_input.val();
+ if (query === "") {
+ this.$search_container.removeClass("has-results");
+ this.$search_results.empty();
+ return;
+ }
+ var results = fuzzy.filter(query, _.keys(this._searchableMenus), {
+ pre: "",
+ post: "",
+ });
+ this.$search_container.toggleClass("has-results", Boolean(results.length));
+ this.$search_results.html(QWeb.render("muk_web_theme.MenuSearchResults", {
+ results: results,
+ widget: this,
+ }));
+ },
+ _onSearchResultChosen: function (event) {
+ event.preventDefault();
+ var $result = $(event.currentTarget),
+ text = $result.text().trim(),
+ data = $result.data(),
+ suffix = ~text.indexOf("/") ? "/" : "";
+ this.trigger_up("menu_clicked", {
+ action_id: data.actionId,
+ id: data.menuId,
+ previous_menu_id: data.parentId,
+ });
+ var app = _.find(this._apps, function (_app) {
+ return text.indexOf(_app.name + suffix) === 0;
+ });
+ core.bus.trigger("change_menu_section", app.menuID);
+ },
+ _onSearchResultsNavigate: function (event) {
+ if (this.$search_results.is(":empty")) {
+ this._searchMenusSchedule();
+ return;
+ }
+ var all = this.$search_results.find(".mk_menu_search_result"),
+ pre_focused = all.filter(".active") || $(all[0]),
+ offset = all.index(pre_focused),
+ key = event.key;
+ if (key === "Tab") {
+ event.preventDefault();
+ key = event.shiftKey ? "ArrowUp" : "ArrowDown";
+ }
+ switch (key) {
+ case "Enter":
+ pre_focused.click();
+ break;
+ case "ArrowUp":
+ offset--;
+ break;
+ case "ArrowDown":
+ offset++;
+ break;
+ default:
+ this._searchMenusSchedule();
+ return;
+ }
+ if (offset < 0) {
+ offset = all.length + offset;
+ } else if (offset >= all.length) {
+ offset -= all.length;
+ }
+ var new_focused = $(all[offset]);
+ pre_focused.removeClass("active");
+ new_focused.addClass("active");
+ this.$search_results.scrollTo(new_focused, {
+ offset: {
+ top: this.$search_results.height() * -0.5,
+ },
+ });
+ },
+});
+
+});
\ No newline at end of file
diff --git a/muk_web_theme/static/src/js/chrome/appsbar.js b/muk_web_theme/static/src/js/chrome/appsbar.js
new file mode 100644
index 0000000..17209d0
--- /dev/null
+++ b/muk_web_theme/static/src/js/chrome/appsbar.js
@@ -0,0 +1,68 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+odoo.define('muk_web_theme.AppsBar', function (require) {
+"use strict";
+
+var core = require('web.core');
+var config = require("web.config");
+
+var Widget = require('web.Widget');
+
+var _t = core._t;
+var QWeb = core.qweb;
+
+var AppsBar = Widget.extend({
+ events: _.extend({}, Widget.prototype.events, {
+ 'click .nav-link': '_onAppsMenuItemClicked',
+ }),
+ template: "muk_web_theme.AppsBarMenu",
+ init: function (parent, menu) {
+ this._super.apply(this, arguments);
+ this._apps = _.map(menu.children, function (app) {
+ return {
+ actionID: parseInt(app.action.split(',')[1]),
+ web_icon_data: app.web_icon_data,
+ menuID: app.id,
+ name: app.name,
+ xmlID: app.xmlid,
+ };
+ });
+ },
+ getApps: function () {
+ return this._apps;
+ },
+ _openApp: function (app) {
+ this.trigger_up('app_clicked', {
+ action_id: app.actionID,
+ menu_id: app.menuID,
+ });
+ },
+ _onAppsMenuItemClicked: function (ev) {
+ var $target = $(ev.currentTarget);
+ var actionID = $target.data('action-id');
+ var menuID = $target.data('menu-id');
+ var app = _.findWhere(this._apps, { actionID: actionID, menuID: menuID });
+ this._openApp(app);
+ },
+});
+
+return AppsBar;
+
+});
\ No newline at end of file
diff --git a/muk_web_theme/static/src/js/chrome/menu.js b/muk_web_theme/static/src/js/chrome/menu.js
new file mode 100644
index 0000000..0ad5f5a
--- /dev/null
+++ b/muk_web_theme/static/src/js/chrome/menu.js
@@ -0,0 +1,76 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+odoo.define('muk_web_theme.Menu', function (require) {
+"use strict";
+
+var core = require('web.core');
+var config = require("web.config");
+
+var Menu = require("web.Menu");
+var AppsBar = require("muk_web_theme.AppsBar");
+
+var _t = core._t;
+var QWeb = core.qweb;
+
+Menu.include({
+ events: _.extend({}, Menu.prototype.events, {
+ "click .mk_menu_mobile_section": "_onMobileSectionClick",
+ "click .o_menu_sections [role=menuitem]": "_hideMobileSubmenus",
+ "show.bs.dropdown .o_menu_systray, .o_menu_apps": "_hideMobileSubmenus",
+ }),
+ menusTemplate: config.device.isMobile ?
+ 'muk_web_theme.MobileMenu.sections' : Menu.prototype.menusTemplate,
+ start: function () {
+ this.$menu_toggle = this.$(".mk_menu_sections_toggle");
+ this.$menu_apps_sidebar = this.$('.mk_apps_sidebar_panel');
+ this._appsBar = new AppsBar(this, this.menu_data);
+ this._appsBar.appendTo(this.$menu_apps_sidebar);
+ new SimpleBar(this.$menu_apps_sidebar[0]);
+ return this._super.apply(this, arguments);
+ },
+ _hideMobileSubmenus: function () {
+ if (this.$menu_toggle.is(":visible") && this.$section_placeholder.is(":visible")) {
+ this.$section_placeholder.collapse("hide");
+ }
+ },
+ _updateMenuBrand: function () {
+ if (!config.device.isMobile) {
+ return this._super.apply(this, arguments);
+ }
+ },
+ _onMobileSectionClick: function (event) {
+ event.preventDefault();
+ event.stopPropagation();
+ var $section = $(event.currentTarget);
+ if ($section.hasClass('show')) {
+ $section.removeClass('show');
+ $section.find('.show').removeClass('show');
+ $section.find('.fa-chevron-down').show();
+ $section.find('.fa-chevron-right').hide();
+ } else {
+ $section.addClass('show');
+ $section.find('ul:first').addClass('show');
+ $section.find('.fa-chevron-down:first').hide();
+ $section.find('.fa-chevron-right:first').show();
+ }
+ },
+});
+
+});
\ No newline at end of file
diff --git a/muk_web_theme/static/src/js/chrome/sidebar.js b/muk_web_theme/static/src/js/chrome/sidebar.js
new file mode 100644
index 0000000..12e52e3
--- /dev/null
+++ b/muk_web_theme/static/src/js/chrome/sidebar.js
@@ -0,0 +1,47 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+odoo.define('muk_web_theme.Sidebar', function (require) {
+"use strict";
+
+var core = require('web.core');
+var config = require("web.config");
+
+var Sidebar = require('web.Sidebar');
+
+var _t = core._t;
+var QWeb = core.qweb;
+
+Sidebar.include({
+ init: function () {
+ this._super.apply(this, arguments);
+ if (config.device.isMobile) {
+ _.each(this.sections, function(element) {
+ if(element.name === 'print') {
+ element.icon = 'fa fa-print';
+ }
+ if(element.name === 'other') {
+ element.icon = 'fa fa-magic';
+ }
+ });
+ }
+ },
+});
+
+});
\ No newline at end of file
diff --git a/muk_web_theme/static/src/js/fields/status.js b/muk_web_theme/static/src/js/fields/status.js
new file mode 100644
index 0000000..ca241a7
--- /dev/null
+++ b/muk_web_theme/static/src/js/fields/status.js
@@ -0,0 +1,41 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+odoo.define('muk_web_theme.FieldStatus', function (require) {
+"use strict";
+
+var core = require('web.core');
+var config = require("web.config");
+var fields = require('web.relational_fields');
+
+var _t = core._t;
+var QWeb = core.qweb;
+
+fields.FieldStatus.include({
+ _setState: function () {
+ this._super.apply(this, arguments);
+ if (config.device.isMobile) {
+ _.map(this.status_information, function (value) {
+ value.fold = true;
+ });
+ }
+ },
+});
+
+});
\ No newline at end of file
diff --git a/muk_web_theme/static/src/js/views/form_renderer.js b/muk_web_theme/static/src/js/views/form_renderer.js
new file mode 100644
index 0000000..fb9cd14
--- /dev/null
+++ b/muk_web_theme/static/src/js/views/form_renderer.js
@@ -0,0 +1,49 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+odoo.define('muk_web_theme.FormRenderer', function (require) {
+"use strict";
+
+var dom = require('web.dom');
+var core = require('web.core');
+var config = require("web.config");
+
+var FormRenderer = require('web.FormRenderer');
+
+var _t = core._t;
+var QWeb = core.qweb;
+
+FormRenderer.include({
+ _renderHeaderButtons: function () {
+ var $buttons = this._super.apply(this, arguments);
+ if (config.device.isMobile) {
+ var $dropdown = $(QWeb.render('muk_web_theme.MenuStatusbarButtons'));
+ $buttons.addClass("dropdown-menu").appendTo($dropdown);
+ $buttons.addClass("dropdown-menu");
+ return $dropdown;
+ }
+ return $buttons;
+ },
+ _updateView: function () {
+ this._super.apply(this, arguments);
+ this.$('.nav-tabs').scrollingTabs();
+ },
+});
+
+});
\ No newline at end of file
diff --git a/muk_web_theme/static/src/js/views/search_view.js b/muk_web_theme/static/src/js/views/search_view.js
new file mode 100644
index 0000000..81a57a7
--- /dev/null
+++ b/muk_web_theme/static/src/js/views/search_view.js
@@ -0,0 +1,40 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+odoo.define('muk_web_theme.SearchView', function (require) {
+"use strict";
+
+var core = require('web.core');
+var config = require("web.config");
+
+var SearchView = require('web.SearchView');
+
+var _t = core._t;
+var QWeb = core.qweb;
+
+SearchView.include({
+ start: function () {
+ if (config.device.isMobile) {
+ this.$('.o_enable_searchview').text(_t("Search"));
+ }
+ return this._super.apply(this, arguments);
+ },
+});
+
+});
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/apps.scss b/muk_web_theme/static/src/scss/apps.scss
new file mode 100644
index 0000000..b93d627
--- /dev/null
+++ b/muk_web_theme/static/src/scss/apps.scss
@@ -0,0 +1,114 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+.o_menu_apps {
+ .full {
+ width: 46px;
+ font-size: 18px;
+ text-align: center;
+ }
+ .dropdown-menu.show {
+ @include mk-full-screen-sections();
+ align-content: flex-start;
+ overflow: inital;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ @include media-breakpoint-up(lg) {
+ padding: {
+ left: 20vw;
+ right: 20vw;
+ }
+ }
+ .o_app {
+ display: flex;
+ margin-top: 20px;
+ align-items: center;
+ flex-direction: column;
+ justify-content: flex-start;
+ width: percentage(1/3);
+ @include media-breakpoint-up(sm) {
+ width: percentage(1/4);
+ }
+ @include media-breakpoint-up(md) {
+ width: percentage(1/6);
+ }
+ &:hover, &:active, &.active {
+ background: none;
+ .o-app-icon {
+ box-shadow: 0 8px 15px -10px black;
+ transform: translateY(-1px);
+ }
+ }
+ }
+ .has-results ~ .o_app {
+ display: none;
+ }
+ .o-app-icon {
+ height: auto;
+ max-width: 7rem;
+ width: 100%;
+ }
+ .o-app-name {
+ color: $gray-100;
+ }
+ .form-row {
+ width: 100%;
+ }
+ .mk_search_container {
+ margin-top: 25px;
+ .mk_search_input {
+ input:focus {
+ box-shadow: none;
+ border: 1px solid $gray-400;
+ }
+ }
+ &.has-results {
+ height: 100%;
+ .mk_search_input {
+ height: 3em;
+ }
+ .mk_search_results {
+ height: calc(100% - 3em);
+ .mk_menu_search_result {
+ display: block;
+ cursor: pointer;
+ align-items: center;
+ padding-left: 3rem;
+ padding-right: 1rem;
+ background-position: left;
+ background-repeat: no-repeat;
+ background-size: contain;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: $gray-100;
+ &:hover, &:active, &.active {
+ background-color: rgba(255, 255, 255, 0.05);
+ }
+ }
+ }
+ }
+ @include media-breakpoint-down(md) {
+ padding-right: 5px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/appsbar.scss b/muk_web_theme/static/src/scss/appsbar.scss
new file mode 100644
index 0000000..b1d32ce
--- /dev/null
+++ b/muk_web_theme/static/src/scss/appsbar.scss
@@ -0,0 +1,111 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+.mk_apps_sidebar_panel {
+ height: 100%;
+ position: fixed;
+ overflow-y: auto;
+ top: $o-navbar-height;
+ background-color: $black;
+ .mk_apps_sidebar {
+ padding: 0;
+ white-space: nowrap;
+ .mk_apps_sidebar_menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ > li {
+ margin: 0;
+ padding: 0;
+ border: 0px;
+ display: block;
+ > a {
+ margin: 0;
+ border: 0px;
+ display: block;
+ cursor: pointer;
+ font-size: 13px;
+ padding: 8px 11px;
+ position: relative;
+ text-decoration: none;
+ font-weight: 300;
+ color: gray('300');
+ overflow: hidden;
+ text-overflow: ellipsis;
+ .mk_apps_sidebar_icon {
+ width: 22px;
+ height: 22px;
+ margin-right: 5px;
+ }
+ }
+ }
+ > li:hover > a {
+ background: $o-brand-primary;
+ }
+ }
+ }
+}
+
+@include media-breakpoint-up(lg) {
+ .mk_sidebar_type_large {
+ .mk_apps_sidebar_panel {
+ width: $mk-sidebar-large-width;
+ }
+ .o_main {
+ padding-left: $mk-sidebar-large-width;
+ }
+ }
+ .mk_sidebar_type_small {
+ .mk_apps_sidebar_panel {
+ width: $mk-sidebar-small-width;
+ .mk_apps_sidebar_name {
+ display: none;
+ }
+ }
+ .o_main {
+ padding-left: $mk-sidebar-small-width;
+ }
+ }
+ .mk_sidebar_type_invisible {
+ .mk_apps_sidebar_panel {
+ display: none;
+ }
+ }
+}
+
+@include media-breakpoint-down(md) {
+ .mk_apps_sidebar_panel {
+ width: $mk-sidebar-small-width;
+ .mk_apps_sidebar_name {
+ display: none;
+ }
+ }
+ .o_main {
+ padding-left: $mk-sidebar-small-width;
+ }
+}
+
+@include media-breakpoint-down(sm) {
+ .mk_apps_sidebar_panel {
+ display: none;
+ }
+ .o_main {
+ padding-left: 0;
+ }
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/colors.scss b/muk_web_theme/static/src/scss/colors.scss
new file mode 100644
index 0000000..633d277
--- /dev/null
+++ b/muk_web_theme/static/src/scss/colors.scss
@@ -0,0 +1,29 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+//----------------------------------------------------------
+// Colors
+//----------------------------------------------------------
+
+$o-brand-odoo: #243742;
+$o-brand-primary: #5D8DA8;
+
+$mk-brand-gradient-start: lighten($o-brand-odoo, 10%);
+$mk-brand-gradient-end: lighten($o-brand-odoo, 20%);
+
diff --git a/muk_web_theme/static/src/scss/control_panel.scss b/muk_web_theme/static/src/scss/control_panel.scss
new file mode 100644
index 0000000..ca6623d
--- /dev/null
+++ b/muk_web_theme/static/src/scss/control_panel.scss
@@ -0,0 +1,76 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+@include media-breakpoint-down(sm) {
+ .o_control_panel {
+ .breadcrumb, .o_cp_buttons, .o_cp_left, .o_cp_right, .o_cp_searchview {
+ flex: 1 1 100%;
+ @include media-breakpoint-up(md) {
+ flex-basis: 50%;
+ }
+ }
+ .breadcrumb {
+ max-width: 80%;
+ overflow: hidden;
+ display: block;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+ .o_cp_searchview {
+ overflow: hidden;
+ max-width: 20%;
+ min-width: 20%;
+ text-align: right;
+ .o_searchview {
+ border: none;
+ padding: 3.5px 5px;
+ .o_enable_searchview {
+ margin-left: 0;
+ box-shadow: none;
+ &:before {
+ padding-right: 5px;
+ }
+ }
+ }
+ }
+ .o_cp_left, .o_cp_right {
+ width: auto;
+ flex: 1 1 auto;
+ }
+ .o_cp_buttons .btn.d-block:not(.d-none) {
+ display: inline-block !important;
+ }
+ .o_cp_switch_buttons.show {
+ .dropdown-menu {
+ align-content: center;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ padding: 0;
+ .btn {
+ border: {
+ bottom: 0;
+ radius: 0;
+ top: 0;
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/fields.scss b/muk_web_theme/static/src/scss/fields.scss
new file mode 100644
index 0000000..7162d7f
--- /dev/null
+++ b/muk_web_theme/static/src/scss/fields.scss
@@ -0,0 +1,30 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+.o_field_widget {
+ &.o_field_many2one .o_external_button {
+ color: $o-brand-odoo
+ }
+}
+
+.o_required_modifier {
+ &.o_input, .o_input {
+ background-color: lighten($o-brand-primary, 35%) ! important;
+ }
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/fonts.scss b/muk_web_theme/static/src/scss/fonts.scss
new file mode 100644
index 0000000..2d05aee
--- /dev/null
+++ b/muk_web_theme/static/src/scss/fonts.scss
@@ -0,0 +1,47 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+$font-path: '../fonts';
+
+@mixin mk-font-face($name, $weight, $style) {
+ @font-face {
+ font-family: 'Roboto';
+ src: url('#{$font-path}/Roboto-#{$name}-webfont.eot');
+ src: local('Roboto #{$name}'), local('Roboto-#{$name}'),
+ url('#{$font-path}/Roboto-#{$name}-webfont.eot?#iefix') format('embedded-opentype'),
+ url('#{$font-path}/Roboto-#{$name}-webfont.woff') format('woff'),
+ url('#{$font-path}/Roboto-#{$name}-webfont.ttf') format('truetype'),
+ url('#{$font-path}/Roboto-#{$name}-webfont.svg#Roboto') format('svg');
+ font-weight: $weight;
+ font-style: $style;
+ }
+}
+
+@include mk-font-face('Thin', 100, normal);
+@include mk-font-face('ThinItalic', 100, italic);
+@include mk-font-face('Light', 300, normal);
+@include mk-font-face('LightItalic', 300, italic);
+@include mk-font-face('Regular', 400, normal);
+@include mk-font-face('Italic', 400, italic);
+@include mk-font-face('Medium', 500, normal);
+@include mk-font-face('MediumItalic', 500, italic);
+@include mk-font-face('Bold', 700, normal);
+@include mk-font-face('BoldItalic', 700, italic);
+@include mk-font-face('Black', 900, normal);
+@include mk-font-face('BlackItalic', 900, italic);
diff --git a/muk_web_theme/static/src/scss/form_view.scss b/muk_web_theme/static/src/scss/form_view.scss
new file mode 100644
index 0000000..edf2e3a
--- /dev/null
+++ b/muk_web_theme/static/src/scss/form_view.scss
@@ -0,0 +1,123 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+.o_form_view {
+ .o_form_sheet_bg {
+ background: $o-webclient-background-color;
+ border-bottom: 1px solid gray('300');
+ > .o_form_sheet {
+ background-color: $o-view-background-color;
+ border: 1px solid gray('400');
+ box-shadow: 0 5px 20px -15px black;
+ max-width: calc(100% - #{$o-horizontal-padding*2});
+ }
+ .oe_button_box {
+ .btn.oe_stat_button > .o_button_icon {
+ color: $o-brand-odoo;
+ }
+ }
+ .o_notebook {
+ .table-responsive {
+ overflow-x: inherit;
+ }
+ }
+ }
+ @include media-breakpoint-down(sm) {
+ .o_form_sheet, .oe_chatter {
+ min-width: 100% !important;
+ max-width: 100% !important;
+ }
+ .o_group_col_6 {
+ width: 100%;
+ }
+ .o_statusbar_buttons_dropdown {
+ border: {
+ bottom: 0;
+ radius: 0;
+ top: 0;
+ }
+ height: 100%;
+ }
+ .o_statusbar_buttons > .btn {
+ border-radius: 0;
+ border: 0;
+ width: 100%;
+ margin-bottom: 0.2rem;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ .o_statusbar_status {
+ .o_arrow_button:first-child::before {
+ content: none;
+ display: none;
+ }
+ }
+ .app_settings_block {
+ .row {
+ margin: 0;
+ }
+ }
+ }
+ @include media-breakpoint-down(xs) {
+ .oe_button_box {
+ float: none;
+ display: block;
+ text-align: right;
+ margin-top: -17px;
+ margin-bottom: $o-sheet-vpadding;
+ margin-left: -$o-horizontal-padding;
+ width: calc(100% + #{$o-horizontal-padding*2});
+ > .btn.oe_stat_button {
+ flex: 0 0 auto !important;
+ width: percentage(1/3) !important;
+ }
+ > .btn.o_button_more, > .o_dropdown_more {
+ flex: 0 0 auto !important;
+ width: calc(#{percentage(1/3)} + 3px) !important;
+ }
+ &, & + .oe_avatar {
+ + .oe_title {
+ width: 100%;
+ }
+ }
+ }
+ }
+}
+
+.mk_chatter_position_sided {
+ @include media-breakpoint-up(xl) {
+ .o_form_view:not(.o_form_nosheet) {
+ display: flex;
+ flex-flow: row nowrap;
+ height: 100%;
+ .o_form_sheet_bg {
+ flex: 1 1 65%;
+ overflow: auto;
+ }
+ .o_chatter {
+ border-left: 1px solid gray('400');
+ flex: 1 1 35%;
+ max-width: 40%;
+ min-width: 30%;
+ overflow: auto;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/layout.scss b/muk_web_theme/static/src/scss/layout.scss
new file mode 100644
index 0000000..b1e6a2b
--- /dev/null
+++ b/muk_web_theme/static/src/scss/layout.scss
@@ -0,0 +1,58 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+//----------------------------------------------------------
+// Helper
+//----------------------------------------------------------
+
+$mk-brand-gradient: linear-gradient(to right bottom, $mk-brand-gradient-start, $mk-brand-gradient-end);
+
+//----------------------------------------------------------
+// Web Client
+//----------------------------------------------------------
+
+.o_web_client {
+ .o_main .o_main_content {
+ @include media-breakpoint-down(sm) {
+ overflow: auto;
+ .o_content {
+ overflow: initial;
+ }
+ }
+ }
+ .o_loading {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ color: white;
+ padding: 5px;
+ opacity: 0.8;
+ z-index: 1052;
+ border-radius: 0;
+ background-color: $o-brand-odoo;
+ }
+}
+
+//----------------------------------------------------------
+// Views
+//----------------------------------------------------------
+
+.o_content, .modal-content {
+ max-width: 100%;
+}
diff --git a/muk_web_theme/static/src/scss/list_view.scss b/muk_web_theme/static/src/scss/list_view.scss
new file mode 100644
index 0000000..2b7b1b9
--- /dev/null
+++ b/muk_web_theme/static/src/scss/list_view.scss
@@ -0,0 +1,64 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+.o_list_view.table,
+.o_list_view.table thead,
+.o_list_view.table tfoot,
+.o_list_view.table td,
+.o_list_view.table th {
+ border: none;
+}
+
+.o_list_view.table thead {
+ background-color: white;
+ th.o_column_sortable:hover {
+ background-color: white;
+ }
+}
+
+.table-striped > tbody > tr {
+ background-color: white;
+ &:nth-of-type(2n+1) {
+ background-color: gray('200');
+ }
+ &:hover {
+ background-color: gray('300');
+ }
+}
+
+.o_list_view_grouped.table tbody tr {
+ &:nth-of-type(2n+1) {
+ background-color: white;
+ }
+ &.o_group_header {
+ background-image: none;
+ background-color: gray('300');
+ box-shadow: inset 0 1px 0 gray('400');
+ }
+ &:hover {
+ background-color: gray('300');
+ }
+}
+
+.o_list_view tfoot {
+ background-color: $o-brand-odoo;
+ color: white;
+ cursor: default;
+ font-weight: normal;
+}
diff --git a/muk_web_theme/static/src/scss/mixins.scss b/muk_web_theme/static/src/scss/mixins.scss
new file mode 100644
index 0000000..7e5e81c
--- /dev/null
+++ b/muk_web_theme/static/src/scss/mixins.scss
@@ -0,0 +1,32 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+@mixin mk-full-screen-sections {
+ border: none;
+ box-shadow: none;
+ display: flex;
+ flex-direction: column;
+ height: calc(100vh - #{$o-navbar-height});
+ max-height: calc(100vh - #{$o-navbar-height});
+ position: fixed;
+ width: 100vw;
+ z-index: 100;
+ top: $o-navbar-height !important;
+ transform: none !important;
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/navbar.scss b/muk_web_theme/static/src/scss/navbar.scss
new file mode 100644
index 0000000..f71c792
--- /dev/null
+++ b/muk_web_theme/static/src/scss/navbar.scss
@@ -0,0 +1,119 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+@include media-breakpoint-down(sm) {
+ .o_main_navbar {
+ display: flex;
+ > .dropdown {
+ display: flex;
+ .navbar-toggler {
+ color: white;
+ }
+ .o_menu_sections, .o_menu_systray {
+ padding: 0;
+ }
+ }
+ .o_menu_systray {
+ margin-left: auto;
+ }
+ .o_debug_manager {
+ .dropdown-menu.show {
+ @include mk-full-screen-sections();
+ }
+ }
+ .o_user_menu {
+ > .dropdown-toggle {
+ padding: 0 10px;
+ white-space: nowrap;
+ &::before, &::after {
+ content: normal;
+ }
+ }
+ .dropdown-menu.show {
+ @include mk-full-screen-sections();
+ }
+ }
+ .o_menu_brand, .o_menu_sections, .oe_topbar_name {
+ display: none;
+ }
+ .o-menu-toggle {
+ cursor: pointer;
+ padding: 0 $o-horizontal-padding;
+ }
+ .o_mail_systray_dropdown.show {
+ @include mk-full-screen-sections();
+ .o_mail_preview_image {
+ align-items: center;
+ display: flex;
+ flex-direction: row;
+ img {
+ display: block;
+ height: auto;
+ }
+ }
+ }
+ .dropdown-menu .dropdown-item {
+ padding: {
+ bottom: 0.5rem;
+ top: 0.5rem;
+ }
+ }
+ .o_menu_sections.show {
+ @include mk-full-screen-sections();
+ background: $mk-brand-gradient;
+ .dropdown-toggle, .dropdown-item {
+ padding: 0;
+ color: white;
+ height: 46px;
+ line-height: 46px;
+ background: none;
+ span {
+ padding-left: 15px;
+ font-size: initial;
+ }
+ }
+ .mk_menu_mobile_section {
+ .fa {
+ padding-top: 14px;
+ padding-right: 15px;
+ }
+ .dropdown-menu {
+ padding: 0;
+ width: 100%;
+ border: none;
+ min-width: auto;
+ box-shadow: none;
+ background: none;
+ position: relative;
+ }
+ @for $index from 1 through 5 {
+ .o_menu_entry_lvl_#{$index} {
+ margin-left: ($index - 1) * 1.5rem;
+ }
+ }
+ @for $index from 2 through 5 {
+ .o_menu_header_lvl_#{$index} {
+ margin-left: ($index - 1) * 1.5rem;
+ }
+ }
+ }
+
+ }
+ }
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/variables.scss b/muk_web_theme/static/src/scss/variables.scss
new file mode 100644
index 0000000..81f2abd
--- /dev/null
+++ b/muk_web_theme/static/src/scss/variables.scss
@@ -0,0 +1,46 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* 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 .
+*
+**********************************************************************************/
+
+//----------------------------------------------------------
+// Fonts
+//----------------------------------------------------------
+
+$font-family-sans-serif: 'Roboto';
+
+//----------------------------------------------------------
+// Components
+//----------------------------------------------------------
+
+$border-radius: 0;
+$border-radius-lg: 0;
+$border-radius-sm: 0;
+
+//----------------------------------------------------------
+// Links
+//----------------------------------------------------------
+
+$link-color: darken($o-brand-primary, 8%);
+$font-family-sans-serif: 'Roboto';
+
+//----------------------------------------------------------
+// AppBarMenu
+//----------------------------------------------------------
+
+$mk-sidebar-large-width: 146px;
+$mk-sidebar-small-width: 46px;
\ No newline at end of file
diff --git a/muk_web_theme/static/src/xml/apps.xml b/muk_web_theme/static/src/xml/apps.xml
new file mode 100644
index 0000000..73097c0
--- /dev/null
+++ b/muk_web_theme/static/src/xml/apps.xml
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+ h
+
+
+ fa fa-th
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/muk_web_theme/static/src/xml/appsbar.xml b/muk_web_theme/static/src/xml/appsbar.xml
new file mode 100644
index 0000000..c2f9e18
--- /dev/null
+++ b/muk_web_theme/static/src/xml/appsbar.xml
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+