first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,34 @@
|
||||
# Only allow direct access to specific Web-available files.
|
||||
|
||||
# Apache 2.2
|
||||
<IfModule !mod_authz_core.c>
|
||||
Order Deny,Allow
|
||||
Deny from all
|
||||
</IfModule>
|
||||
|
||||
# Apache 2.4
|
||||
<IfModule mod_authz_core.c>
|
||||
Require all denied
|
||||
</IfModule>
|
||||
|
||||
# Akismet CSS and JS
|
||||
<FilesMatch "^(form\.js|akismet\.js|akismet\.css)$">
|
||||
<IfModule !mod_authz_core.c>
|
||||
Allow from all
|
||||
</IfModule>
|
||||
|
||||
<IfModule mod_authz_core.c>
|
||||
Require all granted
|
||||
</IfModule>
|
||||
</FilesMatch>
|
||||
|
||||
# Akismet images
|
||||
<FilesMatch "^logo-(a|full)-2x\.png$">
|
||||
<IfModule !mod_authz_core.c>
|
||||
Allow from all
|
||||
</IfModule>
|
||||
|
||||
<IfModule mod_authz_core.c>
|
||||
Require all granted
|
||||
</IfModule>
|
||||
</FilesMatch>
|
||||
@@ -0,0 +1,339 @@
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
Version 2, June 1991
|
||||
|
||||
Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
|
||||
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
|
||||
Preamble
|
||||
|
||||
The licenses for most software are designed to take away your
|
||||
freedom to share and change it. By contrast, the GNU General Public
|
||||
License is intended to guarantee your freedom to share and change free
|
||||
software--to make sure the software is free for all its users. This
|
||||
General Public License applies to most of the Free Software
|
||||
Foundation's software and to any other program whose authors commit to
|
||||
using it. (Some other Free Software Foundation software is covered by
|
||||
the GNU Lesser General Public License instead.) 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
|
||||
this service 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 make restrictions that forbid
|
||||
anyone to deny you these rights or to ask you to surrender the rights.
|
||||
These restrictions translate to certain responsibilities for you if you
|
||||
distribute copies of the software, or if you modify it.
|
||||
|
||||
For example, if you distribute copies of such a program, whether
|
||||
gratis or for a fee, you must give the recipients all the rights that
|
||||
you have. 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.
|
||||
|
||||
We protect your rights with two steps: (1) copyright the software, and
|
||||
(2) offer you this license which gives you legal permission to copy,
|
||||
distribute and/or modify the software.
|
||||
|
||||
Also, for each author's protection and ours, we want to make certain
|
||||
that everyone understands that there is no warranty for this free
|
||||
software. If the software is modified by someone else and passed on, we
|
||||
want its recipients to know that what they have is not the original, so
|
||||
that any problems introduced by others will not reflect on the original
|
||||
authors' reputations.
|
||||
|
||||
Finally, any free program is threatened constantly by software
|
||||
patents. We wish to avoid the danger that redistributors of a free
|
||||
program will individually obtain patent licenses, in effect making the
|
||||
program proprietary. To prevent this, we have made it clear that any
|
||||
patent must be licensed for everyone's free use or not licensed at all.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow.
|
||||
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||
|
||||
0. This License applies to any program or other work which contains
|
||||
a notice placed by the copyright holder saying it may be distributed
|
||||
under the terms of this General Public License. The "Program", below,
|
||||
refers to any such program or work, and a "work based on the Program"
|
||||
means either the Program or any derivative work under copyright law:
|
||||
that is to say, a work containing the Program or a portion of it,
|
||||
either verbatim or with modifications and/or translated into another
|
||||
language. (Hereinafter, translation is included without limitation in
|
||||
the term "modification".) Each licensee is addressed as "you".
|
||||
|
||||
Activities other than copying, distribution and modification are not
|
||||
covered by this License; they are outside its scope. The act of
|
||||
running the Program is not restricted, and the output from the Program
|
||||
is covered only if its contents constitute a work based on the
|
||||
Program (independent of having been made by running the Program).
|
||||
Whether that is true depends on what the Program does.
|
||||
|
||||
1. You may copy and distribute 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 and disclaimer of warranty; keep intact all the
|
||||
notices that refer to this License and to the absence of any warranty;
|
||||
and give any other recipients of the Program a copy of this License
|
||||
along with the Program.
|
||||
|
||||
You may charge a fee for the physical act of transferring a copy, and
|
||||
you may at your option offer warranty protection in exchange for a fee.
|
||||
|
||||
2. You may modify your copy or copies of the Program or any portion
|
||||
of it, thus forming a work based on the Program, and copy and
|
||||
distribute such modifications or work under the terms of Section 1
|
||||
above, provided that you also meet all of these conditions:
|
||||
|
||||
a) You must cause the modified files to carry prominent notices
|
||||
stating that you changed the files and the date of any change.
|
||||
|
||||
b) You must cause any work that you distribute or publish, that in
|
||||
whole or in part contains or is derived from the Program or any
|
||||
part thereof, to be licensed as a whole at no charge to all third
|
||||
parties under the terms of this License.
|
||||
|
||||
c) If the modified program normally reads commands interactively
|
||||
when run, you must cause it, when started running for such
|
||||
interactive use in the most ordinary way, to print or display an
|
||||
announcement including an appropriate copyright notice and a
|
||||
notice that there is no warranty (or else, saying that you provide
|
||||
a warranty) and that users may redistribute the program under
|
||||
these conditions, and telling the user how to view a copy of this
|
||||
License. (Exception: if the Program itself is interactive but
|
||||
does not normally print such an announcement, your work based on
|
||||
the Program is not required to print an announcement.)
|
||||
|
||||
These requirements apply to the modified work as a whole. If
|
||||
identifiable sections of that work are not derived from the Program,
|
||||
and can be reasonably considered independent and separate works in
|
||||
themselves, then this License, and its terms, do not apply to those
|
||||
sections when you distribute them as separate works. But when you
|
||||
distribute the same sections as part of a whole which is a work based
|
||||
on the Program, the distribution of the whole must be on the terms of
|
||||
this License, whose permissions for other licensees extend to the
|
||||
entire whole, and thus to each and every part regardless of who wrote it.
|
||||
|
||||
Thus, it is not the intent of this section to claim rights or contest
|
||||
your rights to work written entirely by you; rather, the intent is to
|
||||
exercise the right to control the distribution of derivative or
|
||||
collective works based on the Program.
|
||||
|
||||
In addition, mere aggregation of another work not based on the Program
|
||||
with the Program (or with a work based on the Program) on a volume of
|
||||
a storage or distribution medium does not bring the other work under
|
||||
the scope of this License.
|
||||
|
||||
3. You may copy and distribute the Program (or a work based on it,
|
||||
under Section 2) in object code or executable form under the terms of
|
||||
Sections 1 and 2 above provided that you also do one of the following:
|
||||
|
||||
a) Accompany it with the complete corresponding machine-readable
|
||||
source code, which must be distributed under the terms of Sections
|
||||
1 and 2 above on a medium customarily used for software interchange; or,
|
||||
|
||||
b) Accompany it with a written offer, valid for at least three
|
||||
years, to give any third party, for a charge no more than your
|
||||
cost of physically performing source distribution, a complete
|
||||
machine-readable copy of the corresponding source code, to be
|
||||
distributed under the terms of Sections 1 and 2 above on a medium
|
||||
customarily used for software interchange; or,
|
||||
|
||||
c) Accompany it with the information you received as to the offer
|
||||
to distribute corresponding source code. (This alternative is
|
||||
allowed only for noncommercial distribution and only if you
|
||||
received the program in object code or executable form with such
|
||||
an offer, in accord with Subsection b above.)
|
||||
|
||||
The source code for a work means the preferred form of the work for
|
||||
making modifications to it. For an executable work, complete source
|
||||
code means all the source code for all modules it contains, plus any
|
||||
associated interface definition files, plus the scripts used to
|
||||
control compilation and installation of the executable. However, as a
|
||||
special exception, the source code distributed need not include
|
||||
anything that is normally distributed (in either source or binary
|
||||
form) with the major components (compiler, kernel, and so on) of the
|
||||
operating system on which the executable runs, unless that component
|
||||
itself accompanies the executable.
|
||||
|
||||
If distribution of executable or object code is made by offering
|
||||
access to copy from a designated place, then offering equivalent
|
||||
access to copy the source code from the same place counts as
|
||||
distribution of the source code, even though third parties are not
|
||||
compelled to copy the source along with the object code.
|
||||
|
||||
4. You may not copy, modify, sublicense, or distribute the Program
|
||||
except as expressly provided under this License. Any attempt
|
||||
otherwise to copy, modify, sublicense or distribute the Program is
|
||||
void, and will automatically terminate your rights under this License.
|
||||
However, parties who have received copies, or rights, from you under
|
||||
this License will not have their licenses terminated so long as such
|
||||
parties remain in full compliance.
|
||||
|
||||
5. You are not required to accept this License, since you have not
|
||||
signed it. However, nothing else grants you permission to modify or
|
||||
distribute the Program or its derivative works. These actions are
|
||||
prohibited by law if you do not accept this License. Therefore, by
|
||||
modifying or distributing the Program (or any work based on the
|
||||
Program), you indicate your acceptance of this License to do so, and
|
||||
all its terms and conditions for copying, distributing or modifying
|
||||
the Program or works based on it.
|
||||
|
||||
6. Each time you redistribute the Program (or any work based on the
|
||||
Program), the recipient automatically receives a license from the
|
||||
original licensor to copy, distribute or modify the Program subject to
|
||||
these terms and conditions. You may not impose any further
|
||||
restrictions on the recipients' exercise of the rights granted herein.
|
||||
You are not responsible for enforcing compliance by third parties to
|
||||
this License.
|
||||
|
||||
7. If, as a consequence of a court judgment or allegation of patent
|
||||
infringement or for any other reason (not limited to patent issues),
|
||||
conditions are imposed on you (whether by court order, agreement or
|
||||
otherwise) that contradict the conditions of this License, they do not
|
||||
excuse you from the conditions of this License. If you cannot
|
||||
distribute so as to satisfy simultaneously your obligations under this
|
||||
License and any other pertinent obligations, then as a consequence you
|
||||
may not distribute the Program at all. For example, if a patent
|
||||
license would not permit royalty-free redistribution of the Program by
|
||||
all those who receive copies directly or indirectly through you, then
|
||||
the only way you could satisfy both it and this License would be to
|
||||
refrain entirely from distribution of the Program.
|
||||
|
||||
If any portion of this section is held invalid or unenforceable under
|
||||
any particular circumstance, the balance of the section is intended to
|
||||
apply and the section as a whole is intended to apply in other
|
||||
circumstances.
|
||||
|
||||
It is not the purpose of this section to induce you to infringe any
|
||||
patents or other property right claims or to contest validity of any
|
||||
such claims; this section has the sole purpose of protecting the
|
||||
integrity of the free software distribution system, which is
|
||||
implemented by public license practices. Many people have made
|
||||
generous contributions to the wide range of software distributed
|
||||
through that system in reliance on consistent application of that
|
||||
system; it is up to the author/donor to decide if he or she is willing
|
||||
to distribute software through any other system and a licensee cannot
|
||||
impose that choice.
|
||||
|
||||
This section is intended to make thoroughly clear what is believed to
|
||||
be a consequence of the rest of this License.
|
||||
|
||||
8. If the distribution and/or use of the Program is restricted in
|
||||
certain countries either by patents or by copyrighted interfaces, the
|
||||
original copyright holder who places the Program under this License
|
||||
may add an explicit geographical distribution limitation excluding
|
||||
those countries, so that distribution is permitted only in or among
|
||||
countries not thus excluded. In such case, this License incorporates
|
||||
the limitation as if written in the body of this License.
|
||||
|
||||
9. The Free Software Foundation may publish revised and/or new versions
|
||||
of the 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 a version number of this License which applies to it and "any
|
||||
later version", you have the option of following the terms and conditions
|
||||
either of that version or of any later version published by the Free
|
||||
Software Foundation. If the Program does not specify a version number of
|
||||
this License, you may choose any version ever published by the Free Software
|
||||
Foundation.
|
||||
|
||||
10. If you wish to incorporate parts of the Program into other free
|
||||
programs whose distribution conditions are different, write to the author
|
||||
to ask for permission. For software which is copyrighted by the Free
|
||||
Software Foundation, write to the Free Software Foundation; we sometimes
|
||||
make exceptions for this. Our decision will be guided by the two goals
|
||||
of preserving the free status of all derivatives of our free software and
|
||||
of promoting the sharing and reuse of software generally.
|
||||
|
||||
NO WARRANTY
|
||||
|
||||
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, 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.
|
||||
|
||||
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
|
||||
REDISTRIBUTE THE 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.
|
||||
|
||||
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
|
||||
convey the exclusion of warranty; and each file should have at least
|
||||
the "copyright" line and a pointer to where the full notice is found.
|
||||
|
||||
<one line to give the 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 2 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, write to the Free Software Foundation, Inc.,
|
||||
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
||||
|
||||
Also add information on how to contact you by electronic and paper mail.
|
||||
|
||||
If the program is interactive, make it output a short notice like this
|
||||
when it starts in an interactive mode:
|
||||
|
||||
Gnomovision version 69, Copyright (C) year name of author
|
||||
Gnomovision 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, the commands you use may
|
||||
be called something other than `show w' and `show c'; they could even be
|
||||
mouse-clicks or menu items--whatever suits your program.
|
||||
|
||||
You should also get your employer (if you work as a programmer) or your
|
||||
school, if any, to sign a "copyright disclaimer" for the program, if
|
||||
necessary. Here is a sample; alter the names:
|
||||
|
||||
Yoyodyne, Inc., hereby disclaims all copyright interest in the program
|
||||
`Gnomovision' (which makes passes at compilers) written by James Hacker.
|
||||
|
||||
<signature of Ty Coon>, 1 April 1989
|
||||
Ty Coon, President of Vice
|
||||
|
||||
This 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.
|
||||
@@ -0,0 +1,718 @@
|
||||
.wp-admin.jetpack_page_akismet-key-config, .wp-admin.settings_page_akismet-key-config {
|
||||
background-color:#f3f6f8;
|
||||
}
|
||||
|
||||
#submitted-on {
|
||||
position: relative;
|
||||
}
|
||||
#the-comment-list .author .akismet-user-comment-count {
|
||||
display: inline;
|
||||
}
|
||||
#the-comment-list .author a span {
|
||||
text-decoration: none;
|
||||
color: #999;
|
||||
}
|
||||
#the-comment-list .author a span.akismet-span-link {
|
||||
text-decoration: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
#the-comment-list .akismet_remove_url {
|
||||
margin-left: 3px;
|
||||
color: #999;
|
||||
padding: 2px 3px 2px 0;
|
||||
}
|
||||
#the-comment-list .akismet_remove_url:hover {
|
||||
color: #A7301F;
|
||||
font-weight: bold;
|
||||
padding: 2px 2px 2px 0;
|
||||
}
|
||||
#dashboard_recent_comments .akismet-status {
|
||||
display: none;
|
||||
}
|
||||
.akismet-status {
|
||||
float: right;
|
||||
}
|
||||
.akismet-status a {
|
||||
color: #AAA;
|
||||
font-style: italic;
|
||||
}
|
||||
table.comments td.comment p a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
table.comments td.comment p a:after {
|
||||
content: attr(href);
|
||||
color: #aaa;
|
||||
display: inline-block; /* Show the URL without the link's underline extending under it. */
|
||||
padding: 0 1ex; /* Because it's inline block, we can't just use spaces in the content: attribute to separate it from the link text. */
|
||||
}
|
||||
.mshot-arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 10px solid transparent;
|
||||
border-bottom: 10px solid transparent;
|
||||
border-right: 10px solid #5C5C5C;
|
||||
position: absolute;
|
||||
left: -6px;
|
||||
top: 91px;
|
||||
}
|
||||
.mshot-container {
|
||||
background: #5C5C5C;
|
||||
position: absolute;
|
||||
top: -94px;
|
||||
padding: 7px;
|
||||
width: 450px;
|
||||
height: 338px;
|
||||
z-index: 20000;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
}
|
||||
.akismet-mshot {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
}
|
||||
.akismet-mshot .mshot-image {
|
||||
margin: 0;
|
||||
height: 338px;
|
||||
width: 450px;
|
||||
}
|
||||
.checkforspam {
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
.checkforspam-spinner {
|
||||
display: inline-block;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.akismet-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.akismet-card .akismet-right {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.akismet-alert-text {
|
||||
color: #dd3d36;
|
||||
font-weight: bold;
|
||||
font-size: 120%;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
.akismet-alert {
|
||||
padding: 0.4em 1em 1.4em 1em;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
|
||||
}
|
||||
|
||||
.akismet-alert h3.akismet-key-status {
|
||||
color: #fff;
|
||||
margin: 1em 0 0.5em 0;
|
||||
}
|
||||
|
||||
.akismet-alert.akismet-critical {
|
||||
background-color: #993300;
|
||||
}
|
||||
|
||||
.akismet-alert.akismet-active {
|
||||
background-color: #649316;
|
||||
}
|
||||
|
||||
.akismet-alert p.akismet-key-status {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.akismet-alert p.akismet-description {
|
||||
color:#fff;
|
||||
font-size: 14px;
|
||||
margin: 0 0;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.akismet-alert p.akismet-description a,
|
||||
.akismet-alert p.akismet-description a,
|
||||
.akismet-alert p.akismet-description a,
|
||||
.akismet-alert p.akismet-description a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.akismet-new-snapshot {
|
||||
margin-top: 1em;
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.akismet-new-snapshot h3 {
|
||||
background: #f5f5f5;
|
||||
color: #888;
|
||||
font-size: 11px;
|
||||
margin: 0;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.new-snapspot ul {
|
||||
font-size: 12px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.akismet-new-snapshot ul li {
|
||||
color: #999;
|
||||
float: left;
|
||||
font-size: 11px;
|
||||
padding: 0 20px;
|
||||
text-transform: uppercase;
|
||||
width: 33%;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
}
|
||||
|
||||
.akismet-new-snapshot ul li:first-child,
|
||||
.akismet-new-snapshot ul li:nth-child(2) {
|
||||
border-right:1px dotted #ccc;
|
||||
}
|
||||
|
||||
.akismet-new-snapshot ul li span {
|
||||
color: #52accc;
|
||||
display: block;
|
||||
font-size: 32px;
|
||||
font-weight: lighter;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.akismet-settings th:first-child {
|
||||
vertical-align: top;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.akismet-settings th.akismet-api-key {
|
||||
vertical-align: middle;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.akismet-settings input[type=text] {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.akismet-settings span.akismet-note{
|
||||
float: left;
|
||||
padding-left: 23px;
|
||||
font-size: 75%;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
/**
|
||||
* For the activation notice on the plugins page.
|
||||
*/
|
||||
|
||||
#akismet_setup_prompt {
|
||||
background: none;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.akismet_activate {
|
||||
border: 1px solid #4F800D;
|
||||
padding: 5px;
|
||||
margin: 15px 0;
|
||||
background: #83AF24;
|
||||
background-image: -webkit-gradient(linear, 0% 0, 80% 100%, from(#83AF24), to(#4F800D));
|
||||
background-image: -moz-linear-gradient(80% 100% 120deg, #4F800D, #83AF24);
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.akismet_activate .aa_a {
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
right: 10px;
|
||||
font-size: 140px;
|
||||
color: #769F33;
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
}
|
||||
|
||||
.akismet_activate .aa_button {
|
||||
font-weight: bold;
|
||||
border: 1px solid #029DD6;
|
||||
border-top: 1px solid #06B9FD;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
padding: 9px 0 8px 0;
|
||||
color: #FFF;
|
||||
background: #029DD6;
|
||||
background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#029DD6), to(#0079B1));
|
||||
background-image: -moz-linear-gradient(0% 100% 90deg, #0079B1, #029DD6);
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.akismet_activate .aa_button:hover {
|
||||
text-decoration: none !important;
|
||||
border: 1px solid #029DD6;
|
||||
border-bottom: 1px solid #00A8EF;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
padding: 9px 0 8px 0;
|
||||
color: #F0F8FB;
|
||||
background: #0079B1;
|
||||
background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#0079B1), to(#0092BF));
|
||||
background-image: -moz-linear-gradient(0% 100% 90deg, #0092BF, #0079B1);
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
}
|
||||
|
||||
.akismet_activate .aa_button_border {
|
||||
border: 1px solid #006699;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
background: #029DD6;
|
||||
background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#029DD6), to(#0079B1));
|
||||
background-image: -moz-linear-gradient(0% 100% 90deg, #0079B1, #029DD6);
|
||||
}
|
||||
|
||||
.akismet_activate .aa_button_container {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
background: #DEF1B8;
|
||||
padding: 5px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
width: 266px;
|
||||
}
|
||||
|
||||
.akismet_activate .aa_description {
|
||||
position: absolute;
|
||||
top: 22px;
|
||||
left: 285px;
|
||||
margin-left: 25px;
|
||||
color: #E5F2B1;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.akismet_activate .aa_description strong {
|
||||
color: #FFF;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@media (max-width: 550px) {
|
||||
.akismet_activate .aa_a {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.akismet_activate .aa_button_container {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.akismet_activate {
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 850px) {
|
||||
#akismet_setup_prompt .aa_description {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.akismet_activate {
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.jetpack_page_akismet-key-config #wpcontent, .settings_page_akismet-key-config #wpcontent {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.akismet-masthead {
|
||||
background-color:#fff;
|
||||
text-align:center;
|
||||
box-shadow:0 1px 0 rgba(200,215,225,0.5),0 1px 2px #e9eff3
|
||||
}
|
||||
@media (max-width: 45rem) {
|
||||
.akismet-masthead {
|
||||
padding:0 1.25rem
|
||||
}
|
||||
}
|
||||
|
||||
.akismet-masthead__inside-container {
|
||||
padding:.375rem 0;
|
||||
margin:0 auto;
|
||||
width:100%;
|
||||
max-width:45rem;
|
||||
text-align: left;
|
||||
}
|
||||
.akismet-masthead__logo-container {
|
||||
padding:.3125rem 0 0
|
||||
}
|
||||
.akismet-masthead__logo {
|
||||
width:10.375rem;
|
||||
height:1.8125rem;
|
||||
}
|
||||
.akismet-masthead__logo-link {
|
||||
display:inline-block;
|
||||
outline:none;
|
||||
vertical-align:middle
|
||||
}
|
||||
.akismet-masthead__logo-link:focus {
|
||||
line-height:0;
|
||||
box-shadow:0 0 0 2px #78dcfa
|
||||
}
|
||||
.akismet-masthead__logo-link+code {
|
||||
margin:0 10px;
|
||||
padding:5px 9px;
|
||||
border-radius:2px;
|
||||
background:#e6ecf1;
|
||||
color:#647a88
|
||||
}
|
||||
.akismet-masthead__links {
|
||||
display:-ms-flexbox;
|
||||
display:flex;
|
||||
-ms-flex-flow:row wrap;
|
||||
flex-flow:row wrap;
|
||||
-ms-flex:2 50%;
|
||||
flex:2 50%;
|
||||
-ms-flex-pack:end;
|
||||
justify-content:flex-end;
|
||||
margin:0
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.akismet-masthead__links {
|
||||
padding-right:.625rem
|
||||
}
|
||||
}
|
||||
.akismet-masthead__link-li {
|
||||
margin:0;
|
||||
padding:0
|
||||
}
|
||||
.akismet-masthead__link {
|
||||
font-style:normal;
|
||||
color:#0087be;
|
||||
padding:.625rem;
|
||||
display:inline-block
|
||||
}
|
||||
.akismet-masthead__link:visited {
|
||||
color:#0087be
|
||||
}
|
||||
.akismet-masthead__link:active,.akismet-masthead__link:hover {
|
||||
color:#00aadc
|
||||
}
|
||||
.akismet-masthead__link:hover {
|
||||
text-decoration:underline
|
||||
}
|
||||
.akismet-masthead__link .dashicons {
|
||||
display:none
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.akismet-masthead__link:hover,.akismet-masthead__link:active {
|
||||
text-decoration:none
|
||||
}
|
||||
.akismet-masthead__link .dashicons {
|
||||
display:block;
|
||||
font-size:1.75rem
|
||||
}
|
||||
.akismet-masthead__link span+span {
|
||||
display:none
|
||||
}
|
||||
}
|
||||
.akismet-masthead__link-li:last-of-type .akismet-masthead__link {
|
||||
padding-right:0
|
||||
}
|
||||
|
||||
.akismet-lower {
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
max-width: 45rem;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.akismet-lower .notice {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.akismet-card {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
margin: 0 auto 0.625rem auto;
|
||||
box-sizing: border-box;
|
||||
background: white;
|
||||
box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
|
||||
}
|
||||
|
||||
.akismet-card:after, .akismet-card .inside:after, .akismet-masthead__logo-container:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.akismet-card .inside {
|
||||
padding: 1.5rem;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.akismet-card .akismet-card-actions {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.jetpack_page_akismet-key-config .update-nag, .settings_page_akismet-key-config .update-nag {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.akismet-masthead .akismet-right {
|
||||
line-height: 2.125rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.akismet-box {
|
||||
box-sizing: border-box;
|
||||
background: white;
|
||||
border: 1px solid rgba(200, 215, 225, 0.5);
|
||||
}
|
||||
|
||||
.akismet-box h2, .akismet-box h3 {
|
||||
padding: 1.5rem 1.5rem .5rem 1.5rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.akismet-box p {
|
||||
padding: 0 1.5rem 1.5rem 1.5rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.akismet-jetpack-email {
|
||||
font-style: oblique;
|
||||
}
|
||||
|
||||
.akismet-jetpack-gravatar {
|
||||
padding: 0 0 0 1.5rem;
|
||||
float: left;
|
||||
margin-right: 1rem;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
.akismet-box p:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.akismet-box .akismet-right {
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.akismet-boxes .akismet-box {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.akismet-boxes .akismet-box:last-child {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.akismet-boxes .akismet-box:first-child {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.akismet-box-header {
|
||||
max-width: 700px;
|
||||
margin: 0 auto 40px auto;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.akismet-box-header h2 {
|
||||
margin: 1.5rem 10% 0;
|
||||
font-size: 1.375rem;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.akismet-box .centered {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.akismet-enter-api-key-box {
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
.akismet-box .enter-api-key {
|
||||
display: none;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.akismet-box .akismet-toggles {
|
||||
margin: 3rem 0;
|
||||
}
|
||||
|
||||
.akismet-box .akismet-ak-connect, .akismet-box .toggle-jp-connect {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.akismet-box .enter-api-key p {
|
||||
padding: 0 1.5rem;
|
||||
}
|
||||
|
||||
.akismet-button, .akismet-button:hover, .akismet-button:visited {
|
||||
background: white;
|
||||
border-color: #c8d7e1;
|
||||
border-style: solid;
|
||||
border-width: 1px 1px 2px;
|
||||
color: #2e4453;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
outline: 0;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-overflow: ellipsis;
|
||||
text-decoration: none;
|
||||
vertical-align: top;
|
||||
box-sizing: border-box;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
border-radius: 4px;
|
||||
padding: 7px 14px 9px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
.akismet-button:hover {
|
||||
border-color: #a8bece;
|
||||
}
|
||||
|
||||
.akismet-button:active {
|
||||
border-width: 2px 1px 1px;
|
||||
}
|
||||
|
||||
.akismet-is-primary, .akismet-is-primary:hover, .akismet-is-primary:visited {
|
||||
background: #00aadc;
|
||||
border-color: #0087be;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.akismet-is-primary:hover, .akismet-is-primary:focus {
|
||||
border-color: #005082;
|
||||
}
|
||||
|
||||
.akismet-is-primary:hover {
|
||||
border-color: #005082;
|
||||
}
|
||||
|
||||
.akismet-section-header {
|
||||
position: relative;
|
||||
margin: 0 auto 0.625rem auto;
|
||||
padding: 1rem;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
|
||||
background: #ffffff;
|
||||
width: 100%;
|
||||
padding-top: 0.6875rem;
|
||||
padding-bottom: 0.6875rem;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.akismet-section-header__label {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
line-height: 1.75rem;
|
||||
position: relative;
|
||||
font-size: 0.875rem;
|
||||
color: #4f748e;
|
||||
}
|
||||
|
||||
.akismet-section-header__actions {
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.akismet-setup-instructions {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.akismet-setup-instructions form {
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
div.error.akismet-usage-limit-alert {
|
||||
padding: 25px 45px 25px 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#akismet-plugin-container .akismet-usage-limit-alert {
|
||||
margin: 0 auto 0.625rem auto;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
|
||||
border: none;
|
||||
border-left: 4px solid #d63638;
|
||||
}
|
||||
|
||||
.akismet-usage-limit-alert .akismet-usage-limit-logo {
|
||||
width: 38px;
|
||||
min-width: 38px;
|
||||
height: 38px;
|
||||
border-radius: 20px;
|
||||
margin-right: 18px;
|
||||
background: black;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.akismet-usage-limit-alert .akismet-usage-limit-logo img {
|
||||
position: absolute;
|
||||
width: 22px;
|
||||
left: 8px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.akismet-usage-limit-alert .akismet-usage-limit-text {
|
||||
flex-grow: 1;
|
||||
margin-right: 18px;
|
||||
}
|
||||
|
||||
.akismet-usage-limit-alert h3 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.akismet-usage-limit-alert .akismet-usage-limit-cta {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@media (max-width: 550px) {
|
||||
div.error.akismet-usage-limit-alert {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.akismet-usage-limit-alert .akismet-usage-limit-logo,
|
||||
.akismet-usage-limit-alert .akismet-usage-limit-text {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.akismet-usage-limit-alert .akismet-usage-limit-cta {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,421 @@
|
||||
jQuery( function ( $ ) {
|
||||
var mshotRemovalTimer = null;
|
||||
var mshotRetryTimer = null;
|
||||
var mshotTries = 0;
|
||||
var mshotRetryInterval = 1000;
|
||||
var mshotEnabledLinkSelector = 'a[id^="author_comment_url"], tr.pingback td.column-author a:first-of-type, td.comment p a';
|
||||
|
||||
var preloadedMshotURLs = [];
|
||||
|
||||
$('.akismet-status').each(function () {
|
||||
var thisId = $(this).attr('commentid');
|
||||
$(this).prependTo('#comment-' + thisId + ' .column-comment');
|
||||
});
|
||||
$('.akismet-user-comment-count').each(function () {
|
||||
var thisId = $(this).attr('commentid');
|
||||
$(this).insertAfter('#comment-' + thisId + ' .author strong:first').show();
|
||||
});
|
||||
|
||||
akismet_enable_comment_author_url_removal();
|
||||
|
||||
$( '#the-comment-list' ).on( 'click', '.akismet_remove_url', function () {
|
||||
var thisId = $(this).attr('commentid');
|
||||
var data = {
|
||||
action: 'comment_author_deurl',
|
||||
_wpnonce: WPAkismet.comment_author_url_nonce,
|
||||
id: thisId
|
||||
};
|
||||
$.ajax({
|
||||
url: ajaxurl,
|
||||
type: 'POST',
|
||||
data: data,
|
||||
beforeSend: function () {
|
||||
// Removes "x" link
|
||||
$("a[commentid='"+ thisId +"']").hide();
|
||||
// Show temp status
|
||||
$("#author_comment_url_"+ thisId).html( $( '<span/>' ).text( WPAkismet.strings['Removing...'] ) );
|
||||
},
|
||||
success: function (response) {
|
||||
if (response) {
|
||||
// Show status/undo link
|
||||
$("#author_comment_url_"+ thisId)
|
||||
.attr('cid', thisId)
|
||||
.addClass('akismet_undo_link_removal')
|
||||
.html(
|
||||
$( '<span/>' ).text( WPAkismet.strings['URL removed'] )
|
||||
)
|
||||
.append( ' ' )
|
||||
.append(
|
||||
$( '<span/>' )
|
||||
.text( WPAkismet.strings['(undo)'] )
|
||||
.addClass( 'akismet-span-link' )
|
||||
);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
}).on( 'click', '.akismet_undo_link_removal', function () {
|
||||
var thisId = $(this).attr('cid');
|
||||
var thisUrl = $(this).attr('href');
|
||||
var data = {
|
||||
action: 'comment_author_reurl',
|
||||
_wpnonce: WPAkismet.comment_author_url_nonce,
|
||||
id: thisId,
|
||||
url: thisUrl
|
||||
};
|
||||
$.ajax({
|
||||
url: ajaxurl,
|
||||
type: 'POST',
|
||||
data: data,
|
||||
beforeSend: function () {
|
||||
// Show temp status
|
||||
$("#author_comment_url_"+ thisId).html( $( '<span/>' ).text( WPAkismet.strings['Re-adding...'] ) );
|
||||
},
|
||||
success: function (response) {
|
||||
if (response) {
|
||||
// Add "x" link
|
||||
$("a[commentid='"+ thisId +"']").show();
|
||||
// Show link. Core strips leading http://, so let's do that too.
|
||||
$("#author_comment_url_"+ thisId).removeClass('akismet_undo_link_removal').text( thisUrl.replace( /^http:\/\/(www\.)?/ig, '' ) );
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
// Show a preview image of the hovered URL. Applies to author URLs and URLs inside the comments.
|
||||
if ( "enable_mshots" in WPAkismet && WPAkismet.enable_mshots ) {
|
||||
$( '#the-comment-list' ).on( 'mouseover', mshotEnabledLinkSelector, function () {
|
||||
clearTimeout( mshotRemovalTimer );
|
||||
|
||||
if ( $( '.akismet-mshot' ).length > 0 ) {
|
||||
if ( $( '.akismet-mshot:first' ).data( 'link' ) == this ) {
|
||||
// The preview is already showing for this link.
|
||||
return;
|
||||
}
|
||||
else {
|
||||
// A new link is being hovered, so remove the old preview.
|
||||
$( '.akismet-mshot' ).remove();
|
||||
}
|
||||
}
|
||||
|
||||
clearTimeout( mshotRetryTimer );
|
||||
|
||||
var linkUrl = $( this ).attr( 'href' );
|
||||
|
||||
if ( preloadedMshotURLs.indexOf( linkUrl ) !== -1 ) {
|
||||
// This preview image was already preloaded, so begin with a retry URL so the user doesn't see the placeholder image for the first second.
|
||||
mshotTries = 2;
|
||||
}
|
||||
else {
|
||||
mshotTries = 1;
|
||||
}
|
||||
|
||||
var mShot = $( '<div class="akismet-mshot mshot-container"><div class="mshot-arrow"></div><img src="' + akismet_mshot_url( linkUrl, mshotTries ) + '" width="450" height="338" class="mshot-image" /></div>' );
|
||||
mShot.data( 'link', this );
|
||||
mShot.data( 'url', linkUrl );
|
||||
|
||||
mShot.find( 'img' ).on( 'load', function () {
|
||||
$( '.akismet-mshot' ).data( 'pending-request', false );
|
||||
} );
|
||||
|
||||
var offset = $( this ).offset();
|
||||
|
||||
mShot.offset( {
|
||||
left : Math.min( $( window ).width() - 475, offset.left + $( this ).width() + 10 ), // Keep it on the screen if the link is near the edge of the window.
|
||||
top: offset.top + ( $( this ).height() / 2 ) - 101 // 101 = top offset of the arrow plus the top border thickness
|
||||
} );
|
||||
|
||||
$( 'body' ).append( mShot );
|
||||
|
||||
mshotRetryTimer = setTimeout( retryMshotUntilLoaded, mshotRetryInterval );
|
||||
} ).on( 'mouseout', 'a[id^="author_comment_url"], tr.pingback td.column-author a:first-of-type, td.comment p a', function () {
|
||||
mshotRemovalTimer = setTimeout( function () {
|
||||
clearTimeout( mshotRetryTimer );
|
||||
|
||||
$( '.akismet-mshot' ).remove();
|
||||
}, 200 );
|
||||
} );
|
||||
|
||||
var preloadDelayTimer = null;
|
||||
|
||||
$( window ).on( 'scroll resize', function () {
|
||||
clearTimeout( preloadDelayTimer );
|
||||
|
||||
preloadDelayTimer = setTimeout( preloadMshotsInViewport, 500 );
|
||||
} );
|
||||
|
||||
preloadMshotsInViewport();
|
||||
}
|
||||
|
||||
/**
|
||||
* The way mShots works is if there was no screenshot already recently generated for the URL,
|
||||
* it returns a "loading..." image for the first request. Then, some subsequent request will
|
||||
* receive the actual screenshot, but it's unknown how long it will take. So, what we do here
|
||||
* is continually re-request the mShot, waiting a second after every response until we get the
|
||||
* actual screenshot.
|
||||
*/
|
||||
function retryMshotUntilLoaded() {
|
||||
clearTimeout( mshotRetryTimer );
|
||||
|
||||
var imageWidth = $( '.akismet-mshot img' ).get(0).naturalWidth;
|
||||
|
||||
if ( imageWidth == 0 ) {
|
||||
// It hasn't finished loading yet the first time. Check again shortly.
|
||||
setTimeout( retryMshotUntilLoaded, mshotRetryInterval );
|
||||
}
|
||||
else if ( imageWidth == 400 ) {
|
||||
// It loaded the preview image.
|
||||
|
||||
if ( mshotTries == 20 ) {
|
||||
// Give up if we've requested the mShot 20 times already.
|
||||
return;
|
||||
}
|
||||
|
||||
if ( ! $( '.akismet-mshot' ).data( 'pending-request' ) ) {
|
||||
$( '.akismet-mshot' ).data( 'pending-request', true );
|
||||
|
||||
mshotTries++;
|
||||
|
||||
$( '.akismet-mshot .mshot-image' ).attr( 'src', akismet_mshot_url( $( '.akismet-mshot' ).data( 'url' ), mshotTries ) );
|
||||
}
|
||||
|
||||
mshotRetryTimer = setTimeout( retryMshotUntilLoaded, mshotRetryInterval );
|
||||
}
|
||||
else {
|
||||
// All done.
|
||||
}
|
||||
}
|
||||
|
||||
function preloadMshotsInViewport() {
|
||||
var windowWidth = $( window ).width();
|
||||
var windowHeight = $( window ).height();
|
||||
|
||||
$( '#the-comment-list' ).find( mshotEnabledLinkSelector ).each( function ( index, element ) {
|
||||
var linkUrl = $( this ).attr( 'href' );
|
||||
|
||||
// Don't attempt to preload an mshot for a single link twice.
|
||||
if ( preloadedMshotURLs.indexOf( linkUrl ) !== -1 ) {
|
||||
// The URL is already preloaded.
|
||||
return true;
|
||||
}
|
||||
|
||||
if ( typeof element.getBoundingClientRect !== 'function' ) {
|
||||
// The browser is too old. Return false to stop this preloading entirely.
|
||||
return false;
|
||||
}
|
||||
|
||||
var rect = element.getBoundingClientRect();
|
||||
|
||||
if ( rect.top >= 0 && rect.left >= 0 && rect.bottom <= windowHeight && rect.right <= windowWidth ) {
|
||||
akismet_preload_mshot( linkUrl );
|
||||
$( this ).data( 'akismet-mshot-preloaded', true );
|
||||
}
|
||||
} );
|
||||
}
|
||||
|
||||
$( '.checkforspam.enable-on-load' ).on( 'click', function( e ) {
|
||||
if ( $( this ).hasClass( 'ajax-disabled' ) ) {
|
||||
// Akismet hasn't been configured yet. Allow the user to proceed to the button's link.
|
||||
return;
|
||||
}
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
if ( $( this ).hasClass( 'button-disabled' ) ) {
|
||||
window.location.href = $( this ).data( 'success-url' ).replace( '__recheck_count__', 0 ).replace( '__spam_count__', 0 );
|
||||
return;
|
||||
}
|
||||
|
||||
$('.checkforspam').addClass('button-disabled').addClass( 'checking' );
|
||||
$('.checkforspam-spinner').addClass( 'spinner' ).addClass( 'is-active' );
|
||||
|
||||
akismet_check_for_spam(0, 100);
|
||||
}).removeClass( 'button-disabled' );
|
||||
|
||||
var spam_count = 0;
|
||||
var recheck_count = 0;
|
||||
|
||||
function akismet_check_for_spam(offset, limit) {
|
||||
var check_for_spam_buttons = $( '.checkforspam' );
|
||||
|
||||
var nonce = check_for_spam_buttons.data( 'nonce' );
|
||||
|
||||
// We show the percentage complete down to one decimal point so even queues with 100k
|
||||
// pending comments will show some progress pretty quickly.
|
||||
var percentage_complete = Math.round( ( recheck_count / check_for_spam_buttons.data( 'pending-comment-count' ) ) * 1000 ) / 10;
|
||||
|
||||
// Update the progress counter on the "Check for Spam" button.
|
||||
$( '.checkforspam' ).text( check_for_spam_buttons.data( 'progress-label' ).replace( '%1$s', percentage_complete ) );
|
||||
|
||||
$.post(
|
||||
ajaxurl,
|
||||
{
|
||||
'action': 'akismet_recheck_queue',
|
||||
'offset': offset,
|
||||
'limit': limit,
|
||||
'nonce': nonce
|
||||
},
|
||||
function(result) {
|
||||
if ( 'error' in result ) {
|
||||
// An error is only returned in the case of a missing nonce, so we don't need the actual error message.
|
||||
window.location.href = check_for_spam_buttons.data( 'failure-url' );
|
||||
return;
|
||||
}
|
||||
|
||||
recheck_count += result.counts.processed;
|
||||
spam_count += result.counts.spam;
|
||||
|
||||
if (result.counts.processed < limit) {
|
||||
window.location.href = check_for_spam_buttons.data( 'success-url' ).replace( '__recheck_count__', recheck_count ).replace( '__spam_count__', spam_count );
|
||||
}
|
||||
else {
|
||||
// Account for comments that were caught as spam and moved out of the queue.
|
||||
akismet_check_for_spam(offset + limit - result.counts.spam, limit);
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
if ( "start_recheck" in WPAkismet && WPAkismet.start_recheck ) {
|
||||
$( '.checkforspam' ).click();
|
||||
}
|
||||
|
||||
if ( typeof MutationObserver !== 'undefined' ) {
|
||||
// Dynamically add the "X" next the the author URL links when a comment is quick-edited.
|
||||
var comment_list_container = document.getElementById( 'the-comment-list' );
|
||||
|
||||
if ( comment_list_container ) {
|
||||
var observer = new MutationObserver( function ( mutations ) {
|
||||
for ( var i = 0, _len = mutations.length; i < _len; i++ ) {
|
||||
if ( mutations[i].addedNodes.length > 0 ) {
|
||||
akismet_enable_comment_author_url_removal();
|
||||
|
||||
// Once we know that we'll have to check for new author links, skip the rest of the mutations.
|
||||
break;
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
observer.observe( comment_list_container, { attributes: true, childList: true, characterData: true } );
|
||||
}
|
||||
}
|
||||
|
||||
function akismet_enable_comment_author_url_removal() {
|
||||
$( '#the-comment-list' )
|
||||
.find( 'tr.comment, tr[id ^= "comment-"]' )
|
||||
.find( '.column-author a[href^="http"]:first' ) // Ignore mailto: links, which would be the comment author's email.
|
||||
.each(function () {
|
||||
if ( $( this ).parent().find( '.akismet_remove_url' ).length > 0 ) {
|
||||
return;
|
||||
}
|
||||
|
||||
var linkHref = $(this).attr( 'href' );
|
||||
|
||||
// Ignore any links to the current domain, which are diagnostic tools, like the IP address link
|
||||
// or any other links another plugin might add.
|
||||
var currentHostParts = document.location.href.split( '/' );
|
||||
var currentHost = currentHostParts[0] + '//' + currentHostParts[2] + '/';
|
||||
|
||||
if ( linkHref.indexOf( currentHost ) != 0 ) {
|
||||
var thisCommentId = $(this).parents('tr:first').attr('id').split("-");
|
||||
|
||||
$(this)
|
||||
.attr("id", "author_comment_url_"+ thisCommentId[1])
|
||||
.after(
|
||||
$( '<a href="#" class="akismet_remove_url">x</a>' )
|
||||
.attr( 'commentid', thisCommentId[1] )
|
||||
.attr( 'title', WPAkismet.strings['Remove this URL'] )
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Generate an mShot URL if given a link URL.
|
||||
*
|
||||
* @param string linkUrl
|
||||
* @param int retry If retrying a request, the number of the retry.
|
||||
* @return string The mShot URL;
|
||||
*/
|
||||
function akismet_mshot_url( linkUrl, retry ) {
|
||||
var mshotUrl = '//s0.wp.com/mshots/v1/' + encodeURIComponent( linkUrl ) + '?w=900';
|
||||
|
||||
if ( retry > 1 ) {
|
||||
mshotUrl += '&r=' + encodeURIComponent( retry );
|
||||
}
|
||||
|
||||
mshotUrl += '&source=akismet';
|
||||
|
||||
return mshotUrl;
|
||||
}
|
||||
|
||||
/**
|
||||
* Begin loading an mShot preview of a link.
|
||||
*
|
||||
* @param string linkUrl
|
||||
*/
|
||||
function akismet_preload_mshot( linkUrl ) {
|
||||
var img = new Image();
|
||||
img.src = akismet_mshot_url( linkUrl );
|
||||
|
||||
preloadedMshotURLs.push( linkUrl );
|
||||
}
|
||||
|
||||
$( '.akismet-could-be-primary' ).each( function () {
|
||||
var form = $( this ).closest( 'form' );
|
||||
|
||||
form.data( 'initial-state', form.serialize() );
|
||||
|
||||
form.on( 'change keyup', function () {
|
||||
var self = $( this );
|
||||
var submit_button = self.find( '.akismet-could-be-primary' );
|
||||
|
||||
if ( self.serialize() != self.data( 'initial-state' ) ) {
|
||||
submit_button.addClass( 'akismet-is-primary' );
|
||||
}
|
||||
else {
|
||||
submit_button.removeClass( 'akismet-is-primary' );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
/**
|
||||
* Shows the Enter API key form
|
||||
*/
|
||||
$( '.akismet-enter-api-key-box a' ).on( 'click', function ( e ) {
|
||||
e.preventDefault();
|
||||
|
||||
var div = $( '.enter-api-key' );
|
||||
div.show( 500 );
|
||||
div.find( 'input[name=key]' ).focus();
|
||||
|
||||
$( this ).hide();
|
||||
} );
|
||||
|
||||
/**
|
||||
* Hides the Connect with Jetpack form | Shows the Activate Akismet Account form
|
||||
*/
|
||||
$( 'a.toggle-ak-connect' ).on( 'click', function ( e ) {
|
||||
e.preventDefault();
|
||||
|
||||
$( '.akismet-ak-connect' ).slideToggle('slow');
|
||||
$( 'a.toggle-ak-connect' ).hide();
|
||||
$( '.akismet-jp-connect' ).hide();
|
||||
$( 'a.toggle-jp-connect' ).show();
|
||||
} );
|
||||
|
||||
/**
|
||||
* Shows the Connect with Jetpack form | Hides the Activate Akismet Account form
|
||||
*/
|
||||
$( 'a.toggle-jp-connect' ).on( 'click', function ( e ) {
|
||||
e.preventDefault();
|
||||
|
||||
$( '.akismet-jp-connect' ).slideToggle('slow');
|
||||
$( 'a.toggle-jp-connect' ).hide();
|
||||
$( '.akismet-ak-connect' ).hide();
|
||||
$( 'a.toggle-ak-connect' ).show();
|
||||
} );
|
||||
});
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 904 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
@@ -0,0 +1,66 @@
|
||||
<?php
|
||||
/**
|
||||
* @package Akismet
|
||||
*/
|
||||
/*
|
||||
Plugin Name: Akismet Anti-Spam
|
||||
Plugin URI: https://akismet.com/
|
||||
Description: Used by millions, Akismet is quite possibly the best way in the world to <strong>protect your blog from spam</strong>. It keeps your site protected even while you sleep. To get started: activate the Akismet plugin and then go to your Akismet Settings page to set up your API key.
|
||||
Version: 4.2.4
|
||||
Author: Automattic
|
||||
Author URI: https://automattic.com/wordpress-plugins/
|
||||
License: GPLv2 or later
|
||||
Text Domain: akismet
|
||||
*/
|
||||
|
||||
/*
|
||||
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 2
|
||||
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, write to the Free Software
|
||||
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
|
||||
|
||||
Copyright 2005-2015 Automattic, Inc.
|
||||
*/
|
||||
|
||||
// Make sure we don't expose any info if called directly
|
||||
if ( !function_exists( 'add_action' ) ) {
|
||||
echo 'Hi there! I\'m just a plugin, not much I can do when called directly.';
|
||||
exit;
|
||||
}
|
||||
|
||||
define( 'AKISMET_VERSION', '4.2.4' );
|
||||
define( 'AKISMET__MINIMUM_WP_VERSION', '5.0' );
|
||||
define( 'AKISMET__PLUGIN_DIR', plugin_dir_path( __FILE__ ) );
|
||||
define( 'AKISMET_DELETE_LIMIT', 10000 );
|
||||
|
||||
register_activation_hook( __FILE__, array( 'Akismet', 'plugin_activation' ) );
|
||||
register_deactivation_hook( __FILE__, array( 'Akismet', 'plugin_deactivation' ) );
|
||||
|
||||
require_once( AKISMET__PLUGIN_DIR . 'class.akismet.php' );
|
||||
require_once( AKISMET__PLUGIN_DIR . 'class.akismet-widget.php' );
|
||||
require_once( AKISMET__PLUGIN_DIR . 'class.akismet-rest-api.php' );
|
||||
|
||||
add_action( 'init', array( 'Akismet', 'init' ) );
|
||||
|
||||
add_action( 'rest_api_init', array( 'Akismet_REST_API', 'init' ) );
|
||||
|
||||
if ( is_admin() || ( defined( 'WP_CLI' ) && WP_CLI ) ) {
|
||||
require_once( AKISMET__PLUGIN_DIR . 'class.akismet-admin.php' );
|
||||
add_action( 'init', array( 'Akismet_Admin', 'init' ) );
|
||||
}
|
||||
|
||||
//add wrapper class around deprecated akismet functions that are referenced elsewhere
|
||||
require_once( AKISMET__PLUGIN_DIR . 'wrapper.php' );
|
||||
|
||||
if ( defined( 'WP_CLI' ) && WP_CLI ) {
|
||||
require_once( AKISMET__PLUGIN_DIR . 'class.akismet-cli.php' );
|
||||
}
|
||||
@@ -0,0 +1,465 @@
|
||||
=== Akismet Anti-Spam ===
|
||||
|
||||
== Archived Changelog Entries ==
|
||||
|
||||
This file contains older changelog entries, so we can keep the size of the standard WordPress readme.txt file reasonable.
|
||||
For the latest changes, please see the "Changelog" section of the [readme.txt file](https://plugins.svn.wordpress.org/akismet/trunk/readme.txt).
|
||||
|
||||
= 4.1.5 =
|
||||
*Release Date - 29 April 2020*
|
||||
|
||||
* Based on user feedback, we have dropped the in-admin notice explaining the availability of the "privacy notice" option in the AKismet settings screen. The option itself is available, but after displaying the notice for the last 2 years, it is now considered a known fact.
|
||||
* Updated the "Requires at least" to WP 4.6, based on recommendations from https://wp-info.org/tools/checkplugini18n.php?slug=akismet
|
||||
* Moved older changelog entries to a separate file to keep the size of this readme reasonable, also based on recommendations from https://wp-info.org/tools/checkplugini18n.php?slug=akismet
|
||||
|
||||
= 4.1.4 =
|
||||
*Release Date - 17 March 2020*
|
||||
|
||||
* Only redirect to the Akismet setup screen upon plugin activation if the plugin was activated manually from within the plugin-related screens, to help users with non-standard install workflows, like WP-CLI.
|
||||
* Update the layout of the initial setup screen to be more readable on small screens.
|
||||
* If no API key has been entered, don't run code that expects an API key.
|
||||
* Improve the readability of the comment history entries.
|
||||
* Don't modify the comment form HTML if no API key has been set.
|
||||
|
||||
= 4.1.3 =
|
||||
*Release Date - 31 October 2019*
|
||||
|
||||
* Prevented an attacker from being able to cause a user to unknowingly recheck their Pending comments for spam.
|
||||
* Improved compatibility with Jetpack 7.7+.
|
||||
* Updated the plugin activation page to use consistent language and markup.
|
||||
* Redirecting users to the Akismet connnection/settings screen upon plugin activation, in an effort to make it easier for people to get setup.
|
||||
|
||||
= 4.1.2 =
|
||||
*Release Date - 14 May 2019*
|
||||
|
||||
* Fixed a conflict between the Akismet setup banner and other plugin notices.
|
||||
* Reduced the number of API requests made by the plugin when attempting to verify the API key.
|
||||
* Include additional data in the pingback pre-check API request to help make the stats more accurate.
|
||||
* Fixed a bug that was enabling the "Check for Spam" button when no comments were eligible to be checked.
|
||||
* Improved Akismet's AMP compatibility.
|
||||
|
||||
= 4.1.1 =
|
||||
*Release Date - 31 January 2019*
|
||||
|
||||
* Fixed the "Setup Akismet" notice so it resizes responsively.
|
||||
* Only highlight the "Save Changes" button in the Akismet config when changes have been made.
|
||||
* The count of comments in your spam queue shown on the dashboard show now always be up-to-date.
|
||||
|
||||
= 4.1 =
|
||||
*Release Date - 12 November 2018*
|
||||
|
||||
* Added a WP-CLI method for retrieving stats.
|
||||
* Hooked into the new "Personal Data Eraser" functionality from WordPress 4.9.6.
|
||||
* Added functionality to clear outdated alerts from Akismet.com.
|
||||
|
||||
= 4.0.8 =
|
||||
*Release Date - 19 June 2018*
|
||||
|
||||
* Improved the grammar and consistency of the in-admin privacy related notes (notice and config).
|
||||
* Revised in-admin explanation of the comment form privacy notice to make its usage clearer.
|
||||
* Added `rel="nofollow noopener"` to the comment form privacy notice to improve SEO and security.
|
||||
|
||||
= 4.0.7 =
|
||||
*Release Date - 28 May 2018*
|
||||
|
||||
* Based on user feedback, the link on "Learn how your comment data is processed." in the optional privacy notice now has a `target` of `_blank` and opens in a new tab/window.
|
||||
* Updated the in-admin privacy notice to use the term "comment" instead of "contact" in "Akismet can display a notice to your users under your comment forms."
|
||||
* Only show in-admin privacy notice if Akismet has an API Key configured
|
||||
|
||||
= 4.0.6 =
|
||||
*Release Date - 26 May 2018*
|
||||
|
||||
* Moved away from using `empty( get_option() )` to instantiating a variable to be compatible with older versions of PHP (5.3, 5.4, etc).
|
||||
|
||||
= 4.0.5 =
|
||||
*Release Date - 26 May 2018*
|
||||
|
||||
* Corrected version number after tagging. Sorry...
|
||||
|
||||
= 4.0.4 =
|
||||
*Release Date - 26 May 2018*
|
||||
|
||||
* Added a hook to provide Akismet-specific privacy information for a site's privacy policy.
|
||||
* Added tools to control the display of a privacy related notice under comment forms.
|
||||
* Fixed HTML in activation failure message to close META and HEAD tag properly.
|
||||
* Fixed a bug that would sometimes prevent Akismet from being correctly auto-configured.
|
||||
|
||||
= 4.0.3 =
|
||||
*Release Date - 19 February 2018*
|
||||
|
||||
* Added a scheduled task to remove entries in wp_commentmeta that no longer have corresponding comments in wp_comments.
|
||||
* Added a new `akismet_batch_delete_count` action to the batch delete methods for people who'd like to keep track of the numbers of records being processed by those methods.
|
||||
|
||||
= 4.0.2 =
|
||||
*Release Date - 18 December 2017*
|
||||
|
||||
* Fixed a bug that could cause Akismet to recheck a comment that has already been manually approved or marked as spam.
|
||||
* Fixed a bug that could cause Akismet to claim that some comments are still waiting to be checked when no comments are waiting to be checked.
|
||||
|
||||
= 4.0.1 =
|
||||
*Release Date - 6 November 2017*
|
||||
|
||||
* Fixed a bug that could prevent some users from connecting Akismet via their Jetpack connection.
|
||||
* Ensured that any pending Akismet-related events are unscheduled if the plugin is deactivated.
|
||||
* Allow some JavaScript to be run asynchronously to avoid affecting page render speeds.
|
||||
|
||||
= 4.0 =
|
||||
*Release Date - 19 September 2017*
|
||||
|
||||
* Added REST API endpoints for configuring Akismet and retrieving stats.
|
||||
* Increased the minimum supported WordPress version to 4.0.
|
||||
* Added compatibility with comments submitted via the REST API.
|
||||
* Improved the progress indicator on the "Check for Spam" button.
|
||||
|
||||
= 3.3.4 =
|
||||
*Release Date - 3 August 2017*
|
||||
|
||||
* Disabled Akismet's debug log output by default unless AKISMET_DEBUG is defined.
|
||||
* URL previews now begin preloading when the mouse moves near them in the comments section of wp-admin.
|
||||
* When a comment is caught by the Comment Blacklist, Akismet will always allow it to stay in the trash even if it is spam as well.
|
||||
* Fixed a bug that was preventing an error from being shown when a site can't reach Akismet's servers.
|
||||
|
||||
= 3.3.3 =
|
||||
*Release Date - 13 July 2017*
|
||||
|
||||
* Reduced amount of bandwidth used by the URL Preview feature.
|
||||
* Improved the admin UI when the API key is manually pre-defined for the site.
|
||||
* Removed a workaround for WordPress installations older than 3.3 that will improve Akismet's compatibility with other plugins.
|
||||
* The number of spam blocked that is displayed on the WordPress dashboard will now be more accurate and updated more frequently.
|
||||
* Fixed a bug in the Akismet widget that could cause PHP warnings.
|
||||
|
||||
= 3.3.2 =
|
||||
*Release Date - 10 May 2017*
|
||||
|
||||
* Fixed a bug causing JavaScript errors in some browsers.
|
||||
|
||||
= 3.3.1 =
|
||||
*Release Date - 2 May 2017*
|
||||
|
||||
* Improve performance by only requesting the akismet_comment_nonce option when absolutely necessary.
|
||||
* Fixed two bugs that could cause PHP warnings.
|
||||
* Fixed a bug that was preventing the "Remove author URL" feature from working after a comment was edited using "Quick Edit."
|
||||
* Fixed a bug that was preventing the URL preview feature from working after a comment was edited using "Quick Edit."
|
||||
|
||||
= 3.3 =
|
||||
*Release Date - 23 February 2017*
|
||||
|
||||
* Updated the Akismet admin pages with a new clean design.
|
||||
* Fixed bugs preventing the `akismet_add_comment_nonce` and `akismet_update_alert` wrapper functions from working properly.
|
||||
* Fixed bug preventing the loading indicator from appearing when re-checking all comments for spam.
|
||||
* Added a progress indicator to the "Check for Spam" button.
|
||||
* Added a success message after manually rechecking the Pending queue for spam.
|
||||
|
||||
= 3.2 =
|
||||
*Release Date - 6 September 2016*
|
||||
|
||||
* Added a WP-CLI module. You can now check comments and recheck the moderation queue from the command line.
|
||||
* Stopped using the deprecated jQuery function `.live()`.
|
||||
* Fixed a bug in `remove_comment_author_url()` and `add_comment_author_url()` that could generate PHP notices.
|
||||
* Fixed a bug that could cause an infinite loop for sites with very very very large comment IDs.
|
||||
* Fixed a bug that could cause the Akismet widget title to be blank.
|
||||
|
||||
= 3.1.11 =
|
||||
*Release Date - 12 May 2016*
|
||||
|
||||
* Fixed a bug that could cause the "Check for Spam" button to skip some comments.
|
||||
* Fixed a bug that could prevent some spam submissions from being sent to Akismet.
|
||||
* Updated all links to use https:// when possible.
|
||||
* Disabled Akismet debug logging unless WP_DEBUG and WP_DEBUG_LOG are both enabled.
|
||||
|
||||
= 3.1.10 =
|
||||
*Release Date - 1 April 2016*
|
||||
|
||||
* Fixed a bug that could cause comments caught as spam to be placed in the Pending queue.
|
||||
* Fixed a bug that could have resulted in comments that were caught by the core WordPress comment blacklist not to have a corresponding History entry.
|
||||
* Fixed a bug that could have caused avoidable PHP warnings in the error log.
|
||||
|
||||
= 3.1.9 =
|
||||
*Release Date - 28 March 2016*
|
||||
|
||||
* Add compatibility with Jetpack so that Jetpack can automatically configure Akismet settings when appropriate.
|
||||
* Fixed a bug preventing some comment data from being sent to Akismet.
|
||||
|
||||
= 3.1.8 =
|
||||
*Release Date - 4 March 2016*
|
||||
|
||||
* Fixed a bug preventing Akismet from being used with some plugins that rewrite admin URLs.
|
||||
* Reduced the amount of bandwidth used on Akismet API calls
|
||||
* Reduced the amount of space Akismet uses in the database
|
||||
* Fixed a bug that could cause comments caught as spam to be placed in the Pending queue.
|
||||
|
||||
= 3.1.7 =
|
||||
*Release Date - 4 January 2016*
|
||||
|
||||
* Added documentation for the 'akismet_comment_nonce' filter.
|
||||
* The post-install activation button is now accessible to screen readers and keyboard-only users.
|
||||
* Fixed a bug that was preventing the "Remove author URL" feature from working in WordPress 4.4
|
||||
|
||||
= 3.1.6 =
|
||||
*Release Date - 14 December 2015*
|
||||
|
||||
* Improve the notices shown after activating Akismet.
|
||||
* Update some strings to allow for the proper plural forms in all languages.
|
||||
|
||||
= 3.1.5 =
|
||||
*Release Date - 13 October 2015*
|
||||
|
||||
* Closes a potential XSS vulnerability.
|
||||
|
||||
= 3.1.4 =
|
||||
*Release Date - 24 September 2015*
|
||||
|
||||
* Fixed a bug that was preventing some users from automatically connecting using Jetpack if they didn't have a current Akismet subscription.
|
||||
* Fixed a bug that could cause comments caught as spam to be placed in the Pending queue.
|
||||
* Error messages and instructions have been simplified to be more understandable.
|
||||
* Link previews are enabled for all links inside comments, not just the author's website link.
|
||||
|
||||
= 3.1.3 =
|
||||
*Release Date - 6 July 2015*
|
||||
|
||||
* Notify users when their account status changes after previously being successfully set up. This should help any users who are seeing blank Akismet settings screens.
|
||||
|
||||
= 3.1.2 =
|
||||
*Release Date - 7 June 2015*
|
||||
|
||||
* Reduced the amount of space Akismet uses in the commentmeta table.
|
||||
* Fixed a bug where some comments with quotes in the author name weren't getting history entries
|
||||
* Pre-emptive security improvements to ensure that the Akismet plugin can't be used by attackers to compromise a WordPress installation.
|
||||
* Better UI for the key entry field: allow whitespace to be included at the beginning or end of the key and strip it out automatically when the form is submitted.
|
||||
* When deactivating the plugin, notify the Akismet API so the site can be marked as inactive.
|
||||
* Clearer error messages.
|
||||
|
||||
= 3.1.1 =
|
||||
*Release Date - 17th March, 2015*
|
||||
|
||||
* Improvements to the "Remove comment author URL" JavaScript
|
||||
* Include the pingback pre-check from the 2.6 branch.
|
||||
|
||||
= 3.1 =
|
||||
*Release Date - 11th March, 2015*
|
||||
|
||||
* Use HTTPS by default for all requests to Akismet.
|
||||
* Fix for a situation where Akismet might strip HTML from a comment.
|
||||
|
||||
= 3.0.4 =
|
||||
*Release Date - 11th December, 2014*
|
||||
|
||||
* Fix to make .htaccess compatible with Apache 2.4.
|
||||
* Fix to allow removal of https author URLs.
|
||||
* Fix to avoid stripping part of the author URL when removing and re-adding.
|
||||
* Removed the "Check for Spam" button from the "Trash" and "Approved" queues, where it would have no effect.
|
||||
* Allow automatic API key configuration when Jetpack is installed and connected to a WordPress.com account
|
||||
|
||||
= 3.0.3 =
|
||||
*Release Date - 3rd November, 2014*
|
||||
|
||||
* Fix for sending the wrong data to delete_comment action that could have prevented old spam comments from being deleted.
|
||||
* Added a filter to disable logging of Akismet debugging information.
|
||||
* Added a filter for the maximum comment age when deleting old spam comments.
|
||||
* Added a filter for the number per batch when deleting old spam comments.
|
||||
* Removed the "Check for Spam" button from the Spam folder.
|
||||
|
||||
= 3.0.2 =
|
||||
*Release Date - 18th August, 2014*
|
||||
|
||||
* Performance improvements.
|
||||
* Fixed a bug that could truncate the comment data being sent to Akismet for checking.
|
||||
|
||||
= 3.0.1 =
|
||||
*Release Date - 9th July, 2014*
|
||||
|
||||
* Removed dependency on PHP's fsockopen function
|
||||
* Fix spam/ham reports to work when reported outside of the WP dashboard, e.g., from Notifications or the WP app
|
||||
* Remove jQuery dependency for comment form JavaScript
|
||||
* Remove unnecessary data from some Akismet comment meta
|
||||
* Suspended keys will now result in all comments being put in moderation, not spam.
|
||||
|
||||
= 3.0.0 =
|
||||
*Release Date - 15th April, 2014*
|
||||
|
||||
* Move Akismet to Settings menu
|
||||
* Drop Akismet Stats menu
|
||||
* Add stats snapshot to Akismet settings
|
||||
* Add Akismet subscription details and status to Akismet settings
|
||||
* Add contextual help for each page
|
||||
* Improve Akismet setup to use Jetpack to automate plugin setup
|
||||
* Fix "Check for Spam" to use AJAX to avoid page timing out
|
||||
* Fix Akismet settings page to be responsive
|
||||
* Drop legacy code
|
||||
* Tidy up CSS and Javascript
|
||||
* Replace the old discard setting with a new "discard pervasive spam" feature.
|
||||
|
||||
= 2.6.0 =
|
||||
*Release Date - 18th March, 2014*
|
||||
|
||||
* Add ajax paging to the check for spam button to handle large volumes of comments
|
||||
* Optimize javascript and add localization support
|
||||
* Fix bug in link to spam comments from right now dashboard widget
|
||||
* Fix bug with deleting old comments to avoid timeouts dealing with large volumes of comments
|
||||
* Include X-Pingback-Forwarded-For header in outbound WordPress pingback verifications
|
||||
* Add pre-check for pingbacks, to stop spam before an outbound verification request is made
|
||||
|
||||
= 2.5.9 =
|
||||
*Release Date - 1st August, 2013*
|
||||
|
||||
* Update 'Already have a key' link to redirect page rather than depend on javascript
|
||||
* Fix some non-translatable strings to be translatable
|
||||
* Update Activation banner in plugins page to redirect user to Akismet config page
|
||||
|
||||
= 2.5.8 =
|
||||
*Release Date - 20th January, 2013*
|
||||
|
||||
* Simplify the activation process for new users
|
||||
* Remove the reporter_ip parameter
|
||||
* Minor preventative security improvements
|
||||
|
||||
= 2.5.7 =
|
||||
*Release Date - 13th December, 2012*
|
||||
|
||||
* FireFox Stats iframe preview bug
|
||||
* Fix mshots preview when using https
|
||||
* Add .htaccess to block direct access to files
|
||||
* Prevent some PHP notices
|
||||
* Fix Check For Spam return location when referrer is empty
|
||||
* Fix Settings links for network admins
|
||||
* Fix prepare() warnings in WP 3.5
|
||||
|
||||
= 2.5.6 =
|
||||
*Release Date - 26th April, 2012*
|
||||
|
||||
* Prevent retry scheduling problems on sites where wp_cron is misbehaving
|
||||
* Preload mshot previews
|
||||
* Modernize the widget code
|
||||
* Fix a bug where comments were not held for moderation during an error condition
|
||||
* Improve the UX and display when comments are temporarily held due to an error
|
||||
* Make the Check For Spam button force a retry when comments are held due to an error
|
||||
* Handle errors caused by an invalid key
|
||||
* Don't retry comments that are too old
|
||||
* Improve error messages when verifying an API key
|
||||
|
||||
= 2.5.5 =
|
||||
*Release Date - 11th January, 2012*
|
||||
|
||||
* Add nonce check for comment author URL remove action
|
||||
* Fix the settings link
|
||||
|
||||
= 2.5.4 =
|
||||
*Release Date - 5th January, 2012*
|
||||
|
||||
* Limit Akismet CSS and Javascript loading in wp-admin to just the pages that need it
|
||||
* Added author URL quick removal functionality
|
||||
* Added mShot preview on Author URL hover
|
||||
* Added empty index.php to prevent directory listing
|
||||
* Move wp-admin menu items under Jetpack, if it is installed
|
||||
* Purge old Akismet comment meta data, default of 15 days
|
||||
|
||||
= 2.5.3 =
|
||||
*Release Date - 8th Febuary, 2011*
|
||||
|
||||
* Specify the license is GPL v2 or later
|
||||
* Fix a bug that could result in orphaned commentmeta entries
|
||||
* Include hotfix for WordPress 3.0.5 filter issue
|
||||
|
||||
= 2.5.2 =
|
||||
*Release Date - 14th January, 2011*
|
||||
|
||||
* Properly format the comment count for author counts
|
||||
* Look for super admins on multisite installs when looking up user roles
|
||||
* Increase the HTTP request timeout
|
||||
* Removed padding for author approved count
|
||||
* Fix typo in function name
|
||||
* Set Akismet stats iframe height to fixed 2500px. Better to have one tall scroll bar than two side by side.
|
||||
|
||||
= 2.5.1 =
|
||||
*Release Date - 17th December, 2010*
|
||||
|
||||
* Fix a bug that caused the "Auto delete" option to fail to discard comments correctly
|
||||
* Remove the comment nonce form field from the 'Akismet Configuration' page in favor of using a filter, akismet_comment_nonce
|
||||
* Fixed padding bug in "author" column of posts screen
|
||||
* Added margin-top to "cleared by ..." badges on dashboard
|
||||
* Fix possible error when calling akismet_cron_recheck()
|
||||
* Fix more PHP warnings
|
||||
* Clean up XHTML warnings for comment nonce
|
||||
* Fix for possible condition where scheduled comment re-checks could get stuck
|
||||
* Clean up the comment meta details after deleting a comment
|
||||
* Only show the status badge if the comment status has been changed by someone/something other than Akismet
|
||||
* Show a 'History' link in the row-actions
|
||||
* Translation fixes
|
||||
* Reduced font-size on author name
|
||||
* Moved "flagged by..." notification to top right corner of comment container and removed heavy styling
|
||||
* Hid "flagged by..." notification while on dashboard
|
||||
|
||||
= 2.5.0 =
|
||||
*Release Date - 7th December, 2010*
|
||||
|
||||
* Track comment actions under 'Akismet Status' on the edit comment screen
|
||||
* Fix a few remaining deprecated function calls ( props Mike Glendinning )
|
||||
* Use HTTPS for the stats IFRAME when wp-admin is using HTTPS
|
||||
* Use the WordPress HTTP class if available
|
||||
* Move the admin UI code to a separate file, only loaded when needed
|
||||
* Add cron retry feature, to replace the old connectivity check
|
||||
* Display Akismet status badge beside each comment
|
||||
* Record history for each comment, and display it on the edit page
|
||||
* Record the complete comment as originally submitted in comment_meta, to use when reporting spam and ham
|
||||
* Highlight links in comment content
|
||||
* New option, "Show the number of comments you've approved beside each comment author."
|
||||
* New option, "Use a nonce on the comment form."
|
||||
|
||||
= 2.4.0 =
|
||||
*Release Date - 23rd August, 2010*
|
||||
|
||||
* Spell out that the license is GPLv2
|
||||
* Fix PHP warnings
|
||||
* Fix WordPress deprecated function calls
|
||||
* Fire the delete_comment action when deleting comments
|
||||
* Move code specific for older WP versions to legacy.php
|
||||
* General code clean up
|
||||
|
||||
= 2.3.0 =
|
||||
*Release Date - 5th June, 2010*
|
||||
|
||||
* Fix "Are you sure" nonce message on config screen in WPMU
|
||||
* Fix XHTML compliance issue in sidebar widget
|
||||
* Change author link; remove some old references to WordPress.com accounts
|
||||
* Localize the widget title (core ticket #13879)
|
||||
|
||||
= 2.2.9 =
|
||||
*Release Date - 2nd June, 2010*
|
||||
|
||||
* Eliminate a potential conflict with some plugins that may cause spurious reports
|
||||
|
||||
= 2.2.8 =
|
||||
*Release Date - 27th May, 2010*
|
||||
|
||||
* Fix bug in initial comment check for ipv6 addresses
|
||||
* Report comments as ham when they are moved from spam to moderation
|
||||
* Report comments as ham when clicking undo after spam
|
||||
* Use transition_comment_status action when available instead of older actions for spam/ham submissions
|
||||
* Better diagnostic messages when PHP network functions are unavailable
|
||||
* Better handling of comments by logged-in users
|
||||
|
||||
= 2.2.7 =
|
||||
*Release Date - 17th December, 2009*
|
||||
|
||||
* Add a new AKISMET_VERSION constant
|
||||
* Reduce the possibility of over-counting spam when another spam filter plugin is in use
|
||||
* Disable the connectivity check when the API key is hard-coded for WPMU
|
||||
|
||||
= 2.2.6 =
|
||||
*Release Date - 20th July, 2009*
|
||||
|
||||
* Fix a global warning introduced in 2.2.5
|
||||
* Add changelog and additional readme.txt tags
|
||||
* Fix an array conversion warning in some versions of PHP
|
||||
* Support a new WPCOM_API_KEY constant for easier use with WordPress MU
|
||||
|
||||
= 2.2.5 =
|
||||
*Release Date - 13th July, 2009*
|
||||
|
||||
* Include a new Server Connectivity diagnostic check, to detect problems caused by firewalls
|
||||
|
||||
= 2.2.4 =
|
||||
*Release Date - 3rd June, 2009*
|
||||
|
||||
* Fixed a key problem affecting the stats feature in WordPress MU
|
||||
* Provide additional blog information in Akismet API calls
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,185 @@
|
||||
<?php
|
||||
|
||||
WP_CLI::add_command( 'akismet', 'Akismet_CLI' );
|
||||
|
||||
/**
|
||||
* Filter spam comments.
|
||||
*/
|
||||
class Akismet_CLI extends WP_CLI_Command {
|
||||
/**
|
||||
* Checks one or more comments against the Akismet API.
|
||||
*
|
||||
* ## OPTIONS
|
||||
* <comment_id>...
|
||||
* : The ID(s) of the comment(s) to check.
|
||||
*
|
||||
* [--noaction]
|
||||
* : Don't change the status of the comment. Just report what Akismet thinks it is.
|
||||
*
|
||||
* ## EXAMPLES
|
||||
*
|
||||
* wp akismet check 12345
|
||||
*
|
||||
* @alias comment-check
|
||||
*/
|
||||
public function check( $args, $assoc_args ) {
|
||||
foreach ( $args as $comment_id ) {
|
||||
if ( isset( $assoc_args['noaction'] ) ) {
|
||||
// Check the comment, but don't reclassify it.
|
||||
$api_response = Akismet::check_db_comment( $comment_id, 'wp-cli' );
|
||||
}
|
||||
else {
|
||||
$api_response = Akismet::recheck_comment( $comment_id, 'wp-cli' );
|
||||
}
|
||||
|
||||
if ( 'true' === $api_response ) {
|
||||
WP_CLI::line( sprintf( __( "Comment #%d is spam.", 'akismet' ), $comment_id ) );
|
||||
}
|
||||
else if ( 'false' === $api_response ) {
|
||||
WP_CLI::line( sprintf( __( "Comment #%d is not spam.", 'akismet' ), $comment_id ) );
|
||||
}
|
||||
else {
|
||||
if ( false === $api_response ) {
|
||||
WP_CLI::error( __( "Failed to connect to Akismet.", 'akismet' ) );
|
||||
}
|
||||
else if ( is_wp_error( $api_response ) ) {
|
||||
WP_CLI::warning( sprintf( __( "Comment #%d could not be checked.", 'akismet' ), $comment_id ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Recheck all comments in the Pending queue.
|
||||
*
|
||||
* ## EXAMPLES
|
||||
*
|
||||
* wp akismet recheck_queue
|
||||
*
|
||||
* @alias recheck-queue
|
||||
*/
|
||||
public function recheck_queue() {
|
||||
$batch_size = 100;
|
||||
$start = 0;
|
||||
|
||||
$total_counts = array();
|
||||
|
||||
do {
|
||||
$result_counts = Akismet_Admin::recheck_queue_portion( $start, $batch_size );
|
||||
|
||||
if ( $result_counts['processed'] > 0 ) {
|
||||
foreach ( $result_counts as $key => $count ) {
|
||||
if ( ! isset( $total_counts[ $key ] ) ) {
|
||||
$total_counts[ $key ] = $count;
|
||||
}
|
||||
else {
|
||||
$total_counts[ $key ] += $count;
|
||||
}
|
||||
}
|
||||
$start += $batch_size;
|
||||
$start -= $result_counts['spam']; // These comments will have been removed from the queue.
|
||||
}
|
||||
} while ( $result_counts['processed'] > 0 );
|
||||
|
||||
WP_CLI::line( sprintf( _n( "Processed %d comment.", "Processed %d comments.", $total_counts['processed'], 'akismet' ), number_format( $total_counts['processed'] ) ) );
|
||||
WP_CLI::line( sprintf( _n( "%d comment moved to Spam.", "%d comments moved to Spam.", $total_counts['spam'], 'akismet' ), number_format( $total_counts['spam'] ) ) );
|
||||
|
||||
if ( $total_counts['error'] ) {
|
||||
WP_CLI::line( sprintf( _n( "%d comment could not be checked.", "%d comments could not be checked.", $total_counts['error'], 'akismet' ), number_format( $total_counts['error'] ) ) );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Fetches stats from the Akismet API.
|
||||
*
|
||||
* ## OPTIONS
|
||||
*
|
||||
* [<interval>]
|
||||
* : The time period for which to retrieve stats.
|
||||
* ---
|
||||
* default: all
|
||||
* options:
|
||||
* - days
|
||||
* - months
|
||||
* - all
|
||||
* ---
|
||||
*
|
||||
* [--format=<format>]
|
||||
* : Allows overriding the output of the command when listing connections.
|
||||
* ---
|
||||
* default: table
|
||||
* options:
|
||||
* - table
|
||||
* - json
|
||||
* - csv
|
||||
* - yaml
|
||||
* - count
|
||||
* ---
|
||||
*
|
||||
* [--summary]
|
||||
* : When set, will display a summary of the stats.
|
||||
*
|
||||
* ## EXAMPLES
|
||||
*
|
||||
* wp akismet stats
|
||||
* wp akismet stats all
|
||||
* wp akismet stats days
|
||||
* wp akismet stats months
|
||||
* wp akismet stats all --summary
|
||||
*/
|
||||
public function stats( $args, $assoc_args ) {
|
||||
$api_key = Akismet::get_api_key();
|
||||
|
||||
if ( empty( $api_key ) ) {
|
||||
WP_CLI::error( __( 'API key must be set to fetch stats.', 'akismet' ) );
|
||||
}
|
||||
|
||||
switch ( $args[0] ) {
|
||||
case 'days':
|
||||
$interval = '60-days';
|
||||
break;
|
||||
case 'months':
|
||||
$interval = '6-months';
|
||||
break;
|
||||
default:
|
||||
$interval = 'all';
|
||||
break;
|
||||
}
|
||||
|
||||
$response = Akismet::http_post(
|
||||
Akismet::build_query( array(
|
||||
'blog' => get_option( 'home' ),
|
||||
'key' => $api_key,
|
||||
'from' => $interval,
|
||||
) ),
|
||||
'get-stats'
|
||||
);
|
||||
|
||||
if ( empty( $response[1] ) ) {
|
||||
WP_CLI::error( __( 'Currently unable to fetch stats. Please try again.', 'akismet' ) );
|
||||
}
|
||||
|
||||
$response_body = json_decode( $response[1], true );
|
||||
|
||||
if ( is_null( $response_body ) ) {
|
||||
WP_CLI::error( __( 'Stats response could not be decoded.', 'akismet' ) );
|
||||
}
|
||||
|
||||
if ( isset( $assoc_args['summary'] ) ) {
|
||||
$keys = array(
|
||||
'spam',
|
||||
'ham',
|
||||
'missed_spam',
|
||||
'false_positives',
|
||||
'accuracy',
|
||||
'time_saved',
|
||||
);
|
||||
|
||||
WP_CLI\Utils\format_items( $assoc_args['format'], array( $response_body ), $keys );
|
||||
}
|
||||
else {
|
||||
$stats = $response_body['breakdown'];
|
||||
WP_CLI\Utils\format_items( $assoc_args['format'], $stats, array_keys( end( $stats ) ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,366 @@
|
||||
<?php
|
||||
|
||||
class Akismet_REST_API {
|
||||
/**
|
||||
* Register the REST API routes.
|
||||
*/
|
||||
public static function init() {
|
||||
if ( ! function_exists( 'register_rest_route' ) ) {
|
||||
// The REST API wasn't integrated into core until 4.4, and we support 4.0+ (for now).
|
||||
return false;
|
||||
}
|
||||
|
||||
register_rest_route( 'akismet/v1', '/key', array(
|
||||
array(
|
||||
'methods' => WP_REST_Server::READABLE,
|
||||
'permission_callback' => array( 'Akismet_REST_API', 'privileged_permission_callback' ),
|
||||
'callback' => array( 'Akismet_REST_API', 'get_key' ),
|
||||
), array(
|
||||
'methods' => WP_REST_Server::EDITABLE,
|
||||
'permission_callback' => array( 'Akismet_REST_API', 'privileged_permission_callback' ),
|
||||
'callback' => array( 'Akismet_REST_API', 'set_key' ),
|
||||
'args' => array(
|
||||
'key' => array(
|
||||
'required' => true,
|
||||
'type' => 'string',
|
||||
'sanitize_callback' => array( 'Akismet_REST_API', 'sanitize_key' ),
|
||||
'description' => __( 'A 12-character Akismet API key. Available at akismet.com/get/', 'akismet' ),
|
||||
),
|
||||
),
|
||||
), array(
|
||||
'methods' => WP_REST_Server::DELETABLE,
|
||||
'permission_callback' => array( 'Akismet_REST_API', 'privileged_permission_callback' ),
|
||||
'callback' => array( 'Akismet_REST_API', 'delete_key' ),
|
||||
)
|
||||
) );
|
||||
|
||||
register_rest_route( 'akismet/v1', '/settings/', array(
|
||||
array(
|
||||
'methods' => WP_REST_Server::READABLE,
|
||||
'permission_callback' => array( 'Akismet_REST_API', 'privileged_permission_callback' ),
|
||||
'callback' => array( 'Akismet_REST_API', 'get_settings' ),
|
||||
),
|
||||
array(
|
||||
'methods' => WP_REST_Server::EDITABLE,
|
||||
'permission_callback' => array( 'Akismet_REST_API', 'privileged_permission_callback' ),
|
||||
'callback' => array( 'Akismet_REST_API', 'set_boolean_settings' ),
|
||||
'args' => array(
|
||||
'akismet_strictness' => array(
|
||||
'required' => false,
|
||||
'type' => 'boolean',
|
||||
'description' => __( 'If true, Akismet will automatically discard the worst spam automatically rather than putting it in the spam folder.', 'akismet' ),
|
||||
),
|
||||
'akismet_show_user_comments_approved' => array(
|
||||
'required' => false,
|
||||
'type' => 'boolean',
|
||||
'description' => __( 'If true, show the number of approved comments beside each comment author in the comments list page.', 'akismet' ),
|
||||
),
|
||||
),
|
||||
)
|
||||
) );
|
||||
|
||||
register_rest_route( 'akismet/v1', '/stats', array(
|
||||
'methods' => WP_REST_Server::READABLE,
|
||||
'permission_callback' => array( 'Akismet_REST_API', 'privileged_permission_callback' ),
|
||||
'callback' => array( 'Akismet_REST_API', 'get_stats' ),
|
||||
'args' => array(
|
||||
'interval' => array(
|
||||
'required' => false,
|
||||
'type' => 'string',
|
||||
'sanitize_callback' => array( 'Akismet_REST_API', 'sanitize_interval' ),
|
||||
'description' => __( 'The time period for which to retrieve stats. Options: 60-days, 6-months, all', 'akismet' ),
|
||||
'default' => 'all',
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
register_rest_route( 'akismet/v1', '/stats/(?P<interval>[\w+])', array(
|
||||
'args' => array(
|
||||
'interval' => array(
|
||||
'description' => __( 'The time period for which to retrieve stats. Options: 60-days, 6-months, all', 'akismet' ),
|
||||
'type' => 'string',
|
||||
),
|
||||
),
|
||||
array(
|
||||
'methods' => WP_REST_Server::READABLE,
|
||||
'permission_callback' => array( 'Akismet_REST_API', 'privileged_permission_callback' ),
|
||||
'callback' => array( 'Akismet_REST_API', 'get_stats' ),
|
||||
)
|
||||
) );
|
||||
|
||||
register_rest_route( 'akismet/v1', '/alert', array(
|
||||
array(
|
||||
'methods' => WP_REST_Server::READABLE,
|
||||
'permission_callback' => array( 'Akismet_REST_API', 'remote_call_permission_callback' ),
|
||||
'callback' => array( 'Akismet_REST_API', 'get_alert' ),
|
||||
'args' => array(
|
||||
'key' => array(
|
||||
'required' => false,
|
||||
'type' => 'string',
|
||||
'sanitize_callback' => array( 'Akismet_REST_API', 'sanitize_key' ),
|
||||
'description' => __( 'A 12-character Akismet API key. Available at akismet.com/get/', 'akismet' ),
|
||||
),
|
||||
),
|
||||
),
|
||||
array(
|
||||
'methods' => WP_REST_Server::EDITABLE,
|
||||
'permission_callback' => array( 'Akismet_REST_API', 'remote_call_permission_callback' ),
|
||||
'callback' => array( 'Akismet_REST_API', 'set_alert' ),
|
||||
'args' => array(
|
||||
'key' => array(
|
||||
'required' => false,
|
||||
'type' => 'string',
|
||||
'sanitize_callback' => array( 'Akismet_REST_API', 'sanitize_key' ),
|
||||
'description' => __( 'A 12-character Akismet API key. Available at akismet.com/get/', 'akismet' ),
|
||||
),
|
||||
),
|
||||
),
|
||||
array(
|
||||
'methods' => WP_REST_Server::DELETABLE,
|
||||
'permission_callback' => array( 'Akismet_REST_API', 'remote_call_permission_callback' ),
|
||||
'callback' => array( 'Akismet_REST_API', 'delete_alert' ),
|
||||
'args' => array(
|
||||
'key' => array(
|
||||
'required' => false,
|
||||
'type' => 'string',
|
||||
'sanitize_callback' => array( 'Akismet_REST_API', 'sanitize_key' ),
|
||||
'description' => __( 'A 12-character Akismet API key. Available at akismet.com/get/', 'akismet' ),
|
||||
),
|
||||
),
|
||||
)
|
||||
) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the current Akismet API key.
|
||||
*
|
||||
* @param WP_REST_Request $request
|
||||
* @return WP_Error|WP_REST_Response
|
||||
*/
|
||||
public static function get_key( $request = null ) {
|
||||
return rest_ensure_response( Akismet::get_api_key() );
|
||||
}
|
||||
|
||||
/**
|
||||
* Set the API key, if possible.
|
||||
*
|
||||
* @param WP_REST_Request $request
|
||||
* @return WP_Error|WP_REST_Response
|
||||
*/
|
||||
public static function set_key( $request ) {
|
||||
if ( defined( 'WPCOM_API_KEY' ) ) {
|
||||
return rest_ensure_response( new WP_Error( 'hardcoded_key', __( 'This site\'s API key is hardcoded and cannot be changed via the API.', 'akismet' ), array( 'status'=> 409 ) ) );
|
||||
}
|
||||
|
||||
$new_api_key = $request->get_param( 'key' );
|
||||
|
||||
if ( ! self::key_is_valid( $new_api_key ) ) {
|
||||
return rest_ensure_response( new WP_Error( 'invalid_key', __( 'The value provided is not a valid and registered API key.', 'akismet' ), array( 'status' => 400 ) ) );
|
||||
}
|
||||
|
||||
update_option( 'wordpress_api_key', $new_api_key );
|
||||
|
||||
return self::get_key();
|
||||
}
|
||||
|
||||
/**
|
||||
* Unset the API key, if possible.
|
||||
*
|
||||
* @param WP_REST_Request $request
|
||||
* @return WP_Error|WP_REST_Response
|
||||
*/
|
||||
public static function delete_key( $request ) {
|
||||
if ( defined( 'WPCOM_API_KEY' ) ) {
|
||||
return rest_ensure_response( new WP_Error( 'hardcoded_key', __( 'This site\'s API key is hardcoded and cannot be deleted.', 'akismet' ), array( 'status'=> 409 ) ) );
|
||||
}
|
||||
|
||||
delete_option( 'wordpress_api_key' );
|
||||
|
||||
return rest_ensure_response( true );
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the Akismet settings.
|
||||
*
|
||||
* @param WP_REST_Request $request
|
||||
* @return WP_Error|WP_REST_Response
|
||||
*/
|
||||
public static function get_settings( $request = null ) {
|
||||
return rest_ensure_response( array(
|
||||
'akismet_strictness' => ( get_option( 'akismet_strictness', '1' ) === '1' ),
|
||||
'akismet_show_user_comments_approved' => ( get_option( 'akismet_show_user_comments_approved', '1' ) === '1' ),
|
||||
) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Update the Akismet settings.
|
||||
*
|
||||
* @param WP_REST_Request $request
|
||||
* @return WP_Error|WP_REST_Response
|
||||
*/
|
||||
public static function set_boolean_settings( $request ) {
|
||||
foreach ( array(
|
||||
'akismet_strictness',
|
||||
'akismet_show_user_comments_approved',
|
||||
) as $setting_key ) {
|
||||
|
||||
$setting_value = $request->get_param( $setting_key );
|
||||
if ( is_null( $setting_value ) ) {
|
||||
// This setting was not specified.
|
||||
continue;
|
||||
}
|
||||
|
||||
// From 4.7+, WP core will ensure that these are always boolean
|
||||
// values because they are registered with 'type' => 'boolean',
|
||||
// but we need to do this ourselves for prior versions.
|
||||
$setting_value = Akismet_REST_API::parse_boolean( $setting_value );
|
||||
|
||||
update_option( $setting_key, $setting_value ? '1' : '0' );
|
||||
}
|
||||
|
||||
return self::get_settings();
|
||||
}
|
||||
|
||||
/**
|
||||
* Parse a numeric or string boolean value into a boolean.
|
||||
*
|
||||
* @param mixed $value The value to convert into a boolean.
|
||||
* @return bool The converted value.
|
||||
*/
|
||||
public static function parse_boolean( $value ) {
|
||||
switch ( $value ) {
|
||||
case true:
|
||||
case 'true':
|
||||
case '1':
|
||||
case 1:
|
||||
return true;
|
||||
|
||||
case false:
|
||||
case 'false':
|
||||
case '0':
|
||||
case 0:
|
||||
return false;
|
||||
|
||||
default:
|
||||
return (bool) $value;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the Akismet stats for a given time period.
|
||||
*
|
||||
* Possible `interval` values:
|
||||
* - all
|
||||
* - 60-days
|
||||
* - 6-months
|
||||
*
|
||||
* @param WP_REST_Request $request
|
||||
* @return WP_Error|WP_REST_Response
|
||||
*/
|
||||
public static function get_stats( $request ) {
|
||||
$api_key = Akismet::get_api_key();
|
||||
|
||||
$interval = $request->get_param( 'interval' );
|
||||
|
||||
$stat_totals = array();
|
||||
|
||||
$response = Akismet::http_post( Akismet::build_query( array( 'blog' => get_option( 'home' ), 'key' => $api_key, 'from' => $interval ) ), 'get-stats' );
|
||||
|
||||
if ( ! empty( $response[1] ) ) {
|
||||
$stat_totals[$interval] = json_decode( $response[1] );
|
||||
}
|
||||
|
||||
return rest_ensure_response( $stat_totals );
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the current alert code and message. Alert codes are used to notify the site owner
|
||||
* if there's a problem, like a connection issue between their site and the Akismet API,
|
||||
* invalid requests being sent, etc.
|
||||
*
|
||||
* @param WP_REST_Request $request
|
||||
* @return WP_Error|WP_REST_Response
|
||||
*/
|
||||
public static function get_alert( $request ) {
|
||||
return rest_ensure_response( array(
|
||||
'code' => get_option( 'akismet_alert_code' ),
|
||||
'message' => get_option( 'akismet_alert_msg' ),
|
||||
) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Update the current alert code and message by triggering a call to the Akismet server.
|
||||
*
|
||||
* @param WP_REST_Request $request
|
||||
* @return WP_Error|WP_REST_Response
|
||||
*/
|
||||
public static function set_alert( $request ) {
|
||||
delete_option( 'akismet_alert_code' );
|
||||
delete_option( 'akismet_alert_msg' );
|
||||
|
||||
// Make a request so the most recent alert code and message are retrieved.
|
||||
Akismet::verify_key( Akismet::get_api_key() );
|
||||
|
||||
return self::get_alert( $request );
|
||||
}
|
||||
|
||||
/**
|
||||
* Clear the current alert code and message.
|
||||
*
|
||||
* @param WP_REST_Request $request
|
||||
* @return WP_Error|WP_REST_Response
|
||||
*/
|
||||
public static function delete_alert( $request ) {
|
||||
delete_option( 'akismet_alert_code' );
|
||||
delete_option( 'akismet_alert_msg' );
|
||||
|
||||
return self::get_alert( $request );
|
||||
}
|
||||
|
||||
private static function key_is_valid( $key ) {
|
||||
$response = Akismet::http_post(
|
||||
Akismet::build_query(
|
||||
array(
|
||||
'key' => $key,
|
||||
'blog' => get_option( 'home' )
|
||||
)
|
||||
),
|
||||
'verify-key'
|
||||
);
|
||||
|
||||
if ( $response[1] == 'valid' ) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
public static function privileged_permission_callback() {
|
||||
return current_user_can( 'manage_options' );
|
||||
}
|
||||
|
||||
/**
|
||||
* For calls that Akismet.com makes to the site to clear outdated alert codes, use the API key for authorization.
|
||||
*/
|
||||
public static function remote_call_permission_callback( $request ) {
|
||||
$local_key = Akismet::get_api_key();
|
||||
|
||||
return $local_key && ( strtolower( $request->get_param( 'key' ) ) === strtolower( $local_key ) );
|
||||
}
|
||||
|
||||
public static function sanitize_interval( $interval, $request, $param ) {
|
||||
$interval = trim( $interval );
|
||||
|
||||
$valid_intervals = array( '60-days', '6-months', 'all', );
|
||||
|
||||
if ( ! in_array( $interval, $valid_intervals ) ) {
|
||||
$interval = 'all';
|
||||
}
|
||||
|
||||
return $interval;
|
||||
}
|
||||
|
||||
public static function sanitize_key( $key, $request, $param ) {
|
||||
return trim( $key );
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,136 @@
|
||||
<?php
|
||||
/**
|
||||
* @package Akismet
|
||||
*/
|
||||
class Akismet_Widget extends WP_Widget {
|
||||
|
||||
function __construct() {
|
||||
load_plugin_textdomain( 'akismet' );
|
||||
|
||||
parent::__construct(
|
||||
'akismet_widget',
|
||||
__( 'Akismet Widget' , 'akismet'),
|
||||
array( 'description' => __( 'Display the number of spam comments Akismet has caught' , 'akismet') )
|
||||
);
|
||||
|
||||
if ( is_active_widget( false, false, $this->id_base ) ) {
|
||||
add_action( 'wp_head', array( $this, 'css' ) );
|
||||
}
|
||||
}
|
||||
|
||||
function css() {
|
||||
?>
|
||||
|
||||
<style type="text/css">
|
||||
.a-stats {
|
||||
width: auto;
|
||||
}
|
||||
.a-stats a {
|
||||
background: #7CA821;
|
||||
background-image:-moz-linear-gradient(0% 100% 90deg,#5F8E14,#7CA821);
|
||||
background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#7CA821),to(#5F8E14));
|
||||
border: 1px solid #5F8E14;
|
||||
border-radius:3px;
|
||||
color: #CFEA93;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
height: 100%;
|
||||
-moz-border-radius:3px;
|
||||
padding: 7px 0 8px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
-webkit-border-radius:3px;
|
||||
width: 100%;
|
||||
}
|
||||
.a-stats a:hover {
|
||||
text-decoration: none;
|
||||
background-image:-moz-linear-gradient(0% 100% 90deg,#6F9C1B,#659417);
|
||||
background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#659417),to(#6F9C1B));
|
||||
}
|
||||
.a-stats .count {
|
||||
color: #FFF;
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
line-height: 16px;
|
||||
padding: 0 13px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
</style>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
function form( $instance ) {
|
||||
if ( $instance && isset( $instance['title'] ) ) {
|
||||
$title = $instance['title'];
|
||||
}
|
||||
else {
|
||||
$title = __( 'Spam Blocked' , 'akismet' );
|
||||
}
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php esc_html_e( 'Title:' , 'akismet'); ?></label>
|
||||
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
|
||||
</p>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$instance['title'] = strip_tags( $new_instance['title'] );
|
||||
return $instance;
|
||||
}
|
||||
|
||||
function widget( $args, $instance ) {
|
||||
$count = get_option( 'akismet_spam_count' );
|
||||
|
||||
if ( ! isset( $instance['title'] ) ) {
|
||||
$instance['title'] = __( 'Spam Blocked' , 'akismet' );
|
||||
}
|
||||
|
||||
echo $args['before_widget'];
|
||||
if ( ! empty( $instance['title'] ) ) {
|
||||
echo $args['before_title'];
|
||||
echo esc_html( $instance['title'] );
|
||||
echo $args['after_title'];
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="a-stats">
|
||||
<a href="https://akismet.com" target="_blank" rel="noopener" title="">
|
||||
<?php
|
||||
|
||||
echo wp_kses(
|
||||
sprintf(
|
||||
/* translators: The placeholder is the number of pieces of spam blocked by Akismet. */
|
||||
_n(
|
||||
'<strong class="count">%1$s spam</strong> blocked by <strong>Akismet</strong>',
|
||||
'<strong class="count">%1$s spam</strong> blocked by <strong>Akismet</strong>',
|
||||
$count,
|
||||
'akismet'
|
||||
),
|
||||
number_format_i18n( $count )
|
||||
),
|
||||
array(
|
||||
'strong' => array(
|
||||
'class' => true,
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
?>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
}
|
||||
|
||||
function akismet_register_widgets() {
|
||||
register_widget( 'Akismet_Widget' );
|
||||
}
|
||||
|
||||
add_action( 'widgets_init', 'akismet_register_widgets' );
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,2 @@
|
||||
<?php
|
||||
# Silence is golden.
|
||||
@@ -0,0 +1,112 @@
|
||||
=== Akismet Spam Protection ===
|
||||
Contributors: matt, ryan, andy, mdawaffe, tellyworth, josephscott, lessbloat, eoigal, cfinke, automattic, jgs, procifer, stephdau
|
||||
Tags: comments, spam, antispam, anti-spam, contact form, anti spam, comment moderation, comment spam, contact form spam, spam comments
|
||||
Requires at least: 5.0
|
||||
Tested up to: 6.0
|
||||
Stable tag: 4.2.4
|
||||
License: GPLv2 or later
|
||||
|
||||
The best anti-spam protection to block spam comments and spam in a contact form. The most trusted antispam solution for WordPress and WooCommerce.
|
||||
|
||||
== Description ==
|
||||
|
||||
Akismet checks your comments and contact form submissions against our global database of spam to prevent your site from publishing malicious content. You can review the comment spam it catches on your blog's "Comments" admin screen.
|
||||
|
||||
Major features in Akismet include:
|
||||
|
||||
* Automatically checks all comments and filters out the ones that look like spam.
|
||||
* Each comment has a status history, so you can easily see which comments were caught or cleared by Akismet and which were spammed or unspammed by a moderator.
|
||||
* URLs are shown in the comment body to reveal hidden or misleading links.
|
||||
* Moderators can see the number of approved comments for each user.
|
||||
* A discard feature that outright blocks the worst spam, saving you disk space and speeding up your site.
|
||||
|
||||
PS: You'll be prompted to get an Akismet.com API key to use it, once activated. Keys are free for personal blogs; paid subscriptions are available for businesses and commercial sites.
|
||||
|
||||
== Installation ==
|
||||
|
||||
Upload the Akismet plugin to your blog, activate it, and then enter your Akismet.com API key.
|
||||
|
||||
1, 2, 3: You're done!
|
||||
|
||||
== Changelog ==
|
||||
|
||||
= 4.2.4 =
|
||||
*Release Date - 20 May 2022*
|
||||
|
||||
* Improved translator instructions for comment history.
|
||||
* Bumped the "Tested up to" tag to WP 6.0.
|
||||
|
||||
= 4.2.3 =
|
||||
*Release Date - 25 April 2022*
|
||||
|
||||
* Improved compatibility with Fluent Forms
|
||||
* Fixed missing translation domains
|
||||
* Updated stats URL.
|
||||
* Improved accessibility of elements on the config page.
|
||||
|
||||
= 4.2.2 =
|
||||
*Release Date - 24 January 2022*
|
||||
|
||||
* Improved compatibility with Formidable Forms
|
||||
* Fixed a bug that could cause issues when multiple contact forms appear on one page.
|
||||
* Updated delete_comment and deleted_comment actions to pass two arguments to match WordPress core since 4.9.0.
|
||||
* Added a filter that allows comment types to be excluded when counting users' approved comments.
|
||||
|
||||
= 4.2.1 =
|
||||
*Release Date - 1 October 2021*
|
||||
|
||||
* Fixed a bug causing AMP validation to fail on certain pages with forms.
|
||||
|
||||
= 4.2 =
|
||||
*Release Date - 30 September 2021*
|
||||
|
||||
* Added links to additional information on API usage notifications.
|
||||
* Reduced the number of network requests required for a comment page when running Akismet.
|
||||
* Improved compatibility with the most popular contact form plugins.
|
||||
* Improved API usage buttons for clarity on what upgrade is needed.
|
||||
|
||||
= 4.1.12 =
|
||||
*Release Date - 3 September 2021*
|
||||
|
||||
* Fixed "Use of undefined constant" notice.
|
||||
* Improved styling of alert notices.
|
||||
|
||||
= 4.1.11 =
|
||||
*Release Date - 23 August 2021*
|
||||
|
||||
* Added support for Akismet API usage notifications on Akismet settings and edit-comments admin pages.
|
||||
* Added support for the deleted_comment action when bulk-deleting comments from Spam.
|
||||
|
||||
= 4.1.10 =
|
||||
*Release Date - 6 July 2021*
|
||||
|
||||
* Simplified the code around checking comments in REST API and XML-RPC requests.
|
||||
* Updated Plus plan terminology in notices to match current subscription names.
|
||||
* Added `rel="noopener"` to the widget link to avoid warnings in Google Lighthouse.
|
||||
* Set the Akismet JavaScript as deferred instead of async to improve responsiveness.
|
||||
* Improved the preloading of screenshot popups on the edit comments admin page.
|
||||
|
||||
= 4.1.9 =
|
||||
*Release Date - 2 March 2021*
|
||||
|
||||
* Improved handling of pingbacks in XML-RPC multicalls
|
||||
|
||||
= 4.1.8 =
|
||||
*Release Date - 6 January 2021*
|
||||
|
||||
* Fixed missing fields in submit-spam and submit-ham calls that could lead to reduced accuracy.
|
||||
* Fixed usage of deprecated jQuery function.
|
||||
|
||||
= 4.1.7 =
|
||||
*Release Date - 22 October 2020*
|
||||
|
||||
* Show the "Set up your Akismet account" banner on the comments admin screen, where it's relevant to mention if Akismet hasn't been configured.
|
||||
* Don't use wp_blacklist_check when the new wp_check_comment_disallowed_list function is available.
|
||||
|
||||
= 4.1.6 =
|
||||
*Release Date - 4 June 2020*
|
||||
|
||||
* Disable "Check for Spam" button until the page is loaded to avoid errors with clicking through to queue recheck endpoint directly.
|
||||
* Added filter "akismet_enable_mshots" to allow disabling screenshot popups on the edit comments admin page.
|
||||
|
||||
For older changelog entries, please see the [additional changelog.txt file](https://plugins.svn.wordpress.org/akismet/trunk/changelog.txt) delivered with the plugin.
|
||||
@@ -0,0 +1,8 @@
|
||||
<div class="akismet-box">
|
||||
<?php Akismet::view( 'title' ); ?>
|
||||
<?php Akismet::view( 'setup' );?>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="akismet-box">
|
||||
<?php Akismet::view( 'enter' );?>
|
||||
</div>
|
||||
@@ -0,0 +1,250 @@
|
||||
<?php
|
||||
|
||||
//phpcs:disable VariableAnalysis
|
||||
// There are "undefined" variables here because they're defined in the code that includes this file as a template.
|
||||
|
||||
?>
|
||||
<div id="akismet-plugin-container">
|
||||
<div class="akismet-masthead">
|
||||
<div class="akismet-masthead__inside-container">
|
||||
<div class="akismet-masthead__logo-container">
|
||||
<img class="akismet-masthead__logo" src="<?php echo esc_url( plugins_url( '../_inc/img/logo-full-2x.png', __FILE__ ) ); ?>" alt="Akismet" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="akismet-lower">
|
||||
<?php if ( Akismet::get_api_key() ) { ?>
|
||||
<?php Akismet_Admin::display_status(); ?>
|
||||
<?php } ?>
|
||||
<?php if ( ! empty( $notices ) ) { ?>
|
||||
<?php foreach ( $notices as $notice ) { ?>
|
||||
<?php Akismet::view( 'notice', $notice ); ?>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
<?php if ( $stat_totals && isset( $stat_totals['all'] ) && (int) $stat_totals['all']->spam > 0 ) : ?>
|
||||
<div class="akismet-card">
|
||||
<div class="akismet-section-header">
|
||||
<div class="akismet-section-header__label">
|
||||
<span><?php esc_html_e( 'Statistics' , 'akismet'); ?></span>
|
||||
</div>
|
||||
<div class="akismet-section-header__actions">
|
||||
<a href="<?php echo esc_url( Akismet_Admin::get_page_url( 'stats' ) ); ?>">
|
||||
<?php esc_html_e( 'Detailed Stats' , 'akismet');?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="akismet-new-snapshot">
|
||||
<iframe allowtransparency="true" scrolling="no" frameborder="0" style="width: 100%; height: 220px; overflow: hidden;" src="<?php echo esc_url( sprintf( 'https://tools.akismet.com/1.0/snapshot.php?blog=%s&api_key=%s&height=200&locale=%s', urlencode( get_option( 'home' ) ), Akismet::get_api_key(), get_locale() ) ); ?>"></iframe>
|
||||
<ul>
|
||||
<li>
|
||||
<h3><?php esc_html_e( 'Past six months' , 'akismet');?></h3>
|
||||
<span><?php echo number_format( $stat_totals['6-months']->spam );?></span>
|
||||
<?php echo esc_html( _n( 'Spam blocked', 'Spam blocked', $stat_totals['6-months']->spam, 'akismet' ) ); ?>
|
||||
</li>
|
||||
<li>
|
||||
<h3><?php esc_html_e( 'All time' , 'akismet');?></h3>
|
||||
<span><?php echo number_format( $stat_totals['all']->spam );?></span>
|
||||
<?php echo esc_html( _n( 'Spam blocked', 'Spam blocked', $stat_totals['all']->spam, 'akismet' ) ); ?>
|
||||
</li>
|
||||
<li>
|
||||
<h3><?php esc_html_e( 'Accuracy' , 'akismet');?></h3>
|
||||
<span><?php echo floatval( $stat_totals['all']->accuracy ); ?>%</span>
|
||||
<?php printf( _n( '%s missed spam', '%s missed spam', $stat_totals['all']->missed_spam, 'akismet' ), number_format( $stat_totals['all']->missed_spam ) ); ?>
|
||||
|
|
||||
<?php printf( _n( '%s false positive', '%s false positives', $stat_totals['all']->false_positives, 'akismet' ), number_format( $stat_totals['all']->false_positives ) ); ?>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif;?>
|
||||
|
||||
<?php if ( $akismet_user ) : ?>
|
||||
<div class="akismet-card">
|
||||
<div class="akismet-section-header">
|
||||
<div class="akismet-section-header__label">
|
||||
<span><?php esc_html_e( 'Settings' , 'akismet'); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inside">
|
||||
<form action="<?php echo esc_url( Akismet_Admin::get_page_url() ); ?>" method="POST">
|
||||
<table cellspacing="0" class="akismet-settings">
|
||||
<tbody>
|
||||
<?php if ( ! Akismet::predefined_api_key() ) { ?>
|
||||
<tr>
|
||||
<th class="akismet-api-key" width="10%" align="left" scope="row">
|
||||
<label for="key"><?php esc_html_e( 'API Key', 'akismet' ); ?></label>
|
||||
</th>
|
||||
<td width="5%"/>
|
||||
<td align="left">
|
||||
<span class="api-key"><input id="key" name="key" type="text" size="15" value="<?php echo esc_attr( get_option('wordpress_api_key') ); ?>" class="<?php echo esc_attr( 'regular-text code ' . $akismet_user->status ); ?>"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
<?php if ( isset( $_GET['ssl_status'] ) ) { ?>
|
||||
<tr>
|
||||
<th align="left" scope="row"><?php esc_html_e( 'SSL Status', 'akismet' ); ?></th>
|
||||
<td></td>
|
||||
<td align="left">
|
||||
<p>
|
||||
<?php
|
||||
|
||||
if ( ! wp_http_supports( array( 'ssl' ) ) ) {
|
||||
?><b><?php esc_html_e( 'Disabled.', 'akismet' ); ?></b> <?php esc_html_e( 'Your Web server cannot make SSL requests; contact your Web host and ask them to add support for SSL requests.', 'akismet' ); ?><?php
|
||||
}
|
||||
else {
|
||||
$ssl_disabled = get_option( 'akismet_ssl_disabled' );
|
||||
|
||||
if ( $ssl_disabled ) {
|
||||
?><b><?php esc_html_e( 'Temporarily disabled.', 'akismet' ); ?></b> <?php esc_html_e( 'Akismet encountered a problem with a previous SSL request and disabled it temporarily. It will begin using SSL for requests again shortly.', 'akismet' ); ?><?php
|
||||
}
|
||||
else {
|
||||
?><b><?php esc_html_e( 'Enabled.', 'akismet' ); ?></b> <?php esc_html_e( 'All systems functional.', 'akismet' ); ?><?php
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
<tr>
|
||||
<th align="left" scope="row"><?php esc_html_e('Comments', 'akismet');?></th>
|
||||
<td></td>
|
||||
<td align="left">
|
||||
<p>
|
||||
<label for="akismet_show_user_comments_approved" title="<?php esc_attr_e( 'Show approved comments' , 'akismet'); ?>">
|
||||
<input
|
||||
name="akismet_show_user_comments_approved"
|
||||
id="akismet_show_user_comments_approved"
|
||||
value="1"
|
||||
type="checkbox"
|
||||
<?php
|
||||
|
||||
// If the option isn't set, or if it's enabled ('1'), or if it was enabled a long time ago ('true'), check the checkbox.
|
||||
checked( true, ( in_array( get_option( 'akismet_show_user_comments_approved' ), array( false, '1', 'true' ), true ) ) );
|
||||
|
||||
?>
|
||||
/>
|
||||
<?php esc_html_e( 'Show the number of approved comments beside each comment author', 'akismet' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="strictness" align="left" scope="row"><?php esc_html_e('Strictness', 'akismet'); ?></th>
|
||||
<td></td>
|
||||
<td align="left">
|
||||
<fieldset><legend class="screen-reader-text"><span><?php esc_html_e('Akismet anti-spam strictness', 'akismet'); ?></span></legend>
|
||||
<p><label for="akismet_strictness_1"><input type="radio" name="akismet_strictness" id="akismet_strictness_1" value="1" <?php checked('1', get_option('akismet_strictness')); ?> /> <?php esc_html_e('Silently discard the worst and most pervasive spam so I never see it.', 'akismet'); ?></label></p>
|
||||
<p><label for="akismet_strictness_0"><input type="radio" name="akismet_strictness" id="akismet_strictness_0" value="0" <?php checked('0', get_option('akismet_strictness')); ?> /> <?php esc_html_e('Always put spam in the Spam folder for review.', 'akismet'); ?></label></p>
|
||||
</fieldset>
|
||||
<span class="akismet-note"><strong><?php esc_html_e('Note:', 'akismet');?></strong>
|
||||
<?php
|
||||
|
||||
$delete_interval = max( 1, intval( apply_filters( 'akismet_delete_comment_interval', 15 ) ) );
|
||||
|
||||
printf(
|
||||
_n(
|
||||
'Spam in the <a href="%1$s">spam folder</a> older than 1 day is deleted automatically.',
|
||||
'Spam in the <a href="%1$s">spam folder</a> older than %2$d days is deleted automatically.',
|
||||
$delete_interval,
|
||||
'akismet'
|
||||
),
|
||||
admin_url( 'edit-comments.php?comment_status=spam' ),
|
||||
$delete_interval
|
||||
);
|
||||
|
||||
?>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="comment-form-privacy-notice" align="left" scope="row"><?php esc_html_e('Privacy', 'akismet'); ?></th>
|
||||
<td></td>
|
||||
<td align="left">
|
||||
<fieldset><legend class="screen-reader-text"><span><?php esc_html_e('Akismet privacy notice', 'akismet'); ?></span></legend>
|
||||
<p><label for="akismet_comment_form_privacy_notice_display"><input type="radio" name="akismet_comment_form_privacy_notice" id="akismet_comment_form_privacy_notice_display" value="display" <?php checked('display', get_option('akismet_comment_form_privacy_notice')); ?> /> <?php esc_html_e('Display a privacy notice under your comment forms.', 'akismet'); ?></label></p>
|
||||
<p><label for="akismet_comment_form_privacy_notice_hide"><input type="radio" name="akismet_comment_form_privacy_notice" id="akismet_comment_form_privacy_notice_hide" value="hide" <?php echo in_array( get_option('akismet_comment_form_privacy_notice'), array('display', 'hide') ) ? checked('hide', get_option('akismet_comment_form_privacy_notice'), false) : 'checked="checked"'; ?> /> <?php esc_html_e('Do not display privacy notice.', 'akismet'); ?></label></p>
|
||||
</fieldset>
|
||||
<span class="akismet-note"><?php esc_html_e( 'To help your site with transparency under privacy laws like the GDPR, Akismet can display a notice to your users under your comment forms. This feature is disabled by default, however, you can turn it on above.', 'akismet' );?></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="akismet-card-actions">
|
||||
<?php if ( ! Akismet::predefined_api_key() ) { ?>
|
||||
<div id="delete-action">
|
||||
<a class="submitdelete deletion" href="<?php echo esc_url( Akismet_Admin::get_page_url( 'delete_key' ) ); ?>"><?php esc_html_e('Disconnect this account', 'akismet'); ?></a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php wp_nonce_field(Akismet_Admin::NONCE) ?>
|
||||
<div id="publishing-action">
|
||||
<input type="hidden" name="action" value="enter-key">
|
||||
<input type="submit" name="submit" id="submit" class="akismet-button akismet-could-be-primary" value="<?php esc_attr_e('Save Changes', 'akismet');?>">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if ( ! Akismet::predefined_api_key() ) { ?>
|
||||
<div class="akismet-card">
|
||||
<div class="akismet-section-header">
|
||||
<div class="akismet-section-header__label">
|
||||
<span><?php esc_html_e( 'Account' , 'akismet'); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inside">
|
||||
<table cellspacing="0" border="0" class="akismet-settings">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" align="left"><?php esc_html_e( 'Subscription Type' , 'akismet');?></th>
|
||||
<td width="5%"/>
|
||||
<td align="left">
|
||||
<p><?php echo esc_html( $akismet_user->account_name ); ?></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" align="left"><?php esc_html_e( 'Status' , 'akismet');?></th>
|
||||
<td width="5%"/>
|
||||
<td align="left">
|
||||
<p><?php
|
||||
if ( 'cancelled' == $akismet_user->status ) :
|
||||
esc_html_e( 'Cancelled', 'akismet' );
|
||||
elseif ( 'suspended' == $akismet_user->status ) :
|
||||
esc_html_e( 'Suspended', 'akismet' );
|
||||
elseif ( 'missing' == $akismet_user->status ) :
|
||||
esc_html_e( 'Missing', 'akismet' );
|
||||
elseif ( 'no-sub' == $akismet_user->status ) :
|
||||
esc_html_e( 'No Subscription Found', 'akismet' );
|
||||
else :
|
||||
esc_html_e( 'Active', 'akismet' );
|
||||
endif; ?></p>
|
||||
</td>
|
||||
</tr>
|
||||
<?php if ( $akismet_user->next_billing_date ) : ?>
|
||||
<tr>
|
||||
<th scope="row" align="left"><?php esc_html_e( 'Next Billing Date' , 'akismet');?></th>
|
||||
<td width="5%"/>
|
||||
<td align="left">
|
||||
<p><?php echo date( 'F j, Y', $akismet_user->next_billing_date ); ?></p>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endif; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="akismet-card-actions">
|
||||
<div id="publishing-action">
|
||||
<?php Akismet::view( 'get', array( 'text' => ( $akismet_user->account_type == 'free-api-key' && $akismet_user->status == 'active' ? __( 'Upgrade' , 'akismet') : __( 'Change' , 'akismet') ), 'redirect' => 'upgrade' ) ); ?>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php endif;?>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,72 @@
|
||||
<?php
|
||||
|
||||
//phpcs:disable VariableAnalysis
|
||||
// There are "undefined" variables here because they're defined in the code that includes this file as a template.
|
||||
|
||||
?>
|
||||
<div class="akismet-box">
|
||||
<?php Akismet::view( 'title' ); ?>
|
||||
<div class="akismet-jp-connect">
|
||||
<h3><?php esc_html_e( 'Connect with Jetpack', 'akismet' ); ?></h3><?php
|
||||
if ( in_array( $akismet_user->status, array( 'no-sub', 'missing' ) ) ) {?>
|
||||
<p><?php esc_html_e( 'Use your Jetpack connection to set up Akismet.', 'akismet' ); ?></p>
|
||||
<form name="akismet_activate" id="akismet_activate" action="https://akismet.com/get/" method="post" class="akismet-right" target="_blank">
|
||||
<input type="hidden" name="passback_url" value="<?php echo esc_url( Akismet_Admin::get_page_url() ); ?>"/>
|
||||
<input type="hidden" name="blog" value="<?php echo esc_url( get_option( 'home' ) ); ?>"/>
|
||||
<input type="hidden" name="auto-connect" value="<?php echo esc_attr( $akismet_user->ID ); ?>"/>
|
||||
<input type="hidden" name="redirect" value="plugin-signup"/>
|
||||
<input type="submit" class="akismet-button akismet-is-primary" value="<?php esc_attr_e( 'Connect with Jetpack' , 'akismet' ); ?>"/>
|
||||
</form>
|
||||
<?php echo get_avatar( $akismet_user->user_email, null, null, null, array( 'class' => 'akismet-jetpack-gravatar' ) ); ?>
|
||||
<p><?php
|
||||
/* translators: %s is the WordPress.com username */
|
||||
echo sprintf( esc_html( __( 'You are connected as %s.', 'akismet' ) ), '<b>' . esc_html( $akismet_user->user_login ) . '</b>' ); ?><br /><span class="akismet-jetpack-email"><?php echo esc_html( $akismet_user->user_email ); ?></span></p>
|
||||
<?php } elseif ( $akismet_user->status == 'cancelled' ) { ?>
|
||||
<p><?php esc_html_e( 'Use your Jetpack connection to set up Akismet.', 'akismet' ); ?></p>
|
||||
<form name="akismet_activate" id="akismet_activate" action="https://akismet.com/get/" method="post" class="akismet-right" target="_blank">
|
||||
<input type="hidden" name="passback_url" value="<?php echo esc_url( Akismet_Admin::get_page_url() ); ?>"/>
|
||||
<input type="hidden" name="blog" value="<?php echo esc_url( get_option( 'home' ) ); ?>"/>
|
||||
<input type="hidden" name="user_id" value="<?php echo esc_attr( $akismet_user->ID ); ?>"/>
|
||||
<input type="hidden" name="redirect" value="upgrade"/>
|
||||
<input type="submit" class="akismet-button akismet-is-primary" value="<?php esc_attr_e( 'Connect with Jetpack' , 'akismet' ); ?>"/>
|
||||
</form>
|
||||
<?php echo get_avatar( $akismet_user->user_email, null, null, null, array( 'class' => 'akismet-jetpack-gravatar' ) ); ?>
|
||||
<p><?php
|
||||
/* translators: %s is the WordPress.com email address */
|
||||
echo esc_html( sprintf( __( 'Your subscription for %s is cancelled.' , 'akismet' ), $akismet_user->user_email ) ); ?><br /><span class="akismet-jetpack-email"><?php echo esc_html( $akismet_user->user_email ); ?></span></p>
|
||||
<?php } elseif ( $akismet_user->status == 'suspended' ) { ?>
|
||||
<div class="akismet-right">
|
||||
<p><a href="https://akismet.com/contact" class="akismet-button akismet-is-primary"><?php esc_html_e( 'Contact Akismet support' , 'akismet' ); ?></a></p>
|
||||
</div>
|
||||
<p>
|
||||
<span class="akismet-alert-text"><?php
|
||||
/* translators: %s is the WordPress.com email address */
|
||||
echo esc_html( sprintf( __( 'Your subscription for %s is suspended.' , 'akismet' ), $akismet_user->user_email ) ); ?></span>
|
||||
<?php esc_html_e( 'No worries! Get in touch and we’ll sort this out.', 'akismet' ); ?>
|
||||
</p>
|
||||
<?php } else { // ask do they want to use akismet account found using jetpack wpcom connection ?>
|
||||
<p><?php esc_html_e( 'Use your Jetpack connection to set up Akismet.', 'akismet' ); ?></p>
|
||||
<form name="akismet_use_wpcom_key" action="<?php echo esc_url( Akismet_Admin::get_page_url() ); ?>" method="post" id="akismet-activate" class="akismet-right">
|
||||
<input type="hidden" name="key" value="<?php echo esc_attr( $akismet_user->api_key );?>"/>
|
||||
<input type="hidden" name="action" value="enter-key">
|
||||
<?php wp_nonce_field( Akismet_Admin::NONCE ) ?>
|
||||
<input type="submit" class="akismet-button akismet-is-primary" value="<?php esc_attr_e( 'Connect with Jetpack' , 'akismet' ); ?>"/>
|
||||
</form>
|
||||
<?php echo get_avatar( $akismet_user->user_email, null, null, null, array( 'class' => 'akismet-jetpack-gravatar' ) ); ?>
|
||||
<p><?php
|
||||
/* translators: %s is the WordPress.com username */
|
||||
echo sprintf( esc_html( __( 'You are connected as %s.', 'akismet' ) ), '<b>' . esc_html( $akismet_user->user_login ) . '</b>' ); ?><br /><span class="akismet-jetpack-email"><?php echo esc_html( $akismet_user->user_email ); ?></span></p>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="akismet-ak-connect">
|
||||
<?php Akismet::view( 'setup' );?>
|
||||
</div>
|
||||
<div class="centered akismet-toggles">
|
||||
<a href="#" class="toggle-jp-connect"><?php esc_html_e( 'Connect with Jetpack', 'akismet' ); ?></a>
|
||||
<a href="#" class="toggle-ak-connect"><?php esc_html_e( 'Set up a different account', 'akismet' ); ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="akismet-box">
|
||||
<?php Akismet::view( 'enter' );?>
|
||||
</div>
|
||||
@@ -0,0 +1,13 @@
|
||||
<div class="akismet-enter-api-key-box centered">
|
||||
<a href="#"><?php esc_html_e( 'Manually enter an API key', 'akismet' ); ?></a>
|
||||
<div class="enter-api-key">
|
||||
<form action="<?php echo esc_url( Akismet_Admin::get_page_url() ); ?>" method="post">
|
||||
<?php wp_nonce_field( Akismet_Admin::NONCE ) ?>
|
||||
<input type="hidden" name="action" value="enter-key">
|
||||
<p style="width: 100%; display: flex; flex-wrap: nowrap; box-sizing: border-box;">
|
||||
<input id="key" name="key" type="text" size="15" value="" placeholder="<?php esc_attr_e( 'Enter your API key' , 'akismet' ); ?>" class="regular-text code" style="flex-grow: 1; margin-right: 1rem;">
|
||||
<input type="submit" name="submit" id="submit" class="akismet-button" value="<?php esc_attr_e( 'Connect with API key', 'akismet' );?>">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,12 @@
|
||||
<?php
|
||||
|
||||
//phpcs:disable VariableAnalysis
|
||||
// There are "undefined" variables here because they're defined in the code that includes this file as a template.
|
||||
?>
|
||||
|
||||
<form name="akismet_activate" action="https://akismet.com/get/" method="POST" target="_blank">
|
||||
<input type="hidden" name="passback_url" value="<?php echo esc_url( Akismet_Admin::get_page_url() ); ?>"/>
|
||||
<input type="hidden" name="blog" value="<?php echo esc_url( get_option( 'home' ) ); ?>"/>
|
||||
<input type="hidden" name="redirect" value="<?php echo isset( $redirect ) ? $redirect : 'plugin-signup'; ?>"/>
|
||||
<button type="submit" class="<?php echo isset( $classes ) && count( $classes ) > 0 ? esc_attr( implode( ' ', $classes ) ) : 'akismet-button'; ?>" value="<?php echo esc_attr( $text ); ?>"><?php echo esc_attr( $text ) . '<span class="screen-reader-text">' . esc_html__( '(opens in a new tab)', 'akismet' ) . '</span>'; ?></button>
|
||||
</form>
|
||||
@@ -0,0 +1,286 @@
|
||||
<?php
|
||||
|
||||
//phpcs:disable VariableAnalysis
|
||||
// There are "undefined" variables here because they're defined in the code that includes this file as a template.
|
||||
|
||||
?>
|
||||
<?php if ( $type == 'plugin' ) : ?>
|
||||
<div class="updated" id="akismet_setup_prompt">
|
||||
<form name="akismet_activate" action="<?php echo esc_url( Akismet_Admin::get_page_url() ); ?>" method="POST">
|
||||
<div class="akismet_activate">
|
||||
<div class="aa_a">A</div>
|
||||
<div class="aa_button_container">
|
||||
<div class="aa_button_border">
|
||||
<input type="submit" class="aa_button" value="<?php esc_attr_e( 'Set up your Akismet account', 'akismet' ); ?>" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="aa_description"><?php _e('<strong>Almost done</strong> - configure Akismet and say goodbye to spam', 'akismet');?></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<?php elseif ( $type == 'spam-check' ) : ?>
|
||||
<div class="notice notice-warning">
|
||||
<p><strong><?php esc_html_e( 'Akismet has detected a problem.', 'akismet' );?></strong></p>
|
||||
<p><?php esc_html_e( 'Some comments have not yet been checked for spam by Akismet. They have been temporarily held for moderation and will automatically be rechecked later.', 'akismet' ); ?></p>
|
||||
<?php if ( $link_text ) { ?>
|
||||
<p><?php echo $link_text; ?></p>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php elseif ( $type == 'alert' ) : ?>
|
||||
<div class='error'>
|
||||
<p><strong><?php printf( esc_html__( 'Akismet Error Code: %s', 'akismet' ), $code ); ?></strong></p>
|
||||
<p><?php echo esc_html( $msg ); ?></p>
|
||||
<p><?php
|
||||
|
||||
/* translators: the placeholder is a clickable URL that leads to more information regarding an error code. */
|
||||
printf( esc_html__( 'For more information: %s' , 'akismet'), '<a href="https://akismet.com/errors/' . $code . '">https://akismet.com/errors/' . $code . '</a>' );
|
||||
|
||||
?>
|
||||
</p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'notice' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status failed"><?php echo $notice_header; ?></h3>
|
||||
<p class="akismet-description">
|
||||
<?php echo $notice_text; ?>
|
||||
</p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'missing-functions' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status failed"><?php esc_html_e('Network functions are disabled.', 'akismet'); ?></h3>
|
||||
<p class="akismet-description"><?php printf( __('Your web host or server administrator has disabled PHP’s <code>gethostbynamel</code> function. <strong>Akismet cannot work correctly until this is fixed.</strong> Please contact your web host or firewall administrator and give them <a href="%s" target="_blank">this information about Akismet’s system requirements</a>.', 'akismet'), 'https://blog.akismet.com/akismet-hosting-faq/'); ?></p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'servers-be-down' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status failed"><?php esc_html_e("Your site can’t connect to the Akismet servers.", 'akismet'); ?></h3>
|
||||
<p class="akismet-description"><?php printf( __('Your firewall may be blocking Akismet from connecting to its API. Please contact your host and refer to <a href="%s" target="_blank">our guide about firewalls</a>.', 'akismet'), 'https://blog.akismet.com/akismet-hosting-faq/'); ?></p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'active-dunning' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status"><?php esc_html_e("Please update your payment information.", 'akismet'); ?></h3>
|
||||
<p class="akismet-description"><?php printf( __('We cannot process your payment. Please <a href="%s" target="_blank">update your payment details</a>.', 'akismet'), 'https://akismet.com/account/'); ?></p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'cancelled' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status"><?php esc_html_e("Your Akismet plan has been cancelled.", 'akismet'); ?></h3>
|
||||
<p class="akismet-description"><?php printf( __('Please visit your <a href="%s" target="_blank">Akismet account page</a> to reactivate your subscription.', 'akismet'), 'https://akismet.com/account/'); ?></p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'suspended' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status failed"><?php esc_html_e("Your Akismet subscription is suspended.", 'akismet'); ?></h3>
|
||||
<p class="akismet-description"><?php printf( __('Please contact <a href="%s" target="_blank">Akismet support</a> for assistance.', 'akismet'), 'https://akismet.com/contact/'); ?></p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'active-notice' && $time_saved ) : ?>
|
||||
<div class="akismet-alert akismet-active">
|
||||
<h3 class="akismet-key-status"><?php echo esc_html( $time_saved ); ?></h3>
|
||||
<p class="akismet-description"><?php printf( __('You can help us fight spam and upgrade your account by <a href="%s" target="_blank">contributing a token amount</a>.', 'akismet'), 'https://akismet.com/account/upgrade/'); ?></p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'missing' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status failed"><?php esc_html_e( 'There is a problem with your API key.', 'akismet'); ?></h3>
|
||||
<p class="akismet-description"><?php printf( __('Please contact <a href="%s" target="_blank">Akismet support</a> for assistance.', 'akismet'), 'https://akismet.com/contact/'); ?></p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'no-sub' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status failed"><?php esc_html_e( 'You don’t have an Akismet plan.', 'akismet'); ?></h3>
|
||||
<p class="akismet-description">
|
||||
<?php printf( __( 'In 2012, Akismet began using subscription plans for all accounts (even free ones). A plan has not been assigned to your account, and we’d appreciate it if you’d <a href="%s" target="_blank">sign into your account</a> and choose one.', 'akismet'), 'https://akismet.com/account/upgrade/' ); ?>
|
||||
<br /><br />
|
||||
<?php printf( __( 'Please <a href="%s" target="_blank">contact our support team</a> with any questions.', 'akismet' ), 'https://akismet.com/contact/' ); ?>
|
||||
</p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'new-key-valid' ) :
|
||||
global $wpdb;
|
||||
|
||||
$check_pending_link = false;
|
||||
|
||||
$at_least_one_comment_in_moderation = !! $wpdb->get_var( "SELECT comment_ID FROM {$wpdb->comments} WHERE comment_approved = '0' LIMIT 1" );
|
||||
|
||||
if ( $at_least_one_comment_in_moderation) {
|
||||
$check_pending_link = 'edit-comments.php?akismet_recheck=' . wp_create_nonce( 'akismet_recheck' );
|
||||
}
|
||||
|
||||
?>
|
||||
<div class="akismet-alert akismet-active">
|
||||
<h3 class="akismet-key-status"><?php esc_html_e( 'Akismet is now protecting your site from spam. Happy blogging!', 'akismet' ); ?></h3>
|
||||
<?php if ( $check_pending_link ) { ?>
|
||||
<p class="akismet-description"><?php printf( __( 'Would you like to <a href="%s">check pending comments</a>?', 'akismet' ), esc_url( $check_pending_link ) ); ?></p>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php elseif ( $type == 'new-key-invalid' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status"><?php esc_html_e( 'The key you entered is invalid. Please double-check it.' , 'akismet'); ?></h3>
|
||||
</div>
|
||||
<?php elseif ( $type == 'existing-key-invalid' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status"><?php echo esc_html( __( 'Your API key is no longer valid.', 'akismet' ) ); ?></h3>
|
||||
<p class="akismet-description">
|
||||
<?php
|
||||
|
||||
echo wp_kses(
|
||||
sprintf(
|
||||
/* translators: The placeholder is a URL. */
|
||||
__( 'Please enter a new key or <a href="%s" target="_blank">contact Akismet support</a>.', 'akismet' ),
|
||||
'https://akismet.com/contact/'
|
||||
),
|
||||
array(
|
||||
'a' => array(
|
||||
'href' => true,
|
||||
'target' => true,
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
?>
|
||||
</p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'new-key-failed' ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<h3 class="akismet-key-status"><?php esc_html_e( 'The API key you entered could not be verified.' , 'akismet'); ?></h3>
|
||||
<p class="akismet-description">
|
||||
<?php
|
||||
|
||||
echo wp_kses(
|
||||
sprintf(
|
||||
/* translators: The placeholder is a URL. */
|
||||
__( 'The connection to akismet.com could not be established. Please refer to <a href="%s" target="_blank">our guide about firewalls</a> and check your server configuration.', 'akismet' ),
|
||||
'https://blog.akismet.com/akismet-hosting-faq/'
|
||||
),
|
||||
array(
|
||||
'a' => array(
|
||||
'href' => true,
|
||||
'target' => true,
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
?>
|
||||
</p>
|
||||
</div>
|
||||
<?php elseif ( $type == 'limit-reached' && in_array( $level, array( 'yellow', 'red' ) ) ) : ?>
|
||||
<div class="akismet-alert akismet-critical">
|
||||
<?php if ( $level == 'yellow' ): ?>
|
||||
<h3 class="akismet-key-status failed"><?php esc_html_e( 'You’re using your Akismet key on more sites than your Plus subscription allows.', 'akismet' ); ?></h3>
|
||||
<p class="akismet-description">
|
||||
<?php
|
||||
|
||||
echo wp_kses(
|
||||
sprintf(
|
||||
/* translators: The placeholder is a URL. */
|
||||
__( 'Your Plus subscription allows the use of Akismet on only one site. Please <a href="%s" target="_blank">purchase additional Plus subscriptions</a> or upgrade to an Enterprise subscription that allows the use of Akismet on unlimited sites.', 'akismet' ),
|
||||
'https://docs.akismet.com/billing/add-more-sites/'
|
||||
),
|
||||
array(
|
||||
'a' => array(
|
||||
'href' => true,
|
||||
'target' => true,
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
?>
|
||||
<br /><br />
|
||||
<?php printf( __( 'Please <a href="%s" target="_blank">contact our support team</a> with any questions.', 'akismet' ), 'https://akismet.com/contact/'); ?>
|
||||
</p>
|
||||
<?php elseif ( $level == 'red' ): ?>
|
||||
<h3 class="akismet-key-status failed"><?php esc_html_e( 'You’re using Akismet on far too many sites for your Plus subscription.', 'akismet' ); ?></h3>
|
||||
<p class="akismet-description">
|
||||
<?php printf( __( 'To continue your service, <a href="%s" target="_blank">upgrade to an Enterprise subscription</a>, which covers an unlimited number of sites.', 'akismet'), 'https://akismet.com/account/upgrade/' ); ?>
|
||||
<br /><br />
|
||||
<?php printf( __( 'Please <a href="%s" target="_blank">contact our support team</a> with any questions.', 'akismet' ), 'https://akismet.com/contact/'); ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php elseif ( $type == 'usage-limit' && isset( Akismet::$limit_notices[ $code ] ) ) : ?>
|
||||
<div class="error akismet-usage-limit-alert">
|
||||
<div class="akismet-usage-limit-logo">
|
||||
<img src="<?php echo esc_url( plugins_url( '../_inc/img/logo-a-2x.png', __FILE__ ) ); ?>" alt="Akismet" />
|
||||
</div>
|
||||
<div class="akismet-usage-limit-text">
|
||||
<h3>
|
||||
<?php
|
||||
switch ( Akismet::$limit_notices[ $code ] ) {
|
||||
case 'FIRST_MONTH_OVER_LIMIT':
|
||||
case 'SECOND_MONTH_OVER_LIMIT':
|
||||
esc_html_e( 'Your Akismet account usage is over your plan’s limit', 'akismet' );
|
||||
break;
|
||||
case 'THIRD_MONTH_APPROACHING_LIMIT':
|
||||
esc_html_e( 'Your Akismet account usage is approaching your plan’s limit', 'akismet' );
|
||||
break;
|
||||
case 'THIRD_MONTH_OVER_LIMIT':
|
||||
case 'FOUR_PLUS_MONTHS_OVER_LIMIT':
|
||||
esc_html_e( 'Your account has been restricted', 'akismet' );
|
||||
break;
|
||||
default:
|
||||
}
|
||||
?>
|
||||
</h3>
|
||||
<p>
|
||||
<?php
|
||||
switch ( Akismet::$limit_notices[ $code ] ) {
|
||||
case 'FIRST_MONTH_OVER_LIMIT':
|
||||
echo esc_html(
|
||||
sprintf(
|
||||
/* translators: The first placeholder is a date, the second is a (formatted) number, the third is another formatted number. */
|
||||
__( 'Since %1$s, your account made %2$s API calls, compared to your plan’s limit of %3$s.', 'akismet' ),
|
||||
esc_html( gmdate( 'F' ) . ' 1' ),
|
||||
number_format( $api_calls ),
|
||||
number_format( $usage_limit )
|
||||
)
|
||||
);
|
||||
|
||||
echo '<a href="https://docs.akismet.com/akismet-api-usage-limits/" target="_blank">';
|
||||
echo esc_html( __( 'Learn more about usage limits.', 'akismet' ) );
|
||||
echo '</a>';
|
||||
|
||||
break;
|
||||
case 'SECOND_MONTH_OVER_LIMIT':
|
||||
echo esc_html( __( 'Your Akismet usage has been over your plan’s limit for two consecutive months. Next month, we will restrict your account after you reach the limit. Please consider upgrading your plan.', 'akismet' ) );
|
||||
|
||||
echo '<a href="https://docs.akismet.com/akismet-api-usage-limits/" target="_blank">';
|
||||
echo esc_html( __( 'Learn more about usage limits.', 'akismet' ) );
|
||||
echo '</a>';
|
||||
|
||||
break;
|
||||
case 'THIRD_MONTH_APPROACHING_LIMIT':
|
||||
echo esc_html( __( 'Your Akismet usage is nearing your plan’s limit for the third consecutive month. We will restrict your account after you reach the limit. Upgrade your plan so Akismet can continue blocking spam.', 'akismet' ) );
|
||||
|
||||
echo '<a href="https://docs.akismet.com/akismet-api-usage-limits/" target="_blank">';
|
||||
echo esc_html( __( 'Learn more about usage limits.', 'akismet' ) );
|
||||
echo '</a>';
|
||||
|
||||
break;
|
||||
case 'THIRD_MONTH_OVER_LIMIT':
|
||||
case 'FOUR_PLUS_MONTHS_OVER_LIMIT':
|
||||
echo esc_html( __( 'Your Akismet usage has been over your plan’s limit for three consecutive months. We have restricted your account for the rest of the month. Upgrade your plan so Akismet can continue blocking spam.', 'akismet' ) );
|
||||
|
||||
echo '<a href="https://docs.akismet.com/akismet-api-usage-limits/" target="_blank">';
|
||||
echo esc_html( __( 'Learn more about usage limits.', 'akismet' ) );
|
||||
echo '</a>';
|
||||
|
||||
break;
|
||||
default:
|
||||
}
|
||||
?>
|
||||
</p>
|
||||
</div>
|
||||
<div class="akismet-usage-limit-cta">
|
||||
<a href="<?php echo esc_attr( $upgrade_url ); ?>" class="button" target="_blank">
|
||||
<?php
|
||||
// If only a qty upgrade is required, show a more generic message.
|
||||
if ( ! empty( $upgrade_type ) && 'qty' === $upgrade_type ) {
|
||||
esc_html_e( 'Upgrade your Subscription Level', 'akismet' );
|
||||
} else {
|
||||
echo esc_html(
|
||||
sprintf(
|
||||
/* translators: The placeholder is the name of a subscription level, like "Plus" or "Enterprise" . */
|
||||
__( 'Upgrade to %s', 'akismet' ),
|
||||
$upgrade_plan
|
||||
)
|
||||
);
|
||||
}
|
||||
?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,11 @@
|
||||
<div class="akismet-box">
|
||||
<h2><?php esc_html_e( 'Manual Configuration', 'akismet' ); ?></h2>
|
||||
<p>
|
||||
<?php
|
||||
|
||||
/* translators: %s is the wp-config.php file */
|
||||
echo sprintf( esc_html__( 'An Akismet API key has been defined in the %s file for this site.', 'akismet' ), '<code>wp-config.php</code>' );
|
||||
|
||||
?>
|
||||
</p>
|
||||
</div>
|
||||
@@ -0,0 +1,4 @@
|
||||
<div class="akismet-setup-instructions">
|
||||
<p><?php esc_html_e( 'Set up your Akismet account to enable spam filtering on this site.', 'akismet' ); ?></p>
|
||||
<?php Akismet::view( 'get', array( 'text' => __( 'Set up your Akismet account' , 'akismet' ), 'classes' => array( 'akismet-button', 'akismet-is-primary' ) ) ); ?>
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
|
||||
//phpcs:disable VariableAnalysis
|
||||
// There are "undefined" variables here because they're defined in the code that includes this file as a template.
|
||||
|
||||
?>
|
||||
<div id="akismet-plugin-container">
|
||||
<div class="akismet-masthead">
|
||||
<div class="akismet-masthead__inside-container">
|
||||
<div class="akismet-masthead__logo-container">
|
||||
<img class="akismet-masthead__logo" src="<?php echo esc_url( plugins_url( '../_inc/img/logo-full-2x.png', __FILE__ ) ); ?>" alt="Akismet" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="akismet-lower">
|
||||
<?php Akismet_Admin::display_status();?>
|
||||
<div class="akismet-boxes">
|
||||
<?php
|
||||
|
||||
if ( Akismet::predefined_api_key() ) {
|
||||
Akismet::view( 'predefined' );
|
||||
} elseif ( $akismet_user && in_array( $akismet_user->status, array( 'active', 'active-dunning', 'no-sub', 'missing', 'cancelled', 'suspended' ) ) ) {
|
||||
Akismet::view( 'connect-jp', compact( 'akismet_user' ) );
|
||||
} else {
|
||||
Akismet::view( 'activate' );
|
||||
}
|
||||
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,11 @@
|
||||
<div id="akismet-plugin-container">
|
||||
<div class="akismet-masthead">
|
||||
<div class="akismet-masthead__inside-container">
|
||||
<a href="<?php echo esc_url( Akismet_Admin::get_page_url() ); ?>" class="akismet-right"><?php esc_html_e( 'Anti-Spam Settings', 'akismet' ); ?></a>
|
||||
<div class="akismet-masthead__logo-container">
|
||||
<img class="akismet-masthead__logo" src="<?php echo esc_url( plugins_url( '../_inc/img/logo-full-2x.png', __FILE__ ) ); ?>" alt="Akismet" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<iframe src="<?php echo esc_url( sprintf( 'https://tools.akismet.com/1.0/user-stats.php?blog=%s&api_key=%s&locale=%s', urlencode( get_option( 'home' ) ), esc_attr( Akismet::get_api_key() ), esc_attr( get_locale() ) ) ); ?>" width="100%" height="2500px" frameborder="0"></iframe>
|
||||
</div>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div class="centered akismet-box-header">
|
||||
<h2><?php esc_html_e( 'Eliminate spam from your site', 'akismet' ); ?></h2>
|
||||
</div>
|
||||
@@ -0,0 +1,214 @@
|
||||
<?php
|
||||
|
||||
global $wpcom_api_key, $akismet_api_host, $akismet_api_port;
|
||||
|
||||
$wpcom_api_key = defined( 'WPCOM_API_KEY' ) ? constant( 'WPCOM_API_KEY' ) : '';
|
||||
$akismet_api_host = Akismet::get_api_key() . '.rest.akismet.com';
|
||||
$akismet_api_port = 80;
|
||||
|
||||
function akismet_test_mode() {
|
||||
return Akismet::is_test_mode();
|
||||
}
|
||||
|
||||
function akismet_http_post( $request, $host, $path, $port = 80, $ip = null ) {
|
||||
$path = str_replace( '/1.1/', '', $path );
|
||||
|
||||
return Akismet::http_post( $request, $path, $ip );
|
||||
}
|
||||
|
||||
function akismet_microtime() {
|
||||
return Akismet::_get_microtime();
|
||||
}
|
||||
|
||||
function akismet_delete_old() {
|
||||
return Akismet::delete_old_comments();
|
||||
}
|
||||
|
||||
function akismet_delete_old_metadata() {
|
||||
return Akismet::delete_old_comments_meta();
|
||||
}
|
||||
|
||||
function akismet_check_db_comment( $id, $recheck_reason = 'recheck_queue' ) {
|
||||
return Akismet::check_db_comment( $id, $recheck_reason );
|
||||
}
|
||||
|
||||
function akismet_rightnow() {
|
||||
if ( !class_exists( 'Akismet_Admin' ) )
|
||||
return false;
|
||||
|
||||
return Akismet_Admin::rightnow_stats();
|
||||
}
|
||||
|
||||
function akismet_admin_init() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function akismet_version_warning() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function akismet_load_js_and_css() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function akismet_nonce_field( $action = -1 ) {
|
||||
return wp_nonce_field( $action );
|
||||
}
|
||||
function akismet_plugin_action_links( $links, $file ) {
|
||||
return Akismet_Admin::plugin_action_links( $links, $file );
|
||||
}
|
||||
function akismet_conf() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function akismet_stats_display() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function akismet_stats() {
|
||||
return Akismet_Admin::dashboard_stats();
|
||||
}
|
||||
function akismet_admin_warnings() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function akismet_comment_row_action( $a, $comment ) {
|
||||
return Akismet_Admin::comment_row_actions( $a, $comment );
|
||||
}
|
||||
function akismet_comment_status_meta_box( $comment ) {
|
||||
return Akismet_Admin::comment_status_meta_box( $comment );
|
||||
}
|
||||
function akismet_comments_columns( $columns ) {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
|
||||
return $columns;
|
||||
}
|
||||
function akismet_comment_column_row( $column, $comment_id ) {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function akismet_text_add_link_callback( $m ) {
|
||||
return Akismet_Admin::text_add_link_callback( $m );
|
||||
}
|
||||
function akismet_text_add_link_class( $comment_text ) {
|
||||
return Akismet_Admin::text_add_link_class( $comment_text );
|
||||
}
|
||||
function akismet_check_for_spam_button( $comment_status ) {
|
||||
return Akismet_Admin::check_for_spam_button( $comment_status );
|
||||
}
|
||||
function akismet_submit_nonspam_comment( $comment_id ) {
|
||||
return Akismet::submit_nonspam_comment( $comment_id );
|
||||
}
|
||||
function akismet_submit_spam_comment( $comment_id ) {
|
||||
return Akismet::submit_spam_comment( $comment_id );
|
||||
}
|
||||
function akismet_transition_comment_status( $new_status, $old_status, $comment ) {
|
||||
return Akismet::transition_comment_status( $new_status, $old_status, $comment );
|
||||
}
|
||||
function akismet_spam_count( $type = false ) {
|
||||
return Akismet_Admin::get_spam_count( $type );
|
||||
}
|
||||
function akismet_recheck_queue() {
|
||||
return Akismet_Admin::recheck_queue();
|
||||
}
|
||||
function akismet_remove_comment_author_url() {
|
||||
return Akismet_Admin::remove_comment_author_url();
|
||||
}
|
||||
function akismet_add_comment_author_url() {
|
||||
return Akismet_Admin::add_comment_author_url();
|
||||
}
|
||||
function akismet_check_server_connectivity() {
|
||||
return Akismet_Admin::check_server_connectivity();
|
||||
}
|
||||
function akismet_get_server_connectivity( $cache_timeout = 86400 ) {
|
||||
return Akismet_Admin::get_server_connectivity( $cache_timeout );
|
||||
}
|
||||
function akismet_server_connectivity_ok() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
|
||||
return true;
|
||||
}
|
||||
function akismet_admin_menu() {
|
||||
return Akismet_Admin::admin_menu();
|
||||
}
|
||||
function akismet_load_menu() {
|
||||
return Akismet_Admin::load_menu();
|
||||
}
|
||||
function akismet_init() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function akismet_get_key() {
|
||||
return Akismet::get_api_key();
|
||||
}
|
||||
function akismet_check_key_status( $key, $ip = null ) {
|
||||
return Akismet::check_key_status( $key, $ip );
|
||||
}
|
||||
function akismet_update_alert( $response ) {
|
||||
return Akismet::update_alert( $response );
|
||||
}
|
||||
function akismet_verify_key( $key, $ip = null ) {
|
||||
return Akismet::verify_key( $key, $ip );
|
||||
}
|
||||
function akismet_get_user_roles( $user_id ) {
|
||||
return Akismet::get_user_roles( $user_id );
|
||||
}
|
||||
function akismet_result_spam( $approved ) {
|
||||
return Akismet::comment_is_spam( $approved );
|
||||
}
|
||||
function akismet_result_hold( $approved ) {
|
||||
return Akismet::comment_needs_moderation( $approved );
|
||||
}
|
||||
function akismet_get_user_comments_approved( $user_id, $comment_author_email, $comment_author, $comment_author_url ) {
|
||||
return Akismet::get_user_comments_approved( $user_id, $comment_author_email, $comment_author, $comment_author_url );
|
||||
}
|
||||
function akismet_update_comment_history( $comment_id, $message, $event = null ) {
|
||||
return Akismet::update_comment_history( $comment_id, $message, $event );
|
||||
}
|
||||
function akismet_get_comment_history( $comment_id ) {
|
||||
return Akismet::get_comment_history( $comment_id );
|
||||
}
|
||||
function akismet_cmp_time( $a, $b ) {
|
||||
return Akismet::_cmp_time( $a, $b );
|
||||
}
|
||||
function akismet_auto_check_update_meta( $id, $comment ) {
|
||||
return Akismet::auto_check_update_meta( $id, $comment );
|
||||
}
|
||||
function akismet_auto_check_comment( $commentdata ) {
|
||||
return Akismet::auto_check_comment( $commentdata );
|
||||
}
|
||||
function akismet_get_ip_address() {
|
||||
return Akismet::get_ip_address();
|
||||
}
|
||||
function akismet_cron_recheck() {
|
||||
return Akismet::cron_recheck();
|
||||
}
|
||||
function akismet_add_comment_nonce( $post_id ) {
|
||||
return Akismet::add_comment_nonce( $post_id );
|
||||
}
|
||||
function akismet_fix_scheduled_recheck() {
|
||||
return Akismet::fix_scheduled_recheck();
|
||||
}
|
||||
function akismet_spam_comments() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
|
||||
return array();
|
||||
}
|
||||
function akismet_spam_totals() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
|
||||
return array();
|
||||
}
|
||||
function akismet_manage_page() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function akismet_caught() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function redirect_old_akismet_urls() {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
}
|
||||
function akismet_kill_proxy_check( $option ) {
|
||||
_deprecated_function( __FUNCTION__, '3.0' );
|
||||
|
||||
return 0;
|
||||
}
|
||||
function akismet_pingback_forwarded_for( $r, $url ) {
|
||||
// This functionality is now in core.
|
||||
return false;
|
||||
}
|
||||
function akismet_pre_check_pingback( $method ) {
|
||||
return Akismet::pre_check_pingback( $method );
|
||||
}
|
||||
@@ -0,0 +1,100 @@
|
||||
<?php
|
||||
/**
|
||||
* @package Hello_Dolly
|
||||
* @version 1.7.2
|
||||
*/
|
||||
/*
|
||||
Plugin Name: Hello Dolly
|
||||
Plugin URI: http://wordpress.org/plugins/hello-dolly/
|
||||
Description: This is not just a plugin, it symbolizes the hope and enthusiasm of an entire generation summed up in two words sung most famously by Louis Armstrong: Hello, Dolly. When activated you will randomly see a lyric from <cite>Hello, Dolly</cite> in the upper right of your admin screen on every page.
|
||||
Author: Matt Mullenweg
|
||||
Version: 1.7.2
|
||||
Author URI: http://ma.tt/
|
||||
*/
|
||||
|
||||
function hello_dolly_get_lyric() {
|
||||
/** These are the lyrics to Hello Dolly */
|
||||
$lyrics = "Hello, Dolly
|
||||
Well, hello, Dolly
|
||||
It's so nice to have you back where you belong
|
||||
You're lookin' swell, Dolly
|
||||
I can tell, Dolly
|
||||
You're still glowin', you're still crowin'
|
||||
You're still goin' strong
|
||||
I feel the room swayin'
|
||||
While the band's playin'
|
||||
One of our old favorite songs from way back when
|
||||
So, take her wrap, fellas
|
||||
Dolly, never go away again
|
||||
Hello, Dolly
|
||||
Well, hello, Dolly
|
||||
It's so nice to have you back where you belong
|
||||
You're lookin' swell, Dolly
|
||||
I can tell, Dolly
|
||||
You're still glowin', you're still crowin'
|
||||
You're still goin' strong
|
||||
I feel the room swayin'
|
||||
While the band's playin'
|
||||
One of our old favorite songs from way back when
|
||||
So, golly, gee, fellas
|
||||
Have a little faith in me, fellas
|
||||
Dolly, never go away
|
||||
Promise, you'll never go away
|
||||
Dolly'll never go away again";
|
||||
|
||||
// Here we split it into lines.
|
||||
$lyrics = explode( "\n", $lyrics );
|
||||
|
||||
// And then randomly choose a line.
|
||||
return wptexturize( $lyrics[ mt_rand( 0, count( $lyrics ) - 1 ) ] );
|
||||
}
|
||||
|
||||
// This just echoes the chosen line, we'll position it later.
|
||||
function hello_dolly() {
|
||||
$chosen = hello_dolly_get_lyric();
|
||||
$lang = '';
|
||||
if ( 'en_' !== substr( get_user_locale(), 0, 3 ) ) {
|
||||
$lang = ' lang="en"';
|
||||
}
|
||||
|
||||
printf(
|
||||
'<p id="dolly"><span class="screen-reader-text">%s </span><span dir="ltr"%s>%s</span></p>',
|
||||
__( 'Quote from Hello Dolly song, by Jerry Herman:' ),
|
||||
$lang,
|
||||
$chosen
|
||||
);
|
||||
}
|
||||
|
||||
// Now we set that function up to execute when the admin_notices action is called.
|
||||
add_action( 'admin_notices', 'hello_dolly' );
|
||||
|
||||
// We need some CSS to position the paragraph.
|
||||
function dolly_css() {
|
||||
echo "
|
||||
<style type='text/css'>
|
||||
#dolly {
|
||||
float: right;
|
||||
padding: 5px 10px;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
line-height: 1.6666;
|
||||
}
|
||||
.rtl #dolly {
|
||||
float: left;
|
||||
}
|
||||
.block-editor-page #dolly {
|
||||
display: none;
|
||||
}
|
||||
@media screen and (max-width: 782px) {
|
||||
#dolly,
|
||||
.rtl #dolly {
|
||||
float: none;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
";
|
||||
}
|
||||
|
||||
add_action( 'admin_head', 'dolly_css' );
|
||||
@@ -0,0 +1,2 @@
|
||||
<?php
|
||||
// Silence is golden.
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,591 @@
|
||||
/* UPDATE NOTICE */
|
||||
.czr-update-notice h3, .czr-update-notice h4 {
|
||||
font-weight: normal;
|
||||
}
|
||||
.czr-update-notice .button {
|
||||
font-weight: normal;
|
||||
}
|
||||
.czr-update-notice .button.upgrade-to-pro {
|
||||
height: 40px;
|
||||
font-size: 1.2em;
|
||||
padding: 5px 22px;
|
||||
display: inline-block;
|
||||
color: #de8200;
|
||||
color: #fff;
|
||||
background: #eea236;
|
||||
border: 1px solid #eea236;
|
||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
|
||||
box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
-o-transition: all .2s ease-in-out;
|
||||
-ms-transition: all .2s ease-in-out;
|
||||
transition: all .2s ease-in-out;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-top: -4px;
|
||||
font-weight: 400;
|
||||
margin-left: 8px;
|
||||
text-shadow: none;
|
||||
}
|
||||
.czr-update-notice .button.upgrade-to-pro:hover {
|
||||
color: #fff;
|
||||
background: #ed9c28;
|
||||
border-color: #d58512;
|
||||
}
|
||||
/*a.czr-rating-link {
|
||||
color: #eea236;
|
||||
}*/
|
||||
a.czr-rating-link:hover {
|
||||
color: #eea236;
|
||||
}
|
||||
|
||||
/* FEEDBACK NOTICE */
|
||||
.nimble-logo-feedback-notice {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
/* -webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between; */
|
||||
}
|
||||
|
||||
@keyframes bounce {
|
||||
from, 20%, 53%, 80%, to {
|
||||
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
40%, 43% {
|
||||
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||
transform: translate3d(0, -12px, 0);
|
||||
}
|
||||
|
||||
70% {
|
||||
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||
transform: translate3d(0, -6px, 0);
|
||||
}
|
||||
|
||||
90% {
|
||||
transform: translate3d(0,-1px,0);
|
||||
}
|
||||
}
|
||||
|
||||
.nimble-logo-feedback-notice .nimble-logo {
|
||||
width: 50px;
|
||||
-webkit-animation: bounce .7s 2;
|
||||
animation: bounce .7s 2;
|
||||
-webkit-transform-origin: center bottom;
|
||||
-ms-transform-origin: center bottom;
|
||||
transform-origin: center bottom;
|
||||
}
|
||||
.nimble-logo-feedback-notice .nimble-feedback {
|
||||
padding: 0 10px;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.nimble-logo-feedback-notice .nimble-feedback a { text-decoration: underline;}
|
||||
.nimble-logo-feedback-notice .nimble-feedback p { font-size: 14px;font-weight:600;}
|
||||
/* style copied from wp core .update-plugins */
|
||||
.nb-wp-menu-notif {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
box-sizing: border-box;
|
||||
margin: 1px 0 -1px 2px;
|
||||
padding: 0 5px;
|
||||
min-width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 9px;
|
||||
background-color: #00a32a;
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
line-height: 1.6;
|
||||
text-align: center;
|
||||
z-index: 26;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Nimble btn in admin top bar */
|
||||
#wpadminbar .sek-nimble-icon {
|
||||
/*padding-left: 15px;*/
|
||||
display: inline-block;
|
||||
}
|
||||
#wpadminbar .sek-nimble-icon img {
|
||||
width:28px;
|
||||
position:absolute;
|
||||
top: 2px;
|
||||
-webkit-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
-webkit-filter: gray;
|
||||
filter: gray;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all, 0.3s ease-in-out;
|
||||
-ms-transition: all, 0.3s ease-in-out;
|
||||
-o-transition: all, 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
#wpadminbar .sek-nimble-icon:hover img {
|
||||
-webkit-filter: none;
|
||||
filter: none;
|
||||
-webkit-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
#wpadminbar .sek-nimble-icon .sek-nimble-admin-bar-title{
|
||||
padding-left:30px
|
||||
}
|
||||
|
||||
/* Style for the edit button with classical editor */
|
||||
#post-body-content .sek-nimble-icon .sek-nimble-mobile-admin-bar-title { display: none; }
|
||||
@media (max-width: 960px) {
|
||||
#post-body-content .sek-nimble-icon .sek-nimble-admin-bar-title{ display: none;}
|
||||
#post-body-content .sek-nimble-icon .sek-nimble-mobile-admin-bar-title{ display: inline-block;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#presscustomizr-dashboard .dashicons {
|
||||
vertical-align: middle;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#presscustomizr-dashboard .nimble-db-header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
/* flex-direction: column; */
|
||||
flex: 0 0 100%;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.05);
|
||||
margin: 0 -12px 8px;
|
||||
padding: 0 12px 12px;
|
||||
}
|
||||
#presscustomizr-dashboard .nimble-logo-version {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
#presscustomizr-dashboard .nimble-db-header .button-hero {
|
||||
/*
|
||||
commented since wp v5.3, nov 2019
|
||||
height: 34px;
|
||||
line-height: 33px;*/
|
||||
padding: 0 15px;
|
||||
}
|
||||
#presscustomizr-dashboard .nimble-logo {
|
||||
width: 30px;
|
||||
}
|
||||
#presscustomizr-dashboard .nimble-version {
|
||||
padding: 0 10px;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
#presscustomizr-dashboard .nimble-single-post {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#presscustomizr-dashboard .nimble-single-post-link {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#presscustomizr-dashboard .nimble-post-list {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
#presscustomizr-dashboard .nimble-post-list .nimble-single-post-link {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
#presscustomizr-dashboard .nimble-post-list .nimble-post-list-title {
|
||||
border-bottom: 1px solid #eee;
|
||||
margin: 0 -12px;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
|
||||
#presscustomizr-dashboard .nimble-db-footer {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
/* flex-direction: column; */
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin: 0 -12px -12px;
|
||||
padding: 12px;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
#presscustomizr-dashboard .nimble-db-footer > [class*=nimble-footer-link-] {
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
#presscustomizr-dashboard .nimble-db-footer > [class*=nimble-footer-link-] a {
|
||||
font-size: 13px;
|
||||
line-height: 26px;
|
||||
}
|
||||
#presscustomizr-dashboard .nimble-db-footer [class*=nimble-footer-link-]:first-child {
|
||||
padding-left: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* GO PRO BTN */
|
||||
.wp-core-ui #presscustomizr-dashboard .hu-go-pro-btn {
|
||||
font-size: 13px;
|
||||
line-height: 26px;
|
||||
height: 30px;
|
||||
padding: 1px 10px;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
background: #e99723;
|
||||
border: 1px solid #eea236;
|
||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
font-weight: 400;
|
||||
text-shadow:none;
|
||||
}
|
||||
|
||||
.wp-core-ui #presscustomizr-dashboard .hu-go-pro-btn:hover,
|
||||
.wp-core-ui #presscustomizr-dashboard .hu-go-pro-btn:focus {
|
||||
color: #fff;
|
||||
background: #ed9c28;
|
||||
border-color: #d58512;
|
||||
text-shadow:none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui #presscustomizr-dashboard .hu-go-pro-btn.no-bg-btn {
|
||||
color: #d58512;
|
||||
background: #fff;
|
||||
}
|
||||
.wp-core-ui #presscustomizr-dashboard .hu-go-pro-btn.no-bg-btn:hover,
|
||||
.wp-core-ui #presscustomizr-dashboard .hu-go-pro-btn.no-bg-btn:focus {
|
||||
color: #fff;
|
||||
background: #e99723;
|
||||
}
|
||||
|
||||
|
||||
/* BUTTON "EDIT WITH NIMBLE" when editing posts and pages
|
||||
Introduced for https://github.com/presscustomizr/nimble-builder/issues/449
|
||||
*/
|
||||
/* Gutenberg editor style */
|
||||
body .block-editor #sek-edit-with-nimble {
|
||||
margin: 2px;
|
||||
height: 33px;
|
||||
font-size: 13px;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
}
|
||||
body .block-editor #sek-edit-with-nimble .sek-nimble-icon img {
|
||||
width: 24px;
|
||||
top: 3px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
body .block-editor .sek-nimble-admin-bar-title, body .block-editor .sek-nimble-mobile-admin-bar-title {
|
||||
padding-left: 22px;
|
||||
}
|
||||
body .block-editor .sek-nimble-mobile-admin-bar-title { display: none; }
|
||||
@media (max-width: 960px) {
|
||||
body .block-editor .sek-nimble-admin-bar-title{ display: none;}
|
||||
body .block-editor .sek-nimble-mobile-admin-bar-title{ display: inline-block;}
|
||||
}
|
||||
|
||||
/* Classic editor style */
|
||||
#sek-edit-with-nimble .sek-nimble-icon img {
|
||||
width: 24px;
|
||||
top: 3px;
|
||||
left: 8px;
|
||||
position: absolute;
|
||||
}
|
||||
#sek-edit-with-nimble.classic-ed {
|
||||
margin: 2px;
|
||||
height: 33px;
|
||||
min-height: 33px;
|
||||
font-size: 13px;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
padding: 0 15px!important;
|
||||
margin: 10px 0!important;
|
||||
}
|
||||
#sek-edit-with-nimble.classic-ed .sek-nimble-mobile-admin-bar-title, #sek-edit-with-nimble.classic-ed .sek-nimble-admin-bar-title {
|
||||
padding-left: 22px;
|
||||
}
|
||||
|
||||
/* loading icon introduced for https://github.com/presscustomizr/nimble-builder/issues/509 */
|
||||
#sek-edit-with-nimble .sek-spinner {
|
||||
transition: .18s margin ease-in-out;
|
||||
display: none;
|
||||
}
|
||||
#sek-edit-with-nimble .sek-spinner {
|
||||
background: url(../img/spinner.gif) no-repeat;
|
||||
background-size: 20px 20px;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 6px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
#sek-edit-with-nimble.sek-loading-customizer .sek-spinner {
|
||||
display: block;
|
||||
/* display: inline-block;*/
|
||||
}
|
||||
#sek-edit-with-nimble.sek-loading-customizer .sek-nimble-icon img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* WELCOME NOTICE */
|
||||
.wrap .nimble-welcome-notice {
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
/* flex-wrap: wrap; */
|
||||
}
|
||||
.wrap .nimble-welcome-content {
|
||||
flex: 0 0 60%;
|
||||
max-width: 60%;
|
||||
}
|
||||
.nimble-welcome-notice p, .nimble-welcome-content p {
|
||||
font-weight: bold;
|
||||
}
|
||||
.nimble-welcome-notice .dashicons, .nimble-welcome-content .dashicons {
|
||||
line-height: 44px;
|
||||
}
|
||||
.nimble-welcome-icon-holder {
|
||||
/* width: 500px;
|
||||
height: 200px; */
|
||||
flex: 0 0 40%;
|
||||
max-width: 40%;
|
||||
margin: 0 38px 38px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 960px) {
|
||||
.nimble-welcome-icon-holder, .wrap .nimble-welcome-content {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.wrap .nimble-welcome-notice {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
.nimble-welcome-icon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
.nimble-welcome-notice h1 {
|
||||
font-weight: bold;
|
||||
}
|
||||
.nimble-welcome-notice h3 {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.nimble-link-to-doc {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
height: 46px;
|
||||
}
|
||||
.nimble-link-to-doc .nimble-doc-link-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* WP OVERRIDE FOR ADMIN TABS */
|
||||
#nimble-options .nav-tab {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
/* OPTIONS PAGE */
|
||||
#nimble-options .nb-option-page-title {
|
||||
padding-left: 40px;
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
[dir="rtl"] .nb-option-page-title {
|
||||
padding-right: 40px;
|
||||
padding-left:0;
|
||||
}
|
||||
.sek-nimble-title-icon {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 6px;
|
||||
}
|
||||
[dir="rtl"] .sek-nimble-title-icon {
|
||||
right:0;
|
||||
left:initial;
|
||||
}
|
||||
.sek-pro-icon {
|
||||
width: 23px;
|
||||
height: 27px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 6px;
|
||||
margin: 0 6px;
|
||||
}
|
||||
span.sek-title-after-icon {
|
||||
padding-left: 24px;
|
||||
}
|
||||
.tab-content-wrapper {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.sek-pro-link {
|
||||
color: #f07829;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: 19px;
|
||||
}
|
||||
.sek-pro-link:hover {
|
||||
text-decoration: underline;
|
||||
color: #f07829;
|
||||
}
|
||||
.sek-pro-link .dashicons {
|
||||
font-size: 24px;
|
||||
position: relative;
|
||||
bottom: 3px;
|
||||
}
|
||||
|
||||
.sek-pro-link-in-plugins, .sek-pro-link-in-dashboard {
|
||||
color: #f07829;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
/* font-size: 19px; */
|
||||
}
|
||||
.sek-pro-link-in-dashboard { font-size: 16px;min-width: 80px;}
|
||||
.sek-pro-link-in-plugins:hover, .sek-pro-link-in-dashboard:hover {
|
||||
text-decoration: underline;
|
||||
color: #f07829;
|
||||
}
|
||||
.sek-pro-link-in-plugins .dashicons {
|
||||
position: relative;
|
||||
bottom: 1px;
|
||||
}
|
||||
#presscustomizr-dashboard .sek-pro-link-in-dashboard .dashicons {
|
||||
font-size: 20px;
|
||||
bottom: 3px;
|
||||
position: relative;
|
||||
}
|
||||
/* DOC PAGE */
|
||||
.nimble-doc-img {
|
||||
max-width: 60%;
|
||||
}
|
||||
.nimle-doc-img img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.nimble-doc ul {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.nimble-doc ul li {
|
||||
font-size: 16px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.nimble-doc .dashicons {
|
||||
line-height: 44px;
|
||||
}
|
||||
#nimble-options .nimble-doc .button-hero {
|
||||
margin: 20px;
|
||||
}
|
||||
.nb-clean-traces-confirm {
|
||||
border: 1px solid rgba(248,81,73,0.4);
|
||||
background: white;
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
#nimble-options .nb-clean-traces-confirm .nb-permanent-removal-btn {
|
||||
color: #da3633;
|
||||
border-color: #da3633;
|
||||
}
|
||||
|
||||
/* May 2020 Nimble setting menu icon */
|
||||
#menu-settings [href="options-general.php?page=nb-options"]:before{
|
||||
content:'';
|
||||
background-image:url('../../img/nimble/nimble_icon.svg?ver=2.0.19');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
text-transform: none;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
font-size: 20px;
|
||||
vertical-align: top;
|
||||
margin-left: -5px;
|
||||
margin-right: 3px;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
-webkit-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
-webkit-filter: gray;
|
||||
}
|
||||
#menu-settings li [href="options-general.php?page=nb-options"]:hover:before{
|
||||
-webkit-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.rtl #menu-settings [href="options-general.php?page=nb-options"]:before{
|
||||
margin-right: -5px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 835 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,95 @@
|
||||
// global nimbleAdminLocalized
|
||||
// Introduced for https://github.com/presscustomizr/nimble-builder/issues/449
|
||||
(function ($) {
|
||||
var button_printed = false,
|
||||
// the callback is ran until unsuscribed when headerToolBar element has been detected and the btn printed
|
||||
_callback = function () {
|
||||
if ( button_printed )
|
||||
return;
|
||||
|
||||
var $headerToolBar = $('#editor').find('.edit-post-header__toolbar');
|
||||
var _printBtn = function() {
|
||||
var html = $($('#sek-edit-with-nb').html());
|
||||
setTimeout( function() {
|
||||
$headerToolBar.append( html );
|
||||
}, 300 );// <= May 2020 : introduce a delay to make sure NB edit btn is printed after all gutenberg menu items. @todo find the relevant event to do that instead.
|
||||
button_printed = true;
|
||||
// unsubscribe the listener
|
||||
// documented here : https://developer.wordpress.org/block-editor/packages/packages-data/#subscribe
|
||||
wp.data.subscribe(_callback)();
|
||||
};
|
||||
|
||||
if ( $headerToolBar.length > 0 ) {
|
||||
_printBtn();
|
||||
} else {
|
||||
// Nov 2020 => retro compat with WP version < 5.6
|
||||
$headerToolBar = $('#editor').find('.edit-post-header-toolbar');
|
||||
if ( $headerToolBar.length > 0 ) {
|
||||
_printBtn();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// PRINT THE BUTTON WHEN element .edit-post-header-toolbar has been rendered
|
||||
// wp.data.subscribe() documented here : https://developer.wordpress.org/block-editor/packages/packages-data/#subscribe
|
||||
// Given a listener function, the function will be called any time the state value
|
||||
// of one of the registered stores has changed. This function returns a unsubscribe
|
||||
// function used to stop the subscription.
|
||||
wp.data.subscribe(_callback);
|
||||
|
||||
// ATTACH EVENT LISTENER
|
||||
// with delegation
|
||||
// When editing an existing post, the customizer url is rendered server side in the data-cust-url='' attribute
|
||||
// @see inc/admin/nimble-admin.php => sek_print_nb_btn_edit_with()
|
||||
//
|
||||
// When creating a new post, the customizer url is generated with an ajax call
|
||||
$('body').on( 'click', '#sek-edit-with-nimble', function(evt) {
|
||||
evt.preventDefault();
|
||||
var $clickedEl = $(this),
|
||||
_url = $clickedEl.data('cust-url'),
|
||||
attempts = 0,
|
||||
_openCustomizer = function( customizer_url ) {
|
||||
// We don't want to enter in an infinite loop, that's why the number of attempts is limited to 5 if isSavingPost()
|
||||
if ( wp.data.select('core/editor').isSavingPost() && attempts < 5 ) {
|
||||
_.delay(function () {
|
||||
self._openCustomizer();
|
||||
attempts++;
|
||||
}, 300 );
|
||||
} else {
|
||||
location.href = customizer_url;
|
||||
}
|
||||
//$clickedEl.removeClass('sek-loading-customizer');
|
||||
};
|
||||
|
||||
if ( _.isEmpty( _url ) ) {
|
||||
// for new post, the url is empty, let's generate it server side with an ajax call
|
||||
var post_id = wp.data.select('core/editor').getCurrentPostId();
|
||||
|
||||
// introduced for https://github.com/presscustomizr/nimble-builder/issues/509
|
||||
$clickedEl.addClass('sek-loading-customizer').removeClass('button-primary');
|
||||
|
||||
wp.ajax.post( 'sek_get_customize_url_for_nimble_edit_button', {
|
||||
nimble_edit_post_id : post_id
|
||||
}).done( function( resp ) {
|
||||
_openCustomizer( resp );
|
||||
}).fail( function( resp ) {
|
||||
$clickedEl.removeClass('sek-loading-customizer').addClass('button-primary');
|
||||
|
||||
// If the ajax request fails, let's save the draft with a Nimble Builder title, and refresh the page, so the url is generated server side on next load.
|
||||
var post_title = wp.data.select('core/editor').getEditedPostAttribute('title');
|
||||
if ( !post_title ) {
|
||||
wp.data.dispatch('core/editor').editPost({ title: 'Nimble Builder #' + post_id });
|
||||
}
|
||||
wp.data.dispatch('core/editor').savePost();
|
||||
_.delay(function () {
|
||||
// off the javascript pop up warning if post not saved yet
|
||||
$( window ).off( 'beforeunload' );
|
||||
location.href = location.href;
|
||||
}, 300 );
|
||||
});
|
||||
} else {
|
||||
_openCustomizer( _url );
|
||||
}
|
||||
});//.on( 'click'
|
||||
|
||||
})(jQuery);
|
||||
@@ -0,0 +1,30 @@
|
||||
/**
|
||||
* Rank Math SEO Integration
|
||||
* Nov 2020 Add Nimble Builder content to RM analyzer
|
||||
* doc https://rankmath.com/kb/content-analysis-api/
|
||||
*/
|
||||
;( function( $ ) {
|
||||
jQuery(function($){
|
||||
var nimblePluginForRankMath = function( skope_id ) {
|
||||
wp.ajax.post( 'sek_get_nimble_content_for_seo_plugins', {
|
||||
skope_id : skope_id
|
||||
}).done( function( nimbleContent ) {
|
||||
wp.hooks.addFilter( 'rank_math_content', 'nimblePlugin', function( originalContent ) {
|
||||
return originalContent + nimbleContent;
|
||||
});
|
||||
rankMathEditor.refresh( 'content' );
|
||||
}).fail( function( er ) {
|
||||
console.log('NimblePlugin for Rank Math => error when fetching Nimble content.');
|
||||
});
|
||||
};
|
||||
if ( window.nb_skope_id_for_rank_math_seo ) {
|
||||
nimblePluginForRankMath( window.nb_skope_id_for_rank_math_seo );
|
||||
} else {
|
||||
$(document).on('nb-skope-id-ready.rank-math', function( evt, params ) {
|
||||
if ( params && params.skope_id ) {
|
||||
nimblePluginForRankMath( params.skope_id );
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
})( jQuery );
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 244 B |
Binary file not shown.
|
After Width: | Height: | Size: 306 B |
@@ -0,0 +1,2 @@
|
||||
<?php
|
||||
// Silence is golden.
|
||||
@@ -0,0 +1,482 @@
|
||||
.czrSelect2-container {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
vertical-align: middle; }
|
||||
.czrSelect2-container .czrSelect2-selection--single {
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 28px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none; }
|
||||
.czrSelect2-container .czrSelect2-selection--single .czrSelect2-selection__rendered {
|
||||
display: block;
|
||||
padding-left: 8px;
|
||||
padding-right: 20px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap; }
|
||||
.czrSelect2-container .czrSelect2-selection--single .czrSelect2-selection__clear {
|
||||
position: relative; }
|
||||
.czrSelect2-container[dir="rtl"] .czrSelect2-selection--single .czrSelect2-selection__rendered {
|
||||
padding-right: 8px;
|
||||
padding-left: 20px; }
|
||||
.czrSelect2-container .czrSelect2-selection--multiple {
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
min-height: 32px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none; }
|
||||
.czrSelect2-container .czrSelect2-selection--multiple .czrSelect2-selection__rendered {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
padding-left: 8px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap; }
|
||||
.czrSelect2-container .czrSelect2-search--inline {
|
||||
float: left; }
|
||||
.czrSelect2-container .czrSelect2-search--inline .czrSelect2-search__field {
|
||||
box-sizing: border-box;
|
||||
border: none;
|
||||
font-size: 100%;
|
||||
margin-top: 5px;
|
||||
padding: 0; }
|
||||
.czrSelect2-container .czrSelect2-search--inline .czrSelect2-search__field::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none; }
|
||||
|
||||
.czrSelect2-dropdown {
|
||||
background-color: white;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -100000px;
|
||||
width: 100%;
|
||||
z-index: 1051; }
|
||||
|
||||
.czrSelect2-results {
|
||||
display: block; }
|
||||
|
||||
.czrSelect2-results__options {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
.czrSelect2-results__option {
|
||||
padding: 6px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none; }
|
||||
.czrSelect2-results__option[aria-selected] {
|
||||
cursor: pointer; }
|
||||
|
||||
.czrSelect2-container--open .czrSelect2-dropdown {
|
||||
left: 0; }
|
||||
|
||||
.czrSelect2-container--open .czrSelect2-dropdown--above {
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
|
||||
.czrSelect2-container--open .czrSelect2-dropdown--below {
|
||||
border-top: none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0; }
|
||||
|
||||
.czrSelect2-search--dropdown {
|
||||
display: block;
|
||||
padding: 4px; }
|
||||
.czrSelect2-search--dropdown .czrSelect2-search__field {
|
||||
padding: 4px;
|
||||
width: 100%;
|
||||
box-sizing: border-box; }
|
||||
.czrSelect2-search--dropdown .czrSelect2-search__field::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none; }
|
||||
.czrSelect2-search--dropdown.czrSelect2-search--hide {
|
||||
display: none; }
|
||||
|
||||
.czrSelect2-close-mask {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
opacity: 0;
|
||||
z-index: 99;
|
||||
background-color: #fff;
|
||||
filter: alpha(opacity=0); }
|
||||
|
||||
.czrSelect2-hidden-accessible {
|
||||
border: 0 !important;
|
||||
clip: rect(0 0 0 0) !important;
|
||||
height: 1px !important;
|
||||
margin: -1px !important;
|
||||
overflow: hidden !important;
|
||||
padding: 0 !important;
|
||||
position: absolute !important;
|
||||
width: 1px !important; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-selection--single {
|
||||
background-color: #fff;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--single .czrSelect2-selection__rendered {
|
||||
color: #444;
|
||||
line-height: 28px; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--single .czrSelect2-selection__clear {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-weight: bold; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--single .czrSelect2-selection__placeholder {
|
||||
color: #999; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--single .czrSelect2-selection__arrow {
|
||||
height: 26px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 20px; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--single .czrSelect2-selection__arrow b {
|
||||
border-color: #888 transparent transparent transparent;
|
||||
border-style: solid;
|
||||
border-width: 5px 4px 0 4px;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
margin-left: -4px;
|
||||
margin-top: -2px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 0; }
|
||||
|
||||
.czrSelect2-container--default[dir="rtl"] .czrSelect2-selection--single .czrSelect2-selection__clear {
|
||||
float: left; }
|
||||
|
||||
.czrSelect2-container--default[dir="rtl"] .czrSelect2-selection--single .czrSelect2-selection__arrow {
|
||||
left: 1px;
|
||||
right: auto; }
|
||||
|
||||
.czrSelect2-container--default.czrSelect2-container--disabled .czrSelect2-selection--single {
|
||||
background-color: #eee;
|
||||
cursor: default; }
|
||||
.czrSelect2-container--default.czrSelect2-container--disabled .czrSelect2-selection--single .czrSelect2-selection__clear {
|
||||
display: none; }
|
||||
|
||||
.czrSelect2-container--default.czrSelect2-container--open .czrSelect2-selection--single .czrSelect2-selection__arrow b {
|
||||
border-color: transparent transparent #888 transparent;
|
||||
border-width: 0 4px 5px 4px; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-selection--multiple {
|
||||
background-color: white;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: text; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--multiple .czrSelect2-selection__rendered {
|
||||
box-sizing: border-box;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
width: 100%; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--multiple .czrSelect2-selection__placeholder {
|
||||
color: #999;
|
||||
margin-top: 5px;
|
||||
float: left; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--multiple .czrSelect2-selection__clear {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
margin-top: 5px;
|
||||
margin-right: 10px; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--multiple .czrSelect2-selection__choice {
|
||||
background-color: #e4e4e4;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: default;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
padding: 0 5px; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--multiple .czrSelect2-selection__choice__remove {
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
margin-right: 2px; }
|
||||
.czrSelect2-container--default .czrSelect2-selection--multiple .czrSelect2-selection__choice__remove:hover {
|
||||
color: #333; }
|
||||
|
||||
.czrSelect2-container--default[dir="rtl"] .czrSelect2-selection--multiple .czrSelect2-selection__choice, .czrSelect2-container--default[dir="rtl"] .czrSelect2-selection--multiple .czrSelect2-selection__placeholder, .czrSelect2-container--default[dir="rtl"] .czrSelect2-selection--multiple .czrSelect2-search--inline {
|
||||
float: right; }
|
||||
|
||||
.czrSelect2-container--default[dir="rtl"] .czrSelect2-selection--multiple .czrSelect2-selection__choice {
|
||||
margin-left: 5px;
|
||||
margin-right: auto; }
|
||||
|
||||
.czrSelect2-container--default[dir="rtl"] .czrSelect2-selection--multiple .czrSelect2-selection__choice__remove {
|
||||
margin-left: 2px;
|
||||
margin-right: auto; }
|
||||
|
||||
.czrSelect2-container--default.czrSelect2-container--focus .czrSelect2-selection--multiple {
|
||||
border: solid black 1px;
|
||||
outline: 0; }
|
||||
|
||||
.czrSelect2-container--default.czrSelect2-container--disabled .czrSelect2-selection--multiple {
|
||||
background-color: #eee;
|
||||
cursor: default; }
|
||||
|
||||
.czrSelect2-container--default.czrSelect2-container--disabled .czrSelect2-selection__choice__remove {
|
||||
display: none; }
|
||||
|
||||
.czrSelect2-container--default.czrSelect2-container--open.czrSelect2-container--above .czrSelect2-selection--single, .czrSelect2-container--default.czrSelect2-container--open.czrSelect2-container--above .czrSelect2-selection--multiple {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0; }
|
||||
|
||||
.czrSelect2-container--default.czrSelect2-container--open.czrSelect2-container--below .czrSelect2-selection--single, .czrSelect2-container--default.czrSelect2-container--open.czrSelect2-container--below .czrSelect2-selection--multiple {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-search--dropdown .czrSelect2-search__field {
|
||||
border: 1px solid #aaa; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-search--inline .czrSelect2-search__field {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: textfield; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-results > .czrSelect2-results__options {
|
||||
max-height: 200px;
|
||||
overflow-y: auto; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-results__option[role=group] {
|
||||
padding: 0; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-results__option[aria-disabled=true] {
|
||||
color: #999; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-results__option[aria-selected=true] {
|
||||
background-color: #ddd; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-results__option .czrSelect2-results__option {
|
||||
padding-left: 1em; }
|
||||
.czrSelect2-container--default .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__group {
|
||||
padding-left: 0; }
|
||||
.czrSelect2-container--default .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option {
|
||||
margin-left: -1em;
|
||||
padding-left: 2em; }
|
||||
.czrSelect2-container--default .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option {
|
||||
margin-left: -2em;
|
||||
padding-left: 3em; }
|
||||
.czrSelect2-container--default .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option {
|
||||
margin-left: -3em;
|
||||
padding-left: 4em; }
|
||||
.czrSelect2-container--default .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option {
|
||||
margin-left: -4em;
|
||||
padding-left: 5em; }
|
||||
.czrSelect2-container--default .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option .czrSelect2-results__option {
|
||||
margin-left: -5em;
|
||||
padding-left: 6em; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-results__option--highlighted[aria-selected] {
|
||||
background-color: #5897fb;
|
||||
color: white; }
|
||||
|
||||
.czrSelect2-container--default .czrSelect2-results__group {
|
||||
cursor: default;
|
||||
display: block;
|
||||
padding: 6px; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-selection--single {
|
||||
background-color: #f7f7f7;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
outline: 0;
|
||||
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
|
||||
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--single:focus {
|
||||
border: 1px solid #5897fb; }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--single .czrSelect2-selection__rendered {
|
||||
color: #444;
|
||||
line-height: 28px; }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--single .czrSelect2-selection__clear {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
margin-right: 10px; }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--single .czrSelect2-selection__placeholder {
|
||||
color: #999; }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--single .czrSelect2-selection__arrow {
|
||||
background-color: #ddd;
|
||||
border: none;
|
||||
border-left: 1px solid #aaa;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
height: 26px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 20px;
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
|
||||
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--single .czrSelect2-selection__arrow b {
|
||||
border-color: #888 transparent transparent transparent;
|
||||
border-style: solid;
|
||||
border-width: 5px 4px 0 4px;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
margin-left: -4px;
|
||||
margin-top: -2px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 0; }
|
||||
|
||||
.czrSelect2-container--classic[dir="rtl"] .czrSelect2-selection--single .czrSelect2-selection__clear {
|
||||
float: left; }
|
||||
|
||||
.czrSelect2-container--classic[dir="rtl"] .czrSelect2-selection--single .czrSelect2-selection__arrow {
|
||||
border: none;
|
||||
border-right: 1px solid #aaa;
|
||||
border-radius: 0;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
left: 1px;
|
||||
right: auto; }
|
||||
|
||||
.czrSelect2-container--classic.czrSelect2-container--open .czrSelect2-selection--single {
|
||||
border: 1px solid #5897fb; }
|
||||
.czrSelect2-container--classic.czrSelect2-container--open .czrSelect2-selection--single .czrSelect2-selection__arrow {
|
||||
background: transparent;
|
||||
border: none; }
|
||||
.czrSelect2-container--classic.czrSelect2-container--open .czrSelect2-selection--single .czrSelect2-selection__arrow b {
|
||||
border-color: transparent transparent #888 transparent;
|
||||
border-width: 0 4px 5px 4px; }
|
||||
|
||||
.czrSelect2-container--classic.czrSelect2-container--open.czrSelect2-container--above .czrSelect2-selection--single {
|
||||
border-top: none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
|
||||
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
|
||||
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
|
||||
|
||||
.czrSelect2-container--classic.czrSelect2-container--open.czrSelect2-container--below .czrSelect2-selection--single {
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
|
||||
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-selection--multiple {
|
||||
background-color: white;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: text;
|
||||
outline: 0; }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--multiple:focus {
|
||||
border: 1px solid #5897fb; }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--multiple .czrSelect2-selection__rendered {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0 5px; }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--multiple .czrSelect2-selection__clear {
|
||||
display: none; }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--multiple .czrSelect2-selection__choice {
|
||||
background-color: #e4e4e4;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: default;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
padding: 0 5px; }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--multiple .czrSelect2-selection__choice__remove {
|
||||
color: #888;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
margin-right: 2px; }
|
||||
.czrSelect2-container--classic .czrSelect2-selection--multiple .czrSelect2-selection__choice__remove:hover {
|
||||
color: #555; }
|
||||
|
||||
.czrSelect2-container--classic[dir="rtl"] .czrSelect2-selection--multiple .czrSelect2-selection__choice {
|
||||
float: right; }
|
||||
|
||||
.czrSelect2-container--classic[dir="rtl"] .czrSelect2-selection--multiple .czrSelect2-selection__choice {
|
||||
margin-left: 5px;
|
||||
margin-right: auto; }
|
||||
|
||||
.czrSelect2-container--classic[dir="rtl"] .czrSelect2-selection--multiple .czrSelect2-selection__choice__remove {
|
||||
margin-left: 2px;
|
||||
margin-right: auto; }
|
||||
|
||||
.czrSelect2-container--classic.czrSelect2-container--open .czrSelect2-selection--multiple {
|
||||
border: 1px solid #5897fb; }
|
||||
|
||||
.czrSelect2-container--classic.czrSelect2-container--open.czrSelect2-container--above .czrSelect2-selection--multiple {
|
||||
border-top: none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0; }
|
||||
|
||||
.czrSelect2-container--classic.czrSelect2-container--open.czrSelect2-container--below .czrSelect2-selection--multiple {
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-search--dropdown .czrSelect2-search__field {
|
||||
border: 1px solid #aaa;
|
||||
outline: 0; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-search--inline .czrSelect2-search__field {
|
||||
outline: 0;
|
||||
box-shadow: none; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-dropdown {
|
||||
background-color: white;
|
||||
border: 1px solid transparent; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-dropdown--above {
|
||||
border-bottom: none; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-dropdown--below {
|
||||
border-top: none; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-results > .czrSelect2-results__options {
|
||||
max-height: 200px;
|
||||
overflow-y: auto; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-results__option[role=group] {
|
||||
padding: 0; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-results__option[aria-disabled=true] {
|
||||
color: grey; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-results__option--highlighted[aria-selected] {
|
||||
background-color: #3875d7;
|
||||
color: white; }
|
||||
|
||||
.czrSelect2-container--classic .czrSelect2-results__group {
|
||||
cursor: default;
|
||||
display: block;
|
||||
padding: 6px; }
|
||||
|
||||
.czrSelect2-container--classic.czrSelect2-container--open .czrSelect2-dropdown {
|
||||
border-color: #5897fb; }
|
||||
File diff suppressed because one or more lines are too long
+696
@@ -0,0 +1,696 @@
|
||||
/* WP SAVE BUTTON */
|
||||
/*.czr-api-dirty input#save {
|
||||
background-color: #FFBD2E;
|
||||
border-color: #d99400;
|
||||
color: black;
|
||||
text-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-transition: background-color .2s ease-in-out;
|
||||
-moz-transition: background-color .2s ease-in-out;
|
||||
-ms-transition: background-color .2s ease-in-out;
|
||||
-o-transition: background-color .2s ease-in-out;
|
||||
transition: background-color .2s ease-in-out;
|
||||
}
|
||||
.czr-api-dirty input#save:hover {
|
||||
background-color: #fcad06;
|
||||
}*/
|
||||
|
||||
/* FIX CUSTOMIZE INFO OVERLAPPING SKOPE SWITCHER */
|
||||
.czr-skop-on #customize-controls .customize-info.is-in-view, #customize-controls .customize-section-title.is-in-view {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
/* HEADER AND SCOPE SWITCHER */
|
||||
.czr-skop-on .wp-full-overlay-sidebar .wp-full-overlay-header {
|
||||
height: 185px;
|
||||
}
|
||||
.czr-skop-on .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
|
||||
top: 185px!important;
|
||||
}
|
||||
.wp-customizer .in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {
|
||||
padding: 0 15px;
|
||||
}
|
||||
.customize-controls-close {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
/*
|
||||
* when skope is on, the z-index of the #customize-notifications-area has to be increased
|
||||
* this #customize-notifications-area block has been introduced in WP 4.9
|
||||
*/
|
||||
.czr-skop-on #customize-controls #customize-notifications-area {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.wp-customizer #customize-header-actions {
|
||||
border-bottom: 0px;
|
||||
}
|
||||
.czr-scope-switcher {
|
||||
width: 100%;
|
||||
float: right;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.czr-scope-switcher .czr-skp-permanent-title {
|
||||
position: relative;
|
||||
color: #5f5f5f;
|
||||
}
|
||||
#customize-header-actions .czr-scope-switcher .spinner {
|
||||
float: none;
|
||||
display: none;
|
||||
margin: 0px;
|
||||
left: -26px;
|
||||
top: 0px;
|
||||
position: absolute;
|
||||
visibility: visible;
|
||||
}
|
||||
h2.czr-current-skope-title {
|
||||
font-size: 13px;
|
||||
line-height: 21px;
|
||||
margin: 6px 0 4px;
|
||||
text-align: center;
|
||||
height: 63px;
|
||||
font-weight:normal;
|
||||
overflow: hidden;
|
||||
}
|
||||
.czr-main-title {
|
||||
max-height: 24px;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 95%;
|
||||
}
|
||||
.czr-skope-title {
|
||||
display: block;
|
||||
font-size: 17px;
|
||||
font-style: italic;
|
||||
line-height: 25px;
|
||||
}
|
||||
.czr-toggle-title-notice {
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
color: #777;
|
||||
}
|
||||
.czr-skope-inherits-from {
|
||||
display: inline-block;
|
||||
opacity: 0;
|
||||
width: 90%;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
color: #0029ff;
|
||||
top: -6px;
|
||||
position: relative;
|
||||
}
|
||||
.notice-visible .czr-toggle-title-notice {
|
||||
color: #0029ff;
|
||||
}
|
||||
.notice-visible .czr-skope-inherits-from {
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity .3s ease-in-out;
|
||||
-moz-transition: opacity .3s ease-in-out;
|
||||
-ms-transition: opacity .3s ease-in-out;
|
||||
-o-transition: opacity .3s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
}
|
||||
.czr-scope-switcher .button {
|
||||
float: left;
|
||||
width: 40%;
|
||||
text-align: center;
|
||||
margin: 0 2%;
|
||||
opacity: 0.7;
|
||||
-webkit-transition: opacity .3s ease-in-out;
|
||||
-moz-transition: opacity .3s ease-in-out;
|
||||
-ms-transition: opacity .3s ease-in-out;
|
||||
-o-transition: opacity .3s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
}
|
||||
.czr-scope-switcher .button.active {
|
||||
font-weight: bold;
|
||||
opacity: 1;
|
||||
}
|
||||
.czr-scope-switcher .active, .czr-scope-switcher .czr-scope:hover {
|
||||
opacity: 1;
|
||||
/*border-bottom: 2px solid #59b15c;*/
|
||||
}
|
||||
.czr-skopes-wrapper {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.czr-scope.active:before {
|
||||
height: 101%;
|
||||
float: left;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
content: '';
|
||||
-webkit-box-shadow : -4px 0px 15px 0px rgba(119, 119, 119, 0.58);
|
||||
box-shadow: -4px 0px 15px 0px rgba(119, 119, 119, 0.58);
|
||||
top: 0;
|
||||
}
|
||||
.czr-scope-switcher .active:after {
|
||||
content: '';
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
-webkit-box-shadow : 4px 0px 15px 0px rgba(119, 119, 119, 0.58);
|
||||
box-shadow: 4px 0px 15px 0px rgba(119, 119, 119, 0.58);
|
||||
top: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.czr-skopes-wrapper .active-collection.local:after {
|
||||
right:0;
|
||||
}
|
||||
.czr-scope-switcher .czr-scope:last-child:after {
|
||||
-webkit-box-shadow :none;
|
||||
box-shadow: none;
|
||||
right: 0;
|
||||
}
|
||||
.czr-scope-switcher .czr-scope:first-child:after {
|
||||
left: 0;
|
||||
}
|
||||
.czr-scope {
|
||||
float: left;
|
||||
width: 30.5%;
|
||||
/*margin-left: 1.5%;*/
|
||||
background: #fff;
|
||||
/*border-bottom: 2px solid #cccccc;*/
|
||||
border-top: 1px solid #cccccc;
|
||||
/*-webkit-border-radius: 3px;
|
||||
border-radius: 3px;*/
|
||||
overflow: hidden;
|
||||
opacity: 0.65;
|
||||
-webkit-transition: opacity .3s ease-in-out;
|
||||
-moz-transition: opacity .3s ease-in-out;
|
||||
-ms-transition: opacity .3s ease-in-out;
|
||||
-o-transition: opacity .3s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
}
|
||||
|
||||
/* LAYOUTS */
|
||||
.czr-scope-switcher .width-100, .czr-scope.width-100.active:before, .czr-scope.width-100.active:after { width: 100%; }
|
||||
.czr-scope-switcher .width-50, .czr-scope.width-50.active:before, .czr-scope.width-50.active:after { width: 50%; }
|
||||
.czr-scope-switcher .width-33, .czr-scope.width-33.active:before, .czr-scope.width-33.active:after { width: 33.33%; }
|
||||
.czr-scope-switcher .width-25, .czr-scope.width-25.active:before, .czr-scope.width-25.active:after { width: 25%; }
|
||||
|
||||
.czr-scope-header, .czr-scope-footer {
|
||||
width: 100%;
|
||||
min-height: 16px;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
.inactive .czr-scope-footer:after {
|
||||
content: '';
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
height: 5px;
|
||||
bottom: -7px;
|
||||
left: 0;
|
||||
-webkit-box-shadow : 0px 0px 13px 4px rgba(119, 119, 119, 0.85);
|
||||
box-shadow: 0px 0px 13px 4px rgba(119, 119, 119, 0.85);
|
||||
}
|
||||
.czr-scope-content {
|
||||
height: 35px;
|
||||
padding: 0 3%;
|
||||
width: 94%;
|
||||
line-height: 35px;
|
||||
text-align: center;
|
||||
clear: both;
|
||||
color: #000;
|
||||
overflow: hidden;
|
||||
}
|
||||
.czr-scope-content h4 {
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
font-weight: normal;
|
||||
text-shadow: 1px 1px 0px #dedede;
|
||||
}
|
||||
.czr-scope .fab,
|
||||
.czr-scope .far,
|
||||
.czr-scope .fas {
|
||||
font-size: 10px;
|
||||
padding: 2%;
|
||||
color: #585858;
|
||||
cursor: pointer;
|
||||
-webkit-transition: opacity .3s ease-in-out;
|
||||
-moz-transition: opacity .3s ease-in-out;
|
||||
-ms-transition: opacity .3s ease-in-out;
|
||||
-o-transition: opacity .3s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
}
|
||||
.czr-scope .czr-scope-footer .info {
|
||||
cursor: inherit;
|
||||
}
|
||||
.czr-scope-header .czr-scope-switch {
|
||||
font-size: 22px;
|
||||
padding: 0 2px 0 0;
|
||||
text-shadow: 1px 1px 2px white;
|
||||
}
|
||||
.czr-skp-switch-link {
|
||||
cursor: pointer;
|
||||
}
|
||||
.czr-skp-switch-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.czr-pull-left {
|
||||
float: left;
|
||||
}
|
||||
.czr-pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
/* DIALOG BOX REACTIONS */
|
||||
.active .czr-scope-switch {
|
||||
color: #59b15c;
|
||||
cursor:inherit;
|
||||
}
|
||||
|
||||
.czr-scope .czr-scope-reset {
|
||||
/*opacity: 0;*/
|
||||
display: none;
|
||||
font-size: 13px;
|
||||
text-shadow: 1px 1px 0px #dedede;
|
||||
|
||||
}
|
||||
.has-db-val .czr-scope-reset {
|
||||
color: #00a0d2;
|
||||
}
|
||||
.dirty .czr-scope-reset {
|
||||
color: #FFBD2E!important;
|
||||
}
|
||||
|
||||
.is_winner .czr-scope-winner {
|
||||
color: #59b15c;
|
||||
font-size: 14px;
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
.czr-scope-force {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Underline skope switch text in control notices and in the main skope switcher title */
|
||||
.czr-skope-switch {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/**************************************
|
||||
******* RESET */
|
||||
/* RESET COMMONS */
|
||||
.czr-spinner-wrapper {
|
||||
visibility: hidden;
|
||||
}
|
||||
.czr-reset-success, .czr-reset-fail {
|
||||
display: none;
|
||||
}
|
||||
.czr-spinner {
|
||||
background: url(img/czr-spinner.gif) no-repeat;
|
||||
-webkit-background-size: 32px 32px;
|
||||
background-size: 32px 32px;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
vertical-align: middle;
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 4px 10px 0;
|
||||
}
|
||||
|
||||
|
||||
/* SINGLE CONTROL RESET */
|
||||
.customize-control span.customize-control-title:first-child {
|
||||
padding-left: 16px;
|
||||
-webkit-transition: left, right, 0.15s ease-in-out;
|
||||
-moz-transition: left, right, 0.15s ease-in-out;
|
||||
-ms-transition: left, right, 0.15s ease-in-out;
|
||||
-o-transition: left, right, 0.15s ease-in-out;
|
||||
transition: left, right, 0.15s ease-in-out;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wp-customizer .customize-control.czr-not-skoped .customize-control-title {
|
||||
padding-left: 0px;
|
||||
}
|
||||
.czr-setting-reset {
|
||||
color: #eee;
|
||||
-webkit-transition: color 0.4s;
|
||||
transition: color 0.4s;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
line-height: 21px;
|
||||
display: none;
|
||||
text-shadow: 1px 1px 0px #a0a0a0;
|
||||
}
|
||||
.czr-global-skope-level .is-wp-authorized-setting.has-db-val .czr-setting-reset {
|
||||
color: #eee;
|
||||
}
|
||||
.has-db-val .czr-setting-reset {
|
||||
color: #00a0d2;
|
||||
}
|
||||
.is-dirty .czr-setting-reset {
|
||||
color: #FFBD2E!important;
|
||||
}
|
||||
.czr-ctrl-reset-warning .czr-spinner {
|
||||
display: none;
|
||||
}
|
||||
.czr-resetting-control .czr-ctrl-reset-warning .czr-spinner {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* RESET ALERTS */
|
||||
.is-dirty .czr-remove-alert-wrapper {
|
||||
background-color: rgba(255, 189, 46, 0.54)!important;
|
||||
border: 1px solid #FFBD2E!important;
|
||||
text-shadow:none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.has-db-val .czr-remove-alert-wrapper {
|
||||
background-color: rgba(0, 160, 210, 0.45);
|
||||
border: 1px solid #00a0d2;
|
||||
text-shadow:none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.czr-resetting-control .czr-remove-alert-wrapper {
|
||||
-webkit-transition: all, 0.3s ease-in-out;
|
||||
-moz-transition: all, 0.3s ease-in-out;
|
||||
-ms-transition: all, 0.3s ease-in-out;
|
||||
-o-transition: all, 0.3s ease-in-out;
|
||||
transition: all, 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
/* SKOPE LOADING */
|
||||
body.czr-skop-loading #czr-skope-pane {
|
||||
top : 0;
|
||||
}
|
||||
body.czr-skop-loading #customize-preview {
|
||||
/*opacity: 0!important;*/
|
||||
filter: blur(3px);
|
||||
-webkit-filter: blur(3px);
|
||||
}
|
||||
|
||||
/* Pure CSS loader */
|
||||
@-webkit-keyframes czr-mr-loader {
|
||||
0% {
|
||||
-webkit-transform: scale(0.1);
|
||||
transform: scale(0.1);
|
||||
opacity: 1; }
|
||||
|
||||
70% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 0.7; }
|
||||
|
||||
100% {
|
||||
opacity: 0.0; }
|
||||
}
|
||||
|
||||
@keyframes czr-mr-loader {
|
||||
0% {
|
||||
-webkit-transform: scale(0.1);
|
||||
transform: scale(0.1);
|
||||
opacity: 1; }
|
||||
|
||||
70% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 0.7; }
|
||||
|
||||
100% {
|
||||
opacity: 0.0; }
|
||||
}
|
||||
/*.czr-css-loader {
|
||||
display: none;
|
||||
}*/
|
||||
.czr-css-loader {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
-webkit-transform: translate3d(-50%, -50%, 0);
|
||||
-ms-transform: translate3d(-50%, -50%, 0);
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
display: block;
|
||||
}
|
||||
.czr-mr-loader > div:nth-child(0) {
|
||||
-webkit-animation-delay: -0.8s;
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
.czr-mr-loader > div:nth-child(1) {
|
||||
-webkit-animation-delay: -0.6s;
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
.czr-mr-loader > div:nth-child(2) {
|
||||
-webkit-animation-delay: -0.4s;
|
||||
animation-delay: -0.4s;
|
||||
}
|
||||
.czr-mr-loader > div:nth-child(3) {
|
||||
-webkit-animation-delay: -0.2s;
|
||||
animation-delay: -0.2s;
|
||||
}
|
||||
.czr-mr-loader > div {
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
position: absolute;
|
||||
top: -4%;
|
||||
left: -4%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 100%;
|
||||
border: 2px solid #fff;
|
||||
-webkit-animation: czr-mr-loader 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
|
||||
animation: czr-mr-loader 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* PREVIEW NOTIFICATIONS BLOCKS ( for Welcome, etc ) */
|
||||
/* COMMONS */
|
||||
#czr-top-note, #czr-bottom-infos {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 20;
|
||||
color: #fff;
|
||||
display: block;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all, 0.3s ease-in-out;
|
||||
-ms-transition: all, 0.3s ease-in-out;
|
||||
-o-transition: all, 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
visibility: hidden;
|
||||
}
|
||||
.czr-preview-notification a, .czr-preview-notification h2 {color: #fff; margin: 1em 0;}
|
||||
|
||||
.czr-preview-notification .czr-preview-note-close {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 25px;
|
||||
font-size: 31px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.czr-preview-notification .fa-arrow-left {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 25px;
|
||||
font-size: 40px;
|
||||
}
|
||||
.czr-preview-notification .czr-note-content {
|
||||
display: inline-block;
|
||||
line-height: 20px;
|
||||
width: 80%;
|
||||
}
|
||||
.czr-preview-notification .czr-note-message {
|
||||
font-size: 16px;
|
||||
line-height: 1.5em;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
/* TOP NOTE */
|
||||
#czr-top-note { top : -100%; background: rgba(0, 0, 0, 0.80); padding: 2%;}
|
||||
#czr-top-note h2 {font-size: 25px; }
|
||||
|
||||
body.czr-top-note-open #czr-top-note {
|
||||
top: 0;
|
||||
visibility: inherit;
|
||||
}
|
||||
|
||||
/* BOTTOM SKOPE INFOS */
|
||||
#czr-bottom-infos { bottom : -100%; background-color: rgba(0, 0, 0, 0.85);padding: 1px;}
|
||||
body.czr-bottom-infos-open #czr-bottom-infos {
|
||||
bottom: 0;
|
||||
visibility: inherit;
|
||||
}
|
||||
#czr-bottom-infos .czr-note-content .czr-note-message {
|
||||
font-size: 13px;
|
||||
}
|
||||
#czr-bottom-infos .action-links-wrap {
|
||||
width: 100%;
|
||||
}
|
||||
#czr-bottom-infos .action-link {
|
||||
font-style: italic;
|
||||
display: inline-block;
|
||||
width: 40%;
|
||||
}
|
||||
#czr-bottom-infos .action-link a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.czr-disable-bottom-infos {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* SKOPE PANE */
|
||||
/* WP TEXT EDITOR */
|
||||
#czr-skope-pane {
|
||||
position: absolute;
|
||||
min-height: 100%;
|
||||
text-align: center;
|
||||
padding: 2%;
|
||||
top : -100%;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 20;
|
||||
color: #fff;
|
||||
display: block;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all, 0.3s ease-in-out;
|
||||
-ms-transition: all, 0.3s ease-in-out;
|
||||
-o-transition: all, 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* RESET */
|
||||
#czr-skope-pane.dirty-reset {
|
||||
background: rgba(252, 173, 6, 0.23);
|
||||
}
|
||||
#czr-skope-pane.db-reset {
|
||||
background: rgba(0, 160, 210, 0.3);
|
||||
}
|
||||
.czr-reset-content {
|
||||
display: inline-block;
|
||||
line-height: 20px;
|
||||
width: 80%;
|
||||
padding: 5%;
|
||||
background: rgba(0, 0, 0, 0.63);
|
||||
}
|
||||
|
||||
#czr-skope-pane h2 {
|
||||
color: #fff;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
body.czr-skope-pane-open #czr-skope-pane {
|
||||
top: 0;
|
||||
visibility: inherit;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body.czr-skope-pane-open #customize-preview, body.czr-skope-pane-open .wp-full-overlay-sidebar {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
body.czr-resetting-skope #czr-skope-pane .czr-spinner-wrapper {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.czr-skope-pane-open .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
||||
z-index: 30;
|
||||
}
|
||||
.czr-skope-pane-open .wp-full-overlay.expanded .collapse-sidebar {
|
||||
bottom: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* CONTROL INFOS */
|
||||
.customize-control .czr-skope-notice {
|
||||
color: #3a3a3a;
|
||||
font-family: Verdana, 'DejaVu Sans', 'Bitstream Vera Sans', 'Geneva', sans-serif;
|
||||
font-size: 10px;
|
||||
line-height: 1.5em;
|
||||
font-style: normal;
|
||||
border-left: 3px solid rgba(99, 99, 99, 0.36);
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.czr-toggle-notice {
|
||||
color: #95a5a6;
|
||||
text-shadow: 1px 1px 0px white;
|
||||
-webkit-transition: color 0.4s;
|
||||
transition: color 0.4s;
|
||||
position: absolute;
|
||||
padding-left: 3px;
|
||||
line-height: 21px;
|
||||
display: none;
|
||||
}
|
||||
.czr-notice-visible .czr-toggle-notice, .czr-toggle-notice:hover {
|
||||
color: rgba(0, 0, 0, 0.67);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Error Notification */
|
||||
.wp-full-overlay-header, .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
|
||||
-webkit-transition: height, top, .4s ease-in-out;
|
||||
-moz-transition: height, top, .4s ease-in-out;
|
||||
-ms-transition: height, top, .4s ease-in-out;
|
||||
-o-transition: height, top, .4s ease-in-out;
|
||||
transition: height, top, .4s ease-in-out;
|
||||
}
|
||||
.czr-server-notice {
|
||||
width: calc(96% - 2px);
|
||||
bottom: 75px;
|
||||
text-align: center;
|
||||
background: rgba(0, 156, 0, 0.18);
|
||||
color: #000;
|
||||
display: none;
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
line-height: 13px;
|
||||
padding: 2%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.czr-server-notice.czr-server-error {
|
||||
color: #000;
|
||||
background: rgba(255, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
.czr-dismiss-notification {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*ickeck specifics */
|
||||
.wp-customizer .icheckbox_flat-grey, .wp-customizer .iradio_flat-grey {
|
||||
border: 1px solid white;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
background-color : white;
|
||||
}
|
||||
|
||||
/* SKOPE PAINTING */
|
||||
.czr-painted {
|
||||
-webkit-transition: background .3s ease-in-out!important;
|
||||
-moz-transition: background .3s ease-in-out!important;
|
||||
-ms-transition: background .3s ease-in-out!important;
|
||||
-o-transition: background .3s ease-in-out!important;
|
||||
transition: background .3s ease-in-out!important;
|
||||
}
|
||||
@@ -0,0 +1,984 @@
|
||||
/* OVERRIDE WP CUSTOMIZER */
|
||||
/* LINKS */
|
||||
.wp-customizer a {
|
||||
color: #000;
|
||||
}
|
||||
.wp-customizer a:hover, .wp-customizer a:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* LAYOUT */
|
||||
.wp-customizer .wp-full-overlay.expanded {
|
||||
margin-left: 440px;
|
||||
}
|
||||
.wp-customizer .wp-full-overlay-sidebar {
|
||||
width: 440px;
|
||||
}
|
||||
.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
||||
margin-left: -440px;
|
||||
}
|
||||
/*.in-sub-panel #customize-info,
|
||||
.in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
||||
left: -440px;
|
||||
width: 440px;
|
||||
}*/
|
||||
#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
||||
left: -440px;
|
||||
}
|
||||
.accordion-sub-container.control-panel-content {
|
||||
left: 440px;
|
||||
}
|
||||
|
||||
|
||||
/* RTL*/
|
||||
.rtl.wp-customizer .wp-full-overlay.expanded {
|
||||
margin-right: 440px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.rtl.wp-customizer .wp-full-overlay-sidebar {
|
||||
width: 440px;
|
||||
}
|
||||
.rtl.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
||||
margin-right: -440px;
|
||||
margin-left: 0;
|
||||
}
|
||||
/*.rtl .in-sub-panel #customize-info,
|
||||
.rtl .in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
||||
right: -440px;
|
||||
width: 440px;
|
||||
}*/
|
||||
.rtl #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
||||
right: -440px;
|
||||
}
|
||||
.rtl .accordion-sub-container.control-panel-content {
|
||||
right: 440px;
|
||||
}
|
||||
|
||||
/* CUSTOM CSS ( since wp 4.7 ) */
|
||||
.customize-section-description-container + #customize-control-custom_css:last-child {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
li#customize-control-custom_css textarea {
|
||||
font-size: 13px;
|
||||
background: #394143;
|
||||
color: #95ff0c;
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1400px) {
|
||||
.wp-customizer .wp-full-overlay.expanded {
|
||||
margin-left: 380px;
|
||||
}
|
||||
.wp-customizer .wp-full-overlay-sidebar {
|
||||
width: 380px;
|
||||
}
|
||||
.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
||||
margin-left: -380px;
|
||||
}
|
||||
/* .in-sub-panel #customize-info,
|
||||
.in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
||||
left: -380px;
|
||||
width: 380px;
|
||||
}*/
|
||||
#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
||||
left: -380px;
|
||||
}
|
||||
.accordion-sub-container.control-panel-content {
|
||||
left: 380px;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
.rtl.wp-customizer .wp-full-overlay.expanded {
|
||||
margin-right: 380px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.rtl.wp-customizer .wp-full-overlay-sidebar {
|
||||
width: 380px;
|
||||
}
|
||||
.rtl.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
||||
margin-right: -380px;
|
||||
margin-left: 0;
|
||||
}
|
||||
/* .rtl .in-sub-panel #customize-info,
|
||||
.rtl .in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
||||
right: -380px;
|
||||
width: 380px;
|
||||
}*/
|
||||
.rtl #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
||||
right: -380px;
|
||||
}
|
||||
.rtl .accordion-sub-container.control-panel-content {
|
||||
right: 380px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 979px) {
|
||||
.wp-customizer .wp-full-overlay.expanded {
|
||||
margin-left: 300px;
|
||||
}
|
||||
.wp-customizer .wp-full-overlay-sidebar {
|
||||
width: 300px;
|
||||
}
|
||||
.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
||||
margin-left: -300px;
|
||||
}
|
||||
/* .in-sub-panel #customize-info,
|
||||
.in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
||||
left: -300px;
|
||||
width: 300px;
|
||||
}*/
|
||||
#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
||||
left: -300px;
|
||||
}
|
||||
.accordion-sub-container.control-panel-content {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
.rtl.wp-customizer .wp-full-overlay.expanded {
|
||||
margin-right: 300px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.rtl.wp-customizer .wp-full-overlay-sidebar {
|
||||
width: 300px;
|
||||
}
|
||||
.rtl.wp-customizer .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
||||
margin-right: -300px;
|
||||
margin-left: 0;
|
||||
}
|
||||
/* .rtl .in-sub-panel #customize-info,
|
||||
.rtl .in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
||||
right: -300px;
|
||||
width: 300px;
|
||||
}*/
|
||||
.rtl #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
||||
right: -300px;
|
||||
}
|
||||
.rtl .accordion-sub-container.control-panel-content {
|
||||
right: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
/* at max-width 640px the wp-full-overlay-sidebar becomes 100% */
|
||||
@media screen and (max-width: 640px) {
|
||||
.wp-customizer .customize-controls-preview-toggle {
|
||||
height: 46px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
left: 87px;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-full-overlay.expanded {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* .in-sub-panel #customize-info,
|
||||
.in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
||||
left: -100%;
|
||||
width: 100%;
|
||||
}*/
|
||||
|
||||
#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
||||
left: -100%;
|
||||
}
|
||||
.accordion-sub-container.control-panel-content {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
.rtl.wp-customizer .wp-full-overlay.expanded {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* .rtl .in-sub-panel #customize-info,
|
||||
.rtl .in-sub-panel #customize-theme-controls > ul > .accordion-section {
|
||||
right: -100%;
|
||||
width: 100%;
|
||||
left: auto;
|
||||
}*/
|
||||
.rtl .in-sub-panel #czr-donate-customizer,
|
||||
.rtl .in-sub-panel .czr-cta-wrap,
|
||||
.rtl #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
|
||||
right: -100%;
|
||||
left: auto;
|
||||
}
|
||||
.rtl .accordion-sub-container.control-panel-content {
|
||||
right: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* PANELS, SECTIONS and CONTROLS TITLES */
|
||||
.wp-customizer .control-section.control-panel .accordion-section-title .panel-title {
|
||||
font-size: 24px;
|
||||
font-weight: inherit;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.wp-core-ui h3 {
|
||||
color: #555;
|
||||
}
|
||||
.accordion-section-content {
|
||||
padding: 10px 10px 15px 20px;
|
||||
}
|
||||
.widget-action, .handlediv, .item-edit, .sidebar-name-arrow, .accordion-section-title:after {
|
||||
color: #00a0d2;
|
||||
}
|
||||
.control-section.control-panel > .accordion-section-title:after {
|
||||
color: #00a0d2;
|
||||
}
|
||||
.customize-control-title {
|
||||
line-height: 1.5em;
|
||||
/* font-size: 13px; */
|
||||
font-family: Roboto;
|
||||
font-weight: normal;
|
||||
}
|
||||
.customize-control span.customize-control-title:first-child {
|
||||
position: relative;
|
||||
padding: 10px 0px 5px;
|
||||
/*margin-left: 14px;*/
|
||||
}
|
||||
|
||||
/* since v4.3 */
|
||||
.wp-customizer #customize-theme-controls .accordion-section-content {
|
||||
background: #fff;
|
||||
}
|
||||
/*.wp-customizer .customize-panel-back {
|
||||
height: 60px;
|
||||
}*/
|
||||
.wp-customizer #customize-controls .customize-info .customize-help-toggle:hover, .wp-customizer #customize-controls .customize-info.open .customize-help-toggle, .wp-customizer #customize-controls .customize-info .customize-help-toggle:focus {
|
||||
color:#00a0d2;
|
||||
}
|
||||
.wp-customizer .customize-screen-options-toggle:focus:before, .wp-customizer #customize-controls .customize-info .customize-help-toggle:focus:before {
|
||||
-webkit-box-shadow: 0 0 0 1px #00a0d2;
|
||||
box-shadow: 0 0 0 1px #00a0d2;
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle:hover .item-type, .wp-customizer .menu-item-handle:hover .item-edit, .wp-customizer #available-menu-items .menu-item-handle:hover .item-add, .wp-customizer .menu-item-handle:hover{
|
||||
color: #00a0d2;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:hover, .customize-screen-options-toggle:active, .customize-screen-options-toggle:focus, .active-menu-screen-options .customize-screen-options-toggle, #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover, #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active, #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #00a0d2!important;
|
||||
}
|
||||
|
||||
.customize-control input[type="text"] {
|
||||
line-height: 23px;
|
||||
}
|
||||
|
||||
/*<@4.9compat>*/
|
||||
/* outer section introduced in v4.9 needs to keep its original width */
|
||||
#customize-outer-theme-controls li[id*="customize-control-"] {
|
||||
width: 100%;
|
||||
}
|
||||
#customize-outer-theme-controls input[type=checkbox], #customize-outer-theme-controls input[type=radio] {
|
||||
float: none;
|
||||
min-height: inherit;
|
||||
}
|
||||
/*</@4.9compat>*/
|
||||
|
||||
/* GENERAL STYLE */
|
||||
.control-section .accordion-section-content {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.wp-customizer .control-section h3.accordion-section-title {
|
||||
padding: 10px 25px 11px 14px;
|
||||
|
||||
}
|
||||
.wp-customizer #customize-controls h3 {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.control-section .accordion-section-title:after {
|
||||
top: 7px;
|
||||
}
|
||||
.control-section.control-panel .accordion-section-title:after {
|
||||
top: 11px;
|
||||
-webkit-transition: right .3s ease-in-out, opacity .3s ease-in-out;
|
||||
-moz-transition: right .3s ease-in-out, opacity .3s ease-in-out;
|
||||
-ms-transition: right .3s ease-in-out, opacity .3s ease-in-out;
|
||||
-o-transition: right .3s ease-in-out, opacity .3s ease-in-out;
|
||||
transition: right .3s ease-in-out, opacity .3s ease-in-out;
|
||||
right: 10px;
|
||||
opacity:0.7;
|
||||
}
|
||||
.rtl .control-section.control-panel .accordion-section-title:after {
|
||||
-webkit-transition: left .3s ease-in-out, opacity .3s ease-in-out;
|
||||
-moz-transition: left .3s ease-in-out, opacity .3s ease-in-out;
|
||||
-ms-transition: left .3s ease-in-out, opacity .3s ease-in-out;
|
||||
-o-transition: left .3s ease-in-out, opacity .3s ease-in-out;
|
||||
transition: left .3s ease-in-out, opacity .3s ease-in-out;
|
||||
left: 10px;
|
||||
right: initial;
|
||||
}
|
||||
#customize-theme-controls .control-section.control-panel h3.accordion-section-title:hover:after , #customize-theme-controls .control-section.control-panel h3.accordion-section-title:focus:after {
|
||||
right: 8px;
|
||||
opacity:1;
|
||||
color: #666!important;
|
||||
}
|
||||
|
||||
.rtl #customize-theme-controls .control-section.control-panel h3.accordion-section-title:hover:after , .rtl #customize-theme-controls .control-section.control-panel h3.accordion-section-title:focus:after {
|
||||
left: 6px;
|
||||
right: initial;
|
||||
}
|
||||
/* Overrides WP built in style : hack for nested section arrow */
|
||||
#customize-theme-controls .control-section.control-panel>h3.accordion-section-title:focus:after, #customize-theme-controls .control-section.control-panel>h3.accordion-section-title:hover:after, .control-section.control-panel>.accordion-section-title:after {
|
||||
background: none!important;
|
||||
border: none!important;
|
||||
}
|
||||
|
||||
#customize-theme-controls h3.accordion-section-title {
|
||||
/*font-family: "Open Sans", sans-serif;*/
|
||||
-webkit-transition: background .1s ease-in-out;
|
||||
-moz-transition: background .1s ease-in-out;
|
||||
-ms-transition: background .1s ease-in-out;
|
||||
-o-transition: background .1s ease-in-out;
|
||||
transition: background .1s ease-in-out;
|
||||
}
|
||||
|
||||
/*#customize-theme-controls > .control-section:hover .accordion-section-title::after, #customize-theme-controls .control-section .accordion-section-title:hover::after, #customize-theme-controls .control-section.open .accordion-section-title::after, #customize-theme-controls .control-section .accordion-section-title:focus::after {
|
||||
color: #FFF;
|
||||
}*/
|
||||
|
||||
|
||||
.customize-control-checkbox label, .customize-control-nav_menu_auto_add label, .customize-control-radio label {
|
||||
line-height: 16px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Placeholders Styling for inputs */
|
||||
input::-webkit-input-placeholder {
|
||||
color:#9A9A9A;
|
||||
font-style: italic;
|
||||
}
|
||||
input:-moz-placeholder { /* Firefox 18- */
|
||||
color: #9A9A9A;
|
||||
font-style: italic;
|
||||
}
|
||||
input::-moz-placeholder { /* Firefox 19+ */
|
||||
color: #9A9A9A;
|
||||
font-style: italic;
|
||||
}
|
||||
input:-ms-input-placeholder {
|
||||
color: #9A9A9A;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
.customize-control select {
|
||||
cursor: pointer;
|
||||
width: 99%;
|
||||
}
|
||||
|
||||
/* Nov-dec 2019 => adapt for WP 5.3 */
|
||||
.czr-input .wp-picker-container .wp-color-result.button, .customize-control .wp-color-result.button {
|
||||
border-color: #ccc;
|
||||
min-height: 25px;
|
||||
}
|
||||
|
||||
.czr-input .wp-color-result-text, .customize-control .wp-color-result-text {
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
/* Sept 2020 => fix alpha color picker style broken */
|
||||
.wp-picker-container .iris-alpha-slider {
|
||||
margin-left:5px!important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.czr-customizr-title {
|
||||
/* color: #555; */
|
||||
text-transform: uppercase;
|
||||
/* text-shadow: 0 1px 0 #FFF; */
|
||||
margin: 1em 0em 5px 0em;
|
||||
font-size: 15px!important;
|
||||
border-bottom: 1px dotted #555;
|
||||
padding-bottom: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
h3.czr-customizr-title::before {
|
||||
content: '\00b7';
|
||||
padding-right: 3px;
|
||||
}
|
||||
h3.czr-customizr-title::after {
|
||||
content: '\00b7';
|
||||
padding-left: 3px;
|
||||
}
|
||||
.czr-after-button {
|
||||
border-color: white;
|
||||
margin-top:15px;
|
||||
}
|
||||
.czr-emphasize {
|
||||
line-height: 1.2em;
|
||||
color: #2E2E2E;
|
||||
}
|
||||
i.czr-notice {
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
span.czr-notice {
|
||||
color: #313131;
|
||||
font-size:12px;
|
||||
font-style: italic;
|
||||
clear: both;
|
||||
display: block;
|
||||
line-height: 18px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.czr-html-before hr, .czr-html-after hr {
|
||||
border-top: 1px solid #c5c5c5;
|
||||
border-bottom: 1px solid #fafafa;
|
||||
margin: 25px 0;
|
||||
}
|
||||
.czr-html-after {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.czr-customizer-separator-invisible {
|
||||
border:none;
|
||||
margin-top:15px;
|
||||
}
|
||||
.czr-skin-gen-label {
|
||||
float: left;
|
||||
}
|
||||
.czr-skin-gen-color-picker {
|
||||
float: right;
|
||||
}
|
||||
.czr-number-label {
|
||||
float: left;
|
||||
}
|
||||
.czr-number-input {
|
||||
float: right;
|
||||
}
|
||||
.czr-check-label {
|
||||
float: left;
|
||||
max-width: 85%;
|
||||
}
|
||||
/* RTL position fix */
|
||||
.rtl .czr-check-label {
|
||||
float: right;
|
||||
}
|
||||
input[type=checkbox], input[type=radio] {
|
||||
float: right;
|
||||
min-height: 18px;
|
||||
}
|
||||
.czr-font-select {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* CUSTOM CSS TEXT AREA */
|
||||
li#customize-control-tc_theme_options-tc_custom_css textarea {
|
||||
font-size: 14px;
|
||||
background: #394143;
|
||||
color: #E2E728;
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.customize-control .czr-navigate-to-post-list {
|
||||
color: #00a0d2;
|
||||
font-weight: bold;
|
||||
float: left;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.czr-sub-control {
|
||||
padding-left: 13%;
|
||||
max-width: 87%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.czr-sub-control:before {
|
||||
content: '';
|
||||
height: 116%;
|
||||
background: #00a0d2;
|
||||
width: 2%;
|
||||
position: absolute;
|
||||
left: 7%;
|
||||
}
|
||||
|
||||
/* Cropped Image style */
|
||||
/* Unified with the default cropped_image CSS */
|
||||
.customize-control-tc_cropped_image .upload-button {
|
||||
float: right;
|
||||
}
|
||||
.customize-control-tc_cropped_image .remove-button {
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
}
|
||||
.customize-control-tc_cropped_image .actions {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
.customize-control-tc_cropped_image .current {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.customize-control-tc_cropped_image .upload-button,
|
||||
.customize-control-tc_cropped_image .remove-button {
|
||||
white-space: normal;
|
||||
width: 48%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.customize-control-tc_cropped_image .current .container {
|
||||
min-height: 40px;
|
||||
overflow: hidden;
|
||||
border: 1px solid #eee;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.customize-control-tc_cropped_image img {
|
||||
width: 100%;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.customize-control-tc_cropped_image .inner {
|
||||
line-height: 20px;
|
||||
top: 10px;
|
||||
}
|
||||
/* rtl */
|
||||
/* end tc cropped image */
|
||||
.rtl .customize-control-tc_cropped_image .upload-button {
|
||||
float: left;
|
||||
}
|
||||
.rtl .customize-control-tc_cropped_image .remove-button {
|
||||
float: right;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* LAYOUT SELECTION SPECIFICS */
|
||||
.czr-layout-img {
|
||||
height: 22px;
|
||||
margin-top: 2px;
|
||||
outline: 1px solid #FFF;
|
||||
}
|
||||
.czr-layout-title {
|
||||
padding: 0 0px 18px 12px;
|
||||
display: inline-block;
|
||||
line-height: 0px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* MULTI INPUT */
|
||||
.customize-control-czr_multi_input {
|
||||
width: 96%;
|
||||
border: 1px solid #ccc;
|
||||
padding: 2%;
|
||||
}
|
||||
.czr-multi-input-wrapper {
|
||||
width: 95%;
|
||||
padding: 0px 0% 0 5%;
|
||||
}
|
||||
.czr-multi-input-wrapper [data-input-type="color"] .czr-input {
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* SPECIFIC PANELS AND SECTIONS MARGIN */
|
||||
#customize-theme-controls #accordion-panel-czr-footer-panel {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
#customize-theme-controls .control-panel-widgets,
|
||||
#customize-theme-controls #accordion-panel-nav_menus,
|
||||
#customize-theme-controls #accordion-panel-hu-advanced-panel {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#customize-theme-controls #accordion-panel-hu-header-panel,
|
||||
#customize-theme-controls .control-panel-widgets,
|
||||
#customize-theme-controls #accordion-panel-nav_menus,
|
||||
#customize-theme-controls #accordion-panel-hu-advanced-panel {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
#customize-theme-controls #accordion-panel-hu-general-panel,
|
||||
#customize-theme-controls #accordion-panel-tc-global-panel {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#customize-theme-controls #accordion-section-static_front_page,
|
||||
#customize-theme-controls #accordion-section-frontpage_sec {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* FPU */
|
||||
#customize-theme-controls #accordion-section-tc_fpu {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* WFC */
|
||||
#customize-theme-controls #accordion-section-tc_font_customizer_settings {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* NIMBLE */
|
||||
#customize-theme-controls #accordion-panel-__sektions__ {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* HEADER => HOME AND ADD MODULE BUTTON */
|
||||
.czr-has-home-btn #customize-header-actions .customize-controls-close {
|
||||
left: 45px;
|
||||
}
|
||||
|
||||
.czr-has-home-btn .customize-controls-home-or-add, .customize-controls-close {
|
||||
top: -1px;
|
||||
}
|
||||
.czr-has-home-btn .customize-controls-home-or-add {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 45px;
|
||||
height: 41px;
|
||||
padding: 0 2px 0 0;
|
||||
background: #eee;
|
||||
border: none;
|
||||
border-top: 4px solid #eee;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
color: #444;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color .15s ease-in-out, border-color .15s ease-in-out, background .15s ease-in-out;
|
||||
transition: color .1s ease-in-out, border-color .15s ease-in-out, background .15s ease-in-out;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
/* for the Nimble button */
|
||||
.czr-has-home-btn .customize-controls-home-or-add > .material-icons {
|
||||
line-height: 39px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.czr-has-home-btn .customize-controls-home-or-add:before {
|
||||
font-size: 17px;
|
||||
line-height:45px;
|
||||
position: relative;
|
||||
top: -4px;
|
||||
left: 15px;
|
||||
}
|
||||
.czr-has-home-btn .customize-controls-home-or-add:hover {
|
||||
background: #fff;
|
||||
color: #0073aa;
|
||||
border-top-color: #0073aa;
|
||||
outline: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
/* rtl: home button */
|
||||
.czr-has-home-btn .rtl.wp-customizer #customize-header-actions .customize-controls-close {
|
||||
right: 45px;
|
||||
left: auto;
|
||||
}
|
||||
.czr-has-home-btn .rtl.wp-customizer .customize-controls-home-or-add {
|
||||
left: auto;
|
||||
right: 0;
|
||||
border-right: 0;
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* HEADER MENU NOTICE */
|
||||
.control-panel-content .hu-menu-notice {
|
||||
margin-left: 3%;
|
||||
|
||||
}
|
||||
|
||||
/* PANEL SUBTITLE */
|
||||
span.czr-panel-subtitle {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* PRO BLOCK BEFORE SECTIONS AND PANELS TITLE */
|
||||
.pro-title-block {
|
||||
border: 1px solid #eea236;
|
||||
padding: 0px 6px;
|
||||
font-size: 0.7em;
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
bottom: 2px;
|
||||
position: relative;
|
||||
color: #f0ad4e;
|
||||
webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
border-radius: 3px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
|
||||
/* GOPRO SECTION STYLE */
|
||||
/* for both hueman and customizr */
|
||||
|
||||
#customize-controls .control-section-czr-customize-section-pro .accordion-section-title:hover,
|
||||
#customize-controls .control-section-czr-customize-section-pro .accordion-section-title:focus {
|
||||
background-color: #fff;
|
||||
}
|
||||
#customize-theme-controls .control-section-czr-customize-section-pro .accordion-section-title:after {
|
||||
content: none;
|
||||
}
|
||||
#accordion-section-go_pro_sec .accordion-section-title{
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
.control-section-czr-customize-section-pro .accordion-section-title {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.control-section-czr-customize-section-pro .accordion-section-title .button {
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
height: 30px;
|
||||
padding: 1px 20px;
|
||||
display: inline-block;
|
||||
color: #f59000;
|
||||
background: #fff;
|
||||
border: 1px solid #eea236;
|
||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-top: -4px;
|
||||
font-weight: 400;
|
||||
margin-left: 8px;
|
||||
|
||||
}
|
||||
.control-section-czr-customize-section-pro .accordion-section-title .button:hover {
|
||||
color: #fff;
|
||||
background: #ed9c28;
|
||||
border-color: #d58512;
|
||||
}
|
||||
.rtl .control-section-czr-customize-section-pro .accordion-section-title .button {
|
||||
margin-left: 0;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
/* END GO PRO SECTION STYLE */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* <CSS LOADER> */
|
||||
@-webkit-keyframes czr-mr-loader {
|
||||
0% {
|
||||
-webkit-transform: scale(0.1);
|
||||
transform: scale(0.1);
|
||||
opacity: 1;
|
||||
}
|
||||
70% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 0.7;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes czr-mr-loader {
|
||||
0% {
|
||||
-webkit-transform: scale(0.1);
|
||||
transform: scale(0.1);
|
||||
opacity: 1;
|
||||
}
|
||||
70% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 0.7;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
.czr-css-loader {
|
||||
display: none;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
/* background-color: #333;*/
|
||||
position: absolute;
|
||||
-webkit-transform: translate3d(-50%, -50%, 0);
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.csstransforms3d .czr-css-loader {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.czr-mr-loader > div:nth-child(0) {
|
||||
-webkit-animation-delay: -0.8s;
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
|
||||
.czr-mr-loader > div:nth-child(1) {
|
||||
-webkit-animation-delay: -0.6s;
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
|
||||
.czr-mr-loader > div:nth-child(2) {
|
||||
-webkit-animation-delay: -0.4s;
|
||||
animation-delay: -0.4s;
|
||||
}
|
||||
|
||||
.czr-mr-loader > div:nth-child(3) {
|
||||
-webkit-animation-delay: -0.2s;
|
||||
animation-delay: -0.2s;
|
||||
}
|
||||
|
||||
.czr-mr-loader > div {
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
position: absolute;
|
||||
/*top: -4%;
|
||||
left: -4%;*/
|
||||
top: -0%;
|
||||
left: -0%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 100%;
|
||||
border: 2px solid #777;
|
||||
-webkit-animation: czr-mr-loader 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
|
||||
animation: czr-mr-loader 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
|
||||
}
|
||||
/* </CSS LOADER> */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* <OLD DONATE LINK> */
|
||||
.in-sub-panel #czr-donate-customizer,
|
||||
.in-sub-panel .czr-cta-wrap {
|
||||
left: -450px;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
|
||||
.rtl .in-sub-panel #czr-donate-customizer,
|
||||
.rtl .in-sub-panel .czr-cta-wrap {
|
||||
right: -450px;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 1400px) {
|
||||
|
||||
.in-sub-panel #czr-donate-customizer,
|
||||
.in-sub-panel .czr-cta-wrap {
|
||||
left: -380px;
|
||||
}
|
||||
|
||||
.rtl .in-sub-panel #czr-donate-customizer,
|
||||
.rtl .in-sub-panel .czr-cta-wrap {
|
||||
right: -380px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media screen and (max-width: 979px) {
|
||||
|
||||
|
||||
.in-sub-panel #czr-donate-customizer,
|
||||
.in-sub-panel .czr-cta-wrap {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.rtl .in-sub-panel #czr-donate-customizer,
|
||||
.rtl .in-sub-panel .czr-cta-wrap {
|
||||
right: -300px;
|
||||
}
|
||||
}
|
||||
|
||||
/* at max-width 640px the wp-full-overlay-sidebar becomes 100% */
|
||||
@media screen and (max-width: 640px) {
|
||||
.in-sub-panel .czr-cta-wrap,
|
||||
.in-sub-panel #czr-donate-customizer {
|
||||
left: -100%;
|
||||
}
|
||||
|
||||
.rtl .in-sub-panel #czr-donate-customizer,
|
||||
.rtl .in-sub-panel .czr-cta-wrap {
|
||||
right: -100%;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) {
|
||||
.wp-customizer .expanded #customize-footer-actions {
|
||||
width: 380px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1401px) {
|
||||
.wp-customizer .expanded #customize-footer-actions {
|
||||
width: 440px;
|
||||
}
|
||||
}
|
||||
/* </OLD DONATE LINK> */
|
||||
+900
@@ -0,0 +1,900 @@
|
||||
/*
|
||||
* Selecter v3.1.9 - 2014-09-02
|
||||
* A jQuery plugin for replacing default select elements. Part of the Formstone Library.
|
||||
* http://formstone.it/selecter/
|
||||
*
|
||||
* Copyright 2014 Ben Plum; MIT Licensed
|
||||
*/
|
||||
.selecter-element { *left: -999999px; position: absolute; opacity: 0; }
|
||||
.selecter { display: block;float: right;margin: 2px 0;position: relative;width: 100%;z-index: 100; }
|
||||
.selecter .selecter-selected { background: #F9F9F9 url(img/jquery.fs.selecter-arrow.png) no-repeat right center; border: 1px solid #ccc; border-radius: 3px; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 4px 4%; position: relative; text-overflow: clip; z-index: 49; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);height: auto;line-height: 18px;width: 90%; }
|
||||
|
||||
.selecter .selecter-options { border: 1px solid #ccc; border-width: 0 1px 1px; background-color: #fefefe; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0; margin: 0; max-height: 260px; overflow: auto; overflow-x: hidden; padding: 0; position: relative; top: 100%; width: 99%; *width: auto; z-index: 50; }
|
||||
.selecter .selecter-group { background: #F9F9F9; border-bottom: 1px solid #e3e3e3; color: #999; display: block; font-size: 11px; padding: 5px 6px 4px; text-transform: uppercase; }
|
||||
.selecter .selecter-item { background: #fff; border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 86%;height: auto;line-height: 14px;padding: 8px 24px 8px 10px;}
|
||||
.selecter .selecter-item.selected { background: #F9F9F9; }
|
||||
.selecter .selecter-item.disabled { color: #999; cursor: default; }
|
||||
.selecter .selecter-item:first-child { border-radius: 0; }
|
||||
.selecter .selecter-item:last-child { border-radius: 0 0 2px 2px; border-bottom: 0; }
|
||||
|
||||
/* CUSTOM FOR CUSTOMIZR */
|
||||
.rtl .selecter .selecter-selected {
|
||||
background: #F9F9F9 url(img/jquery.fs.selecter-arrow.png) no-repeat 4% center;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) {
|
||||
.selecter .selecter-item:hover,
|
||||
.selecter .selecter-item.selected:hover { background-color: #f3f3f3; }
|
||||
.selecter .selecter-item.disabled:hover { background-color: #fff; }
|
||||
|
||||
.selecter:hover .selecter-selected { background-color: #fff; }
|
||||
|
||||
.selecter.disabled .selecter-item:hover { background: #fff; }
|
||||
}
|
||||
|
||||
/* Open */
|
||||
.selecter.open { z-index: 101; }
|
||||
.selecter.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 51; }
|
||||
|
||||
.selecter.open .selecter-selected,
|
||||
.selecter.focus .selecter-selected { background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
|
||||
|
||||
/* 'Cover' Positioning */
|
||||
.selecter.cover .selecter-options { border-radius: 3px; border-width: 1px; top: 0; }
|
||||
.selecter.cover .selecter-options .selecter-item.first { border-radius: 3px 3px 0 0; }
|
||||
.selecter.cover.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 49; }
|
||||
|
||||
/* 'Bottom' Positioning */
|
||||
.selecter.bottom .selecter-options { border-width: 1px 1px 0; bottom: 100%; top: auto; }
|
||||
.selecter.bottom .selecter-item:last-child { border: none; }
|
||||
.selecter.bottom.open .selecter-selected { border-radius: 0 0 3px 3px; }
|
||||
.selecter.bottom.open .selecter-options { border-radius: 3px 3px 0 0; }
|
||||
|
||||
/* 'Bottom' + 'Cover' Positioning */
|
||||
.selecter.bottom.cover .selecter-options { bottom: 0; top: auto; }
|
||||
.selecter.bottom.cover.open .selecter-selected { border-radius: 3px; }
|
||||
.selecter.bottom.cover.open .selecter-options { border-radius: 3px; }
|
||||
|
||||
/* Multiple Select */
|
||||
.selecter.multiple .selecter-options { border-radius: 3px; border-width: 1px; box-shadow: none; display: block; position: static; width: 100%; }
|
||||
|
||||
/* 'Disabled' State */
|
||||
.selecter.disabled .selecter-selected { background: #fff; border-color: #eee; color: #ccc; cursor: default; }
|
||||
.selecter.disabled .selecter-options { background: #fff; border-color: #eee; }
|
||||
.selecter.disabled .selecter-group,
|
||||
.selecter.disabled .selecter-item { border-color: #eee; color: #ccc; cursor: default; }
|
||||
.selecter.disabled .selecter-item.selected { background: #fafafa; }
|
||||
|
||||
/* Scroller Support */
|
||||
.selecter .selecter-options.scroller { overflow: hidden; }
|
||||
.selecter .selecter-options.scroller .scroller-content { max-height: 260px; padding: 0; }
|
||||
|
||||
/* Media Queries */
|
||||
@media screen and (max-width: 740px) {
|
||||
.selecter { max-width: 100%; }
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
.selecter { max-width: 100%; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* Stepper v3.0.7 - 2014-05-07
|
||||
* A jQuery plugin for cross browser number inputs. Part of the Formstone Library.
|
||||
* http://formstone.it/stepper/
|
||||
*
|
||||
* Copyright 2014 Ben Plum; MIT Licensed
|
||||
*/
|
||||
.stepper { border-radius: 3px; margin: 0 0 10px 0; overflow: hidden; position: relative; width: 35%;float: left; clear: both;}
|
||||
.stepper .stepper-input { background: #F9F9F9; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 13px; line-height: 1.2; margin: 0; overflow: hidden; padding: 5px 10px 5px!important; width: 100%!important; z-index: 49; -moz-appearance: textfield;max-width: none!important;
|
||||
}
|
||||
|
||||
.stepper .stepper-input::-webkit-inner-spin-button,
|
||||
.stepper .stepper-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
|
||||
|
||||
.stepper .stepper-input:focus { background-color: #fff; }
|
||||
.stepper .stepper-arrow { background: #eee url(img/jquery.fs.stepper-arrows.png) no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 46%; position: absolute; right: 0; text-indent: -99999px; width: 20px; z-index: 50; }
|
||||
.stepper .stepper-arrow.up { background-position: center top; border-bottom: none; top: 0; }
|
||||
.stepper .stepper-arrow.down { background-position: center bottom; bottom: 0; }
|
||||
|
||||
/* CUSTOM FOR CUSTOMIZR */
|
||||
.rtl .stepper .stepper-input {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 740px) {
|
||||
.stepper:hover .stepper-input { background-color: #fff; }
|
||||
|
||||
.stepper .stepper-step:hover { background-color: #F9F9F9; }
|
||||
|
||||
.stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default; }
|
||||
}
|
||||
|
||||
.stepper.disabled .stepper-input { background: #fff; border-color: #eee; color: #ccc; }
|
||||
.stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* iCheck plugin Flat skin, green
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(img/green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
top: 4px;
|
||||
float: right;
|
||||
}
|
||||
/* RTL fix of check box position */
|
||||
.rtl [class*=icheckbox_flat-] {
|
||||
float: left;
|
||||
}
|
||||
.icheckbox_flat-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-green.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-green.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-green.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-green {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-green.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-green.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-green.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
background-image: url(img/green@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* iCheck plugin Flat skin, grey
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(img/grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
top: 4px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.icheckbox_flat-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-grey.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-grey.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-grey.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-grey {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-grey.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-grey.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-grey.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
background-image: url(img/grey@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.czr-sub-set .icheckbox_flat-green, .iradio_flat-green {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* SELECT 2 SPECIFICS */
|
||||
body .czrSelect2-container {
|
||||
z-index: 1000000;
|
||||
width: 100%!important;
|
||||
}
|
||||
|
||||
.customize-control-czr_layouts .czrSelect2-selection--single {
|
||||
height: 33px;
|
||||
}
|
||||
.customize-control-czr_layouts .czrSelect2-container--default .czrSelect2-selection--single .czrSelect2-selection__arrow {
|
||||
height: 30px;
|
||||
}
|
||||
.czrSelect2-selection__rendered:focus, .customize-control-czr_layouts .czrSelect2-selection--single:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Old SELECT2
|
||||
* https://github.com/presscustomizr/themes-customizer-fmk/issues/30
|
||||
*/
|
||||
body .czrSelect2-drop {
|
||||
z-index: 1000000;
|
||||
}
|
||||
|
||||
|
||||
/* SPECIFIC INPUT STYLE */
|
||||
span.czrSelect2-results, body .czrSelect2-container {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
/* for multipe picker */
|
||||
.czrSelect2-container--default .czrSelect2-selection--multiple {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0;
|
||||
width: 99%;
|
||||
min-height: 36px;
|
||||
border: 1px solid #ddd;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
|
||||
box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
|
||||
}
|
||||
.czrSelect2-container--default.czrSelect2-container--focus .czrSelect2-selection--multiple {
|
||||
border-color: #00a0d2!important;
|
||||
-webkit-box-shadow: 0 0 2px rgba(26, 188, 156, 0.8)!important;
|
||||
box-shadow: 0 0 2px rgba(26, 188, 156, 0.8)!important;
|
||||
}
|
||||
.czrSelect2-results__options li {
|
||||
margin-bottom: 0
|
||||
}
|
||||
.czrSelect2-container--default .czrSelect2-selection--multiple .czrSelect2-selection__choice {
|
||||
padding: 2px;
|
||||
font-size: 13px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.czrSelect2-container--default .czrSelect2-results__option--highlighted[aria-selected] {
|
||||
background-color: #00a0d2;
|
||||
}
|
||||
.czrSelect2-container--default .czrSelect2-selection--multiple .czrSelect2-selection__choice__remove {
|
||||
font-size: 17px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
color: #23282d;
|
||||
}
|
||||
|
||||
/* Socials Specifics */
|
||||
.customize-control-czr_socials .czrSelect2-container--default .czrSelect2-selection--single .czrSelect2-selection__rendered {
|
||||
padding: 5px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* WP TEXT EDITOR */
|
||||
/* This CSS Code is inpired from the plugin customize-posts, GPLv2 or later licensed
|
||||
Mostly class names have been modified.
|
||||
Credits : xwp, westonruter, valendesigns, sayedwp, utkarshpatel.
|
||||
Date of original code modification : July 2018
|
||||
*/
|
||||
#czr-customize-content_editor-pane {
|
||||
border-top: solid 1px #ddd;
|
||||
position: absolute;
|
||||
height: 300px;
|
||||
bottom: -301px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 20;
|
||||
background: #f1f1f1;
|
||||
display: block;
|
||||
-webkit-transition: all 0.2s;
|
||||
transition: all 0.2s;
|
||||
visibility: hidden;
|
||||
}
|
||||
.czr-close-editor {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
right: 20px;
|
||||
top: -33px;
|
||||
color: #444;
|
||||
background: #eee;
|
||||
font-size: 13px;
|
||||
line-height: 19px;
|
||||
height: 20px;
|
||||
margin: 5px 0 0 5px;
|
||||
padding: 3px 8px 4px;
|
||||
border: 1px solid #e5e5e5;
|
||||
border-bottom: none;
|
||||
}
|
||||
body.czr-customize-content_editor-pane-resize #customize-preview,
|
||||
body.czr-customize-content_editor-pane-resize #czr-customize-content_editor-pane {
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
body.mce-fullscreen.czr-customize-content_editor-pane-open #czr-customize-content_editor-pane {
|
||||
top: 0;
|
||||
}
|
||||
body.czr-customize-content_editor-pane-open #czr-customize-content_editor-pane {
|
||||
bottom: 40px;
|
||||
visibility: inherit;
|
||||
}
|
||||
#czr-customize-content_editor-pane .wp-editor-tools {
|
||||
padding-top: 5px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#czr-customize-content_editor-pane .wp-media-buttons {
|
||||
padding-left: 5px;
|
||||
}
|
||||
#customize-preview {
|
||||
height: auto;
|
||||
}
|
||||
body.czr-customize-content_editor-pane-open #customize-preview {
|
||||
bottom: 300px;
|
||||
}
|
||||
body.mce-fullscreen #customize-preview {
|
||||
bottom: 0;
|
||||
}
|
||||
body.mce-fullscreen.czr-customize-content_editor-pane-open div.mce-fullscreen {
|
||||
position: relative;
|
||||
left: 0;
|
||||
}
|
||||
#wp-czr-customize-content_editor-container {
|
||||
border-left: 0;
|
||||
}
|
||||
/* vertical resize bar */
|
||||
#czr-customize-content_editor-dragbar {
|
||||
top: 0;
|
||||
cursor: row-resize;
|
||||
display: block;
|
||||
height: 4px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 21;
|
||||
/* the following makes sure that the icon .czr-resize-handle is centered */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
body.czr-customize-content_editor-pane-resize #customize-preview:before {
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 999999;
|
||||
}
|
||||
/* @todo Mobile support for rich text editor */
|
||||
.wp-customizer .ui-autocomplete.wplink-autocomplete {
|
||||
z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #wp-link-wrap {
|
||||
z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #wp_editbtns,
|
||||
.wp-customizer #wp_gallerybtns {
|
||||
z-index: 500020; /* originally 100020, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #TB_overlay,
|
||||
.wp-customizer #TB_window {
|
||||
z-index: 500050;
|
||||
}
|
||||
.wp-customizer .mce-panel,
|
||||
.wp-customizer .mce-tooltip {
|
||||
z-index: 500100 !important; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.czr-customize-content_editor-pane-open .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
||||
z-index: 30;
|
||||
}
|
||||
.czr-customize-content_editor-pane-open .wp-full-overlay.collapsed .collapse-sidebar {
|
||||
bottom: 308px;
|
||||
}
|
||||
.czr-customize-content_editor-pane-open .wp-full-overlay.expanded .collapse-sidebar {
|
||||
bottom: 0 !important;
|
||||
}
|
||||
.czr-customize-content_editor-pane-resize .wp-full-overlay.collapsed .collapse-sidebar {
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
.czr-customize-content_editor-pane-open.mce-fullscreen .wp-full-overlay.collapsed .collapse-sidebar {
|
||||
bottom: 8px !important;
|
||||
}
|
||||
.czr-resize-handle {
|
||||
color: #33b3db;
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
bottom: 2px;
|
||||
}
|
||||
|
||||
|
||||
/* CONTENT PICKER */
|
||||
.czr-sub-set[data-input-type="content_picker"] .customize-control-title {
|
||||
width: 100%;
|
||||
}
|
||||
.czr-sub-set[data-input-type="content_picker"] .czr-input {
|
||||
width: 100%;
|
||||
}
|
||||
.content-picker-item {
|
||||
height: 2em;
|
||||
}
|
||||
.content-picker-item .czr-picker-item-type {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
}
|
||||
.content-item-bar {
|
||||
line-height: 1.2em;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.content-item-bar .czr-picker-item-title {
|
||||
display: block;
|
||||
float: left;
|
||||
max-width: 80%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
font-size: 13px;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
.czr-sub-set[data-input-type="content_picker"] span.czr-picker-item-title {
|
||||
display: block;
|
||||
float: left;
|
||||
max-width: 80%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
line-height: 2em;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.czr-sub-set[data-input-type="content_picker"] span.czr-picker-item-type {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
padding-right: 10px;
|
||||
float: right;
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* RANGE SLIDER rangeslider.js - v2.3.0 - https://github.com/andreruffert/rangeslider.js */
|
||||
.czr-sub-set[data-input-type="range_slider"] {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.rangeslider,
|
||||
.rangeslider__fill {
|
||||
display: block;
|
||||
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||||
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.rangeslider {
|
||||
background: #e6e6e6;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.rangeslider--horizontal {
|
||||
height: 12px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.rangeslider--vertical {
|
||||
width: 12px;
|
||||
min-height: 150px;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.rangeslider--disabled {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.rangeslider__fill {
|
||||
background: #3b8dbd;
|
||||
position: absolute;
|
||||
}
|
||||
.rangeslider--horizontal .rangeslider__fill {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.rangeslider--vertical .rangeslider__fill {
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.rangeslider__handle {
|
||||
background: white;
|
||||
border: 1px solid #ccc;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
position: absolute;
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
|
||||
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
|
||||
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
|
||||
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
line-height: 35px;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.rangeslider__handle:after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
|
||||
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
|
||||
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
|
||||
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
|
||||
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
|
||||
}
|
||||
.rangeslider--horizontal .rangeslider__handle {
|
||||
top: -13px;
|
||||
touch-action: pan-y;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.rangeslider--vertical .rangeslider__handle {
|
||||
left: -13px;
|
||||
touch-action: pan-x;
|
||||
-ms-touch-action: pan-x;
|
||||
}
|
||||
|
||||
input[type="range"]:focus + .rangeslider .rangeslider__handle {
|
||||
-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
|
||||
-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
|
||||
box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
|
||||
}
|
||||
|
||||
|
||||
/* IMAGE UPLOADER */
|
||||
.attachment-media-view button {
|
||||
color: #000;
|
||||
padding: 5px 7px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* NIMBLECHECK */
|
||||
/* ALIGNEMENT IN MODULES */
|
||||
.czr-sub-set[data-input-type="nimblecheck"] {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
/* flex-direction: column; */
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
.czr-sub-set[data-input-type="nimblecheck"] .czr-notice, .czr-sub-set[data-input-type="nimblecheck"] .czr-html-before {
|
||||
-ms-flex-preferred-size: 100%;
|
||||
flex-basis: 100%;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
/* ALIGNEMENT IN REGULAR CONTROLS */
|
||||
.czr-control-nimblecheck {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
/* flex-direction: column; */
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* COMMON RULES TO MODULES AND CONTROLS */
|
||||
.nimblecheck-wrap {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
.nimblecheck-wrap .nimblecheck-input:focus + label {
|
||||
box-shadow: 0 0 0 1px #33b3db;
|
||||
}
|
||||
/* Hide the checkbox input (only needed for `:checked` property) */
|
||||
.nimblecheck-wrap .nimblecheck-input {
|
||||
/* display: none; <= May 2021 : display none breaks accessibility*/
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
/* Switch */
|
||||
.nimblecheck-wrap .nimblecheck-label {
|
||||
display: block;
|
||||
width: 35px;
|
||||
height: 20px;
|
||||
text-indent: -150%;
|
||||
clip: rect(0 0 0 0);
|
||||
color: transparent;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
/* Switch Rail & Knob */
|
||||
/* Switch Rail */
|
||||
/* Switch Knob */
|
||||
}
|
||||
.nimblecheck-wrap .nimblecheck-label:before,
|
||||
.nimblecheck-wrap .nimblecheck-label:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
}
|
||||
.nimblecheck-wrap .nimblecheck-label:before {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #999;
|
||||
border-radius: 9999em;
|
||||
-webkit-transition: background-color 0.35s ease;
|
||||
-o-transition: background-color 0.35s ease;
|
||||
transition: background-color 0.35s ease;
|
||||
}
|
||||
.nimblecheck-wrap .nimblecheck-label:after {
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
|
||||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
|
||||
-webkit-transition: left 0.15s ease;
|
||||
-o-transition: left 0.15s ease;
|
||||
transition: left 0.15s ease;
|
||||
}
|
||||
/* When input is checked */
|
||||
.nimblecheck-wrap .nimblecheck-input:checked + .nimblecheck-label {
|
||||
/* Switch Rail */
|
||||
/* Switch Knob */
|
||||
}
|
||||
.nimblecheck-wrap .nimblecheck-input:checked + .nimblecheck-label:before {
|
||||
background-color: #33b3db;
|
||||
}
|
||||
.nimblecheck-wrap .nimblecheck-input:checked + .nimblecheck-label:after {
|
||||
left: 16px
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* DEPRECATED since april 2nd 2019 */
|
||||
/* GUTENCHECK */
|
||||
/* This custom checkbox input is inspired from the one used in the Gutenberg plugin ( https://github.com/WordPress/gutenberg ), released under GNU General Public License
|
||||
credits : Gutenberg team @wordpress */
|
||||
/*.czr-toggle-check {
|
||||
position: relative;
|
||||
float: right;
|
||||
}
|
||||
.czr-toggle-check__input[type=checkbox] {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.czr-toggle-check__input[type="checkbox"]:checked:before {
|
||||
content: "\f147";
|
||||
margin: -3px 0 0 -4px;
|
||||
color: #1e8cbe;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
font: normal 21px/1 dashicons;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.czr-toggle-check .czr-toggle-check__track {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
border: 2px solid #6c7781;
|
||||
width: 36px;
|
||||
height: 18px;
|
||||
border-radius: 9px;
|
||||
transition: background .2s ease;
|
||||
}
|
||||
.czr-toggle-check.is-checked .czr-toggle-check__track {
|
||||
background-color: #33b3db;
|
||||
border: 2px solid #33b3db;
|
||||
border: 9px solid transparent;
|
||||
}
|
||||
.czr-toggle-check .czr-toggle-check__thumb {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50%;
|
||||
transition: transform .1s ease;
|
||||
background-color: #6c7781;
|
||||
border: 5px solid #6c7781;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.czr-toggle-check.is-checked .czr-toggle-check__thumb {
|
||||
background-color: #fff;
|
||||
border-width: 0;
|
||||
transform: translateX(18px);
|
||||
}
|
||||
.czr-toggle-check .czr-toggle-check__off {
|
||||
color: #6c7781;
|
||||
fill: currentColor;
|
||||
right: 6px;
|
||||
}
|
||||
.czr-toggle-check .czr-toggle-check__on {
|
||||
left: 8px;
|
||||
-webkit-filter: invert(100%) contrast(500%);
|
||||
filter: invert(100%) contrast(500%);
|
||||
outline: 1px solid transparent;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
.czr-toggle-check .czr-toggle-check__off, .czr-toggle-check .czr-toggle-check__on {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
}*/
|
||||
@@ -0,0 +1,863 @@
|
||||
/*******************************************************************
|
||||
* DYNAMIC CONTROLS : sidebars, socials, ...
|
||||
********************************************************************/
|
||||
li.customize-control[data-module] li {
|
||||
margin-bottom: 0;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
li.customize-control[data-module] [class*="czr-"] {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
li.customize-control[data-module] [class*="czr-"] .hidden {
|
||||
display: none;
|
||||
}
|
||||
li.customize-control[data-module] .czr-notice {
|
||||
font-size: 12px!important;
|
||||
}
|
||||
.czr-open-pre-add-new {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 2% 2% 0%;
|
||||
width: 98%;
|
||||
padding: 2%;
|
||||
background: #fff;
|
||||
/* color: #fff;*/
|
||||
color: inherit;
|
||||
opacity: 1;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
-webkit-appearance: none;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
white-space: nowrap;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-transition: opacity 1s ease-in-out;
|
||||
-moz-transition: opacity 1s ease-in-out;
|
||||
-ms-transition: opacity 1s ease-in-out;
|
||||
-o-transition: opacity 1s ease-in-out;
|
||||
transition: opacity 1s ease-in-out;
|
||||
}
|
||||
|
||||
.czr-open-pre-add-new.active {
|
||||
background: #646464;
|
||||
color: black;
|
||||
opacity: 0.8;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
.czr-single-item {
|
||||
padding: 0%;
|
||||
/*border: 1px solid #ccc;*/
|
||||
margin: 1% 0 0 2%;
|
||||
float: left;
|
||||
width: 98%;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: opacity 1s ease-in-out;
|
||||
-moz-transition: opacity 1s ease-in-out;
|
||||
-ms-transition: opacity 1s ease-in-out;
|
||||
-o-transition: opacity 1s ease-in-out;
|
||||
transition: opacity 1s ease-in-out;
|
||||
}
|
||||
/* Display a thin outline around opened item, for multi-items modules */
|
||||
#customize-theme-controls .czr-single-item.open {
|
||||
/*border: 1px solid #dedede;*/
|
||||
outline: 1px solid #22a0d2;
|
||||
}
|
||||
/* Keep the normal border for single module, mono items controls */
|
||||
#customize-theme-controls .mono-item-mod .czr-single-item {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.czr-single-item .czr-item-header, .czr-single-item .czr-item-content {
|
||||
padding: 1%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.czr-items-wrapper .czr-single-item .czr-builtin-model {
|
||||
background: #E1DFDF;
|
||||
color: #555
|
||||
}
|
||||
|
||||
.czr-items-wrapper .inactive {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.czr-item-sort-handle {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.czr-single-item .czr-item-header {
|
||||
position: relative;
|
||||
background: #ededed;
|
||||
color: white;
|
||||
float: left;
|
||||
width: 98%;
|
||||
-webkit-transition: background .1s ease-in-out;
|
||||
-moz-transition: background .1s ease-in-out;
|
||||
-ms-transition: background .1s ease-in-out;
|
||||
-o-transition: background .1s ease-in-out;
|
||||
transition: background .1s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
/* sidebar specifics */
|
||||
.czr_widget_areas_module .czr-single-item .czr-custom-model {
|
||||
background: #3b8dbd;
|
||||
}
|
||||
. .czr-single-item .czr-custom-model:hover {
|
||||
background: #aaa;
|
||||
}
|
||||
.czr-single-item .czr-item-header:hover {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
/* sidebar specifics */
|
||||
/*.czr-builtin-model .czr-single-item .czr-item-header {
|
||||
background:#3b8dbd;
|
||||
}*/
|
||||
.czr-items-wrapper .czr-single-item .czr-builtin-model:hover {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.czr-move-icon {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: 3px;
|
||||
font-size: 10px;
|
||||
color: #999;
|
||||
}
|
||||
.czr-item-title {
|
||||
float: left;
|
||||
font-size: 17px;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
width: 67%;
|
||||
}
|
||||
|
||||
.czr-inactive-alert {
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
}
|
||||
/* sidebar specifics */
|
||||
.czr_widget_areas_module .czr-item-title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.czr-builtin-model .czr-item-title {
|
||||
color: #23282d;
|
||||
}
|
||||
.czr-item-title h4 {
|
||||
margin: 0;
|
||||
}
|
||||
.czr-item-title .fab::before,
|
||||
.czr-item-title .fas::before,
|
||||
.czr-item-title .far::before {
|
||||
padding-right: 2px;
|
||||
}
|
||||
.czr-item-btns {
|
||||
float: right;
|
||||
}
|
||||
.czr-item-btns a {
|
||||
font-size: 17px;
|
||||
padding: 7px 5px;
|
||||
color: #9e9e9e;
|
||||
-webkit-transition: color .25s ease-in-out;
|
||||
-moz-transition: color .25s ease-in-out;
|
||||
-ms-transition: color .25s ease-in-out;
|
||||
-o-transition: color .25s ease-in-out;
|
||||
transition: color .25s ease-in-ou
|
||||
}
|
||||
.czr-item-btns a:active, .czr-item-btns a:focus {
|
||||
outline: none;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.czr-item-btns a:hover, .czr-item-btns a.active {
|
||||
color: #23282d;
|
||||
}
|
||||
/* sidebar specifics */
|
||||
.czr_widget_areas_module .czr-item-btns a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.czr-builtin-model .czr-item-btns a {
|
||||
color: #555
|
||||
}
|
||||
|
||||
.czr-builtin-model .czr-item-btns .czr-edit-view:hover, .czr-builtin-model .czr-item-btns .czr-edit-view.active {
|
||||
color: #00a0d2;
|
||||
}
|
||||
|
||||
.czr-item-btns .czr-edit-view:hover, .czr-item-btns .czr-edit-view.active {
|
||||
color: #00a0d2;
|
||||
}
|
||||
|
||||
/* sidebar specifics */
|
||||
.czr_widget_areas_module .czr-edit-view:hover, .czr_widget_areas_module .czr-item-btns .czr-edit-view.active {
|
||||
color: #000000;
|
||||
}
|
||||
.czr_widget_areas_module .czr-builtin-model .czr-edit-view:hover, .czr_widget_areas_module .czr-builtin-model .czr-edit-view.active {
|
||||
color: #00a0d2;
|
||||
}
|
||||
|
||||
.czr-item-btns .czr-display-alert:hover, .czr-item-btns .czr-display-alert.active {
|
||||
color: #23282d;
|
||||
}
|
||||
|
||||
|
||||
.czr-single-item .czr-item-content {
|
||||
float: left;
|
||||
display: none;
|
||||
/*background: rgba(238, 238, 238, 0.5);*/
|
||||
clear: both;
|
||||
width: 96%;
|
||||
padding: 2%;
|
||||
}
|
||||
.czr-single-item .czr-item-content input {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.czr-sub-set {
|
||||
margin-bottom: 0;
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 1% 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.czr-sub-set .czr-input {
|
||||
float: right;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.width-100 .czr-input,
|
||||
.czr-sub-set .customize-control-title.width-100,
|
||||
.width-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.czr-sub-set .customize-control-title {
|
||||
float: left;
|
||||
width: 40%;
|
||||
padding: 1px 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.customize-control-title.width-80 {
|
||||
width: 80%!important;
|
||||
}
|
||||
.czr-input.width-20 {
|
||||
width: 20%!important;
|
||||
}
|
||||
|
||||
/* rtl */
|
||||
.rtl.wp-customizer .czr-sub-set .customize-control-title {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* DISABLED STATE */
|
||||
.disabled .customize-control-title, .disabled .czr-input {
|
||||
opacity: 0.6;
|
||||
filter: blur(1px);
|
||||
-webkit-filter: blur(1px);
|
||||
}
|
||||
|
||||
.czr-item-title .far,
|
||||
.czr-item-title .fab,
|
||||
.czr-item-title .fas {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/* Remove alert block */
|
||||
.czr-remove-alert-wrapper {
|
||||
display: none;
|
||||
clear: both;
|
||||
float: left;
|
||||
padding: 2%;
|
||||
width: 95%;
|
||||
margin: 10px 0;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
background-color: #EEE;
|
||||
color: #000;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.czr-remove-alert-wrapper p {
|
||||
padding: 5px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* pre add dialog */
|
||||
.czr-pre-add-wrapper {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.czr-adding-new .czr-items-wrapper {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.czr-pre-add-view-content {
|
||||
display: none;
|
||||
padding: 3%;
|
||||
border: 1px solid #ccc;
|
||||
background: #fff;
|
||||
border-top: none;
|
||||
margin: 0 0 0 2%;
|
||||
float: left;
|
||||
width: 92%;
|
||||
-webkit-border-radius: 0px 0px 3px 3px;
|
||||
-moz-border-radius: 0px 0px 3px 3px;
|
||||
border-radius: 0px 0px 3px 3px;
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity .2s linear;
|
||||
-moz-transition: opacity .2s linear;
|
||||
-ms-transition: opacity .2s linear;
|
||||
-o-transition: opacity .2s linear;
|
||||
transition: opacity .2s linear;
|
||||
}
|
||||
|
||||
.czr-model-added .czr-pre-add-view-content {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.czr-pre-add-wrapper .czr-add-new {
|
||||
background: #3b8dbd;
|
||||
color: #fff;
|
||||
-webkit-transition: background .5s linear;
|
||||
-moz-transition: background .5s linear;
|
||||
-ms-transition: background .5s linear;
|
||||
-o-transition: background .5s linear;
|
||||
transition: background .5s linear;
|
||||
float: right;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.czr-add-success {
|
||||
width: 100%;
|
||||
margin: 0 0 0 2%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-size: 25px;
|
||||
text-align: center;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .1s linear;
|
||||
-moz-transition: opacity .1s linear;
|
||||
-ms-transition: opacity .1s linear;
|
||||
-o-transition: opacity .1s linear;
|
||||
transition: opacity .1s linear;
|
||||
}
|
||||
.czr-model-added .czr-add-success {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.czr-add-success p {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
line-height: 35px;
|
||||
margin: 0;
|
||||
font-size: 25px;
|
||||
color: #82b965;
|
||||
padding: 0 3%;
|
||||
}
|
||||
|
||||
|
||||
/* WIDGETS ZONE SPECIFICS */
|
||||
.control-section-widget_zones_management {
|
||||
margin: 10px 0;
|
||||
z-index: 1;
|
||||
}
|
||||
/*#customize-theme-controls .control-section-widget_zones_management .accordion-section-content {
|
||||
display: none;
|
||||
left: 0;
|
||||
position: relative;
|
||||
}*/
|
||||
|
||||
.czr-zone-infos {
|
||||
width: 96%;
|
||||
padding: 0 2%;
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*#customize-theme-controls .control-section-widget_zones_management .accordion-section-title:after {
|
||||
content: "\f078";
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section-widget_zones_management.open .accordion-section-title:after {
|
||||
content: "\f077";
|
||||
}*/
|
||||
.czr-unavailable-location {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.czr-location-alert {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 1% 0;
|
||||
margin: 1% 0;
|
||||
text-align: center;
|
||||
border: 1px solid orange;
|
||||
background: #FEE5B6;
|
||||
color: #000;
|
||||
font-size: 11px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* MODULE OPTIONS ICON AND PANEL*/
|
||||
.czr-toggle-modopt {
|
||||
color: #495050;
|
||||
text-shadow: 1px 1px 0px white;
|
||||
-webkit-transition: color 0.4s;
|
||||
transition: color 0.4s;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
padding-left: 3px;
|
||||
font-size: 25px;
|
||||
line-height: 24px;
|
||||
}
|
||||
/* rtl */
|
||||
.rtl.wp-customizer .czr-toggle-modopt {
|
||||
left: 0;
|
||||
right: auto;
|
||||
padding-left: 0;
|
||||
padding-right: 3px;
|
||||
}
|
||||
.czr-modopt-visible .czr-toggle-modopt, .czr-toggle-modopt:hover {
|
||||
color: #3b8dbd;
|
||||
}
|
||||
|
||||
body.czr-editing-modopt #customize-preview {
|
||||
opacity: 0.7;
|
||||
}
|
||||
body #customize-controls {
|
||||
-webkit-transition: opacity .4s ease-in-out;
|
||||
-moz-transition: opacity .4s ease-in-out;
|
||||
-ms-transition: opacity .4s ease-in-out;
|
||||
-o-transition: opacity .4s ease-in-out;
|
||||
transition: opacity .4s ease-in-out;
|
||||
}
|
||||
body.czr-editing-modopt #customize-controls {
|
||||
opacity: 0.4;
|
||||
}
|
||||
.czr-mod-opt-wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: -301px;
|
||||
/*visibility: hidden;*/
|
||||
opacity: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
margin: 0;
|
||||
z-index: 999999;/* has to be greater than the Nimble top bar so we can click on the close "x" */
|
||||
width: 60%;
|
||||
min-width: 300px;
|
||||
padding: 1% 2%;
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-transition: all .18s ease-in-out;
|
||||
-moz-transition: all .18s ease-in-out;
|
||||
-ms-transition: all .18s ease-in-out;
|
||||
-o-transition: all .18s ease-in-out;
|
||||
transition: all .18s ease-in-out;
|
||||
border-right: 1px solid #4c4c4c;
|
||||
}
|
||||
|
||||
body.czr-editing-modopt .czr-mod-opt-wrapper {
|
||||
left: 0;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.czr-close-modopt {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 25px;
|
||||
font-size: 31px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* OPTIONS STYLE */
|
||||
body .czr-mod-opt-wrapper .czr-sub-set {
|
||||
/*border: 1px dotted #ccc;*/
|
||||
background: rgba(238, 238, 238, 0.13);
|
||||
padding: 3% 2%;
|
||||
width: 96%;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.czr-mod-opt-wrapper .czr-notice {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.czr-mod-opt-wrapper .mod-opt-title {
|
||||
color: #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
padding: 5% 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**************************************
|
||||
/* MODULE OPTIONS : TABS NAVIGATION */
|
||||
/*************************************/
|
||||
.tabs {
|
||||
position: relative;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
font-weight: 300;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
/* Nav */
|
||||
.tabs nav {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tabs nav ul {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: row wrap;
|
||||
-moz-flex-flow: row wrap;
|
||||
-ms-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.tabs nav ul li {
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
-webkit-flex: 1;
|
||||
-moz-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* colums layouts */
|
||||
.tabs nav ul li.cols-4 {
|
||||
width: 25%
|
||||
}
|
||||
.tabs nav ul li.cols-3 {
|
||||
width: 33%
|
||||
}
|
||||
.tabs nav ul li.cols-2 {
|
||||
width: 50%
|
||||
}
|
||||
.tabs nav ul li.cols-1 {
|
||||
width: 100%
|
||||
}
|
||||
.tabs nav a {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
line-height: 2.5;
|
||||
}
|
||||
|
||||
.tabs nav a span {
|
||||
vertical-align: middle;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.tabs nav li.tab-current a {
|
||||
color: #74777b;
|
||||
}
|
||||
|
||||
.tabs nav a:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
li.tab-current::after, li.tab-current::before {
|
||||
content: '';
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
-webkit-box-shadow: 4px 0px 15px 0px rgba(37, 37, 37, 0.63);
|
||||
box-shadow: 4px 0px 15px 0px rgba(37, 37, 37, 0.63);
|
||||
top: 0;
|
||||
width: 0px;
|
||||
right: 0px;
|
||||
z-index: 4;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
li.tab-current::before{
|
||||
left: 0;
|
||||
-webkit-box-shadow: 0px 0px 15px 4px rgba(37, 37, 37, 0.63);
|
||||
box-shadow: 0px 0px 15px 4px rgba(37, 37, 37, 0.63);
|
||||
}
|
||||
|
||||
li.tab-inactive::after {
|
||||
content: '';
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
height: 2px;
|
||||
bottom: -7px;
|
||||
left: 0;
|
||||
-webkit-box-shadow: 4px 0px 15px 0px rgba(119, 119, 119, 0.58);;
|
||||
box-shadow: 4px 0px 15px 0px rgba(0, 0, 0, 0.86);;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
.content-wrap {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content-wrap section {
|
||||
display: none;
|
||||
margin: 0 auto;
|
||||
max-width: 1200px;
|
||||
/*padding-top: 10px; commented for https://github.com/presscustomizr/hueman-pro-addons/issues/200 */
|
||||
}
|
||||
|
||||
section .czr-sub-set:first-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.content-wrap section.content-current {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.no-flexbox nav ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.no-flexbox nav ul li {
|
||||
min-width: 15%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/*****************************/
|
||||
/* Top Line */
|
||||
/*****************************/
|
||||
|
||||
.tabs-style-topline {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.tabs-style-topline nav li {
|
||||
border: 1px solid rgba(40,44,42,0.1);
|
||||
}
|
||||
|
||||
.czr-items-wrapper .tabs-style-topline nav li {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tabs-style-topline nav li:not(:last-child) {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.tabs-style-topline nav li.tab-current {
|
||||
border-top-color: #ffffff;
|
||||
border-bottom: none;
|
||||
background: rgba(238, 238, 238, 0.13);
|
||||
}
|
||||
|
||||
.tabs-style-topline nav a {
|
||||
padding: 0.65em 0.5em;
|
||||
background: rgba(40,44,42,0.05);
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
-webkit-transition: color 0.2s;
|
||||
transition: color 0.2s;
|
||||
text-decoration: none;
|
||||
}
|
||||
.czr-items-wrapper .tabs-style-topline nav a {
|
||||
background: rgba(40, 44, 42, 0.45);
|
||||
}
|
||||
|
||||
.tabs-style-topline nav a:hover,
|
||||
.tabs-style-topline nav a:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tabs-style-topline nav li.tab-current a {
|
||||
background: none;
|
||||
box-shadow: inset 0 3px 0 #ffffff;
|
||||
color: #ffffff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.czr-items-wrapper .tabs-style-topline nav li.tab-current a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.tabs-style-topline .icon::before {
|
||||
display: block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tabs-style-topline nav a span {
|
||||
text-transform: uppercase;
|
||||
/*letter-spacing: 1px;*/
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 58em) {
|
||||
.tabs nav a.icon span {
|
||||
display: none;
|
||||
}
|
||||
.tabs nav a:before {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* SLIDER MODULE SPECIFICS */
|
||||
.czr_slide_module .czr-item-title {
|
||||
padding: 0px 7px;
|
||||
height: 32px;
|
||||
}
|
||||
.czr_slide_module .slide-title, .czr_slide_module .slide-thumb {
|
||||
display: block;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
float: left;
|
||||
}
|
||||
.czr_slide_module .slide-title {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
/* styled like the wp api.notifications, info type */
|
||||
.slide-mod-skope-notice {
|
||||
padding: 3%;
|
||||
background: #fff;
|
||||
border-left: 4px solid #00a0d2;
|
||||
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
/* Underline skope switch text in control notices and in the main skope switcher title */
|
||||
.slide-mod-skope-notice .czr-skope-switch {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.modopts-top-buttons {
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-bottom: 4%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.item-bottom-buttons {
|
||||
width: 100%;
|
||||
float: left;
|
||||
padding: 1% 0;
|
||||
}
|
||||
.item-bottom-btn {
|
||||
|
||||
}
|
||||
.item-bottom-btn, .modopt-top-btn {
|
||||
opacity: 1;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
border-width: 1px;
|
||||
-webkit-appearance: none;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
opacity: 1;
|
||||
}
|
||||
.item-bottom-btn {
|
||||
background: #868686;
|
||||
width: 47%;
|
||||
margin-right: 2%;
|
||||
padding: 1% 0;
|
||||
}
|
||||
.modopt-top-btn {
|
||||
background: rgba(171, 171, 171, 0.5);
|
||||
width: 170px;
|
||||
padding: 2px 0;
|
||||
}
|
||||
.item-bottom-btn:hover {
|
||||
background: #5d5d5d;
|
||||
}
|
||||
.modopt-top-btn:hover {
|
||||
background:rgba(41, 41, 41, 0.53);
|
||||
}
|
||||
|
||||
.item-bottom-btn[disabled], .modopt-top-btn[disabled], .item-bottom-btn[disabled]:hover, .modopt-top-btn[disabled]:hover {
|
||||
opacity: 0.4;
|
||||
cursor: default;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
/*border: none!important;*/
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
|
||||
/* NOTICES */
|
||||
.czr-notice {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
+49
@@ -0,0 +1,49 @@
|
||||
|
||||
(function ( api, $, _ ) {
|
||||
//provides a description of each module
|
||||
//=> will determine :
|
||||
//1) how to initialize the module model. If not crud, then the initial item(s) model shall be provided
|
||||
//2) which js template(s) to use : if crud, the module template shall include the add new and pre-item elements.
|
||||
// , if crud, the item shall be removable
|
||||
//3) how to render : if multi item, the item content is rendered when user click on edit button.
|
||||
// If not multi item, the single item content is rendered as soon as the item wrapper is rendered.
|
||||
//4) some DOM behaviour. For example, a multi item shall be sortable.
|
||||
api.czrModuleMap = api.czrModuleMap || {};
|
||||
$.extend( api.czrModuleMap, {
|
||||
// czr_sektion_module : {
|
||||
// mthds : CZRSektionMths,
|
||||
// crud : true,
|
||||
// name : 'Sections'
|
||||
// },
|
||||
// czr_fp_module : {
|
||||
// mthds : CZRFeaturedPageModuleMths,
|
||||
// crud : true,
|
||||
// name : 'Featured Pages'
|
||||
// },
|
||||
// czr_slide_module : {
|
||||
// mthds : CZRSlideModuleMths,
|
||||
// crud : true,
|
||||
// name : 'Slider',
|
||||
// has_mod_opt : true
|
||||
// },
|
||||
// czr_related_posts_module : {
|
||||
// mthds : CZRRelatedPostsModMths,
|
||||
// crud : false,
|
||||
// multi_item : false,
|
||||
// name : 'Related Posts',
|
||||
// has_mod_opt : false
|
||||
// },
|
||||
// czr_text_module : {
|
||||
// mthds : CZRTextModuleMths,
|
||||
// crud : false,
|
||||
// multi_item : false,
|
||||
// name : 'Simple Text'
|
||||
// },
|
||||
// czr_text_editor_module : {
|
||||
// mthds : CZRTextEditorModuleMths,
|
||||
// crud : false,
|
||||
// multi_item : false,
|
||||
// name : 'WP Text Editor'
|
||||
// }
|
||||
});
|
||||
})( wp.customize, jQuery, _ );
|
||||
+26
@@ -0,0 +1,26 @@
|
||||
|
||||
(function ( api, $, _ ) {
|
||||
//provides a description of each module
|
||||
//=> will determine :
|
||||
//1) how to initialize the module model. If not crud, then the initial item(s) model shall be provided
|
||||
//2) which js template(s) to use : if crud, the module template shall include the add new and pre-item elements.
|
||||
// , if crud, the item shall be removable
|
||||
//3) how to render : if multi item, the item content is rendered when user click on edit button.
|
||||
// If not multi item, the single item content is rendered as soon as the item wrapper is rendered.
|
||||
//4) some DOM behaviour. For example, a multi item shall be sortable.
|
||||
api.czrModuleMap = api.czrModuleMap || {};
|
||||
$.extend( api.czrModuleMap, {
|
||||
czr_widget_areas_module : {
|
||||
mthds : CZRWidgetAreaModuleMths,
|
||||
crud : true,
|
||||
sektion_allowed : false,
|
||||
name : 'Widget Areas'
|
||||
},
|
||||
czr_background : {
|
||||
mthds : CZRBodyBgModuleMths,
|
||||
crud : false,
|
||||
multi_item : false,
|
||||
name : 'Slider'
|
||||
}
|
||||
});
|
||||
})( wp.customize, jQuery, _ );
|
||||
+1009
File diff suppressed because it is too large
Load Diff
+117
@@ -0,0 +1,117 @@
|
||||
|
||||
//extends api.CZRModule
|
||||
var CZRBodyBgModuleMths = CZRBodyBgModuleMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRBodyBgModuleMths, {
|
||||
initialize: function( id, options ) {
|
||||
var module = this;
|
||||
//run the parent initialize
|
||||
api.CZRModule.prototype.initialize.call( module, id, options );
|
||||
|
||||
//extend the module with new template Selectors
|
||||
$.extend( module, {
|
||||
itemInputList : 'czr-module-bodybg-item-content'
|
||||
} );
|
||||
|
||||
//EXTEND THE DEFAULT CONSTRUCTORS FOR INPUT
|
||||
module.inputConstructor = api.CZRInput.extend( module.CZRBodyBgInputMths || {} );
|
||||
//EXTEND THE DEFAULT CONSTRUCTORS FOR MONOMODEL
|
||||
module.itemConstructor = api.CZRItem.extend( module.CZBodyBgItemMths || {} );
|
||||
|
||||
//declares a default model
|
||||
module.defaultItemModel = {
|
||||
'background-color' : '#eaeaea',
|
||||
'background-image' : '',
|
||||
'background-repeat' : 'no-repeat',
|
||||
'background-attachment' : 'fixed',
|
||||
'background-position' : 'center center',
|
||||
'background-size' : 'cover'
|
||||
};
|
||||
|
||||
//fired ready :
|
||||
//1) on section expansion
|
||||
//2) or in the case of a module embedded in a regular control, if the module section is alreay opened => typically when skope is enabled
|
||||
if ( _.has( api, 'czr_activeSectionId' ) && module.control.section() == api.czr_activeSectionId() && 'resolved' != module.isReady.state() ) {
|
||||
module.ready();
|
||||
}
|
||||
api.section( module.control.section() ).expanded.bind(function(to) {
|
||||
if ( 'resolved' == module.isReady.state() )
|
||||
return;
|
||||
module.ready();
|
||||
});
|
||||
},//initialize
|
||||
|
||||
|
||||
|
||||
CZRBodyBgInputMths : {
|
||||
//////////////////////////////////////////////////
|
||||
///SETUP SELECTS
|
||||
//////////////////////////////////////////////////
|
||||
//setup select on view_rendered|item_content_event_map
|
||||
setupSelect : function() {
|
||||
var input = this,
|
||||
_id_param_map = {
|
||||
'background-repeat' : 'bg_repeat_options',
|
||||
'background-attachment' : 'bg_attachment_options',
|
||||
'background-position' : 'bg_position_options'
|
||||
},
|
||||
item = input.input_parent,
|
||||
serverParams = serverControlParams.body_bg_module_params,
|
||||
options = {},
|
||||
module = input.module;
|
||||
|
||||
if ( ! _.has( _id_param_map, input.id ) )
|
||||
return;
|
||||
|
||||
if ( _.isUndefined( serverParams ) || _.isUndefined( serverParams[ _id_param_map[input.id] ] ) )
|
||||
return;
|
||||
options = serverParams[ _id_param_map[input.id] ];
|
||||
if ( _.isEmpty(options) )
|
||||
return;
|
||||
//generates the options
|
||||
_.each( options, function( title, key ) {
|
||||
var _attributes = {
|
||||
value : key,
|
||||
html: title
|
||||
};
|
||||
if ( key == input() || _.contains( input(), key ) )
|
||||
$.extend( _attributes, { selected : "selected" } );
|
||||
|
||||
$( 'select[data-czrtype]', input.container ).append( $('<option>', _attributes) );
|
||||
});
|
||||
//fire czrSelect2
|
||||
$( 'select[data-czrtype]', input.container ).czrSelect2();
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
CZBodyBgItemMths : {
|
||||
//Fired if the item has been instantiated
|
||||
//The item.callbacks are declared.
|
||||
ready : function() {
|
||||
var item = this;
|
||||
api.CZRItem.prototype.ready.call( item );
|
||||
|
||||
item.inputCollection.bind( function( _col_ ) {
|
||||
if ( ! _.isEmpty( _col ) && item.czr_Input && item.czr_Input.has( 'background-image' ) ) {
|
||||
item.czr_Input('background-image').isReady.done( function( input_instance ) {
|
||||
var set_visibilities = function( bg_val ) {
|
||||
var is_bg_img_set = ! _.isEmpty( bg_val ) ||_.isNumber( bg_val);
|
||||
_.each( ['background-repeat', 'background-attachment', 'background-position', 'background-size'], function( dep ) {
|
||||
item.czr_Input(dep).container.toggle( is_bg_img_set || false );
|
||||
});
|
||||
};
|
||||
set_visibilities( input_instance() );
|
||||
//update the item model on 'background-image' change
|
||||
item.bind('background-image:changed', function(){
|
||||
set_visibilities( item.czr_Input('background-image')() );
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+272
@@ -0,0 +1,272 @@
|
||||
//extends api.CZRDynModule
|
||||
|
||||
var CZRFeaturedPageModuleMths = CZRFeaturedPageModuleMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRFeaturedPageModuleMths, {
|
||||
initialize: function( id, options ) {
|
||||
var module = this;
|
||||
//run the parent initialize
|
||||
api.CZRDynModule.prototype.initialize.call( module, id, options );
|
||||
|
||||
//extend the module with new template Selectors
|
||||
$.extend( module, {
|
||||
itemPreAddEl : 'czr-module-fp-pre-add-view-content',
|
||||
itemInputList : 'czr-module-fp-view-content'
|
||||
} );
|
||||
|
||||
//EXTEND THE DEFAULT CONSTRUCTORS FOR INPUT
|
||||
module.inputConstructor = api.CZRInput.extend( module.CZRFeaturedPagesInputMths || {} );
|
||||
//EXTEND THE DEFAULT CONSTRUCTORS FOR MONOMODEL
|
||||
module.itemConstructor = api.CZRItem.extend( module.CZRFeaturedPagesItem || {} );
|
||||
|
||||
//declares a default model
|
||||
this.defaultItemModel = {
|
||||
id : '',
|
||||
title : '' ,
|
||||
'fp-post' : '',
|
||||
'fp-title' : '',
|
||||
'fp-text' : '',
|
||||
'fp-image' : '',
|
||||
};
|
||||
|
||||
//overrides the default success message
|
||||
this.itemAddedMessage = serverControlParams.i18n.featuredPageAdded;
|
||||
api.section( module.control.section() ).expanded.bind(function(to) {
|
||||
if ( 'resolved' == module.isReady.state() )
|
||||
return;
|
||||
module.ready();
|
||||
});
|
||||
},//initialize
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//@override
|
||||
// wait for the ajax result!
|
||||
//the item is manually added.
|
||||
//We should have a pre Item
|
||||
addItem : function(obj) {
|
||||
var module = this,
|
||||
item = module.preItem,
|
||||
item_model = item();
|
||||
|
||||
if ( _.isEmpty(item_model) || ! _.isObject(item_model) ) {
|
||||
throw new Error('addItem : an item should be an object and not empty. In : ' + module.id +'. Aborted.' );
|
||||
}
|
||||
|
||||
var _fp_post = item_model['fp-post'];
|
||||
if ( typeof _fp_post == "undefined" )
|
||||
return;
|
||||
|
||||
_fp_post = _fp_post[0];
|
||||
|
||||
//AJAX ACTIONS ON ADD ITEM
|
||||
//when a new featured page is added, update the model (text, featured image ) base on the selected post
|
||||
//The parent method is called on ajaxrequest.done()
|
||||
var done_callback = function( _to_update ) {
|
||||
item.set( $.extend( item_model, _to_update) );
|
||||
api.CZRDynModule.prototype.addItem.call( module, obj );
|
||||
};
|
||||
|
||||
var request = module.CZRFeaturedPagesItem.setContentAjaxInfo( _fp_post.id, {}, done_callback );
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
CZRFeaturedPagesInputMths : {
|
||||
ready : function() {
|
||||
var input = this;
|
||||
//update the item model on fp-post change
|
||||
input.bind( 'fp-post:changed', function(){
|
||||
input.updateItemModel();
|
||||
});
|
||||
//update the item title on fp-title change
|
||||
input.bind( 'fp-title:changed', function(){
|
||||
input.updateItemTitle();
|
||||
});
|
||||
|
||||
api.CZRInput.prototype.ready.call( input );
|
||||
},
|
||||
//override czr img uploader input constructor
|
||||
//we need this otherwise we cannot add the buttons to the input container
|
||||
//when the input model is not, as the template will be rendered before the ready
|
||||
//method is called
|
||||
setupImageUploader: function(){
|
||||
var input = this;
|
||||
//temporary
|
||||
input.container.bind( 'fp-image:content_rendered', function(){
|
||||
input.addResetDefaultButton();
|
||||
});
|
||||
|
||||
//see add a reset to default image button
|
||||
input.container.on('click keydown', '.default-fpimage-button', function(){
|
||||
input.setThumbnailAjax();
|
||||
});
|
||||
|
||||
api.CZRInput.prototype.setupImageUploader.call( input );
|
||||
},
|
||||
//ACTIONS ON fp-title change
|
||||
//Fired on 'fp-title:changed'
|
||||
//Don't fire in pre item case
|
||||
updateItemModel : function( _new_val ) {
|
||||
|
||||
var input = this,
|
||||
item = this.input_parent,
|
||||
is_preItemInput = _.has( input, 'is_preItemInput' ) && input.is_preItemInput;
|
||||
|
||||
//check if we are in the pre Item case => if so, the fp-post might be empty
|
||||
if ( ! _.has( item(), 'fp-post') || _.isEmpty( item()['fp-post'] ) )
|
||||
return;
|
||||
|
||||
var _new_model = _.clone( item() ),
|
||||
_fp_post = _new_model['fp-post'][0],
|
||||
_new_title = _fp_post.title,
|
||||
inputCollection = is_preItemInput ? input.module.preItemInput : item.czr_Input;
|
||||
|
||||
if ( is_preItemInput ) {
|
||||
$.extend( _new_model, { title : _new_title, 'fp-title' : _new_title } );
|
||||
item.set( _new_model );
|
||||
} else {
|
||||
|
||||
var done_callback = function( _to_update ) {
|
||||
_.each( _to_update, function( value, id ){
|
||||
item.czr_Input( id ).set( value );
|
||||
});
|
||||
};
|
||||
//pass the fp-title so it gets updated after the ajax callback
|
||||
var request = item.setContentAjaxInfo( _fp_post.id, {'fp-title' : _new_title}, done_callback );
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
updateItemTitle : function( _new_val ) {
|
||||
var input = this,
|
||||
item = this.input_parent,
|
||||
is_preItemInput = _.has( input, 'is_preItemInput' ) && input.is_preItemInput;
|
||||
|
||||
if ( is_preItemInput )
|
||||
return;
|
||||
var _new_model = _.clone( item() ),
|
||||
_new_title = "undefined" !== typeof _new_model['fp-title'] ? _new_model['fp-title'] : '';
|
||||
|
||||
$.extend( _new_model, { title : _new_title} );
|
||||
item.set( _new_model );
|
||||
},
|
||||
|
||||
|
||||
setThumbnailAjax : function() {
|
||||
var item = this.input_parent,
|
||||
_fp_post = item.czr_Input('fp-post')(),
|
||||
_post_id;
|
||||
|
||||
if ( typeof _fp_post == "undefined" )
|
||||
return;
|
||||
|
||||
_fp_post = _fp_post[0];
|
||||
_post_id = _fp_post.id;
|
||||
|
||||
$('.fpimage-reset-messages p').hide();
|
||||
|
||||
//AJAX STUFF
|
||||
//retrieve some ajax info
|
||||
request = wp.ajax.post( 'get-fp-post-tb', {
|
||||
'wp_customize': 'on',
|
||||
'id' : _post_id,
|
||||
'CZRFPNonce' : serverControlParams.CZRFPNonce
|
||||
//nonce needed USE 1 for everything?
|
||||
});
|
||||
|
||||
|
||||
request.done( function( data ){
|
||||
var thumbnail = data,
|
||||
input = item.czr_Input('fp-image');
|
||||
|
||||
if ( 0 !== thumbnail.length ) {
|
||||
$('.fpimage-reset-messages .success', input.container ).show('fast').fadeOut();
|
||||
input.set( thumbnail );
|
||||
}else {
|
||||
$('.fpimage-reset-messages .warning', input.container ).show('fast').delay(2000).fadeOut();
|
||||
}
|
||||
});
|
||||
|
||||
request.fail(function( data ) {
|
||||
if ( typeof console !== 'undefined' && console.error ) {
|
||||
console.error( data );
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
addResetDefaultButton : function( $_template_params ) {
|
||||
var input = this,
|
||||
item = input.input_parent,
|
||||
buttonLabel = serverControlParams.i18n.featuredPageImgReset,
|
||||
successMess = serverControlParams.i18n.featuredPageResetSucc,
|
||||
errMess = serverControlParams.i18n.featuredPageResetErr,
|
||||
messages = '<div class="fpimage-reset-messages" style="clear:both"><p class="success" style="display:none">'+successMess+'</p><p class="warning" style="display:none">'+errMess+'</p></div>';
|
||||
|
||||
$('.actions', input.container)
|
||||
.append('<button type="button" class="button default-fpimage-button">'+ buttonLabel +'</button>');
|
||||
$('.fpimage-reset-messages', input.container ).detach();
|
||||
$(input.container).append( messages );
|
||||
}
|
||||
},//CZRFeaturedPagesInputMths
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
CZRFeaturedPagesItem : {
|
||||
setContentAjaxInfo : function( _post_id, _additional_inputs, done_callback ) {
|
||||
//called be called from the input and from the item
|
||||
var _to_update = _additional_inputs || {};
|
||||
|
||||
//AJAX STUFF
|
||||
//retrieve some ajax info
|
||||
request = wp.ajax.post( 'get-fp-post', {
|
||||
'wp_customize': 'on',
|
||||
'id' : _post_id,
|
||||
'CZRFPNonce' : serverControlParams.CZRFPNonce
|
||||
//nonce needed USE 1 for everything?
|
||||
});
|
||||
|
||||
request.done( function( data ){
|
||||
var _post_info = data.post_info;
|
||||
|
||||
if ( 0 !== _post_info.length ) {
|
||||
$.extend( _to_update, { 'fp-image' : _post_info.thumbnail, 'fp-text' : _post_info.excerpt } );
|
||||
if ( "function" === typeof done_callback )
|
||||
done_callback( _to_update );
|
||||
}
|
||||
});
|
||||
|
||||
request.fail(function( data ) {
|
||||
if ( typeof console !== 'undefined' && console.error ) {
|
||||
console.error( data );
|
||||
}
|
||||
});
|
||||
|
||||
return request;
|
||||
},
|
||||
|
||||
//overrides the default parent method by a custom one
|
||||
//at this stage, the model passed in the obj is up to date
|
||||
writeItemViewTitle : function( model ) {
|
||||
var item = this,
|
||||
module = item.module,
|
||||
_model = model || item(),
|
||||
_title = _model.title ? _model.title : serverControlParams.i18n.featuredPageTitle;
|
||||
|
||||
_title = api.CZR_Helpers.truncate(_title, 25);
|
||||
$( '.' + module.control.css_attr.item_title , item.container ).html( _title );
|
||||
}
|
||||
}
|
||||
});//extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
|
||||
//extends api.CZRModule
|
||||
var CZRTextModuleMths = CZRTextModuleMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRTextModuleMths, {
|
||||
initialize: function( id, options ) {
|
||||
var module = this;
|
||||
//run the parent initialize
|
||||
api.CZRModule.prototype.initialize.call( module, id, options );
|
||||
|
||||
//extend the module with new template Selectors
|
||||
$.extend( module, {
|
||||
itemInputList : 'czr-module-text-view-content',
|
||||
} );
|
||||
|
||||
//declares a default model
|
||||
module.defaultItemModel = {
|
||||
id : '',
|
||||
text : ''
|
||||
};
|
||||
}//initialize
|
||||
});
|
||||
})( wp.customize , jQuery, _ );
|
||||
+54
@@ -0,0 +1,54 @@
|
||||
//extends api.CZRDynModule
|
||||
|
||||
var CZRTextEditorModuleMths = CZRTextEditorModuleMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRTextEditorModuleMths, {
|
||||
initialize: function( id, options ) {
|
||||
var module = this;
|
||||
//run the parent initialize
|
||||
api.CZRModule.prototype.initialize.call( module, id, options );
|
||||
|
||||
//extend the module with new template Selectors
|
||||
$.extend( module, {
|
||||
itemInputList : 'czr-module-text_editor-item-content'
|
||||
} );
|
||||
|
||||
//EXTEND THE DEFAULT CONSTRUCTORS FOR INPUT
|
||||
module.inputConstructor = api.CZRInput.extend( module.CZRTextEditorInputMths || {} );
|
||||
//EXTEND THE DEFAULT CONSTRUCTORS FOR MONOMODEL
|
||||
module.itemConstructor = api.CZRItem.extend( module.CZRTextEditorItem || {} );
|
||||
|
||||
//declares a default model
|
||||
this.defaultItemModel = {
|
||||
id : '',
|
||||
text: ''
|
||||
};
|
||||
|
||||
// api.section( module.control.section() ).expanded.bind(function(to) {
|
||||
|
||||
// // if ( false !== module.container.length ) {
|
||||
// // //say it*/
|
||||
// // module.container.append( $_module_el );
|
||||
// // module.embedded.resolve();
|
||||
// // }
|
||||
|
||||
// if ( 'resolved' == module.isReady.state() )
|
||||
// return;
|
||||
|
||||
// module.ready();
|
||||
// });
|
||||
},//initialize
|
||||
|
||||
|
||||
|
||||
|
||||
CZRTextEditorInputMths : {
|
||||
},//CZRTextEditorsInputMths
|
||||
|
||||
|
||||
|
||||
CZRTextEditorItem : {
|
||||
|
||||
},
|
||||
});//extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+128
@@ -0,0 +1,128 @@
|
||||
|
||||
( function ( api, $, _ ) {
|
||||
/*****************************************************************************
|
||||
* A "CONTEXT AWARE" SET METHD
|
||||
*****************************************************************************/
|
||||
/**
|
||||
* OVERRIDES BASE api.Value set method
|
||||
* => adds the o {} param, allowing to pass additional contextual informations.
|
||||
*
|
||||
* Set the value and trigger all bound callbacks.
|
||||
*
|
||||
* @param {object} to New value.
|
||||
*/
|
||||
|
||||
// set: function( to ) {
|
||||
// var from = this._value;
|
||||
|
||||
// to = this._setter.apply( this, arguments );
|
||||
// to = this.validate( to );
|
||||
|
||||
// // Bail if the sanitized value is null or unchanged.
|
||||
// if ( null === to || _.isEqual( from, to ) ) {
|
||||
// return this;
|
||||
// }
|
||||
|
||||
// this._value = to;
|
||||
// this._dirty = true;
|
||||
|
||||
// this.callbacks.fireWith( this, [ to, from ] );
|
||||
|
||||
// return this;
|
||||
// },
|
||||
api.Value.prototype.set = function( to, o ) {
|
||||
var from = this._value, dfd = $.Deferred(), self = this, _promises = [];
|
||||
|
||||
to = this._setter.apply( this, arguments );
|
||||
to = this.validate( to );
|
||||
args = _.extend( { silent : false }, _.isObject( o ) ? o : {} );
|
||||
|
||||
// Bail if the sanitized value is null or unchanged.
|
||||
if ( null === to || _.isEqual( from, to ) ) {
|
||||
return dfd.resolveWith( self, [ to, from, o ] ).promise();
|
||||
}
|
||||
|
||||
this._value = to;
|
||||
this._dirty = true;
|
||||
if ( true === args.silent ) {
|
||||
return dfd.resolveWith( self, [ to, from, o ] ).promise();
|
||||
}
|
||||
|
||||
if ( this._deferreds ) {
|
||||
_.each( self._deferreds, function( _prom ) {
|
||||
_promises.push( _prom.apply( null, [ to, from, o ] ) );
|
||||
});
|
||||
|
||||
$.when.apply( null, _promises )
|
||||
.fail( function() { api.errorLog( 'A deferred callback failed in api.Value::set()'); })
|
||||
.then( function() {
|
||||
self.callbacks.fireWith( self, [ to, from, o ] );
|
||||
dfd.resolveWith( self, [ to, from, o ] );
|
||||
});
|
||||
} else {
|
||||
this.callbacks.fireWith( this, [ to, from, o ] );
|
||||
return dfd.resolveWith( self, [ to, from, o ] ).promise( self );
|
||||
}
|
||||
return dfd.promise( self );
|
||||
};
|
||||
|
||||
//allows us to specify a list of callbacks + a { deferred : true } param
|
||||
//if deferred is found and true, then the callback(s) are added in a list of deferred
|
||||
//@see how this deferred list is used in api.Value.prototype.set()
|
||||
api.Value.prototype.bind = function() {
|
||||
//find an object in the argument
|
||||
var self = this,
|
||||
_isDeferred = false,
|
||||
_cbs = [];
|
||||
|
||||
$.each( arguments, function( _key, _arg ) {
|
||||
if ( ! _isDeferred )
|
||||
_isDeferred = _.isObject( _arg ) && _arg.deferred;
|
||||
if ( _.isFunction( _arg ) )
|
||||
_cbs.push( _arg );
|
||||
});
|
||||
|
||||
if ( _isDeferred ) {
|
||||
self._deferreds = self._deferreds || [];
|
||||
_.each( _cbs, function( _cb ) {
|
||||
if ( ! _.contains( _cb, self._deferreds ) )
|
||||
self._deferreds.push( _cb );
|
||||
});
|
||||
} else {
|
||||
//original method
|
||||
self.callbacks.add.apply( self.callbacks, arguments );
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
/*****************************************************************************
|
||||
* A SILENT SET METHOD :
|
||||
* => keep the dirtyness param unchanged
|
||||
* => stores the api state before callback calls, and reset it after
|
||||
* => add an object param to the callback to inform that this is a silent process
|
||||
* , this is typically used in the overridden api.Setting.preview method
|
||||
*****************************************************************************/
|
||||
//@param to : the new value to set
|
||||
//@param dirtyness : the current dirtyness status of this setting
|
||||
//
|
||||
api.Setting.prototype.silent_set =function( to, dirtyness ) {
|
||||
var from = this._value,
|
||||
_save_state = api.state('saved')();
|
||||
|
||||
to = this._setter.apply( this, arguments );
|
||||
to = this.validate( to );
|
||||
|
||||
// Bail if the sanitized value is null or unchanged.
|
||||
if ( null === to || _.isEqual( from, to ) ) {
|
||||
return this;
|
||||
}
|
||||
|
||||
this._value = to;
|
||||
this._dirty = ( _.isUndefined( dirtyness ) || ! _.isBoolean( dirtyness ) ) ? this._dirty : dirtyness;
|
||||
|
||||
this.callbacks.fireWith( this, [ to, from, { silent : true } ] );
|
||||
//reset the api state to its value before the callback call
|
||||
api.state('saved')( _save_state );
|
||||
return this;
|
||||
};
|
||||
})( wp.customize , jQuery, _ );
|
||||
+109
@@ -0,0 +1,109 @@
|
||||
|
||||
( function ( api, $, _ ) {
|
||||
//PREPARE THE SKOPE AWARE PREVIEWER
|
||||
|
||||
//@return void()
|
||||
//Changed the core to specify that the setting preview is actually a deferred callback
|
||||
//=> allows us to use syntax like :
|
||||
//api( setId ).set( new_value ).done( function() { execute actions when all the setting callbacks have been done })
|
||||
// api.Setting.prototype.initialize = function( id, value, options ) {
|
||||
// var setting = this;
|
||||
// api.Value.prototype.initialize.call( setting, value, options );
|
||||
|
||||
// setting.id = id;
|
||||
// setting.transport = setting.transport || 'refresh';
|
||||
// setting._dirty = options.dirty || false;
|
||||
// setting.notifications = new api.Values({ defaultConstructor: api.Notification });
|
||||
|
||||
// // Whenever the setting's value changes, refresh the preview.
|
||||
// setting.bind( setting.preview );
|
||||
|
||||
// // the deferred can be used in moduleCollectionReact to execute actions after the module has been set.
|
||||
// // setting.bind( function( to, from , data ) {
|
||||
// // return setting.preview( to, from , data );
|
||||
// // }, { deferred : true } );
|
||||
// };
|
||||
|
||||
|
||||
//var _old_preview = api.Setting.prototype.preview;
|
||||
//@return a deferred promise
|
||||
api.Setting.prototype.preview = function( to, from , data ) {
|
||||
var setting = this, transport, dfd = $.Deferred();
|
||||
|
||||
transport = setting.transport;
|
||||
|
||||
//as soon as the previewer is setup, let's behave as usual
|
||||
//=> but don't refresh when silently updating
|
||||
|
||||
//Each input instantiated in an item or a modOpt can have a specific transport set.
|
||||
//the input transport is hard coded in the module js template, with the attribute : data-transport="postMessage" or "refresh"
|
||||
//=> this is optional, if not set, then the transport will be inherited from the the module, which inherits from the control.
|
||||
//
|
||||
//If the input transport is specifically set to postMessage, then we don't want to send the 'setting' event to the preview
|
||||
//=> this will prevent any partial refresh to be triggered if the input control parent is defined has a partial refresh one.
|
||||
//=> the input will be sent to preview with api.previewer.send( 'czr_input', {...} )
|
||||
//
|
||||
//One exception : if the input transport is set to postMessage but the setting has not been set yet in the api (from is undefined, null, or empty) , we usually need to make an initial refresh
|
||||
//=> typically, the initial refresh can be needed to set the relevant module css id selector that will be used afterwards for the postMessage input preview
|
||||
|
||||
//If we are in an input postMessage situation, the not_preview_sent param has been set in the czr_Input.inputReact method
|
||||
//=> 1) We bail here
|
||||
//=> 2) and we will send a custom event to the preview looking like :
|
||||
//api.previewer.send( 'czr_input', {
|
||||
// set_id : module.control.id,
|
||||
// module : { items : $.extend( true, {}, module().items) , modOpt : module.hasModOpt() ? $.extend( true, {}, module().modOpt ): {} },
|
||||
// module_id : module.id,//<= will allow us to target the right dom element on front end
|
||||
// input_id : input.id,
|
||||
// input_parent_id : input.input_parent.id,//<= can be the mod opt or the item
|
||||
// value : to
|
||||
// });
|
||||
|
||||
//=> if no from (setting not set yet => fall back on defaut transport)
|
||||
if ( ! _.isUndefined( from ) && ! _.isEmpty( from ) && ! _.isNull( from ) ) {
|
||||
if ( _.isObject( data ) && true === data.not_preview_sent ) {
|
||||
return dfd.resolve( arguments ).promise();
|
||||
}
|
||||
}
|
||||
|
||||
//Don't do anything id we are silent
|
||||
if ( _.has( data, 'silent' ) && false !== data.silent )
|
||||
return dfd.resolve( arguments ).promise();
|
||||
|
||||
|
||||
//CORE PREVIEW AS OF WP 4.7+
|
||||
if ( 'postMessage' === transport && ! api.state( 'previewerAlive' ).get() ) {
|
||||
transport = 'refresh';
|
||||
}
|
||||
|
||||
if ( 'postMessage' === transport ) {
|
||||
//Pre setting event with a richer object passed
|
||||
//=> can be used in a partial refresh scenario to execute actions prior to the actual selective refresh which is triggered on 'setting', just after
|
||||
setting.previewer.send( 'pre_setting', {
|
||||
set_id : setting.id,
|
||||
data : data,//<= { module_id : 'string', module : {} } which typically includes the module_id and the module model ( items, mod options )
|
||||
value : to
|
||||
});
|
||||
|
||||
//WP Default
|
||||
//=> the 'setting' event is used for normal and partial refresh post message actions
|
||||
//=> the partial refresh is fired on the preview if a partial has been registered for this setting in the php customize API
|
||||
//=> When a partial has been registered, the "normal" ( => the not partial refresh ones ) postMessage callbacks will be fired before the ajax ones
|
||||
|
||||
// Nimble Builder => the 'setting' event triggers a refresh of the previewer dirty values
|
||||
// The dirties are then used to populate $_POST['customized'] params via $.ajaxPrefilter()
|
||||
// @see core customize-preview.js
|
||||
// This is how NB can :
|
||||
// - dynamically register settings server side in PHP customize manager while doing ajax actions
|
||||
// - get the customized sektion collection. @see sek_get_skoped_seks() and Nimble_Collection_Setting::filter_previewed_sek_get_skoped_seks
|
||||
setting.previewer.send( 'setting', [ setting.id, setting() ] );
|
||||
|
||||
dfd.resolve( arguments );
|
||||
|
||||
} else if ( 'refresh' === transport ) {
|
||||
setting.previewer.refresh();
|
||||
dfd.resolve( arguments );
|
||||
}
|
||||
|
||||
return dfd.promise();
|
||||
};//api.Setting.prototype.preview
|
||||
})( wp.customize , jQuery, _ );
|
||||
+29
@@ -0,0 +1,29 @@
|
||||
|
||||
( function ( api, $, _ ) {
|
||||
/* monkey patch for the content height set */
|
||||
//wp.customize.Section is not available before wp 4.1
|
||||
if ( 'function' == typeof api.Section ) {
|
||||
// backup the original function
|
||||
var _original_section_initialize = api.Section.prototype.initialize;
|
||||
api.Section.prototype.initialize = function( id, options ) {
|
||||
//call the original constructor
|
||||
_original_section_initialize.apply( this, [id, options] );
|
||||
var section = this;
|
||||
|
||||
this.expanded.callbacks.add( function( _expanded ) {
|
||||
if ( ! _expanded )
|
||||
return;
|
||||
|
||||
var container = section.container.closest( '.wp-full-overlay-sidebar-content' ),
|
||||
content = section.container.find( '.accordion-section-content' );
|
||||
//content resizing to the container height
|
||||
_resizeContentHeight = function() {
|
||||
content.css( 'height', container.innerHeight() );
|
||||
};
|
||||
_resizeContentHeight();
|
||||
//this is set to off in the original expand callback if 'expanded' is false
|
||||
$( window ).on( 'resize.customizer-section', _.debounce( _resizeContentHeight, 110 ) );
|
||||
});
|
||||
};
|
||||
}
|
||||
})( wp.customize , jQuery, _ );
|
||||
+117
@@ -0,0 +1,117 @@
|
||||
|
||||
(function (api, $, _) {
|
||||
api.CZR_Helpers = api.CZR_Helpers || {};
|
||||
//////////////////////////////////////////////////
|
||||
/// ACTIONS AND DOM LISTENERS
|
||||
//////////////////////////////////////////////////
|
||||
//adds action to an existing event map
|
||||
//@event map = [ {event1}, {event2}, ... ]
|
||||
//@new_event = { trigger : event name , actions : [ 'cb1', 'cb2', ... ] }
|
||||
api.CZR_Helpers = $.extend( api.CZR_Helpers, {
|
||||
//This method is now statically accessed by item and modopt instances because it does the same job for both.
|
||||
//=> It instantiates the inputs based on what it finds in the DOM ( item or mod opt js templates )
|
||||
//
|
||||
//Fired on 'contentRendered' for items and on user click for module options (mod opt)
|
||||
//creates the inputs based on the rendered parent item or mod option
|
||||
//inputParentInst can be an item instance or a module option instance
|
||||
setupInputCollectionFromDOM : function() {
|
||||
var inputParentInst = this;//<= because fired with .call( inputParentInst )
|
||||
if ( ! _.isFunction( inputParentInst ) ) {
|
||||
throw new Error( 'setupInputCollectionFromDOM => inputParentInst is not valid.' );
|
||||
}
|
||||
var module = inputParentInst.module,
|
||||
is_mod_opt = _.has( inputParentInst() , 'is_mod_opt' );
|
||||
|
||||
//bail if already done
|
||||
//_.has( inputParentInst, 'czr_Input')
|
||||
if ( ! _.isEmpty( inputParentInst.inputCollection() ) )
|
||||
return;
|
||||
|
||||
//INPUTS => Setup as soon as the view content is rendered
|
||||
//the inputParentInst is a collection of inputs, each one has its own view module.
|
||||
inputParentInst.czr_Input = inputParentInst.czr_Input || new api.Values();
|
||||
|
||||
//IS THE PARENT AN ITEM OR A MODULE OPTION ?
|
||||
//those default constructors (declared in the module init ) can be overridden by extended item or mod opt constructors inside the modules
|
||||
inputParentInst.inputConstructor = is_mod_opt ? module.inputModOptConstructor : module.inputConstructor;
|
||||
|
||||
var _defaultInputParentModel = is_mod_opt ? inputParentInst.defaultModOptModel : inputParentInst.defaultItemModel;
|
||||
|
||||
if ( _.isEmpty( _defaultInputParentModel ) || _.isUndefined( _defaultInputParentModel ) ) {
|
||||
throw new Error( 'setupInputCollectionFromDOM => No default model found in item or mod opt ' + inputParentInst.id + '.' );
|
||||
}
|
||||
|
||||
//prepare and sets the inputParentInst value on api ready
|
||||
//=> triggers the module rendering + DOM LISTENERS
|
||||
var inputParentInst_model = $.extend( true, {}, inputParentInst() );
|
||||
|
||||
if ( ! _.isObject( inputParentInst_model ) ) {
|
||||
inputParentInst_model = _defaultInputParentModel;
|
||||
} else {
|
||||
inputParentInst_model = $.extend( _defaultInputParentModel, inputParentInst_model );
|
||||
}
|
||||
|
||||
var dom_inputParentInst_model = {};
|
||||
|
||||
if ( $( '.' + module.control.css_attr.sub_set_wrapper, inputParentInst.container).length < 1 ) {
|
||||
api.errare( 'setupInputCollectionFromDOM => no input elements found in the DOM' );
|
||||
}
|
||||
|
||||
//creates the inputs based on the rendered item or mod opt
|
||||
$( '.' + module.control.css_attr.sub_set_wrapper, inputParentInst.container).each( function( _index ) {
|
||||
var _id = $(this).find('[data-czrtype]').attr( 'data-czrtype' ),
|
||||
_value = _.has( inputParentInst_model, _id ) ? inputParentInst_model[ _id ] : '';
|
||||
|
||||
//console.log('/// ID /// => ', _id );
|
||||
//skip if no valid input data-czrtype is found in this node
|
||||
if ( _.isUndefined( _id ) || _.isEmpty( _id ) ) {
|
||||
api.errare( 'setupInputCollectionFromDOM => missing data-czrtype id for input type ' + $(this).data( 'input-type' ) + ' in module ' + module.id + '. Check that the server input template is properly declared.' );
|
||||
return;
|
||||
}
|
||||
//check if this property exists in the current inputParentInst model
|
||||
if ( ! _.has( inputParentInst_model, _id ) ) {
|
||||
throw new Error('setupInputCollectionFromDOM => The item or mod opt property : ' + _id + ' has been found in the DOM but not in the item or mod opt model : '+ inputParentInst.id + '. The input can not be instantiated.');
|
||||
}
|
||||
|
||||
//Do we have a specific set of options defined in the parent module for this inputConstructor ?
|
||||
var _inputType = $(this).data( 'input-type' ),
|
||||
_inputTransport = $(this).data( 'transport' ) || 'inherit',//<= if no specific transport ( refresh or postMessage ) has been defined in the template, inherits the control transport
|
||||
_inputOptions = _.has( module.inputOptions, _inputType ) ? module.inputOptions[ _inputType ] : {},
|
||||
_inputArgs = {
|
||||
id : _id,
|
||||
type : _inputType,
|
||||
transport : _inputTransport,
|
||||
input_value : _value,
|
||||
input_options : _inputOptions,//<= a module can define a specific set of option
|
||||
container : $(this),
|
||||
input_parent : inputParentInst,
|
||||
is_mod_opt : is_mod_opt,
|
||||
module : module
|
||||
};
|
||||
|
||||
// ALLOW PLUGINS TO FILTER THE INPUT ARGS BEFORE INSTANTIATION
|
||||
api.trigger( 'input-args-before-instantiation', _inputArgs );
|
||||
|
||||
// INSTANTIATE THE INPUT
|
||||
inputParentInst.czr_Input.add( _id, new inputParentInst.inputConstructor( _id, _inputArgs ) );
|
||||
|
||||
// FIRE THE INPUT
|
||||
// fires ready once the input Value() instance is initialized
|
||||
inputParentInst.czr_Input( _id ).ready();
|
||||
|
||||
// POPULATES THE PARENT INPUT COLLECTION
|
||||
dom_inputParentInst_model[ _id ] = _value;
|
||||
// shall we trigger a specific event when the input collection from DOM has been populated ?
|
||||
});//each
|
||||
|
||||
//stores the collection
|
||||
inputParentInst.inputCollection( dom_inputParentInst_model );
|
||||
|
||||
//chain
|
||||
return inputParentInst;
|
||||
}
|
||||
});//$.extend
|
||||
// $( window ).on( 'message', function( e, o) {
|
||||
// api.consoleLog('WHAT ARE WE LISTENING TO?', e, o );
|
||||
// });
|
||||
})( wp.customize , jQuery, _);
|
||||
+84
@@ -0,0 +1,84 @@
|
||||
|
||||
(function (api, $, _) {
|
||||
api.CZR_Helpers = api.CZR_Helpers || {};
|
||||
//////////////////////////////////////////////////
|
||||
/// ACTIONS AND DOM LISTENERS
|
||||
//////////////////////////////////////////////////
|
||||
//adds action to an existing event map
|
||||
//@event map = [ {event1}, {event2}, ... ]
|
||||
//@new_event = { trigger : event name , actions : [ 'cb1', 'cb2', ... ] }
|
||||
api.CZR_Helpers = $.extend( api.CZR_Helpers, {
|
||||
|
||||
// Fetches a module tmpl from the server if not yet cached
|
||||
// {
|
||||
// tmpl : 'item-inputs',
|
||||
// module_type: module.module_type || 'all_modules',
|
||||
// module_id : ''
|
||||
// ... <= other custom args can be added dynamically here. Like the item_model when fetching the item content template
|
||||
// }
|
||||
// @return a promise()
|
||||
getModuleTmpl : function( args ) {
|
||||
var dfd = $.Deferred();
|
||||
args = _.extend( {
|
||||
tmpl : '',
|
||||
module_type: '',
|
||||
module_id : '',
|
||||
cache : true,//<= shall we cache the tmpl or not. Should be true in almost all cases.
|
||||
nonce: api.settings.nonce.save//<= do we need to set a specific nonce to fetch the tmpls ?
|
||||
}, args );
|
||||
|
||||
// are we good to go ?
|
||||
if ( _.isEmpty( args.tmpl ) || _.isEmpty( args.module_type ) ) {
|
||||
dfd.reject( 'api.CZR_Helpers.getModuleTmpl => missing tmpl or module_type param' );
|
||||
}
|
||||
|
||||
// This will be used to store the previously fetched template
|
||||
// 1) the generic templates used for all_modules
|
||||
// 2) each module templates : pre-item inputs, item inputs and mod options
|
||||
api.CZR_Helpers.czr_cachedTmpl = api.CZR_Helpers.czr_cachedTmpl || {};
|
||||
api.CZR_Helpers.czr_cachedTmpl[ args.module_type ] = api.CZR_Helpers.czr_cachedTmpl[ args.module_type ] || {};
|
||||
|
||||
// when cache is on, use the cached template
|
||||
// Example of cache set to off => the skoped items templates are all different because based on the control type => we can't cache them
|
||||
if ( true === args.cache && ! _.isEmpty( api.CZR_Helpers.czr_cachedTmpl[ args.module_type ][ args.tmpl ] ) && _.isString( api.CZR_Helpers.czr_cachedTmpl[ args.module_type ][ args.tmpl ] ) ) {
|
||||
//console.log('Cached => ', args.tmpl );
|
||||
dfd.resolve( api.CZR_Helpers.czr_cachedTmpl[ args.module_type ][ args.tmpl ] );
|
||||
} else {
|
||||
// if the tmpl is currently being fetched, return the temporary promise()
|
||||
// this can occurs when rendering a multi-item module for the first time
|
||||
// assigning the tmpl ajax request to the future cache entry allows us to fetch only once
|
||||
if ( _.isObject( api.CZR_Helpers.czr_cachedTmpl[ args.module_type ][ args.tmpl ] ) && 'pending' == api.CZR_Helpers.czr_cachedTmpl[ args.module_type ][ args.tmpl ].state() ) {
|
||||
return api.CZR_Helpers.czr_cachedTmpl[ args.module_type ][ args.tmpl ];//<= this is a $.promise()
|
||||
} else {
|
||||
//console.log('Needs to be fetched => ', args.tmpl );
|
||||
// First time fetch
|
||||
api.CZR_Helpers.czr_cachedTmpl[ args.module_type ][ args.tmpl ] = wp.ajax.post( 'ac_get_template', args )
|
||||
.done( function( _serverTmpl_ ) {
|
||||
// resolve and cache
|
||||
dfd.resolve( _serverTmpl_ );
|
||||
api.CZR_Helpers.czr_cachedTmpl[ args.module_type ][ args.tmpl ] = _serverTmpl_;
|
||||
}).fail( function( _r_ ) {
|
||||
//console.log( 'api.CZR_Helpers.getModuleTmpl => ', _r_ );
|
||||
api.errare( 'api.CZR_Helpers.getModuleTmpl => Problem when fetching the ' + args.tmpl + ' tmpl from server for module : ' + args.module_id + ' ' + args.module_type, _r_);
|
||||
dfd.reject( _r_ );
|
||||
// Nimble => display an error notification when
|
||||
// - session has expired
|
||||
// - when statusText is "Bad Request"
|
||||
if ( _.isObject( _r_ ) ) {
|
||||
if ( 'invalid_nonce' === _r_.code || 'Bad Request' === _r_.statusText ) {
|
||||
if ( window.sektionsLocalizedData && sektionsLocalizedData.i18n ) {
|
||||
api.previewer.trigger( 'sek-notify', { type : 'error', duration : 30000, message : sektionsLocalizedData.i18n['Something went wrong, please refresh this page.'] });
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
return dfd.promise();
|
||||
}
|
||||
|
||||
});//$.extend
|
||||
// $( window ).on( 'message', function( e, o) {
|
||||
// api.consoleLog('WHAT ARE WE LISTENING TO?', e, o );
|
||||
// });
|
||||
})( wp.customize , jQuery, _);
|
||||
+196
@@ -0,0 +1,196 @@
|
||||
|
||||
(function (api, $, _) {
|
||||
api.CZR_Helpers = api.CZR_Helpers || {};
|
||||
api.CZR_Helpers = $.extend( api.CZR_Helpers, {
|
||||
// @params {}. Example :
|
||||
// origin : 'nimble',
|
||||
// what : 'section',
|
||||
// id : params.id,
|
||||
// title: sektionsLocalizedData.i18n['Content for'] + ' ' + moduleName,
|
||||
// panel : sektionsLocalizedData.sektionsPanelId,
|
||||
// priority : 1000,
|
||||
// track : false//don't register in the self.registered()
|
||||
// constructWith : MainSectionConstructor,
|
||||
register : function( params ) {
|
||||
if ( ! _.has( params, 'id' ) ) {
|
||||
api.errare( 'register => missing id ', params );
|
||||
return;
|
||||
}
|
||||
// For the UI elements that we want to track, a level property is needed
|
||||
// if ( false !== params.track && ! _.has( params, 'level' ) ){
|
||||
// api.errare( 'register => missing trackable level ', params );
|
||||
// return;
|
||||
// }
|
||||
|
||||
var __element__ = {}, defaults;
|
||||
|
||||
switch ( params.what ) {
|
||||
// Register only if not registered already
|
||||
// For example, when saved as draft in a changeset, the setting is already dynamically registered server side
|
||||
// => in this case, we only need to register the associated control
|
||||
// @params args { id : , value : , transport : , type : }
|
||||
case 'setting' :
|
||||
if ( api.has( params.id ) ) {
|
||||
//api.consoleLog( 'registerSetting => setting Id already registered : ' + params.id );
|
||||
break;
|
||||
}
|
||||
defaults = $.extend( true, {}, api.Setting.prototype.defaults );
|
||||
var settingArgs = _.extend(
|
||||
defaults ,
|
||||
{
|
||||
dirty : ! _.isUndefined( params.dirty ) ? params.dirty : false,
|
||||
value : _.isUndefined( params.value ) ? null : params.value,
|
||||
transport : params.transport || 'refresh',
|
||||
type : params.type || 'option'
|
||||
}
|
||||
);
|
||||
// assign the value sent from the server
|
||||
|
||||
var SettingConstructor = api.settingConstructor[ settingArgs.type ] || api.Setting;
|
||||
|
||||
// extend with specific additional options provided on registration
|
||||
if ( _.isObject( params.options ) ) {
|
||||
settingArgs = _.extend( settingArgs , params.options );
|
||||
}
|
||||
|
||||
try { api.add( new SettingConstructor( params.id, settingArgs.value, settingArgs ) ); } catch ( er ) {
|
||||
api.errare( 'api.CZR_Helpers::register => problem when adding a setting to the api', er );
|
||||
}
|
||||
break;
|
||||
|
||||
|
||||
case 'panel' :
|
||||
// Check if we have a correct section
|
||||
if ( ! _.has( params, 'id' ) ){
|
||||
throw new Error( 'registerPanel => missing panel id ');
|
||||
}
|
||||
|
||||
if ( api.panel.has( params.id ) ) {
|
||||
//api.errare( 'registerPanel => ' + params.id + ' is already registered');
|
||||
break;
|
||||
}
|
||||
|
||||
defaults = $.extend( true, {}, api.Panel.prototype.defaults );
|
||||
var panelParams = _.extend(
|
||||
defaults , {
|
||||
id: params.id,
|
||||
title: params.title || params.id,
|
||||
priority: _.has( params, 'priority' ) ? params.priority : 0
|
||||
}
|
||||
);
|
||||
|
||||
var PanelConstructor = _.isObject( params.constructWith ) ? params.constructWith : api.Panel;
|
||||
|
||||
// extend with specific additional options provided on registration
|
||||
if ( _.isObject( params.options ) ) {
|
||||
panelParams = _.extend( panelParams , params.options );
|
||||
}
|
||||
panelParams = _.extend( { params: panelParams }, panelParams ); // Inclusion of params alias is for back-compat for custom panels that expect to augment this property.
|
||||
|
||||
try { __element__ = api.panel.add( new PanelConstructor( params.id, panelParams ) ); } catch ( er ) {
|
||||
api.errare( 'api.CZR_Helpers::register => problem when adding a panel to the api', er );
|
||||
}
|
||||
break;
|
||||
|
||||
|
||||
case 'section' :
|
||||
// MAYBE REGISTER THE SECTION
|
||||
// Check if we have a correct section
|
||||
if ( ! _.has( params, 'id' ) ){
|
||||
throw new Error( 'registerSection => missing section id ');
|
||||
}
|
||||
|
||||
if ( api.section.has( params.id ) ) {
|
||||
//api.infoLog( 'registerSection => ' + params.id + ' is already registered');
|
||||
break;
|
||||
}
|
||||
|
||||
defaults = $.extend( true, {}, api.Section.prototype.defaults );
|
||||
var sectionParams = _.extend(
|
||||
defaults, {
|
||||
content : '',
|
||||
id: params.id,
|
||||
title: params.title,
|
||||
panel: params.panel,
|
||||
priority: params.priority,
|
||||
description_hidden : false,
|
||||
customizeAction: serverControlParams.i18n['Customizing']
|
||||
}
|
||||
);
|
||||
|
||||
var SectionConstructor = api.Section;
|
||||
if ( ! _.isUndefined( params.constructWith ) ) {
|
||||
SectionConstructor = params.constructWith;
|
||||
} else if ( ! _.isEmpty( params.type ) && api.sectionConstructor[ params.type ] ) {
|
||||
SectionConstructor = api.sectionConstructor[ params.type ];
|
||||
}
|
||||
|
||||
// extend with specific additional options provided on registration
|
||||
if ( _.isObject( params.options ) ) {
|
||||
sectionParams = _.extend( sectionParams , params.options );
|
||||
}
|
||||
|
||||
sectionParams = _.extend( { params: sectionParams }, sectionParams ); // Inclusion of params alias is for back-compat for custom panels that expect to augment this property.
|
||||
try { __element__ = api.section.add( new SectionConstructor( params.id, sectionParams ) ); } catch ( er ) {
|
||||
api.errare( 'api.CZR_Helpers::register => problem when adding a section to the api', er );
|
||||
}
|
||||
break;
|
||||
|
||||
|
||||
case 'control' :
|
||||
if ( api.control.has( params.id ) ) {
|
||||
//api.errorLog( 'registerControl => ' + params.id + ' is already registered');
|
||||
break;
|
||||
}
|
||||
|
||||
//@see api.settings.controls,
|
||||
defaults = $.extend( true, {}, api.Control.prototype.defaults );
|
||||
var controlArgs = _.extend(
|
||||
defaults,
|
||||
{
|
||||
content : '',
|
||||
label : params.label || params.id,
|
||||
priority : params.priority,
|
||||
section : params.section,
|
||||
settings: params.settings,
|
||||
type : params.type, //'czr_module',
|
||||
module_type : params.module_type,
|
||||
input_attrs : params.input_attrs,//<= can be used with the builtin "button" type control
|
||||
sek_registration_params : params// <= used when refreshing a level for example
|
||||
}
|
||||
),
|
||||
ControlConstructor = api.controlConstructor[ controlArgs.type ] || api.Control,
|
||||
options;
|
||||
|
||||
// extend with specific additional options provided on registration
|
||||
if ( _.isObject( params.options ) ) {
|
||||
controlArgs = _.extend( controlArgs, params.options );
|
||||
}
|
||||
|
||||
options = _.extend( { params: controlArgs }, controlArgs ); // Inclusion of params alias is for back-compat for custom controls that expect to augment this property.
|
||||
|
||||
try { __element__ = api.control.add( new ControlConstructor( params.id, options ) ); } catch ( er ) {
|
||||
api.errare( 'api.CZR_Helpers::register => problem when adding a control to the api', er );
|
||||
}
|
||||
break;
|
||||
default :
|
||||
api.errorLog('invalid "what" when invoking the register() method');
|
||||
break;
|
||||
|
||||
}//switch
|
||||
__element__ = ! _.isEmpty( __element__ ) ? __element__ : { deferred : { embedded : $.Deferred( function() { this.resolve(); }) } };
|
||||
|
||||
// this is where we populate the registered collection
|
||||
// if the registered element is "tracked", we inform the api about its registration
|
||||
// @see Nimble or Contextualizer for tracking usage => ui re-rendering, etc...
|
||||
if ( false !== params.track ) {
|
||||
api.trigger( 'czr-new-registered', params );
|
||||
}
|
||||
|
||||
return 'setting' == params.what ? params : __element__.deferred.embedded;
|
||||
}
|
||||
});//$.extend
|
||||
// $( window ).on( 'message', function( e, o) {
|
||||
// api.consoleLog('WHAT ARE WE LISTENING TO?', e, o );
|
||||
// });
|
||||
})( wp.customize , jQuery, _);
|
||||
+320
@@ -0,0 +1,320 @@
|
||||
|
||||
(function (api, $, _) {
|
||||
api.CZR_Helpers = api.CZR_Helpers || {};
|
||||
//////////////////////////////////////////////////
|
||||
/// ACTIONS AND DOM LISTENERS
|
||||
//////////////////////////////////////////////////
|
||||
//adds action to an existing event map
|
||||
//@event map = [ {event1}, {event2}, ... ]
|
||||
//@new_event = { trigger : event name , actions : [ 'cb1', 'cb2', ... ] }
|
||||
api.CZR_Helpers = $.extend( api.CZR_Helpers, {
|
||||
css_loader_html : '<div class="czr-css-loader czr-mr-loader" style="display:none"><div></div><div></div><div></div></div>',
|
||||
|
||||
//While a control should always have a default setting,
|
||||
//It can have additional setting assigned
|
||||
//This method returns the default setting or the specified type if requested
|
||||
//Example : header_image has default and data
|
||||
getControlSettingId : function( control_id, setting_type ) {
|
||||
setting_type = 'default' || setting_type;
|
||||
if ( ! api.control.has( control_id ) ) {
|
||||
// api.consoleLog( 'getControlSettingId : The requested control_id is not registered in the api yet : ' + control_id );
|
||||
return control_id;
|
||||
}
|
||||
if ( ! _.has( api.control( control_id ), 'settings' ) || _.isEmpty( api.control( control_id ).settings ) )
|
||||
return control_id;
|
||||
|
||||
if ( ! _.has( api.control( control_id ).settings, setting_type ) ) {
|
||||
api.consoleLog( 'getControlSettingId : The requested control_id does not have the requested setting type : ' + control_id + ' , ' + setting_type );
|
||||
return control_id;
|
||||
}
|
||||
if ( _.isUndefined( api.control( control_id ).settings[setting_type].id ) ) {
|
||||
api.consoleLog( 'getControlSettingId : The requested control_id has no setting id assigned : ' + control_id );
|
||||
return control_id;
|
||||
}
|
||||
return api.control( control_id ).settings[setting_type].id;
|
||||
},
|
||||
|
||||
|
||||
|
||||
getDocSearchLink : function( text ) {
|
||||
text = ! _.isString(text) ? '' : text;
|
||||
var _searchtext = text.replace( / /g, '+'),
|
||||
_url = [ serverControlParams.docURL, 'search?query=', _searchtext ].join('');
|
||||
return [
|
||||
'<a href="' + _url + '" title="' + serverControlParams.i18n.readDocumentation + '" target="_blank">',
|
||||
' ',
|
||||
'<span class="far fa-question-circle-o"></span>'
|
||||
].join('');
|
||||
},
|
||||
|
||||
|
||||
/*
|
||||
* @return string
|
||||
* simple helper to build the setting wp api ready id
|
||||
*/
|
||||
build_setId : function ( setId ) {
|
||||
if ( _.isUndefined( window.themeServerControlParams ) || ! _.isArray( themeServerControlParams.wpBuiltinSettings ) ) {
|
||||
//api.errorLog( 'build_setId => missing themeServerControlParams !');
|
||||
return setId;
|
||||
}
|
||||
//exclude the WP built-in settings like blogdescription, show_on_front, etc
|
||||
if ( _.contains( themeServerControlParams.wpBuiltinSettings, setId ) )
|
||||
return setId;
|
||||
|
||||
// //extract the setting id for theme mods
|
||||
// var _pattern;
|
||||
|
||||
//exclude the WP built-in settings like sidebars_widgets*, nav_menu_*, widget_*, custom_css
|
||||
// var _patterns = [ 'widget_', 'nav_menu', 'sidebars_', 'custom_css' ],
|
||||
// _isExcld = false;
|
||||
// _.each( _patterns, function( _ptrn ) {
|
||||
// if ( _isExcld )
|
||||
// return;
|
||||
// _isExcld = _ptrn == setId.substring( 0, _ptrn.length );
|
||||
// });
|
||||
// if ( _isExcld )
|
||||
// return setId;
|
||||
if ( ! _.contains( themeServerControlParams.themeSettingList, setId ) )
|
||||
return setId;
|
||||
|
||||
return -1 == setId.indexOf( themeServerControlParams.themeOptions ) ? [ themeServerControlParams.themeOptions +'[' , setId , ']' ].join('') : setId;
|
||||
},
|
||||
|
||||
/*
|
||||
* @return string
|
||||
* simple helper to extract the option name from a setting id
|
||||
*/
|
||||
getOptionName : function( name ) {
|
||||
if ( _.isEmpty( window.themeServerControlParams ) || _.isEmpty( themeServerControlParams.themeOptions ) ) {
|
||||
//api.errorLog( 'getOptionName => missing themeServerControlParams !');
|
||||
return name;
|
||||
}
|
||||
var self = this;
|
||||
//targets only the options of the theme
|
||||
if ( -1 == name.indexOf( themeServerControlParams.themeOptions) )
|
||||
return name;
|
||||
return name.replace(/\[|\]/g, '').replace( themeServerControlParams.themeOptions, '');
|
||||
},
|
||||
|
||||
|
||||
|
||||
//@return bool
|
||||
//@uses api.czr_partials
|
||||
hasPartRefresh : function( setId ) {
|
||||
if ( ! _.has( api, 'czr_partials') )
|
||||
return;
|
||||
return _.contains( _.map( api.czr_partials(), function( partial, key ) {
|
||||
return _.contains( partial.settings, setId );
|
||||
}), true );
|
||||
},
|
||||
|
||||
//@return the array of controls in a given section_id
|
||||
getSectionControlIds : function( section_id ) {
|
||||
section_id = section_id || api.czr_activeSectionId();
|
||||
return ! api.section.has( section_id ) ?
|
||||
[] :
|
||||
_.map( api.section( section_id ).controls(), function( _ctrl ) {
|
||||
return _ctrl.id;
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
//1) get the control of a given section
|
||||
//2) for each control get the associated setting(s)
|
||||
//=> important, a control might have several associated settings. Typical example : header_image.
|
||||
//@return [] of setting ids for a given czr section
|
||||
getSectionSettingIds : function( section_id ) {
|
||||
section_id = section_id || api.czr_activeSectionId();
|
||||
if ( ! api.section.has( section_id) )
|
||||
return;
|
||||
var self = this,
|
||||
_sec_settings = [],
|
||||
_sec_controls = self.getSectionControlIds( section_id );
|
||||
|
||||
_.each( _sec_controls, function( ctrlId ) {
|
||||
_.each( api.control(ctrlId).settings, function( _instance, _k ) {
|
||||
_sec_settings.push( _instance.id );
|
||||
});
|
||||
});
|
||||
return _sec_settings;
|
||||
},
|
||||
|
||||
|
||||
//////////////////////////////////////////////////
|
||||
/// STRINGS HELPERS
|
||||
//////////////////////////////////////////////////
|
||||
capitalize : function( string ) {
|
||||
if( ! _.isString(string) )
|
||||
return string;
|
||||
return string.charAt(0).toUpperCase() + string.slice(1);
|
||||
},
|
||||
|
||||
truncate : function( string, n, useWordBoundary ){
|
||||
if ( ! _.isString( string ) )
|
||||
return '';
|
||||
n = n || 20;
|
||||
var isTooLong = string.length > n,
|
||||
s_ = isTooLong ? string.substr(0,n-1) : string;
|
||||
s_ = (useWordBoundary && isTooLong) ? s_.substr(0,s_.lastIndexOf(' ')) : s_;
|
||||
return isTooLong ? s_ + '...' : s_;
|
||||
},
|
||||
|
||||
|
||||
//////////////////////////////////////////////////
|
||||
/// STRINGS HELPERS
|
||||
//////////////////////////////////////////////////
|
||||
//is a module multi item ?
|
||||
//@return bool
|
||||
isMultiItemModule : function( module_type, moduleInst ) {
|
||||
if ( _.isUndefined( module_type ) && ! _.isObject( moduleInst ) )
|
||||
return;
|
||||
if ( _.isObject( moduleInst ) && _.has( moduleInst, 'module_type' ) )
|
||||
module_type = moduleInst.module_type;
|
||||
else if ( _.isUndefined( module_type ) || _.isNull( module_type ) )
|
||||
return;
|
||||
if ( ! _.has( api.czrModuleMap, module_type ) )
|
||||
return;
|
||||
|
||||
return api.czrModuleMap[module_type].crud || api.czrModuleMap[module_type].multi_item || false;
|
||||
},
|
||||
|
||||
//is a module crud ?
|
||||
//@return bool
|
||||
isCrudModule : function( module_type, moduleInst ) {
|
||||
if ( _.isUndefined( module_type ) && ! _.isObject( moduleInst ) )
|
||||
return;
|
||||
if ( _.isObject( moduleInst ) && _.has( moduleInst, 'module_type' ) )
|
||||
module_type = moduleInst.module_type;
|
||||
else if ( _.isUndefined( module_type ) || _.isNull( module_type ) )
|
||||
return;
|
||||
if ( ! _.has( api.czrModuleMap, module_type ) )
|
||||
return;
|
||||
|
||||
return api.czrModuleMap[module_type].crud || false;
|
||||
},
|
||||
|
||||
//is a module crud ?
|
||||
//@return bool
|
||||
hasModuleModOpt : function( module_type, moduleInst ) {
|
||||
if ( _.isUndefined( module_type ) && ! _.isObject( moduleInst ) )
|
||||
return;
|
||||
if ( _.isObject( moduleInst ) && _.has( moduleInst, 'module_type' ) )
|
||||
module_type = moduleInst.module_type;
|
||||
else if ( _.isUndefined( module_type ) || _.isNull( module_type ) )
|
||||
return;
|
||||
if ( ! _.has( api.czrModuleMap, module_type ) )
|
||||
return;
|
||||
|
||||
return api.czrModuleMap[module_type].has_mod_opt || false;
|
||||
},
|
||||
|
||||
|
||||
|
||||
//@self explanatory: removes a collection of input from a parent item or modOpt instance
|
||||
//Triggered by : user actions usually when an item is collapsed or when the modOpt panel is closed
|
||||
removeInputCollection : function() {
|
||||
var inputParentInst = this;//<= because fired with .call( inputParentInst )
|
||||
if ( ! _.isFunction( inputParentInst ) ) {
|
||||
throw new Error( 'removeInputCollection : inputParentInst is not valid.' );
|
||||
}
|
||||
if ( ! _.has( inputParentInst, 'czr_Input') )
|
||||
return;
|
||||
//remove each input api.Value() instance
|
||||
inputParentInst.czr_Input.each( function( _input ) {
|
||||
inputParentInst.czr_Input.remove( _input.id );
|
||||
});
|
||||
//reset the input collection property
|
||||
inputParentInst.inputCollection({});
|
||||
},
|
||||
|
||||
//Re-instantiate a module control based on its id
|
||||
//@param wpSetId : the api id of the control to refresh
|
||||
refreshModuleControl : function( wpSetId ) {
|
||||
var _constructor = api.controlConstructor.czr_module,
|
||||
_control_type = api.control( wpSetId ).params.type,
|
||||
_control_data = api.settings.controls[wpSetId];
|
||||
|
||||
//remove the container and its control
|
||||
$.when( api.control( wpSetId ).container.remove() ).done( function() {
|
||||
//remove the control from the api control collection
|
||||
api.control.remove( wpSetId );
|
||||
|
||||
//re-instantiate the control with the updated _control_data
|
||||
api.control.add( wpSetId, new _constructor( wpSetId, { params : _control_data, previewer : api.previewer }) );
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
// BOOLEAN CHECK
|
||||
// @return bool
|
||||
isChecked : function( v ) {
|
||||
if ( _.isBoolean( v ) ) {
|
||||
return v;
|
||||
} else if ( _.isNumber( v ) ) {
|
||||
return v > 0;
|
||||
} else if ( _.isString( v ) ) {
|
||||
return '0' !== v && '' !== v && 'off' !== v;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
|
||||
// COLORS
|
||||
hexToRgb : function( hex ) {
|
||||
// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
|
||||
var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
|
||||
try {
|
||||
hex = hex.replace(shorthandRegex, function(m, r, g, b) {
|
||||
return r + r + g + g + b + b;
|
||||
});
|
||||
} catch( er ) {
|
||||
api.errorLog( 'Error in Helpers::hexToRgb : ' + er );
|
||||
return hex;
|
||||
}
|
||||
|
||||
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec( hex );
|
||||
result = result ? [
|
||||
parseInt(result[1], 16),//r
|
||||
parseInt(result[2], 16),//g
|
||||
parseInt(result[3], 16)//b
|
||||
] : [];
|
||||
return 'rgb(' + result.join(',') + ')';
|
||||
},
|
||||
|
||||
rgbToHex : function ( r, g, b ) {
|
||||
var componentToHex = function(c) {
|
||||
var hex = c.toString(16);
|
||||
return hex.length == 1 ? "0" + hex : hex;
|
||||
};
|
||||
return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
|
||||
},
|
||||
|
||||
|
||||
|
||||
// inspired from wp.template in wp-includes/js/wp-util.js
|
||||
parseTemplate : _.memoize(function ( html ) {
|
||||
var compiled,
|
||||
/*
|
||||
* Underscore's default ERB-style templates are incompatible with PHP
|
||||
* when asp_tags is enabled, so WordPress uses Mustache-inspired templating syntax.
|
||||
*
|
||||
* @see trac ticket #22344.
|
||||
*/
|
||||
options = {
|
||||
evaluate: /<#([\s\S]+?)#>/g,
|
||||
interpolate: /\{\{\{([\s\S]+?)\}\}\}/g,
|
||||
escape: /\{\{([^\}]+?)\}\}(?!\})/g,
|
||||
variable: 'data'
|
||||
};
|
||||
|
||||
return function ( data ) {
|
||||
compiled = compiled || _.template( html, options );
|
||||
return compiled( data );
|
||||
};
|
||||
})
|
||||
});//$.extend
|
||||
// $( window ).on( 'message', function( e, o) {
|
||||
// api.consoleLog('WHAT ARE WE LISTENING TO?', e, o );
|
||||
// });
|
||||
})( wp.customize , jQuery, _);
|
||||
+223
@@ -0,0 +1,223 @@
|
||||
|
||||
(function (api, $, _) {
|
||||
api.CZR_Helpers = api.CZR_Helpers || {};
|
||||
//////////////////////////////////////////////////
|
||||
/// ACTIONS AND DOM LISTENERS
|
||||
//////////////////////////////////////////////////
|
||||
//adds action to an existing event map
|
||||
//@event map = [ {event1}, {event2}, ... ]
|
||||
//@new_event = { trigger : event name , actions : [ 'cb1', 'cb2', ... ] }
|
||||
api.CZR_Helpers = $.extend( api.CZR_Helpers, {
|
||||
addActions : function( event_map, new_events, instance ) {
|
||||
var control = this;
|
||||
instance = instance || control;
|
||||
instance[event_map] = instance[event_map] || [];
|
||||
new_event_map = _.clone( instance[event_map] );
|
||||
instance[event_map] = _.union( new_event_map, ! _.isArray(new_events) ? [new_events] : new_events );
|
||||
},
|
||||
|
||||
doActions : function( action, $dom_el, obj ) {
|
||||
$dom_el.trigger( action, obj );
|
||||
},
|
||||
|
||||
|
||||
//@args = {model : model, dom_el : $_view_el, refreshed : _refreshed }
|
||||
setupDOMListeners : function( event_map , args, instance ) {
|
||||
var control = this,
|
||||
_defaultArgs = {
|
||||
model : {},
|
||||
dom_el : {}
|
||||
};
|
||||
|
||||
instance = instance || control;
|
||||
//event_map : are we good ?
|
||||
if ( ! _.isArray( event_map ) ) {
|
||||
api.errare( 'setupDomListeners : event_map should be an array', args );
|
||||
return;
|
||||
}
|
||||
|
||||
//args : are we good ?
|
||||
if ( ! _.isObject( args ) ) {
|
||||
api.errare( 'setupDomListeners : args should be an object', event_map );
|
||||
return;
|
||||
}
|
||||
|
||||
args = _.extend( _defaultArgs, args );
|
||||
|
||||
// => we need a dom_el as an existing jQuery object
|
||||
if ( ! ( args.dom_el instanceof jQuery ) || 1 > args.dom_el.length ) {
|
||||
api.errare( 'setupDomListeners : dom element should be an existing dom element', args );
|
||||
return;
|
||||
}
|
||||
|
||||
//loop on the event map and map the relevant callbacks by event name
|
||||
// @param _event :
|
||||
//{
|
||||
// trigger : '',
|
||||
// selector : '',
|
||||
// name : '',
|
||||
// actions : ''
|
||||
// },
|
||||
_.map( event_map , function( _event ) {
|
||||
if ( ! _.isString( _event.selector ) || _.isEmpty( _event.selector ) ) {
|
||||
api.errare( 'setupDOMListeners : selector must be a string not empty. Aborting setup of action(s) : ' + _event.actions.join(',') );
|
||||
return;
|
||||
}
|
||||
|
||||
//Are we good ?
|
||||
if ( ! _.isString( _event.selector ) || _.isEmpty( _event.selector ) ) {
|
||||
api.errare( 'setupDOMListeners : selector must be a string not empty. Aborting setup of action(s) : ' + _event.actions.join(',') );
|
||||
return;
|
||||
}
|
||||
|
||||
// if ( ! _event.name && ! _.isEmpty( _event.name ) ) {
|
||||
// api.errare('in setupDOMListeners : missing name', _event );
|
||||
// }
|
||||
|
||||
// DON'T CREATE THE SAME LISTENERS MULTIPLE TIMES
|
||||
//Make sure that we add this listener only once to a particular dom element
|
||||
//A listener id is a combination of event name + selector
|
||||
//if not set, the name is a concatenation of trigger + selector
|
||||
var _name = ( _event.name && ! _.isEmpty( _event.name ) ) ? _event.name : [ _event.trigger, _event.selector ].join('');
|
||||
|
||||
var _currentListenerCollection = args.dom_el.data( 'czr-listener-collection' );
|
||||
if ( ! _currentListenerCollection || ! _.isArray( _currentListenerCollection ) ) {
|
||||
_currentListenerCollection = [ _name ];
|
||||
} else {
|
||||
_currentListenerCollection = _.isArray( _currentListenerCollection ) ? _currentListenerCollection : [];
|
||||
if ( ! _.contains( _currentListenerCollection, _name ) ) {
|
||||
_currentListenerCollection.push( _name );
|
||||
} else {
|
||||
api.errare('setupDOMListeners : aborting because listener already created for event : ' + _name );
|
||||
return;
|
||||
}
|
||||
|
||||
}
|
||||
// add this listener to the collection
|
||||
args.dom_el.data( 'czr-listener-collection' , _currentListenerCollection );
|
||||
|
||||
//LISTEN TO THE DOM => USES EVENT DELEGATION
|
||||
args.dom_el.on( _event.trigger , _event.selector, function( e, event_params ) {
|
||||
//stop propagation to ancestors modules, typically a sektion
|
||||
e.stopPropagation();
|
||||
//particular treatment
|
||||
if ( api.utils.isKeydownButNotEnterEvent( e ) ) {
|
||||
return;
|
||||
}
|
||||
e.preventDefault(); // Keep this AFTER the key filter above
|
||||
|
||||
//It is important to deconnect the original object from its source
|
||||
//=> because we will extend it when used as params for the action chain execution
|
||||
var actionsParams = $.extend( true, {}, args );
|
||||
|
||||
//always get the latest model from the collection
|
||||
if ( _.has( actionsParams, 'model') && _.has( actionsParams.model, 'id') ) {
|
||||
if ( _.has( instance, 'get' ) )
|
||||
actionsParams.model = instance();
|
||||
else
|
||||
actionsParams.model = instance.getModel( actionsParams.model.id );
|
||||
}
|
||||
|
||||
//always add the event obj to the passed args
|
||||
//+ the dom event
|
||||
$.extend( actionsParams, { event : _event, dom_event : e } );
|
||||
|
||||
//add the event param => useful for triggered event
|
||||
$.extend( actionsParams, event_params );
|
||||
|
||||
//SETUP THE EMITTERS
|
||||
//inform the container that something has happened
|
||||
//pass the model and the current dom_el
|
||||
//the model is always passed as parameter
|
||||
if ( ! _.has( actionsParams, 'event' ) || ! _.has( actionsParams.event, 'actions' ) ) {
|
||||
api.errare( 'executeEventActionChain : missing obj.event or obj.event.actions' );
|
||||
return;
|
||||
}
|
||||
if ( serverControlParams.isDevMode ) {
|
||||
control.executeEventActionChain( actionsParams, instance );
|
||||
} else {
|
||||
try { control.executeEventActionChain( actionsParams, instance ); } catch( er ) {
|
||||
api.errare( 'In setupDOMListeners : problem when trying to fire actions : ' + actionsParams.event.actions , er );
|
||||
}
|
||||
}
|
||||
});//.on()
|
||||
});//_.map()
|
||||
},//setupDomListeners
|
||||
|
||||
|
||||
|
||||
//GENERIC METHOD TO SETUP EVENT LISTENER
|
||||
//NOTE : the args.event must alway be defined
|
||||
//Example of args :
|
||||
// {
|
||||
// trigger : 'click keydown',
|
||||
// selector : [ '.' + module.control.css_attr.open_pre_add_btn, '.' + module.control.css_attr.cancel_pre_add_btn ].join(','),
|
||||
// name : 'pre_add_item',
|
||||
// actions : [
|
||||
// 'closeAllItems',
|
||||
// 'closeRemoveDialogs',
|
||||
// function(obj) {
|
||||
// var module = this;
|
||||
// module.preItemExpanded.set( ! module.preItemExpanded() );
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
executeEventActionChain : function( args, instance ) {
|
||||
var control = this;
|
||||
|
||||
//if the actions param is not an array but is an anonymous function, fire it and stop there
|
||||
if ( 'function' === typeof( args.event.actions ) )
|
||||
return args.event.actions.call( instance, args );
|
||||
|
||||
//execute the various actions required
|
||||
//first normalizes the provided actions into an array of callback methods
|
||||
//then loop on the array and fire each cb if exists
|
||||
if ( ! _.isArray( args.event.actions ) )
|
||||
args.event.actions = [ args.event.actions ];
|
||||
|
||||
//if one of the callbacks returns false, then we break the loop
|
||||
//=> allows us to stop a chain of callbacks if a condition is not met
|
||||
var _break = false;
|
||||
_.map( args.event.actions, function( _cb ) {
|
||||
if ( _break )
|
||||
return;
|
||||
|
||||
var _cbCandidate = function() {};
|
||||
|
||||
// is the _cb an anonymous function ?
|
||||
// if not, we expect the method to exist in the provided object instance
|
||||
if ( 'function' === typeof( _cb ) ) {
|
||||
_cbCandidate = _cb;
|
||||
} else {
|
||||
if ( 'function' != typeof( instance[ _cb ] ) ) {
|
||||
throw new Error( 'executeEventActionChain : the action : ' + _cb + ' has not been found when firing event : ' + args.event.selector );
|
||||
} else {
|
||||
_cbCandidate = instance[ _cb ];
|
||||
}
|
||||
}
|
||||
|
||||
// Allow other actions to be bound before action and after
|
||||
//
|
||||
// => we don't want the event in the object here => we use the one in the event map if set
|
||||
// => otherwise will loop infinitely because triggering always the same cb from args.event.actions[_cb]
|
||||
// => the dom element shall be get from the passed args and fall back to the controler container.
|
||||
var $_dom_el = ( _.has(args, 'dom_el') && -1 != args.dom_el.length ) ? args.dom_el : control.container;
|
||||
|
||||
if ( 'string' === typeof( _cb ) ) {
|
||||
$_dom_el.trigger( 'before_' + _cb, _.omit( args, 'event' ) );
|
||||
}
|
||||
|
||||
//executes the _cb and stores the result in a local var
|
||||
var _cb_return = _cbCandidate.call( instance, args );
|
||||
//shall we stop the action chain here ?
|
||||
if ( false === _cb_return )
|
||||
_break = true;
|
||||
|
||||
if ( 'string' === typeof( _cb ) ) {
|
||||
//allow other actions to be bound after
|
||||
$_dom_el.trigger( 'after_' + _cb, _.omit( args, 'event' ) );
|
||||
}
|
||||
});//_.map
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _);
|
||||
+47
@@ -0,0 +1,47 @@
|
||||
|
||||
(function (api, $, _) {
|
||||
/*****************************************************************************
|
||||
* CAPTURE PREVIEW INFORMATIONS ON REFRESH + REACT TO THEM
|
||||
*****************************************************************************/
|
||||
//This promise will let us know when we have the first set of preview query ready to use
|
||||
//This is needed for modules contextually dependant
|
||||
//For example, the slider module will initialize the module model based on the contextual informations, if no items have been set yet.
|
||||
api.czr_wpQueryDataReady = api.czr_wpQueryDataReady || $.Deferred();
|
||||
api.czr_wpQueryInfos = api.czr_wpQueryInfos || new api.Value();
|
||||
|
||||
//Data are sent by the preview frame when the panel has sent the 'sync' or even better 'active' event
|
||||
api.bind( 'ready', function() {
|
||||
/* WP CONDITIONAL TAGS => stores and observes the WP conditional tags sent by the preview */
|
||||
api.previewer.bind( 'czr-query-data-ready', function( data ) {
|
||||
|
||||
api.czr_wpQueryInfos( data );
|
||||
|
||||
if ( 'pending' == api.czr_wpQueryDataReady.state() ) {
|
||||
api.czr_wpQueryDataReady.resolve( data );
|
||||
}
|
||||
});
|
||||
|
||||
//PARTIAL REFRESHS => stores and observes the partials data sent by the preview
|
||||
//=> this is used in api.CZR_Helpers.hasPartRefresh( control_id )
|
||||
//=> as of WP4.7.5, there's no way to get the list of control with partial refresh in the customize-control api
|
||||
api.previewer.bind( 'czr-partial-refresh-data', function( data ) {
|
||||
api.czr_partials = api.czr_partials || new api.Value();
|
||||
api.czr_partials.set( data );
|
||||
});
|
||||
|
||||
//PARTIAL REFRESHS : React on partial refresh done
|
||||
// @data : { set_id : api setting id }
|
||||
api.previewer.bind( 'czr-partial-refresh-done', function( data ) {
|
||||
if ( ! _.has( data, 'set_id' ) )
|
||||
return;
|
||||
var setId = api.CZR_Helpers.build_setId( data.set_id );
|
||||
if ( ! api.has( setId ) )
|
||||
return;
|
||||
//inform the control
|
||||
var ctrlId = api.CZR_Helpers.getControlSettingId( setId );
|
||||
if ( ! api.control.has( ctrlId ) )
|
||||
return;
|
||||
api.control( ctrlId ).trigger( 'czr-partial-refresh-done' );
|
||||
});
|
||||
});//api.bind('ready')
|
||||
})( wp.customize , jQuery, _ );
|
||||
+413
@@ -0,0 +1,413 @@
|
||||
var CZRInputMths = CZRInputMths || {};
|
||||
|
||||
//extends api.Value
|
||||
//an input is instanciated with the typical set of options :
|
||||
// container : $(this),
|
||||
// id : _id,
|
||||
// input_options : {} <= a set of options that are used when setting up the input type
|
||||
// input_parent : {} can be an item instance or a modOpt instance (Value instance, has a parent module)
|
||||
// input_value : $(this).find('[data-czrtype]').val(),
|
||||
// module : module,
|
||||
// transport : inherit or specified in the template with data-transport="postMessage" or "refresh".
|
||||
// type : $(this).attr('data-input-type'),
|
||||
// is_mod_opt : bool,
|
||||
// is_preItemInput : bool
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRInputMths , {
|
||||
initialize: function( name, options ) {
|
||||
if ( _.isUndefined( options.input_parent ) || _.isEmpty(options.input_parent) ) {
|
||||
throw new Error('No input_parent assigned to input ' + options.id + '. Aborting');
|
||||
}
|
||||
if ( _.isUndefined(options.module ) ) {
|
||||
throw new Error('No module assigned to input ' + options.id + '. Aborting');
|
||||
}
|
||||
|
||||
api.Value.prototype.initialize.call( this, null, options );
|
||||
|
||||
var input = this;
|
||||
//input.options = options;
|
||||
//write the options as properties, name is included
|
||||
$.extend( input, options || {} );
|
||||
|
||||
// store the constructor options
|
||||
input.constructorOptions = $.extend( true, {}, options );
|
||||
|
||||
//DEFERRED STATES
|
||||
//store the state of ready.
|
||||
input.isReady = $.Deferred();
|
||||
|
||||
//initialize to the provided value if any
|
||||
if ( ! _.isUndefined( options.input_value ) ) {
|
||||
input.set( options.input_value );
|
||||
}
|
||||
|
||||
|
||||
// Setup a default user event map
|
||||
// can be overriden when setting up the input
|
||||
var trigger_map = {
|
||||
text : 'keyup',
|
||||
textarea : 'keyup',
|
||||
password : 'keyup',
|
||||
color : 'colorpickerchange',
|
||||
range : 'input propertychange'
|
||||
};
|
||||
|
||||
// Default Input Event Map
|
||||
input.input_event_map = [
|
||||
//set input value
|
||||
{
|
||||
trigger : ['change', trigger_map[input.type] || '' ].join(' ').trim(),//was 'propertychange change click keyup input',//colorpickerchange is a custom colorpicker event @see method setupColorPicker => otherwise we don't
|
||||
selector : 'input[data-czrtype], select[data-czrtype], textarea[data-czrtype]',
|
||||
name : 'set_input_value',
|
||||
actions : function( obj ) {
|
||||
if ( ! _.has( input.input_parent, 'syncElements') || ! _.has( input.input_parent.syncElements, input.id ) ) {
|
||||
throw new Error('WARNING : THE INPUT ' + input.id + ' HAS NO SYNCED ELEMENT.');
|
||||
}
|
||||
}//was 'updateInput'
|
||||
}
|
||||
];
|
||||
|
||||
// 1) Check the input instance to see if the default callback has been overriden in an extended Constructor
|
||||
// ( @see column width module in Nimble Builder to see how the overrides works )
|
||||
// 2) if not, try to find a match with the provided constructor type
|
||||
// => fire the relevant callback with the provided input_options
|
||||
// input.type_map is declared in extend_api_base
|
||||
if ( input[input.type] && _.isFunction( input[input.type]) ) {
|
||||
try { input[input.type]( options.input_options || null ); } catch( er ) {
|
||||
api.errare( 'Error in overriden callback method in input init => for input id :' + input.id + ' in module type : ' + input.module.module_type, er );
|
||||
}
|
||||
} else if ( api.czrInputMap && _.has( api.czrInputMap, input.type ) ) {
|
||||
var _meth = api.czrInputMap[ input.type ];
|
||||
if ( _.isFunction( input[_meth]) ) {
|
||||
try { input[_meth]( options.input_options || null ); } catch( er ) {
|
||||
api.errare( 'Error in input init => for input id :' + input.id + ' in module type : ' + input.module.module_type, er );
|
||||
}
|
||||
} else if ( _.isFunction( api.czrInputMap[ input.type ] ) ) {
|
||||
try { api.czrInputMap[ input.type ].apply( input, [ options.input_options || null ] ); } catch( er ) {
|
||||
api.errare( 'Error in input init => for input id :' + input.id + ' in module type : ' + input.module.module_type, er );
|
||||
}
|
||||
}
|
||||
} else {
|
||||
api.errare('Warning the input : ' + input.id + ' with type ' + input.type + ' has no corresponding method defined in api.czrInputMap.');
|
||||
}
|
||||
|
||||
|
||||
// Visibility => typically used when implementing the input dependencies
|
||||
// true by default
|
||||
input.visible = new api.Value( true );
|
||||
input.isReady.done( function() {
|
||||
input.visible.bind( function( visible ) {
|
||||
if ( visible ) {
|
||||
input.container.stop( true, true ).slideDown( 200 );
|
||||
} else {
|
||||
input.container.stop( true, true ).slideUp( 200 );
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Enabled status => control the toggling of a "disabled" css class => blur + decrease opacity
|
||||
// used for the hueman pro slide module
|
||||
input.enabled = new api.Value( true );
|
||||
input.isReady.done( function() {
|
||||
input.enabled.bind( function( enabled ) {
|
||||
input.container.toggleClass( 'disabled', ! enabled );
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
// this method is not fired automatically
|
||||
// It has to be invoked once the input has been instantiated
|
||||
// input instantiation is performed from what is found in the DOM
|
||||
// @see api.CZR_Helpers.setupInputCollectionFromDOM
|
||||
ready : function() {
|
||||
var input = this;
|
||||
input.setupDOMListeners( input.input_event_map , { dom_el : input.container }, input );
|
||||
//Setup individual input listener
|
||||
input.callbacks.add( function() { return input.inputReact.apply( input, arguments ); } );
|
||||
//synchronizer setup
|
||||
//the input instance must be initialized. => initialize method has been done.
|
||||
$.when( input.setupSynchronizer() ).done( function() {
|
||||
input.isReady.resolve( input );
|
||||
} );
|
||||
|
||||
},
|
||||
|
||||
|
||||
//fired when input is intanciated and ready.
|
||||
//=> we must have an input instance to synchronize,
|
||||
//invoking this method in the initialize() method is too early, instance not ready
|
||||
setupSynchronizer: function() {
|
||||
var input = this,
|
||||
input_parent = input.input_parent,
|
||||
$_input_el = input.container.find('[data-czrtype]'),
|
||||
is_textarea = input.container.find('[data-czrtype]').is('textarea');
|
||||
|
||||
//@hack => todo
|
||||
//for text area inputs, the synchronizer is buggy
|
||||
// if ( is_textarea ) {
|
||||
// api.errorLog('TO DO : THE TEXTAREA INPUT ARE NOT IMPLEMENTED YET IN THE SYNCHRONIZER!');
|
||||
// }
|
||||
|
||||
var syncElement = new api.Element( $_input_el );
|
||||
input_parent.syncElements = input_parent.syncElements || {};
|
||||
input_parent.syncElements[input.id] = syncElement;//adds the input syncElement to the collection
|
||||
syncElement.sync( input );//sync with the input instance
|
||||
syncElement.set( input() );
|
||||
},
|
||||
|
||||
|
||||
|
||||
//@return void()
|
||||
//react to a single input change
|
||||
//update the collection of input
|
||||
//cb of input.callbacks.add
|
||||
inputReact : function( to, from, data ) {
|
||||
var input = this,
|
||||
_current_input_parent = input.input_parent(),
|
||||
_new_model = _.clone( _current_input_parent ),//initialize it to the current value
|
||||
_isPreItemInput = input.is_preItemInput;
|
||||
|
||||
//is this input currently enabled ?
|
||||
if ( ! input.enabled() )
|
||||
return;
|
||||
|
||||
// September 2020 => introduced an "inactive" input type in order to display pro info for Nimble
|
||||
// this input should be "hidden" type, and should not trigger an API change.
|
||||
if ( 'inactive' === input.type )
|
||||
return;
|
||||
|
||||
//make sure the _new_model is an object and is not empty
|
||||
_new_model = ( ! _.isObject(_new_model) || _.isEmpty(_new_model) ) ? {} : _new_model;
|
||||
//set the new val to the changed property
|
||||
_new_model[ input.id ] = to;
|
||||
|
||||
//inform the input_parent : item or modOpt
|
||||
input.input_parent.set( _new_model, {
|
||||
input_changed : input.id,
|
||||
input_value : input(),
|
||||
input_transport : input.transport,
|
||||
not_preview_sent : 'postMessage' === input.transport,//<= this parameter set to true will prevent the setting to be sent to the preview ( @see api.Setting.prototype.preview override ). This is useful to decide if a specific input should refresh or not the preview.
|
||||
inputRegistrationParams : input.constructorOptions
|
||||
} );
|
||||
|
||||
//Trigger and send specific events when changing a published input item
|
||||
if ( ! _isPreItemInput ) {
|
||||
//inform the input_parent that an input has changed
|
||||
//=> useful to handle dependant reactions between different inputs
|
||||
input.input_parent.trigger( input.id + ':changed', to );
|
||||
|
||||
//Each input instantiated in an item or a modOpt can have a specific transport set.
|
||||
//the input transport is hard coded in the module js template, with the attribute : data-transport="postMessage" or "refresh"
|
||||
//=> this is optional, if not set, then the transport will be inherited from the one of the module, which is inherited from the control.
|
||||
//send input to the preview. On update only, not on creation.
|
||||
if ( ! _.isEmpty( from ) || ! _.isUndefined( from ) && 'postMessage' === input.transport ) {
|
||||
input.module.sendInputToPreview( {
|
||||
input_id : input.id,
|
||||
input_parent_id : input.input_parent.id,
|
||||
to : to,
|
||||
from : from
|
||||
} );
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
/*-----------------------------------------
|
||||
SOME DEFAULT CALLBACKS
|
||||
------------------------------------------*/
|
||||
setupColorPicker : function() {
|
||||
var input = this;
|
||||
|
||||
input.container.find('input').iris( {
|
||||
palettes: true,
|
||||
hide:false,
|
||||
change : function( e, o ) {
|
||||
//if the input val is not updated here, it's not detected right away.
|
||||
//weird
|
||||
//is there a "change complete" kind of event for iris ?
|
||||
//$(this).val($(this).wpColorPicker('color'));
|
||||
//input.container.find('[data-czrtype]').trigger('colorpickerchange');
|
||||
|
||||
//synchronizes with the original input
|
||||
//OLD => $(this).val( $(this).wpColorPicker('color') ).trigger('colorpickerchange').trigger('change');
|
||||
$(this).val( o.color.toString() ).trigger('colorpickerchange').trigger('change');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
setupColorPickerAlpha : function() {
|
||||
var input = this;
|
||||
|
||||
input.container.find('input').wpColorPicker({
|
||||
palettes: true,
|
||||
//hide:false,
|
||||
width: window.innerWidth >= 1440 ? 271 : 251,
|
||||
change : function( e, o ) {
|
||||
//if the input val is not updated here, it's not detected right away.
|
||||
//weird
|
||||
//is there a "change complete" kind of event for iris ?
|
||||
//$(this).val($(this).wpColorPicker('color'));
|
||||
//input.container.find('[data-czrtype]').trigger('colorpickerchange');
|
||||
|
||||
//synchronizes with the original input
|
||||
//OLD => $(this).val( $(this).wpColorPicker('color') ).trigger('colorpickerchange').trigger('change');
|
||||
$(this).val( o.color.toString() ).trigger('colorpickerchange').trigger('change');
|
||||
},
|
||||
clear : function( e, o ) {
|
||||
//$(this).val('').trigger('colorpickerchange').trigger('change');
|
||||
input('');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
setupSelect : function() {
|
||||
var input = this;
|
||||
$('select', input.container ).not('.no-selecter-js')
|
||||
.each( function() {
|
||||
$(this).selecter({
|
||||
//triggers a change event on the view, passing the newly selected value + index as parameters.
|
||||
// callback : function(value, index) {
|
||||
// self.triggerSettingChange( window.event || {} , value, index); // first param is a null event.
|
||||
// }
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
setupIcheck : function( obj ) {
|
||||
var input = this;
|
||||
|
||||
$( 'input[type=checkbox]', input.container ).each( function(e) {
|
||||
if ( 0 !== $(this).closest('div[class^="icheckbox"]').length )
|
||||
return;
|
||||
|
||||
$(this).iCheck({
|
||||
checkboxClass: 'icheckbox_flat-grey',
|
||||
checkedClass: 'checked',
|
||||
radioClass: 'iradio_flat-grey',
|
||||
})
|
||||
.on( 'ifChanged', function(e){
|
||||
$(this).val( false === $(this).is(':checked') ? 0 : 1 );
|
||||
$(e.currentTarget).trigger('change');
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
// DEPRECATED since april 2nd 2019
|
||||
// setupGutenCheck : function( params ) {
|
||||
// var input = this;
|
||||
// var $input = input.container.find('input[type=checkbox]'),
|
||||
// $checkWrapper = $( '.czr-toggle-check', input.container );
|
||||
// var _do_ = function() {
|
||||
// $input.closest('.czr-toggle-check').toggleClass( 'is-checked', $input.is(':checked') );
|
||||
// $checkWrapper.find('svg').remove();
|
||||
// $checkWrapper.append(
|
||||
// ! $input.is(':checked') ? '<svg class="czr-toggle-check__off" width="6" height="6" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6"><path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path></svg>' : '<svg class="czr-toggle-check__on" width="2" height="6" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 6"><path d="M0 0h2v6H0z"></path></svg>'
|
||||
// );
|
||||
// };
|
||||
// $input.on( 'change', _do_ );
|
||||
// _do_();
|
||||
// },
|
||||
|
||||
// when input and label are tied by an id - for relationship
|
||||
// clicking on any of them changes the input
|
||||
// => We need a unique ID here so that input and label are tied by a unique link
|
||||
// The unique ID is generated server side as a GUID
|
||||
// @see https://www.w3.org/TR/html401/interact/forms.html#h-17.9.1
|
||||
// @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox
|
||||
setupNimbleCheck : function( params ) {
|
||||
var input = this;
|
||||
var $input = input.container.find('input[type=checkbox]'),
|
||||
$checkWrapper = $( '.czr-toggle-check', input.container );
|
||||
var _do_ = function() {};
|
||||
// $input.on( 'change', _do_ );
|
||||
// _do_();
|
||||
},
|
||||
|
||||
setupRadio : function( obj ) {
|
||||
var input = this;
|
||||
$( 'input[type=radio]', input.container ).each( function(e) {
|
||||
if ( 0 !== $(this).closest('div[class^="icheckbox"]').length )
|
||||
return;
|
||||
|
||||
$(this).iCheck({
|
||||
checkboxClass: 'icheckbox_flat-grey',
|
||||
checkedClass: 'checked',
|
||||
radioClass: 'iradio_flat-grey',
|
||||
})
|
||||
.on( 'ifChanged', function(e){
|
||||
$(e.currentTarget).trigger('change');
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
setupStepper : function( obj ) {
|
||||
var input = this;
|
||||
$('input[type="number"]',input.container ).each( function( e ) {
|
||||
$(this).stepper();
|
||||
});
|
||||
},
|
||||
|
||||
// Empty for the moment, to be overriden
|
||||
setupSimpleRange : function() {},
|
||||
|
||||
//@use rangeslider https://github.com/andreruffert/rangeslider.js
|
||||
setupRangeSlider : function( options ) {
|
||||
var input = this,
|
||||
$handle,
|
||||
_updateHandle = function(el, val) {
|
||||
var _unit = input.container.find('input').data( 'unit' );
|
||||
el.textContent = val + ( _.isEmpty( input.container.find('input').data( 'unit' ) ) ? '' : _unit );
|
||||
};
|
||||
|
||||
$( input.container ).find('input').rangeslider( {
|
||||
// Feature detection the default is `true`.
|
||||
// Set this to `false` if you want to use
|
||||
// the polyfill also in Browsers which support
|
||||
// the native <input type="range"> element.
|
||||
polyfill: false,
|
||||
|
||||
// Default CSS classes
|
||||
rangeClass: 'rangeslider',
|
||||
disabledClass: 'rangeslider--disabled',
|
||||
horizontalClass: 'rangeslider--horizontal',
|
||||
verticalClass: 'rangeslider--vertical',
|
||||
fillClass: 'rangeslider__fill',
|
||||
handleClass: 'rangeslider__handle',
|
||||
|
||||
// Callback function
|
||||
onInit: function() {
|
||||
$handle = $('.rangeslider__handle', this.$range);
|
||||
$('.rangeslider__handle', this.$range);
|
||||
_updateHandle( $handle[0], this.value );
|
||||
},
|
||||
// Callback function
|
||||
onSlide: function(position, value) {
|
||||
_updateHandle( $handle[0], value );
|
||||
},
|
||||
// Callback function
|
||||
//onSlideEnd: function(position, value) {}
|
||||
} );
|
||||
// .on('input', function() {
|
||||
// _updateHandle( $handle[0], this.value );
|
||||
// });
|
||||
},
|
||||
|
||||
// for h_alignment and h_text_alignment types
|
||||
setupHAlignement : function( input_options ) {
|
||||
var input = this,
|
||||
$wrapper = $('.sek-h-align-wrapper', input.container );
|
||||
// on init
|
||||
$wrapper.find( 'div[data-sek-align="' + input() +'"]' ).addClass('selected');
|
||||
|
||||
// on click
|
||||
$wrapper.on( 'click', '[data-sek-align]', function(evt) {
|
||||
evt.preventDefault();
|
||||
$wrapper.find('.selected').removeClass('selected');
|
||||
$.when( $(this).addClass('selected') ).done( function() {
|
||||
input( $(this).data('sek-align') );
|
||||
});
|
||||
});
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+259
@@ -0,0 +1,259 @@
|
||||
var CZRInputMths = CZRInputMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRInputMths , {
|
||||
// callback for data-input-type="upload"
|
||||
setupImageUploaderSaveAsId : function() {
|
||||
this.setupImageUploader();
|
||||
},
|
||||
|
||||
// callback for data-input-type="upload_url"
|
||||
setupImageUploaderSaveAsUrl : function() {
|
||||
this.setupImageUploader( { save_as_url : true } );
|
||||
},
|
||||
|
||||
//@param args { save_as_url : false }
|
||||
setupImageUploader : function( args ) {
|
||||
var input = this,
|
||||
_model = input();
|
||||
|
||||
args = _.extend( { save_as_url : false }, args || {} );
|
||||
input.save_as_url = args.save_as_url;
|
||||
|
||||
//an instance field where we'll store the current attachment
|
||||
input.attachment = {};
|
||||
|
||||
//do we have an html template and a input container?
|
||||
if ( ! input.container )
|
||||
return this;
|
||||
|
||||
input.tmplRendered = $.Deferred();
|
||||
input.setupContentRendering( _model, {} );
|
||||
|
||||
//valid just in the init
|
||||
input.tmplRendered
|
||||
.done( function(){
|
||||
input.czrImgUploaderBinding();
|
||||
})
|
||||
.fail( function() {
|
||||
api.errorLog( 'setupImageUploader => failed to fetch the template.');
|
||||
});
|
||||
},
|
||||
|
||||
setupContentRendering : function( to, from ) {
|
||||
var input = this, _attachment;
|
||||
//retrieve new image if 'to' is different from the saved one
|
||||
//NEED A BETTER WAY?
|
||||
if ( ( input.attachment.id != to ) && from !== to ) {
|
||||
if ( _.isEmpty( to ) ) {
|
||||
input.attachment = {};
|
||||
input.renderImageUploaderTemplate();
|
||||
// handles the case when a url is provided
|
||||
// Occurs for example when contextualizing the header_image with skope
|
||||
} else if ( ! _.isNumber( to ) ) {
|
||||
input.renderImageUploaderTemplate( { fromUrl : true, url : to });
|
||||
}
|
||||
//Has this image already been fetched ?
|
||||
_attachment = wp.media.attachment( to );
|
||||
if ( _.isObject( _attachment ) && _.has( _attachment, 'attributes' ) && _.has( _attachment.attributes, 'sizes' ) ) {
|
||||
input.attachment = _attachment.attributes;
|
||||
input.renderImageUploaderTemplate();
|
||||
}
|
||||
// If not, try to fetch it but only if the candidate "to" is a number
|
||||
else {
|
||||
if ( _.isNumber( to ) ) {
|
||||
wp.media.attachment( to ).fetch().done( function() {
|
||||
input.attachment = this.attributes;
|
||||
input.renderImageUploaderTemplate();
|
||||
}).fail( function() {
|
||||
api.errorLog('renderImageUploaderTemplate => failed attempt to fetch an img with id : ' + to );
|
||||
// input.attachment = {};
|
||||
// input.renderImageUploaderTemplate();
|
||||
});
|
||||
}
|
||||
}
|
||||
}//Standard reaction, the image has been updated by the user or init
|
||||
else if ( ! input.attachment.id || input.attachment.id === to ) {
|
||||
input.renderImageUploaderTemplate();
|
||||
}
|
||||
},
|
||||
|
||||
czrImgUploaderBinding : function() {
|
||||
var input = this;
|
||||
//Bind events
|
||||
// Shortcut so that we don't have to use _.bind every time we add a callback.
|
||||
_.bindAll( input, 'czrImgUploadRemoveFile', 'czrImgUploadOpenFrame', 'czrImgUploadSelect');
|
||||
|
||||
// Bind events, with delegation to facilitate re-rendering.
|
||||
input.container.on( 'click keydown', '.upload-button', input.czrImgUploadOpenFrame );
|
||||
input.container.on( 'click keydown', '.thumbnail-image img', input.czrImgUploadOpenFrame );
|
||||
input.container.on( 'click keydown', '.remove-button', input.czrImgUploadRemoveFile );
|
||||
|
||||
input.bind( input.id + ':changed', function( to, from ){
|
||||
input.tmplRendered = $.Deferred();
|
||||
input.setupContentRendering( to, from );
|
||||
});
|
||||
},
|
||||
/**
|
||||
* Open the media modal.
|
||||
*/
|
||||
czrImgUploadOpenFrame: function( event ) {
|
||||
if ( api.utils.isKeydownButNotEnterEvent( event ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
if ( ! this.frame ) {
|
||||
this.czrImgUploadInitFrame();
|
||||
}
|
||||
|
||||
this.frame.open();
|
||||
},
|
||||
|
||||
/**
|
||||
* Create a media modal select frame, and store it so the instance can be reused when needed.
|
||||
*/
|
||||
czrImgUploadInitFrame: function() {
|
||||
var input = this,
|
||||
button_labels = this.getUploaderLabels();
|
||||
|
||||
input.frame = wp.media({
|
||||
button: {
|
||||
text: button_labels.frame_button
|
||||
},
|
||||
states: [
|
||||
new wp.media.controller.Library({
|
||||
title: button_labels.frame_title,
|
||||
library: wp.media.query({ type: 'image' }),
|
||||
multiple: false,
|
||||
date: false
|
||||
})
|
||||
]
|
||||
});
|
||||
// When a file is selected, run a callback.
|
||||
input.frame.on( 'select', input.czrImgUploadSelect );
|
||||
},
|
||||
|
||||
/**
|
||||
* Called when the "Remove" link is clicked. Empties the setting.
|
||||
*
|
||||
* @param {object} event jQuery Event object
|
||||
*/
|
||||
czrImgUploadRemoveFile: function( event ) {
|
||||
var input = this;
|
||||
|
||||
if ( api.utils.isKeydownButNotEnterEvent( event ) ) {
|
||||
return;
|
||||
}
|
||||
event.preventDefault();
|
||||
//reset the attachment class field
|
||||
input.attachment = {};
|
||||
//set the model
|
||||
input.set('');
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* Callback handler for when an attachment is selected in the media modal.
|
||||
* Gets the selected image information, and sets it within the input.
|
||||
*/
|
||||
czrImgUploadSelect: function() {
|
||||
var node,
|
||||
input = this,
|
||||
attachment = input.frame.state().get( 'selection' ).first().toJSON(), // Get the attachment from the modal frame.
|
||||
mejsSettings = window._wpmejsSettings || {};
|
||||
//save the attachment in a class field
|
||||
input.attachment = attachment;
|
||||
//set the model
|
||||
input.set( input.save_as_url ? attachment.url : attachment.id );
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
//////////////////////////////////////////////////
|
||||
/// HELPERS
|
||||
//////////////////////////////////////////////////
|
||||
// @param args = { fromUrl : true, url : to } || null
|
||||
renderImageUploaderTemplate: function( args ) {
|
||||
var input = this;
|
||||
args = _.extend( { fromUrl : false, url : '' }, args || {} );
|
||||
|
||||
// //do we have view template script?
|
||||
// if ( 0 === $( '#tmpl-czr-input-img-uploader-view-content' ).length ) {
|
||||
// throw new Error('renderImageUploaderTemplate => Missing template for input ' + input.id );
|
||||
// }
|
||||
|
||||
|
||||
// var view_template = wp.template('czr-input-img-uploader-view-content');
|
||||
|
||||
// // do we have an html template and a module container?
|
||||
// if ( ! view_template || ! input.container )
|
||||
// return;
|
||||
|
||||
var $_view_el = input.container.find('.' + input.module.control.css_attr.img_upload_container );
|
||||
|
||||
if ( ! $_view_el.length || 1 > input.container.length )
|
||||
return;
|
||||
|
||||
var _template_params = {
|
||||
button_labels : input.getUploaderLabels(),
|
||||
settings : input.id,
|
||||
attachment : input.attachment,
|
||||
fromUrl : args.url,
|
||||
canUpload : true
|
||||
};
|
||||
|
||||
if ( $('#tmpl-czr-img-uploader').length > 0 ) {
|
||||
$_view_el.html( wp.template( 'czr-img-uploader' )( _template_params ) );
|
||||
input.tmplRendered.resolve();
|
||||
input.container.trigger( input.id + ':content_rendered' );
|
||||
} else {
|
||||
api.CZR_Helpers.getModuleTmpl( {
|
||||
tmpl : 'img-uploader',
|
||||
module_type: 'all_modules',
|
||||
module_id : input.module.id
|
||||
} ).done( function( _serverTmpl_ ) {
|
||||
//console.log( 'renderModuleParts => success response =>', input.module.id, _serverTmpl_);
|
||||
$_view_el.html( api.CZR_Helpers.parseTemplate( _serverTmpl_ )( _template_params ) );
|
||||
input.tmplRendered.resolve();
|
||||
input.container.trigger( input.id + ':content_rendered' );
|
||||
}).fail( function( _r_ ) {
|
||||
//console.log( 'renderModuleParts => fail response =>', _r_);
|
||||
input.tmplRendered.reject( 'renderImageUploaderTemplate => Problem when fetching the tmpl from server for module : '+ input.module.id );
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
getUploaderLabels : function() {
|
||||
var _ts = serverControlParams.i18n,
|
||||
input = this,
|
||||
_map = {
|
||||
'select' : _ts.select_image,
|
||||
'change' : _ts.change_image,
|
||||
'remove' : _ts.remove_image,
|
||||
'default' : _ts.default_image,
|
||||
'placeholder' : _ts.placeholder_image,
|
||||
'frame_title' : _ts.frame_title_image,
|
||||
'frame_button': _ts.frame_button_image
|
||||
};
|
||||
|
||||
//are we fine ?
|
||||
var _fallbackmap = {};
|
||||
_.each( _map, function( ts_string, key ) {
|
||||
if ( _.isEmpty( ts_string ) ) {
|
||||
api.errorLog( 'A translated string is missing ( ' + key + ' ) for the image uploader input in module : ' + input.module.id );
|
||||
_fallbackmap[ key ] = key;
|
||||
return;
|
||||
} else {
|
||||
_fallbackmap[ key ] = ts_string;
|
||||
}
|
||||
});
|
||||
|
||||
return _fallbackmap;
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+270
@@ -0,0 +1,270 @@
|
||||
/* Fix caching, czrSelect2 default one seems to not correctly work, or it doesn't what I think it should */
|
||||
// the content_picker options are set in the module with :
|
||||
// $.extend( module.inputOptions, {
|
||||
// 'content_picker' : {
|
||||
// post : '',//<= all post types
|
||||
// taxonomy : ''//<= all taxonomy types
|
||||
// }
|
||||
// });
|
||||
// To narrow down the post or taxonomy types, the option can be set this way :
|
||||
// $.extend( module.inputOptions, {
|
||||
// 'content_picker' : {
|
||||
// post : [ 'page', 'cpt1', ...]
|
||||
// taxonomy : [ 'category', 'tag', 'Custom_Tax_1', ... ]
|
||||
// }
|
||||
// });
|
||||
// To disable all posts or taxonomy, use '_none_'
|
||||
// $.extend( module.inputOptions, {
|
||||
// 'content_picker' : {
|
||||
// post : [ 'page', 'cpt1', ...]
|
||||
// taxonomy : '_none_' //<= won't load or search in taxonomies when requesting wp in ajax
|
||||
// }
|
||||
// });
|
||||
//
|
||||
// input is an object structured this way
|
||||
// {
|
||||
// id:"2838"
|
||||
// object_type:"post"
|
||||
// title:"The Importance of Water and Drinking Lots Of It"
|
||||
// type_label:"Post"
|
||||
// url:"http://customizr-dev.dev/?p=2838"
|
||||
// }
|
||||
var CZRInputMths = CZRInputMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRInputMths , {
|
||||
// fired in the input::initialize()
|
||||
setupContentPicker: function( wpObjectTypes ) {
|
||||
var input = this,
|
||||
_event_map = [];
|
||||
|
||||
/* Dummy for the prototype purpose */
|
||||
//input.object = ['post']; //this.control.params.object_types - array('page', 'post')
|
||||
$.extend( _.isObject( wpObjectTypes ) ? wpObjectTypes : {}, {
|
||||
post : '',
|
||||
taxonomy : ''
|
||||
} );
|
||||
|
||||
input.wpObjectTypes = wpObjectTypes;
|
||||
|
||||
/* Methodize this or use a template */
|
||||
input.container.find('.czr-input').append('<select data-select-type="content-picker-select" class="js-example-basic-simple"></select>');
|
||||
|
||||
// Overrides the default input_event_map declared in ::initialize()
|
||||
input.input_event_map = [
|
||||
//set input value
|
||||
{
|
||||
trigger : 'change',
|
||||
selector : 'select[data-select-type]',
|
||||
name : 'set_input_value',
|
||||
actions : function( obj ){
|
||||
var $_changed_input = $( obj.dom_event.currentTarget, obj.dom_el ),
|
||||
_raw_val = $( $_changed_input, obj.dom_el ).czrSelect2( 'data' ),
|
||||
_val_candidate = {},
|
||||
_default = {
|
||||
id : '',
|
||||
type_label : '',
|
||||
title : '',
|
||||
object_type : '',
|
||||
url : ''
|
||||
};
|
||||
|
||||
_raw_val = _.isArray( _raw_val ) ? _raw_val[0] : _raw_val;
|
||||
if ( ! _.isObject( _raw_val ) || _.isEmpty( _raw_val ) ) {
|
||||
api.errare( 'Content Picker Input : the picked value should be an object not empty.');
|
||||
return;
|
||||
}
|
||||
|
||||
//normalize and purge useless czrSelect2 fields
|
||||
//=> skip a possible _custom_ id, used for example in the slider module to set a custom url
|
||||
_.each( _default, function( val, k ){
|
||||
if ( '_custom_' !== _raw_val.id ) {
|
||||
if ( ! _.has( _raw_val, k ) || _.isEmpty( _raw_val[ k ] ) ) {
|
||||
api.errare( 'content_picker : missing input param : ' + k );
|
||||
return;
|
||||
}
|
||||
}
|
||||
_val_candidate[ k ] = _raw_val[ k ];
|
||||
} );
|
||||
//set the value now
|
||||
input.set( _val_candidate );
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
//input.setupDOMListeners( _event_map , { dom_el : input.container }, input );
|
||||
//setup when ready.
|
||||
input.isReady.done( function() {
|
||||
input.setupContentSelecter();
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
// input is an object structured this way
|
||||
// {
|
||||
// id:"2838"
|
||||
// object_type:"post"
|
||||
// title:"The Importance of Water and Drinking Lots Of It"
|
||||
// type_label:"Post"
|
||||
// url:"http://customizr-dev.dev/?p=2838"
|
||||
// }
|
||||
setupContentSelecter : function() {
|
||||
var input = this;
|
||||
//set the previously selected value
|
||||
if ( ! _.isEmpty( input() ) ) {
|
||||
var _attributes = {
|
||||
value : input().id || '',
|
||||
title : input().title || '',
|
||||
selected : "selected"
|
||||
};
|
||||
//input.container.find('select')
|
||||
input.container.find('select').append( $( '<option>', _attributes ) );
|
||||
}
|
||||
|
||||
// Stores the current ajax action
|
||||
input.currentAjaxAction = input.currentAjaxAction || new api.Value();
|
||||
|
||||
// When the ajax action changes, reset the rendering status of the defaultContentPickerOption
|
||||
// fixes "Set Custom Url" being printed multiple times, @see https://github.com/presscustomizr/nimble-builder/issues/207
|
||||
input.currentAjaxAction.bind( function( ajaxAction ) {
|
||||
input.defaultValueHasBeenPushed = false;
|
||||
});
|
||||
|
||||
// reset the rendering status of the defaultContentPickerOption
|
||||
// fixes "Set Custom Url" being printed multiple times, @see https://github.com/presscustomizr/nimble-builder/issues/207
|
||||
input.container.find( 'select' ).on('czrSelect2:select czrSelect2:unselect czrSelect2:close czrSelect2:open', function (e) {
|
||||
input.defaultValueHasBeenPushed = false;
|
||||
});
|
||||
|
||||
input.container.find( 'select' ).czrSelect2( {
|
||||
placeholder: {
|
||||
id: '-1', // the value of the option
|
||||
title: 'Select'
|
||||
},
|
||||
data : input.setupSelectedContents(),
|
||||
// allowClear: true,
|
||||
ajax: {
|
||||
url: wp.ajax.settings.url,// was serverControlParams.AjaxUrl,
|
||||
type: 'POST',
|
||||
dataType: 'json',
|
||||
delay: 250,
|
||||
debug: true,
|
||||
data: function ( params ) {
|
||||
//for some reason I'm not getting at the moment the params.page returned when searching is different
|
||||
var page = params.page ? params.page : 0;
|
||||
page = params.term ? params.page : page;
|
||||
|
||||
// Set the current ajax action now
|
||||
input.currentAjaxAction( params.term ? "search-available-content-items-customizer" : "load-available-content-items-customizer" );
|
||||
|
||||
return {
|
||||
action : input.currentAjaxAction(),
|
||||
search : params.term,
|
||||
wp_customize : 'on',
|
||||
page : page,
|
||||
wp_object_types : JSON.stringify( input.wpObjectTypes ),
|
||||
nonce : api.settings.nonce.save
|
||||
};
|
||||
},
|
||||
// transport: function (params, success, failure) {
|
||||
// console.log('params', params );
|
||||
// console.log('success', success );
|
||||
// console.log('failure', failure );
|
||||
// var $request = $.ajax(params);
|
||||
|
||||
// $request.then(success);
|
||||
// $request.fail(failure);
|
||||
|
||||
// return $request;
|
||||
// },
|
||||
processResults: function ( data, params ) {
|
||||
//allows us to remotely set a default option like custom link when initializing the content picker input.
|
||||
var defaultContentPickerOption = { defaultOption : {
|
||||
id : '',
|
||||
title : '',
|
||||
type_label : '',
|
||||
object_type : '',
|
||||
url : ''
|
||||
}
|
||||
};
|
||||
if ( input.input_parent && input.input_parent.module ) {
|
||||
input.input_parent.module.trigger( 'set_default_content_picker_options', { defaultContentPickerOption : defaultContentPickerOption } );
|
||||
} else {
|
||||
api.infoLog(' content_picker input => ::processResults => event "set_default_content_picker_option" not triggered when in pre-item');
|
||||
}
|
||||
|
||||
if ( ! data.success ) {
|
||||
api.errare('request failure in setupContentPicker => processResults', data );
|
||||
return { results: defaultContentPickerOption.defaultOption };
|
||||
}
|
||||
|
||||
var items = data.data.items,
|
||||
_results = [];
|
||||
|
||||
// cast items to an array
|
||||
items = !_.isArray( items ) ? [] : items;
|
||||
|
||||
input.defaultValueHasBeenPushed = input.defaultValueHasBeenPushed || false;
|
||||
|
||||
if ( 'load-available-content-items-customizer' === input.currentAjaxAction() && ! _.isEmpty( defaultContentPickerOption.defaultOption ) ) {
|
||||
if ( defaultContentPickerOption.defaultOption.id && ! input.defaultValueHasBeenPushed ) {
|
||||
_results.push( defaultContentPickerOption.defaultOption );
|
||||
input.defaultValueHasBeenPushed = true;
|
||||
}
|
||||
}
|
||||
|
||||
_.each( items, function( item ) {
|
||||
_results.push({
|
||||
id : item.id,
|
||||
title : item.title,
|
||||
type_label : item.type_label,
|
||||
object_type : item.object,
|
||||
url : item.url
|
||||
});
|
||||
});
|
||||
|
||||
return {
|
||||
results: _results,
|
||||
//The pagination param will trigger the infinite load
|
||||
//@to be improved
|
||||
pagination: { more: items.length >= 1 }//<= the pagination boolean param can be tricky => here set to >= 10 because we query 10 + add a custom link item on the first query
|
||||
};
|
||||
},
|
||||
},//ajax
|
||||
templateSelection: input.czrFormatContentSelected,
|
||||
templateResult: input.czrFormatContentSelected,
|
||||
escapeMarkup: function ( markup ) { return markup; },
|
||||
});//czrSelect2 setup
|
||||
},
|
||||
|
||||
// item is structured this way :
|
||||
// {
|
||||
// id : item.id,
|
||||
// title : item.title,
|
||||
// type_label : item.type_label,
|
||||
// object_type : item.object,
|
||||
// url : item.url
|
||||
// }
|
||||
czrFormatContentSelected: function ( item ) {
|
||||
if ( item.loading ) return item.text;
|
||||
var markup = "<div class='content-picker-item'>" +
|
||||
"<div class='content-item-bar'>" +
|
||||
"<span class='czr-picker-item-title'>" + item.title + "</span>";
|
||||
|
||||
if ( item.type_label ) {
|
||||
markup += "<span class='czr-picker-item-type'>" + item.type_label + "</span>";
|
||||
}
|
||||
|
||||
markup += "</div></div>";
|
||||
|
||||
return markup;
|
||||
},
|
||||
|
||||
setupSelectedContents : function() {
|
||||
var input = this,
|
||||
_model = input();
|
||||
|
||||
return _model;
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+247
@@ -0,0 +1,247 @@
|
||||
//extends api.Value
|
||||
//options:
|
||||
// id : item.id,
|
||||
// initial_item_model : item,
|
||||
// defaultItemModel : module.defaultItemModel,
|
||||
// module : module,
|
||||
// is_added_by_user : is_added_by_user || false
|
||||
|
||||
var CZRItemMths = CZRItemMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRItemMths , {
|
||||
initialize: function( id, options ) {
|
||||
if ( _.isUndefined(options.module) || _.isEmpty(options.module) ) {
|
||||
throw new Error('No module assigned to item ' + id + '. Aborting');
|
||||
}
|
||||
|
||||
var item = this;
|
||||
api.Value.prototype.initialize.call( item, null, options );
|
||||
|
||||
//DEFERRED STATES
|
||||
//store the state of ready.
|
||||
//=> we don't want the ready method to be fired several times
|
||||
item.isReady = $.Deferred();
|
||||
//will store the embedded and content rendered state
|
||||
item.embedded = $.Deferred();
|
||||
item.container = null;//will store the item $ dom element
|
||||
item.contentContainer = null;//will store the item content $ dom element
|
||||
|
||||
// this collection will be populated based on the DOM rendered input candidates
|
||||
// will allows us to set and get any individual input : item.czr_Input('font-family')()
|
||||
// declaring the collection Values here allows us to schedule actions for not yet registered inputs
|
||||
// like for example :
|
||||
// => when the font-family input is registered, then listen to it
|
||||
// item.czr_Input.when( 'font-family', function( _input_ ) {
|
||||
// _input_.bind( function( to, from ) {
|
||||
// console.log('font-family input changed ', to ,from );
|
||||
// });
|
||||
// });
|
||||
item.czr_Input = new api.Values();
|
||||
|
||||
// the item.inputCollection stores all instantiated input from DOM at the end of api.CZR_Helpers.setupInputCollectionFromDOM.call( item );
|
||||
// the collection of each individual input object is stored in item.czr_Input()
|
||||
// this inputCollection is designed to be listened to, in order to fire action when the collection has been populated.
|
||||
item.inputCollection = new api.Value({});
|
||||
|
||||
//VIEW STATES FOR ITEM AND REMOVE DIALOG
|
||||
//viewState stores the current expansion status of a given view => one value by created by item.id
|
||||
//viewState can take 3 values : expanded, expanded_noscroll (=> used on view creation), closed
|
||||
item.viewState = new api.Value( 'closed' );
|
||||
item.removeDialogVisible = new api.Value( false );
|
||||
|
||||
//input.options = options;
|
||||
//write the options as properties, name is included
|
||||
$.extend( item, options || {} );
|
||||
|
||||
//declares a default model
|
||||
item.defaultItemModel = _.clone( options.defaultItemModel ) || { id : '', title : '' };
|
||||
|
||||
//set initial values
|
||||
var _initial_model = $.extend( item.defaultItemModel, options.initial_item_model );
|
||||
|
||||
// Check initial model here : to be overriden in each module
|
||||
_initial_model = item.validateItemModelOnInitialize( _initial_model );
|
||||
|
||||
//this won't be listened to at this stage
|
||||
item.set( _initial_model );
|
||||
|
||||
//USER EVENT MAP
|
||||
item.userEventMap = new api.Value( [
|
||||
//toggles remove view alert
|
||||
{
|
||||
trigger : 'click keydown',
|
||||
selector : [ '.' + item.module.control.css_attr.display_alert_btn, '.' + item.module.control.css_attr.cancel_alert_btn ].join(','),
|
||||
name : 'toggle_remove_alert',
|
||||
actions : ['toggleRemoveAlert']
|
||||
},
|
||||
//removes item and destroys its view
|
||||
{
|
||||
trigger : 'click keydown',
|
||||
selector : '.' + item.module.control.css_attr.remove_view_btn,
|
||||
name : 'remove_item',
|
||||
actions : ['removeItem']
|
||||
},
|
||||
//edit view
|
||||
{
|
||||
trigger : 'click keydown',
|
||||
selector : [ '.' + item.module.control.css_attr.edit_view_btn, '.' + item.module.control.css_attr.item_title ].join(','),
|
||||
name : 'edit_view',
|
||||
actions : [ 'setViewVisibility' ]
|
||||
},
|
||||
//clone view
|
||||
{
|
||||
trigger : 'click keydown',
|
||||
selector : '.czr-clone-item',
|
||||
name : 'clone_view',
|
||||
actions : function( args ) {
|
||||
args = args || {};
|
||||
var _cloned_item_model = $.extend( {}, true, item() );
|
||||
_cloned_item_model.id = '';
|
||||
this.module.addItem( args, _cloned_item_model ).done( function() {
|
||||
// Nimble Builder => make sure the dynamic stylesheet is refreshed
|
||||
if ( window.sektionsLocalizedData && api.czr_skopeBase ) {
|
||||
api.previewer.trigger( 'sek-refresh-stylesheet', {
|
||||
local_skope_id : api.czr_skopeBase.getSkopeProperty( 'skope_id' ),
|
||||
location_skope_id : sektionsLocalizedData.globalSkopeId
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
//tabs navigation
|
||||
{
|
||||
trigger : 'click keydown',
|
||||
selector : '.tabs nav li',
|
||||
name : 'tab_nav',
|
||||
actions : function( args ) {
|
||||
//toggleTabVisibility is declared in the module ctor and its "this" is the item or the modOpt
|
||||
var tabIdSwitchedTo = $( args.dom_event.currentTarget, args.dom_el ).data('tab-id');
|
||||
this.module.toggleTabVisibility.call( this, tabIdSwitchedTo );
|
||||
this.trigger( 'tab-switch', { id : tabIdSwitchedTo } );
|
||||
}
|
||||
}
|
||||
]);
|
||||
|
||||
|
||||
|
||||
|
||||
//ITEM IS READY
|
||||
//1) push it to the module item collection
|
||||
//2) observe its changes
|
||||
item.isReady.done( function() {
|
||||
//push it to the collection
|
||||
item.module.updateItemsCollection( { item : item() } );
|
||||
//listen to each single item change
|
||||
item.callbacks.add( function() { return item.itemReact.apply(item, arguments ); } );
|
||||
|
||||
//SCHEDULE INPUTS SETUP
|
||||
//=> when the item content has been rendered. Typically on item expansion for a multi-items module.
|
||||
// => or for mono item, right on item.renderItemWrapper()
|
||||
item.bind( 'contentRendered', function() {
|
||||
//create the collection of inputs if needed
|
||||
//first time or after a removal
|
||||
// previous condition included : ! _.has( item, 'czr_Input' )
|
||||
if ( _.isEmpty( item.inputCollection() ) ) {
|
||||
if ( serverControlParams.isDevMode ) {
|
||||
api.CZR_Helpers.setupInputCollectionFromDOM.call( item );
|
||||
//the item.container is now available
|
||||
//Setup the tabs navigation
|
||||
//setupTabNav is defined in the module ctor and its this is the item or the modOpt
|
||||
item.module.setupTabNav.call( item );
|
||||
} else {
|
||||
try {
|
||||
api.CZR_Helpers.setupInputCollectionFromDOM.call( item );
|
||||
//the item.container is now available
|
||||
//Setup the tabs navigation
|
||||
//setupTabNav is defined in the module ctor and its this is the item or the modOpt
|
||||
item.module.setupTabNav.call( item );
|
||||
} catch( er ) {
|
||||
api.errorLog( 'In item.isReady.done : ' + er );
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//SCHEDULE INPUTS DESTROY
|
||||
item.bind( 'contentRemoved', function() {
|
||||
if ( _.has( item, 'czr_Input' ) )
|
||||
api.CZR_Helpers.removeInputCollection.call( item );
|
||||
});
|
||||
|
||||
//When shall we render the item ?
|
||||
//If the module is part of a simple control, the item can be render now,
|
||||
if ( item.canBeRendered() ) {
|
||||
item.mayBeRenderItemWrapper();
|
||||
}
|
||||
|
||||
//ITEM WRAPPER VIEW SETUP
|
||||
//defer actions on item view embedded
|
||||
item.embedded.done( function() {
|
||||
//define the item view DOM event map
|
||||
//bind actions when the item is embedded : item title, etc.
|
||||
item.itemWrapperViewSetup( _initial_model );
|
||||
});
|
||||
});//item.isReady.done()
|
||||
|
||||
//if an item is manually added : open it
|
||||
// if ( item.is_added_by_user ) {
|
||||
// item.setViewVisibility( {}, true );//empty obj because this method can be fired by the dom chain actions, always passing an object. true for added_by_user
|
||||
// }
|
||||
//item.setViewVisibility( {}, item.is_added_by_user );
|
||||
|
||||
},//initialize
|
||||
|
||||
//overridable method
|
||||
//Fired if the item has been instantiated
|
||||
//The item.callbacks are declared.
|
||||
ready : function() {
|
||||
// July 2021 introduced so we can remotely add visibility functions
|
||||
api.trigger('czr_module_item_is_ready', {
|
||||
module_type : this.module.module_type,
|
||||
item : this
|
||||
});
|
||||
this.isReady.resolve();
|
||||
},
|
||||
|
||||
// overridable method introduced with the flat skope
|
||||
// problem to solve => an instantiated item, doesn't necessary have to be rendered in a given context.
|
||||
canBeRendered : function() {
|
||||
return true;
|
||||
},
|
||||
|
||||
// @return validated model object
|
||||
// To be overriden in each module
|
||||
validateItemModelOnInitialize : function( item_model_candidate ) {
|
||||
return item_model_candidate;
|
||||
},
|
||||
|
||||
// React to a single item change
|
||||
// cb of module.czr_Item( item.id ).callbacks
|
||||
// the params can typically hold informations passed by the input that has been changed and its specific preview transport (can be PostMessage )
|
||||
// params looks like :
|
||||
// {
|
||||
// module : {}
|
||||
// input_changed : string input.id
|
||||
// input_transport : 'postMessage' or '',
|
||||
// not_preview_sent : bool
|
||||
// }
|
||||
itemReact : function( to, from, params ) {
|
||||
var item = this,
|
||||
module = item.module;
|
||||
|
||||
params = params || {};
|
||||
|
||||
//update the collection
|
||||
module.updateItemsCollection( { item : to, params : params } ).done( function() {
|
||||
//Always update the view title when the item collection has been updated
|
||||
item.writeItemViewTitle( to, params );
|
||||
});
|
||||
|
||||
//send item to the preview. On update only, not on creation.
|
||||
// if ( ! _.isEmpty(from) || ! _.isUndefined(from) ) {
|
||||
// api.consoleLog('DO WE REALLY NEED TO SEND THIS TO THE PREVIEW WITH _sendItem(to, from) ?');
|
||||
// item._sendItem(to, from);
|
||||
// }
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+98
@@ -0,0 +1,98 @@
|
||||
//extends api.CZRBaseControl
|
||||
|
||||
var CZRItemMths = CZRItemMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRItemMths , {
|
||||
//The idea is to send only the currently modified item instead of the entire collection
|
||||
//the entire collection is sent anyway on api(setId).set( value ), and accessible in the preview via api(setId).bind( fn( to) )
|
||||
_sendItem : function( to, from ) {
|
||||
var item = this,
|
||||
module = item.module,
|
||||
_changed_props = [];
|
||||
|
||||
//which property(ies) has(ve) changed ?
|
||||
_.each( from, function( _val, _key ) {
|
||||
if ( _val != to[_key] )
|
||||
_changed_props.push(_key);
|
||||
});
|
||||
|
||||
_.each( _changed_props, function( _prop ) {
|
||||
api.previewer.send( 'sub_setting', {
|
||||
set_id : module.control.id,
|
||||
id : to.id,
|
||||
changed_prop : _prop,
|
||||
value : to[_prop]
|
||||
});
|
||||
|
||||
//add a hook here
|
||||
module.trigger('item_sent', { item : to , dom_el: item.container, changed_prop : _prop } );
|
||||
});
|
||||
},
|
||||
|
||||
// fired on click event
|
||||
// @see initialize()
|
||||
toggleRemoveAlert : function() {
|
||||
var _isVisible = this.removeDialogVisible();
|
||||
this.module.closeRemoveDialogs();
|
||||
this.removeDialogVisible( ! _isVisible );
|
||||
},
|
||||
|
||||
//fired on click dom event
|
||||
//for dynamic multi input modules
|
||||
//@return void()
|
||||
//@param params : { dom_el : {}, dom_event : {}, event : {}, model {} }
|
||||
removeItem : function( params ) {
|
||||
params = params || {};
|
||||
var item = this,
|
||||
module = this.module,
|
||||
_new_collection = _.clone( module.itemCollection() );
|
||||
|
||||
//hook here
|
||||
module.trigger('pre_item_dom_remove', item() );
|
||||
|
||||
//destroy the Item DOM el
|
||||
item._destroyView();
|
||||
|
||||
//new collection
|
||||
//say it
|
||||
_new_collection = _.without( _new_collection, _.findWhere( _new_collection, {id: item.id }) );
|
||||
module.itemCollection.set( _new_collection );
|
||||
//hook here
|
||||
module.trigger('pre_item_api_remove', item() );
|
||||
|
||||
var _item_ = $.extend( true, {}, item() );
|
||||
|
||||
// <REMOVE THE ITEM FROM THE COLLECTION>
|
||||
module.czr_Item.remove( item.id );
|
||||
// </REMOVE THE ITEM FROM THE COLLECTION>
|
||||
|
||||
//refresh the preview frame (only needed if transport is postMessage && has no partial refresh set )
|
||||
//must be a dom event not triggered
|
||||
//otherwise we are in the init collection case where the items are fetched and added from the setting in initialize
|
||||
if ( 'postMessage' == api(module.control.id).transport && _.has( params, 'dom_event') && ! _.has( params.dom_event, 'isTrigger' ) && ! api.CZR_Helpers.hasPartRefresh( module.control.id ) ) {
|
||||
// api.previewer.refresh().done( function() {
|
||||
// _dfd_.resolve();
|
||||
// });
|
||||
// It would be better to wait for the refresh promise
|
||||
// The following approach to bind and unbind when refreshing the preview is similar to the one coded in module::addItem()
|
||||
var triggerEventWhenPreviewerReady = function() {
|
||||
api.previewer.unbind( 'ready', triggerEventWhenPreviewerReady );
|
||||
module.trigger( 'item-removed', _item_ );
|
||||
};
|
||||
api.previewer.bind( 'ready', triggerEventWhenPreviewerReady );
|
||||
api.previewer.refresh();
|
||||
} else {
|
||||
module.trigger( 'item-removed', _item_ );
|
||||
module.control.trigger( 'item-removed', _item_ );
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
//@return the item {...} from the collection
|
||||
//takes a item unique id as param
|
||||
getModel : function(id) {
|
||||
return this();
|
||||
}
|
||||
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+500
@@ -0,0 +1,500 @@
|
||||
|
||||
//extends api.CZRBaseControl
|
||||
var CZRItemMths = CZRItemMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRItemMths , {
|
||||
//fired on initialize for items in module embedded in a regular control
|
||||
mayBeRenderItemWrapper : function() {
|
||||
var item = this;
|
||||
|
||||
if ( 'pending' != item.embedded.state() )
|
||||
return;
|
||||
// Make sure we don't print twice
|
||||
if ( ! _.isEmpty( item.container ) && item.container.length > 0 )
|
||||
return;
|
||||
|
||||
$.when( item.renderItemWrapper() ).done( function( $_container ) {
|
||||
item.container = $_container;
|
||||
if ( _.isUndefined( item.container ) || ! item.container.length ) {
|
||||
throw new Error( 'In mayBeRenderItemWrapper the Item view has not been rendered : ' + item.id );
|
||||
} else {
|
||||
//say it
|
||||
item.embedded.resolve();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
//the view wrapper has been rendered by WP
|
||||
//the content ( the various inputs ) is rendered by the following methods
|
||||
//an event is triggered on the control.container when content is rendered
|
||||
renderItemWrapper : function( _item_model_ ) {
|
||||
//=> an array of objects
|
||||
var item = this,
|
||||
module = item.module,
|
||||
dfd = $.Deferred(),
|
||||
$_view_el;
|
||||
|
||||
// Create a deep copy of the item, so we can inject custom properties before parsing the template, without affecting the original item
|
||||
var item_model_for_template_injection = $.extend( true, {}, _item_model_ || item() );
|
||||
|
||||
var appendAndResolve = function( _tmpl_ ) {
|
||||
//if module is multi item, then render the item crud header part
|
||||
//Note : for the widget module, the getTemplateSelectorPart method is overridden
|
||||
if ( module.isMultiItem() ) {
|
||||
//do we have an html template ?
|
||||
if ( _.isEmpty( _tmpl_ ) ) {
|
||||
dfd.reject( 'renderItemWrapper => Missing html template for module : '+ module.id );
|
||||
}
|
||||
$_view_el.append( _tmpl_ );
|
||||
}
|
||||
|
||||
//then, append the item content wrapper
|
||||
$_view_el.append( $( '<div/>', { class: module.control.css_attr.item_content } ) );
|
||||
|
||||
dfd.resolve( $_view_el );
|
||||
};//appendAndResolve
|
||||
|
||||
|
||||
// allow plugin to alter the item_model before template injection
|
||||
item.trigger( 'item-model-before-item-wrapper-template-injection', item_model_for_template_injection );
|
||||
|
||||
//render the item wrapper
|
||||
$_view_el = $('<li>', { class : module.control.css_attr.single_item, 'data-id' : item_model_for_template_injection.id, id : item_model_for_template_injection.id } );
|
||||
|
||||
//append the item view to the first module view wrapper
|
||||
//!!note : => there could be additional sub view wrapper inside !!
|
||||
//$( '.' + module.control.css_attr.items_wrapper , module.container).first().append( $_view_el );
|
||||
// module.itemsWrapper has been stored as a $ var in module initialize() when the tmpl has been embedded
|
||||
module.itemsWrapper.append( $_view_el );
|
||||
|
||||
if ( module.isMultiItem() ) {
|
||||
var _template_selector;
|
||||
// Do we have view content template script?
|
||||
// if yes, let's use it <= Old way
|
||||
// Otherwise let's fetch the html template from the server
|
||||
if ( ! _.isEmpty( module.rudItemPart ) ) {
|
||||
_template_selector = module.getTemplateSelectorPart( 'rudItemPart', item_model_for_template_injection );
|
||||
//do we have view template script?
|
||||
if ( 1 > $( '#tmpl-' + _template_selector ).length ) {
|
||||
dfd.reject( 'Missing template for item ' + item.id + '. The provided template script has no been found : #tmpl-' + _template_selector );
|
||||
}
|
||||
var items_are_clonable = api.czrModuleMap[module.module_type] && api.czrModuleMap[module.module_type].items_are_clonable;
|
||||
appendAndResolve( wp.template( _template_selector )( $.extend( item_model_for_template_injection, { is_sortable : module.sortable, items_are_clonable : items_are_clonable } ) ) );
|
||||
} else {
|
||||
|
||||
// allow plugin to alter the ajax params before fetching
|
||||
var requestParams = {
|
||||
tmpl : 'rud-item-part',
|
||||
module_type: 'all_modules',
|
||||
module_id : module.id,
|
||||
control_id : module.control.id
|
||||
};
|
||||
item.trigger( 'item-wrapper-tmpl-params-before-fetching', requestParams );
|
||||
|
||||
// Let's check if the filtered requested params can find a match of a printed tmpl of the module
|
||||
// this filter 'item-wrapper-tmpl-params-before-fetching', is used in the widget zone module of the Hueman theme (june 2018 )
|
||||
// it allows us to assign a specific template for the built-in widget zones
|
||||
if ( ! _.isEmpty( module[ requestParams.tmpl ] ) ) {
|
||||
_template_selector = module.getTemplateSelectorPart( requestParams.tmpl, item_model_for_template_injection );
|
||||
//do we have view template script?
|
||||
if ( 1 > $( '#tmpl-' + _template_selector ).length ) {
|
||||
dfd.reject( 'Missing template for item ' + item.id + '. The provided template script has no been found : #tmpl-' + _template_selector );
|
||||
}
|
||||
appendAndResolve( wp.template( _template_selector )( item_model_for_template_injection ) );
|
||||
} else {
|
||||
api.CZR_Helpers.getModuleTmpl( requestParams ).done( function( _serverTmpl_ ) {
|
||||
//console.log( 'renderItemWrapper => success response =>', module.id, _serverTmpl_);
|
||||
appendAndResolve( api.CZR_Helpers.parseTemplate( _serverTmpl_ )( $.extend( item_model_for_template_injection, { is_sortable : module.sortable } ) ) );
|
||||
}).fail( function( _r_ ) {
|
||||
//console.log( 'renderItemWrapper => fail response =>', _r_);
|
||||
dfd.reject( 'renderItemWrapper => Problem when fetching the rud-item-part tmpl from server for module : '+ module.id );
|
||||
});
|
||||
}
|
||||
}
|
||||
} else {//if ( module.isMultiItem() ) {}
|
||||
appendAndResolve();
|
||||
}
|
||||
|
||||
return dfd.promise();
|
||||
},
|
||||
|
||||
|
||||
// fired when item is ready and embedded
|
||||
// define the item view DOM event map
|
||||
// bind actions when the item is embedded
|
||||
itemWrapperViewSetup : function( _item_model_ ) {
|
||||
var item = this,
|
||||
module = this.module;
|
||||
|
||||
// _item_model_ = item() || item.initial_item_model;//could not be set yet
|
||||
|
||||
// Let's create a deep copy now
|
||||
item_model = item() || item.initial_item_model;//$.extend( true, {}, _item_model_ );
|
||||
|
||||
// always write the title
|
||||
item.writeItemViewTitle();
|
||||
|
||||
|
||||
// When do we render the item content ?
|
||||
// If this is a multi-item module, let's render each item content when they are expanded.
|
||||
// In the case of a single item module, we can render the item content now.
|
||||
var _updateItemContentDeferred = function( $_item_content, to, from ) {
|
||||
//update the $.Deferred state
|
||||
if ( ! _.isUndefined( $_item_content ) && false !== $_item_content.length ) {
|
||||
item.contentContainer = $_item_content;
|
||||
// The 'contentRendered' event triggers the api.CZR_Helpers.setupInputCollectionFromDOM.call( item );
|
||||
item.trigger( 'contentRendered', { item_content : $_item_content } );
|
||||
item.toggleItemExpansion( to, item.module.isMultiItem() ? 150 : 0 );//the second param is the duration
|
||||
item.cleanLoader();
|
||||
|
||||
}
|
||||
else {
|
||||
throw new Error( 'Module : ' + item.module.id + ', the item content has not been rendered for ' + item.id );
|
||||
}
|
||||
};
|
||||
|
||||
// MULTI-ITEM MODULE
|
||||
if ( item.module.isMultiItem() ) {
|
||||
item.viewState.callbacks.add( function( to, from ) {
|
||||
//viewState can take 3 states : expanded, expanded_noscroll, closed
|
||||
var _isExpanded = -1 !== to.indexOf( 'expanded' );
|
||||
|
||||
//If this module has mod Opt, always close the opt pane on view state change
|
||||
if ( module.hasModOpt() && _isExpanded ) {
|
||||
api.czr_ModOptVisible( false, {
|
||||
module : module,//the current module for which the modOpt is being expanded
|
||||
focus : false//the id of the tab we want to focus on
|
||||
});
|
||||
}
|
||||
|
||||
if ( _isExpanded ) {
|
||||
//item already rendered ?
|
||||
if ( _.isObject( item.contentContainer ) && false !== item.contentContainer.length ) {
|
||||
//toggle on view state change
|
||||
item.toggleItemExpansion(to);
|
||||
} else {
|
||||
item.printLoader();
|
||||
item.renderItemContent( item() || item.initial_item_model )
|
||||
.done( function( $_item_content ) {
|
||||
//introduce a small delay to give some times to the modules to be printed.
|
||||
//@todo : needed ?
|
||||
//_updateItemContentDeferred = _.debounce(_updateItemContentDeferred, 50 );
|
||||
_updateItemContentDeferred( $_item_content, to, from );
|
||||
})
|
||||
.fail( function( _r_ ) {
|
||||
api.errorLog( "multi-item module => failed item.renderItemContent for module : " + module.id, _r_ );
|
||||
});
|
||||
}
|
||||
} else {
|
||||
//toggle on view state change
|
||||
item.toggleItemExpansion( to ).done( function() {
|
||||
if ( _.isObject( item.contentContainer ) && false !== item.contentContainer.length ) {
|
||||
item.trigger( 'beforeContenRemoved' );
|
||||
//Removes DOM input nodes
|
||||
$( '.' + module.control.css_attr.item_content, item.container ).children().each( function() {
|
||||
$(this).remove();
|
||||
});
|
||||
//clean any other content like a commented html markup
|
||||
$( '.' + module.control.css_attr.item_content, item.container ).html('');
|
||||
//reset the contentContainer property
|
||||
item.contentContainer = null;
|
||||
//will remove the input collection values
|
||||
item.trigger( 'contentRemoved' );
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
// SINGLE ITEM MODULE
|
||||
else {
|
||||
//react to the item state changes
|
||||
item.viewState.callbacks.add( function( to, from ) {
|
||||
//toggle on view state change
|
||||
item.toggleItemExpansion.apply( item, [ to, 0 ] );
|
||||
});
|
||||
item.printLoader();
|
||||
//renderview content now for a single item module
|
||||
item.renderItemContent( item_model )
|
||||
.done( function( $_item_content ) {
|
||||
_updateItemContentDeferred( $_item_content, true );
|
||||
//item.viewState.set('expanded');
|
||||
})
|
||||
.fail( function( _r_ ) {
|
||||
api.errare( "mono-item module => failed item.renderItemContent for module : " + module.id, _r_ );
|
||||
});
|
||||
}
|
||||
|
||||
//DOM listeners for the user action in item view wrapper
|
||||
api.CZR_Helpers.setupDOMListeners(
|
||||
item.userEventMap(),//actions to execute
|
||||
{ model:item_model, dom_el:item.container },//model + dom scope
|
||||
item //instance where to look for the cb methods
|
||||
);
|
||||
|
||||
//Listen to the remove dialog state
|
||||
item.removeDialogVisible.bind( function( visible ) {
|
||||
var module = item.module,
|
||||
$_alert_el = $( '.' + module.control.css_attr.remove_alert_wrapper, item.container ).first();
|
||||
|
||||
//first close all open items views and dialogs
|
||||
if ( visible )
|
||||
module.closeAllItems();
|
||||
|
||||
//Close Mod opts if any
|
||||
if ( visible && module.hasModOpt() ) {
|
||||
api.czr_ModOptVisible( false, {
|
||||
module : module,//the current module for which the modOpt is being expanded
|
||||
focus : false//the id of the tab we want to focus on
|
||||
});
|
||||
}
|
||||
|
||||
//Close Pre item dialog
|
||||
if ( visible && _.has( module, 'preItem' ) ) {
|
||||
module.preItemExpanded(false);
|
||||
}
|
||||
|
||||
//then close any other open remove dialog in the item container
|
||||
$('.' + module.control.css_attr.remove_alert_wrapper, item.container ).not( $_alert_el ).each( function() {
|
||||
if ( $(this).hasClass( 'open' ) ) {
|
||||
$(this).slideToggle( {
|
||||
duration : 200,
|
||||
done : function() {
|
||||
$(this).toggleClass('open' , false );
|
||||
//deactivate the icons
|
||||
$(this).siblings().find('.' + module.control.css_attr.display_alert_btn).toggleClass( 'active' , false );
|
||||
}
|
||||
} );
|
||||
}
|
||||
});
|
||||
|
||||
//print the html if dialod is expanded
|
||||
if ( visible ) {
|
||||
// Do we have view content template script?
|
||||
// if yes, let's use it <= Old way
|
||||
// Otherwise let's fetch the html template from the server
|
||||
if ( ! _.isEmpty( module.alertPart ) ) {
|
||||
if ( 1 > $( '#tmpl-' + module.alertPart ).length || _.isEmpty( item.container ) ) {
|
||||
api.errare( 'No removal alert template available for items in module :' + module.id );
|
||||
return;
|
||||
}
|
||||
$_alert_el.html( wp.template( module.alertPart )( { title : ( item().title || item.id ) } ) );
|
||||
item.trigger( 'remove-dialog-rendered');
|
||||
} else {
|
||||
api.CZR_Helpers.getModuleTmpl( {
|
||||
tmpl : 'rud-item-alert-part',
|
||||
module_type: 'all_modules',
|
||||
module_id : module.id,
|
||||
control_id : module.control.id
|
||||
} ).done( function( _serverTmpl_ ) {
|
||||
//console.log( 'item.removeDialogVisible => success response =>', module.id, _serverTmpl_);
|
||||
$_alert_el.html( api.CZR_Helpers.parseTemplate( _serverTmpl_ )( { title : ( item().title || item.id ) } ) );
|
||||
item.trigger( 'remove-dialog-rendered');
|
||||
}).fail( function( _r_ ) {
|
||||
//console.log( 'item.removeDialogVisible => fail response =>', _r_);
|
||||
api.errare( 'item.removeDialogVisible => Problem when fetching the tmpl from server for module : '+ module.id, _r_ );
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
//Slide it
|
||||
var _slideComplete = function( visible ) {
|
||||
$_alert_el.toggleClass( 'open' , visible );
|
||||
//set the active class of the clicked icon
|
||||
item.container.find('.' + module.control.css_attr.display_alert_btn ).toggleClass( 'active', visible );
|
||||
//adjust scrolling to display the entire dialog block
|
||||
if ( visible )
|
||||
module._adjustScrollExpandedBlock( item.container );
|
||||
};
|
||||
if ( visible ) {
|
||||
$_alert_el.stop( true, true ).slideDown( 200, function() { _slideComplete( visible ); } );
|
||||
} else {
|
||||
$_alert_el.stop( true, true ).slideUp( 200, function() { _slideComplete( visible ); } );
|
||||
}
|
||||
});//item.removeDialogVisible.bind()
|
||||
},//itemWrapperViewSetup
|
||||
|
||||
|
||||
|
||||
//renders saved items views and attach event handlers
|
||||
//the saved item look like :
|
||||
//array[ { id : 'sidebar-one', title : 'A Title One' }, {id : 'sidebar-two', title : 'A Title Two' }]
|
||||
renderItemContent : function( _item_model_ ) {
|
||||
//=> an array of objects
|
||||
var item = this,
|
||||
module = this.module,
|
||||
dfd = $.Deferred();
|
||||
|
||||
// Create a deep copy of the item, so we can inject custom properties before parsing the template, without affecting the original item
|
||||
var item_model_for_template_injection = $.extend( true, {}, _item_model_ || item() );
|
||||
|
||||
// allow plugin to alter the item_model before template injection
|
||||
item.trigger( 'item-model-before-item-content-template-injection', item_model_for_template_injection );
|
||||
|
||||
var appendAndResolve = function( _tmpl_ ) {
|
||||
//do we have an html template ?
|
||||
if ( _.isEmpty( _tmpl_ ) ) {
|
||||
dfd.reject( 'renderItemContent => Missing html template for module : '+ module.id );
|
||||
}
|
||||
var $itemContentWrapper = $( '.' + module.control.css_attr.item_content, item.container );
|
||||
// append the view content
|
||||
$( _tmpl_ ).appendTo( $itemContentWrapper );
|
||||
dfd.resolve( $itemContentWrapper );
|
||||
};//appendAndResolve
|
||||
|
||||
// Do we have view content template script?
|
||||
// if yes, let's use it <= Old way
|
||||
// Otherwise let's fetch the html template from the server
|
||||
if ( ! _.isEmpty( module.itemInputList ) || _.isFunction( module.itemInputList ) ) {
|
||||
var tmplSelectorSuffix = module.getTemplateSelectorPart( 'itemInputList', item_model_for_template_injection );
|
||||
if ( 1 > $( '#tmpl-' + tmplSelectorSuffix ).length ) {
|
||||
dfd.reject( 'renderItemContent => No itemInputList content template defined for module ' + module.id + '. The template script id should be : #tmpl-' + tmplSelectorSuffix );
|
||||
} else {
|
||||
appendAndResolve( wp.template( tmplSelectorSuffix )( $.extend( item_model_for_template_injection, { control_id : module.control.id } ) ) );
|
||||
}
|
||||
|
||||
} else {
|
||||
var requestParams = {
|
||||
tmpl : 'item-inputs',
|
||||
module_type: module.module_type,
|
||||
module_id : module.id,
|
||||
control_id : module.control.id,
|
||||
item_model : item_model_for_template_injection
|
||||
};
|
||||
// allow plugins to filter the query param before fetching the template for item content
|
||||
module.trigger( 'filter-request-params-before-fetching-for-item-content-tmpl', requestParams );
|
||||
|
||||
api.CZR_Helpers.getModuleTmpl( requestParams ).done( function( _serverTmpl_ ) {
|
||||
//console.log( 'renderItemContent => success response =>', _serverTmpl_);
|
||||
appendAndResolve( api.CZR_Helpers.parseTemplate( _serverTmpl_ )( $.extend( item_model_for_template_injection, { control_id : module.control.id } ) ) );
|
||||
}).fail( function( _r_ ) {
|
||||
//console.log( 'renderItemContent => fail response =>', _r_);
|
||||
dfd.reject( _r_ );
|
||||
});
|
||||
}
|
||||
return dfd.promise();
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//fired in setupItemListeners
|
||||
writeItemViewTitle : function( item_model ) {
|
||||
var item = this,
|
||||
module = item.module,
|
||||
_model = item_model || item(),
|
||||
//Let's fall back on the id if the title is not set or empty
|
||||
_title = ( _.has( _model, 'title') && ! _.isEmpty( _model.title ) ) ? api.CZR_Helpers.capitalize( _model.title ) : _model.id;
|
||||
|
||||
_title = api.CZR_Helpers.truncate( _title, 20 );
|
||||
$( '.' + module.control.css_attr.item_title , item.container ).text( _title );
|
||||
//add a hook here
|
||||
api.CZR_Helpers.doActions('after_writeViewTitle', item.container , _model, item );
|
||||
},
|
||||
|
||||
|
||||
|
||||
//@param : obj = { event : {}, model : {}, view : ${} }
|
||||
//Fired on view_rendered:new when a new model has been added
|
||||
//Fired on click on edit_view_btn
|
||||
setViewVisibility : function( obj, is_added_by_user ) {
|
||||
var item = this,
|
||||
module = this.module;
|
||||
if ( is_added_by_user ) {
|
||||
item.viewState.set( 'expanded_noscroll' );
|
||||
} else {
|
||||
module.closeAllItems( item.id );
|
||||
if ( _.has(module, 'preItem') ) {
|
||||
module.preItemExpanded.set(false);
|
||||
}
|
||||
item.viewState.set( 'expanded' == item._getViewState() ? 'closed' : 'expanded' );
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
_getViewState : function() {
|
||||
return -1 == this.viewState().indexOf('expanded') ? 'closed' : 'expanded';
|
||||
},
|
||||
|
||||
|
||||
// callback of item.viewState.callbacks
|
||||
// viewState can take 3 states : expanded, expanded_noscroll, closed
|
||||
toggleItemExpansion : function( status, duration ) {
|
||||
var visible = 'closed' != status,
|
||||
item = this,
|
||||
module = this.module,
|
||||
$el = $( '.' + module.control.css_attr.item_content , item.container ).first(),
|
||||
dfd = $.Deferred(),
|
||||
_slideComplete = function( visible ) {
|
||||
item.container.toggleClass( 'open' , visible );
|
||||
//close all remove dialogs
|
||||
if ( visible )
|
||||
module.closeRemoveDialogs();
|
||||
|
||||
//toggle the icon activate class depending on the status
|
||||
//switch icon
|
||||
var $_edit_icon = $el.siblings().find('.' + module.control.css_attr.edit_view_btn );
|
||||
|
||||
$_edit_icon.toggleClass('active' , visible );
|
||||
if ( visible )
|
||||
$_edit_icon.removeClass('fa-pencil-alt').addClass('fa-minus-square').attr('title', serverControlParams.i18n.close );
|
||||
else
|
||||
$_edit_icon.removeClass('fa-minus-square').addClass('fa-pencil-alt').attr('title', serverControlParams.i18n.edit );
|
||||
|
||||
//scroll to the currently expanded view
|
||||
if ( 'expanded' == status ) {
|
||||
module._adjustScrollExpandedBlock( item.container );
|
||||
}
|
||||
|
||||
dfd.resolve();
|
||||
};
|
||||
duration = _.isUndefined( duration ) ? 150 : duration;
|
||||
if ( visible ) {
|
||||
$el.stop( true, true ).slideDown( duration, function() { _slideComplete( visible ); } );
|
||||
} else {
|
||||
$el.stop( true, true ).slideUp( 0, function() { _slideComplete( visible ); } );
|
||||
}
|
||||
|
||||
return dfd.promise();
|
||||
},
|
||||
|
||||
|
||||
//removes the view dom module
|
||||
_destroyView : function ( duration ) {
|
||||
this.container.fadeOut( {
|
||||
duration : duration ||400,
|
||||
done : function() {
|
||||
$(this).remove();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// LOADER HELPERS
|
||||
// @return void()
|
||||
// print a loader between the moment the item container is appended, and the item content is fetched from the server
|
||||
printLoader : function() {
|
||||
var item = this;
|
||||
item.container
|
||||
.css({'position' :'relative'})
|
||||
.append( api.CZR_Helpers.css_loader_html ).find('.czr-css-loader').fadeIn( 'fast' );
|
||||
|
||||
// Start the countdown for auto-cleaning
|
||||
clearTimeout( $.data( this, '_czr_loader_active_timer_') );
|
||||
$.data( this, '_czr_loader_active_timer_', setTimeout(function() {
|
||||
item.cleanLoader();
|
||||
}, 5000 ) );
|
||||
},
|
||||
|
||||
// @return void()
|
||||
cleanLoader : function() {
|
||||
this.container
|
||||
.css({'min-height' : ''})
|
||||
.find('.czr-css-loader').remove();
|
||||
},
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+97
@@ -0,0 +1,97 @@
|
||||
//extends api.Value
|
||||
//options:
|
||||
// module : module,
|
||||
// initial_modOpt_model : modOpt, can contains the already db saved values
|
||||
// defaultModOptModel : module.defaultModOptModel
|
||||
// control : control instance
|
||||
|
||||
var CZRModOptMths = CZRModOptMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRModOptMths , {
|
||||
initialize: function( options ) {
|
||||
if ( _.isUndefined(options.module) || _.isEmpty(options.module) ) {
|
||||
throw new Error('No module assigned to modOpt.');
|
||||
}
|
||||
|
||||
var modOpt = this;
|
||||
api.Value.prototype.initialize.call( modOpt, null, options );
|
||||
|
||||
//DEFERRED STATES
|
||||
//store the state of ready.
|
||||
//=> we don't want the ready method to be fired several times
|
||||
modOpt.isReady = $.Deferred();
|
||||
|
||||
//VARIOUS DEFINITIONS
|
||||
modOpt.container = null;//will store the modOpt $ dom element
|
||||
modOpt.inputCollection = new api.Value({});
|
||||
|
||||
//input.options = options;
|
||||
//write the options as properties, name is included
|
||||
$.extend( modOpt, options || {} );
|
||||
|
||||
//declares a default modOpt model
|
||||
modOpt.defaultModOptModel = _.clone( options.defaultModOptModel ) || { is_mod_opt : true };
|
||||
|
||||
//set initial values
|
||||
var _initial_model = $.extend( modOpt.defaultModOptModel, options.initial_modOpt_model );
|
||||
var ctrl = modOpt.module.control;
|
||||
//this won't be listened to at this stage
|
||||
modOpt.set( _initial_model );
|
||||
|
||||
//OPTIONS IS READY
|
||||
//observe its changes when ready
|
||||
modOpt.isReady.done( function() {
|
||||
//listen to any modOpt change
|
||||
//=> done in the module
|
||||
//modOpt.callbacks.add( function() { return modOpt.modOptReact.apply(modOpt, arguments ); } );
|
||||
|
||||
//When shall we render the modOpt ?
|
||||
//If the module is part of a simple control, the modOpt can be render now,
|
||||
//modOpt.mayBeRenderModOptWrapper();
|
||||
|
||||
//RENDER THE CONTROL TITLE GEAR ICON
|
||||
if( ! $( '.' + ctrl.css_attr.edit_modopt_icon, ctrl.container ).length ) {
|
||||
$.when( ctrl.container
|
||||
.find('.customize-control-title').first()//was.find('.customize-control-title')
|
||||
.append( $( '<span/>', {
|
||||
class : [ ctrl.css_attr.edit_modopt_icon, 'fas fa-cog' ].join(' '),
|
||||
title : serverControlParams.i18n['Settings']
|
||||
} ) ) )
|
||||
.done( function(){
|
||||
$( '.' + ctrl.css_attr.edit_modopt_icon, ctrl.container ).fadeIn( 400 );
|
||||
});
|
||||
}
|
||||
|
||||
//LISTEN TO USER ACTIONS ON CONTROL EL
|
||||
api.CZR_Helpers.setupDOMListeners(
|
||||
[
|
||||
//toggle mod options
|
||||
{
|
||||
trigger : 'click keydown',
|
||||
selector : '.' + ctrl.css_attr.edit_modopt_icon,
|
||||
name : 'toggle_mod_option',
|
||||
actions : function() {
|
||||
// @see : moduleCtor::maybeAwakeAndBindSharedModOpt => api.czr_ModOptVisible.bind()
|
||||
api.czr_ModOptVisible( ! api.czr_ModOptVisible(), {
|
||||
module : modOpt.module,//the current module for which the modOpt is being expanded
|
||||
focus : false//the id of the tab we want to focus on
|
||||
});
|
||||
}
|
||||
}
|
||||
],//actions to execute
|
||||
{ dom_el: ctrl.container },//dom scope
|
||||
modOpt //instance where to look for the cb methods
|
||||
);
|
||||
//modOpt.userEventMap = new api.Value( [] );
|
||||
});//modOpt.isReady.done()
|
||||
|
||||
},//initialize
|
||||
|
||||
//overridable method
|
||||
//Fired if the modOpt has been instantiated
|
||||
//The modOpt.callbacks are declared.
|
||||
ready : function() {
|
||||
this.isReady.resolve();
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+160
@@ -0,0 +1,160 @@
|
||||
//extends api.CZRBaseControl
|
||||
|
||||
var CZRModOptMths = CZRModOptMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRModOptMths , {
|
||||
//fired when modOpt is ready and embedded
|
||||
//define the modOpt view DOM event map
|
||||
//bind actions when the modOpt is embedded
|
||||
modOptWrapperViewSetup : function( modOpt_model ) {
|
||||
var modOpt = this,
|
||||
module = this.module,
|
||||
dfd = $.Deferred(),
|
||||
_setupDOMListeners = function( $_container ) {
|
||||
//DOM listeners for the user action in modOpt view wrapper
|
||||
api.CZR_Helpers.setupDOMListeners(
|
||||
[
|
||||
//toggle mod options
|
||||
{
|
||||
trigger : 'click keydown',
|
||||
selector : '.' + module.control.css_attr.close_modopt_icon,
|
||||
name : 'close_mod_option',
|
||||
actions : function() {
|
||||
// @see : moduleCtor::maybeAwakeAndBindSharedModOpt => api.czr_ModOptVisible.bind()
|
||||
api.czr_ModOptVisible( false, {
|
||||
module : module,//the current module for which the modOpt is being expanded
|
||||
focus : false//the id of the tab we want to focus on
|
||||
});
|
||||
}
|
||||
},
|
||||
//tabs navigation
|
||||
{
|
||||
trigger : 'click keydown',
|
||||
selector : '.tabs nav li',
|
||||
name : 'tab_nav',
|
||||
actions : function( args ) {
|
||||
//toggleTabVisibility is declared in the module ctor and its "this" is the item or the modOpt
|
||||
var tabIdSwitchedTo = $( args.dom_event.currentTarget, args.dom_el ).data('tab-id');
|
||||
this.module.toggleTabVisibility.call( this, tabIdSwitchedTo );
|
||||
this.trigger( 'tab-switch', { id : tabIdSwitchedTo } );
|
||||
}
|
||||
}
|
||||
],//actions to execute
|
||||
{ dom_el: $_container },//model + dom scope
|
||||
modOpt //instance where to look for the cb methods
|
||||
);
|
||||
};
|
||||
|
||||
modOpt_model = modOpt() || modOpt.initial_modOpt_model;//could not be set yet
|
||||
|
||||
//renderview content now
|
||||
modOpt.renderModOptContent( modOpt_model )
|
||||
.done( function( $_container ) {
|
||||
//update the $.Deferred state
|
||||
if ( ! _.isEmpty( $_container ) && 0 < $_container.length ) {
|
||||
_setupDOMListeners( $_container );
|
||||
dfd.resolve( $_container );
|
||||
}
|
||||
else {
|
||||
throw new Error( 'Module : ' + modOpt.module.id + ', the modOpt content has not been rendered' );
|
||||
}
|
||||
})
|
||||
.fail( function( _r_ ) {
|
||||
api.errorLog( "failed modOpt.renderModOptContent for module : " + module.id, _r_ );
|
||||
})
|
||||
.then( function() {
|
||||
//the modOpt.container is now available
|
||||
//Setup the tabs navigation
|
||||
//setupTabNav is defined in the module ctor and its this is the item or the modOpt
|
||||
modOpt.module.setupTabNav.call( modOpt );
|
||||
});
|
||||
|
||||
return dfd.promise();
|
||||
},
|
||||
|
||||
|
||||
//renders saved modOpt views
|
||||
//returns a promise( $container )
|
||||
//the saved modOpt look like :
|
||||
//array[ { id : 'sidebar-one', title : 'A Title One' }, {id : 'sidebar-two', title : 'A Title Two' }]
|
||||
renderModOptContent : function( modOpt_model ) {
|
||||
//=> an array of objects
|
||||
var modOpt = this,
|
||||
module = this.module,
|
||||
dfd = $.Deferred();
|
||||
|
||||
modOpt_model = modOpt_model || modOpt();
|
||||
|
||||
var appendAndResolve = function( _tmpl_ ) {
|
||||
//do we have an html template ?
|
||||
if ( _.isEmpty( _tmpl_ ) ) {
|
||||
dfd.reject( 'renderModOptContent => Missing html template for module : '+ module.id );
|
||||
}
|
||||
|
||||
var _ctrlLabel = '';
|
||||
try {
|
||||
_ctrlLabel = [ serverControlParams.i18n['Options for'], module.control.params.label ].join(' ');
|
||||
} catch( er ) {
|
||||
api.errorLog( 'renderItemContent => Problem with ctrl label => ' + er );
|
||||
_ctrlLabel = serverControlParams.i18n['Settings'];
|
||||
}
|
||||
|
||||
$('#widgets-left').after( $( '<div/>', {
|
||||
class : module.control.css_attr.mod_opt_wrapper,
|
||||
html : [
|
||||
[ '<h2 class="mod-opt-title">', _ctrlLabel , '</h2>' ].join(''),
|
||||
'<span class="fas fa-times ' + module.control.css_attr.close_modopt_icon + '" title="close"></span>'
|
||||
].join('')
|
||||
} ) );
|
||||
|
||||
//render the mod opt content for this module
|
||||
$( '.' + module.control.css_attr.mod_opt_wrapper ).append( _tmpl_ );
|
||||
|
||||
dfd.resolve( $( '.' + module.control.css_attr.mod_opt_wrapper ) );
|
||||
};//appendAndResolve
|
||||
|
||||
// Do we have view content template script?
|
||||
// if yes, let's use it <= Old way
|
||||
// Otherwise let's fetch the html template from the server
|
||||
if ( ! _.isEmpty( module.itemPreAddEl ) ) {
|
||||
var tmplSelectorSuffix = module.getTemplateSelectorPart( 'modOptInputList', modOpt_model );
|
||||
if ( 1 > $( '#tmpl-' + tmplSelectorSuffix ).length ) {
|
||||
dfd.reject( 'renderModOptContent => No modOpt content template defined for module ' + module.id + '. The template script id should be : #tmpl-' + tmplSelectorSuffix );
|
||||
}
|
||||
appendAndResolve( wp.template( tmplSelectorSuffix )( modOpt_model ) );
|
||||
} else {
|
||||
api.CZR_Helpers.getModuleTmpl( {
|
||||
tmpl : 'mod-opt',
|
||||
module_type: module.module_type,
|
||||
module_id : module.id,
|
||||
control_id : module.control.id
|
||||
} ).done( function( _serverTmpl_ ) {
|
||||
//console.log( 'renderModOptContent => success response =>', _serverTmpl_);
|
||||
appendAndResolve( api.CZR_Helpers.parseTemplate( _serverTmpl_ )( modOpt_model ) );
|
||||
}).fail( function( _r_ ) {
|
||||
//console.log( 'renderModOptContent => fail response =>', _r_);
|
||||
dfd.reject( 'renderPreItemView => Problem when fetching the mod-opt tmpl from server for module : '+ module.id );
|
||||
});
|
||||
}
|
||||
|
||||
return dfd.promise();
|
||||
},
|
||||
|
||||
|
||||
|
||||
toggleModPanelView : function( visible ) {
|
||||
var modOpt = this,
|
||||
module = this.module,
|
||||
ctrl = module.control,
|
||||
dfd = $.Deferred();
|
||||
|
||||
module.control.container.toggleClass( 'czr-modopt-visible', visible );
|
||||
$('body').toggleClass('czr-editing-modopt', visible );
|
||||
//Let the panel slide ( -webkit-transition: left .18s ease-in-out )
|
||||
_.delay( function() {
|
||||
dfd.resolve();
|
||||
}, 200 );
|
||||
return dfd.promise();
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+575
@@ -0,0 +1,575 @@
|
||||
//MULTI CONTROL CLASS
|
||||
//extends api.Value
|
||||
//
|
||||
//Setup the collection of items
|
||||
//renders the control view
|
||||
//Listen to items collection changes and update the control setting
|
||||
//MODULE OPTIONS :
|
||||
// control : control,
|
||||
// crud : bool
|
||||
// id : '',
|
||||
// items : [], module.items,
|
||||
// modOpt : {}
|
||||
// module_type : module.module_type,
|
||||
// multi_item : bool
|
||||
// section : module.section,
|
||||
var CZRModuleMths = CZRModuleMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRModuleMths, {
|
||||
initialize: function( id, constructorOptions ) {
|
||||
if ( _.isUndefined(constructorOptions.control) || _.isEmpty(constructorOptions.control) ) {
|
||||
throw new Error('No control assigned to module ' + id );
|
||||
}
|
||||
var module = this;
|
||||
api.Value.prototype.initialize.call( this, null, constructorOptions );
|
||||
|
||||
//store the state of ready.
|
||||
//=> we don't want the ready method to be fired several times
|
||||
module.isReady = $.Deferred();
|
||||
|
||||
//write the module constructor options as properties
|
||||
// The default module model can be get with
|
||||
// and is formed this way :
|
||||
//@see getDefaultModuleApiModel : function() {
|
||||
//if embedded in a control, amend the common model with the section id
|
||||
// return {
|
||||
// id : '',//module.id,
|
||||
// module_type : '',//module.module_type,
|
||||
// modOpt : {},//the module modOpt property, typically high level properties that area applied to all items of the module
|
||||
// items : [],//$.extend( true, {}, module.items ),
|
||||
// crud : false,
|
||||
// hasPreItem : true,//a crud module has a pre item by default
|
||||
// refresh_on_add_item : true,// the preview is refreshed on item add
|
||||
// multi_item : false,
|
||||
// sortable : false,//<= a module can be multi-item but not necessarily sortable
|
||||
// control : {},//control,
|
||||
// section : ''
|
||||
// };
|
||||
// },
|
||||
|
||||
$.extend( module, constructorOptions || {} );
|
||||
|
||||
//extend the module with new template Selectors
|
||||
//can have been overriden at this stage from a module constructor
|
||||
$.extend( module, {
|
||||
crudModulePart : module.crudModulePart || '', //'czr-crud-module-part',//create, read, update, delete
|
||||
rudItemPart : module.rudItemPart || '',// 'czr-rud-item-part',//read, update, delete
|
||||
ruItemPart : module.ruItemPart || '',// 'czr-ru-item-part',//read, update <= ONLY USED IN THE WIDGET MODULE
|
||||
alertPart : module.alertPart || '',// 'czr-rud-item-alert-part',//used both for items and modules removal
|
||||
itemInputList : module.itemInputList || '',//is specific for each crud module
|
||||
modOptInputList : module.modOptInputList || ''//is specific for each module
|
||||
} );
|
||||
|
||||
//embed : define a container, store the embed state, fire the render method
|
||||
module.embedded = $.Deferred();
|
||||
module.itemsWrapper = '';//will store the $ item container
|
||||
|
||||
//if a module is embedded in a control, its container == the control container.
|
||||
module.container = $( module.control.selector );
|
||||
|
||||
//render the item(s) wrapper
|
||||
//and resolve the module.embedded promise()
|
||||
module.renderModuleParts()
|
||||
.done( function( $_module_items_wrapper ){
|
||||
if ( false === $_module_items_wrapper.length ) {
|
||||
throw new Error( 'The items wrapper has not been rendered for module : ' + module.id );
|
||||
}
|
||||
//stores the items wrapper ( </ul> el ) as a jQuery var
|
||||
module.itemsWrapper = $_module_items_wrapper;
|
||||
module.embedded.resolve();
|
||||
})
|
||||
.fail( function( _r_ ) {
|
||||
throw new Error( [ "initialize module => failed module.renderModuleParts() for module : " , module.id , _r_ ].join(' '));
|
||||
});
|
||||
|
||||
/*-----------------------------------------------
|
||||
* MODULE OPTIONS
|
||||
------------------------------------------------*/
|
||||
//declares a default Mod options API model
|
||||
module.defaultAPImodOptModel = {
|
||||
initial_modOpt_model : {},
|
||||
defaultModOptModel : {},
|
||||
control : {},//control instance
|
||||
module : {}//module instance
|
||||
};
|
||||
|
||||
//declares a default modOpt model
|
||||
module.defaultModOptModel = {};
|
||||
|
||||
//define a default Constructors
|
||||
module.modOptConstructor = module.modOptConstructor || api.CZRModOpt;
|
||||
|
||||
/*-----------------------------------------------
|
||||
* ITEMS
|
||||
------------------------------------------------*/
|
||||
module.itemCollection = new api.Value( [] );
|
||||
|
||||
//declares a default Item API model
|
||||
module.defaultAPIitemModel = {
|
||||
id : '',
|
||||
initial_item_model : {},
|
||||
defaultItemModel : {},
|
||||
control : {},//control instance
|
||||
module : {},//module instance
|
||||
is_added_by_user : false
|
||||
};
|
||||
|
||||
// declares a default item model
|
||||
module.defaultItemModel = api.czrModuleMap[ module.module_type ].defaultItemModel || { id : '', title : '' };
|
||||
|
||||
// item constuctor : use the constructor already defined in a module, or fallback on the default one
|
||||
module.itemConstructor = module.itemConstructor || api.CZRItem;
|
||||
|
||||
// czr_model stores the each model value => one value by created by model.id
|
||||
module.czr_Item = new api.Values();
|
||||
|
||||
|
||||
/*-----------------------------------------------
|
||||
* SET THE DEFAULT INPUT CONSTRUCTOR AND INPUT OPTIONS
|
||||
------------------------------------------------*/
|
||||
// input constuctor : use the constructor already defined in a module, or fallback on the default one
|
||||
module.inputConstructor = module.inputConstructor || api.CZRInput;//constructor for the items input
|
||||
if ( module.hasModOpt() ) {
|
||||
//use the constructor already defined in a module, or fallback on the default one
|
||||
module.inputModOptConstructor = module.inputModOptConstructor || api.CZRInput;//constructor for the modOpt input
|
||||
}
|
||||
module.inputOptions = {};//<= can be set by each module specifically
|
||||
//For example, if I need specific options for the content_picker, this is where I will set them in the module extended object
|
||||
|
||||
|
||||
/*-----------------------------------------------
|
||||
* FIRE ON isReady
|
||||
------------------------------------------------*/
|
||||
//module.ready(); => fired by children
|
||||
module.isReady.done( function() {
|
||||
//store the module dirtyness, => no items set
|
||||
module.isDirty = new api.Value( constructorOptions.dirty || false );
|
||||
|
||||
//initialize the module api.Value()
|
||||
//constructorOptions has the same structure as the one described in prepareModuleforAPI
|
||||
//setting the module Value won't be listen to at this stage
|
||||
//api.infoLog('module.isReady.done() => constructorOptions', constructorOptions);
|
||||
module.initializeModuleModel( constructorOptions )
|
||||
.done( function( initialModuleValue ) {
|
||||
module.set( initialModuleValue );
|
||||
})
|
||||
.fail( function( response ){ api.errare( 'Module : ' + module.id + ' initialize module model failed : ', response ); })
|
||||
.always( function( initialModuleValue ) {
|
||||
//listen to each single module change
|
||||
module.callbacks.add( function() { return module.moduleReact.apply( module, arguments ); } );
|
||||
|
||||
//if the module is not registered yet (for example when the module is added by user),
|
||||
//=> push it to the collection of the module-collection control
|
||||
//=> updates the wp api setting
|
||||
if ( ! module.control.isModuleRegistered( module.id ) ) {
|
||||
module.control.updateModulesCollection( { module : constructorOptions, is_registered : false } );
|
||||
}
|
||||
|
||||
module.bind('items-collection-populated', function( collection ) {
|
||||
//listen to item Collection changes
|
||||
module.itemCollection.callbacks.add( function() { return module.itemCollectionReact.apply( module, arguments ); } );
|
||||
|
||||
// The sortable property is set on module registration
|
||||
// if not specified, the sortable will be set to true by default if the module is crud or multi-item
|
||||
if ( false !== module.sortable ) {
|
||||
module._makeItemsSortable();
|
||||
}
|
||||
|
||||
// this event is listened to by Nimble Builder to expand the module once all the items collection is populated
|
||||
module.control.container.trigger('items-collection-populated');
|
||||
});
|
||||
|
||||
//populate and instantiate the items now when a module is embedded in a regular control
|
||||
module.populateSavedItemCollection();
|
||||
|
||||
//When the module has modOpt :
|
||||
//=> Instantiate the modOpt and setup listener
|
||||
if ( module.hasModOpt() ) {
|
||||
module.instantiateModOpt();
|
||||
}
|
||||
});
|
||||
});//module.isReady.done()
|
||||
|
||||
|
||||
/*-----------------------------------------------
|
||||
* Maybe resolve isReady() on parent section expanded
|
||||
------------------------------------------------*/
|
||||
if ( true === api.czrModuleMap[ module.module_type ].ready_on_section_expanded ) {
|
||||
//fired ready :
|
||||
//1) on section expansion
|
||||
//2) or in the case of a module embedded in a regular control, if the module section is already opened => typically when skope is enabled
|
||||
if ( _.has( api, 'czr_activeSectionId' ) && module.control.section() == api.czr_activeSectionId() && 'resolved' != module.isReady.state() ) {
|
||||
module.embedded.then( function() {
|
||||
module.ready();
|
||||
});
|
||||
}
|
||||
|
||||
// defer the expanded callback when the section is instantiated
|
||||
api.section( module.control.section(), function( _section_ ) {
|
||||
_section_.expanded.bind(function(to) {
|
||||
//set module ready on section expansion
|
||||
if ( 'resolved' != module.isReady.state() ) {
|
||||
module.embedded.then( function() {
|
||||
module.ready();
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/*-----------------------------------------------
|
||||
* Maybe resolve isReady() on custom control event
|
||||
// To be specified when registering the control
|
||||
// used in Nimble to delay the instantiation of the input when the control accordion is expanded with event 'sek-accordion-expanded'
|
||||
------------------------------------------------*/
|
||||
var _control_event = api.czrModuleMap[ module.module_type ].ready_on_control_event;
|
||||
if ( ! _.isUndefined( _control_event ) ) {
|
||||
// defer the expanded callback when the section is instantiated
|
||||
api.control( module.control.id, function( _control_ ) {
|
||||
_control_.container.on( _control_event, function(evt) {
|
||||
//set module ready on module accordion expansion
|
||||
if ( 'resolved' != module.isReady.state() ) {
|
||||
module.embedded.then( function() {
|
||||
module.ready();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Nov 2020 => in WP 5.6, this setup was made too late
|
||||
// That's why we need to introduce an event + a property informing Nimble that we're ready
|
||||
// @see Nimble ::scheduleModuleAccordion
|
||||
_control_.container.data('module_ready_on_custom_control_event_is_setup',true);
|
||||
_control_.container.trigger('module_ready_on_custom_control_event_is_setup');
|
||||
});
|
||||
}
|
||||
|
||||
// Maybe instantiate and bind the api.Value() controlling the module option panel, for the module using it ( has_mod_opt : true on registration )
|
||||
this.maybeAwakeAndBindSharedModOpt();
|
||||
},//initialize()
|
||||
|
||||
|
||||
|
||||
|
||||
//////////////////////////////////
|
||||
///READY
|
||||
//////////////////////////////////
|
||||
//When the control is embedded on the page, this method is fired in api.CZRBaseModuleControl:ready()
|
||||
//=> right after the module is instantiated.
|
||||
//If the module is a dynamic one (CRUD like), then this method is invoked by the child class
|
||||
ready : function() {
|
||||
var module = this;
|
||||
module.isReady.resolve();
|
||||
},
|
||||
|
||||
|
||||
|
||||
//fired when module is initialized, on module.isReady.done()
|
||||
//designed to be extended or overridden to add specific items or properties
|
||||
initializeModuleModel : function( constructorOptions ) {
|
||||
var module = this, dfd = $.Deferred();
|
||||
if ( ! module.isMultiItem() && ! module.isCrud() ) {
|
||||
//this is a static module. We only have one item
|
||||
//init module item if needed.
|
||||
if ( _.isEmpty( constructorOptions.items ) ) {
|
||||
var def = _.clone( module.defaultItemModel );
|
||||
constructorOptions.items = [ $.extend( def, { id : module.id } ) ];
|
||||
}
|
||||
}
|
||||
return dfd.resolve( constructorOptions ).promise();
|
||||
},
|
||||
|
||||
|
||||
//cb of : module.itemCollection.callbacks
|
||||
//the data can typically hold informations passed by the input that has been changed and its specific preview transport (can be PostMessage )
|
||||
//data looks like :
|
||||
//{
|
||||
// module : {}
|
||||
// input_changed : string input.id
|
||||
// input_transport : 'postMessage' or '',
|
||||
// not_preview_sent : bool
|
||||
//}
|
||||
itemCollectionReact : function( to, from, data ) {
|
||||
var module = this,
|
||||
_current_model = module(),
|
||||
_new_model = $.extend( true, {}, _current_model );
|
||||
_new_model.items = to;
|
||||
//update the dirtyness state
|
||||
module.isDirty.set(true);
|
||||
//set the the new items model
|
||||
module.set( _new_model, data || {} );
|
||||
},
|
||||
|
||||
//This method is fired from the control
|
||||
filterItemsBeforeCoreApiSettingValue : function( itemsToReturn ) {
|
||||
return itemsToReturn;
|
||||
},
|
||||
|
||||
//cb of module.callbacks
|
||||
//=> sets the setting value via the module collection !
|
||||
moduleReact : function( to, from, data ) {
|
||||
//cb of : module.callbacks
|
||||
var module = this,
|
||||
control = module.control,
|
||||
isItemUpdate = ( _.size( from.items ) == _.size( to.items ) ) && ! _.isEmpty( _.difference( to.items, from.items ) ),
|
||||
isColumnUpdate = to.column_id != from.column_id,
|
||||
refreshPreview = function() {
|
||||
api.previewer.refresh();
|
||||
};
|
||||
|
||||
//update the collection + pass data
|
||||
control.updateModulesCollection( {
|
||||
module : $.extend( true, {}, to ),
|
||||
data : data//useful to pass contextual info when a change happens
|
||||
} );
|
||||
|
||||
// //Always update the view title
|
||||
// module.writeViewTitle(to);
|
||||
|
||||
// //@todo : do we need that ?
|
||||
// //send module to the preview. On update only, not on creation.
|
||||
// if ( ! _.isEmpty(from) || ! _.isUndefined(from) ) {
|
||||
// module._sendModule(to, from);
|
||||
// }
|
||||
},
|
||||
|
||||
//@todo : create a smart helper to get either the wp api section or the czr api sektion, depending on the module context
|
||||
getModuleSection : function() {
|
||||
return this.section;
|
||||
},
|
||||
|
||||
//is this module multi item ?
|
||||
//@return bool
|
||||
isMultiItem : function() {
|
||||
return api.CZR_Helpers.isMultiItemModule( null, this );
|
||||
},
|
||||
|
||||
//is this module crud ?
|
||||
//@return bool
|
||||
isCrud : function() {
|
||||
return api.CZR_Helpers.isCrudModule( null, this );
|
||||
},
|
||||
|
||||
hasModOpt : function() {
|
||||
return api.CZR_Helpers.hasModuleModOpt( null, this );
|
||||
},
|
||||
|
||||
|
||||
//////////////////////////////////
|
||||
///MODULE OPTION :
|
||||
///1) PREPARE
|
||||
///2) INSTANTIATE
|
||||
///3) LISTEN TO AND SET PARENT MODULE ON CHANGE
|
||||
//////////////////////////////////
|
||||
//fired when module isReady
|
||||
instantiateModOpt : function() {
|
||||
var module = this;
|
||||
//Prepare the modOpt and instantiate it
|
||||
var modOpt_candidate = module.prepareModOptForAPI( module().modOpt || {} );
|
||||
module.czr_ModOpt = new module.modOptConstructor( modOpt_candidate );
|
||||
module.czr_ModOpt.ready();
|
||||
//update the module model on modOpt change
|
||||
module.czr_ModOpt.callbacks.add( function( to, from, data ) {
|
||||
var _current_model = module(),
|
||||
_new_model = $.extend( true, {}, _current_model );
|
||||
_new_model.modOpt = to;
|
||||
//update the dirtyness state
|
||||
module.isDirty(true);
|
||||
//set the the new items model
|
||||
//the data can typically hold informations passed by the input that has been changed and its specific preview transport (can be PostMessage )
|
||||
//data looks like :
|
||||
//{
|
||||
// module : {}
|
||||
// input_changed : string input.id
|
||||
// input_transport : 'postMessage' or '',
|
||||
// not_preview_sent : bool
|
||||
//}
|
||||
module( _new_model, data );
|
||||
});
|
||||
},
|
||||
|
||||
//@return an API ready modOpt object with the following properties
|
||||
// initial_modOpt_model : {},
|
||||
// defaultModOptModel : {},
|
||||
// control : {},//control instance
|
||||
// module : {},//module instance
|
||||
//@param modOpt_candidate is an object. Can contain the saved modOpt properties on init.
|
||||
prepareModOptForAPI : function( modOpt_candidate ) {
|
||||
var module = this,
|
||||
api_ready_modOpt = {};
|
||||
// if ( ! _.isObject( modOpt_candidate ) ) {
|
||||
// throw new Error('preparemodOptForAPI : a modOpt must be an object to be instantiated.');
|
||||
// }
|
||||
modOpt_candidate = _.isObject( modOpt_candidate ) ? modOpt_candidate : {};
|
||||
|
||||
_.each( module.defaultAPImodOptModel, function( _value, _key ) {
|
||||
var _candidate_val = modOpt_candidate[_key];
|
||||
switch( _key ) {
|
||||
case 'initial_modOpt_model' :
|
||||
//make sure that the provided modOpt has all the default properties set
|
||||
_.each( module.getDefaultModOptModel() , function( _value, _property ) {
|
||||
if ( ! _.has( modOpt_candidate, _property) )
|
||||
modOpt_candidate[_property] = _value;
|
||||
});
|
||||
api_ready_modOpt[_key] = modOpt_candidate;
|
||||
|
||||
break;
|
||||
case 'defaultModOptModel' :
|
||||
api_ready_modOpt[_key] = _.clone( module.defaultModOptModel );
|
||||
break;
|
||||
case 'control' :
|
||||
api_ready_modOpt[_key] = module.control;
|
||||
break;
|
||||
case 'module' :
|
||||
api_ready_modOpt[_key] = module;
|
||||
break;
|
||||
}//switch
|
||||
});
|
||||
return api_ready_modOpt;
|
||||
},
|
||||
|
||||
//Returns the default modOpt defined in initialize
|
||||
//Each chid class can override the default item and the following method
|
||||
getDefaultModOptModel : function( id ) {
|
||||
var module = this;
|
||||
return $.extend( _.clone( module.defaultModOptModel ), { is_mod_opt : true } );
|
||||
},
|
||||
|
||||
|
||||
//The idea is to send only the currently modified item instead of the entire collection
|
||||
//the entire collection is sent anyway on api(setId).set( value ), and accessible in the preview via api(setId).bind( fn( to) )
|
||||
//This method can be called on input change and on czr-partial-refresh-done
|
||||
//{
|
||||
// input_id :
|
||||
// input_parent_id :
|
||||
// is_mod_opt :
|
||||
// to :
|
||||
// from :
|
||||
// isPartialRefresh : bool//<= let us know if it is a full wrapper refresh or a single input update ( true when fired from sendModuleInputsToPreview )
|
||||
//}
|
||||
sendInputToPreview : function( args ) {
|
||||
var module = this;
|
||||
//normalizes the args
|
||||
args = _.extend(
|
||||
{
|
||||
input_id : '',
|
||||
input_parent_id : '',//<= can be the mod opt or an item
|
||||
to : null,
|
||||
from : null
|
||||
} , args );
|
||||
|
||||
if ( _.isEqual( args.to, args.from ) )
|
||||
return;
|
||||
|
||||
//This is listened to by the preview frame
|
||||
api.previewer.send( 'czr_input', {
|
||||
set_id : api.CZR_Helpers.getControlSettingId( module.control.id ),
|
||||
module_id : module.id,//<= will allow us to target the right dom element on front end
|
||||
module : { items : $.extend( true, {}, module().items ) , modOpt : module.hasModOpt() ? $.extend( true, {}, module().modOpt ): {} },
|
||||
input_parent_id : args.input_parent_id,//<= can be the mod opt or the item
|
||||
input_id : args.input_id,
|
||||
value : args.to,
|
||||
isPartialRefresh : args.isPartialRefresh//<= let us know if it is a full wrapper refresh or a single input update ( true when fired from sendModuleInputsToPreview )
|
||||
});
|
||||
|
||||
//add a hook here
|
||||
module.trigger( 'input_sent', { input : args.to , dom_el: module.container } );
|
||||
},
|
||||
|
||||
|
||||
//@return void()
|
||||
//Fired on partial refresh in base control initialize, only for module type controls
|
||||
//This method can be called when don't have input instances available
|
||||
//=> typically when reordering items, mod options and items are closed, therefore there's no input instances.
|
||||
//=> the input id are being retrieved from the input parent models : items and mod options.
|
||||
//@param args = { isPartialRefresh : bool }
|
||||
sendModuleInputsToPreview : function( args ) {
|
||||
var module = this,
|
||||
_sendInputData = function() {
|
||||
var inputParent = this,//this is the input parent : item or modOpt
|
||||
inputParentModel = $.extend( true, {}, inputParent() );
|
||||
//we don't need to send the id, which is never an input, but generated by the api.
|
||||
inputParentModel = _.omit( inputParentModel, 'id' );
|
||||
|
||||
_.each( inputParentModel, function( inputVal, inputId ) {
|
||||
module.sendInputToPreview( {
|
||||
input_id : inputId,
|
||||
input_parent_id : inputParent.id,
|
||||
to : inputVal,
|
||||
from : null,
|
||||
isPartialRefresh : args.isPartialRefresh
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
module.czr_Item.each( function( _itm_ ) {
|
||||
_sendInputData.call( _itm_ );
|
||||
});
|
||||
|
||||
if ( module.hasModOpt() ) {
|
||||
_sendInputData.call( module.czr_ModOpt );
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// Fired in ::initialize()
|
||||
// Maybe instantiate and bind the api.Value() controlling the visibility of the module option panel, for the module using it ( has_mod_opt : true on registration )
|
||||
maybeAwakeAndBindSharedModOpt : function() {
|
||||
if ( ! _.isUndefined( api.czr_ModOptVisible ) )
|
||||
return;
|
||||
|
||||
//MOD OPT PANEL SETTINGS
|
||||
api.czr_ModOptVisible = new api.Value( false );
|
||||
|
||||
//MOD OPT VISIBLE REACT
|
||||
// passing an optional args object allows us to expand the modopt panel and focus on a specific tab right after
|
||||
//@args : {
|
||||
// module : module,//the current module for which the modOpt is being expanded
|
||||
// focus : 'section-topline-2'//the id of the tab we want to focus on
|
||||
//}
|
||||
api.czr_ModOptVisible.bind( function( visible, from, args ) {
|
||||
args = args || {};
|
||||
if ( ! _.isFunction( args.module ) || ! _.isFunction( args.module.czr_ModOpt ) ) {
|
||||
api.errare( 'moduleCtor::maybeAwakeAndBindSharedModOpt => api.czr_ModOptVisible.bind() => incorrect arguments', args );
|
||||
return;
|
||||
}
|
||||
var modOpt = args.module.czr_ModOpt,
|
||||
module = args.module;
|
||||
|
||||
// Append content on expansion
|
||||
// Remove on collapse
|
||||
if ( visible ) {
|
||||
//first close all opened remove dialogs and opened items
|
||||
module.closeRemoveDialogs().closeAllItems();
|
||||
|
||||
modOpt.modOptWrapperViewSetup( modOpt() ).done( function( $_container ) {
|
||||
modOpt.container = $_container;
|
||||
try {
|
||||
api.CZR_Helpers.setupInputCollectionFromDOM.call( modOpt ).toggleModPanelView( visible );
|
||||
} catch(e) {
|
||||
api.consoleLog(e);
|
||||
}
|
||||
if ( module && args.focus ) {
|
||||
_.delay( function() {
|
||||
if ( _.isNull( modOpt.container ) || ! modOpt.container.find('[data-tab-id="' + args.focus + '"] a').length )
|
||||
return;
|
||||
modOpt.container.find('[data-tab-id="' + args.focus + '"] a').trigger('click');
|
||||
}, 200 );
|
||||
}
|
||||
});
|
||||
|
||||
} else {
|
||||
modOpt.toggleModPanelView( visible ).done( function() {
|
||||
if ( modOpt.container && 0 < modOpt.container.length ) {
|
||||
$.when( modOpt.container.remove() ).done( function() {
|
||||
api.CZR_Helpers.removeInputCollection.call( modOpt );
|
||||
});
|
||||
} else {
|
||||
api.CZR_Helpers.removeInputCollection.call( modOpt );
|
||||
}
|
||||
modOpt.container = null;
|
||||
});
|
||||
}
|
||||
} );
|
||||
}
|
||||
});//$.extend//CZRBaseControlMths
|
||||
})( wp.customize , jQuery, _ );
|
||||
+416
@@ -0,0 +1,416 @@
|
||||
//MULTI CONTROL CLASS
|
||||
//extends api.CZRBaseControl
|
||||
//
|
||||
//Setup the collection of items
|
||||
//renders the module view
|
||||
//Listen to items collection changes and update the control setting
|
||||
|
||||
var CZRModuleMths = CZRModuleMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRModuleMths, {
|
||||
//@fired in module ready on api('ready')
|
||||
//the module().items has been set in initialize
|
||||
//A collection of items can be supplied.
|
||||
populateSavedItemCollection : function( _itemCollection_ ) {
|
||||
var module = this,
|
||||
_deepCopyOfItemCollection;
|
||||
|
||||
if ( ! _.isArray( _itemCollection_ || module().items ) ) {
|
||||
api.errorLog( 'populateSavedItemCollection : The saved items collection must be an array in module :' + module.id );
|
||||
return;
|
||||
}
|
||||
_deepCopyOfItemCollection = $.extend( true, [], _itemCollection_ || module().items );
|
||||
|
||||
//populates the collection with the saved items
|
||||
//the modOpt must be skipped
|
||||
//the saved items + modOpt is an array looking like :
|
||||
////MODOPT IS THE FIRST ARRAY ELEMENT: A modOpt has no unique id and has the property is_mod_opt set to true
|
||||
//[
|
||||
// is_mod_opt : true //<= inform us that this is not an item but a modOpt
|
||||
//],
|
||||
////THEN COME THE ITEMS
|
||||
//[
|
||||
// id : "czr_slide_module_0"
|
||||
// slide-background : 21,
|
||||
// ....
|
||||
// ],
|
||||
// [
|
||||
// id : "czr_slide_module_1"
|
||||
// slide-background : 21,
|
||||
// ....
|
||||
// ]
|
||||
|
||||
// CHECK THAT WE DON'T HAVE ANY MODOPT AT THIS STAGE
|
||||
//=> the items and the modOpt should already be split at this stage, because it's done before module instantiation... this check is totally paranoid.
|
||||
_.each( _deepCopyOfItemCollection , function( item_candidate , key ) {
|
||||
if ( _.has( item_candidate, 'is_mod_opt' ) ) {
|
||||
throw new Error( 'populateSavedItemCollection => there should be no mod opt to instantiate here.');
|
||||
}
|
||||
});
|
||||
|
||||
// allow modules to hook here
|
||||
module.trigger( 'filterItemCandidatesBeforeInstantiation', _deepCopyOfItemCollection );
|
||||
|
||||
//INSTANTIATE THE ITEMS
|
||||
_.each( _deepCopyOfItemCollection, function( item_candidate , key ) {
|
||||
//instantiates and fires ready
|
||||
var _doInstantiate_ = function() {
|
||||
var _item_instance_ = module.instantiateItem( item_candidate );
|
||||
if ( _.isFunction( _item_instance_ ) ) {
|
||||
_item_instance_.ready();
|
||||
} else {
|
||||
api.errare( 'populateSavedItemCollection => Could not instantiate item in module ' + module.id , item_candidate );
|
||||
}
|
||||
};
|
||||
//adds it to the collection and fire item.ready()
|
||||
if ( serverControlParams.isDevMode ) {
|
||||
_doInstantiate_();
|
||||
} else {
|
||||
try { _doInstantiate_(); } catch( er ) {
|
||||
api.errare( 'populateSavedItemCollection => ' + er );
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//check if everything went well
|
||||
_.each( _deepCopyOfItemCollection, function( _item ) {
|
||||
if ( ! _.isObject( _item ) ) {
|
||||
return;
|
||||
}
|
||||
if ( _.isUndefined( _.findWhere( module.itemCollection(), _item.id ) ) ) {
|
||||
throw new Error( 'populateSavedItemCollection => The saved items have not been properly populated in module : ' + module.id );
|
||||
}
|
||||
});
|
||||
|
||||
module.trigger( 'items-collection-populated' );
|
||||
//do we need to chain this method ?
|
||||
//return this;
|
||||
},
|
||||
|
||||
|
||||
instantiateItem : function( item_candidate, is_added_by_user ) {
|
||||
var module = this;
|
||||
|
||||
// Cast to an object now.
|
||||
item_candidate = _.isObject( item_candidate ) ? item_candidate : {};
|
||||
|
||||
// FIRST VALIDATION
|
||||
//allow modules to validate the item_candidate before addition
|
||||
item_candidate = module.validateItemBeforeAddition( item_candidate, is_added_by_user );
|
||||
|
||||
// Abort here and display a simple console message if item is null or false, for example if validateItemBeforeAddition returned null or false
|
||||
if ( ! item_candidate || _.isNull( item_candidate ) ) {
|
||||
api.errare( 'CZRModule::instantiateItem() => item_candidate did not pass validation in module ' + module.id );
|
||||
return;
|
||||
}
|
||||
|
||||
// NORMALIZE
|
||||
//Prepare the item, make sure its id is set and unique
|
||||
item_candidate = module.prepareItemForAPI( item_candidate );
|
||||
|
||||
if ( ! _.isObject( item_candidate ) ) {
|
||||
api.errare( 'CZRModule::instantiateItem() => an item should be described by an object in module type : ' + module.module_type, 'module id : ' + module.id );
|
||||
return;
|
||||
}
|
||||
|
||||
// Display a simple console message if item is null or false, for example if validateItemBeforeInstantiation returned null or false
|
||||
if ( ! item_candidate || _.isNull( item_candidate ) ) {
|
||||
api.errare( 'CZRModule::instantiateItem() => item_candidate invalid in module ' + module.id );
|
||||
return;
|
||||
}
|
||||
|
||||
//ITEM ID CHECKS
|
||||
if ( ! _.has( item_candidate, 'id' ) ) {
|
||||
throw new Error('CZRModule::instantiateItem() => an item has no id and could not be added in the collection of : ' + this.id );
|
||||
}
|
||||
if ( module.czr_Item.has( item_candidate.id ) ) {
|
||||
throw new Error('CZRModule::instantiateItem() => the following item id ' + item_candidate.id + ' already exists in module.czr_Item() for module ' + this.id );
|
||||
}
|
||||
//instantiate the item with the item constructor, default one or provided by the module
|
||||
module.czr_Item.add( item_candidate.id, new module.itemConstructor( item_candidate.id, item_candidate ) );
|
||||
|
||||
if ( ! module.czr_Item.has( item_candidate.id ) ) {
|
||||
throw new Error('CZRModule::instantiateItem() => instantiation failed for item id ' + item_candidate.id + ' for module ' + this.id );
|
||||
}
|
||||
//the item is now ready and will listen to changes
|
||||
//return the instance
|
||||
return module.czr_Item( item_candidate.id );
|
||||
},
|
||||
|
||||
|
||||
// Designed to be overriden in modules
|
||||
validateItemBeforeAddition : function( item_candidate, is_added_by_user ) {
|
||||
return item_candidate;
|
||||
},
|
||||
|
||||
//@return an API ready item object with the following properties
|
||||
// id : '',
|
||||
// initial_item_model : {},
|
||||
// defaultItemModel : {},
|
||||
// control : {},//control instance
|
||||
// module : {},//module instance
|
||||
// is_added_by_user : false
|
||||
prepareItemForAPI : function( item_candidate ) {
|
||||
var module = this,
|
||||
api_ready_item = {};
|
||||
// if ( ! _.isObject( item_candidate ) ) {
|
||||
// throw new Error('prepareitemForAPI : a item must be an object to be instantiated.');
|
||||
// }
|
||||
item_candidate = _.isObject( item_candidate ) ? item_candidate : {};
|
||||
|
||||
_.each( module.defaultAPIitemModel, function( _value, _key ) {
|
||||
var _candidate_val = item_candidate[_key];
|
||||
switch( _key ) {
|
||||
case 'id' :
|
||||
// The id can be specified in a module ( ex: the pre defined item ids of the Font Customizer module )
|
||||
// => that's why we need to check here if the item id is not already registered here
|
||||
if ( _.isEmpty( _candidate_val ) ) {
|
||||
api_ready_item[_key] = module.generateItemId( module.module_type );
|
||||
} else {
|
||||
if ( module.isItemRegistered( _candidate_val ) ) {
|
||||
module.generateItemId( _candidate_val );
|
||||
} else {
|
||||
api_ready_item[_key] = _candidate_val;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case 'initial_item_model' :
|
||||
//make sure that the provided item has all the default properties set
|
||||
_.each( module.getDefaultItemModel() , function( _value, _property ) {
|
||||
if ( ! _.has( item_candidate, _property) )
|
||||
item_candidate[_property] = _value;
|
||||
});
|
||||
api_ready_item[_key] = item_candidate;
|
||||
|
||||
break;
|
||||
case 'defaultItemModel' :
|
||||
api_ready_item[_key] = _.clone( module.defaultItemModel );
|
||||
break;
|
||||
case 'control' :
|
||||
api_ready_item[_key] = module.control;
|
||||
break;
|
||||
case 'module' :
|
||||
api_ready_item[_key] = module;
|
||||
break;
|
||||
case 'is_added_by_user' :
|
||||
api_ready_item[_key] = _.isBoolean( _candidate_val ) ? _candidate_val : false;
|
||||
break;
|
||||
}//switch
|
||||
});
|
||||
|
||||
//if we don't have an id at this stage, let's generate it.
|
||||
if ( ! _.has( api_ready_item, 'id' ) ) {
|
||||
api_ready_item.id = module.generateItemId( module.module_type );
|
||||
}
|
||||
|
||||
//Now amend the initial_item_model with the generated id
|
||||
api_ready_item.initial_item_model.id = api_ready_item.id;
|
||||
|
||||
return module.validateItemBeforeInstantiation( api_ready_item );
|
||||
},
|
||||
|
||||
|
||||
// Designed to be overriden in modules
|
||||
validateItemBeforeInstantiation : function( api_ready_item ) {
|
||||
return api_ready_item;
|
||||
},
|
||||
|
||||
|
||||
// recursive
|
||||
// will generate a unique id with the provided prefix
|
||||
generateItemId : function( prefix, key, i ) {
|
||||
//prevent a potential infinite loop
|
||||
i = i || 1;
|
||||
if ( i > 100 ) {
|
||||
throw new Error( 'Infinite loop when generating of a module id.' );
|
||||
}
|
||||
var module = this;
|
||||
key = key || module._getNextItemKeyInCollection();
|
||||
var id_candidate = prefix + '_' + key;
|
||||
|
||||
//do we have a module collection value ?
|
||||
if ( ! _.has( module, 'itemCollection' ) || ! _.isArray( module.itemCollection() ) ) {
|
||||
throw new Error('The item collection does not exist or is not properly set in module : ' + module.id );
|
||||
}
|
||||
|
||||
//make sure the module is not already instantiated
|
||||
if ( module.isItemRegistered( id_candidate ) ) {
|
||||
key++; i++;
|
||||
return module.generateItemId( prefix, key, i );
|
||||
}
|
||||
return id_candidate;
|
||||
},
|
||||
|
||||
|
||||
//helper : return an int
|
||||
//=> the next available id of the item collection
|
||||
_getNextItemKeyInCollection : function() {
|
||||
var module = this,
|
||||
_maxItem = {},
|
||||
_next_key = 0;
|
||||
|
||||
//get the initial key
|
||||
//=> if we already have a collection, extract all keys, select the max and increment it.
|
||||
//else, key is 0
|
||||
if ( _.isEmpty( module.itemCollection() ) )
|
||||
return _next_key;
|
||||
if ( _.isArray( module.itemCollection() ) && 1 === _.size( module.itemCollection() ) ) {
|
||||
_maxItem = module.itemCollection()[0];
|
||||
} else {
|
||||
_maxItem = _.max( module.itemCollection(), function( _item ) {
|
||||
if ( ! _.isNumber( _item.id.replace(/[^\/\d]/g,'') ) )
|
||||
return 0;
|
||||
return parseInt( _item.id.replace( /[^\/\d]/g, '' ), 10 );
|
||||
});
|
||||
}
|
||||
|
||||
//For a single item collection, with an index free id, it might happen that the item is not parsable. Make sure it is. Otherwise, use the default key 0
|
||||
if ( ! _.isUndefined( _maxItem ) && _.isNumber( _maxItem.id.replace(/[^\/\d]/g,'') ) ) {
|
||||
_next_key = parseInt( _maxItem.id.replace(/[^\/\d]/g,''), 10 ) + 1;
|
||||
}
|
||||
return _next_key;
|
||||
},
|
||||
|
||||
|
||||
|
||||
//this helper allows to check if an item has been registered in the collection
|
||||
//no matter if it's not instantiated yet
|
||||
isItemRegistered : function( id_candidate ) {
|
||||
var module = this;
|
||||
return ! _.isUndefined( _.findWhere( module.itemCollection(), { id : id_candidate}) );
|
||||
},
|
||||
|
||||
|
||||
//Fired in module.czr_Item.itemReact
|
||||
//@param args can be
|
||||
//{
|
||||
// collection : [],
|
||||
// params : params {}
|
||||
//},
|
||||
//
|
||||
//or {
|
||||
// item : {}
|
||||
// params : params {}
|
||||
//}
|
||||
//if a collection is provided in the passed args then simply refresh the collection
|
||||
//=> typically used when reordering the collection item with sortable or when a item is removed
|
||||
//
|
||||
//the args.params can typically hold informations passed by the input that has been changed and its specific preview transport (can be PostMessage )
|
||||
//params looks like :
|
||||
//{
|
||||
// module : {}
|
||||
// input_changed : string input.id
|
||||
// input_transport : 'postMessage' or '',
|
||||
// not_preview_sent : bool
|
||||
//}
|
||||
//@return a deferred promise
|
||||
updateItemsCollection : function( args ) {
|
||||
var module = this,
|
||||
_current_collection = module.itemCollection(),
|
||||
_new_collection = _.clone(_current_collection),
|
||||
dfd = $.Deferred();
|
||||
|
||||
//if a collection is provided in the passed args then simply refresh the collection
|
||||
//=> typically used when reordering the collection item with sortable or when a item is removed
|
||||
if ( _.has( args, 'collection' ) ) {
|
||||
//reset the collection
|
||||
module.itemCollection.set( args.collection );
|
||||
return;
|
||||
}
|
||||
|
||||
if ( ! _.has( args, 'item' ) ) {
|
||||
throw new Error('updateItemsCollection, no item provided ' + module.control.id + '. Aborting');
|
||||
}
|
||||
//normalizes with params
|
||||
args = _.extend( { params : {} }, args );
|
||||
|
||||
var item_candidate = _.clone( args.item ),
|
||||
hasMissingProperty = false;
|
||||
|
||||
// Is the item well formed ? Does it have all the properties of the default model ?
|
||||
// Each module has to declare a defaultItemModel which augments the default one : { id : '', title : '' };
|
||||
// Let's loop on the defaultItemModel property and check that none is missing in the candidate
|
||||
_.each( module.defaultItemModel, function( itemData, key ) {
|
||||
if ( ! _.has( item_candidate, key ) ) {
|
||||
throw new Error( 'CZRModuleMths => updateItemsCollection : Missing property "' + key + '" for item candidate' );
|
||||
}
|
||||
});
|
||||
|
||||
if ( hasMissingProperty )
|
||||
return;
|
||||
|
||||
//the item already exist in the collection
|
||||
if ( _.findWhere( _new_collection, { id : item_candidate.id } ) ) {
|
||||
_.each( _current_collection , function( _item, _ind ) {
|
||||
if ( _item.id != item_candidate.id )
|
||||
return;
|
||||
|
||||
//set the new val to the changed property
|
||||
_new_collection[_ind] = item_candidate;
|
||||
});
|
||||
}
|
||||
//the item has to be added
|
||||
else {
|
||||
_new_collection.push( item_candidate );
|
||||
}
|
||||
|
||||
//updates the collection value
|
||||
//=> is listened to by module.itemCollectionReact
|
||||
module.itemCollection.set( _new_collection, args.params );
|
||||
return dfd.resolve( { collection : _new_collection, params : args.params } ).promise();
|
||||
},
|
||||
|
||||
|
||||
|
||||
//fire on sortable() update callback
|
||||
//@returns a sorted collection as an array of item objects
|
||||
_getSortedDOMItemCollection : function( ) {
|
||||
var module = this,
|
||||
_old_collection = _.clone( module.itemCollection() ),
|
||||
_new_collection = [],
|
||||
dfd = $.Deferred();
|
||||
|
||||
//re-build the collection from the DOM
|
||||
$( '.' + module.control.css_attr.single_item, module.container ).each( function( _index ) {
|
||||
var _item = _.findWhere( _old_collection, {id: $(this).attr('data-id') });
|
||||
//do we have a match in the existing collection ?
|
||||
if ( ! _item )
|
||||
return;
|
||||
|
||||
_new_collection[_index] = _item;
|
||||
});
|
||||
|
||||
if ( _old_collection.length != _new_collection.length ) {
|
||||
throw new Error('There was a problem when re-building the item collection from the DOM in module : ' + module.id );
|
||||
}
|
||||
return dfd.resolve( _new_collection ).promise();
|
||||
},
|
||||
|
||||
|
||||
//This method should
|
||||
//1) remove the item views
|
||||
//2) remove the czr_items instances
|
||||
//3) remove the item collection
|
||||
//4) re-initialize items
|
||||
//5) re-setup the item collection
|
||||
//6) re-instantiate the items
|
||||
//7) re-render their views
|
||||
refreshItemCollection : function() {
|
||||
var module = this;
|
||||
//Remove item views and instances
|
||||
module.czr_Item.each( function( _itm ) {
|
||||
if ( module.czr_Item( _itm.id ).container && 0 < module.czr_Item( _itm.id ).container.length ) {
|
||||
$.when( module.czr_Item( _itm.id ).container.remove() ).done( function() {
|
||||
//Remove item instances
|
||||
module.czr_Item.remove( _itm.id );
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Reset the item collection
|
||||
// => the collection listeners will be setup after populate, on 'items-collection-populated'
|
||||
module.itemCollection = new api.Value( [] );
|
||||
module.populateSavedItemCollection();
|
||||
}
|
||||
});//$.extend//CZRBaseControlMths
|
||||
})( wp.customize , jQuery, _ );
|
||||
+61
@@ -0,0 +1,61 @@
|
||||
//MULTI CONTROL CLASS
|
||||
//extends api.CZRBaseControl
|
||||
//
|
||||
//Setup the collection of items
|
||||
//renders the module view
|
||||
//Listen to items collection changes and update the control setting
|
||||
|
||||
var CZRModuleMths = CZRModuleMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRModuleMths, {
|
||||
//Returns the default item defined in initialize
|
||||
//Each chid class can override the default item and the following method
|
||||
getDefaultItemModel : function( id ) {
|
||||
var module = this;
|
||||
return $.extend( _.clone( module.defaultItemModel ), { id : id || '' } );
|
||||
},
|
||||
|
||||
//////////////////////////////////
|
||||
///MODEL HELPERS
|
||||
//////////////////////////////////
|
||||
//the job of this function is to return a new item ready to be added to the collection
|
||||
//the new item shall have a unique id
|
||||
//!!recursive
|
||||
_initNewItem : function( _item , _next_key ) {
|
||||
var module = this,
|
||||
_new_item = { id : '' },
|
||||
_id;
|
||||
|
||||
//get the next available key of the collection
|
||||
_next_key = 'undefined' != typeof(_next_key) ? _next_key : _.size( module.itemCollection() );
|
||||
|
||||
if ( _.isNumber(_next_key) ) {
|
||||
_id = module.module_type + '_' + _next_key;
|
||||
}
|
||||
else {
|
||||
_id = _next_key;
|
||||
//reset next key to 0 in case a recursive loop is needed later
|
||||
_next_key = 0;
|
||||
}
|
||||
|
||||
if ( _item && ! _.isEmpty( _item) )
|
||||
_new_item = $.extend( _item, { id : _id } );
|
||||
else
|
||||
_new_item = this.getDefaultItemModel( _id );
|
||||
|
||||
//check the id existence, and its unicity
|
||||
if ( _.has(_new_item, 'id') && module._isItemIdPossible(_id) ) {
|
||||
//make sure that the provided item has all the default properties set
|
||||
_.map( module.getDefaultItemModel() , function( value, property ){
|
||||
if ( ! _.has(_new_item, property) )
|
||||
_new_item[property] = value;
|
||||
});
|
||||
|
||||
return _new_item;
|
||||
}
|
||||
|
||||
//if id already exists, then test a new one
|
||||
return module._initNewItem( _new_item, _next_key + 1);
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+292
@@ -0,0 +1,292 @@
|
||||
//MULTI CONTROL CLASS
|
||||
//extends api.CZRBaseControl
|
||||
//
|
||||
//Setup the collection of items
|
||||
//renders the module view
|
||||
//Listen to items collection changes and update the control setting
|
||||
|
||||
var CZRModuleMths = CZRModuleMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRModuleMths, {
|
||||
//fired on module.isReady.done()
|
||||
//the module.container is set.
|
||||
renderModuleParts : function() {
|
||||
var module = this,
|
||||
$_moduleContentEl = $( module.container ),
|
||||
dfd = $.Deferred();
|
||||
|
||||
var appendAndResolve = function( _tmpl_ ) {
|
||||
if ( module.isCrud() ) {
|
||||
//do we have an html template ?
|
||||
if ( _.isEmpty( _tmpl_ ) ) {
|
||||
dfd.reject( 'renderModuleParts => Missing html template for module : '+ module.id );
|
||||
}
|
||||
//append the module wrapper to the column
|
||||
$_moduleContentEl.append( _tmpl_ );
|
||||
}
|
||||
|
||||
// Always append this
|
||||
var $_module_items_wrapper = $(
|
||||
'<ul/>',
|
||||
{
|
||||
class : [
|
||||
module.control.css_attr.items_wrapper,
|
||||
module.module_type,
|
||||
module.isMultiItem() ? 'multi-item-mod' : 'mono-item-mod',
|
||||
module.isCrud() ? 'crud-mod' : 'not-crud-mod'
|
||||
].join(' ')
|
||||
}
|
||||
);
|
||||
|
||||
$_moduleContentEl.append( $_module_items_wrapper );
|
||||
|
||||
dfd.resolve( $( $_module_items_wrapper, $_moduleContentEl ) );
|
||||
};//appendAndResolve
|
||||
|
||||
//Crud modules => then let's add the crud module part tmpl
|
||||
if ( module.isCrud() ) {
|
||||
// Do we have view content template script?
|
||||
// if yes, let's use it <= Old way
|
||||
// Otherwise let's fetch the html template from the server
|
||||
if ( ! _.isEmpty( module.crudModulePart ) ) {
|
||||
if ( 1 > $( '#tmpl-' + module.crudModulePart ).length ) {
|
||||
dfd.reject( 'renderModuleParts => no crud Module Part template for module ' + module.id + '. The template script id should be : #tmpl-' + module.crudModulePart );
|
||||
}
|
||||
appendAndResolve( wp.template( module.crudModulePart )( {} ) );
|
||||
} else {
|
||||
api.CZR_Helpers.getModuleTmpl( {
|
||||
tmpl : 'crud-module-part',
|
||||
module_type: 'all_modules',
|
||||
module_id : module.id,
|
||||
control_id : module.control.id
|
||||
} ).done( function( _serverTmpl_ ) {
|
||||
//console.log( 'renderModuleParts => success response =>', module.id, _serverTmpl_);
|
||||
appendAndResolve( api.CZR_Helpers.parseTemplate( _serverTmpl_ )( {} ) );
|
||||
}).fail( function( _r_ ) {
|
||||
api.errare( 'renderModuleParts => fail response =>', _r_);
|
||||
dfd.reject( 'renderModuleParts => Problem when fetching the crud-module-part tmpl from server for module : '+ module.id );
|
||||
});
|
||||
}
|
||||
} else {
|
||||
appendAndResolve();
|
||||
}
|
||||
return dfd.promise();
|
||||
},
|
||||
|
||||
//called before rendering a view. Fired in module::renderItemWrapper()
|
||||
//can be overridden to set a specific view template depending on the model properties
|
||||
//@return string
|
||||
//@type can be
|
||||
//Read Update Delete (rud...)
|
||||
//Read Update (ru)
|
||||
//...
|
||||
//@item_model is an object describing the current item model
|
||||
getTemplateSelectorPart : function( type, item_model ) {
|
||||
var module = this, _el;
|
||||
switch( type ) {
|
||||
case 'rudItemPart' :
|
||||
_el = module.rudItemPart;
|
||||
break;
|
||||
case 'ruItemPart' :
|
||||
_el = module.ruItemPart;
|
||||
break;
|
||||
case 'modOptInputList' :
|
||||
_el = module.modOptInputList;
|
||||
break;
|
||||
case 'itemInputList' :
|
||||
_el = _.isFunction( module.itemInputList ) ? module.itemInputList( item_model ) : module.itemInputList;
|
||||
break;
|
||||
}
|
||||
if ( _.isEmpty(_el) ) {
|
||||
throw new Error('No valid template has been found in getTemplateSelectorPart() ' + module.id + '. Aborting');
|
||||
} else {
|
||||
return _el;
|
||||
}
|
||||
},
|
||||
|
||||
//helper
|
||||
//get the $ view DOM el from the item id
|
||||
getViewEl : function( id ) {
|
||||
var module = this;
|
||||
return $( '[data-id = "' + id + '"]', module.container );
|
||||
},
|
||||
|
||||
|
||||
//fired on add_item
|
||||
//fired on views_sorted
|
||||
closeAllItems : function( id ) {
|
||||
var module = this,
|
||||
_current_collection = _.clone( module.itemCollection() ),
|
||||
_filtered_collection = _.filter( _current_collection , function( mod) { return mod.id != id; } );
|
||||
|
||||
_.each( _filtered_collection, function( _item ) {
|
||||
if ( module.czr_Item.has(_item.id) && 'expanded' == module.czr_Item(_item.id)._getViewState(_item.id) )
|
||||
module.czr_Item( _item.id ).viewState.set( 'closed' ); // => will fire the cb toggleItemExpansion
|
||||
} );
|
||||
|
||||
// 'czr-all-items-closed' has been introduced when coding the Simple Nimble slider module. @see https://github.com/presscustomizr/nimble-builder/issues/82
|
||||
// When using the text editor in the items of in a multi-item module
|
||||
// We need to clear the editor instances each time all items are closed, before opening a new one
|
||||
api.trigger('czr-all-items-closed', { module_id : module.id } );
|
||||
return this;
|
||||
},
|
||||
|
||||
|
||||
//make sure a given jQuery block is fully visible
|
||||
//@param $(el)
|
||||
_adjustScrollExpandedBlock : function( $_block_el, adjust ) {
|
||||
if ( ! $_block_el.length || _.isUndefined( this.getModuleSection() ) )
|
||||
return;
|
||||
var module = this,
|
||||
$_moduleSection = $( '.accordion-section-content', module.section.container ),//was api.section( control.section() )
|
||||
_currentScrollTopVal = $_moduleSection.scrollTop(),
|
||||
_scrollDownVal,
|
||||
_adjust = adjust || 90;
|
||||
|
||||
setTimeout( function() {
|
||||
if ( ( $_block_el.offset().top + $_block_el.height() + _adjust ) > $(window.top).height() ) {
|
||||
_scrollDownVal = $_block_el.offset().top + $_block_el.height() + _adjust - $(window.top).height();
|
||||
if ( _scrollDownVal > 0 ) {
|
||||
$_moduleSection.animate({
|
||||
scrollTop: _currentScrollTopVal + _scrollDownVal
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
}, 50);
|
||||
},
|
||||
|
||||
|
||||
|
||||
//close alert wrapper
|
||||
//+ deactivate the icon
|
||||
closeRemoveDialogs : function() {
|
||||
var module = this;
|
||||
if ( ! _.isArray( module.itemCollection() ) )
|
||||
return;
|
||||
|
||||
module.czr_Item.each( function( _item_ ) {
|
||||
_item_.removeDialogVisible( false );
|
||||
});
|
||||
|
||||
// $('.' + module.control.css_attr.remove_alert_wrapper, module.container ).each( function() {
|
||||
// if ( $(this).hasClass('open') ) {
|
||||
// $(this).slideToggle( {
|
||||
// duration : 100,
|
||||
// done : function() {
|
||||
// $(this).toggleClass('open' , false );
|
||||
// //deactivate the icons
|
||||
// $(this).siblings().find('.' + module.control.css_attr.display_alert_btn).toggleClass('active' , false );
|
||||
// }
|
||||
// } );
|
||||
// }
|
||||
// });
|
||||
return this;
|
||||
},
|
||||
|
||||
|
||||
// fired when module.isReady.done
|
||||
// if sortable is 'true' on registration
|
||||
// default is false
|
||||
_makeItemsSortable : function(obj) {
|
||||
if ( wp.media.isTouchDevice || ! $.fn.sortable )
|
||||
return;
|
||||
var module = this;
|
||||
$( '.' + module.control.css_attr.items_wrapper, module.container ).sortable( {
|
||||
handle: '.' + module.control.css_attr.item_sort_handle,
|
||||
start: function() {},
|
||||
update: function( event, ui ) {
|
||||
var _sortedCollectionReact = function() {
|
||||
if ( _.has(module, 'preItem') ) {
|
||||
module.preItemExpanded.set(false);
|
||||
}
|
||||
|
||||
module.closeAllItems().closeRemoveDialogs();
|
||||
var refreshPreview = function() {
|
||||
api.previewer.refresh();
|
||||
};
|
||||
//refreshes the preview frame :
|
||||
//1) only needed if transport is postMessage, because is triggered by wp otherwise
|
||||
//2) only needed when : add, remove, sort item(s).
|
||||
//var isItemUpdate = ( _.size(from) == _.size(to) ) && ! _.isEmpty( _.difference(from, to) );
|
||||
if ( 'postMessage' == api(module.control.id).transport && ! api.CZR_Helpers.hasPartRefresh( module.control.id ) ) {
|
||||
refreshPreview = _.debounce( refreshPreview, 500 );//500ms are enough
|
||||
refreshPreview();
|
||||
}
|
||||
|
||||
module.trigger( 'item-collection-sorted' );
|
||||
};
|
||||
module._getSortedDOMItemCollection()
|
||||
.done( function( _collection_ ) {
|
||||
module.itemCollection.set( _collection_ );
|
||||
})
|
||||
.then( function() {
|
||||
_sortedCollectionReact();
|
||||
});
|
||||
//refreshes the preview frame, only if the associated setting is a postMessage transport one, with no partial refresh
|
||||
// if ( 'postMessage' == api( module.control.id ).transport && ! api.CZR_Helpers.hasPartRefresh( module.control.id ) ) {
|
||||
// _.delay( function() { api.previewer.refresh(); }, 100 );
|
||||
// }
|
||||
}//update
|
||||
}
|
||||
);
|
||||
},
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------------------
|
||||
* TABS NAVIGATION IN ITEMS AND MODOPT
|
||||
------------------------------------------------*/
|
||||
//This method is fired on tab click
|
||||
// IMPORTANT : the this is the item or the modopt instance. NOT the module.
|
||||
// =>This method has been added to the module constructor to avoid repeating the code in two places because it is used both in items and modOpts
|
||||
// @return void()
|
||||
toggleTabVisibility : function( tabIdSwitchedTo ) {
|
||||
var inputParent = this,
|
||||
tabs = $( inputParent.container ).find('li'),
|
||||
content_items = $( inputParent.container ).find('section');
|
||||
//tabIdSwitchedTo = $( args.dom_event.currentTarget, args.dom_el ).attr('data-tab-id');
|
||||
|
||||
$( '.tabs nav li', inputParent.container ).each( function() {
|
||||
$(this).removeClass('tab-current').addClass('tab-inactive');
|
||||
});
|
||||
$( inputParent.container ).find('li[data-tab-id="' + tabIdSwitchedTo + '"]').addClass('tab-current').removeClass('tab-inactive');
|
||||
|
||||
$( 'section', inputParent.container ).each( function() {
|
||||
$(this).removeClass('content-current');
|
||||
});
|
||||
$( inputParent.container ).find('section[id="' + tabIdSwitchedTo + '"]').addClass('content-current');
|
||||
},
|
||||
|
||||
// @return void()
|
||||
// the inputParent.container (item or modOpt) is now available ar this stage
|
||||
// Setup the tabs navigation
|
||||
//=> Make sure the first tab is the current visible one
|
||||
setupTabNav : function() {
|
||||
var inputParent = this,
|
||||
preProcessTabs = function() {
|
||||
var dfd = $.Deferred(),
|
||||
$tabs = $( '.tabs nav li', inputParent.container );
|
||||
|
||||
$tabs.each( function() {
|
||||
$(this).removeClass('tab-current').addClass('tab-inactive');
|
||||
});
|
||||
$tabs.first().addClass( 'tab-current' ).removeClass('tab-inactive');
|
||||
$( 'section', inputParent.container ).first().addClass( 'content-current' );
|
||||
//set the layout class based on the number of tabs
|
||||
var _nb = $tabs.length;
|
||||
$tabs.each( function() {
|
||||
$(this).addClass( _nb > 0 ? 'cols-' + _nb : '' );
|
||||
});
|
||||
return dfd.resolve().promise();
|
||||
};
|
||||
setTimeout(
|
||||
function() {
|
||||
preProcessTabs().done( function() {
|
||||
$('.tabs', inputParent.container ).show();
|
||||
});
|
||||
},
|
||||
20//<= introducing a small delay to let jQuery do its preprocessing job
|
||||
);
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+278
@@ -0,0 +1,278 @@
|
||||
//MULTI CONTROL CLASS
|
||||
//extends api.CZRModule
|
||||
//
|
||||
//Setup the collection of items
|
||||
//renders the module view
|
||||
//Listen to items collection changes and update the control setting
|
||||
|
||||
var CZRDynModuleMths = CZRDynModuleMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRDynModuleMths, {
|
||||
initialize: function( id, options ) {
|
||||
var module = this;
|
||||
api.CZRModule.prototype.initialize.call( module, id, options );
|
||||
|
||||
//extend the module with new template Selectors
|
||||
$.extend( module, {
|
||||
itemPreAddEl : ''//is specific for each crud module
|
||||
} );
|
||||
|
||||
module.preItemsWrapper = '';//will store the pre items wrapper
|
||||
|
||||
//PRE MODEL VIEW STATE
|
||||
// => will control the rendering / destruction of the DOM view
|
||||
// => the instantiation / destruction of the input Value collection
|
||||
module.preItemExpanded = new api.Value( false );
|
||||
|
||||
//EXTENDS THE DEFAULT MONO MODEL CONSTRUCTOR WITH NEW METHODS
|
||||
//=> like remove item
|
||||
//module.itemConstructor = api.CZRItem.extend( module.CZRItemDynamicMths || {} );
|
||||
|
||||
//default success message when item added
|
||||
module.itemAddedMessage = serverControlParams.i18n.successMessage;
|
||||
|
||||
////////////////////////////////////////////////////
|
||||
/// MODULE DOM EVENT MAP
|
||||
////////////////////////////////////////////////////<
|
||||
// addItem utility
|
||||
// @return void()
|
||||
// @param params : { dom_el : {}, dom_event : {}, event : {}, model {} }
|
||||
var _doAddItem = function( params ) {
|
||||
module.addItem( params ).done( function( item_id ) {
|
||||
module.czr_Item( item_id , function( _item_ ) {
|
||||
_item_.embedded.then( function() {
|
||||
_item_.viewState( 'expanded' );
|
||||
});
|
||||
});
|
||||
})
|
||||
.fail( function( error ) {
|
||||
api.errare( 'module.addItem failed on add_item', error );
|
||||
});
|
||||
};
|
||||
|
||||
module.userEventMap = new api.Value( [
|
||||
//pre add new item : open the dialog box
|
||||
{
|
||||
trigger : 'click keydown',
|
||||
selector : [ '.' + module.control.css_attr.open_pre_add_btn, '.' + module.control.css_attr.cancel_pre_add_btn ].join(','),
|
||||
name : 'pre_add_item',
|
||||
actions : [
|
||||
'closeAllItems',
|
||||
'closeRemoveDialogs',
|
||||
// toggles the visibility of the Remove View Block
|
||||
// => will render or destroy the pre item view
|
||||
// @param : obj = { event : {}, item : {}, view : ${} }
|
||||
function( params ) {
|
||||
var module = this,
|
||||
canWe = { addTheItem : true };
|
||||
// allow remote filtering of the condition for addition
|
||||
module.trigger( 'is-item-addition-possible', canWe );
|
||||
|
||||
// if the module has a pre-item, let's expand it, otherwise, let's add the item right away
|
||||
if ( canWe.addTheItem && module.hasPreItem ) {
|
||||
module.preItemExpanded.set( ! module.preItemExpanded() );
|
||||
} else {
|
||||
_doAddItem( params );
|
||||
}
|
||||
},
|
||||
],
|
||||
},
|
||||
//add new item
|
||||
{
|
||||
trigger : 'click keydown',
|
||||
selector : '.' + module.control.css_attr.add_new_btn, //'.czr-add-new',
|
||||
name : 'add_item',
|
||||
//@param params : { dom_el : {}, dom_event : {}, event : {}, model {} }
|
||||
actions : function( params ) {
|
||||
module.closeRemoveDialogs( params ).closeAllItems( params );
|
||||
_doAddItem( params );
|
||||
}
|
||||
}
|
||||
]);//module.userEventMap
|
||||
},//initialize()
|
||||
|
||||
|
||||
|
||||
//When the control is embedded on the page, this method is fired in api.CZRBaseModuleControl:ready()
|
||||
//=> right after the module is instantiated.
|
||||
ready : function() {
|
||||
var module = this;
|
||||
//Setup the module event listeners
|
||||
module.setupDOMListeners( module.userEventMap() , { dom_el : module.container } );
|
||||
|
||||
// Pre Item Value => used to store the preItem model
|
||||
module.preItem = new api.Value( module.getDefaultItemModel() );
|
||||
|
||||
// Action on pre Item expansion / collapsing
|
||||
module.preItemExpanded.callbacks.add( function( isExpanded ) {
|
||||
if ( isExpanded ) {
|
||||
module.renderPreItemView()
|
||||
.done( function( $preWrapper ) {
|
||||
module.preItemsWrapper = $preWrapper;
|
||||
//Re-initialize the pre item model
|
||||
module.preItem( module.getDefaultItemModel() );
|
||||
|
||||
module.trigger( 'before-pre-item-input-collection-setup' );
|
||||
// Setup the pre item input collection from dom
|
||||
module.setupPreItemInputCollection();
|
||||
|
||||
})
|
||||
.fail( function( message ) {
|
||||
api.errorLog( 'Pre-Item : ' + message );
|
||||
});
|
||||
} else {
|
||||
$.when( module.preItemsWrapper.remove() ).done( function() {
|
||||
module.preItem.czr_Input = {};
|
||||
module.preItemsWrapper = null;
|
||||
module.trigger( 'pre-item-input-collection-destroyed' );
|
||||
});
|
||||
}
|
||||
|
||||
// Expand / Collapse
|
||||
module._togglePreItemViewExpansion( isExpanded );
|
||||
});
|
||||
|
||||
api.CZRModule.prototype.ready.call( module );//fires the parent
|
||||
},//ready()
|
||||
|
||||
|
||||
|
||||
//PRE MODEL INPUTS
|
||||
//fired when preItem is embedded.done()
|
||||
setupPreItemInputCollection : function() {
|
||||
var module = this;
|
||||
|
||||
//Pre item input collection
|
||||
module.preItem.czr_Input = new api.Values();
|
||||
|
||||
//creates the inputs based on the rendered items
|
||||
$('.' + module.control.css_attr.pre_add_wrapper, module.container)
|
||||
.find( '.' + module.control.css_attr.sub_set_wrapper)
|
||||
.each( function( _index ) {
|
||||
var _id = $(this).find('[data-czrtype]').attr('data-czrtype') || 'sub_set_' + _index;
|
||||
//instantiate the input
|
||||
module.preItem.czr_Input.add( _id, new module.inputConstructor( _id, {//api.CZRInput;
|
||||
id : _id,
|
||||
type : $(this).attr('data-input-type'),
|
||||
container : $(this),
|
||||
input_parent : module.preItem,
|
||||
module : module,
|
||||
is_preItemInput : true
|
||||
} ) );
|
||||
|
||||
//fire ready once the input Value() instance is initialized
|
||||
module.preItem.czr_Input( _id ).ready();
|
||||
});//each
|
||||
|
||||
module.trigger( 'pre-item-input-collection-ready' );
|
||||
},
|
||||
|
||||
// Intended to be overriden in a module
|
||||
// introduced in July 2019 to make it simple for a multi-item module to set a default pre-item
|
||||
// typically, in the slider image, this is a way to have a default image when adding an item
|
||||
// @see https://github.com/presscustomizr/nimble-builder/issues/479
|
||||
getPreItem : function() {
|
||||
return this.preItem();
|
||||
},
|
||||
|
||||
|
||||
// overridable method introduced with the flat skope
|
||||
// problem to solve in skope => an item, can't always be instantiated in a given context.
|
||||
itemCanBeInstantiated : function() {
|
||||
return true;
|
||||
},
|
||||
|
||||
//Fired on user Dom action.
|
||||
//the item is manually added.
|
||||
//@return a promise() with the item_id as param
|
||||
//@param params : { dom_el : {}, dom_event : {}, event : {}, model {} }
|
||||
//@param _cloned_item_model = { id : '', title : '', ... }
|
||||
addItem : function( params, _cloned_item_model ) {
|
||||
var dfd = $.Deferred();
|
||||
if ( ! this.itemCanBeInstantiated() ) {
|
||||
return dfd.reject().promise();
|
||||
}
|
||||
var module = this,
|
||||
item_candidate = module.getPreItem(),
|
||||
collapsePreItem = function() {
|
||||
module.preItemExpanded.set( false );
|
||||
//module.toggleSuccessMessage('off');
|
||||
};
|
||||
// June 2021 => introduction of clone item
|
||||
if ( _cloned_item_model && _.has( _cloned_item_model, 'id' ) ) {
|
||||
item_candidate = _cloned_item_model;
|
||||
}
|
||||
if ( _.isEmpty( item_candidate ) || ! _.isObject( item_candidate ) ) {
|
||||
api.errorLog( 'addItem : an item_candidate should be an object and not empty. In : ' + module.id +'. Aborted.' );
|
||||
return dfd.reject().promise();
|
||||
}
|
||||
//display a sucess message if item_candidate is successfully instantiated
|
||||
collapsePreItem = _.debounce( collapsePreItem, 200 );
|
||||
|
||||
//instantiates and fires ready
|
||||
var _doInstantiate_ = function() {
|
||||
var _item_instance_ = module.instantiateItem( item_candidate, true );//true == Added by user
|
||||
if ( _.isFunction( _item_instance_ ) ) {
|
||||
_item_instance_.ready();
|
||||
} else {
|
||||
api.errare( 'populateSavedItemCollection => Could not instantiate item in module ' + module.id , item_candidate );
|
||||
}
|
||||
return _item_instance_;
|
||||
};
|
||||
//adds it to the collection and fire item.ready()
|
||||
if ( serverControlParams.isDevMode ) {
|
||||
_doInstantiate_();
|
||||
} else {
|
||||
try { _doInstantiate_(); } catch( er ) {
|
||||
api.errare( 'populateSavedItemCollection : ' + er );
|
||||
return dfd.reject().promise();
|
||||
}
|
||||
}
|
||||
|
||||
if ( ! module.czr_Item.has( item_candidate.id ) ) {
|
||||
return dfd.reject('populateSavedItemCollection : the item ' + item_candidate.id + ' has not been instantiated in module ' + module.id ).promise();
|
||||
}
|
||||
|
||||
//this iife job is to close the pre item and to maybe refresh the preview
|
||||
//then once done the item view is expanded to start editing it
|
||||
//@return a promise()
|
||||
$.Deferred( function() {
|
||||
var _dfd_ = this;
|
||||
module.czr_Item( item_candidate.id ).isReady.then( function() {
|
||||
//module.toggleSuccessMessage('on');
|
||||
collapsePreItem();
|
||||
|
||||
module.trigger('item-added', item_candidate );
|
||||
|
||||
var resolveWhenPreviewerReady = function() {
|
||||
api.previewer.unbind( 'ready', resolveWhenPreviewerReady );
|
||||
_dfd_.resolve();
|
||||
};
|
||||
//module.doActions( 'item_added_by_user' , module.container, { item : item_candidate , dom_event : params.dom_event } );
|
||||
|
||||
//refresh the preview frame (only needed if transport is postMessage && has no partial refresh set )
|
||||
//must be a dom event not triggered
|
||||
//otherwise we are in the init collection case where the items are fetched and added from the setting in initialize
|
||||
// The property "refresh_on_add_item" is declared when registrating the module to the api.czrModuleMap
|
||||
if ( module.refresh_on_add_item ) {
|
||||
if ( 'postMessage' == api(module.control.id).transport && _.has( params, 'dom_event') && ! _.has( params.dom_event, 'isTrigger' ) && ! api.CZR_Helpers.hasPartRefresh( module.control.id ) ) {
|
||||
// api.previewer.refresh().done( function() {
|
||||
// _dfd_.resolve();
|
||||
// });
|
||||
// It would be better to wait for the refresh promise
|
||||
api.previewer.bind( 'ready', resolveWhenPreviewerReady );
|
||||
api.previewer.refresh();
|
||||
} else {
|
||||
_dfd_.resolve();
|
||||
}
|
||||
} else {
|
||||
_dfd_.resolve();
|
||||
}
|
||||
});
|
||||
}).always( function() {
|
||||
dfd.resolve( item_candidate.id );
|
||||
});
|
||||
return dfd.promise();
|
||||
}
|
||||
});//$.extend
|
||||
})( wp.customize , jQuery, _ );
|
||||
+125
@@ -0,0 +1,125 @@
|
||||
//MULTI CONTROL CLASS
|
||||
//extends api.CZRBaseControl
|
||||
//
|
||||
//Setup the collection of items
|
||||
//renders the module view
|
||||
//Listen to items collection changes and update the module setting
|
||||
|
||||
var CZRDynModuleMths = CZRDynModuleMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRDynModuleMths, {
|
||||
//////////////////////////////////////////////////
|
||||
/// PRE ADD MODEL DIALOG AND VIEW
|
||||
//////////////////////////////////////////////////
|
||||
renderPreItemView : function( obj ) {
|
||||
var module = this,
|
||||
dfd = $.Deferred(),
|
||||
pre_add_template;
|
||||
|
||||
//is this view already rendered ?
|
||||
if ( _.isObject( module.preItemsWrapper ) && 0 < module.preItemsWrapper.length ) { //was ! _.isEmpty( module.czr_preItem('item_content')() ) )
|
||||
return dfd.resolve( module.preItemsWrapper ).promise();
|
||||
}
|
||||
|
||||
var appendAndResolve = function( _tmpl_ ){
|
||||
//console.log('pre_add_template', _tmpl_ );
|
||||
//do we have an html template and a module container?
|
||||
if ( _.isEmpty( _tmpl_ ) || ! module.container ) {
|
||||
dfd.reject( 'renderPreItemView => Missing html template for module : '+ module.id );
|
||||
}
|
||||
|
||||
var $_pre_add_el = $('.' + module.control.css_attr.pre_add_item_content, module.container );
|
||||
|
||||
$_pre_add_el.prepend( $('<div>', { class : 'pre-item-wrapper'} ) );
|
||||
$_pre_add_el.find('.pre-item-wrapper').append( _tmpl_ );
|
||||
|
||||
//say it
|
||||
dfd.resolve( $_pre_add_el.find('.pre-item-wrapper') ).promise();
|
||||
};
|
||||
|
||||
// do we have view template script ?
|
||||
// if yes, let's use it <= Old way
|
||||
// Otherwise let's fetch the html template from the server
|
||||
if ( ! _.isEmpty( module.itemPreAddEl ) ) {
|
||||
if ( 1 > $( '#tmpl-' + module.itemPreAddEl ).length ) {
|
||||
dfd.reject( 'renderPreItemView => Missing itemPreAddEl or template in module '+ module.id );
|
||||
}
|
||||
// parse the html
|
||||
appendAndResolve( wp.template( module.itemPreAddEl )() );
|
||||
} else {
|
||||
api.CZR_Helpers.getModuleTmpl( {
|
||||
tmpl : 'pre-item',
|
||||
module_type: module.module_type,
|
||||
module_id : module.id,
|
||||
control_id : module.control.id
|
||||
} ).done( function( _serverTmpl_ ) {
|
||||
//console.log( 'success response =>', _serverTmpl_);
|
||||
appendAndResolve( api.CZR_Helpers.parseTemplate( _serverTmpl_ )() );
|
||||
}).fail( function( _r_ ) {
|
||||
//console.log( 'fail response =>', _r_);
|
||||
dfd.reject( [ 'renderPreItemView for module : ', module.id , _r_ ].join(' ') );
|
||||
});
|
||||
}
|
||||
return dfd.promise();
|
||||
},
|
||||
|
||||
//@return $ el of the pre Item view
|
||||
_getPreItemView : function() {
|
||||
var module = this;
|
||||
return $('.' + module.control.css_attr.pre_add_item_content, module.container );
|
||||
},
|
||||
|
||||
|
||||
//callback of module.preItemExpanded
|
||||
//@_is_expanded = boolean.
|
||||
_togglePreItemViewExpansion : function( _is_expanded ) {
|
||||
var module = this,
|
||||
$_pre_add_el = $( '.' + module.control.css_attr.pre_add_item_content, module.container );
|
||||
|
||||
//toggle it
|
||||
$_pre_add_el.slideToggle( {
|
||||
duration : 200,
|
||||
done : function() {
|
||||
var $_btn = $( '.' + module.control.css_attr.open_pre_add_btn, module.container );
|
||||
|
||||
$(this).toggleClass('open' , _is_expanded );
|
||||
//switch icons
|
||||
if ( _is_expanded )
|
||||
$_btn.find('.fas').removeClass('fa-plus-square').addClass('fa-minus-square');
|
||||
else
|
||||
$_btn.find('.fas').removeClass('fa-minus-square').addClass('fa-plus-square');
|
||||
|
||||
//set the active class to the btn
|
||||
$_btn.toggleClass( 'active', _is_expanded );
|
||||
|
||||
//set the adding_new class to the module container wrapper
|
||||
$( module.container ).toggleClass( module.control.css_attr.adding_new, _is_expanded );
|
||||
//make sure it's fully visible
|
||||
module._adjustScrollExpandedBlock( $(this), 120 );
|
||||
}//done
|
||||
} );
|
||||
},
|
||||
|
||||
|
||||
toggleSuccessMessage : function( status ) {
|
||||
var module = this,
|
||||
_message = module.itemAddedMessage,
|
||||
$_pre_add_wrapper = $('.' + module.control.css_attr.pre_add_wrapper, module.container );
|
||||
$_success_wrapper = $('.' + module.control.css_attr.pre_add_success, module.container );
|
||||
|
||||
if ( 'on' == status ) {
|
||||
//write message
|
||||
$_success_wrapper.find('p').text(_message);
|
||||
|
||||
//set various properties
|
||||
$_success_wrapper.css('z-index', 1000001 )
|
||||
.css('height', $_pre_add_wrapper.height() + 'px' )
|
||||
.css('line-height', $_pre_add_wrapper.height() + 'px');
|
||||
} else {
|
||||
$_success_wrapper.attr('style','');
|
||||
}
|
||||
module.container.toggleClass('czr-model-added', 'on' == status );
|
||||
return this;
|
||||
}
|
||||
});//$.extend//CZRBaseControlMths
|
||||
})( wp.customize , jQuery, _ );
|
||||
+35
@@ -0,0 +1,35 @@
|
||||
//BASE CONTROL CLASS
|
||||
//extends api.Control
|
||||
//define a set of methods, mostly helpers, to extend the base WP control class
|
||||
//this will become our base constructor for main complex controls
|
||||
//EARLY SETUP
|
||||
|
||||
var CZRBaseControlMths = CZRBaseControlMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRBaseControlMths, {
|
||||
initialize: function( id, options ) {
|
||||
var control = this;
|
||||
//add a shortcut to the css properties declared in the php controls
|
||||
control.css_attr = _.has( serverControlParams , 'css_attr') ? serverControlParams.css_attr : {};
|
||||
api.Control.prototype.initialize.call( control, id, options );
|
||||
|
||||
//When a partial refresh is done we need to send back all postMessage input to the preview
|
||||
//=> makes sure that all post message inputs not yet saved in db are properly applied
|
||||
control.bind( 'czr-partial-refresh-done', function() {
|
||||
if ( _.has( control, 'czr_moduleCollection' ) ) {
|
||||
_.each( control.czr_moduleCollection(), function( _mod_ ) {
|
||||
if ( ! control.czr_Module( _mod_.id ) )
|
||||
return;
|
||||
|
||||
control.czr_Module( _mod_.id ).sendModuleInputsToPreview( { isPartialRefresh : true } );
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
//@return void()
|
||||
refreshPreview : function( obj ) {
|
||||
this.previewer.refresh();
|
||||
}
|
||||
});//$.extend//CZRBaseControlMths
|
||||
})( wp.customize , jQuery, _ );
|
||||
+269
@@ -0,0 +1,269 @@
|
||||
|
||||
//BASE CONTROL CLASS
|
||||
//extends api.CZRBaseControl
|
||||
//define a set of methods, mostly helpers, to extend the base WP control class
|
||||
//this will become our base constructor for main complex controls
|
||||
//EARLY SETUP
|
||||
var CZRBaseModuleControlMths = CZRBaseModuleControlMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRBaseModuleControlMths, {
|
||||
initialize: function( id, options ) {
|
||||
var control = this;
|
||||
if ( ! api.has( id ) ) {
|
||||
throw new Error( 'Missing a registered setting for control : ' + id );
|
||||
}
|
||||
|
||||
|
||||
control.czr_Module = new api.Values();
|
||||
|
||||
//czr_collection stores the module collection
|
||||
control.czr_moduleCollection = new api.Value();
|
||||
control.czr_moduleCollection.set([]);
|
||||
|
||||
//let's store the state of the initial module collection
|
||||
control.moduleCollectionReady = $.Deferred();
|
||||
//and listen to changes when it's ready
|
||||
control.moduleCollectionReady.done( function( obj ) {
|
||||
//if the module is not registered yet for a single module control
|
||||
//=> push it to the collection now, before listening to the module collection changes
|
||||
// if ( ! control.isModuleRegistered( module.id ) ) {
|
||||
// control.updateModulesCollection( { module : constructorOptions } );
|
||||
// }
|
||||
|
||||
//LISTEN TO MODULE COLLECTION
|
||||
control.czr_moduleCollection.callbacks.add( function() { return control.moduleCollectionReact.apply( control, arguments ); } );
|
||||
|
||||
//control.removeModule( _mod );
|
||||
} );
|
||||
|
||||
api.CZRBaseControl.prototype.initialize.call( control, id, options );
|
||||
|
||||
//close any open item and dialog boxes on section expansion
|
||||
api.section( control.section(), function( _section_ ) {
|
||||
_section_.expanded.bind(function(to) {
|
||||
control.czr_Module.each( function( _mod ){
|
||||
_mod.closeAllItems().closeRemoveDialogs();
|
||||
if ( _.has( _mod, 'preItem' ) ) {
|
||||
_mod.preItemExpanded(false);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
//////////////////////////////////
|
||||
///READY = CONTROL INSTANTIATED AND DOM ELEMENT EMBEDDED ON THE PAGE
|
||||
///FIRED BEFORE API READY ? still true ?
|
||||
//
|
||||
// WP CORE => After the control is embedded on the page, invoke the "ready" method.
|
||||
// control.deferred.embedded.done( function () {
|
||||
// control.linkElements(); // Link any additional elements after template is rendered by renderContent().
|
||||
// control.setupNotifications();
|
||||
// control.ready();
|
||||
// });
|
||||
//////////////////////////////////
|
||||
ready : function() {
|
||||
var control = this,
|
||||
single_module = {},
|
||||
savedModules;
|
||||
|
||||
// Get the saved module and its initial items, get from the db of when dynamically registrating the setting control.
|
||||
try { savedModules = control.getSavedModules(); } catch( er ) {
|
||||
api.errare( 'api.CZRBaseControl::ready() => error on control.getSavedModules()', er );
|
||||
control.moduleCollectionReady.reject();
|
||||
return;
|
||||
}
|
||||
|
||||
// inits the collection with the saved module => there's only one module to instantiate in this case.
|
||||
// populates the collection with the saved module
|
||||
_.each( control.getSavedModules() , function( _mod, _key ) {
|
||||
//stores it
|
||||
single_module = _mod;
|
||||
|
||||
//adds it to the collection
|
||||
//=> it will be fired ready usually when the control section is expanded
|
||||
if ( serverControlParams.isDevMode ) {
|
||||
control.instantiateModule( _mod, {} );
|
||||
} else {
|
||||
try { control.instantiateModule( _mod, {} ); } catch( er ) {
|
||||
api.errare( 'api.CZRBaseControl::Failed to instantiate module ' + _mod.id , er );
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
//adds the module name to the control container element
|
||||
control.container.attr('data-module', _mod.id );
|
||||
});
|
||||
//the module collection is ready
|
||||
control.moduleCollectionReady.resolve( single_module );
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//////////////////////////////////
|
||||
/// VARIOUS HELPERS
|
||||
//////////////////////////////////
|
||||
///
|
||||
//@return the default API model {} needed to instantiate a module
|
||||
getDefaultModuleApiModel : function() {
|
||||
//if embedded in a control, amend the common model with the section id
|
||||
return {
|
||||
id : '',//module.id,
|
||||
module_type : '',//module.module_type,
|
||||
modOpt : {},//the module modOpt property, typically high level properties that area applied to all items of the module
|
||||
items : [],//$.extend( true, {}, module.items ),
|
||||
crud : false,
|
||||
hasPreItem : true,//a crud module has a pre item by default
|
||||
refresh_on_add_item : true,// the preview is refreshed on item add
|
||||
multi_item : false,
|
||||
sortable : false,//<= a module can be multi-item but not necessarily sortable
|
||||
control : {},//control,
|
||||
section : ''
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
// @return the collection [] of saved module(s) to instantiate
|
||||
// This method does not make sure that the module model is ready for API.
|
||||
// => it just returns an array of saved module candidates to instantiate.
|
||||
//
|
||||
// Before instantiation, we will make sure that all required property are defined for the modules with the method control.prepareModuleForAPI()
|
||||
// control : control,
|
||||
// crud : bool
|
||||
// id : '',
|
||||
// items : [], module.items,
|
||||
// modOpt : {}
|
||||
// module_type : module.module_type,
|
||||
// multi_item : bool
|
||||
// section : module.section,
|
||||
getSavedModules : function() {
|
||||
var control = this,
|
||||
_savedModulesCandidates = [],
|
||||
_module_type = control.params.module_type,
|
||||
_raw_saved_module_val = [],
|
||||
_saved_items = [],
|
||||
_saved_modOpt = {};
|
||||
|
||||
// What is the current server saved value for this setting?
|
||||
// in a normal case, it should be an array of saved properties
|
||||
// But it might not be if coming from a previous option system.
|
||||
// => let's normalize it.
|
||||
//
|
||||
// First let's perform a quick check on the current saved db val.
|
||||
// If the module is not multi-item, the saved value should be an object or empty if not set yet
|
||||
if ( ! api.CZR_Helpers.isMultiItemModule( _module_type ) && ! _.isEmpty( api( control.id )() ) && ! _.isObject( api( control.id )() ) ) {
|
||||
api.errare('api.CZRBaseControl::getSavedModules => module Control Init for ' + control.id + ' : a mono item module control value should be an object if not empty.');
|
||||
}
|
||||
|
||||
//SPLIT ITEMS [] and MODOPT {}
|
||||
//In database, items and modOpt are saved in the same option array.
|
||||
//If the module has modOpt ( the slider module for example ), the modOpt are described by an object which is always unshifted at the beginning of the setting value.
|
||||
|
||||
//the raw DB setting value is an array : modOpt {} + the saved items :
|
||||
////META IS THE FIRST ARRAY ELEMENT: A modOpt has no unique id and has the property is_modOpt set to true
|
||||
//[
|
||||
// is_mod_opt : true //<= inform us that this is not an item but a modOpt
|
||||
//],
|
||||
////THEN COME THE ITEMS
|
||||
//[
|
||||
// id : "czr_slide_module_0"
|
||||
// slide-background : 21,
|
||||
// ....
|
||||
// ],
|
||||
// [
|
||||
// id : "czr_slide_module_1"
|
||||
// slide-background : 21,
|
||||
// ....
|
||||
// ]
|
||||
// [...]
|
||||
|
||||
// POPULATE THE ITEMS [] and the MODOPT {} FROM THE RAW DB SAVED SETTING VAL
|
||||
// OR with the value used when registrating the module
|
||||
//
|
||||
// Important note :
|
||||
// The items should be turned into a collection of items [].
|
||||
var settingId = api.CZR_Helpers.getControlSettingId( control.id ),
|
||||
settingVal = api( settingId )();
|
||||
|
||||
// TO FIX
|
||||
if ( _.isEmpty( settingVal ) ) {
|
||||
_raw_saved_module_val = [];
|
||||
} else {
|
||||
_raw_saved_module_val = _.isArray( settingVal ) ? settingVal : [ settingVal ];
|
||||
}
|
||||
|
||||
|
||||
_.each( _raw_saved_module_val, function( item_or_mod_opt_candidate , key ) {
|
||||
if ( ! _.isObject( item_or_mod_opt_candidate ) ) {
|
||||
api.errare( 'api.CZRBaseControl::::getSavedModules => an item must be an object in control ' + control.id + ' => module type => ' + control.params.module_type, _raw_saved_module_val );
|
||||
return;
|
||||
}
|
||||
|
||||
// An item or modOpt can be empty on init
|
||||
// But if not empty, it has to be an associative object, with keys that are string typed
|
||||
// Fixes the case where an item { null } was accepted
|
||||
// https://github.com/presscustomizr/themes-customizer-fmk/issues/46
|
||||
if ( ! _.isEmpty( item_or_mod_opt_candidate ) ) {
|
||||
_.each( item_or_mod_opt_candidate, function( prop, _key_ ) {
|
||||
if ( ! _.isString( _key_ ) ) {
|
||||
api.errare( 'api.CZRBaseControl::::getSavedModules => item not well formed in control : ' + control.id + ' => module type => ' + control.params.module_type, _raw_saved_module_val );
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Module options, if enabled, are always saved as first key
|
||||
if ( api.CZR_Helpers.hasModuleModOpt( _module_type ) && 0*0 === key ) {
|
||||
// a saved module mod_opt object should not have an id
|
||||
if ( _.has( item_or_mod_opt_candidate, 'id') ) {
|
||||
api.errare( 'api.CZRBaseControl::getSavedModules : the module ' + _module_type + ' in control ' + control.id + ' has no mod_opt defined while it should.' );
|
||||
} else {
|
||||
_saved_modOpt = item_or_mod_opt_candidate;
|
||||
}
|
||||
}
|
||||
// else {
|
||||
// _saved_items.push( item_or_mod_opt_candidate );
|
||||
// }
|
||||
//Until April 30th 2018, was :
|
||||
//A modOpt has the property is_modOpt set to true
|
||||
if ( ! _.has( item_or_mod_opt_candidate, 'is_mod_opt' ) ) {
|
||||
_saved_items.push( item_or_mod_opt_candidate );
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// This is a collection with one module
|
||||
// Note : @todo : the fact that the module are saved as a collection is not relevant anymore
|
||||
// This was introduced back in 2016 when building the first version of the section plugin.
|
||||
// With Nimble, a control can have one module only.
|
||||
_savedModulesCandidates.push({
|
||||
id : api.CZR_Helpers.getOptionName( control.id ) + '_' + control.params.type,
|
||||
module_type : control.params.module_type,
|
||||
section : control.section(),
|
||||
modOpt : $.extend( true, {} , _saved_modOpt ),//disconnect with a deep cloning
|
||||
items : $.extend( true, [] , _saved_items )//disconnect with a deep cloning
|
||||
});
|
||||
|
||||
return _savedModulesCandidates;
|
||||
},
|
||||
|
||||
|
||||
//this helper allows to check if a module has been registered in the collection
|
||||
//no matter if it's not instantiated yet
|
||||
isModuleRegistered : function( id_candidate ) {
|
||||
var control = this;
|
||||
return ! _.isUndefined( _.findWhere( control.czr_moduleCollection(), { id : id_candidate}) );
|
||||
}
|
||||
});//$.extend//CZRBaseControlMths
|
||||
})( wp.customize , jQuery, _ );
|
||||
+269
@@ -0,0 +1,269 @@
|
||||
|
||||
//BASE CONTROL CLASS
|
||||
//extends api.CZRBaseControl
|
||||
//define a set of methods, mostly helpers, to extend the base WP control class
|
||||
//this will become our base constructor for main complex controls
|
||||
//EARLY SETUP
|
||||
var CZRBaseModuleControlMths = CZRBaseModuleControlMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRBaseModuleControlMths, {
|
||||
//@param : module {}
|
||||
//@param : constructor string
|
||||
instantiateModule : function( module, constructor ) {
|
||||
if ( ! _.has( module,'id') ) {
|
||||
throw new Error('CZRModule::instantiateModule() : a module has no id and could not be added in the collection of : ' + this.id +'. Aborted.' );
|
||||
}
|
||||
var control = this;
|
||||
//is a constructor provided ?
|
||||
//if not try to look in the module object if we an find one
|
||||
if ( _.isUndefined(constructor) || _.isEmpty(constructor) ) {
|
||||
constructor = control.getModuleConstructor( module );
|
||||
}
|
||||
//on init, the module collection is populated with module already having an id
|
||||
//For now, let's check if the id is empty and is not already part of the collection.
|
||||
//@todo : improve this.
|
||||
if ( ! _.isEmpty( module.id ) && control.czr_Module.has( module.id ) ) {
|
||||
throw new Error('The module id already exists in the collection in control : ' + control.id );
|
||||
}
|
||||
|
||||
var module_api_ready = control.prepareModuleForAPI( module );
|
||||
|
||||
//instanciate the module with the default constructor
|
||||
control.czr_Module.add( module_api_ready.id, new constructor( module_api_ready.id, module_api_ready ) );
|
||||
|
||||
if ( ! control.czr_Module.has( module_api_ready.id ) ) {
|
||||
throw new Error('instantiateModule() : instantiation failed for module id ' + module_api_ready.id + ' in control ' + control.id );
|
||||
}
|
||||
//return the module instance for chaining
|
||||
return control.czr_Module(module_api_ready.id);
|
||||
},
|
||||
|
||||
|
||||
|
||||
//@return a module constructor object
|
||||
getModuleConstructor : function( module ) {
|
||||
var control = this,
|
||||
parentConstructor = {},
|
||||
constructor = {};
|
||||
|
||||
if ( ! _.has( module, 'module_type' ) ) {
|
||||
throw new Error('CZRModule::getModuleConstructor : no module type found for module ' + module.id );
|
||||
}
|
||||
if ( ! _.has( api.czrModuleMap, module.module_type ) ) {
|
||||
throw new Error('Module type ' + module.module_type + ' is not listed in the module map api.czrModuleMap.' );
|
||||
}
|
||||
|
||||
var _mthds = api.czrModuleMap[ module.module_type ].mthds || {},
|
||||
_is_crud = api.czrModuleMap[ module.module_type ].crud,
|
||||
_base_constructor = _is_crud ? api.CZRDynModule : api.CZRModule;
|
||||
|
||||
// June 2020 : introduced for https://github.com/presscustomizr/nimble-builder-pro/issues/6
|
||||
// so we can remotely extend the module constructor
|
||||
api.trigger('czr_setup_module_contructor', {
|
||||
module_type : module.module_type,
|
||||
methods : _mthds
|
||||
});
|
||||
|
||||
constructor = _base_constructor.extend( _mthds );
|
||||
|
||||
if ( _.isUndefined( constructor ) || _.isEmpty(constructor) || ! constructor ) {
|
||||
throw new Error('CZRModule::getModuleConstructor : no constructor found for module type : ' + module.module_type +'.' );
|
||||
}
|
||||
return constructor;
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//@return an API ready module object
|
||||
//To be instantiated in the API, the module model must have all the required properties defined in the defaultAPIModel properly set
|
||||
prepareModuleForAPI : function( module_candidate ) {
|
||||
if ( ! _.isObject( module_candidate ) ) {
|
||||
throw new Error('prepareModuleForAPI : a module must be an object to be instantiated.');
|
||||
}
|
||||
|
||||
var control = this,
|
||||
api_ready_module = {};
|
||||
|
||||
// Default module model
|
||||
//{
|
||||
// id : '',//module.id,
|
||||
// module_type : '',//module.module_type,
|
||||
// modOpt : {},//the module modOpt property, typically high level properties that area applied to all items of the module
|
||||
// items : [],//$.extend( true, {}, module.items ),
|
||||
// crud : false,
|
||||
// hasPreItem : true,//a crud module has a pre item by default
|
||||
// refresh_on_add_item : true,// the preview is refreshed on item add
|
||||
// multi_item : false,
|
||||
// sortable : false,//<= a module can be multi-item but not necessarily sortable
|
||||
// control : {},//control,
|
||||
// section : ''
|
||||
// };
|
||||
_.each( control.getDefaultModuleApiModel() , function( _defaultValue, _key ) {
|
||||
var _candidate_val = module_candidate[_key];
|
||||
switch( _key ) {
|
||||
//PROPERTIES COMMON TO ALL MODULES IN ALL CONTEXTS
|
||||
case 'id' :
|
||||
if ( _.isEmpty( _candidate_val ) ) {
|
||||
api_ready_module[_key] = control.generateModuleId( module_candidate.module_type );
|
||||
} else {
|
||||
api_ready_module[_key] = _candidate_val;
|
||||
}
|
||||
break;
|
||||
case 'module_type' :
|
||||
if ( ! _.isString( _candidate_val ) || _.isEmpty( _candidate_val ) ) {
|
||||
throw new Error('prepareModuleForAPI : a module type must a string not empty');
|
||||
}
|
||||
api_ready_module[_key] = _candidate_val;
|
||||
break;
|
||||
case 'items' :
|
||||
if ( ! _.isArray( _candidate_val ) ) {
|
||||
throw new Error('prepareModuleForAPI : a module item list must be an array');
|
||||
}
|
||||
api_ready_module[_key] = _candidate_val;
|
||||
break;
|
||||
case 'modOpt' :
|
||||
if ( ! _.isObject( _candidate_val ) ) {
|
||||
throw new Error('prepareModuleForAPI : a module modOpt property must be an object');
|
||||
}
|
||||
api_ready_module[_key] = _candidate_val;
|
||||
break;
|
||||
case 'crud' :
|
||||
//get the value from the czrModuleMap
|
||||
if ( _.has( api.czrModuleMap, module_candidate.module_type ) ) {
|
||||
_candidate_val = api.czrModuleMap[ module_candidate.module_type ].crud;
|
||||
if ( _.isUndefined( _candidate_val ) ) {
|
||||
_candidate_val = _defaultValue;
|
||||
}
|
||||
} else if ( ! _.isUndefined( _candidate_val) && ! _.isBoolean( _candidate_val ) ) {
|
||||
throw new Error('prepareModuleForAPI : the module param "crud" must be a boolean');
|
||||
}
|
||||
api_ready_module[_key] = _candidate_val || false;
|
||||
break;
|
||||
case 'hasPreItem' :
|
||||
//get the value from the czrModuleMap
|
||||
if ( _.has( api.czrModuleMap, module_candidate.module_type ) ) {
|
||||
_candidate_val = api.czrModuleMap[ module_candidate.module_type ].hasPreItem;
|
||||
if ( _.isUndefined( _candidate_val ) ) {
|
||||
_candidate_val = _defaultValue;
|
||||
}
|
||||
} else if ( ! _.isUndefined( _candidate_val) && ! _.isBoolean( _candidate_val ) ) {
|
||||
throw new Error('prepareModuleForAPI : the module param "hasPreItem" must be a boolean');
|
||||
}
|
||||
api_ready_module[_key] = _candidate_val || false;
|
||||
break;
|
||||
case 'refresh_on_add_item' :
|
||||
//get the value from the czrModuleMap
|
||||
if ( _.has( api.czrModuleMap, module_candidate.module_type ) ) {
|
||||
_candidate_val = api.czrModuleMap[ module_candidate.module_type ].refresh_on_add_item;
|
||||
if ( _.isUndefined( _candidate_val ) ) {
|
||||
_candidate_val = _defaultValue;
|
||||
}
|
||||
} else if ( ! _.isUndefined( _candidate_val) && ! _.isBoolean( _candidate_val ) ) {
|
||||
throw new Error('prepareModuleForAPI : the module param "refresh_on_add_item" must be a boolean');
|
||||
}
|
||||
api_ready_module[_key] = _candidate_val || false;
|
||||
break;
|
||||
case 'multi_item' :
|
||||
// get the value from the czrModuleMap
|
||||
// fallback on "crud" param if set
|
||||
if ( _.has( api.czrModuleMap, module_candidate.module_type ) ) {
|
||||
_candidate_val = api.czrModuleMap[ module_candidate.module_type ].multi_item;
|
||||
if ( _.isUndefined( _candidate_val ) ) {
|
||||
_candidate_val = api.czrModuleMap[ module_candidate.module_type ].crud;
|
||||
}
|
||||
} else if ( ! _.isUndefined( _candidate_val) && ! _.isBoolean( _candidate_val ) ) {
|
||||
throw new Error('prepareModuleForAPI : the module param "multi_item" must be a boolean');
|
||||
}
|
||||
api_ready_module[_key] = _candidate_val || false;
|
||||
break;
|
||||
//if the sortable property is not set, then check if crud or multi-item
|
||||
case 'sortable' :
|
||||
//get the value from the czrModuleMap
|
||||
if ( _.has( api.czrModuleMap, module_candidate.module_type ) ) {
|
||||
// if the sortable param is not specified, set it based on the "crud" and "multi_item" params
|
||||
_candidate_val = api.czrModuleMap[ module_candidate.module_type ].sortable;
|
||||
if ( _.isUndefined( _candidate_val ) ) {
|
||||
_candidate_val = api.czrModuleMap[ module_candidate.module_type ].crud;
|
||||
}
|
||||
if ( _.isUndefined( _candidate_val ) ) {
|
||||
_candidate_val = api.czrModuleMap[ module_candidate.module_type ].multi_item;
|
||||
}
|
||||
} else if ( ! _.isUndefined( _candidate_val) && ! _.isBoolean( _candidate_val ) ) {
|
||||
throw new Error('prepareModuleForAPI : the module param "sortable" must be a boolean');
|
||||
}
|
||||
api_ready_module[_key] = _candidate_val || false;
|
||||
break;
|
||||
case 'control' :
|
||||
api_ready_module[_key] = control;//this
|
||||
break;
|
||||
|
||||
|
||||
|
||||
//PROPERTIES FOR MODULE EMBEDDED IN A CONTROL
|
||||
case 'section' :
|
||||
if ( ! _.isString( _candidate_val ) || _.isEmpty( _candidate_val ) ) {
|
||||
throw new Error('prepareModuleForAPI : a module section must be a string not empty');
|
||||
}
|
||||
api_ready_module[_key] = _candidate_val;
|
||||
break;
|
||||
|
||||
|
||||
|
||||
//PROPERTIES FOR MODULE EMBEDDED IN A SEKTION
|
||||
case 'dirty' :
|
||||
api_ready_module[_key] = _candidate_val || false;
|
||||
break;
|
||||
}//switch
|
||||
});
|
||||
return api_ready_module;
|
||||
},
|
||||
|
||||
|
||||
//recursive
|
||||
generateModuleId : function( module_type, key, i ) {
|
||||
//prevent a potential infinite loop
|
||||
i = i || 1;
|
||||
if ( i > 100 ) {
|
||||
throw new Error('Infinite loop when generating of a module id.');
|
||||
}
|
||||
var control = this;
|
||||
key = key || control._getNextModuleKeyInCollection();
|
||||
var id_candidate = module_type + '_' + key;
|
||||
|
||||
//do we have a module collection value ?
|
||||
if ( ! _.has(control, 'czr_moduleCollection') || ! _.isArray( control.czr_moduleCollection() ) ) {
|
||||
throw new Error('The module collection does not exist or is not properly set in control : ' + control.id );
|
||||
}
|
||||
|
||||
//make sure the module is not already instantiated
|
||||
if ( control.isModuleRegistered( id_candidate ) ) {
|
||||
key++; i++;
|
||||
return control.generateModuleId( module_type, key, i );
|
||||
}
|
||||
|
||||
return id_candidate;
|
||||
},
|
||||
|
||||
|
||||
//helper : return an int
|
||||
//=> the next available id of the module collection
|
||||
_getNextModuleKeyInCollection : function() {
|
||||
var control = this,
|
||||
_max_mod_key = {},
|
||||
_next_key = 0;
|
||||
|
||||
//get the initial key
|
||||
//=> if we already have a collection, extract all keys, select the max and increment it.
|
||||
//else, key is 0
|
||||
if ( ! _.isEmpty( control.czr_moduleCollection() ) ) {
|
||||
_max_mod_key = _.max( control.czr_moduleCollection(), function( _mod ) {
|
||||
return parseInt( _mod.id.replace(/[^\/\d]/g,''), 10 );
|
||||
});
|
||||
_next_key = parseInt( _max_mod_key.id.replace(/[^\/\d]/g,''), 10 ) + 1;
|
||||
}
|
||||
return _next_key;
|
||||
}
|
||||
});//$.extend//CZRBaseControlMths
|
||||
})( wp.customize , jQuery, _ );
|
||||
+204
@@ -0,0 +1,204 @@
|
||||
|
||||
//BASE CONTROL CLASS
|
||||
//extends api.CZRBaseControl
|
||||
//define a set of methods, mostly helpers, to extend the base WP control class
|
||||
//this will become our base constructor for main complex controls
|
||||
//EARLY SETUP
|
||||
var CZRBaseModuleControlMths = CZRBaseModuleControlMths || {};
|
||||
( function ( api, $, _ ) {
|
||||
$.extend( CZRBaseModuleControlMths, {
|
||||
//@return void()
|
||||
//@param obj can be { collection : []}, or { module : {} }
|
||||
//Can be called :
|
||||
//- for all modules, in module.isReady.done() if the module is not registered in the collection yet.
|
||||
//- for all modules on moduleReact ( module.callbacks )
|
||||
//
|
||||
//=> sets the setting value through the module collection !
|
||||
updateModulesCollection : function( obj ) {
|
||||
var control = this,
|
||||
_current_collection = control.czr_moduleCollection(),
|
||||
_new_collection = $.extend( true, [], _current_collection);
|
||||
|
||||
//if a collection is provided in the passed obj then simply refresh the collection
|
||||
//=> typically used when reordering the collection module with sortable or when a module is removed
|
||||
if ( _.has( obj, 'collection' ) ) {
|
||||
//reset the collection
|
||||
control.czr_moduleCollection.set( obj.collection, obj.data || {} );
|
||||
return;
|
||||
}
|
||||
|
||||
if ( ! _.has(obj, 'module') ) {
|
||||
throw new Error('updateModulesCollection, no module provided ' + control.id + '. Aborting');
|
||||
}
|
||||
|
||||
//normalizes the module for the API
|
||||
var module_api_ready = control.prepareModuleForAPI( _.clone( obj.module ) );
|
||||
|
||||
//the module already exist in the collection
|
||||
if ( _.findWhere( _new_collection, { id : module_api_ready.id } ) ) {
|
||||
_.each( _current_collection , function( _elt, _ind ) {
|
||||
if ( _elt.id != module_api_ready.id )
|
||||
return;
|
||||
|
||||
//set the new val to the changed property
|
||||
_new_collection[_ind] = module_api_ready;
|
||||
});
|
||||
}
|
||||
//the module has to be added
|
||||
else {
|
||||
_new_collection.push( module_api_ready );
|
||||
}
|
||||
|
||||
//WHAT ARE THE PARAMS WE WANT TO PASS TO THE NEXT ACTIONS
|
||||
var _params = {};
|
||||
//if a data property has been passed,
|
||||
//amend the data property with the changed module
|
||||
if ( _.has( obj, 'data') ) {
|
||||
_params = $.extend( true, {}, obj.data );
|
||||
$.extend( _params, { module : module_api_ready } );
|
||||
}
|
||||
//Inform the collection
|
||||
control.czr_moduleCollection.set( _new_collection, _params );
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
////////////////////////////////////////////////////// WHERE THE STREETS HAVE NO NAMES //////////////////////////////////////////////////////
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
// cb of control.czr_moduleCollection.callbacks
|
||||
// @params is an optional object. { silent : true }
|
||||
moduleCollectionReact : function( to, from, params ) {
|
||||
var control = this,
|
||||
is_module_added = _.size(to) > _.size(from),
|
||||
is_module_removed = _.size(from) > _.size(to),
|
||||
is_module_update = _.size(from) == _.size(to);
|
||||
is_collection_sorted = false;
|
||||
|
||||
// MODULE REMOVED
|
||||
// Remove the module instance if needed
|
||||
if ( is_module_removed ) {
|
||||
//find the module to remove
|
||||
var _to_remove = _.filter( from, function( _mod ){
|
||||
return _.isUndefined( _.findWhere( to, { id : _mod.id } ) );
|
||||
});
|
||||
_to_remove = _to_remove[0];
|
||||
control.czr_Module.remove( _to_remove.id );
|
||||
}
|
||||
|
||||
// is there a passed module param ?
|
||||
// if so prepare it for DB
|
||||
// if a module is provided, we also want to pass its id to the preview => can be used to target specific selectors in a partial refresh scenario
|
||||
if ( _.isObject( params ) && _.has( params, 'module' ) ) {
|
||||
params.module_id = params.module.id;
|
||||
params.moduleRegistrationParams = params.module;
|
||||
params.module = control.prepareModuleForDB( $.extend( true, {}, params.module ) );
|
||||
}
|
||||
|
||||
// Inform the the setting if the module is not being added to the collection for the first time,
|
||||
// We don't want to say it to the setting, because it might alter the setting dirtyness for nothing on init.
|
||||
if ( ! is_module_added ) {
|
||||
// control.filterModuleCollectionBeforeAjax( to ) returns an array of items
|
||||
// if the module has modOpt, the modOpt object is always added as the first element of the items array (unshifted)
|
||||
if ( serverControlParams.isDevMode ) {
|
||||
api( this.id ).set( control.filterModuleCollectionBeforeAjax( to ), params );
|
||||
} else {
|
||||
try { api( this.id ).set( control.filterModuleCollectionBeforeAjax( to ), params ); } catch( er ) {
|
||||
api.errare( 'api.CZRBaseControl::moduleCollectionReact => error when firing control.filterModuleCollectionBeforeAjax( to )', er );
|
||||
}
|
||||
}
|
||||
//.done( function( to, from, o ) {});
|
||||
}
|
||||
},
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
////////////////////////////////////////////////////// WHERE THE STREETS HAVE NO NAMES //////////////////////////////////////////////////////
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//an overridable method to act on the collection just before it is ajaxed
|
||||
//@return the collection array
|
||||
filterModuleCollectionBeforeAjax : function( collection ) {
|
||||
var control = this,
|
||||
cloned_collection = $.extend( true, [], collection ),
|
||||
_filtered_collection = [],
|
||||
itemsToReturn;
|
||||
|
||||
_.each( cloned_collection , function( _mod, _key ) {
|
||||
var db_ready_mod = $.extend( true, {}, _mod );
|
||||
_filtered_collection[_key] = control.prepareModuleForDB( db_ready_mod );
|
||||
});
|
||||
|
||||
//=> in a control : we save
|
||||
//1) the collection of item(s)
|
||||
//2) the modOpt
|
||||
//at this point we should be in the case of a single module collection, typically use to populate a regular setting
|
||||
if ( _.size( cloned_collection ) > 1 ) {
|
||||
throw new Error('There should not be several modules in the collection of control : ' + control.id );
|
||||
}
|
||||
if ( ! _.isArray( cloned_collection ) || _.isEmpty( cloned_collection ) || ! _.has( cloned_collection[0], 'items' ) ) {
|
||||
throw new Error('The setting value could not be populated in control : ' + control.id );
|
||||
}
|
||||
var module_id = cloned_collection[0].id;
|
||||
|
||||
if ( ! control.czr_Module.has( module_id ) ) {
|
||||
throw new Error('The single module control (' + control.id + ') has no module registered with the id ' + module_id );
|
||||
}
|
||||
var module_instance = control.czr_Module( module_id );
|
||||
if ( ! _.isArray( module_instance().items ) ) {
|
||||
throw new Error('The module ' + module_id + ' should be an array in control : ' + control.id );
|
||||
}
|
||||
|
||||
// items
|
||||
// For a mono-item module, we save the first and unique item object
|
||||
// For example :
|
||||
// {
|
||||
// 'heading_text' : "this is a heading"
|
||||
// 'font_size' : '10px'
|
||||
// ...
|
||||
// }
|
||||
//
|
||||
// For a multi-item module, we save a collection of item objects, which may include a mod_opt item
|
||||
itemsToReturn = module_instance.isMultiItem() ? module_instance().items : ( module_instance().items[0] || [] );
|
||||
itemsToReturn = module_instance.filterItemsBeforeCoreApiSettingValue( itemsToReturn );
|
||||
|
||||
//Add the modOpt if any
|
||||
return module_instance.hasModOpt() ? _.union( [ module_instance().modOpt ] , itemsToReturn ) : itemsToReturn;
|
||||
},
|
||||
|
||||
|
||||
// fired before adding a module to the collection of DB candidates
|
||||
// the module must have the control.getDefaultModuleDBModel structure :
|
||||
prepareModuleForDB : function ( module_db_candidate ) {
|
||||
var control = this;
|
||||
if ( ! _.isObject( module_db_candidate ) ) {
|
||||
throw new Error('::prepareModuleForDB : a module must be an object.');
|
||||
}
|
||||
var db_ready_module = {};
|
||||
|
||||
// The items property should be a collection, even for mono-item modules
|
||||
if ( ! _.isArray( module_db_candidate['items'] ) ) {
|
||||
throw new Error('::prepareModuleForDB : a module item list must be an array');
|
||||
}
|
||||
|
||||
// Let's loop on the item(s) to check if they are well formed
|
||||
_.each( module_db_candidate['items'], function( itm ) {
|
||||
if ( ! _.isObject( itm ) ) {
|
||||
throw new Error('::prepareModuleForDB : a module item must be an object');
|
||||
}
|
||||
});
|
||||
|
||||
db_ready_module['items'] = module_db_candidate['items'];
|
||||
return db_ready_module;
|
||||
}
|
||||
});//$.extend//CZRBaseControlMths
|
||||
})( wp.customize , jQuery, _ );
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
|
||||
( function ( api, $, _ ) {
|
||||
/*****************************************************************************
|
||||
* REACT TO PREVIEW DEVICE SWITCH => send device to preview
|
||||
*****************************************************************************/
|
||||
api.bind( 'ready' , function() {
|
||||
if ( api.previewedDevice ) {
|
||||
api.previewedDevice.bind( function( device ) {
|
||||
api.previewer.send( 'previewed-device', device );
|
||||
});
|
||||
}
|
||||
});
|
||||
})( wp.customize , jQuery, _);
|
||||
@@ -0,0 +1,85 @@
|
||||
//NOT USED YET
|
||||
// var czr_debug = {
|
||||
// log: function(o) {debug.queue.push(['log', arguments, debug.stack.slice(0)]); if (window.console && typeof window.console.log == 'function') {window.console.log(o);}},
|
||||
// error: function(o) {debug.queue.push(['error', arguments, debug.stack.slice(0)]); if (window.console && typeof window.console.error == 'function') {window.console.error(o);}},
|
||||
// queue: [],
|
||||
// stack: []
|
||||
// };
|
||||
//var api = api || wp.customize, $ = $ || jQuery;
|
||||
( function ( api, $, _ ) {
|
||||
//@return [] for console method
|
||||
//@bgCol @textCol are hex colors
|
||||
//@arguments : the original console arguments
|
||||
var _prettyPrintLog = function( args ) {
|
||||
var _defaults = {
|
||||
bgCol : '#5ed1f5',
|
||||
textCol : '#000',
|
||||
consoleArguments : []
|
||||
};
|
||||
args = _.extend( _defaults, args );
|
||||
|
||||
var _toArr = Array.from( args.consoleArguments ),
|
||||
_truncate = function( string ){
|
||||
if ( ! _.isString( string ) )
|
||||
return '';
|
||||
return string.length > 300 ? string.substr( 0, 299 ) + '...' : string;
|
||||
};
|
||||
|
||||
//if the array to print is not composed exclusively of strings, then let's stringify it
|
||||
//else join(' ')
|
||||
if ( ! _.isEmpty( _.filter( _toArr, function( it ) { return ! _.isString( it ); } ) ) ) {
|
||||
_toArr = JSON.stringify( _toArr.join(' ') );
|
||||
} else {
|
||||
_toArr = _toArr.join(' ');
|
||||
}
|
||||
return [
|
||||
'%c ' + _truncate( _toArr ),
|
||||
[ 'background:' + args.bgCol, 'color:' + args.textCol, 'display: block;' ].join(';')
|
||||
];
|
||||
};
|
||||
|
||||
var _wrapLogInsideTags = function( title, msg, bgColor ) {
|
||||
//fix for IE, because console is only defined when in F12 debugging mode in IE
|
||||
if ( ( _.isUndefined( console ) && typeof window.console.log != 'function' ) )
|
||||
return;
|
||||
if ( serverControlParams.isDevMode ) {
|
||||
if ( _.isUndefined( msg ) ) {
|
||||
console.log.apply( console, _prettyPrintLog( { bgCol : bgColor, textCol : '#000', consoleArguments : [ '<' + title + '>' ] } ) );
|
||||
} else {
|
||||
console.log.apply( console, _prettyPrintLog( { bgCol : bgColor, textCol : '#000', consoleArguments : [ '<' + title + '>' ] } ) );
|
||||
console.log( msg );
|
||||
console.log.apply( console, _prettyPrintLog( { bgCol : bgColor, textCol : '#000', consoleArguments : [ '</' + title + '>' ] } ) );
|
||||
}
|
||||
} else {
|
||||
console.log.apply( console, _prettyPrintLog( { bgCol : bgColor, textCol : '#000', consoleArguments : [ title ] } ) );
|
||||
}
|
||||
};
|
||||
//Dev mode aware and IE compatible api.consoleLog()
|
||||
api.consoleLog = function() {
|
||||
if ( ! serverControlParams.isDevMode )
|
||||
return;
|
||||
//fix for IE, because console is only defined when in F12 debugging mode in IE
|
||||
if ( ( _.isUndefined( console ) && typeof window.console.log != 'function' ) )
|
||||
return;
|
||||
console.log.apply( console, _prettyPrintLog( { consoleArguments : arguments } ) );
|
||||
console.log( 'Unstyled console message : ', arguments );
|
||||
};
|
||||
|
||||
api.errorLog = function() {
|
||||
//fix for IE, because console is only defined when in F12 debugging mode in IE
|
||||
if ( ( _.isUndefined( console ) && typeof window.console.log != 'function' ) )
|
||||
return;
|
||||
|
||||
console.log.apply( console, _prettyPrintLog( { bgCol : '#ffd5a0', textCol : '#000', consoleArguments : arguments } ) );
|
||||
// if ( serverControlParams.isDevMode ) {
|
||||
// console.log( 'Unstyled error message : ', arguments );
|
||||
// }
|
||||
};
|
||||
|
||||
api.errare = function( title, msg ) { _wrapLogInsideTags( title, msg, '#ffd5a0' ); };
|
||||
api.infoLog = function( title, msg ) { _wrapLogInsideTags( title, msg, '#5ed1f5' ); };
|
||||
|
||||
api.czr_isChangeSetOn = function() {
|
||||
return serverControlParams.isChangeSetOn && true === true;//&& true === true is just there to hackily cast the returned value as boolean.
|
||||
};
|
||||
})( wp.customize , jQuery, _);
|
||||
+24
@@ -0,0 +1,24 @@
|
||||
|
||||
( function ( api, $, _ ) {
|
||||
//SET THE ACTIVE STATE OF THE THEMES SECTION BASED ON WHAT THE SERVER SENT
|
||||
api.bind('ready', function() {
|
||||
var _do = function() {
|
||||
// the themeServerControlParams global is printed only with Customizr and Hueman
|
||||
if ( _.isUndefined( window.themeServerControlParams ) || _.isUndefined( themeServerControlParams.isThemeSwitchOn ) )
|
||||
return;
|
||||
|
||||
if ( ! themeServerControlParams.isThemeSwitchOn ) {
|
||||
//reset the callbacks
|
||||
api.panel('themes').active.callbacks = $.Callbacks();
|
||||
api.panel('themes').active( themeServerControlParams.isThemeSwitchOn );
|
||||
}
|
||||
};
|
||||
if ( api.panel.has( 'themes') ) {
|
||||
_do();
|
||||
} else {
|
||||
api.panel.when( 'themes', function( _s ) {
|
||||
_do();
|
||||
});
|
||||
}
|
||||
});
|
||||
})( wp.customize , jQuery, _);
|
||||
+55
@@ -0,0 +1,55 @@
|
||||
|
||||
( function ( api, $, _ ) {
|
||||
/*****************************************************************************
|
||||
* OBSERVE SECTIONS AND PANEL EXPANSION
|
||||
* /store the current expanded section and panel
|
||||
*****************************************************************************/
|
||||
api.czr_activeSectionId = api.czr_activeSectionId || new api.Value('');
|
||||
api.czr_activePanelId = api.czr_activePanelId || new api.Value('');
|
||||
|
||||
api.bind('ready', function() {
|
||||
if ( 'function' != typeof api.Section ) {
|
||||
throw new Error( 'Your current version of WordPress does not support the customizer sections needed for this theme. Please upgrade WordPress to the latest version.' );
|
||||
}
|
||||
|
||||
//STORE THE CURRENTLY ACTIVE SECTION AND PANELS IN AN OBSERVABLE VALUE
|
||||
//BIND EXISTING AND FUTURE SECTIONS AND PANELS
|
||||
|
||||
|
||||
var _storeCurrentSection = function( expanded, section_id ) {
|
||||
api.czr_activeSectionId( expanded ? section_id : '' );
|
||||
};
|
||||
api.section.each( function( _sec ) {
|
||||
//<@4.9compat>
|
||||
// Bail if is 'publish_setting' section
|
||||
if ( 'publish_settings' == _sec.id )
|
||||
return;
|
||||
//</@4.9compat>
|
||||
_sec.expanded.bind( function( expanded ) { _storeCurrentSection( expanded, _sec.id ); } );
|
||||
});
|
||||
api.section.bind( 'add', function( section_instance ) {
|
||||
//<@4.9compat>
|
||||
// Bail if is 'publish_setting' section
|
||||
if ( 'publish_settings' == section_instance.id )
|
||||
return;
|
||||
//</@4.9compat>
|
||||
// api.trigger('czr-paint', { active_panel_id : section_instance.panel() } ); <= Deprecated, was used in old skope
|
||||
section_instance.expanded.bind( function( expanded ) { _storeCurrentSection( expanded, section_instance.id ); } );
|
||||
});
|
||||
|
||||
var _storeCurrentPanel = function( expanded, panel_id ) {
|
||||
api.czr_activePanelId( expanded ? panel_id : '' );
|
||||
//if the expanded panel id becomes empty (typically when switching back to the root panel), make sure that no section is set as currently active
|
||||
//=> fixes the problem of add_menu section staying expanded when switching back to another panel
|
||||
if ( _.isEmpty( api.czr_activePanelId() ) ) {
|
||||
api.czr_activeSectionId( '' );
|
||||
}
|
||||
};
|
||||
api.panel.each( function( _panel ) {
|
||||
_panel.expanded.bind( function( expanded ) { _storeCurrentPanel( expanded, _panel.id ); } );
|
||||
});
|
||||
api.panel.bind( 'add', function( panel_instance ) {
|
||||
panel_instance.expanded.bind( function( expanded ) { _storeCurrentPanel( expanded, panel_instance.id ); } );
|
||||
});
|
||||
});
|
||||
})( wp.customize , jQuery, _);
|
||||
+129
@@ -0,0 +1,129 @@
|
||||
|
||||
( function ( api, $, _ ) {
|
||||
/*****************************************************************************
|
||||
*
|
||||
*****************************************************************************/
|
||||
api.bind('ready', function() {
|
||||
// do we have dynamic registration candidates
|
||||
var dynRegistrationCandidates = serverControlParams.paramsForDynamicRegistration || [];
|
||||
if ( ! _.isObject( serverControlParams.paramsForDynamicRegistration ) ) {
|
||||
api.errorLog( 'serverControlParams.paramsForDynamicRegistration should be an array');
|
||||
}
|
||||
|
||||
_.each( serverControlParams.paramsForDynamicRegistration, function( dynParams, setId ) {
|
||||
// The dynamic registration should be explicitely set
|
||||
if ( dynParams.module_registration_params && true === dynParams.module_registration_params.dynamic_registration ) {
|
||||
if ( serverControlParams.isDevMode ) {
|
||||
registerDynamicModuleSettingControl( dynParams );
|
||||
} else {
|
||||
try { registerDynamicModuleSettingControl( dynParams ); } catch( er ) {
|
||||
api.errorLog( er );
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});//api.bind('ready', function()
|
||||
|
||||
|
||||
// Register the relevant setting and control based on the current skope ids
|
||||
// @return the setting id
|
||||
var registerDynamicModuleSettingControl = function( args ) {
|
||||
args = _.extend( {
|
||||
'setting_id' : '',
|
||||
'module_type' : '',
|
||||
'option_value' : [],
|
||||
// 'setting' => array(
|
||||
// 'type' => 'option',
|
||||
// 'default' => array(),
|
||||
// 'transport' => 'refresh',
|
||||
// 'setting_class' => '',//array( 'path' => '', 'name' => '' )
|
||||
// 'sanitize_callback' => '',
|
||||
// 'validate_callback' => '',
|
||||
// ),
|
||||
'setting' : {},
|
||||
'section' : { id : '', title : '' },
|
||||
'control' : {},
|
||||
//'setting_type' : 'option'
|
||||
|
||||
}, args );
|
||||
|
||||
// we must have not empty setting_id, module_type
|
||||
if ( _.isEmpty( args.setting_id ) || _.isEmpty( args.module_type ) ) {
|
||||
api.errare( 'registerDynamicModuleSettingControl => args', args );
|
||||
throw new Error( 'registerDynamicModuleSettingControl => missing params when registrating a setting');
|
||||
}
|
||||
|
||||
// the option value must be an array
|
||||
if ( ! _.isArray( args.option_value ) && ! _.isObject( args.option_value ) ) {
|
||||
throw new Error( 'registerDynamicModuleSettingControl => the module values must be an array or an object');
|
||||
}
|
||||
|
||||
var settingId = args.setting_id,
|
||||
settingArgs = args.setting;
|
||||
|
||||
api.CZR_Helpers.register( {
|
||||
what : 'setting',
|
||||
id : settingId,
|
||||
dirty : ! _.isEmpty( args.option_value ),
|
||||
value : args.option_value,
|
||||
transport : settingArgs.transport || 'refresh',
|
||||
type : settingArgs.type || 'option',
|
||||
track : false// <= don't add it in any registered collection @see Nimble or Contextualizer
|
||||
});
|
||||
|
||||
// MAYBE REGISTER THE SECTION
|
||||
var sectionArgs = args.section;
|
||||
if ( ! _.isEmpty( sectionArgs ) ) {
|
||||
// Check if we have a correct section
|
||||
if ( ! _.has( sectionArgs, 'id' ) ){
|
||||
throw new Error( 'registerDynamicModuleSettingControl => missing section id for the section of setting : ' + settingId );
|
||||
}
|
||||
|
||||
api.CZR_Helpers.register({
|
||||
what : 'section',
|
||||
id : sectionArgs.id,
|
||||
title: sectionArgs.title || sectionArgs.id,
|
||||
panel : _.isEmpty( sectionArgs.panel ) ? '' : sectionArgs.panel,
|
||||
priority : sectionArgs.priority || 10,
|
||||
track : false// <= don't add it in any registered collection @see Nimble or Contextualizer => this will prevent this container to be removed when cleaning the registered
|
||||
});
|
||||
}
|
||||
|
||||
// REGISTER THE CONTROL
|
||||
var controlId = settingId,
|
||||
controlArgs = args.control,
|
||||
ctrlSectionId;
|
||||
|
||||
// Do we have a section ?
|
||||
if ( ! _.isEmpty( args.section ) ) {
|
||||
ctrlSectionId = args.section.id;
|
||||
} else {
|
||||
ctrlSectionId = controlArgs.section;
|
||||
}
|
||||
|
||||
if ( _.isEmpty( ctrlSectionId ) ) {
|
||||
api.errare( 'registerDynamicModuleSettingControl => missing section id for the control', args );
|
||||
throw new Error( 'registerDynamicModuleSettingControl => missing section id for the section of setting : ' + settingId );
|
||||
}
|
||||
api.CZR_Helpers.register({
|
||||
what : 'control',
|
||||
id : controlId,
|
||||
label : controlArgs.label || controlId,
|
||||
type : 'czr_module',
|
||||
module_type : args.module_type,//'czr_background',
|
||||
section : ctrlSectionId,//'contx_body_bg',
|
||||
priority : controlArgs.priority || 10,
|
||||
settings : { default : settingId },
|
||||
track : false// <= don't add it in any registered collection @see Nimble or Contextualizer => this will prevent this container to be removed when cleaning the registered
|
||||
});
|
||||
|
||||
// if the currently expanded section is the one of the dynamic control
|
||||
// Awake the module => fire ready
|
||||
if ( api.section.has( ctrlSectionId ) && api.section( ctrlSectionId ).expanded() ) {
|
||||
api.control( controlId ).trigger( 'set-module-ready' );
|
||||
}
|
||||
|
||||
return settingId;
|
||||
};//registerDynamicModuleSettingControl
|
||||
})( wp.customize , jQuery, _);
|
||||
@@ -0,0 +1,67 @@
|
||||
|
||||
( function ( api, $, _ ) {
|
||||
// BASE
|
||||
// BASE : Extends some constructors with the events manager
|
||||
$.extend( CZRBaseControlMths, api.Events );
|
||||
$.extend( api.Control.prototype, api.Events );//ensures that the default WP control constructor is extended as well
|
||||
$.extend( CZRModuleMths, api.Events );
|
||||
$.extend( CZRItemMths, api.Events );
|
||||
$.extend( CZRModOptMths, api.Events );
|
||||
|
||||
// BASE : Add the DOM helpers (addAction, ...) to the Control Base Class + Input Base Class
|
||||
$.extend( CZRBaseControlMths, api.CZR_Helpers );
|
||||
$.extend( CZRInputMths, api.CZR_Helpers );
|
||||
$.extend( CZRModuleMths, api.CZR_Helpers );
|
||||
|
||||
// BASE INPUTS => used as constructor when creating the collection of inputs
|
||||
api.CZRInput = api.Value.extend( CZRInputMths );
|
||||
// Declare all available input type as a map
|
||||
api.czrInputMap = api.czrInputMap || {};
|
||||
|
||||
// input_type => callback fn to fire in the Input constructor on initialize
|
||||
// the callback can receive specific params define in each module constructor
|
||||
// For example, a content picker can be given params to display only taxonomies
|
||||
// the default input_event_map can also be overriden in this callback
|
||||
$.extend( api.czrInputMap, {
|
||||
text : '',
|
||||
textarea : '',
|
||||
check : 'setupIcheck',
|
||||
checkbox : 'setupIcheck',
|
||||
//gutencheck : 'setupGutenCheck', // DEPRECATED since april 2nd 2019
|
||||
nimblecheck : '',//setupNimbleCheck',
|
||||
select : 'setupSelect',
|
||||
radio : 'setupRadio',
|
||||
number : 'setupStepper',
|
||||
upload : 'setupImageUploaderSaveAsId',
|
||||
upload_url : 'setupImageUploaderSaveAsUrl',
|
||||
color : 'setupColorPicker',
|
||||
wp_color_alpha : 'setupColorPickerAlpha',
|
||||
wp_color : 'setupWPColorPicker',//not used for the moment
|
||||
content_picker : 'setupContentPicker',
|
||||
password : '',
|
||||
range : 'setupSimpleRange',
|
||||
range_slider : 'setupRangeSlider',
|
||||
hidden : '',
|
||||
h_alignment : 'setupHAlignement',
|
||||
h_text_alignment : 'setupHAlignement',
|
||||
inactive : '' // introduced sept 2020 for https://github.com/presscustomizr/nimble-builder-pro/issues/67
|
||||
});
|
||||
|
||||
|
||||
|
||||
// BASE ITEMS => used as constructor when creating the collection of models
|
||||
api.CZRItem = api.Value.extend( CZRItemMths );
|
||||
|
||||
// BASE MODULE OPTIONS => used as constructor when creating module options
|
||||
api.CZRModOpt = api.Value.extend( CZRModOptMths );
|
||||
|
||||
// BASE MODULES => used as constructor when creating the collection of modules
|
||||
api.CZRModule = api.Value.extend( CZRModuleMths );
|
||||
api.CZRDynModule = api.CZRModule.extend( CZRDynModuleMths );
|
||||
|
||||
// BASE CONTROLS
|
||||
api.CZRBaseControl = api.Control.extend( CZRBaseControlMths );
|
||||
api.CZRBaseModuleControl = api.CZRBaseControl.extend( CZRBaseModuleControlMths );
|
||||
|
||||
$.extend( api.controlConstructor, { czr_module : api.CZRBaseModuleControl });
|
||||
})( wp.customize, jQuery, _ );
|
||||
+112
@@ -0,0 +1,112 @@
|
||||
|
||||
//DOM READY :
|
||||
//1) FIRE SPECIFIC INPUT PLUGINS
|
||||
//2) ADD SOME COOL STUFFS
|
||||
//3) SPECIFIC CONTROLS ACTIONS
|
||||
( function ( wp, $ ) {
|
||||
$( function($) {
|
||||
var api = wp.customize || api;
|
||||
|
||||
//WHAT IS HAPPENING IN THE MESSENGER
|
||||
// $(window.parent).on( 'message', function(e, o) {
|
||||
// api.consoleLog('SENT STUFFS', JSON.parse( e.originalEvent.data), e );
|
||||
// });
|
||||
// $( window ).on( 'message', function(e, o) {
|
||||
// api.consoleLog('INCOMING MESSAGE', JSON.parse( e.originalEvent.data), e );
|
||||
// });
|
||||
// $(window.document).bind("ajaxSend", function(e, o){
|
||||
// api.consoleLog('AJAX SEND', e, arguments );
|
||||
// }).bind("ajaxComplete", function(e, o){
|
||||
// api.consoleLog('AJAX COMPLETE', e, o);
|
||||
// });
|
||||
|
||||
var fireHeaderButtons = function() {
|
||||
var $header_button;
|
||||
|
||||
// Deactivated for the moment.
|
||||
// The + button has been moved in the Nimble top bar
|
||||
// if ( api.czr_sektions ) {
|
||||
// var _title_ = ( window.sektionsLocalizedData && sektionsLocalizedData.i18n && sektionsLocalizedData.i18n['Drag and drop content'] ) ? sektionsLocalizedData.i18n['Drag and drop content'] : '';
|
||||
// $header_button = $('<span/>', {
|
||||
// class:'customize-controls-home-or-add',
|
||||
// html:'<span class="screen-reader-text">Home</span><span class="material-icons" title="' + _title_ +'">add_circle_outline</span>'
|
||||
// });
|
||||
// } else {
|
||||
// $header_button = $('<span/>', {
|
||||
// class:'customize-controls-home-or-add fas fa-home',
|
||||
// html:'<span class="screen-reader-text">Home</span>'
|
||||
// });
|
||||
// }
|
||||
|
||||
$header_button = $('<span/>', {
|
||||
class:'customize-controls-home-or-add fas fa-home',
|
||||
html:'<span class="screen-reader-text">Home</span>'
|
||||
});
|
||||
|
||||
$.when( $('#customize-header-actions').append( $header_button ) )
|
||||
.done( function() {
|
||||
$('body').addClass('czr-has-home-btn');
|
||||
$header_button
|
||||
.keydown( function( event ) {
|
||||
if ( 9 === event.which ) // tab
|
||||
return;
|
||||
if ( 13 === event.which ) // enter
|
||||
this.trigger('click');
|
||||
event.preventDefault();
|
||||
})
|
||||
.on( 'click.customize-controls-home-or-add', function() {
|
||||
// if ( api.czr_sektions ) {
|
||||
// api.previewer.trigger( 'sek-pick-content', {});
|
||||
// }
|
||||
//event.preventDefault();
|
||||
//close everything
|
||||
if ( api.section.has( api.czr_activeSectionId() ) ) {
|
||||
api.section( api.czr_activeSectionId() ).expanded( false );
|
||||
} else {
|
||||
api.section.each( function( _s ) {
|
||||
_s.expanded( false );
|
||||
});
|
||||
}
|
||||
api.panel.each( function( _p ) {
|
||||
_p.expanded( false );
|
||||
});
|
||||
});
|
||||
// animate on init
|
||||
// @use button-see-mee css class declared in core in /wp-admin/css/customize-controls.css
|
||||
_.delay( function() {
|
||||
if ( $header_button.hasClass( 'button-see-me') )
|
||||
return;
|
||||
var _seeMe = function() {
|
||||
return $.Deferred(function(){
|
||||
var dfd = this;
|
||||
$header_button.addClass('button-see-me');
|
||||
_.delay( function() {
|
||||
$header_button.removeClass('button-see-me');
|
||||
dfd.resolve();
|
||||
}, 800 );
|
||||
});
|
||||
},
|
||||
i = 0,
|
||||
_seeMeLoop = function() {
|
||||
_seeMe().done( function() {
|
||||
i--;
|
||||
if ( i >= 0 ) {
|
||||
_.delay( function() {
|
||||
_seeMeLoop();
|
||||
}, 50 );
|
||||
}
|
||||
});
|
||||
};
|
||||
_seeMeLoop();
|
||||
}, 2000 );
|
||||
});// done()
|
||||
};
|
||||
|
||||
// Nov 2020 => remove home button for users of blocksy theme
|
||||
// https://github.com/presscustomizr/themes-customizer-fmk/issues/53
|
||||
if ( !_.contains(['blocksy'], serverControlParams.activeTheme ) ) {
|
||||
fireHeaderButtons();
|
||||
}
|
||||
|
||||
});//end of $( function($) ) dom ready
|
||||
})( wp, jQuery );
|
||||
+570
@@ -0,0 +1,570 @@
|
||||
// Dependency : wp-color-picker
|
||||
// 1) Fixed : Error: cannot call methods on dialog prior to initialization; attempted to call method 'close' <= occuring when there are several pickers of the color picker at the same time, and some not fully instanciated yet
|
||||
//, the culprit line is $( 'body' ).trigger( 'click.wpcolorpicker' ).on( 'click.wpcolorpicker', this.close );
|
||||
// @see "nikeo addon" in the code
|
||||
// 2) augmented with https://github.com/kallookoo/wp-color-picker-alpha
|
||||
|
||||
|
||||
|
||||
|
||||
/*!
|
||||
* wp-color-picker-alpha
|
||||
*
|
||||
* Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker
|
||||
* activated when data-alpha is true
|
||||
*
|
||||
* Version: v2.1.4
|
||||
* https://github.com/kallookoo/wp-color-picker-alpha
|
||||
* Licensed under the GPLv2 license.
|
||||
*/
|
||||
/*! wp-color-picker-alpha v2.1.4, https://github.com/kallookoo/wp-color-picker-alpha, GPLv2 Licensed */
|
||||
( function( $ ) {
|
||||
// Prevent double-init.
|
||||
if ( $.wp.wpColorPicker.prototype._hasAlpha ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Variable for some backgrounds ( grid )
|
||||
var image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==',
|
||||
// html stuff for wpColorPicker copy of the original color-picker.js
|
||||
_after = '<div class="wp-picker-holder" />',
|
||||
_wrap = '<div class="wp-picker-container" />',
|
||||
_button = '<input type="button" class="button button-small" />',
|
||||
// Prevent CSS issues in < WordPress 4.9
|
||||
_deprecated = ( nb_wpColorPickerL10n.current !== undefined );
|
||||
// Declare some global variables when is deprecated or not
|
||||
var _before;
|
||||
if ( _deprecated ) {
|
||||
_before = '<a tabindex="0" class="wp-color-result" />';
|
||||
} else {
|
||||
_before = '<button type="button" class="button wp-color-result" aria-expanded="false"><span class="wp-color-result-text"></span></button>';
|
||||
var _wrappingLabel = '<label></label>',
|
||||
_wrappingLabelText = '<span class="screen-reader-text"></span>';
|
||||
}
|
||||
/**
|
||||
* Overwrite Color
|
||||
* for enable support rbga
|
||||
*/
|
||||
Color.fn.toString = function() {
|
||||
if ( this._alpha < 1 )
|
||||
return this.toCSS( 'rgba', this._alpha ).replace( /\s+/g, '' );
|
||||
|
||||
var hex = parseInt( this._color, 10 ).toString( 16 );
|
||||
|
||||
if ( this.error )
|
||||
return '';
|
||||
|
||||
if ( hex.length < 6 )
|
||||
hex = ( '00000' + hex ).substr( -6 );
|
||||
|
||||
return '#' + hex;
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Overwrite wpColorPicker
|
||||
*/
|
||||
$.widget( 'wp.wpColorPicker', $.wp.wpColorPicker, {
|
||||
_hasAlpha: true,
|
||||
/**
|
||||
* @summary Creates the color picker.
|
||||
*
|
||||
* Creates the color picker, sets default values, css classes and wraps it all in HTML.
|
||||
*
|
||||
* @since 3.5.0
|
||||
*
|
||||
* @access private
|
||||
*
|
||||
* @returns {void}
|
||||
*/
|
||||
_create: function() {
|
||||
// Return early if Iris support is missing.
|
||||
if ( ! $.support.iris ) {
|
||||
return;
|
||||
}
|
||||
|
||||
var self = this,
|
||||
el = self.element;
|
||||
|
||||
// Override default options with options bound to the element.
|
||||
$.extend( self.options, el.data() );
|
||||
|
||||
// Create a color picker which only allows adjustments to the hue.
|
||||
if ( self.options.type === 'hue' ) {
|
||||
return self._createHueOnly();
|
||||
}
|
||||
|
||||
// Bind the close event.
|
||||
self.close = $.proxy( self.close, self );
|
||||
|
||||
self.initialValue = el.val();
|
||||
|
||||
// Add a CSS class to the input field.
|
||||
el.addClass( 'wp-color-picker' );
|
||||
|
||||
if ( _deprecated ) {
|
||||
el.hide().wrap( _wrap );
|
||||
self.wrap = el.parent();
|
||||
self.toggler = $( _before )
|
||||
.insertBefore( el )
|
||||
.css( { backgroundColor : self.initialValue } )
|
||||
.attr( 'title', nb_wpColorPickerL10n.pick )
|
||||
.attr( 'data-current', nb_wpColorPickerL10n.current );
|
||||
self.pickerContainer = $( _after ).insertAfter( el );
|
||||
self.button = $( _button ).addClass('hidden');
|
||||
} else {
|
||||
/*
|
||||
* Check if there's already a wrapping label, e.g. in the Customizer.
|
||||
* If there's no label, add a default one to match the Customizer template.
|
||||
*/
|
||||
if ( ! el.parent( 'label' ).length ) {
|
||||
// Wrap the input field in the default label.
|
||||
el.wrap( _wrappingLabel );
|
||||
// Insert the default label text.
|
||||
self.wrappingLabelText = $( _wrappingLabelText )
|
||||
.insertBefore( el )
|
||||
.text( nb_wpColorPickerL10n.defaultLabel );
|
||||
}
|
||||
|
||||
/*
|
||||
* At this point, either it's the standalone version or the Customizer
|
||||
* one, we have a wrapping label to use as hook in the DOM, let's store it.
|
||||
*/
|
||||
self.wrappingLabel = el.parent();
|
||||
|
||||
// Wrap the label in the main wrapper.
|
||||
self.wrappingLabel.wrap( _wrap );
|
||||
// Store a reference to the main wrapper.
|
||||
self.wrap = self.wrappingLabel.parent();
|
||||
// Set up the toggle button and insert it before the wrapping label.
|
||||
self.toggler = $( _before )
|
||||
.insertBefore( self.wrappingLabel )
|
||||
.css( { backgroundColor: self.initialValue } );
|
||||
// Set the toggle button span element text.
|
||||
self.toggler.find( '.wp-color-result-text' ).text( nb_wpColorPickerL10n.pick );
|
||||
// Set up the Iris container and insert it after the wrapping label.
|
||||
self.pickerContainer = $( _after ).insertAfter( self.wrappingLabel );
|
||||
// Store a reference to the Clear/Default button.
|
||||
self.button = $( _button );
|
||||
}
|
||||
|
||||
// Set up the Clear/Default button.
|
||||
if ( self.options.defaultColor ) {
|
||||
self.button.addClass( 'wp-picker-default' ).val( nb_wpColorPickerL10n.defaultString );
|
||||
if ( ! _deprecated ) {
|
||||
self.button.attr( 'aria-label', nb_wpColorPickerL10n.defaultAriaLabel );
|
||||
}
|
||||
} else {
|
||||
self.button.addClass( 'wp-picker-clear' ).val( nb_wpColorPickerL10n.clear );
|
||||
if ( ! _deprecated ) {
|
||||
self.button.attr( 'aria-label', nb_wpColorPickerL10n.clearAriaLabel );
|
||||
}
|
||||
}
|
||||
|
||||
if ( _deprecated ) {
|
||||
el.wrap( '<span class="wp-picker-input-wrap" />' ).after( self.button );
|
||||
} else {
|
||||
// Wrap the wrapping label in its wrapper and append the Clear/Default button.
|
||||
self.wrappingLabel
|
||||
.wrap( '<span class="wp-picker-input-wrap hidden" />' )
|
||||
.after( self.button );
|
||||
|
||||
/*
|
||||
* The input wrapper now contains the label+input+Clear/Default button.
|
||||
* Store a reference to the input wrapper: we'll use this to toggle
|
||||
* the controls visibility.
|
||||
*/
|
||||
self.inputWrapper = el.closest( '.wp-picker-input-wrap' );
|
||||
}
|
||||
|
||||
el.iris( {
|
||||
target: self.pickerContainer,
|
||||
hide: self.options.hide,
|
||||
width: self.options.width,
|
||||
mode: self.options.mode,
|
||||
palettes: self.options.palettes,
|
||||
/**
|
||||
* @summary Handles the onChange event if one has been defined in the options.
|
||||
*
|
||||
* Handles the onChange event if one has been defined in the options and additionally
|
||||
* sets the background color for the toggler element.
|
||||
*
|
||||
* @since 3.5.0
|
||||
*
|
||||
* @param {Event} event The event that's being called.
|
||||
* @param {HTMLElement} ui The HTMLElement containing the color picker.
|
||||
*
|
||||
* @returns {void}
|
||||
*/
|
||||
change: function( event, ui ) {
|
||||
if ( self.options.alpha ) {
|
||||
self.toggler.css( { 'background-image' : 'url(' + image + ')' } );
|
||||
if ( _deprecated ) {
|
||||
self.toggler.html( '<span class="color-alpha" />' );
|
||||
} else {
|
||||
self.toggler.css( {
|
||||
'position' : 'relative'
|
||||
} );
|
||||
if ( self.toggler.find('span.color-alpha').length == 0 ) {
|
||||
self.toggler.append('<span class="color-alpha" />');
|
||||
}
|
||||
}
|
||||
|
||||
self.toggler.find( 'span.color-alpha' ).css( {
|
||||
'width' : '30px',
|
||||
'height' : '100%',
|
||||
'position' : 'absolute',
|
||||
'top' : 0,
|
||||
'left' : 0,
|
||||
'border-top-left-radius' : '2px',
|
||||
'border-bottom-left-radius' : '2px',
|
||||
'background' : ui.color.toString()
|
||||
} );
|
||||
} else {
|
||||
self.toggler.css( { backgroundColor : ui.color.toString() } );
|
||||
}
|
||||
|
||||
if ( typeof self.options.change === "function" ) {
|
||||
self.options.change.call( this, event, ui );
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
el.val( self.initialValue );
|
||||
self._addListeners();
|
||||
|
||||
// Force the color picker to always be closed on initial load.
|
||||
if ( ! self.options.hide ) {
|
||||
self.toggler.trigger('click');
|
||||
}
|
||||
|
||||
// @nikeo addon
|
||||
el.on('czr-colorpicker-close', function() {
|
||||
if ( self.toggler.hasClass( 'wp-picker-open' ) ) {
|
||||
self.close();
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @summary Binds event listeners to the color picker.
|
||||
*
|
||||
* @since 3.5.0
|
||||
*
|
||||
* @access private
|
||||
*
|
||||
* @returns {void}
|
||||
*/
|
||||
_addListeners: function() {
|
||||
var self = this;
|
||||
|
||||
/**
|
||||
* @summary Prevent any clicks inside this widget from leaking to the top and closing it.
|
||||
*
|
||||
* @since 3.5.0
|
||||
*
|
||||
* @param {Event} event The event that's being called.
|
||||
*
|
||||
* @returs {void}
|
||||
*/
|
||||
self.wrap.on( 'click.wpcolorpicker', function( event ) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
|
||||
/**
|
||||
* @summary Open or close the color picker depending on the class.
|
||||
*
|
||||
* @since 3.5
|
||||
*/
|
||||
self.toggler.on('click', function(){
|
||||
if ( self.toggler.hasClass( 'wp-picker-open' ) ) {
|
||||
self.close();
|
||||
} else {
|
||||
self.open();
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* @summary Checks if value is empty when changing the color in the color picker.
|
||||
*
|
||||
* Checks if value is empty when changing the color in the color picker.
|
||||
* If so, the background color is cleared.
|
||||
*
|
||||
* @since 3.5.0
|
||||
*
|
||||
* @param {Event} event The event that's being called.
|
||||
*
|
||||
* @returns {void}
|
||||
*/
|
||||
self.element.on( 'change', function( event ) {
|
||||
// Empty or Error = clear
|
||||
if ( $( this ).val() === '' || self.element.hasClass( 'iris-error' ) ) {
|
||||
if ( self.options.alpha ) {
|
||||
if ( _deprecated ) {
|
||||
self.toggler.removeAttr( 'style' );
|
||||
}
|
||||
self.toggler.find( 'span.color-alpha' ).css( 'backgroundColor', '' );
|
||||
} else {
|
||||
self.toggler.css( 'backgroundColor', '' );
|
||||
}
|
||||
|
||||
// fire clear callback if we have one
|
||||
if ( typeof self.options.clear === "function" )
|
||||
self.options.clear.call( this, event );
|
||||
}
|
||||
} );
|
||||
|
||||
/**
|
||||
* @summary Enables the user to clear or revert the color in the color picker.
|
||||
*
|
||||
* Enables the user to either clear the color in the color picker or revert back to the default color.
|
||||
*
|
||||
* @since 3.5.0
|
||||
*
|
||||
* @param {Event} event The event that's being called.
|
||||
*
|
||||
* @returns {void}
|
||||
*/
|
||||
self.button.on( 'click', function( event ) {
|
||||
if ( $( this ).hasClass( 'wp-picker-clear' ) ) {
|
||||
self.element.val( '' );
|
||||
if ( self.options.alpha ) {
|
||||
if ( _deprecated ) {
|
||||
self.toggler.removeAttr( 'style' );
|
||||
}
|
||||
self.toggler.find( 'span.color-alpha' ).css( 'backgroundColor', '' );
|
||||
} else {
|
||||
self.toggler.css( 'backgroundColor', '' );
|
||||
}
|
||||
|
||||
if ( typeof self.options.clear === "function" )
|
||||
self.options.clear.call( this, event );
|
||||
|
||||
} else if ( $( this ).hasClass( 'wp-picker-default' ) ) {
|
||||
self.element.val( self.options.defaultColor ).trigger('change');
|
||||
}
|
||||
});
|
||||
},//_addListeners
|
||||
|
||||
/**
|
||||
* @summary Opens the color picker dialog.
|
||||
*
|
||||
* @since 3.5.0
|
||||
*
|
||||
* @returns {void}
|
||||
*/
|
||||
open: function() {
|
||||
var self = this;
|
||||
// @nikeo addon => triggering the click can generate an error when triggered on an element for which iris is not fully instanciated yet
|
||||
// "Error: cannot call methods on dialog prior to initialization; attempted to call method 'close'""
|
||||
//$( 'body' ).trigger( 'click.wpcolorpicker' ).on( 'click.wpcolorpicker', this.close ); <= original
|
||||
// Close any other opened iris instance
|
||||
$( 'body' ).find('.wp-color-picker').not( self.element ).each( function() {
|
||||
$(this).trigger('czr-colorpicker-close');
|
||||
});
|
||||
|
||||
this.element.iris( 'toggle' );
|
||||
this.inputWrapper.removeClass( 'hidden' );
|
||||
this.wrap.addClass( 'wp-picker-active' );
|
||||
this.toggler
|
||||
.addClass( 'wp-picker-open' )
|
||||
.attr( 'aria-expanded', 'true' );
|
||||
},
|
||||
/**
|
||||
* @summary Closes the color picker dialog.
|
||||
*
|
||||
* @since 3.5.0
|
||||
*
|
||||
* @returns {void}
|
||||
*/
|
||||
close: function() {
|
||||
try { this.element.iris( 'toggle' ); } catch( er ) { console.log('color-picker => error on ::close()', er ); }
|
||||
this.inputWrapper.addClass( 'hidden' );
|
||||
this.wrap.removeClass( 'wp-picker-active' );
|
||||
this.toggler
|
||||
.removeClass( 'wp-picker-open' )
|
||||
.attr( 'aria-expanded', 'false' );
|
||||
//@nikeo addon
|
||||
//$( 'body' ).off( 'click.wpcolorpicker', this.close );
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Overwrite iris
|
||||
*/
|
||||
$.widget( 'a8c.iris', $.a8c.iris, {
|
||||
_create: function() {
|
||||
this._super();
|
||||
|
||||
// Global option for check is mode rbga is enabled
|
||||
this.options.alpha = this.element.data( 'alpha' ) || false;
|
||||
|
||||
// Is not input disabled
|
||||
if ( ! this.element.is( ':input' ) )
|
||||
this.options.alpha = false;
|
||||
|
||||
if ( typeof this.options.alpha !== 'undefined' && this.options.alpha ) {
|
||||
var self = this,
|
||||
el = self.element,
|
||||
_html = '<div class="iris-strip iris-slider iris-alpha-slider"><div class="iris-slider-offset iris-slider-offset-alpha"></div></div>',
|
||||
aContainer = $( _html ).appendTo( self.picker.find( '.iris-picker-inner' ) ),
|
||||
aSlider = aContainer.find( '.iris-slider-offset-alpha' ),
|
||||
controls = {
|
||||
aContainer : aContainer,
|
||||
aSlider : aSlider
|
||||
};
|
||||
|
||||
if ( typeof el.data( 'custom-width' ) !== 'undefined' ) {
|
||||
self.options.customWidth = parseInt( el.data( 'custom-width' ) ) || 0;
|
||||
} else {
|
||||
self.options.customWidth = 100;
|
||||
}
|
||||
|
||||
// Set default width for input reset
|
||||
self.options.defaultWidth = el.width();
|
||||
|
||||
// Update width for input
|
||||
if ( self._color._alpha < 1 || self._color.toString().indexOf('rgb') != -1 )
|
||||
el.width( parseInt( self.options.defaultWidth + self.options.customWidth ) );
|
||||
|
||||
// Push new controls
|
||||
$.each( controls, function( k, v ) {
|
||||
self.controls[k] = v;
|
||||
} );
|
||||
|
||||
// Change size strip and add margin for sliders
|
||||
self.controls.square.css( { 'margin-right': '0' } );
|
||||
var emptyWidth = ( self.picker.width() - self.controls.square.width() - 20 ),
|
||||
stripsMargin = ( emptyWidth / 6 ),
|
||||
stripsWidth = ( ( emptyWidth / 2 ) - stripsMargin );
|
||||
|
||||
$.each( [ 'aContainer', 'strip' ], function( k, v ) {
|
||||
self.controls[v].width( stripsWidth ).css( { 'margin-left' : stripsMargin + 'px' } );
|
||||
} );
|
||||
|
||||
// Add new slider
|
||||
self._initControls();
|
||||
|
||||
// For updated widget
|
||||
self._change();
|
||||
}
|
||||
},
|
||||
_initControls: function() {
|
||||
this._super();
|
||||
|
||||
if ( this.options.alpha ) {
|
||||
var self = this,
|
||||
controls = self.controls;
|
||||
|
||||
controls.aSlider.slider({
|
||||
orientation : 'vertical',
|
||||
min : 0,
|
||||
max : 100,
|
||||
step : 1,
|
||||
value : parseInt( self._color._alpha * 100 ),
|
||||
slide : function( event, ui ) {
|
||||
// Update alpha value
|
||||
self._color._alpha = parseFloat( ui.value / 100 );
|
||||
self._change.apply( self, arguments );
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
_change: function() {
|
||||
this._super();
|
||||
|
||||
var self = this,
|
||||
el = self.element;
|
||||
|
||||
if ( this.options.alpha ) {
|
||||
var controls = self.controls,
|
||||
alpha = parseInt( self._color._alpha * 100 ),
|
||||
color = self._color.toRgb(),
|
||||
gradient = [
|
||||
'rgb(' + color.r + ',' + color.g + ',' + color.b + ') 0%',
|
||||
'rgba(' + color.r + ',' + color.g + ',' + color.b + ', 0) 100%'
|
||||
],
|
||||
defaultWidth = self.options.defaultWidth,
|
||||
customWidth = self.options.customWidth,
|
||||
target = self.picker.closest( '.wp-picker-container' ).find( '.wp-color-result' );
|
||||
|
||||
// Generate background slider alpha, only for CSS3 old browser fuck!! :)
|
||||
controls.aContainer.css( { 'background' : 'linear-gradient(to bottom, ' + gradient.join( ', ' ) + '), url(' + image + ')' } );
|
||||
|
||||
if ( target.hasClass( 'wp-picker-open' ) ) {
|
||||
// Update alpha value
|
||||
controls.aSlider.slider( 'value', alpha );
|
||||
|
||||
/**
|
||||
* Disabled change opacity in default slider Saturation ( only is alpha enabled )
|
||||
* and change input width for view all value
|
||||
*/
|
||||
if ( self._color._alpha < 1 ) {
|
||||
controls.strip.attr( 'style', controls.strip.attr( 'style' ).replace( /rgba\(([0-9]+,)(\s+)?([0-9]+,)(\s+)?([0-9]+)(,(\s+)?[0-9\.]+)\)/g, 'rgb($1$3$5)' ) );
|
||||
el.width( parseInt( defaultWidth + customWidth ) );
|
||||
} else {
|
||||
el.width( defaultWidth );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var reset = el.data( 'reset-alpha' ) || false;
|
||||
|
||||
if ( reset ) {
|
||||
self.picker.find( '.iris-palette-container' ).on( 'click.palette', '.iris-palette', function() {
|
||||
self._color._alpha = 1;
|
||||
self.active = 'external';
|
||||
self._change();
|
||||
} );
|
||||
}
|
||||
},
|
||||
_addInputListeners: function( input ) {
|
||||
var self = this,
|
||||
debounceTimeout = 100,
|
||||
callback = function( event ) {
|
||||
var color = new Color( input.val() ),
|
||||
val = input.val();
|
||||
|
||||
input.removeClass( 'iris-error' );
|
||||
// we gave a bad color
|
||||
if ( color.error ) {
|
||||
// don't error on an empty input
|
||||
if ( val !== '' )
|
||||
input.addClass( 'iris-error' );
|
||||
} else {
|
||||
if ( color.toString() !== self._color.toString() ) {
|
||||
// let's not do this on keyup for hex shortcodes
|
||||
if ( ! ( event.type === 'keyup' && val.match( /^[0-9a-fA-F]{3}$/ ) ) )
|
||||
self._setOption( 'color', color.toString() );
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
input.on( 'change', callback ).on( 'keyup', self._debounce( callback, debounceTimeout ) );
|
||||
|
||||
// If we initialized hidden, show on first focus. The rest is up to you.
|
||||
if ( self.options.hide ) {
|
||||
input.on( 'focus', function() {
|
||||
self.show();
|
||||
} );
|
||||
}
|
||||
}
|
||||
} );
|
||||
}( jQuery ) );
|
||||
Vendored
+12
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
+8
File diff suppressed because one or more lines are too long
+4
@@ -0,0 +1,4 @@
|
||||
/*! iCheck v1.0.1 by Damir Sultanov, http://git.io/arlzeA, MIT Licensed */
|
||||
if ( 'function' != typeof(jQuery.fn.iCheck) ) {
|
||||
!function(a){function b(a,b,e){var f=a[0],g=/er/.test(e)?p:/bl/.test(e)?n:l,h=e==q?{checked:f[l],disabled:f[n],indeterminate:"true"==a.attr(p)||"false"==a.attr(o)}:f[g];if(/^(ch|di|in)/.test(e)&&!h)c(a,g);else if(/^(un|en|de)/.test(e)&&h)d(a,g);else if(e==q)for(g in h)h[g]?c(a,g,!0):d(a,g,!0);else b&&"toggle"!=e||(b||a[u]("ifClicked"),h?f[r]!==k&&d(a,g):c(a,g))}function c(b,c,e){var q=b[0],u=b.parent(),v=c==l,x=c==p,y=c==n,z=x?o:v?m:"enabled",A=f(b,z+g(q[r])),B=f(b,c+g(q[r]));if(!0!==q[c]){if(!e&&c==l&&q[r]==k&&q.name){var C=b.closest("form"),D='input[name="'+q.name+'"]',D=C.length?C.find(D):a(D);D.each(function(){this!==q&&a(this).data(i)&&d(a(this),c)})}x?(q[c]=!0,q[l]&&d(b,l,"force")):(e||(q[c]=!0),v&&q[p]&&d(b,p,!1)),h(b,v,c,e)}q[n]&&f(b,w,!0)&&u.find("."+j).css(w,"default"),u[s](B||f(b,c)||""),y?u.attr("aria-disabled","true"):u.attr("aria-checked",x?"mixed":"true"),u[t](A||f(b,z)||"")}function d(a,b,c){var d=a[0],e=a.parent(),i=b==l,k=b==p,q=b==n,u=k?o:i?m:"enabled",v=f(a,u+g(d[r])),x=f(a,b+g(d[r]));!1!==d[b]&&((k||!c||"force"==c)&&(d[b]=!1),h(a,i,u,c)),!d[n]&&f(a,w,!0)&&e.find("."+j).css(w,"pointer"),e[t](x||f(a,b)||""),q?e.attr("aria-disabled","false"):e.attr("aria-checked","false"),e[s](v||f(a,u)||"")}function e(b,c){b.data(i)&&(b.parent().html(b.attr("style",b.data(i).s||"")),c&&b[u](c),b.off(".i").unwrap(),a(v+'[for="'+b[0].id+'"]').add(b.closest(v)).off(".i"))}function f(a,b,c){return a.data(i)?a.data(i).o[b+(c?"":"Class")]:void 0}function g(a){return a.charAt(0).toUpperCase()+a.slice(1)}function h(a,b,c,d){d||(b&&a[u]("ifToggled"),a[u]("ifChanged")[u]("if"+g(c)))}var i="iCheck",j=i+"-helper",k="radio",l="checked",m="un"+l,n="disabled",o="determinate",p="in"+o,q="update",r="type",s="addClass",t="removeClass",u="trigger",v="label",w="cursor",x=/ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent);a.fn[i]=function(f,g){var h='input[type="checkbox"], input[type="'+k+'"]',m=a(),o=function(b){b.each(function(){var b=a(this);m=b.is(h)?m.add(b):m.add(b.find(h))})};if(/^(check|uncheck|toggle|indeterminate|determinate|disable|enable|update|destroy)$/i.test(f))return f=f.toLowerCase(),o(this),m.each(function(){var c=a(this);"destroy"==f?e(c,"ifDestroyed"):b(c,!0,f),a.isFunction(g)&&g()});if("object"!=typeof f&&f)return this;var w=a.extend({checkedClass:l,disabledClass:n,indeterminateClass:p,labelHover:!0,aria:!1},f),y=w.handle,z=w.hoverClass||"hover",A=w.focusClass||"focus",B=w.activeClass||"active",C=!!w.labelHover,D=w.labelHoverClass||"hover",E=0|(""+w.increaseArea).replace("%","");return("checkbox"==y||y==k)&&(h='input[type="'+y+'"]'),-50>E&&(E=-50),o(this),m.each(function(){var f=a(this);e(f);var g=this,h=g.id,m=-E+"%",o=100+2*E+"%",o={position:"absolute",top:m,left:m,display:"block",width:o,height:o,margin:0,padding:0,background:"#fff",border:0,opacity:0},m=x?{position:"absolute",visibility:"hidden"}:E?o:{position:"absolute",opacity:0},p="checkbox"==g[r]?w.checkboxClass||"icheckbox":w.radioClass||"i"+k,y=a(v+'[for="'+h+'"]').add(f.closest(v)),F=!!w.aria,G=i+"-"+Math.random().toString(36).substr(2,6),H='<div class="'+p+'" '+(F?'role="'+g[r]+'" ':"");F&&y.each(function(){H+='aria-labelledby="',this.id?H+=this.id:(this.id=G,H+=G),H+='"'}),H=f.wrap(H+"/>")[u]("ifCreated").parent().append(w.insert),o=a('<ins class="'+j+'"/>').css(o).appendTo(H),f.data(i,{o:w,s:f.attr("style")}).css(m),w.inheritClass&&H[s](g.className||""),w.inheritID&&h&&H.attr("id",i+"-"+h),"static"==H.css("position")&&H.css("position","relative"),b(f,!0,q),y.length&&y.on("click.i mouseover.i mouseout.i touchbegin.i touchend.i",function(c){var d=c[r],e=a(this);if(!g[n]){if("click"==d){if(a(c.target).is("a"))return;b(f,!1,!0)}else C&&(/ut|nd/.test(d)?(H[t](z),e[t](D)):(H[s](z),e[s](D)));if(!x)return!1;c.stopPropagation()}}),f.on("click.i focus.i blur.i keyup.i keydown.i keypress.i",function(a){var b=a[r];return a=a.keyCode,"click"==b?!1:"keydown"==b&&32==a?(g[r]==k&&g[l]||(g[l]?d(f,l):c(f,l)),!1):("keyup"==b&&g[r]==k?!g[l]&&c(f,l):/us|ur/.test(b)&&H["blur"==b?t:s](A),void 0)}),o.on("click mousedown mouseup mouseover mouseout touchbegin.i touchend.i",function(a){var c=a[r],d=/wn|up/.test(c)?B:z;if(!g[n]){if("click"==c?b(f,!1,!0):(/wn|er|in/.test(c)?H[s](d):H[t](d+" "+B),y.length&&C&&d==z&&y[/ut|nd/.test(c)?t:s](D)),!x)return!1;a.stopPropagation()}})})}}(window.jQuery||window.Zepto);
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user