Showing preview only (391K chars total). Download the full file or copy to clipboard to get everything.
Repository: Manjaro-WebDad/jde
Branch: master
Commit: 91d84df112c0
Files: 22
Total size: 378.4 KB
Directory structure:
gitextract_0iynvvtc/
├── .gitignore
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── src/
│ ├── Jade/
│ │ ├── Dbus.py
│ │ ├── DropEvent.py
│ │ ├── Icons.py
│ │ ├── Menu.py
│ │ ├── README.md
│ │ ├── Settings.py
│ │ ├── Utils.py
│ │ └── __init__.py
│ ├── exit-menu
│ ├── jde-desktop
│ ├── js/
│ │ ├── intro.js
│ │ ├── introjs.css
│ │ └── main.js
│ └── themes/
│ └── default/
│ ├── css/
│ │ ├── materialize.css
│ │ └── style.css
│ └── main.html
└── usr/
└── share/
└── applications/
├── io.jde.exit.desktop
└── io.jde.toggleLauncher.desktop
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
# Byte-compiled / optimized / DLL files /Backup Files
*~
__pycache__/
*.py[cod]
*$py.class
# C extensions
*.so
*.map
# Distribution / packaging
.Python
env/
build/
develop-eggs/
dist/
downloads/
eggs/
.eggs/
lib64/
parts/
sdist/
var/
wheels/
*.egg-info/
.installed.cfg
*.egg
# PyInstaller
# Usually these files are written by a python script from a template
# before PyInstaller builds the exe, so as to inject date/other infos into it.
*.manifest
*.spec
# Installer logs
pip-log.txt
pip-delete-this-directory.txt
# Unit test / coverage reports
htmlcov/
.tox/
.coverage
.coverage.*
.cache
nosetests.xml
coverage.xml
*,cover
.hypothesis/
# Translations
*.mo
*.pot
# Django stuff:
*.log
local_settings.py
# Flask stuff:
instance/
.webassets-cache
# Scrapy stuff:
.scrapy
# Sphinx documentation
docs/_build/
# PyBuilder
target/
# Jupyter Notebook
.ipynb_checkpoints
# pyenv
.python-version
# celery beat schedule file
celerybeat-schedule
# SageMath parsed files
*.sage.py
# dotenv
.env
# virtualenv
.venv
venv/
ENV/
# Spyder project settings
.spyderproject
### PyCharm ###
# User-specific stuff:
.idea/**/workspace.xml
.idea/**/tasks.xml
.idea/dictionaries
.idea/
.vscode/
# Sensitive or high-churn files:
.idea/**/dataSources/
.idea/**/dataSources.ids
.idea/**/dataSources.xml
.idea/**/dataSources.local.xml
.idea/**/sqlDataSources.xml
.idea/**/dynamic.xml
.idea/**/uiDesigner.xml
# Gradle:
.idea/**/gradle.xml
.idea/**/libraries
# CMake
cmake-build-debug/
## File-based project format:
*.iws
### VisualStudioCode ###
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
.history
================================================
FILE: CONTRIBUTING.md
================================================
I would love for you to contribute to Jade and help making it better! Here are some guidelines I would like you to follow:
### Debuging front end
* In settings.json turn debug, context_menu and window decorations to true.
### Developing
* Join [Gitter chat](https://gitter.im/JustAnotherDesktopEnviroment/Lobby), it will make communication easier.
* When contributing to this repository, please first discuss the change you wish to make via issue.
* Try and follow pep8 when you can.
* Make sure you test your changes.
* Don't break existing functionality or the interface as I try to maintain Master Branch always in a working order.
## Pull Request Process
* Ensure you create separate pull requests on another branch for each issue or feature, that will accelerate the merging process without interfering with other issues, once I have tested the code I will merge back.<br/><br/>
### Our Pledge
In the interest of fostering an open and welcoming environment, we as
contributors and maintainers pledge to making participation in our project and
our community a harassment-free experience for everyone, regardless of age, body
size, disability, ethnicity, gender identity and expression, level of experience,
nationality, personal appearance, race, religion, or sexual identity and
orientation.
### Our Standards
Examples of behavior that contributes to creating a positive environment
include:
* Using welcoming and inclusive language
* Being respectful of differing viewpoints and experiences
* Gracefully accepting constructive criticism
* Focusing on what is best for the community
* Showing empathy towards other community members
Examples of unacceptable behavior by participants include:
* The use of sexualized language or imagery and unwelcome sexual attention or
advances
* Trolling, insulting/derogatory comments, and personal or political attacks
* Public or private harassment
* Publishing others' private information, such as a physical or electronic
address, without explicit permission
* Other conduct which could reasonably be considered inappropriate in a
professional setting
### Our Responsibilities
Project maintainers are responsible for clarifying the standards of acceptable
behavior and are expected to take appropriate and fair corrective action in
response to any instances of unacceptable behavior.
Project maintainers have the right and responsibility to remove, edit, or
reject comments, commits, code, wiki edits, issues, and other contributions
that are not aligned to this Code of Conduct, or to ban temporarily or
permanently any contributor for other behaviors that they deem inappropriate,
threatening, offensive, or harmful.
### Scope
This Code of Conduct applies both within project spaces and in public spaces
when an individual is representing the project or its community. Examples of
representing a project or community include using an official project e-mail
address, posting via an official social media account, or acting as an appointed
representative at an online or offline event. Representation of a project may be
further defined and clarified by project maintainers.
### Enforcement
Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported by contacting the project team at [INSERT EMAIL ADDRESS]. All
complaints will be reviewed and investigated and will result in a response that
is deemed necessary and appropriate to the circumstances. The project team is
obligated to maintain confidentiality with regard to the reporter of an incident.
Further details of specific enforcement policies may be posted separately.
Project maintainers who do not follow or enforce the Code of Conduct in good
faith may face temporary or permanent repercussions as determined by other
members of the project's leadership.
### Attribution
This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
available at [http://contributor-covenant.org/version/1/4][version]
[homepage]: http://contributor-covenant.org
[version]: http://contributor-covenant.org/version/1/4/
================================================
FILE: LICENSE
================================================
GNU GENERAL PUBLIC LICENSE
Version 3, 29 June 2007
Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
Preamble
The GNU General Public License is a free, copyleft license for
software and other kinds of works.
The licenses for most software and other practical works are designed
to take away your freedom to share and change the works. By contrast,
the GNU General Public License is 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. We, the Free Software Foundation, use the
GNU General Public License for most of our software; it applies also to
any other work released this way by its authors. You can apply it to
your programs, too.
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.
To protect your rights, we need to prevent others from denying you
these rights or asking you to surrender the rights. Therefore, you have
certain responsibilities if you distribute copies of the software, or if
you modify it: responsibilities to respect the freedom of others.
For example, if you distribute copies of such a program, whether
gratis or for a fee, you must pass on to the recipients the same
freedoms that you received. You must make sure that they, too, receive
or can get the source code. And you must show them these terms so they
know their rights.
Developers that use the GNU GPL protect your rights with two steps:
(1) assert copyright on the software, and (2) offer you this License
giving you legal permission to copy, distribute and/or modify it.
For the developers' and authors' protection, the GPL clearly explains
that there is no warranty for this free software. For both users' and
authors' sake, the GPL requires that modified versions be marked as
changed, so that their problems will not be attributed erroneously to
authors of previous versions.
Some devices are designed to deny users access to install or run
modified versions of the software inside them, although the manufacturer
can do so. This is fundamentally incompatible with the aim of
protecting users' freedom to change the software. The systematic
pattern of such abuse occurs in the area of products for individuals to
use, which is precisely where it is most unacceptable. Therefore, we
have designed this version of the GPL to prohibit the practice for those
products. If such problems arise substantially in other domains, we
stand ready to extend this provision to those domains in future versions
of the GPL, as needed to protect the freedom of users.
Finally, every program is threatened constantly by software patents.
States should not allow patents to restrict development and use of
software on general-purpose computers, but in those that do, we wish to
avoid the special danger that patents applied to a free program could
make it effectively proprietary. To prevent this, the GPL assures that
patents cannot be used to render the program non-free.
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 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. Use with the GNU Affero General Public License.
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 Affero 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 special requirements of the GNU Affero General Public License,
section 13, concerning interaction through a network will apply to the
combination as such.
14. Revised Versions of this License.
The Free Software Foundation may publish revised and/or new versions of
the GNU 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 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 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 General Public License can be used, that proxy's
public statement of acceptance of a version permanently authorizes you
to choose that version for the Program.
Later license versions may give you additional or different
permissions. However, no additional obligations are imposed on any
author or copyright holder as a result of your choosing to follow a
later version.
15. Disclaimer of Warranty.
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
16. Limitation of Liability.
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
SUCH DAMAGES.
17. Interpretation of Sections 15 and 16.
If the disclaimer of warranty and limitation of liability provided
above cannot be given local legal effect according to their terms,
reviewing courts shall apply local law that most closely approximates
an absolute waiver of all civil liability in connection with the
Program, unless a warranty or assumption of liability accompanies a
copy of the Program in return for a fee.
END OF TERMS AND CONDITIONS
How to Apply These Terms to Your New Programs
If you develop a new program, and you want it to be of the greatest
possible use to the public, the best way to achieve this is to make it
free software which everyone can redistribute and change under these terms.
To do so, attach the following notices to the program. It is safest
to attach them to the start of each source file to most effectively
state the exclusion of warranty; and each file should have at least
the "copyright" line and a pointer to where the full notice is found.
<one line to give the program's name and a brief idea of what it does.>
Copyright (C) <year> <name of author>
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU 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 General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
Also add information on how to contact you by electronic and paper mail.
If the program does terminal interaction, make it output a short
notice like this when it starts in an interactive mode:
<program> Copyright (C) <year> <name of author>
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
This is free software, and you are welcome to redistribute it
under certain conditions; type `show c' for details.
The hypothetical commands `show w' and `show c' should show the appropriate
parts of the General Public License. Of course, your program's commands
might be different; for a GUI interface, you would use an "about box".
You should also get your employer (if you work as a programmer) or school,
if any, to sign a "copyright disclaimer" for the program, if necessary.
For more information on this, and how to apply and follow the GNU GPL, see
<http://www.gnu.org/licenses/>.
The GNU General Public License does not permit incorporating your program
into proprietary programs. If your program is a subroutine library, you
may consider it more useful to permit linking proprietary applications with
the library. If this is what you want to do, use the GNU Lesser General
Public License instead of this License. But first, please read
<http://www.gnu.org/philosophy/why-not-lgpl.html>.
================================================
FILE: README.md
================================================
<img src="./src/images/logo.svg" alt="drawing" width="80"/>
## Just Another Desktop Environment [](https://twitter.com/intent/tweet?text=Just%20Another%20Desktop%20Environment%20for%20Manjaro%20WebDad%20Community%20Edition.&url=https://github.com/Manjaro-WebDad/jde/&via=codesardine&hashtags=linux,html,javascript,python,css,manjaro,jde)
Desktop Environment built with Web Technologies, JDE takes over your desktop to manage applications a dock or panel is still needed to complement it.
[](https://www.codacy.com/app/codesardine/Jadesktop?utm_source=github.com&utm_medium=referral&utm_content=codesardine/Jadesktop&utm_campaign=Badge_Grade)
[](https://gitter.im/JustAnotherDesktopEnviroment/Lobby)
[](https://repology.org/metapackage/jde)
[](https://www.youtube.com/watch?v=E1MAXftilSs)
## Acknowledgments
* State Beta
* Small codebase anyone with HTML/CSS skills can change the desktop to look and behave differently.
### Packaging
* Any related packages can be found on [gitlab](https://gitlab.manjaro.org/packages/community/jade).
## Features
* Clean and minimalistic interface
* Settings panel
* Show/Hide application categories
* Keyboard application search
* Visual application search
* Settings panel integrates with individual applications settings
* Dbus integration
* UI inspector
* Animated Backgrounds
* Drag and Drop
* Optional Window auto tile
* Desktop Tour on first run
* Scriptable workspaces
### Manjaro Integration
* Restore factory profile settings
* Settings panel [MSM](https://wiki.manjaro.org/index.php?title=Manjaro_Settings_Manager) integration
### Getting Started
* ISO images TODO
### Prerequisites
* [Menu Data](https://github.com/Manjaro-WebDad/jde-menu-data)
* [JAK](https://github.com/Manjaro-WebDad/jak)
* Python GObject Introspection
* Python-Dbus
* Gnome Menu GObject Introspection
## Contributing
Please read [CONTRIBUTING.md](https://github.com/Manjaro-WebDad/jde/blob/master/CONTRIBUTING.md) for details on code of conduct, and the process for submitting pull requests.
## Development
#### Some ideas
* Entertainment mode
* Plugins support
* Pamac partial integration (partialy done)
* Gamepad integration
* ~Touchscreen integration~
* Voice control (Mycroft)
* Mobile UI support
* File search
* File contents search
* Web search engine integration
* Virtual machines integration
* GTK broadway backend integration
* Remote desktop
* Also visit the [Wiki](https://github.com/Manjaro-WebDad/jde/wiki) for more detailed information.
## Versioning
[SemVer](http://semver.org/) is used for versioning. For the versions available, see the [tags on this repository](https://github.com/codesardine/Jadesktop/tags).
## Authors
* **Vitor Lopes** - [Twitter Codesardine](https://twitter.com/codesardine)
See also the list of [contributors](https://github.com/Manjaro-WebDad/jde/graphs/contributors) who participated in this project.
## License
* This project is licensed under the GPL License - see the [LICENSE.md](LICENSE.md) file for details.
* Background images are under Creative Commons Zero license.
================================================
FILE: src/Jade/Dbus.py
================================================
import dbus
import dbus.service as service
from JAK.Utils import JavaScript, Instance
from Jade.Utils import Session, Desktop
def client(busName):
bus = dbus.SessionBus()
service = bus.get_object(busName, f"/{busName.replace('.', '/')}")
return dbus.Interface(service, dbus_interface=busName)
class Service(dbus.service.Object):
def __init__(self):
bus_name = service.BusName("io.jde.Desktop", dbus.SessionBus())
service.Object.__init__(self, bus_name, "/io/jde/Desktop")
@dbus.service.method("io.jde.Desktop", in_signature='', out_signature='')
def toggleLauncher(self):
Desktop.toggleLauncher()
@dbus.service.method("io.jde.Desktop", in_signature='', out_signature='')
def screenToggle(self):
Desktop.screenToggle()
================================================
FILE: src/Jade/DropEvent.py
================================================
from JAK.Utils import JavaScript
def event(view, event):
#TODO manage sound and video
pass
data = event.mimeData()
ext = (".mp4", ".ogv", ".webm")
if str(data.text().endswith(ext)):
video = str(data.text())
js = f"desktop.playVideo(`{video}`)"
JavaScript.send(js)
================================================
FILE: src/Jade/Icons.py
================================================
import os, gi
gi.require_version('Gtk', '3.0')
from gi.repository import Gtk
from functools import lru_cache as cache
def not_found(icon):
print(f"Icon not found:{icon}")
return "image-missing"
@cache(maxsize=None)
def get(icon: str) -> str:
"""
:param icon:
:return: icon name and path
"""
if icon is None:
icon = not_found(icon)
EXTENSIONS = (".png", ".svg")
if icon.endswith(EXTENSIONS):
# if image has full icon path return icon.
if icon.startswith("/"):
return icon
# if image has icon name and extension, but no path.
else:
for ext in EXTENSIONS:
if icon.endswith(ext):
icon = icon.replace(ext, '')
icon_theme = Gtk.IconTheme.get_default()
if not icon_theme.has_icon(icon):
# check for icon in pixmaps directory.
pixmaps = f"/usr/share/pixmaps/{icon}"
for ext in EXTENSIONS:
if os.path.isfile(f"{pixmaps}{ext}"):
return f"{pixmaps}{ext}"
SIZES = (64, 48, 32, 24)
for size in SIZES:
icon_name = icon_theme.lookup_icon(icon, size, 0)
if icon_name:
return icon_name.get_filename()
icon = not_found(icon)
return icon
================================================
FILE: src/Jade/Menu.py
================================================
import gi
import json
from functools import lru_cache
gi.require_version('GMenu', '3.0')
from gi.repository import GMenu, Gio
import Jade.Icons as icons
class Get:
def __init__(self):
self.menu_path = "/etc/xdg/menus/jde-applications.menu"
def build(self, menu=None, iteration=0, category=None, output={}):
it = menu.iter()
it_type = it
while it_type is not GMenu.TreeItemType.INVALID:
if it_type is GMenu.TreeItemType.DIRECTORY:
item = it.get_directory()
category = item.get_name()
#dump(categorie, iteration)
output[f'{category}'] = {}
output[f'{category}']['icon'] = icons.get(item.get_icon().get_names()[0])
output[f'{category}']['description'] = item.get_comment()
output[f'{category}']['apps'] = []
self.build(item, iteration + 1, category, output)
elif it_type is GMenu.TreeItemType.ENTRY:
item = it.get_entry()
app = item.get_app_info()
icon = app.get_icon()
if isinstance(icon, Gio.ThemedIcon):
icon = icon.get_names()[0]
elif isinstance(icon, Gio.FileIcon):
icon = icon.get_file().get_path()
#dump(name, iteration+1)
output[f'{category}']['apps'].append({
'category': f'{category}',
'name': f'{app.get_display_name()}',
'generic': f'{app.get_generic_name()}',
'description': f'{app.get_description()}',
'icon': f'{icons.get(icon)}',
'keywords': f'{" ".join(app.get_keywords())}',
'path': f'{item.get_desktop_file_path()}'
})
it_type = it.next()
return output
@lru_cache(maxsize=200)
def items(self):
tree = GMenu.Tree.new_for_path(self.menu_path, 0)
tree.load_sync()
directory = tree.get_root_directory()
menu = self.build(directory)
return menu
================================================
FILE: src/Jade/README.md
================================================
<img src="./src/images/logo.svg" alt="drawing" width="80"/>
## Just Another Desktop Environment [](https://twitter.com/intent/tweet?text=Just%20Another%20Desktop%20Environment%20for%20Manjaro%20WebDad%20Community%20Edition.&url=https://github.com/codesardine/Jadesktop/&via=codesardine&hashtags=linux,html,javascript,python,css,manjaro,org)
Desktop Environment built with Web Technologies, HTML/CSS and VueJS for the UI, backend is QT and GTK.
[](https://www.codacy.com/app/codesardine/Jadesktop?utm_source=github.com&utm_medium=referral&utm_content=codesardine/Jadesktop&utm_campaign=Badge_Grade)
[](https://gitter.im/JustAnotherDesktopEnviroment/Lobby)
[](https://repology.org/metapackage/jadesktop)
[](https://www.youtube.com/watch?v=E1MAXftilSs)
## Acknowledgments
* State Beta
* Small codebase anyone with HTML/CSS skills can change the desktop to look and behave differently.
### Packaging
* Any related packages can be found on [gitlab](https://gitlab.manjaro.org/packages/community/jade).
## Features
* Clean and minimalistic interface
* Settings panel
* Show/Hide application categories
* Keyboard application search
* Visual application search
* Settings panel integrates with individual applications settings
* Dbus integration
* UI inspector
* Animated Backgrounds
* Drag and Drop
* Optional Window auto tile
* Desktop Tour on first run
* Auto start or scriptable workspaces
### Manjaro Integration
* Restore factory profile settings
* Software branch integration
* Settings panel [MSM](https://wiki.manjaro.org/index.php?title=Manjaro_Settings_Manager) integration
### Getting Started
* ISO images can be found on [ODSN](https://osdn.net/projects/manjaro-community/storage/webdad/).
### Prerequisites
* [Menu Data](https://github.com/Manjaro-WebDad/org-menu-data)
* [JAK](https://github.com/Manjaro-WebDad/jak)
* Python GObject Introspection
* Python-Dbus
* Gnome Menu GObject Introspection
* A compositing window manager
* Xorg
* Manjaro Linux Base
## Contributing
Please read [CONTRIBUTING.md](https://github.com/Manjaro-WebDad/org/blob/master/CONTRIBUTING.md) for details on code of conduct, and the process for submitting pull requests.
## Development
#### Some ideas
* Entertainment mode
* Plugins support
* Pamac partial integration
* Gamepad integration
* ~Touchscreen integration~
* Voice control (Mycroft)
* Mobile UI support
* File search
* File contents search
* Web search engine integration
* Virtual machines integration
* GTK broadway backend integration
* Remote desktop
* Creamy espresso maker
* Also visit the [Wiki](https://github.com/Manjaro-WebDad/org/wiki) for more detailed information.
## Versioning
[SemVer](http://semver.org/) is used for versioning. For the versions available, see the [tags on this repository](https://github.com/codesardine/Jadesktop/tags).
## Authors
* **Vitor Lopes** - [Twitter Codesardine](https://twitter.com/codesardine)
See also the list of [contributors](https://github.com/Manjaro-WebDad/org/graphs/contributors) who participated in this project.
## License
* This project is licensed under the GPL License - see the [LICENSE.md](LICENSE.md) file for details.
* Background images are under Creative Commons Zero license.
================================================
FILE: src/Jade/Settings.py
================================================
import configparser
import os
import pathlib
from Jade import Utils
class Options():
def __init__(self):
self.config = configparser.ConfigParser()
self.config.optionxform = str
self.config_file = f"{str(pathlib.Path.home())}/.config/jde/desktop.conf"
self.config.read(self.config_file)
def save(self, key, value):
self.config.set('DEFAULT', f'{key}', f'{value}')
with open(self.config_file, 'w') as f:
self.config.write(f)
def load(self):
defaults = {
"debug": False,
"autoTile": False,
"moodBackground": "disabled",
"Accessories": True,
"Development": True,
"Education": True,
"Gaming": True,
"GoOnline": True,
"Graphics": True,
"Help": True,
"Multimedia": True,
"Office": True,
"System": True,
"workspace1": "",
"workspace2": "",
"workspace3": "",
"workspace4": "",
"tourDone": False
}
if os.path.exists(self.config_file):
for key, value in self.config.items('DEFAULT'):
if value == "true" or value == "false":
defaults[key] = self.config.getboolean('DEFAULT', key)
else:
defaults[key] = value
return defaults
================================================
FILE: src/Jade/Utils.py
================================================
import pathlib
import subprocess
import os
import json
import Jade.Menu
import time
import gi
gi.require_version('Wnck', '3.0')
gi.require_version('Notify', '0.7')
from gi.repository import Wnck, Gio, Notify, Gdk
from Jade.Settings import Options
from JAK.Utils import JavaScript, Instance
from JAK.Utils import getScreenGeometry
from JAK.Widgets import Dialog
Notify.init("Jade")
def notify(title, msg):
Notify.Notification.new(title, msg, "dialog-information").show()
def run(command, shell=False):
proc = subprocess.Popen(command, shell=shell, stdout=subprocess.PIPE)
return proc
class Session():
def __init__(self):
self.desktop_session = os.environ.get('DESKTOP_SESSION')
@staticmethod
def logOut():
if not Session.get_pkg_manager_state():
run('loginctl terminate-session $XDG_SESSION_ID', shell=True)
else:
notify("Warnning", "Cannot log out, instalation or update in progress.")
@staticmethod
def powerOff():
if not Session.get_pkg_manager_state():
run(['systemctl', 'poweroff'])
else:
notify("Information", "Instalation or update in progress, your session is scheduled to shutdown, locking in 10s Goodbye.")
time.sleep(10)
Session.lock()
while Session.get_pkg_manager_state() == True:
time.sleep(0.2)
Session.powerOff()
@staticmethod
def reboot():
if not Session.get_pkg_manager_state():
run(['systemctl', 'reboot'])
else:
notify("Information", "Instalation or update in progress, your session is scheduled to reboot, locking in 10s Goodbye.")
time.sleep(10)
Session.lock()
while Session.get_pkg_manager_state() == True:
time.sleep(0.2)
Session.reboot()
@staticmethod
def suspend():
if not Session.get_pkg_manager_state():
run(['systemctl', 'suspend'])
else:
notify("Information", "Instalation or update in progress, your session is scheduled to standby, locking in 10s Goodbye.")
while Session.get_pkg_manager_state() == True:
time.sleep(0.2)
Session.suspend()
@staticmethod
def lock():
run(['light-locker-command', '-l'])
@staticmethod
def get_pkg_manager_state():
return os.path.isfile("/var/lib/pacman/db.lck")
def get_desktop_session(self):
return self.desktop_session
@staticmethod
def userCSS():
user_folder = Desktop.getHome()
path = f"{user_folder}/.config/jde/theme/style.css"
if os.path.exists(path):
try:
with open(path, "r", encoding='utf-8') as file:
return file.read()
except Exception as err:
print(err)
class Desktop:
def __init__(self):
self.minimized_windows = []
self.next_window_pos = "left"
self.panel_open = False
self.branch_lock = {"branch":""}
self.get_screen().connect("window-opened", self.window_open_cb)
self.get_screen().connect('window-closed', self.window_closed_cb)
self.get_screen().connect('active-workspace-changed', self.active_workspace_changed_cb)
self.get_screen().connect('active-window-changed', self.active_window_changed_cb)
self.screen = Gdk.Screen.get_default()
self.screen.connect('size-changed', self._ajust_size_window_cb)
self.screen.connect('monitors-changed', self._ajust_size_window_cb)
self.ignore_windows = (
"Guake!", "plank", "Steam Login", "Manjaro Hello", "Manjaro Linux Installer"
)
def _ajust_size_window_cb(self, gdk_screen):
primary_screen = getScreenGeometry()
win = Instance.retrieve("win")
win.resize(primary_screen.width(), primary_screen.height())
def workspace_exec(self, cmd):
run(f"""
if ! pgrep -x '{cmd}' > /dev/null; then
{cmd}
fi
""", shell=True)
def active_window_changed_cb(self, screen, previously_active_window):
if previously_active_window is not None:
if previously_active_window.get_name() == "Guake!":
self.hide_terminal()
def active_workspace_changed_cb(self, screen, previously_active_space):
workspace_name = screen.get_active_workspace().get_name()
self.workspace_exec(f"notify-send 'You are on {workspace_name}'")
workspaces = ["workspace1", "workspace2", "workspace3", "workspace4"]
for space in workspaces:
if workspace_name.lower().replace(" ", "") == space:
config = Desktop.loadSettings()[space].split(" ")
for cmd in config:
if cmd:
self.workspace_exec(cmd)
def toggle(self):
# wnck only works on xorg
if not self.minimized_windows:
self.minimize_windows()
win = Instance.retrieve("win")
win.activateWindow()
elif self.minimized_windows and not self.panel_open:
for window in self.minimized_windows:
if window and window.is_minimized():
window.unminimize(int(time.time()))
self.clearWindows()
def get_screen(self):
return Wnck.Screen.get(0)
def workspace(self):
self.get_screen().get_active_workspace()
def hide_terminal(self):
Jade.Dbus.client("org.guake3.RemoteControl").hide()
def minimize_windows(self):
self.hide_terminal()
monitor = getScreenGeometry()
windows = self.get_windows()
for window in windows:
w_name = window.get_name()
if not w_name.startswith(self.ignore_windows):
window_position = window.get_geometry()
if not window.is_minimized():
_type = window.get_window_type()
if _type != Wnck.WindowType.DESKTOP and monitor.width() > window_position[0]:
self.minimized_windows.append(window)
window.minimize()
def autoTile(self):
settings = Desktop.loadSettings()
if settings["autoTile"]:
monitor = getScreenGeometry()
windows = self.get_windows()
for window in windows:
actions = window.get_actions()
if actions & Wnck.WindowActions.MAXIMIZE:
w_name = window.get_name()
if not w_name.startswith(self.ignore_windows):
half_screen_size = float(monitor.width() / 2)
window_x = float(window.get_geometry()[0])
window_width = float(window.get_geometry()[2])
_type = window.get_window_type()
if not window.is_skip_tasklist() and window_x != half_screen_size or window_x != 0.0 \
or window_width != half_screen_size and not window.is_maximized() \
and not window.is_minimized() and not window.is_fullscreen() \
and _type == Wnck.WindowType.NORMAL:
gravity = Wnck.WindowGravity.STATIC
if self.next_window_pos == "left":
self.next_window_pos = "right"
x = 0
elif self.next_window_pos == "right":
self.next_window_pos = "left"
x = half_screen_size
geometry_mask = Wnck.WindowMoveResizeMask.X | Wnck.WindowMoveResizeMask.Y | \
Wnck.WindowMoveResizeMask.WIDTH | Wnck.WindowMoveResizeMask.HEIGHT
window.set_geometry(gravity, geometry_mask, x, 0, half_screen_size, monitor.height())
elif w_name == "Manjaro Linux Installer":
window.make_above()
window.set_fullscreen(True)
window.set_window_type(Wnck.WindowType.SPLASHSCREEN)
def show_de_panel(self, state):
windows = self.get_windows()
for window in windows:
if window.get_name() == "wingpanel":
if not state:
window.unminimize(int(time.time()))
else:
window.minimize()
def get_windows(self):
return self.get_screen().get_windows()
def setPanelVisible(self, state):
self.panel_open = state
self.show_de_panel(state)
def window_open_cb(self, screen, window):
if window.get_name() != "Guake!":
self.hide_terminal()
if Desktop.loadSettings()["tourDone"]:
_type = window.get_window_type()
if _type == Wnck.WindowType.DESKTOP:
pass
elif _type == Wnck.WindowType.NORMAL:
self.clearWindows()
self.autoTile()
else:
self.autoTile()
time.sleep(0.50)
self.minimize_windows()
def window_closed_cb(self, screen, closed_window):
for w in self.minimized_windows:
if w is closed_window:
self.minimized_windows.remove(closed_window)
def clearWindows(self):
self.minimized_windows.clear()
@staticmethod
def getPath():
return str(pathlib.Path(__file__).parent.parent.absolute())
@staticmethod
def getHome():
return str(pathlib.Path.home())
@staticmethod
def about():
items = json.dumps({
"author": "Vitor Lopes",
"title": "Just Another Desktop Enviroment",
"url": "https://github.com/codesardine/Jadesktop/",
"license": "GPL"
})
return items
@staticmethod
def screenToggle():
desktop = Instance.retrieve("desktop")
desktop.setPanelVisible(False)
desktop.toggle()
@staticmethod
def setBackground():
from JAK.Widgets import FileChooserDialog
window = Instance.retrieve("win")
image = FileChooserDialog(
parent=window, file_type="*.jpeg, *.jpg", title="Chose a image").choose_file()
if image and os.path.isfile(image):
window = Instance.retrieve("win")
window.setBackgroundImage(image)
Desktop.saveSettings("background", image)
@staticmethod
def getBackground():
return Desktop.loadSettings()["background"]
@staticmethod
def getJS():
menu = Jade.Menu.Get().items()
settings = Desktop.loadSettings()
return f"const Jade = {{}};Jade.menu = {json.dumps(menu)};Jade.settings = {json.dumps(settings)}"
@staticmethod
def updateMenu():
menu = Jade.Menu.Get().items()
JavaScript.send(f"Jade.menu = {json.dumps(menu)}")
@staticmethod
def toggleSettings():
JavaScript.send("desktop.toggleSettings();")
@staticmethod
def toggleLauncher():
JavaScript.send("desktop.toggleLauncher();")
@staticmethod
def restoreDefaultsDialog():
window = Instance.retrieve("win")
msg = "Some of your manual configuration under your HOME folder will be lost, Would you like to proceed?"
Dialog.question(window, " ",
msg, Desktop.restoreDefaults)
@staticmethod
def restoreDefaults():
home = os.path.expanduser("~")
# TODO backup old files
run(f"cp -r /etc/skel {home}/", shell=True)
from JAK.Widgets import Dialog
window = Instance.retrieve("win")
msg = "Profile defaults have been set on your home directory."
Dialog.information(window, "Set Defaults", msg)
@staticmethod
def saveSettings(key, value):
options = Options()
options.save(key, value)
@staticmethod
def loadSettings():
options = Options()
return options.load()
================================================
FILE: src/Jade/__init__.py
================================================
__version__ = "v0.1.1"
================================================
FILE: src/exit-menu
================================================
#!/usr/bin/python3
import os
import sys
import gi
gi.require_version("Gtk", "3.0")
gi.require_version('Gdk', '3.0')
from gi.repository import Gtk, Gdk
from Jade.Utils import Session
class ExitMenu(Gtk.Window):
def __init__(self):
Gtk.Window.__init__(self)
self.fullscreen()
self.get_style_context().add_class("background")
self.set_keep_above(True)
self.innerpanel = Gtk.HBox()
self.buttonpanel = Gtk.HButtonBox()
self.buttonpanel.set_spacing(20)
self.innerpanel.pack_start(Gtk.VBox(), False, False, 0)
self.innerpanel.pack_start(self.buttonpanel, True, False, 0)
self.innerpanel.pack_start(Gtk.VBox(), False, False, 0)
self.add(self.innerpanel)
btn = Gtk.Button.new_with_label("Log Out")
btn.get_style_context().add_class("buttons")
btn.get_style_context().add_class("logout")
btn.connect("clicked", self.on_log_out)
self.buttonpanel.add(btn)
btn = Gtk.Button.new_with_label("Reboot")
btn.get_style_context().add_class("buttons")
btn.get_style_context().add_class("reboot")
btn.connect("clicked", self.on_reboot)
self.buttonpanel.add(btn)
btn = Gtk.Button.new_with_label("Shut Down")
btn.get_style_context().add_class("buttons")
btn.get_style_context().add_class("shutdown")
btn.connect("clicked", self.on_shutdown)
self.buttonpanel.add(btn)
btn = Gtk.Button.new_with_label("Standby")
btn.get_style_context().add_class("buttons")
btn.get_style_context().add_class("standby")
btn.connect("clicked", self.on_standby)
self.buttonpanel.add(btn)
btn = Gtk.Button.new_with_label("Lock")
btn.get_style_context().add_class("buttons")
btn.get_style_context().add_class("lock")
btn.connect("clicked", self.on_lock)
self.buttonpanel.add(btn)
btn = Gtk.Button.new_with_label("Cancel")
btn.get_style_context().add_class("buttons")
btn.get_style_context().add_class("cancel")
btn.connect("clicked", self.on_cancel)
self.buttonpanel.add(btn)
provider = Gtk.CssProvider()
css = b"""
.background, .buttons {
background-color:#212121;
}
.buttons {
border: none;
color: #cccccc;
font-weight: bold;
font: 18px "Roboto";
background-position: center 8px;
background-repeat: no-repeat;
background-size: 50px;
padding-top: 68px;
border-bottom: 2px solid transparent;
border-radius: 0;
padding-left: 0;
padding-right: 0;
padding-bottom:8px;
}
.buttons:hover {
border-bottom: 2px solid #009688;
}
.logout {
background-image: url("/usr/share/jde/images/logout.svg");
min-width: 40px;
}
.reboot {
background-image: url("/usr/share/jde/images/reboot.svg");
}
.shutdown {
background-image: url("/usr/share/jde/images/shutdown.svg");
}
.standby {
background-image: url("/usr/share/jde/images/standby.svg");
}
.lock {
background-image: url("/usr/share/jde/images/lock.svg");
}
.cancel {
background-image: url("/usr/share/jde/images/cancel.svg");
}
"""
provider.load_from_data(css)
Gtk.StyleContext.add_provider_for_screen(Gdk.Screen.get_default(),
provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION)
def on_log_out(self, btn):
os.remove(lock)
Session.logOut()
def on_reboot(self, btn):
os.remove(lock)
Session.reboot()
def on_shutdown(self, btn):
os.remove(lock)
Session.powerOff()
def on_standby(self, btn):
os.remove(lock)
Session.suspend()
Gtk.main_quit()
def on_lock(self, btn):
os.remove(lock)
Session.lock()
Gtk.main_quit()
def on_cancel(self, btn):
os.remove(lock)
Gtk.main_quit()
def on_destroy(self):
os.remove(lock)
Gtk.main_quit()
lock = "/tmp/jde-exit.lock"
if os.path.exists(lock):
sys.exit
else:
f = open(lock,"w+")
f.close
app = ExitMenu()
app.connect("destroy", on_destroy)
app.show_all()
Gtk.main()
================================================
FILE: src/jde-desktop
================================================
#!/usr/bin/python3
# coding: utf-8
"""
Just Another Desktop Environment
Copyright (c) 2020 Vitor Lopes
https://github.com/codesardine/Jadesktop
"""
import sys
import json
import Jade.Dbus
from dbus.mainloop.glib import DBusGMainLoop
from gi.repository import GLib
from gi.repository import Gio
import Jade.Icons as icons
from Jade.Utils import Session, Desktop
from JAK import Application
from JAK import IPC, WebEngine
from Jade.DropEvent import event
from JAK.Utils import bindings
from JAK.Utils import Instance
if bindings() == "PyQt5":
from PyQt5.QtCore import Qt, pyqtSlot as Slot, QObject, pyqtProperty as Property
else:
from PySide2.QtCore import Qt, Slot, QObject, Property
Instance.auto("desktop", Desktop())
WebEngine.JWebView.dropEvent = event
class Bind:
@staticmethod
def get_desktop_app(file):
desktop_file = Gio.DesktopAppInfo.new_from_filename(file)
Gio.DesktopAppInfo.launch(desktop_file)
@staticmethod
def listen(data):
if data.endswith(".desktop"):
Bind.get_desktop_app(data)
class SharedObj(QObject):
def __init__(self):
super().__init__()
@Slot()
def showInspector(self):
window = Instance.retrieve("win")
window.showInspector()
@Slot()
def setBackgroundImage(self):
desktop = Instance.retrieve("desktop")
desktop.setBackground()
@Slot()
def hideInspector(self):
window = Instance.retrieve("win")
window.hideInspector()
@Slot()
def toggleDesktop(self):
desktop = Instance.retrieve("desktop")
desktop.toggle()
@Slot(bool)
def setPanelVisible(self, value):
desktop = Instance.retrieve("desktop")
desktop.setPanelVisible(value)
@Slot()
def restoreDefaults(self):
Desktop.restoreDefaultsDialog()
@Slot()
def updateMenu(self):
Desktop.updateMenu()
@Property(str)
def about(self):
return Desktop.about()
@Slot(str, str)
def saveSettings(self, key, value):
Desktop.saveSettings(key, value)
""" Icons """
@Property(str)
def icons(self):
return json.dumps({
"background": f"{icons.get('desktop')}",
"restore": f"{icons.get('backup')}",
"search": f"{icons.get('search-icon')}",
"app-settings": f"{icons.get('settings')}",
"app-menu": f"{icons.get('application-menu')}",
"category-settings": f"{icons.get('view-categories')}"
})
class Exit():
@staticmethod
def logOut(self):
Session.logOut()
@staticmethod
def powerOff(self):
Session.powerOff()
@staticmethod
def reboot(self):
Session.reboot()
@staticmethod
def suspend(self):
Session.suspend()
def main():
if "--profile" in sys.argv:
setFlags = (Qt.NoDropShadowWindowHint | Qt.WindowStaysOnBottomHint)
setAttribute = ""
else:
setFlags = (Qt.NoDropShadowWindowHint | Qt.WindowStaysOnBottomHint | Qt.FramelessWindowHint)
setAttribute = (Qt.WA_X11NetWmWindowTypeDesktop, Qt.WA_X11NetWmWindowTypeDesktop)
app = Application.JWebApp(
window = {
"title": "JADE",
"setFlags": setFlags,
"fullScreen": True,
"setAttribute": setAttribute,
"transparent": True
},
webview = {
"webContents": f"{Desktop.getPath()}/themes/default/main.html",
"webChannel": { "active": True, "sharedOBJ": SharedObj() },
"injectJavaScript": {"JavaScript": Desktop.getJS(), "name": "JADE"},
"addCSS": Session.userCSS()
})
app.run()
if __name__ == "__main__":
DBusGMainLoop(set_as_default=True)
loop = GLib.MainLoop()
Jade.Dbus.Service()
IPC.Bind = Bind
if "--profile" in sys.argv:
import cProfile
cProfile.run("main()")
else:
main()
loop.start()
================================================
FILE: src/js/intro.js
================================================
/*!
* Intro.js v3.0.1
* https://github.com/usablica/intro.js
*
* Copyright (C) 2017-2020 Afshin Mehrabani (@afshinmeh).
* https://raw.githubusercontent.com/usablica/intro.js/master/license.md
*
* Date: Sat, 17 Oct 2020 10:36:20 GMT
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global = global || self, global.introJs = factory());
}(this, (function () { 'use strict';
function _typeof(obj) {
"@babel/helpers - typeof";
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function (obj) {
return typeof obj;
};
} else {
_typeof = function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
return _typeof(obj);
}
/**
* Overwrites obj1's values with obj2's and adds obj2's if non existent in obj1
* via: http://stackoverflow.com/questions/171251/how-can-i-merge-properties-of-two-javascript-objects-dynamically
*
* @param obj1
* @param obj2
* @returns obj3 a new object based on obj1 and obj2
*/
function mergeOptions(obj1, obj2) {
var obj3 = {};
var attrname;
for (attrname in obj1) {
obj3[attrname] = obj1[attrname];
}
for (attrname in obj2) {
obj3[attrname] = obj2[attrname];
}
return obj3;
}
/**
* Mark any object with an incrementing number
* used for keeping track of objects
*
* @param Object obj Any object or DOM Element
* @param String key
* @return Object
*/
var stamp = function () {
var keys = {};
return function stamp(obj) {
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "introjs-stamp";
// each group increments from 0
keys[key] = keys[key] || 0; // stamp only once per object
if (obj[key] === undefined) {
// increment key for each new object
obj[key] = keys[key]++;
}
return obj[key];
};
}();
/**
* Iterates arrays
*
* @param {Array} arr
* @param {Function} forEachFnc
* @param {Function} completeFnc
* @return {Null}
*/
function forEach(arr, forEachFnc, completeFnc) {
// in case arr is an empty query selector node list
if (arr) {
for (var i = 0, len = arr.length; i < len; i++) {
forEachFnc(arr[i], i);
}
}
if (typeof completeFnc === "function") {
completeFnc();
}
}
/**
* Remove a class from an element
*
* @api private
* @method _removeClass
* @param {Object} element
* @param {RegExp|String} classNameRegex can be regex or string
* @returns null
*/
function removeClass(element, classNameRegex) {
if (element instanceof SVGElement) {
var pre = element.getAttribute("class") || "";
element.setAttribute("class", pre.replace(classNameRegex, "").replace(/^\s+|\s+$/g, ""));
} else {
element.className = element.className.replace(classNameRegex, "").replace(/^\s+|\s+$/g, "");
}
}
/**
* DOMEvent Handles all DOM events
*
* methods:
*
* on - add event handler
* off - remove event
*/
var DOMEvent = function () {
function DOMEvent() {
var events_key = "introjs_event";
/**
* Gets a unique ID for an event listener
*
* @param obj Object
* @param type event type
* @param listener Function
* @param context Object
* @return String
*/
this._id = function (obj, type, listener, context) {
return type + stamp(listener) + (context ? "_".concat(stamp(context)) : "");
};
/**
* Adds event listener
*
* @param obj Object obj
* @param type String
* @param listener Function
* @param context Object
* @param useCapture Boolean
* @return null
*/
this.on = function (obj, type, listener, context, useCapture) {
var id = this._id.apply(this, arguments);
var handler = function handler(e) {
return listener.call(context || obj, e || window.event);
};
if ("addEventListener" in obj) {
obj.addEventListener(type, handler, useCapture);
} else if ("attachEvent" in obj) {
obj.attachEvent("on".concat(type), handler);
}
obj[events_key] = obj[events_key] || {};
obj[events_key][id] = handler;
};
/**
* Removes event listener
*
* @param obj Object
* @param type String
* @param listener Function
* @param context Object
* @param useCapture Boolean
* @return null
*/
this.off = function (obj, type, listener, context, useCapture) {
var id = this._id.apply(this, arguments);
var handler = obj[events_key] && obj[events_key][id];
if (!handler) {
return;
}
if ("removeEventListener" in obj) {
obj.removeEventListener(type, handler, useCapture);
} else if ("detachEvent" in obj) {
obj.detachEvent("on".concat(type), handler);
}
obj[events_key][id] = null;
};
}
return new DOMEvent();
}();
/**
* Append a class to an element
*
* @api private
* @method _addClass
* @param {Object} element
* @param {String} className
* @returns null
*/
function addClass(element, className) {
if (element instanceof SVGElement) {
// svg
var pre = element.getAttribute("class") || "";
element.setAttribute("class", "".concat(pre, " ").concat(className));
} else {
if (element.classList !== undefined) {
// check for modern classList property
var classes = className.split(" ");
forEach(classes, function (cls) {
element.classList.add(cls);
});
} else if (!element.className.match(className)) {
// check if element doesn't already have className
element.className += " ".concat(className);
}
}
}
/**
* Get an element CSS property on the page
* Thanks to JavaScript Kit: http://www.javascriptkit.com/dhtmltutors/dhtmlcascade4.shtml
*
* @api private
* @method _getPropValue
* @param {Object} element
* @param {String} propName
* @returns string property value
*/
function getPropValue(element, propName) {
var propValue = "";
if (element.currentStyle) {
//IE
propValue = element.currentStyle[propName];
} else if (document.defaultView && document.defaultView.getComputedStyle) {
//Others
propValue = document.defaultView.getComputedStyle(element, null).getPropertyValue(propName);
} //Prevent exception in IE
if (propValue && propValue.toLowerCase) {
return propValue.toLowerCase();
} else {
return propValue;
}
}
/**
* To set the show element
* This function set a relative (in most cases) position and changes the z-index
*
* @api private
* @method _setShowElement
* @param {Object} targetElement
*/
function setShowElement(_ref) {
var element = _ref.element;
var parentElm; // we need to add this show element class to the parent of SVG elements
// because the SVG elements can't have independent z-index
if (element instanceof SVGElement) {
parentElm = element.parentNode;
while (element.parentNode !== null) {
if (!parentElm.tagName || parentElm.tagName.toLowerCase() === "body") break;
if (parentElm.tagName.toLowerCase() === "svg") {
addClass(parentElm, "introjs-showElement introjs-relativePosition");
}
parentElm = parentElm.parentNode;
}
}
addClass(element, "introjs-showElement");
var currentElementPosition = getPropValue(element, "position");
if (currentElementPosition !== "absolute" && currentElementPosition !== "relative" && currentElementPosition !== "fixed") {
//change to new intro item
addClass(element, "introjs-relativePosition");
}
parentElm = element.parentNode;
while (parentElm !== null) {
if (!parentElm.tagName || parentElm.tagName.toLowerCase() === "body") break; //fix The Stacking Context problem.
//More detail: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context
var zIndex = getPropValue(parentElm, "z-index");
var opacity = parseFloat(getPropValue(parentElm, "opacity"));
var transform = getPropValue(parentElm, "transform") || getPropValue(parentElm, "-webkit-transform") || getPropValue(parentElm, "-moz-transform") || getPropValue(parentElm, "-ms-transform") || getPropValue(parentElm, "-o-transform");
if (/[0-9]+/.test(zIndex) || opacity < 1 || transform !== "none" && transform !== undefined) {
addClass(parentElm, "introjs-fixParent");
}
parentElm = parentElm.parentNode;
}
}
/**
* scroll a scrollable element to a child element
*
* @param Element parent
* @param Element element
* @return Null
*/
function scrollParentToElement(parent, _ref) {
var offsetTop = _ref.offsetTop;
parent.scrollTop = offsetTop - parent.offsetTop;
}
/**
* Find the nearest scrollable parent
* copied from https://stackoverflow.com/questions/35939886/find-first-scrollable-parent
*
* @param Element element
* @return Element
*/
function getScrollParent(element) {
var style = window.getComputedStyle(element);
var excludeStaticParent = style.position === "absolute";
var overflowRegex = /(auto|scroll)/;
if (style.position === "fixed") return document.body;
for (var parent = element; parent = parent.parentElement;) {
style = window.getComputedStyle(parent);
if (excludeStaticParent && style.position === "static") {
continue;
}
if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) return parent;
}
return document.body;
}
/**
* Provides a cross-browser way to get the screen dimensions
* via: http://stackoverflow.com/questions/5864467/internet-explorer-innerheight
*
* @api private
* @method _getWinSize
* @returns {Object} width and height attributes
*/
function getWinSize() {
if (window.innerWidth !== undefined) {
return {
width: window.innerWidth,
height: window.innerHeight
};
} else {
var D = document.documentElement;
return {
width: D.clientWidth,
height: D.clientHeight
};
}
}
/**
* Check to see if the element is in the viewport or not
* http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
*
* @api private
* @method _elementInViewport
* @param {Object} el
*/
function elementInViewport(el) {
var rect = el.getBoundingClientRect();
return rect.top >= 0 && rect.left >= 0 && rect.bottom + 80 <= window.innerHeight && // add 80 to get the text right
rect.right <= window.innerWidth;
}
/**
* To change the scroll of `window` after highlighting an element
*
* @api private
* @method _scrollTo
* @param {String} scrollTo
* @param {Object} targetElement
* @param {Object} tooltipLayer
*/
function scrollTo(scrollTo, _ref, tooltipLayer) {
var element = _ref.element;
if (scrollTo === "off") return;
var rect;
if (!this._options.scrollToElement) return;
if (scrollTo === "tooltip") {
rect = tooltipLayer.getBoundingClientRect();
} else {
rect = element.getBoundingClientRect();
}
if (!elementInViewport(element)) {
var winHeight = getWinSize().height;
var top = rect.bottom - (rect.bottom - rect.top); // TODO (afshinm): do we need scroll padding now?
// I have changed the scroll option and now it scrolls the window to
// the center of the target element or tooltip.
if (top < 0 || element.clientHeight > winHeight) {
window.scrollBy(0, rect.top - (winHeight / 2 - rect.height / 2) - this._options.scrollPadding); // 30px padding from edge to look nice
//Scroll down
} else {
window.scrollBy(0, rect.top - (winHeight / 2 - rect.height / 2) + this._options.scrollPadding); // 30px padding from edge to look nice
}
}
}
/**
* Setting anchors to behave like buttons
*
* @api private
* @method _setAnchorAsButton
*/
function setAnchorAsButton(anchor) {
anchor.setAttribute("role", "button");
anchor.tabIndex = 0;
}
/**
* Get an element position on the page
* Thanks to `meouw`: http://stackoverflow.com/a/442474/375966
*
* @api private
* @method _getOffset
* @param {Object} element
* @returns Element's position info
*/
function getOffset(element) {
var body = document.body;
var docEl = document.documentElement;
var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
var x = element.getBoundingClientRect();
return {
top: x.top + scrollTop,
width: x.width,
height: x.height,
left: x.left + scrollLeft
};
}
/**
* Checks to see if target element (or parents) position is fixed or not
*
* @api private
* @method _isFixed
* @param {Object} element
* @returns Boolean
*/
function isFixed(element) {
var p = element.parentNode;
if (!p || p.nodeName === "HTML") {
return false;
}
if (getPropValue(element, "position") === "fixed") {
return true;
}
return isFixed(p);
}
/**
* Update the position of the helper layer on the screen
*
* @api private
* @method _setHelperLayerPosition
* @param {Object} helperLayer
*/
function setHelperLayerPosition(helperLayer) {
if (helperLayer) {
//prevent error when `this._currentStep` in undefined
if (!this._introItems[this._currentStep]) return;
var currentElement = this._introItems[this._currentStep];
var elementPosition = getOffset(currentElement.element);
var widthHeightPadding = this._options.helperElementPadding; // If the target element is fixed, the tooltip should be fixed as well.
// Otherwise, remove a fixed class that may be left over from the previous
// step.
if (isFixed(currentElement.element)) {
addClass(helperLayer, "introjs-fixedTooltip");
} else {
removeClass(helperLayer, "introjs-fixedTooltip");
}
if (currentElement.position === "floating") {
widthHeightPadding = 0;
} //set new position to helper layer
helperLayer.style.cssText = "width: ".concat(elementPosition.width + widthHeightPadding, "px; height:").concat(elementPosition.height + widthHeightPadding, "px; top:").concat(elementPosition.top - widthHeightPadding / 2, "px;left: ").concat(elementPosition.left - widthHeightPadding / 2, "px;");
}
}
/**
* Set tooltip left so it doesn't go off the right side of the window
*
* @return boolean true, if tooltipLayerStyleLeft is ok. false, otherwise.
*/
function checkRight(targetOffset, tooltipLayerStyleLeft, tooltipOffset, windowSize, tooltipLayer) {
if (targetOffset.left + tooltipLayerStyleLeft + tooltipOffset.width > windowSize.width) {
// off the right side of the window
tooltipLayer.left = "".concat(windowSize.width - tooltipOffset.width - targetOffset.left, "px");
return false;
}
tooltipLayer.left = "".concat(tooltipLayerStyleLeft, "px");
return true;
}
/**
* Set tooltip right so it doesn't go off the left side of the window
*
* @return boolean true, if tooltipLayerStyleRight is ok. false, otherwise.
*/
function checkLeft(targetOffset, tooltipLayerStyleRight, tooltipOffset, tooltipLayer) {
if (targetOffset.left + targetOffset.width - tooltipLayerStyleRight - tooltipOffset.width < 0) {
// off the left side of the window
tooltipLayer.style.left = "".concat(-targetOffset.left, "px");
return false;
}
tooltipLayer.style.right = "".concat(tooltipLayerStyleRight, "px");
return true;
}
/**
* Remove an entry from a string array if it's there, does nothing if it isn't there.
*
* @param {Array} stringArray
* @param {String} stringToRemove
*/
function removeEntry(stringArray, stringToRemove) {
if (stringArray.includes(stringToRemove)) {
stringArray.splice(stringArray.indexOf(stringToRemove), 1);
}
}
/**
* auto-determine alignment
* @param {Integer} offsetLeft
* @param {Integer} tooltipWidth
* @param {Object} windowSize
* @param {String} desiredAlignment
* @return {String} calculatedAlignment
*/
function _determineAutoAlignment(offsetLeft, tooltipWidth, _ref, desiredAlignment) {
var width = _ref.width;
var halfTooltipWidth = tooltipWidth / 2;
var winWidth = Math.min(width, window.screen.width);
var possibleAlignments = ["-left-aligned", "-middle-aligned", "-right-aligned"];
var calculatedAlignment = ""; // valid left must be at least a tooltipWidth
// away from right side
if (winWidth - offsetLeft < tooltipWidth) {
removeEntry(possibleAlignments, "-left-aligned");
} // valid middle must be at least half
// width away from both sides
if (offsetLeft < halfTooltipWidth || winWidth - offsetLeft < halfTooltipWidth) {
removeEntry(possibleAlignments, "-middle-aligned");
} // valid right must be at least a tooltipWidth
// width away from left side
if (offsetLeft < tooltipWidth) {
removeEntry(possibleAlignments, "-right-aligned");
}
if (possibleAlignments.length) {
if (possibleAlignments.includes(desiredAlignment)) {
// the desired alignment is valid
calculatedAlignment = desiredAlignment;
} else {
// pick the first valid position, in order
calculatedAlignment = possibleAlignments[0];
}
} else {
// if screen width is too small
// for ANY alignment, middle is
// probably the best for visibility
calculatedAlignment = "-middle-aligned";
}
return calculatedAlignment;
}
/**
* Determines the position of the tooltip based on the position precedence and availability
* of screen space.
*
* @param {Object} targetElement
* @param {Object} tooltipLayer
* @param {String} desiredTooltipPosition
* @return {String} calculatedPosition
*/
function _determineAutoPosition(targetElement, tooltipLayer, desiredTooltipPosition) {
// Take a clone of position precedence. These will be the available
var possiblePositions = this._options.positionPrecedence.slice();
var windowSize = getWinSize();
var tooltipHeight = getOffset(tooltipLayer).height + 10;
var tooltipWidth = getOffset(tooltipLayer).width + 20;
var targetElementRect = targetElement.getBoundingClientRect(); // If we check all the possible areas, and there are no valid places for the tooltip, the element
// must take up most of the screen real estate. Show the tooltip floating in the middle of the screen.
var calculatedPosition = "floating";
/*
* auto determine position
*/
// Check for space below
if (targetElementRect.bottom + tooltipHeight > windowSize.height) {
removeEntry(possiblePositions, "bottom");
} // Check for space above
if (targetElementRect.top - tooltipHeight < 0) {
removeEntry(possiblePositions, "top");
} // Check for space to the right
if (targetElementRect.right + tooltipWidth > windowSize.width) {
removeEntry(possiblePositions, "right");
} // Check for space to the left
if (targetElementRect.left - tooltipWidth < 0) {
removeEntry(possiblePositions, "left");
} // @var {String} ex: 'right-aligned'
var desiredAlignment = function (pos) {
var hyphenIndex = pos.indexOf("-");
if (hyphenIndex !== -1) {
// has alignment
return pos.substr(hyphenIndex);
}
return "";
}(desiredTooltipPosition || ""); // strip alignment from position
if (desiredTooltipPosition) {
// ex: "bottom-right-aligned"
// should return 'bottom'
desiredTooltipPosition = desiredTooltipPosition.split("-")[0];
}
if (possiblePositions.length) {
if (desiredTooltipPosition !== "auto" && possiblePositions.includes(desiredTooltipPosition)) {
// If the requested position is in the list, choose that
calculatedPosition = desiredTooltipPosition;
} else {
// Pick the first valid position, in order
calculatedPosition = possiblePositions[0];
}
} // only top and bottom positions have optional alignments
if (["top", "bottom"].includes(calculatedPosition)) {
calculatedPosition += _determineAutoAlignment(targetElementRect.left, tooltipWidth, windowSize, desiredAlignment);
}
return calculatedPosition;
}
/**
* Render tooltip box in the page
*
* @api private
* @method placeTooltip
* @param {HTMLElement} targetElement
* @param {HTMLElement} tooltipLayer
* @param {HTMLElement} arrowLayer
* @param {HTMLElement} helperNumberLayer
* @param {Boolean} hintMode
*/
function placeTooltip(targetElement, tooltipLayer, arrowLayer, helperNumberLayer, hintMode) {
var tooltipCssClass = "";
var currentStepObj;
var tooltipOffset;
var targetOffset;
var windowSize;
var currentTooltipPosition;
hintMode = hintMode || false; //reset the old style
tooltipLayer.style.top = null;
tooltipLayer.style.right = null;
tooltipLayer.style.bottom = null;
tooltipLayer.style.left = null;
tooltipLayer.style.marginLeft = null;
tooltipLayer.style.marginTop = null;
arrowLayer.style.display = "inherit";
if (typeof helperNumberLayer !== "undefined" && helperNumberLayer !== null) {
helperNumberLayer.style.top = null;
helperNumberLayer.style.left = null;
} //prevent error when `this._currentStep` is undefined
if (!this._introItems[this._currentStep]) return; //if we have a custom css class for each step
currentStepObj = this._introItems[this._currentStep];
if (typeof currentStepObj.tooltipClass === "string") {
tooltipCssClass = currentStepObj.tooltipClass;
} else {
tooltipCssClass = this._options.tooltipClass;
}
tooltipLayer.className = "introjs-tooltip ".concat(tooltipCssClass).replace(/^\s+|\s+$/g, "");
tooltipLayer.setAttribute("role", "dialog");
currentTooltipPosition = this._introItems[this._currentStep].position; // Floating is always valid, no point in calculating
if (currentTooltipPosition !== "floating") {
currentTooltipPosition = _determineAutoPosition.call(this, targetElement, tooltipLayer, currentTooltipPosition);
}
var tooltipLayerStyleLeft;
targetOffset = getOffset(targetElement);
tooltipOffset = getOffset(tooltipLayer);
windowSize = getWinSize();
addClass(tooltipLayer, "introjs-".concat(currentTooltipPosition));
switch (currentTooltipPosition) {
case "top-right-aligned":
arrowLayer.className = "introjs-arrow bottom-right";
var tooltipLayerStyleRight = 0;
checkLeft(targetOffset, tooltipLayerStyleRight, tooltipOffset, tooltipLayer);
tooltipLayer.style.bottom = "".concat(targetOffset.height + 20, "px");
break;
case "top-middle-aligned":
arrowLayer.className = "introjs-arrow bottom-middle";
var tooltipLayerStyleLeftRight = targetOffset.width / 2 - tooltipOffset.width / 2; // a fix for middle aligned hints
if (hintMode) {
tooltipLayerStyleLeftRight += 5;
}
if (checkLeft(targetOffset, tooltipLayerStyleLeftRight, tooltipOffset, tooltipLayer)) {
tooltipLayer.style.right = null;
checkRight(targetOffset, tooltipLayerStyleLeftRight, tooltipOffset, windowSize, tooltipLayer);
}
tooltipLayer.style.bottom = "".concat(targetOffset.height + 20, "px");
break;
case "top-left-aligned": // top-left-aligned is the same as the default top
case "top":
arrowLayer.className = "introjs-arrow bottom";
tooltipLayerStyleLeft = hintMode ? 0 : 15;
checkRight(targetOffset, tooltipLayerStyleLeft, tooltipOffset, windowSize, tooltipLayer);
tooltipLayer.style.bottom = "".concat(targetOffset.height + 20, "px");
break;
case "right":
tooltipLayer.style.left = "".concat(targetOffset.width + 20, "px");
if (targetOffset.top + tooltipOffset.height > windowSize.height) {
// In this case, right would have fallen below the bottom of the screen.
// Modify so that the bottom of the tooltip connects with the target
arrowLayer.className = "introjs-arrow left-bottom";
tooltipLayer.style.top = "-".concat(tooltipOffset.height - targetOffset.height - 20, "px");
} else {
arrowLayer.className = "introjs-arrow left";
}
break;
case "left":
if (!hintMode && this._options.showStepNumbers === true) {
tooltipLayer.style.top = "15px";
}
if (targetOffset.top + tooltipOffset.height > windowSize.height) {
// In this case, left would have fallen below the bottom of the screen.
// Modify so that the bottom of the tooltip connects with the target
tooltipLayer.style.top = "-".concat(tooltipOffset.height - targetOffset.height - 20, "px");
arrowLayer.className = "introjs-arrow right-bottom";
} else {
arrowLayer.className = "introjs-arrow right";
}
tooltipLayer.style.right = "".concat(targetOffset.width + 20, "px");
break;
case "floating":
arrowLayer.style.display = "none"; //we have to adjust the top and left of layer manually for intro items without element
tooltipLayer.style.left = "50%";
tooltipLayer.style.top = "50%";
tooltipLayer.style.marginLeft = "-".concat(tooltipOffset.width / 2, "px");
tooltipLayer.style.marginTop = "-".concat(tooltipOffset.height / 2, "px");
if (typeof helperNumberLayer !== "undefined" && helperNumberLayer !== null) {
helperNumberLayer.style.left = "-".concat(tooltipOffset.width / 2 + 18, "px");
helperNumberLayer.style.top = "-".concat(tooltipOffset.height / 2 + 18, "px");
}
break;
case "bottom-right-aligned":
arrowLayer.className = "introjs-arrow top-right";
tooltipLayerStyleRight = 0;
checkLeft(targetOffset, tooltipLayerStyleRight, tooltipOffset, tooltipLayer);
tooltipLayer.style.top = "".concat(targetOffset.height + 20, "px");
break;
case "bottom-middle-aligned":
arrowLayer.className = "introjs-arrow top-middle";
tooltipLayerStyleLeftRight = targetOffset.width / 2 - tooltipOffset.width / 2; // a fix for middle aligned hints
if (hintMode) {
tooltipLayerStyleLeftRight += 5;
}
if (checkLeft(targetOffset, tooltipLayerStyleLeftRight, tooltipOffset, tooltipLayer)) {
tooltipLayer.style.right = null;
checkRight(targetOffset, tooltipLayerStyleLeftRight, tooltipOffset, windowSize, tooltipLayer);
}
tooltipLayer.style.top = "".concat(targetOffset.height + 20, "px");
break;
// case 'bottom-left-aligned':
// Bottom-left-aligned is the same as the default bottom
// case 'bottom':
// Bottom going to follow the default behavior
default:
arrowLayer.className = "introjs-arrow top";
tooltipLayerStyleLeft = 0;
checkRight(targetOffset, tooltipLayerStyleLeft, tooltipOffset, windowSize, tooltipLayer);
tooltipLayer.style.top = "".concat(targetOffset.height + 20, "px");
}
}
/**
* To remove all show element(s)
*
* @api private
* @method _removeShowElement
*/
function removeShowElement() {
var elms = document.querySelectorAll(".introjs-showElement");
forEach(elms, function (elm) {
removeClass(elm, /introjs-[a-zA-Z]+/g);
});
}
/**
* Gets the current progress percentage
*
* @api private
* @method _getProgress
* @returns current progress percentage
*/
function _getProgress() {
// Steps are 0 indexed
var currentStep = parseInt(this._currentStep + 1, 10);
return currentStep / this._introItems.length * 100;
}
/**
* Add disableinteraction layer and adjust the size and position of the layer
*
* @api private
* @method _disableInteraction
*/
function _disableInteraction() {
var disableInteractionLayer = document.querySelector(".introjs-disableInteraction");
if (disableInteractionLayer === null) {
disableInteractionLayer = document.createElement("div");
disableInteractionLayer.className = "introjs-disableInteraction";
this._targetElement.appendChild(disableInteractionLayer);
}
setHelperLayerPosition.call(this, disableInteractionLayer);
}
/**
* Show an element on the page
*
* @api private
* @method _showElement
* @param {Object} targetElement
*/
function _showElement(targetElement) {
if (typeof this._introChangeCallback !== "undefined") {
this._introChangeCallback.call(this, targetElement.element);
}
var self = this;
var oldHelperLayer = document.querySelector(".introjs-helperLayer");
var oldReferenceLayer = document.querySelector(".introjs-tooltipReferenceLayer");
var highlightClass = "introjs-helperLayer";
var nextTooltipButton;
var prevTooltipButton;
var skipTooltipButton;
var scrollParent; //check for a current step highlight class
if (typeof targetElement.highlightClass === "string") {
highlightClass += " ".concat(targetElement.highlightClass);
} //check for options highlight class
if (typeof this._options.highlightClass === "string") {
highlightClass += " ".concat(this._options.highlightClass);
}
if (oldHelperLayer !== null) {
var oldHelperNumberLayer = oldReferenceLayer.querySelector(".introjs-helperNumberLayer");
var oldtooltipLayer = oldReferenceLayer.querySelector(".introjs-tooltiptext");
var oldArrowLayer = oldReferenceLayer.querySelector(".introjs-arrow");
var oldtooltipContainer = oldReferenceLayer.querySelector(".introjs-tooltip");
skipTooltipButton = oldReferenceLayer.querySelector(".introjs-skipbutton");
prevTooltipButton = oldReferenceLayer.querySelector(".introjs-prevbutton");
nextTooltipButton = oldReferenceLayer.querySelector(".introjs-nextbutton"); //update or reset the helper highlight class
oldHelperLayer.className = highlightClass; //hide the tooltip
oldtooltipContainer.style.opacity = 0;
oldtooltipContainer.style.display = "none";
if (oldHelperNumberLayer !== null) {
var lastIntroItem = this._introItems[targetElement.step - 2 >= 0 ? targetElement.step - 2 : 0];
if (lastIntroItem !== null && this._direction === "forward" && lastIntroItem.position === "floating" || this._direction === "backward" && targetElement.position === "floating") {
oldHelperNumberLayer.style.opacity = 0;
}
} // scroll to element
scrollParent = getScrollParent(targetElement.element);
if (scrollParent !== document.body) {
// target is within a scrollable element
scrollParentToElement(scrollParent, targetElement.element);
} // set new position to helper layer
setHelperLayerPosition.call(self, oldHelperLayer);
setHelperLayerPosition.call(self, oldReferenceLayer); //remove `introjs-fixParent` class from the elements
var fixParents = document.querySelectorAll(".introjs-fixParent");
forEach(fixParents, function (parent) {
removeClass(parent, /introjs-fixParent/g);
}); //remove old classes if the element still exist
removeShowElement(); //we should wait until the CSS3 transition is competed (it's 0.3 sec) to prevent incorrect `height` and `width` calculation
if (self._lastShowElementTimer) {
window.clearTimeout(self._lastShowElementTimer);
}
self._lastShowElementTimer = window.setTimeout(function () {
//set current step to the label
if (oldHelperNumberLayer !== null) {
oldHelperNumberLayer.innerHTML = targetElement.step;
} //set current tooltip text
oldtooltipLayer.innerHTML = targetElement.intro; //set the tooltip position
oldtooltipContainer.style.display = "block";
placeTooltip.call(self, targetElement.element, oldtooltipContainer, oldArrowLayer, oldHelperNumberLayer); //change active bullet
if (self._options.showBullets) {
oldReferenceLayer.querySelector(".introjs-bullets li > a.active").className = "";
oldReferenceLayer.querySelector(".introjs-bullets li > a[data-stepnumber=\"".concat(targetElement.step, "\"]")).className = "active";
}
oldReferenceLayer.querySelector(".introjs-progress .introjs-progressbar").style.cssText = "width:".concat(_getProgress.call(self), "%;");
oldReferenceLayer.querySelector(".introjs-progress .introjs-progressbar").setAttribute("aria-valuenow", _getProgress.call(self)); //show the tooltip
oldtooltipContainer.style.opacity = 1;
if (oldHelperNumberLayer) oldHelperNumberLayer.style.opacity = 1; //reset button focus
if (typeof skipTooltipButton !== "undefined" && skipTooltipButton !== null && /introjs-donebutton/gi.test(skipTooltipButton.className)) {
// skip button is now "done" button
skipTooltipButton.focus();
} else if (typeof nextTooltipButton !== "undefined" && nextTooltipButton !== null) {
//still in the tour, focus on next
nextTooltipButton.focus();
} // change the scroll of the window, if needed
scrollTo.call(self, targetElement.scrollTo, targetElement, oldtooltipLayer);
}, 350); // end of old element if-else condition
} else {
var helperLayer = document.createElement("div");
var referenceLayer = document.createElement("div");
var arrowLayer = document.createElement("div");
var tooltipLayer = document.createElement("div");
var tooltipTextLayer = document.createElement("div");
var bulletsLayer = document.createElement("div");
var progressLayer = document.createElement("div");
var buttonsLayer = document.createElement("div");
helperLayer.className = highlightClass;
referenceLayer.className = "introjs-tooltipReferenceLayer"; // scroll to element
scrollParent = getScrollParent(targetElement.element);
if (scrollParent !== document.body) {
// target is within a scrollable element
scrollParentToElement(scrollParent, targetElement.element);
} //set new position to helper layer
setHelperLayerPosition.call(self, helperLayer);
setHelperLayerPosition.call(self, referenceLayer); //add helper layer to target element
this._targetElement.appendChild(helperLayer);
this._targetElement.appendChild(referenceLayer);
arrowLayer.className = "introjs-arrow";
tooltipTextLayer.className = "introjs-tooltiptext";
tooltipTextLayer.innerHTML = targetElement.intro;
bulletsLayer.className = "introjs-bullets";
if (this._options.showBullets === false) {
bulletsLayer.style.display = "none";
}
var ulContainer = document.createElement("ul");
ulContainer.setAttribute("role", "tablist");
var anchorClick = function anchorClick() {
self.goToStep(this.getAttribute("data-stepnumber"));
};
forEach(this._introItems, function (_ref, i) {
var step = _ref.step;
var innerLi = document.createElement("li");
var anchorLink = document.createElement("a");
innerLi.setAttribute("role", "presentation");
anchorLink.setAttribute("role", "tab");
anchorLink.onclick = anchorClick;
if (i === targetElement.step - 1) {
anchorLink.className = "active";
}
setAnchorAsButton(anchorLink);
anchorLink.innerHTML = " ";
anchorLink.setAttribute("data-stepnumber", step);
innerLi.appendChild(anchorLink);
ulContainer.appendChild(innerLi);
});
bulletsLayer.appendChild(ulContainer);
progressLayer.className = "introjs-progress";
if (this._options.showProgress === false) {
progressLayer.style.display = "none";
}
var progressBar = document.createElement("div");
progressBar.className = "introjs-progressbar";
progressBar.setAttribute("role", "progress");
progressBar.setAttribute("aria-valuemin", 0);
progressBar.setAttribute("aria-valuemax", 100);
progressBar.setAttribute("aria-valuenow", _getProgress.call(this));
progressBar.style.cssText = "width:".concat(_getProgress.call(this), "%;");
progressLayer.appendChild(progressBar);
buttonsLayer.className = "introjs-tooltipbuttons";
if (this._options.showButtons === false) {
buttonsLayer.style.display = "none";
}
tooltipLayer.className = "introjs-tooltip";
tooltipLayer.appendChild(tooltipTextLayer);
tooltipLayer.appendChild(bulletsLayer);
tooltipLayer.appendChild(progressLayer); //add helper layer number
var helperNumberLayer = document.createElement("span");
if (this._options.showStepNumbers === true) {
helperNumberLayer.className = "introjs-helperNumberLayer";
helperNumberLayer.innerHTML = targetElement.step;
referenceLayer.appendChild(helperNumberLayer);
}
tooltipLayer.appendChild(arrowLayer);
referenceLayer.appendChild(tooltipLayer); //next button
nextTooltipButton = document.createElement("a");
nextTooltipButton.onclick = function () {
if (self._introItems.length - 1 !== self._currentStep) {
nextStep.call(self);
}
};
setAnchorAsButton(nextTooltipButton);
nextTooltipButton.innerHTML = this._options.nextLabel; //previous button
prevTooltipButton = document.createElement("a");
prevTooltipButton.onclick = function () {
if (self._currentStep !== 0) {
previousStep.call(self);
}
};
setAnchorAsButton(prevTooltipButton);
prevTooltipButton.innerHTML = this._options.prevLabel; //skip button
skipTooltipButton = document.createElement("a");
skipTooltipButton.className = "".concat(this._options.buttonClass, " introjs-skipbutton ");
setAnchorAsButton(skipTooltipButton);
skipTooltipButton.innerHTML = this._options.skipLabel;
skipTooltipButton.onclick = function () {
if (self._introItems.length - 1 === self._currentStep && typeof self._introCompleteCallback === "function") {
self._introCompleteCallback.call(self);
}
if (typeof self._introSkipCallback === "function") {
self._introSkipCallback.call(self);
}
exitIntro.call(self, self._targetElement);
};
buttonsLayer.appendChild(skipTooltipButton); //in order to prevent displaying next/previous button always
if (this._introItems.length > 1) {
buttonsLayer.appendChild(prevTooltipButton);
buttonsLayer.appendChild(nextTooltipButton);
}
tooltipLayer.appendChild(buttonsLayer); //set proper position
placeTooltip.call(self, targetElement.element, tooltipLayer, arrowLayer, helperNumberLayer); // change the scroll of the window, if needed
scrollTo.call(this, targetElement.scrollTo, targetElement, tooltipLayer); //end of new element if-else condition
} // removing previous disable interaction layer
var disableInteractionLayer = self._targetElement.querySelector(".introjs-disableInteraction");
if (disableInteractionLayer) {
disableInteractionLayer.parentNode.removeChild(disableInteractionLayer);
} //disable interaction
if (targetElement.disableInteraction) {
_disableInteraction.call(self);
} // when it's the first step of tour
if (this._currentStep === 0 && this._introItems.length > 1) {
if (typeof skipTooltipButton !== "undefined" && skipTooltipButton !== null) {
skipTooltipButton.className = "".concat(this._options.buttonClass, " introjs-skipbutton");
}
if (typeof nextTooltipButton !== "undefined" && nextTooltipButton !== null) {
nextTooltipButton.className = "".concat(this._options.buttonClass, " introjs-nextbutton");
}
if (this._options.hidePrev === true) {
if (typeof prevTooltipButton !== "undefined" && prevTooltipButton !== null) {
prevTooltipButton.className = "".concat(this._options.buttonClass, " introjs-prevbutton introjs-hidden");
}
if (typeof nextTooltipButton !== "undefined" && nextTooltipButton !== null) {
addClass(nextTooltipButton, "introjs-fullbutton");
}
} else {
if (typeof prevTooltipButton !== "undefined" && prevTooltipButton !== null) {
prevTooltipButton.className = "".concat(this._options.buttonClass, " introjs-prevbutton introjs-disabled");
}
}
if (typeof skipTooltipButton !== "undefined" && skipTooltipButton !== null) {
skipTooltipButton.innerHTML = this._options.skipLabel;
}
} else if (this._introItems.length - 1 === this._currentStep || this._introItems.length === 1) {
// last step of tour
if (typeof skipTooltipButton !== "undefined" && skipTooltipButton !== null) {
skipTooltipButton.innerHTML = this._options.doneLabel; // adding donebutton class in addition to skipbutton
addClass(skipTooltipButton, "introjs-donebutton");
}
if (typeof prevTooltipButton !== "undefined" && prevTooltipButton !== null) {
prevTooltipButton.className = "".concat(this._options.buttonClass, " introjs-prevbutton");
}
if (this._options.hideNext === true) {
if (typeof nextTooltipButton !== "undefined" && nextTooltipButton !== null) {
nextTooltipButton.className = "".concat(this._options.buttonClass, " introjs-nextbutton introjs-hidden");
}
if (typeof prevTooltipButton !== "undefined" && prevTooltipButton !== null) {
addClass(prevTooltipButton, "introjs-fullbutton");
}
} else {
if (typeof nextTooltipButton !== "undefined" && nextTooltipButton !== null) {
nextTooltipButton.className = "".concat(this._options.buttonClass, " introjs-nextbutton introjs-disabled");
}
}
} else {
// steps between start and end
if (typeof skipTooltipButton !== "undefined" && skipTooltipButton !== null) {
skipTooltipButton.className = "".concat(this._options.buttonClass, " introjs-skipbutton");
}
if (typeof prevTooltipButton !== "undefined" && prevTooltipButton !== null) {
prevTooltipButton.className = "".concat(this._options.buttonClass, " introjs-prevbutton");
}
if (typeof nextTooltipButton !== "undefined" && nextTooltipButton !== null) {
nextTooltipButton.className = "".concat(this._options.buttonClass, " introjs-nextbutton");
}
if (typeof skipTooltipButton !== "undefined" && skipTooltipButton !== null) {
skipTooltipButton.innerHTML = this._options.skipLabel;
}
}
if (typeof prevTooltipButton !== "undefined" && prevTooltipButton !== null) {
prevTooltipButton.setAttribute("role", "button");
}
if (typeof nextTooltipButton !== "undefined" && nextTooltipButton !== null) {
nextTooltipButton.setAttribute("role", "button");
}
if (typeof skipTooltipButton !== "undefined" && skipTooltipButton !== null) {
skipTooltipButton.setAttribute("role", "button");
} //Set focus on "next" button, so that hitting Enter always moves you onto the next step
if (typeof nextTooltipButton !== "undefined" && nextTooltipButton !== null) {
nextTooltipButton.focus();
}
setShowElement(targetElement);
if (typeof this._introAfterChangeCallback !== "undefined") {
this._introAfterChangeCallback.call(this, targetElement.element);
}
}
/**
* Go to specific step of introduction
*
* @api private
* @method _goToStep
*/
function goToStep(step) {
//because steps starts with zero
this._currentStep = step - 2;
if (typeof this._introItems !== "undefined") {
nextStep.call(this);
}
}
/**
* Go to the specific step of introduction with the explicit [data-step] number
*
* @api private
* @method _goToStepNumber
*/
function goToStepNumber(step) {
this._currentStepNumber = step;
if (typeof this._introItems !== "undefined") {
nextStep.call(this);
}
}
/**
* Go to next step on intro
*
* @api private
* @method _nextStep
*/
function nextStep() {
var _this = this;
this._direction = "forward";
if (typeof this._currentStepNumber !== "undefined") {
forEach(this._introItems, function (_ref, i) {
var step = _ref.step;
if (step === _this._currentStepNumber) {
_this._currentStep = i - 1;
_this._currentStepNumber = undefined;
}
});
}
if (typeof this._currentStep === "undefined") {
this._currentStep = 0;
} else {
++this._currentStep;
}
var nextStep = this._introItems[this._currentStep];
var continueStep = true;
if (typeof this._introBeforeChangeCallback !== "undefined") {
continueStep = this._introBeforeChangeCallback.call(this, nextStep.element);
} // if `onbeforechange` returned `false`, stop displaying the element
if (continueStep === false) {
--this._currentStep;
return false;
}
if (this._introItems.length <= this._currentStep) {
//end of the intro
//check if any callback is defined
if (typeof this._introCompleteCallback === "function") {
this._introCompleteCallback.call(this);
}
exitIntro.call(this, this._targetElement);
return;
}
_showElement.call(this, nextStep);
}
/**
* Go to previous step on intro
*
* @api private
* @method _previousStep
*/
function previousStep() {
this._direction = "backward";
if (this._currentStep === 0) {
return false;
}
--this._currentStep;
var nextStep = this._introItems[this._currentStep];
var continueStep = true;
if (typeof this._introBeforeChangeCallback !== "undefined") {
continueStep = this._introBeforeChangeCallback.call(this, nextStep.element);
} // if `onbeforechange` returned `false`, stop displaying the element
if (continueStep === false) {
++this._currentStep;
return false;
}
_showElement.call(this, nextStep);
}
/**
* Returns the current step of the intro
*
* @returns {boolean}
*/
function currentStep() {
return this._currentStep;
}
/**
* on keyCode:
* https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode
* This feature has been removed from the Web standards.
* Though some browsers may still support it, it is in
* the process of being dropped.
* Instead, you should use KeyboardEvent.code,
* if it's implemented.
*
* jQuery's approach is to test for
* (1) e.which, then
* (2) e.charCode, then
* (3) e.keyCode
* https://github.com/jquery/jquery/blob/a6b0705294d336ae2f63f7276de0da1195495363/src/event.js#L638
*
* @param type var
* @return type
*/
function onKeyDown(e) {
var code = e.code === null ? e.which : e.code; // if code/e.which is null
if (code === null) {
code = e.charCode === null ? e.keyCode : e.charCode;
}
if ((code === "Escape" || code === 27) && this._options.exitOnEsc === true) {
//escape key pressed, exit the intro
//check if exit callback is defined
exitIntro.call(this, this._targetElement);
} else if (code === "ArrowLeft" || code === 37) {
//left arrow
previousStep.call(this);
} else if (code === "ArrowRight" || code === 39) {
//right arrow
nextStep.call(this);
} else if (code === "Enter" || code === 13) {
//srcElement === ie
var target = e.target || e.srcElement;
if (target && target.className.match("introjs-prevbutton")) {
//user hit enter while focusing on previous button
previousStep.call(this);
} else if (target && target.className.match("introjs-skipbutton")) {
//user hit enter while focusing on skip button
if (this._introItems.length - 1 === this._currentStep && typeof this._introCompleteCallback === "function") {
this._introCompleteCallback.call(this);
}
exitIntro.call(this, this._targetElement);
} else if (target && target.getAttribute("data-stepnumber")) {
// user hit enter while focusing on step bullet
target.click();
} else {
//default behavior for responding to enter
nextStep.call(this);
} //prevent default behaviour on hitting Enter, to prevent steps being skipped in some browsers
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
}
}
/*
* makes a copy of the object
* @api private
* @method _cloneObject
*/
function cloneObject(object) {
if (object === null || _typeof(object) !== "object" || typeof object.nodeType !== "undefined") {
return object;
}
var temp = {};
for (var key in object) {
if (typeof window.jQuery !== "undefined" && object[key] instanceof window.jQuery) {
temp[key] = object[key];
} else {
temp[key] = cloneObject(object[key]);
}
}
return temp;
}
/**
* Get a queryselector within the hint wrapper
*
* @param {String} selector
* @return {NodeList|Array}
*/
function hintQuerySelectorAll(selector) {
var hintsWrapper = document.querySelector(".introjs-hints");
return hintsWrapper ? hintsWrapper.querySelectorAll(selector) : [];
}
/**
* Hide a hint
*
* @api private
* @method hideHint
*/
function hideHint(stepId) {
var hint = hintQuerySelectorAll(".introjs-hint[data-step=\"".concat(stepId, "\"]"))[0];
removeHintTooltip.call(this);
if (hint) {
addClass(hint, "introjs-hidehint");
} // call the callback function (if any)
if (typeof this._hintCloseCallback !== "undefined") {
this._hintCloseCallback.call(this, stepId);
}
}
/**
* Hide all hints
*
* @api private
* @method hideHints
*/
function hideHints() {
var _this = this;
var hints = hintQuerySelectorAll(".introjs-hint");
forEach(hints, function (hint) {
hideHint.call(_this, hint.getAttribute("data-step"));
});
}
/**
* Show all hints
*
* @api private
* @method _showHints
*/
function showHints() {
var _this2 = this;
var hints = hintQuerySelectorAll(".introjs-hint");
if (hints && hints.length) {
forEach(hints, function (hint) {
showHint.call(_this2, hint.getAttribute("data-step"));
});
} else {
populateHints.call(this, this._targetElement);
}
}
/**
* Show a hint
*
* @api private
* @method showHint
*/
function showHint(stepId) {
var hint = hintQuerySelectorAll(".introjs-hint[data-step=\"".concat(stepId, "\"]"))[0];
if (hint) {
removeClass(hint, /introjs-hidehint/g);
}
}
/**
* Removes all hint elements on the page
* Useful when you want to destroy the elements and add them again (e.g. a modal or popup)
*
* @api private
* @method removeHints
*/
function removeHints() {
var _this3 = this;
var hints = hintQuerySelectorAll(".introjs-hint");
forEach(hints, function (hint) {
removeHint.call(_this3, hint.getAttribute("data-step"));
});
}
/**
* Remove one single hint element from the page
* Useful when you want to destroy the element and add them again (e.g. a modal or popup)
* Use removeHints if you want to remove all elements.
*
* @api private
* @method removeHint
*/
function removeHint(stepId) {
var hint = hintQuerySelectorAll(".introjs-hint[data-step=\"".concat(stepId, "\"]"))[0];
if (hint) {
hint.parentNode.removeChild(hint);
}
}
/**
* Add all available hints to the page
*
* @api private
* @method addHints
*/
function addHints() {
var _this4 = this;
var self = this;
var hintsWrapper = document.querySelector(".introjs-hints");
if (hintsWrapper === null) {
hintsWrapper = document.createElement("div");
hintsWrapper.className = "introjs-hints";
}
/**
* Returns an event handler unique to the hint iteration
*
* @param {Integer} i
* @return {Function}
*/
var getHintClick = function getHintClick(i) {
return function (e) {
var evt = e ? e : window.event;
if (evt.stopPropagation) {
evt.stopPropagation();
}
if (evt.cancelBubble !== null) {
evt.cancelBubble = true;
}
showHintDialog.call(self, i);
};
};
forEach(this._introItems, function (item, i) {
// avoid append a hint twice
if (document.querySelector(".introjs-hint[data-step=\"".concat(i, "\"]"))) {
return;
}
var hint = document.createElement("a");
setAnchorAsButton(hint);
hint.onclick = getHintClick(i);
hint.className = "introjs-hint";
if (!item.hintAnimation) {
addClass(hint, "introjs-hint-no-anim");
} // hint's position should be fixed if the target element's position is fixed
if (isFixed(item.element)) {
addClass(hint, "introjs-fixedhint");
}
var hintDot = document.createElement("div");
hintDot.className = "introjs-hint-dot";
var hintPulse = document.createElement("div");
hintPulse.className = "introjs-hint-pulse";
hint.appendChild(hintDot);
hint.appendChild(hintPulse);
hint.setAttribute("data-step", i); // we swap the hint element with target element
// because _setHelperLayerPosition uses `element` property
item.targetElement = item.element;
item.element = hint; // align the hint position
alignHintPosition.call(_this4, item.hintPosition, hint, item.targetElement);
hintsWrapper.appendChild(hint);
}); // adding the hints wrapper
document.body.appendChild(hintsWrapper); // call the callback function (if any)
if (typeof this._hintsAddedCallback !== "undefined") {
this._hintsAddedCallback.call(this);
}
}
/**
* Aligns hint position
*
* @api private
* @method alignHintPosition
* @param {String} position
* @param {Object} hint
* @param {Object} element
*/
function alignHintPosition(position, _ref, element) {
var style = _ref.style;
// get/calculate offset of target element
var offset = getOffset.call(this, element);
var iconWidth = 20;
var iconHeight = 20; // align the hint element
switch (position) {
default:
case "top-left":
style.left = "".concat(offset.left, "px");
style.top = "".concat(offset.top, "px");
break;
case "top-right":
style.left = "".concat(offset.left + offset.width - iconWidth, "px");
style.top = "".concat(offset.top, "px");
break;
case "bottom-left":
style.left = "".concat(offset.left, "px");
style.top = "".concat(offset.top + offset.height - iconHeight, "px");
break;
case "bottom-right":
style.left = "".concat(offset.left + offset.width - iconWidth, "px");
style.top = "".concat(offset.top + offset.height - iconHeight, "px");
break;
case "middle-left":
style.left = "".concat(offset.left, "px");
style.top = "".concat(offset.top + (offset.height - iconHeight) / 2, "px");
break;
case "middle-right":
style.left = "".concat(offset.left + offset.width - iconWidth, "px");
style.top = "".concat(offset.top + (offset.height - iconHeight) / 2, "px");
break;
case "middle-middle":
style.left = "".concat(offset.left + (offset.width - iconWidth) / 2, "px");
style.top = "".concat(offset.top + (offset.height - iconHeight) / 2, "px");
break;
case "bottom-middle":
style.left = "".concat(offset.left + (offset.width - iconWidth) / 2, "px");
style.top = "".concat(offset.top + offset.height - iconHeight, "px");
break;
case "top-middle":
style.left = "".concat(offset.left + (offset.width - iconWidth) / 2, "px");
style.top = "".concat(offset.top, "px");
break;
}
}
/**
* Triggers when user clicks on the hint element
*
* @api private
* @method _showHintDialog
* @param {Number} stepId
*/
function showHintDialog(stepId) {
var hintElement = document.querySelector(".introjs-hint[data-step=\"".concat(stepId, "\"]"));
var item = this._introItems[stepId]; // call the callback function (if any)
if (typeof this._hintClickCallback !== "undefined") {
this._hintClickCallback.call(this, hintElement, item, stepId);
} // remove all open tooltips
var removedStep = removeHintTooltip.call(this); // to toggle the tooltip
if (parseInt(removedStep, 10) === stepId) {
return;
}
var tooltipLayer = document.createElement("div");
var tooltipTextLayer = document.createElement("div");
var arrowLayer = document.createElement("div");
var referenceLayer = document.createElement("div");
tooltipLayer.className = "introjs-tooltip";
tooltipLayer.onclick = function (e) {
//IE9 & Other Browsers
if (e.stopPropagation) {
e.stopPropagation();
} //IE8 and Lower
else {
e.cancelBubble = true;
}
};
tooltipTextLayer.className = "introjs-tooltiptext";
var tooltipWrapper = document.createElement("p");
tooltipWrapper.innerHTML = item.hint;
var closeButton = document.createElement("a");
closeButton.className = this._options.buttonClass;
closeButton.setAttribute("role", "button");
closeButton.innerHTML = this._options.hintButtonLabel;
closeButton.onclick = hideHint.bind(this, stepId);
tooltipTextLayer.appendChild(tooltipWrapper);
tooltipTextLayer.appendChild(closeButton);
arrowLayer.className = "introjs-arrow";
tooltipLayer.appendChild(arrowLayer);
tooltipLayer.appendChild(tooltipTextLayer); // set current step for _placeTooltip function
this._currentStep = hintElement.getAttribute("data-step"); // align reference layer position
referenceLayer.className = "introjs-tooltipReferenceLayer introjs-hintReference";
referenceLayer.setAttribute("data-step", hintElement.getAttribute("data-step"));
setHelperLayerPosition.call(this, referenceLayer);
referenceLayer.appendChild(tooltipLayer);
document.body.appendChild(referenceLayer); //set proper position
placeTooltip.call(this, hintElement, tooltipLayer, arrowLayer, null, true);
}
/**
* Removes open hint (tooltip hint)
*
* @api private
* @method _removeHintTooltip
*/
function removeHintTooltip() {
var tooltip = document.querySelector(".introjs-hintReference");
if (tooltip) {
var step = tooltip.getAttribute("data-step");
tooltip.parentNode.removeChild(tooltip);
return step;
}
}
/**
* Start parsing hint items
*
* @api private
* @param {Object} targetElm
* @method _startHint
*/
function populateHints(targetElm) {
var _this5 = this;
this._introItems = [];
if (this._options.hints) {
forEach(this._options.hints, function (hint) {
var currentItem = cloneObject(hint);
if (typeof currentItem.element === "string") {
//grab the element with given selector from the page
currentItem.element = document.querySelector(currentItem.element);
}
currentItem.hintPosition = currentItem.hintPosition || _this5._options.hintPosition;
currentItem.hintAnimation = currentItem.hintAnimation || _this5._options.hintAnimation;
if (currentItem.element !== null) {
_this5._introItems.push(currentItem);
}
});
} else {
var hints = targetElm.querySelectorAll("*[data-hint]");
if (!hints || !hints.length) {
return false;
} //first add intro items with data-step
forEach(hints, function (currentElement) {
// hint animation
var hintAnimation = currentElement.getAttribute("data-hintanimation");
if (hintAnimation) {
hintAnimation = hintAnimation === "true";
} else {
hintAnimation = _this5._options.hintAnimation;
}
_this5._introItems.push({
element: currentElement,
hint: currentElement.getAttribute("data-hint"),
hintPosition: currentElement.getAttribute("data-hintposition") || _this5._options.hintPosition,
hintAnimation: hintAnimation,
tooltipClass: currentElement.getAttribute("data-tooltipclass"),
position: currentElement.getAttribute("data-position") || _this5._options.tooltipPosition
});
});
}
addHints.call(this);
/*
todo:
these events should be removed at some point
*/
DOMEvent.on(document, "click", removeHintTooltip, this, false);
DOMEvent.on(window, "resize", reAlignHints, this, true);
}
/**
* Re-aligns all hint elements
*
* @api private
* @method _reAlignHints
*/
function reAlignHints() {
var _this6 = this;
forEach(this._introItems, function (_ref2) {
var targetElement = _ref2.targetElement,
hintPosition = _ref2.hintPosition,
element = _ref2.element;
if (typeof targetElement === "undefined") {
return;
}
alignHintPosition.call(_this6, hintPosition, element, targetElement);
});
}
/**
* Update placement of the intro objects on the screen
* @api private
*/
function refresh() {
// re-align intros
setHelperLayerPosition.call(this, document.querySelector(".introjs-helperLayer"));
setHelperLayerPosition.call(this, document.querySelector(".introjs-tooltipReferenceLayer"));
setHelperLayerPosition.call(this, document.querySelector(".introjs-disableInteraction")); // re-align tooltip
if (this._currentStep !== undefined && this._currentStep !== null) {
var oldHelperNumberLayer = document.querySelector(".introjs-helperNumberLayer");
var oldArrowLayer = document.querySelector(".introjs-arrow");
var oldtooltipContainer = document.querySelector(".introjs-tooltip");
placeTooltip.call(this, this._introItems[this._currentStep].element, oldtooltipContainer, oldArrowLayer, oldHelperNumberLayer);
} //re-align hints
reAlignHints.call(this);
return this;
}
function onResize() {
refresh.call(this);
}
/**
* Exit from intro
*
* @api private
* @method _exitIntro
* @param {Object} targetElement
* @param {Boolean} force - Setting to `true` will skip the result of beforeExit callback
*/
function exitIntro(targetElement, force) {
var continueExit = true; // calling onbeforeexit callback
//
// If this callback return `false`, it would halt the process
if (this._introBeforeExitCallback !== undefined) {
continueExit = this._introBeforeExitCallback.call(this);
} // skip this check if `force` parameter is `true`
// otherwise, if `onbeforeexit` returned `false`, don't exit the intro
if (!force && continueExit === false) return; //remove overlay layers from the page
var overlayLayers = targetElement.querySelectorAll(".introjs-overlay");
if (overlayLayers && overlayLayers.length) {
forEach(overlayLayers, function (overlayLayer) {
overlayLayer.style.opacity = 0;
window.setTimeout(function () {
if (this.parentNode) {
this.parentNode.removeChild(this);
}
}.bind(overlayLayer), 500);
});
} //remove all helper layers
var helperLayer = targetElement.querySelector(".introjs-helperLayer");
if (helperLayer) {
helperLayer.parentNode.removeChild(helperLayer);
}
var referenceLayer = targetElement.querySelector(".introjs-tooltipReferenceLayer");
if (referenceLayer) {
referenceLayer.parentNode.removeChild(referenceLayer);
} //remove disableInteractionLayer
var disableInteractionLayer = targetElement.querySelector(".introjs-disableInteraction");
if (disableInteractionLayer) {
disableInteractionLayer.parentNode.removeChild(disableInteractionLayer);
} //remove intro floating element
var floatingElement = document.querySelector(".introjsFloatingElement");
if (floatingElement) {
floatingElement.parentNode.removeChild(floatingElement);
}
removeShowElement(); //remove `introjs-fixParent` class from the elements
var fixParents = document.querySelectorAll(".introjs-fixParent");
forEach(fixParents, function (parent) {
removeClass(parent, /introjs-fixParent/g);
}); //clean listeners
DOMEvent.off(window, "keydown", onKeyDown, this, true);
DOMEvent.off(window, "resize", onResize, this, true); //check if any callback is defined
if (this._introExitCallback !== undefined) {
this._introExitCallback.call(this);
} //set the step to zero
this._currentStep = undefined;
}
/**
* Add overlay layer to the page
*
* @api private
* @method _addOverlayLayer
* @param {Object} targetElm
*/
function addOverlayLayer(targetElm) {
var overlayLayer = document.createElement("div");
var styleText = "";
var self = this; //set css class name
overlayLayer.className = "introjs-overlay"; //check if the target element is body, we should calculate the size of overlay layer in a better way
if (!targetElm.tagName || targetElm.tagName.toLowerCase() === "body") {
styleText += "top: 0;bottom: 0; left: 0;right: 0;position: fixed;";
overlayLayer.style.cssText = styleText;
} else {
//set overlay layer position
var elementPosition = getOffset(targetElm);
if (elementPosition) {
styleText += "width: ".concat(elementPosition.width, "px; height:").concat(elementPosition.height, "px; top:").concat(elementPosition.top, "px;left: ").concat(elementPosition.left, "px;");
overlayLayer.style.cssText = styleText;
}
}
targetElm.appendChild(overlayLayer);
overlayLayer.onclick = function () {
if (self._options.exitOnOverlayClick === true) {
exitIntro.call(self, targetElm);
}
};
window.setTimeout(function () {
styleText += "opacity: ".concat(self._options.overlayOpacity.toString(), ";");
overlayLayer.style.cssText = styleText;
}, 10);
return true;
}
/**
* Initiate a new introduction/guide from an element in the page
*
* @api private
* @method _introForElement
* @param {Object} targetElm
* @param {String} group
* @returns {Boolean} Success or not?
*/
function introForElement(targetElm, group) {
var _this = this;
var allIntroSteps = targetElm.querySelectorAll("*[data-intro]");
var introItems = [];
if (this._options.steps) {
//use steps passed programmatically
forEach(this._options.steps, function (step) {
var currentItem = cloneObject(step); //set the step
currentItem.step = introItems.length + 1; //use querySelector function only when developer used CSS selector
if (typeof currentItem.element === "string") {
//grab the element with given selector from the page
currentItem.element = document.querySelector(currentItem.element);
} //intro without element
if (typeof currentItem.element === "undefined" || currentItem.element === null) {
var floatingElementQuery = document.querySelector(".introjsFloatingElement");
if (floatingElementQuery === null) {
floatingElementQuery = document.createElement("div");
floatingElementQuery.className = "introjsFloatingElement";
document.body.appendChild(floatingElementQuery);
}
currentItem.element = floatingElementQuery;
currentItem.position = "floating";
}
currentItem.scrollTo = currentItem.scrollTo || _this._options.scrollTo;
if (typeof currentItem.disableInteraction === "undefined") {
currentItem.disableInteraction = _this._options.disableInteraction;
}
if (currentItem.element !== null) {
introItems.push(currentItem);
}
});
} else {
//use steps from data-* annotations
var elmsLength = allIntroSteps.length;
var disableInteraction; //if there's no element to intro
if (elmsLength < 1) {
return false;
}
forEach(allIntroSteps, function (currentElement) {
// PR #80
// start intro for groups of elements
if (group && currentElement.getAttribute("data-intro-group") !== group) {
return;
} // skip hidden elements
if (currentElement.style.display === "none") {
return;
}
var step = parseInt(currentElement.getAttribute("data-step"), 10);
if (typeof currentElement.getAttribute("data-disable-interaction") !== "undefined") {
disableInteraction = !!currentElement.getAttribute("data-disable-interaction");
} else {
disableInteraction = _this._options.disableInteraction;
}
if (step > 0) {
introItems[step - 1] = {
element: currentElement,
intro: currentElement.getAttribute("data-intro"),
step: parseInt(currentElement.getAttribute("data-step"), 10),
tooltipClass: currentElement.getAttribute("data-tooltipclass"),
highlightClass: currentElement.getAttribute("data-highlightclass"),
position: currentElement.getAttribute("data-position") || _this._options.tooltipPosition,
scrollTo: currentElement.getAttribute("data-scrollto") || _this._options.scrollTo,
disableInteraction: disableInteraction
};
}
}); //next add intro items without data-step
//todo: we need a cleanup here, two loops are redundant
var _nextStep = 0;
forEach(allIntroSteps, function (currentElement) {
// PR #80
// start intro for groups of elements
if (group && currentElement.getAttribute("data-intro-group") !== group) {
return;
}
if (currentElement.getAttribute("data-step") === null) {
while (true) {
if (typeof introItems[_nextStep] === "undefined") {
break;
} else {
_nextStep++;
}
}
if (typeof currentElement.getAttribute("data-disable-interaction") !== "undefined") {
disableInteraction = !!currentElement.getAttribute("data-disable-interaction");
} else {
disableInteraction = _this._options.disableInteraction;
}
introItems[_nextStep] = {
element: currentElement,
intro: currentElement.getAttribute("data-intro"),
step: _nextStep + 1,
tooltipClass: currentElement.getAttribute("data-tooltipclass"),
highlightClass: currentElement.getAttribute("data-highlightclass"),
position: currentElement.getAttribute("data-position") || _this._options.tooltipPosition,
scrollTo: currentElement.getAttribute("data-scrollto") || _this._options.scrollTo,
disableInteraction: disableInteraction
};
}
});
} //removing undefined/null elements
var tempIntroItems = [];
for (var z = 0; z < introItems.length; z++) {
if (introItems[z]) {
// copy non-falsy values to the end of the array
tempIntroItems.push(introItems[z]);
}
}
introItems = tempIntroItems; //Ok, sort all items with given steps
introItems.sort(function (a, b) {
return a.step - b.step;
}); //set it to the introJs object
this._introItems = introItems; //add overlay layer to the page
if (addOverlayLayer.call(this, targetElm)) {
//then, start the show
nextStep.call(this);
if (this._options.keyboardNavigation) {
DOMEvent.on(window, "keydown", onKeyDown, this, true);
} //for window resize
DOMEvent.on(window, "resize", onResize, this, true);
}
return false;
}
var version = "3.0.1";
/**
* IntroJs main class
*
* @class IntroJs
*/
function IntroJs(obj) {
this._targetElement = obj;
this._introItems = [];
this._options = {
/* Next button label in tooltip box */
nextLabel: "Next →",
/* Previous button label in tooltip box */
prevLabel: "← Back",
/* Skip button label in tooltip box */
skipLabel: "Skip",
/* Done button label in tooltip box */
doneLabel: "Done",
/* Hide previous button in the first step? Otherwise, it will be disabled button. */
hidePrev: false,
/* Hide next button in the last step? Otherwise, it will be disabled button. */
hideNext: false,
/* Default tooltip box position */
tooltipPosition: "bottom",
/* Next CSS class for tooltip boxes */
tooltipClass: "",
/* CSS class that is added to the helperLayer */
highlightClass: "",
/* Close introduction when pressing Escape button? */
exitOnEsc: true,
/* Close introduction when clicking on overlay layer? */
exitOnOverlayClick: true,
/* Show step numbers in introduction? */
showStepNumbers: true,
/* Let user use keyboard to navigate the tour? */
keyboardNavigation: true,
/* Show tour control buttons? */
showButtons: true,
/* Show tour bullets? */
showBullets: true,
/* Show tour progress? */
showProgress: false,
/* Scroll to highlighted element? */
scrollToElement: true,
/*
* Should we scroll the tooltip or target element?
*
* Options are: 'element' or 'tooltip'
*/
scrollTo: "element",
/* Padding to add after scrolling when element is not in the viewport (in pixels) */
scrollPadding: 30,
/* Set the overlay opacity */
overlayOpacity: 0.8,
/* Precedence of positions, when auto is enabled */
positionPrecedence: ["bottom", "top", "right", "left"],
/* Disable an interaction with element? */
disableInteraction: false,
/* Set how much padding to be used around helper element */
helperElementPadding: 10,
/* Default hint position */
hintPosition: "top-middle",
/* Hint button label */
hintButtonLabel: "Got it",
/* Adding animation to hints? */
hintAnimation: true,
/* additional classes to put on the buttons */
buttonClass: "introjs-button"
};
}
var introJs = function introJs(targetElm) {
var instance;
if (_typeof(targetElm) === "object") {
//Ok, create a new instance
instance = new IntroJs(targetElm);
} else if (typeof targetElm === "string") {
//select the target element with query selector
var targetElement = document.querySelector(targetElm);
if (targetElement) {
instance = new IntroJs(targetElement);
} else {
throw new Error("There is no element with given selector.");
}
} else {
instance = new IntroJs(document.body);
} // add instance to list of _instances
// passing group to stamp to increment
// from 0 onward somewhat reliably
introJs.instances[stamp(instance, "introjs-instance")] = instance;
return instance;
};
/**
* Current IntroJs version
*
* @property version
* @type String
*/
introJs.version = version;
/**
* key-val object helper for introJs instances
*
* @property instances
* @type Object
*/
introJs.instances = {}; //Prototype
introJs.fn = IntroJs.prototype = {
clone: function clone() {
return new IntroJs(this);
},
setOption: function setOption(option, value) {
this._options[option] = value;
return this;
},
setOptions: function setOptions(options) {
this._options = mergeOptions(this._options, options);
return this;
},
start: function start(group) {
introForElement.call(this, this._targetElement, group);
return this;
},
goToStep: function goToStep$1(step) {
goToStep.call(this, step);
return this;
},
addStep: function addStep(options) {
if (!this._options.steps) {
this._options.steps = [];
}
this._options.steps.push(options);
return this;
},
addSteps: function addSteps(steps) {
if (!steps.length) return;
for (var index = 0; index < steps.length; index++) {
this.addStep(steps[index]);
}
return this;
},
goToStepNumber: function goToStepNumber$1(step) {
goToStepNumber.call(this, step);
return this;
},
nextStep: function nextStep$1() {
nextStep.call(this);
return this;
},
previousStep: function previousStep$1() {
previousStep.call(this);
return this;
},
currentStep: function currentStep$1() {
return currentStep.call(this);
},
exit: function exit(force) {
exitIntro.call(this, this._targetElement, force);
return this;
},
refresh: function refresh$1() {
refresh.call(this);
return this;
},
onbeforechange: function onbeforechange(providedCallback) {
if (typeof providedCallback === "function") {
this._introBeforeChangeCallback = providedCallback;
} else {
throw new Error("Provided callback for onbeforechange was not a function");
}
return this;
},
onchange: function onchange(providedCallback) {
if (typeof providedCallback === "function") {
this._introChangeCallback = providedCallback;
} else {
throw new Error("Provided callback for onchange was not a function.");
}
return this;
},
onafterchange: function onafterchange(providedCallback) {
if (typeof providedCallback === "function") {
this._introAfterChangeCallback = providedCallback;
} else {
throw new Error("Provided callback for onafterchange was not a function");
}
return this;
},
oncomplete: function oncomplete(providedCallback) {
if (typeof providedCallback === "function") {
this._introCompleteCallback = providedCallback;
} else {
throw new Error("Provided callback for oncomplete was not a function.");
}
return this;
},
onhintsadded: function onhintsadded(providedCallback) {
if (typeof providedCallback === "function") {
this._hintsAddedCallback = providedCallback;
} else {
throw new Error("Provided callback for onhintsadded was not a function.");
}
return this;
},
onhintclick: function onhintclick(providedCallback) {
if (typeof providedCallback === "function") {
this._hintClickCallback = providedCallback;
} else {
throw new Error("Provided callback for onhintclick was not a function.");
}
return this;
},
onhintclose: function onhintclose(providedCallback) {
if (typeof providedCallback === "function") {
this._hintCloseCallback = providedCallback;
} else {
throw new Error("Provided callback for onhintclose was not a function.");
}
return this;
},
onexit: function onexit(providedCallback) {
if (typeof providedCallback === "function") {
this._introExitCallback = providedCallback;
} else {
throw new Error("Provided callback for onexit was not a function.");
}
return this;
},
onskip: function onskip(providedCallback) {
if (typeof providedCallback === "function") {
this._introSkipCallback = providedCallback;
} else {
throw new Error("Provided callback for onskip was not a function.");
}
return this;
},
onbeforeexit: function onbeforeexit(providedCallback) {
if (typeof providedCallback === "function") {
this._introBeforeExitCallback = providedCallback;
} else {
throw new Error("Provided callback for onbeforeexit was not a function.");
}
return this;
},
addHints: function addHints() {
populateHints.call(this, this._targetElement);
return this;
},
hideHint: function hideHint$1(stepId) {
hideHint.call(this, stepId);
return this;
},
hideHints: function hideHints$1() {
hideHints.call(this);
return this;
},
showHint: function showHint$1(stepId) {
showHint.call(this, stepId);
return this;
},
showHints: function showHints$1() {
showHints.call(this);
return this;
},
removeHints: function removeHints$1() {
removeHints.call(this);
return this;
},
removeHint: function removeHint$1(stepId) {
removeHint().call(this, stepId);
return this;
},
showHintDialog: function showHintDialog$1(stepId) {
showHintDialog.call(this, stepId);
return this;
}
};
return introJs;
})));
================================================
FILE: src/js/introjs.css
================================================
/*
Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
Changed by Afshin Mehrabani
*/
/* overrides extra padding on button elements in Firefox */
@-webkit-keyframes introjspulse {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
25% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.1; }
50% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.3; }
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.5; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@keyframes introjspulse {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
25% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.1; }
50% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.3; }
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.5; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
.introjs-overlay {
position: absolute;
-webkit-box-sizing: content-box;
box-sizing: content-box;
z-index: 999999;
background-color: #212121;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(33, 33, 33, 0.5) 0, rgba(33, 33, 33, 0.9) 100%);
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(33, 33, 33, 0.5) 0, rgba(33, 33, 33, 0.9) 100%);
background: radial-gradient(center, ellipse farthest-corner, rgba(33, 33, 33, 0.5) 0, rgba(33, 33, 33, 0.9) 100%);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.introjs-fixParent {
z-index: auto !important;
opacity: 1 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important; }
.introjs-showElement {
z-index: 9999999 !important; }
tr.introjs-showElement > td {
z-index: 9999999 !important;
position: relative; }
tr.introjs-showElement > th {
z-index: 9999999 !important;
position: relative; }
.introjs-disableInteraction {
z-index: 99999999 !important;
position: absolute;
background-color: #ffffff;
opacity: 0;
filter: alpha(opacity=0); }
.introjs-relativePosition {
position: relative; }
.introjs-helperLayer {
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
z-index: 9999998;
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(33, 33, 33, 0.5);
border-radius: 4px;
-webkit-box-shadow: 0 2px 15px rgba(33, 33, 33, 0.4);
box-shadow: 0 2px 15px rgba(33, 33, 33, 0.4);
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.introjs-helperLayer * {
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.introjs-helperLayer *:before {
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.introjs-helperLayer *:after {
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.introjs-tooltipReferenceLayer {
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
visibility: hidden;
z-index: 100000000;
background-color: transparent;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.introjs-helperNumberLayer {
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
visibility: visible;
top: -16px;
left: -16px;
z-index: 9999999999 !important;
padding: 2px;
font-family: Arial, verdana, tahoma;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-align: center;
text-shadow: 1px 1px 1px rgba(33, 33, 33, 0.3);
background: #ff3019;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3019), to(#cf0404));
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
width: 20px;
height: 20px;
line-height: 20px;
border: 3px solid white;
border-radius: 50%;
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";
filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";
-webkit-box-shadow: 0 2px 5px rgba(33, 33, 33, 0.4);
box-shadow: 0 2px 5px rgba(33, 33, 33, 0.4); }
.introjs-arrow {
border: 5px solid transparent;
content: "";
position: absolute; }
.introjs-arrow.top {
top: -10px;
border-bottom-color: #ffffff; }
.introjs-arrow.top-right {
top: -10px;
right: 10px;
border-bottom-color: #ffffff; }
.introjs-arrow.top-middle {
top: -10px;
left: 50%;
margin-left: -5px;
border-bottom-color: #ffffff; }
.introjs-arrow.right {
right: -10px;
top: 10px;
border-left-color: #ffffff; }
.introjs-arrow.right-bottom {
bottom: 10px;
right: -10px;
border-left-color: #ffffff; }
.introjs-arrow.bottom {
bottom: -10px;
border-top-color: #ffffff; }
.introjs-arrow.bottom-right {
bottom: -10px;
right: 10px;
border-top-color: #ffffff; }
.introjs-arrow.bottom-middle {
bottom: -10px;
left: 50%;
margin-left: -5px;
border-top-color: #ffffff; }
.introjs-arrow.left {
left: -10px;
top: 10px;
border-right-color: #ffffff; }
.introjs-arrow.left-bottom {
left: -10px;
bottom: 10px;
border-right-color: #ffffff; }
.introjs-tooltip {
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
visibility: visible;
padding: 10px;
background-color: #ffffff;
min-width: 200px;
max-width: 300px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 10px rgba(33, 33, 33, 0.4);
box-shadow: 0 1px 10px rgba(33, 33, 33, 0.4);
-webkit-transition: opacity 0.1s ease-out;
-o-transition: opacity 0.1s ease-out;
transition: opacity 0.1s ease-out; }
.introjs-tooltipbuttons {
text-align: right;
white-space: nowrap; }
.introjs-button {
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: relative;
overflow: visible;
display: inline-block;
padding: 0.3em 0.8em;
border: 1px solid #bdbdbd;
text-decoration: none;
text-shadow: 1px 1px 0 #ffffff;
font: 11px / normal sans-serif;
color: #424242;
white-space: nowrap;
cursor: pointer;
outline: none;
background-color: #e0e0e0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
background-image: -webkit-linear-gradient(#f4f4f4, #ececec);
background-image: -o-linear-gradient(#f4f4f4, #ececec);
background-image: linear-gradient(#f4f4f4, #ececec);
-webkit-background-clip: padding;
-moz-background-clip: padding;
-o-background-clip: padding-box;
border-radius: 0.2em;
zoom: 1;
*display: inline;
margin: 10px 0 0; }
.introjs-button:hover {
border-color: #bdbdbd;
text-decoration: none;
-webkit-box-shadow: 0px 1px 1px #e3e3e3;
box-shadow: 0px 1px 1px #e3e3e3; }
.introjs-button:focus {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#f4f4f4));
background-image: -webkit-linear-gradient(#ececec, #f4f4f4);
background-image: -o-linear-gradient(#ececec, #f4f4f4);
background-image: linear-gradient(#ececec, #f4f4f4); }
.introjs-button:active {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#f4f4f4));
background-image: -webkit-linear-gradient(#ececec, #f4f4f4);
background-image: -o-linear-gradient(#ececec, #f4f4f4);
background-image: linear-gradient(#ececec, #f4f4f4); }
.introjs-button::-moz-focus-inner {
padding: 0;
border: 0; }
.introjs-skipbutton {
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin-right: 5px;
color: #616161; }
.introjs-prevbutton {
border-radius: 0.2em 0 0 0.2em;
border-right: none; }
.introjs-prevbutton.introjs-fullbutton {
border: 1px solid #bdbdbd;
border-radius: 0.2em; }
.introjs-nextbutton {
border-radius: 0 0.2em 0.2em 0; }
.introjs-nextbutton.introjs-fullbutton {
border-radius: 0.2em; }
.introjs-disabled {
color: #9e9e9e;
border-color: #bdbdbd;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
background-color: #f4f4f4;
background-image: none;
text-decoration: none; }
.introjs-disabled:hover {
color: #9e9e9e;
border-color: #bdbdbd;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
background-color: #f4f4f4;
background-image: none;
text-decoration: none; }
.introjs-disabled:focus {
color: #9e9e9e;
border-color: #bdbdbd;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
background-color: #f4f4f4;
background-image: none;
text-decoration: none; }
.introjs-hidden {
display: none; }
.introjs-bullets {
text-align: center; }
.introjs-bullets ul {
-webkit-box-sizing: content-box;
box-sizing: content-box;
clear: both;
margin: 15px auto 0;
padding: 0;
display: inline-block; }
.introjs-bullets ul li {
-webkit-box-sizing: content-box;
box-sizing: content-box;
list-style: none;
float: left;
margin: 0 2px; }
.introjs-bullets ul li a {
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: block;
width: 6px;
height: 6px;
background: #ccc;
border-radius: 10px;
text-decoration: none;
cursor: pointer; }
.introjs-bullets ul li a:hover {
background: #999; }
.introjs-bullets ul li a.active {
background: #999; }
.introjs-progress {
-webkit-box-sizing: content-box;
box-sizing: content-box;
overflow: hidden;
height: 10px;
margin: 10px 0 5px 0;
border-radius: 4px;
background-color: #e0e0e0; }
.introjs-progressbar {
-webkit-box-sizing: content-box;
box-sizing: content-box;
float: left;
width: 0%;
height: 100%;
font-size: 10px;
line-height: 10px;
text-align: center;
background-color: #08c; }
.introjsFloatingElement {
position: absolute;
height: 0;
width: 0;
left: 50%;
top: 50%; }
.introjs-fixedTooltip {
position: fixed; }
.introjs-hint {
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
background: transparent;
width: 20px;
height: 15px;
cursor: pointer; }
.introjs-hint:focus {
border: 0;
outline: 0; }
.introjs-hint:hover > .introjs-hint-pulse {
border: 5px solid rgba(60, 60, 60, 0.57); }
.introjs-hidehint {
display: none; }
.introjs-fixedhint {
position: fixed; }
.introjs-hint-pulse {
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 10px;
height: 10px;
border: 5px solid rgba(60, 60, 60, 0.27);
border-radius: 30px;
background-color: rgba(136, 136, 136, 0.24);
z-index: 10;
position: absolute;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
.introjs-hint-no-anim .introjs-hint-dot {
-webkit-animation: none;
animation: none; }
.introjs-hint-dot {
-webkit-box-sizing: content-box;
box-sizing: content-box;
border: 10px solid rgba(146, 146, 146, 0.36);
background: transparent;
border-radius: 60px;
height: 50px;
width: 50px;
-webkit-animation: introjspulse 3s ease-out;
animation: introjspulse 3s ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
position: absolute;
top: -25px;
left: -25px;
z-index: 1;
opacity: 0; }
================================================
FILE: src/js/main.js
================================================
Jade.Desktop = class API {
constructor() {
this.visible = true
this.searchActive = false
}
elem(element) {
return document.querySelector(element)
}
elems(elements) {
return document.querySelectorAll(elements)
}
toggleLauncher() {
let appView = this.appView()
let classes = appView.classList
if (classes.contains("show")) {
this.closeApplications()
} else {
this.openApplications()
JAK.Bridge.setPanelVisible(true)
}
this.toggleDesktop()
}
buildHTML(el, name, icon, description, keywords, file) {
el.insertAdjacentHTML('beforeend', appTemplate(name, icon, description, keywords, file))
}
toggleDesktop() {
JAK.Bridge.toggleDesktop()
}
hideInspector() {
JAK.Bridge.hideInspector();
}
about() {
return M.Modal.getInstance(this.elem('#about'))
}
appView() {
return this.elem('.applications-wrapper')
}
playVideo(src) {
let video = desktop.elem('#video-background')
video.src = src
}
showApplications() {
let apps = desktop.elem("#apps-container")
let classes = apps.classList
desktop.elem("#settingsPanel").classList.remove("show")
classes.remove("shift")
}
showSettings() {
this.closeWidgets()
let settings = desktop.elem("#settingsPanel")
let classes = settings.classList
classes.add("show")
desktop.elem("#apps-container").classList.add("shift")
if (jde.searchSettings == null) {
jde.searchSettings = ""
}
}
closeApplications() {
this.openWidgets()
let self = this
this.appView().classList.remove("opacity")
JAK.Bridge.setPanelVisible(false)
setTimeout(function () {
self.appView().classList.remove("show")
}, 300);
}
get_categories() {
let items = []
for (let category in Jade.menu) {
items.push(category)
}
return items
}
get_search_items() {
JAK.Bridge.updateMenu()
let items = []
let categories = this.get_categories()
for (let category of categories) {
let apps = Jade.menu[`${category}`].apps
for (let app of apps) {
items.push(app)
}
}
return items
}
openApplications() {
if (Jade.settings.tourDone == true) {
this.closeWidgets()
if (jde.searchApplications == null) {
jde.searchApplications = ""
}
this.appView().classList.add("show", "opacity");
}
}
closeWidgets() {
desktop.elem("#floating-items").style.opacity = 0
}
openWidgets() {
desktop.elem("#floating-items").style.opacity = 1
}
empty(el) {
el.innerHTML = ""
}
}
function appDrag(ev) {
el = ev.target
img = el.querySelector("img")
if (el.href.includes("ipc:")) {
ev.dataTransfer.setDragImage(img, 10, 10)
ev.dataTransfer.setData("url", ev.target.href.replace("ipc:", "file://"))
} else {
ev.dataTransfer.setDragImage(img, 25, 25)
}
}
function appTemplate(name, icon, description, keywords, file) {
let template = `
<div class="grid-item">
<div class="app">
<div class="icons-container">
<a href="${file}" ondragstart="appDrag(event)" class="ipc" onclick="JAK.IPC('${file}');return false;"><img class="app-icon" draggable="false" src="${icon}">
<div class="app-title">
${name}
</div>
</a>
</div>
<div class="description">${
description.toLowerCase()
}</div>
<span style="display:none;">${keywords}</span>
</div>
`
return template
}
function init() {
desktop = new Jade.Desktop();
let about = JSON.parse(JAK.Bridge.about)
let icons = JSON.parse(JAK.Bridge.icons)
setInterval(showTime, 1000)
function showTime() {
let time = new Date()
let hour = time.getHours()
let min = time.getMinutes()
hour = hour < 10 ? "0" + hour : hour
min = min < 10 ? "0" + min : min
let currentTime = hour + ":" + min
desktop.elem("#time").innerHTML = currentTime
}
showTime()
Jade.videos = [
"Beach",
"Blue Sky",
"Burning Fire",
"Foggy Mountain",
"WaterFall",
"Sleeping Cat",
"Yellow Flower",
"Shark Tank",
"Sunset",
"The Web",
"Ink Mix"
]
jde = new Vue({
el: '#app',
data: {
backgroundBtnIcon: icons["background"],
appSettingsIcon: icons["app-settings"],
appMenuIcon: icons["app-menu"],
categorySettingsIcon: icons["category-settings"],
arrowUp: "../../images/arrow.svg",
arrowDown: "../../images/arrow.svg",
moodBackGroundText: "Mood Background",
restoreText: "Restore Defaults",
restoreBtnIcon: icons["restore"],
devToolsText: "DevTools",
inspectorText: "Inspector",
experimentalFeaturesText: "Experimental features",
searchBtnIcon: icons["search"],
aboutTitle: about["title"],
aboutDescription: about["description"],
urlText: "Project URL and reporting bugs.",
url: about["url"],
aboutLicense: "License: " + about["license"],
aboutAuthor: "Copyright © 2020 " + about["author"],
warranty: "This software comes with no warranty.",
categoriesTittle: "Visible Applications",
categories: Jade.menu,
videos: Jade.videos,
"disabledText": "Disabled",
"tileText": "Auto Tile Windows",
Appearance: "Appearance",
Behavior: "Behavior",
System: "System",
workspaceText: "WorkSpaces",
workspaceDescription: "Run applications or script your workspaces, usage: executable or script path.",
isTyping : false,
searchApplications: null,
searchSettings : null
},
watch : {
searchApplications : function (query) {
this.matchQuery("#Applications", query)
},
searchSettings : function (query) {
this.matchQuery(".settings-grid", query)
}
},
methods : {
matchQuery(_type, query) {
this.isTyping = true
setTimeout(() => {
destination = desktop.elem(`${_type}`)
desktop.empty(destination)
this.isTyping = false
desktop.searchActive = true
let apps = desktop.get_search_items()
function match(app) {
if (
app.name.toLowerCase().includes(query.toLowerCase()) |
app.description.toLowerCase().includes(query.toLowerCase()) ||
app.keywords.toLowerCase().includes(query.toLowerCase())
) {
desktop.buildHTML(destination, app.name, app.icon, app.description, app.keywords, app.path)
}
}
if (_type == "#Applications") {
for (app of apps) {
if (app.category != "Settings") {
if (desktop.elem(`#${app.category.replace(" ", "")}-btn`).checked) {
match(app)
}
}
}
} else if (_type == ".settings-grid") {
for (app of apps) {
if (app.category == "Settings") {
match(app)
}
}
}
}, 1000)
}
}
})
M.Tabs.init(desktop.elems('.tabs'), {swipeable: true});
function appsScrolllAnimation(direction) {
let apps = desktop.elem("#Applications")
interval = undefined
clearInterval(interval)
let scroll = 76
let pixels = 1;
let timer = 1;
let speed = 6
interval = setInterval(function() {
if ( direction === "down" ) {
apps.scrollBy(0, pixels);
} else if ( direction === "up" ) {
apps.scrollBy(0, - pixels);
}
pixels += speed;
if ( pixels >= scroll ) {
clearInterval(interval)
}
}, timer);
}
let arrowDown = desktop.elem(".arrowDown")
arrowDown.addEventListener("click", () => {
appsScrolllAnimation("down")
})
let arrowUp = desktop.elem(".arrowUp")
arrowUp.addEventListener("click", () => {
appsScrolllAnimation("up")
})
function _debounce(callback, wait) {
let timeout;
return(...args) => {
const context = this;
clearTimeout(timeout);
timeout = setTimeout(() => callback.apply(context, args), wait);
};
}
desktop.elem("#Applications").getBoundingClientRect()["height"]
workspace1 = desktop.elem("#workspace1")
workspace1.value = Jade.settings.workspace1
workspace1.addEventListener("keyup", _debounce(() => {
JAK.Bridge.saveSettings("workspace1", workspace1.value)
}, 500))
workspace2 = desktop.elem("#workspace2")
workspace2.value = Jade.settings.workspace2
workspace2.addEventListener("keyup", _debounce(() => {
JAK.Bridge.saveSettings("workspace2", workspace2.value)
}, 500))
workspace3 = desktop.elem("#workspace3")
workspace3.value = Jade.settings.workspace3
workspace3.addEventListener("keyup", _debounce(() => {
JAK.Bridge.saveSettings("workspace3", workspace3.value)
console.log('works')
}, 500))
workspace4 = desktop.elem("#workspace4")
workspace4.value = Jade.settings.workspace4
workspace4.addEventListener("keyup", _debounce(() => {
JAK.Bridge.saveSettings("workspace4", workspace4.value)
}, 500))
for (let [key, value] of Object.entries(Jade.settings)) {
let button = desktop.elem(`#${key}-btn`)
if (button != null) {
button.checked = value
}
}
let categories = desktop.get_categories()
for (let category of categories) {
if (category != "Settings") {
category = category.replace(" ", "")
let button = desktop.elem(`#${category}-btn`)
button.addEventListener('click', () => {
const last_search = jde.searchApplications
let search = desktop.elem("#app-search input")
search.style.color = "transparent"
jde.searchApplications = "reset"
JAK.Bridge.saveSettings(category, button.checked)
setTimeout(() => {
search.style.color = "white"
if (last_search) {
jde.searchApplications = last_search
} else {
jde.searchApplications = ""
}
}, 20)
})
}
}
let autoTileBtn = desktop.elem("#auto-tile-btn")
autoTileBtn.checked = Jade.settings.autoTile
autoTileBtn.addEventListener('click', function () {
JAK.Bridge.saveSettings("autoTile", autoTileBtn.checked)
})
desktop.aboutPanel = M.Modal.init(desktop.elem('.modal'), {
onOpenEnd: function () {
if (Jade.settings.tourDone) {
let about = desktop.elem('.modal-overlay')
about.onmouseleave = function () {
desktop.aboutPanel.close();
};
}
}
})
let inspectorBtn = desktop.elem('#inspector-btn')
inspectorBtn.addEventListener('click', function () {
if (inspectorBtn.checked) {
JAK.Bridge.showInspector()
} else {
JAK.Bridge.hideInspector()
}
})
desktop.elem('#defaults-btn').addEventListener('click', function () {
JAK.Bridge.restoreDefaults()
})
function toggleVideo(btn, name) {
if (btn.checked && name != false) {
desktop.playVideo(`../../mood-backgrounds/${
name.replace(" ", "-").toLowerCase()
}.mp4`)
} else {
desktop.playVideo("")
}
}
if (Jade.settings.moodBackground) {
let video = Jade.settings.moodBackground
let btn = desktop.elem(`#${
video.replace(" ", "-")
}-btn`)
btn.checked = true
toggleVideo(btn, video)
}
let disabledBtn = desktop.elem("#disabled-btn")
disabledBtn.addEventListener('click', function () {
toggleVideo(disabledBtn, false)
JAK.Bridge.saveSettings("moodBackground", "disabled")
})
Jade.videos.forEach((video) => {
let btn = desktop.elem(`#${
video.replace(" ", "-")
}-btn`)
btn.addEventListener('click', function () {
toggleVideo(btn, video)
JAK.Bridge.saveSettings("moodBackground", video.replace(" ", "-"))
})
})
let backgroundsBtn = desktop.elem('#video-background-btn')
backgroundsBtn.addEventListener('click', function () {
let backgroundsMenu = desktop.elem("#backgrounds-submenu")
let classes = backgroundsMenu.classList
if (backgroundsBtn.checked) {
classes.add("show")
} else {
classes.remove("show")
}
})
let categoriesBtn = desktop.elem('.search .categorySettingsIcon')
categoriesBtn.addEventListener('click', function () {
let categoriesMenu = desktop.elem("#categories-submenu")
let classes = categoriesMenu.classList
if (classes.contains("show")) {
classes.remove("show")
} else {
classes.add("show")
}
})
let searchSettingsIcon = desktop.elem('.search .searchSettingsIcon')
searchSettingsIcon.addEventListener('click', function () {
desktop.elem("#Settings input").focus()
jde.searchSettings = ""
})
let searchApplicationsIcon = desktop.elem('.search .searchApplicationsIcon')
searchApplicationsIcon.addEventListener('click', function () {
desktop.elem("#app-search input").focus()
jde.searchApplications = ""
})
let appMenuBtn = desktop.elem('.search .appMenuIcon')
appMenuBtn.addEventListener('click', function () {
desktop.showApplications()
})
let appSettingsBtn = desktop.elem('.appSettingsIcon')
appSettingsBtn.addEventListener('click', function () {
desktop.showSettings()
})
let appView = desktop.elem(".applications-wrapper")
appView.onmouseleave = function () {
desktop.closeApplications()
}
}
function startTour() {
desktop.aboutPanel.open()
let intro = introJs()
intro.onexit(function() {
desktop.toggleDesktop()
})
intro.setOptions({
showStepNumbers: false,
hidePrev: true,
hideNext: true,
exitOnEsc: false,
exitOnOverlayClick: false,
showStepNumbers: false,
overlayOpacity: 0,
disableInteraction: true,
steps: [
{
element: '.tour-step1',
intro: "Hi, lets get you more familiar with your desktop, wallpapers won't work in a VM, due to saving space on the live image no applications are installed, after instalation a wizard will finish the process.",
position: 'bottom'
},
{
element: '.tour-step1',
intro: "The dock is hidden in the bottom center, you can switch between apps or add more, CTRL + right mouse Key opens dock options.",
position: 'top'
},
{
element: '.tour-step2',
intro: "Sound, wifi, bluetooth and battery widgets live here.",
position: 'top'
},
{
element: '.tour-step3',
intro: "Some desktop options are available here and you can script your workspaces, icons can be dragged to the dock.",
position: 'right'
}, {
element: '.tour-step6',
intro: "All done, now build something cool.",
position: 'bottom'
}
]
})
intro.onchange(function (el) {
console.log(this._currentStep)
function change_border_color(color) {
setTimeout( ()=> {
desktop.elem(".introjs-helperLayer").style.borderColor = color
}, 80)
}
if (this._currentStep == 0) {
change_border_color("transparent")
desktop.aboutPanel.open()
desktop.closeWidgets()
} else if (this._currentStep == 1) {
desktop.aboutPanel.close()
change_border_color("transparent")
} else if (this._currentStep == 2) {
change_border_color("transparent")
JAK.Bridge.setPanelVisible(false)
} else if (this._currentStep == 3) {
desktop.openApplications()
desktop.showSettings()
JAK.Bridge.setPanelVisible(true)
setTimeout(function () {
intro.refresh();
}, 700)
change_border_color("transparent")
} else if (this._currentStep == 4) {
desktop.closeApplications()
desktop.showApplications()
JAK.Bridge.setPanelVisible(false)
Jade.settings.tourDone = "step6"
Jade.settings.tourDone = true
JAK.Bridge.saveSettings("tourDone", true)
}
})
intro.start()
}
document.addEventListener('DOMContentLoaded', () => {
init()
jde.searchApplications = ""
jde.searchSettings = ""
if (Jade.settings.tourDone == false) {
startTour()
}
})
================================================
FILE: src/themes/default/css/materialize.css
================================================
/*!
* Materialize v1.0.0 (http://materializecss.com)
* Copyright 2014-2017 Materialize
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
*/
.materialize-red {
background-color: #e51c23 !important;
}
.materialize-red-text {
color: #e51c23 !important;
}
.materialize-red.lighten-5 {
background-color: #fdeaeb !important;
}
.materialize-red-text.text-lighten-5 {
color: #fdeaeb !important;
}
.materialize-red.lighten-4 {
background-color: #f8c1c3 !important;
}
.materialize-red-text.text-lighten-4 {
color: #f8c1c3 !important;
}
.materialize-red.lighten-3 {
background-color: #f3989b !important;
}
.materialize-red-text.text-lighten-3 {
color: #f3989b !important;
}
.materialize-red.lighten-2 {
background-color: #ee6e73 !important;
}
.materialize-red-text.text-lighten-2 {
color: #ee6e73 !important;
}
.materialize-red.lighten-1 {
background-color: #ea454b !important;
}
.materialize-red-text.text-lighten-1 {
color: #ea454b !important;
}
.materialize-red.darken-1 {
background-color: #d0181e !important;
}
.materialize-red-text.text-darken-1 {
color: #d0181e !important;
}
.materialize-red.darken-2 {
background-color: #b9151b !important;
}
.materialize-red-text.text-darken-2 {
color: #b9151b !important;
}
.materialize-red.darken-3 {
background-color: #a21318 !important;
}
.materialize-red-text.text-darken-3 {
color: #a21318 !important;
}
.materialize-red.darken-4 {
background-color: #8b1014 !important;
}
.materialize-red-text.text-darken-4 {
color: #8b1014 !important;
}
.red {
background-color: #F44336 !important;
}
.red-text {
color: #F44336 !important;
}
.red.lighten-5 {
background-color: #FFEBEE !important;
}
.red-text.text-lighten-5 {
color: #FFEBEE !important;
}
.red.lighten-4 {
background-color: #FFCDD2 !important;
}
.red-text.text-lighten-4 {
color: #FFCDD2 !important;
}
.red.lighten-3 {
background-color: #EF9A9A !important;
}
.red-text.text-lighten-3 {
color: #EF9A9A !important;
}
.red.lighten-2 {
background-color: #E57373 !important;
}
.red-text.text-lighten-2 {
color: #E57373 !important;
}
.red.lighten-1 {
background-color: #EF5350 !important;
}
.red-text.text-lighten-1 {
color: #EF5350 !important;
}
.red.darken-1 {
background-color: #E53935 !important;
}
.red-text.text-darken-1 {
color: #E53935 !important;
}
.red.darken-2 {
background-color: #D32F2F !important;
}
.red-text.text-darken-2 {
color: #D32F2F !important;
}
.red.darken-3 {
background-color: #C62828 !important;
}
.red-text.text-darken-3 {
color: #C62828 !important;
}
.red.darken-4 {
background-color: #B71C1C !important;
}
.red-text.text-darken-4 {
color: #B71C1C !important;
}
.red.accent-1 {
background-color: #FF8A80 !important;
}
.red-text.text-accent-1 {
color: #FF8A80 !important;
}
.red.accent-2 {
background-color: #FF5252 !important;
}
.red-text.text-accent-2 {
color: #FF5252 !important;
}
.red.accent-3 {
background-color: #FF1744 !important;
}
.red-text.text-accent-3 {
color: #FF1744 !important;
}
.red.accent-4 {
background-color: #D50000 !important;
}
.red-text.text-accent-4 {
color: #D50000 !important;
}
.pink {
background-color: #e91e63 !important;
}
.pink-text {
color: #e91e63 !important;
}
.pink.lighten-5 {
background-color: #fce4ec !important;
}
.pink-text.text-lighten-5 {
color: #fce4ec !important;
}
.pink.lighten-4 {
background-color: #f8bbd0 !important;
}
.pink-text.text-lighten-4 {
color: #f8bbd0 !important;
}
.pink.lighten-3 {
background-color: #f48fb1 !important;
}
.pink-text.text-lighten-3 {
color: #f48fb1 !important;
}
.pink.lighten-2 {
background-color: #f06292 !important;
}
.pink-text.text-lighten-2 {
color: #f06292 !important;
}
.pink.lighten-1 {
background-color: #ec407a !important;
}
.pink-text.text-lighten-1 {
color: #ec407a !important;
}
.pink.darken-1 {
background-color: #d81b60 !important;
}
.pink-text.text-darken-1 {
color: #d81b60 !important;
}
.pink.darken-2 {
background-color: #c2185b !important;
}
.pink-text.text-darken-2 {
color: #c2185b !important;
}
.pink.darken-3 {
background-color: #ad1457 !important;
}
.pink-text.text-darken-3 {
color: #ad1457 !important;
}
.pink.darken-4 {
background-color: #880e4f !important;
}
.pink-text.text-darken-4 {
color: #880e4f !important;
}
.pink.accent-1 {
background-color: #ff80ab !important;
}
.pink-text.text-accent-1 {
color: #ff80ab !important;
}
.pink.accent-2 {
background-color: #ff4081 !important;
}
.pink-text.text-accent-2 {
color: #ff4081 !important;
}
.pink.accent-3 {
background-color: #f50057 !important;
}
.pink-text.text-accent-3 {
color: #f50057 !important;
}
.pink.accent-4 {
background-color: #c51162 !important;
}
.pink-text.text-accent-4 {
color: #c51162 !important;
}
.purple {
background-color: #9c27b0 !important;
}
.purple-text {
color: #9c27b0 !important;
}
.purple.lighten-5 {
background-color: #f3e5f5 !important;
}
.purple-text.text-lighten-5 {
color: #f3e5f5 !important;
}
.purple.lighten-4 {
background-color: #e1bee7 !important;
}
.purple-text.text-lighten-4 {
color: #e1bee7 !important;
}
.purple.lighten-3 {
background-color: #ce93d8 !important;
}
.purple-text.text-lighten-3 {
color: #ce93d8 !important;
}
.purple.lighten-2 {
background-color: #ba68c8 !important;
}
.purple-text.text-lighten-2 {
color: #ba68c8 !important;
}
.purple.lighten-1 {
background-color: #ab47bc !important;
}
.purple-text.text-lighten-1 {
color: #ab47bc !important;
}
.purple.darken-1 {
background-color: #8e24aa !important;
}
.purple-text.text-darken-1 {
color: #8e24aa !important;
}
.purple.darken-2 {
background-color: #7b1fa2 !important;
}
.purple-text.text-darken-2 {
color: #7b1fa2 !important;
}
.purple.darken-3 {
background-color: #6a1b9a !important;
}
.purple-text.text-darken-3 {
color: #6a1b9a !important;
}
.purple.darken-4 {
background-color: #4a148c !important;
}
.purple-text.text-darken-4 {
color: #4a148c !important;
}
.purple.accent-1 {
background-color: #ea80fc !important;
}
.purple-text.text-accent-1 {
color: #ea80fc !important;
}
.purple.accent-2 {
background-color: #e040fb !important;
}
.purple-text.text-accent-2 {
color: #e040fb !important;
}
.purple.accent-3 {
background-color: #d500f9 !important;
}
.purple-text.text-accent-3 {
color: #d500f9 !important;
}
.purple.accent-4 {
background-color: #aa00ff !important;
}
.purple-text.text-accent-4 {
color: #aa00ff !important;
}
.deep-purple {
background-color: #673ab7 !important;
}
.deep-purple-text {
color: #673ab7 !important;
}
.deep-purple.lighten-5 {
background-color: #ede7f6 !important;
}
.deep-purple-text.text-lighten-5 {
color: #ede7f6 !important;
}
.deep-purple.lighten-4 {
background-color: #d1c4e9 !important;
}
.deep-purple-text.text-lighten-4 {
color: #d1c4e9 !important;
}
.deep-purple.lighten-3 {
background-color: #b39ddb !important;
}
.deep-purple-text.text-lighten-3 {
color: #b39ddb !important;
}
.deep-purple.lighten-2 {
background-color: #9575cd !important;
}
.deep-purple-text.text-lighten-2 {
color: #9575cd !important;
}
.deep-purple.lighten-1 {
background-color: #7e57c2 !important;
}
.deep-purple-text.text-lighten-1 {
color: #7e57c2 !important;
}
.deep-purple.darken-1 {
background-color: #5e35b1 !important;
}
.deep-purple-text.text-darken-1 {
color: #5e35b1 !important;
}
.deep-purple.darken-2 {
background-color: #512da8 !important;
}
.deep-purple-text.text-darken-2 {
color: #512da8 !important;
}
.deep-purple.darken-3 {
background-color: #4527a0 !important;
}
.deep-purple-text.text-darken-3 {
color: #4527a0 !important;
}
.deep-purple.darken-4 {
background-color: #311b92 !important;
}
.deep-purple-text.text-darken-4 {
color: #311b92 !important;
}
.deep-purple.accent-1 {
background-color: #b388ff !important;
}
.deep-purple-text.text-accent-1 {
color: #b388ff !important;
}
.deep-purple.accent-2 {
background-color: #7c4dff !important;
}
.deep-purple-text.text-accent-2 {
color: #7c4dff !important;
}
.deep-purple.accent-3 {
background-color: #651fff !important;
}
.deep-purple-text.text-accent-3 {
color: #651fff !important;
}
.deep-purple.accent-4 {
background-color: #6200ea !important;
}
.deep-purple-text.text-accent-4 {
color: #6200ea !important;
}
.indigo {
background-color: #3f51b5 !important;
}
.indigo-text {
color: #3f51b5 !important;
}
.indigo.lighten-5 {
background-color: #e8eaf6 !important;
}
.indigo-text.text-lighten-5 {
color: #e8eaf6 !important;
}
.indigo.lighten-4 {
background-color: #c5cae9 !important;
}
.indigo-text.text-lighten-4 {
color: #c5cae9 !important;
}
.indigo.lighten-3 {
background-color: #9fa8da !important;
}
.indigo-text.text-lighten-3 {
color: #9fa8da !important;
}
.indigo.lighten-2 {
background-color: #7986cb !important;
}
.indigo-text.text-lighten-2 {
color: #7986cb !important;
}
.indigo.lighten-1 {
background-color: #5c6bc0 !important;
}
.indigo-text.text-lighten-1 {
color: #5c6bc0 !important;
}
.indigo.darken-1 {
background-color: #3949ab !important;
}
.indigo-text.text-darken-1 {
color: #3949ab !important;
}
.indigo.darken-2 {
background-color: #303f9f !important;
}
.indigo-text.text-darken-2 {
color: #303f9f !important;
}
.indigo.darken-3 {
background-color: #283593 !important;
}
.indigo-text.text-darken-3 {
color: #283593 !important;
}
.indigo.darken-4 {
background-color: #1a237e !important;
}
.indigo-text.text-darken-4 {
color: #1a237e !important;
}
.indigo.accent-1 {
background-color: #8c9eff !important;
}
.indigo-text.text-accent-1 {
color: #8c9eff !important;
}
.indigo.accent-2 {
background-color: #536dfe !important;
}
.indigo-text.text-accent-2 {
color: #536dfe !important;
}
.indigo.accent-3 {
background-color: #3d5afe !important;
}
.indigo-text.text-accent-3 {
color: #3d5afe !impor
gitextract_0iynvvtc/
├── .gitignore
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── src/
│ ├── Jade/
│ │ ├── Dbus.py
│ │ ├── DropEvent.py
│ │ ├── Icons.py
│ │ ├── Menu.py
│ │ ├── README.md
│ │ ├── Settings.py
│ │ ├── Utils.py
│ │ └── __init__.py
│ ├── exit-menu
│ ├── jde-desktop
│ ├── js/
│ │ ├── intro.js
│ │ ├── introjs.css
│ │ └── main.js
│ └── themes/
│ └── default/
│ ├── css/
│ │ ├── materialize.css
│ │ └── style.css
│ └── main.html
└── usr/
└── share/
└── applications/
├── io.jde.exit.desktop
└── io.jde.toggleLauncher.desktop
SYMBOL INDEX (136 symbols across 8 files)
FILE: src/Jade/Dbus.py
function client (line 7) | def client(busName):
class Service (line 13) | class Service(dbus.service.Object):
method __init__ (line 15) | def __init__(self):
method toggleLauncher (line 20) | def toggleLauncher(self):
method screenToggle (line 24) | def screenToggle(self):
FILE: src/Jade/DropEvent.py
function event (line 3) | def event(view, event):
FILE: src/Jade/Icons.py
function not_found (line 7) | def not_found(icon):
function get (line 12) | def get(icon: str) -> str:
FILE: src/Jade/Menu.py
class Get (line 9) | class Get:
method __init__ (line 10) | def __init__(self):
method build (line 13) | def build(self, menu=None, iteration=0, category=None, output={}):
method items (line 55) | def items(self):
FILE: src/Jade/Settings.py
class Options (line 7) | class Options():
method __init__ (line 8) | def __init__(self):
method save (line 14) | def save(self, key, value):
method load (line 19) | def load(self):
FILE: src/Jade/Utils.py
function notify (line 18) | def notify(title, msg):
function run (line 22) | def run(command, shell=False):
class Session (line 27) | class Session():
method __init__ (line 28) | def __init__(self):
method logOut (line 32) | def logOut():
method powerOff (line 39) | def powerOff():
method reboot (line 51) | def reboot():
method suspend (line 63) | def suspend():
method lock (line 73) | def lock():
method get_pkg_manager_state (line 77) | def get_pkg_manager_state():
method get_desktop_session (line 80) | def get_desktop_session(self):
method userCSS (line 84) | def userCSS():
class Desktop (line 95) | class Desktop:
method __init__ (line 96) | def __init__(self):
method _ajust_size_window_cb (line 114) | def _ajust_size_window_cb(self, gdk_screen):
method workspace_exec (line 120) | def workspace_exec(self, cmd):
method active_window_changed_cb (line 128) | def active_window_changed_cb(self, screen, previously_active_window):
method active_workspace_changed_cb (line 134) | def active_workspace_changed_cb(self, screen, previously_active_space):
method toggle (line 146) | def toggle(self):
method get_screen (line 159) | def get_screen(self):
method workspace (line 162) | def workspace(self):
method hide_terminal (line 165) | def hide_terminal(self):
method minimize_windows (line 168) | def minimize_windows(self):
method autoTile (line 182) | def autoTile(self):
method show_de_panel (line 220) | def show_de_panel(self, state):
method get_windows (line 229) | def get_windows(self):
method setPanelVisible (line 232) | def setPanelVisible(self, state):
method window_open_cb (line 237) | def window_open_cb(self, screen, window):
method window_closed_cb (line 252) | def window_closed_cb(self, screen, closed_window):
method clearWindows (line 257) | def clearWindows(self):
method getPath (line 261) | def getPath():
method getHome (line 265) | def getHome():
method about (line 269) | def about():
method screenToggle (line 279) | def screenToggle():
method setBackground (line 285) | def setBackground():
method getBackground (line 296) | def getBackground():
method getJS (line 300) | def getJS():
method updateMenu (line 306) | def updateMenu():
method toggleSettings (line 311) | def toggleSettings():
method toggleLauncher (line 315) | def toggleLauncher():
method restoreDefaultsDialog (line 319) | def restoreDefaultsDialog():
method restoreDefaults (line 326) | def restoreDefaults():
method saveSettings (line 336) | def saveSettings(key, value):
method loadSettings (line 341) | def loadSettings():
FILE: src/js/intro.js
function _typeof (line 17) | function _typeof(obj) {
function mergeOptions (line 41) | function mergeOptions(obj1, obj2) {
function forEach (line 88) | function forEach(arr, forEachFnc, completeFnc) {
function removeClass (line 110) | function removeClass(element, classNameRegex) {
function DOMEvent (line 129) | function DOMEvent() {
function addClass (line 216) | function addClass(element, className) {
function getPropValue (line 245) | function getPropValue(element, propName) {
function setShowElement (line 273) | function setShowElement(_ref) {
function scrollParentToElement (line 325) | function scrollParentToElement(parent, _ref) {
function getScrollParent (line 337) | function getScrollParent(element) {
function getWinSize (line 364) | function getWinSize() {
function elementInViewport (line 387) | function elementInViewport(el) {
function scrollTo (line 403) | function scrollTo(scrollTo, _ref, tooltipLayer) {
function setAnchorAsButton (line 436) | function setAnchorAsButton(anchor) {
function getOffset (line 450) | function getOffset(element) {
function isFixed (line 473) | function isFixed(element) {
function setHelperLayerPosition (line 495) | function setHelperLayerPosition(helperLayer) {
function checkRight (line 525) | function checkRight(targetOffset, tooltipLayerStyleLeft, tooltipOffset, ...
function checkLeft (line 541) | function checkLeft(targetOffset, tooltipLayerStyleRight, tooltipOffset, ...
function removeEntry (line 558) | function removeEntry(stringArray, stringToRemove) {
function _determineAutoAlignment (line 573) | function _determineAutoAlignment(offsetLeft, tooltipWidth, _ref, desired...
function _determineAutoPosition (line 625) | function _determineAutoPosition(targetElement, tooltipLayer, desiredTool...
function placeTooltip (line 709) | function placeTooltip(targetElement, tooltipLayer, arrowLayer, helperNum...
function removeShowElement (line 877) | function removeShowElement() {
function _getProgress (line 892) | function _getProgress() {
function _disableInteraction (line 905) | function _disableInteraction() {
function _showElement (line 926) | function _showElement(targetElement) {
function goToStep (line 1293) | function goToStep(step) {
function goToStepNumber (line 1308) | function goToStepNumber(step) {
function nextStep (line 1322) | function nextStep() {
function previousStep (line 1377) | function previousStep() {
function currentStep (line 1406) | function currentStep() {
function onKeyDown (line 1429) | function onKeyDown(e) {
function cloneObject (line 1482) | function cloneObject(object) {
function hintQuerySelectorAll (line 1507) | function hintQuerySelectorAll(selector) {
function hideHint (line 1518) | function hideHint(stepId) {
function hideHints (line 1538) | function hideHints() {
function showHints (line 1553) | function showHints() {
function showHint (line 1573) | function showHint(stepId) {
function removeHints (line 1588) | function removeHints() {
function removeHint (line 1605) | function removeHint(stepId) {
function addHints (line 1619) | function addHints() {
function alignHintPosition (line 1705) | function alignHintPosition(position, _ref, element) {
function showHintDialog (line 1768) | function showHintDialog(stepId) {
function removeHintTooltip (line 1830) | function removeHintTooltip() {
function populateHints (line 1847) | function populateHints(targetElm) {
function reAlignHints (line 1913) | function reAlignHints() {
function refresh (line 1934) | function refresh() {
function onResize (line 1952) | function onResize() {
function exitIntro (line 1965) | function exitIntro(targetElement, force) {
function addOverlayLayer (line 2044) | function addOverlayLayer(targetElm) {
function introForElement (line 2089) | function introForElement(targetElm, group) {
function IntroJs (line 2253) | function IntroJs(obj) {
FILE: src/js/main.js
method constructor (line 3) | constructor() {
method elem (line 8) | elem(element) {
method elems (line 12) | elems(elements) {
method toggleLauncher (line 16) | toggleLauncher() {
method buildHTML (line 28) | buildHTML(el, name, icon, description, keywords, file) {
method toggleDesktop (line 32) | toggleDesktop() {
method hideInspector (line 36) | hideInspector() {
method about (line 40) | about() {
method appView (line 44) | appView() {
method playVideo (line 48) | playVideo(src) {
method showApplications (line 53) | showApplications() {
method showSettings (line 60) | showSettings() {
method closeApplications (line 71) | closeApplications() {
method get_categories (line 81) | get_categories() {
method get_search_items (line 89) | get_search_items() {
method openApplications (line 102) | openApplications() {
method closeWidgets (line 112) | closeWidgets() {
method openWidgets (line 116) | openWidgets() {
method empty (line 120) | empty(el) {
function appDrag (line 125) | function appDrag(ev) {
function appTemplate (line 136) | function appTemplate(name, icon, description, keywords, file) {
function init (line 156) | function init() {
function startTour (line 488) | function startTour() {
Condensed preview — 22 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (407K chars).
[
{
"path": ".gitignore",
"chars": 1650,
"preview": "# Byte-compiled / optimized / DLL files /Backup Files\n*~\n__pycache__/\n*.py[cod]\n*$py.class\n\n# C extensions\n*.so\n*.map\n# "
},
{
"path": "CONTRIBUTING.md",
"chars": 4093,
"preview": "I would love for you to contribute to Jade and help making it better! Here are some guidelines I would like you to follo"
},
{
"path": "LICENSE",
"chars": 35147,
"preview": " GNU GENERAL PUBLIC LICENSE\n Version 3, 29 June 2007\n\n Copyright (C) 2007 Free "
},
{
"path": "README.md",
"chars": 3481,
"preview": "<img src=\"./src/images/logo.svg\" alt=\"drawing\" width=\"80\"/> \n\n## Just Another Desktop Environment [![Tweet"
},
{
"path": "src/Jade/Dbus.py",
"chars": 794,
"preview": "import dbus\nimport dbus.service as service\nfrom JAK.Utils import JavaScript, Instance\nfrom Jade.Utils import Session, De"
},
{
"path": "src/Jade/DropEvent.py",
"chars": 316,
"preview": "from JAK.Utils import JavaScript\n\ndef event(view, event):\n #TODO manage sound and video\n pass\n data = event.mim"
},
{
"path": "src/Jade/Icons.py",
"chars": 1316,
"preview": "import os, gi\ngi.require_version('Gtk', '3.0')\nfrom gi.repository import Gtk\nfrom functools import lru_cache as cache\n\n\n"
},
{
"path": "src/Jade/Menu.py",
"chars": 2169,
"preview": "import gi\nimport json\nfrom functools import lru_cache\ngi.require_version('GMenu', '3.0')\nfrom gi.repository import GMenu"
},
{
"path": "src/Jade/README.md",
"chars": 3640,
"preview": "<img src=\"./src/images/logo.svg\" alt=\"drawing\" width=\"80\"/> \n\n## Just Another Desktop Environment [![Tweet"
},
{
"path": "src/Jade/Settings.py",
"chars": 1420,
"preview": "import configparser\nimport os\nimport pathlib\nfrom Jade import Utils\n\n\nclass Options():\n def __init__(self):\n s"
},
{
"path": "src/Jade/Utils.py",
"chars": 12281,
"preview": "import pathlib\nimport subprocess\nimport os\nimport json\nimport Jade.Menu\nimport time\nimport gi\ngi.require_version('Wnck',"
},
{
"path": "src/Jade/__init__.py",
"chars": 23,
"preview": "__version__ = \"v0.1.1\"\n"
},
{
"path": "src/exit-menu",
"chars": 4468,
"preview": "#!/usr/bin/python3\nimport os\nimport sys\nimport gi\ngi.require_version(\"Gtk\", \"3.0\")\ngi.require_version('Gdk', '3.0')\nfrom"
},
{
"path": "src/jde-desktop",
"chars": 3968,
"preview": "#!/usr/bin/python3\n# coding: utf-8\n\"\"\"\n Just Another Desktop Environment\n Copyright (c) 2020 Vitor Lopes\n https://github"
},
{
"path": "src/js/intro.js",
"chars": 82313,
"preview": "/*!\n * Intro.js v3.0.1\n * https://github.com/usablica/intro.js\n *\n * Copyright (C) 2017-2020 Afshin Mehrabani (@afshinme"
},
{
"path": "src/js/introjs.css",
"chars": 12209,
"preview": "/*\n Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/\n Changed by Afshin Mehrabani\n*/\n/* overrides e"
},
{
"path": "src/js/main.js",
"chars": 18495,
"preview": "Jade.Desktop = class API {\n\n constructor() {\n this.visible = true\n this.searchActive = false\n }\n\n "
},
{
"path": "src/themes/default/css/materialize.css",
"chars": 179245,
"preview": "/*!\r\n * Materialize v1.0.0 (http://materializecss.com)\r\n * Copyright 2014-2017 Materialize\r\n * MIT License (https://raw."
},
{
"path": "src/themes/default/css/style.css",
"chars": 10977,
"preview": "@font-face {\n font-family: system;\n font-style: normal;\n font-weight: 300;\n src: local(\"NotoSans\");\n}\n\nbody * {\n fo"
},
{
"path": "src/themes/default/main.html",
"chars": 8965,
"preview": "<!doctype html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, i"
},
{
"path": "usr/share/applications/io.jde.exit.desktop",
"chars": 234,
"preview": "[Desktop Entry]\nVersion=1.0\nType=Application\nIcon=exit\nTerminal=False\nExec=/usr/bin/bash -c \"if ! pgrep -x '/usr/share/j"
},
{
"path": "usr/share/applications/io.jde.toggleLauncher.desktop",
"chars": 278,
"preview": "[Desktop Entry]\nVersion=1.0\nType=Application\nIcon=/usr/share/jde/images/app-launcher.svg\nTerminal=false\nExec=dbus-send -"
}
]
About this extraction
This page contains the full source code of the Manjaro-WebDad/jde GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 22 files (378.4 KB), approximately 106.0k tokens, and a symbol index with 136 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.