forked from tsai/budibase
michael shanks
7 years ago
76 changed files with 4533 additions and 217 deletions
@ -0,0 +1,7 @@ |
|||||
|
.DS_Store |
||||
|
node_modules |
||||
|
node_modules_win |
||||
|
package-lock.json |
||||
|
yarn.lock |
||||
|
release/ |
||||
|
dist/ |
||||
@ -0,0 +1,4 @@ |
|||||
|
Contributors |
||||
|
=== |
||||
|
|
||||
|
* Michael Shanks - [@mikebudi](https://github.com/mikebudi) |
||||
@ -0,0 +1,22 @@ |
|||||
|
### Contributing to budibase-core |
||||
|
|
||||
|
* The contributors are listed in [AUTHORS.md](https://github.com/budibase/builder/blob/master/AUTHORS.md) (add yourself). |
||||
|
|
||||
|
* This project uses a modified version of the MPLv2 license, see [LICENSE](https://github.com/budibase/builder/blob/master/LICENSE.md). |
||||
|
|
||||
|
* We use the [C4 (Collective Code Construction Contract)](https://rfc.zeromq.org/spec:42/C4/) process for contributions. |
||||
|
Please read this if you are unfamiliar with it. |
||||
|
|
||||
|
* Please maintain the existing code style. |
||||
|
|
||||
|
* Please try to keep your commits small and focussed. |
||||
|
|
||||
|
* If the project diverges from your branch, please rebase instead of merging. This makes the commit graph easier to read. |
||||
|
|
||||
|
#### p.S... |
||||
|
|
||||
|
I am using contribution guidelines from the fantastic [ZeroMQ](https://github.com/zeromq) community. If you are interested why, it's because I believe in the ethos laid out by this community, and written about in depth in the book ["Social Architecture"](https://www.amazon.com/Social-Architecture-Building-line-Communities/dp/1533112452) by Pieter Hintjens. |
||||
|
|
||||
|
I am very much open to evolving this to suit our needs. |
||||
|
|
||||
|
Love from [Mike](https://github.com/mikebudi). |
||||
@ -0,0 +1,661 @@ |
|||||
|
GNU AFFERO GENERAL PUBLIC LICENSE |
||||
|
Version 3, 19 November 2007 |
||||
|
|
||||
|
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/> |
||||
|
Everyone is permitted to copy and distribute verbatim copies |
||||
|
of this license document, but changing it is not allowed. |
||||
|
|
||||
|
Preamble |
||||
|
|
||||
|
The GNU Affero General Public License is a free, copyleft license for |
||||
|
software and other kinds of works, specifically designed to ensure |
||||
|
cooperation with the community in the case of network server software. |
||||
|
|
||||
|
The licenses for most software and other practical works are designed |
||||
|
to take away your freedom to share and change the works. By contrast, |
||||
|
our General Public Licenses are intended to guarantee your freedom to |
||||
|
share and change all versions of a program--to make sure it remains free |
||||
|
software for all its users. |
||||
|
|
||||
|
When we speak of free software, we are referring to freedom, not |
||||
|
price. Our General Public Licenses are designed to make sure that you |
||||
|
have the freedom to distribute copies of free software (and charge for |
||||
|
them if you wish), that you receive source code or can get it if you |
||||
|
want it, that you can change the software or use pieces of it in new |
||||
|
free programs, and that you know you can do these things. |
||||
|
|
||||
|
Developers that use our General Public Licenses protect your rights |
||||
|
with two steps: (1) assert copyright on the software, and (2) offer |
||||
|
you this License which gives you legal permission to copy, distribute |
||||
|
and/or modify the software. |
||||
|
|
||||
|
A secondary benefit of defending all users' freedom is that |
||||
|
improvements made in alternate versions of the program, if they |
||||
|
receive widespread use, become available for other developers to |
||||
|
incorporate. Many developers of free software are heartened and |
||||
|
encouraged by the resulting cooperation. However, in the case of |
||||
|
software used on network servers, this result may fail to come about. |
||||
|
The GNU General Public License permits making a modified version and |
||||
|
letting the public access it on a server without ever releasing its |
||||
|
source code to the public. |
||||
|
|
||||
|
The GNU Affero General Public License is designed specifically to |
||||
|
ensure that, in such cases, the modified source code becomes available |
||||
|
to the community. It requires the operator of a network server to |
||||
|
provide the source code of the modified version running there to the |
||||
|
users of that server. Therefore, public use of a modified version, on |
||||
|
a publicly accessible server, gives the public access to the source |
||||
|
code of the modified version. |
||||
|
|
||||
|
An older license, called the Affero General Public License and |
||||
|
published by Affero, was designed to accomplish similar goals. This is |
||||
|
a different license, not a version of the Affero GPL, but Affero has |
||||
|
released a new version of the Affero GPL which permits relicensing under |
||||
|
this license. |
||||
|
|
||||
|
The precise terms and conditions for copying, distribution and |
||||
|
modification follow. |
||||
|
|
||||
|
TERMS AND CONDITIONS |
||||
|
|
||||
|
0. Definitions. |
||||
|
|
||||
|
"This License" refers to version 3 of the GNU Affero General Public License. |
||||
|
|
||||
|
"Copyright" also means copyright-like laws that apply to other kinds of |
||||
|
works, such as semiconductor masks. |
||||
|
|
||||
|
"The Program" refers to any copyrightable work licensed under this |
||||
|
License. Each licensee is addressed as "you". "Licensees" and |
||||
|
"recipients" may be individuals or organizations. |
||||
|
|
||||
|
To "modify" a work means to copy from or adapt all or part of the work |
||||
|
in a fashion requiring copyright permission, other than the making of an |
||||
|
exact copy. The resulting work is called a "modified version" of the |
||||
|
earlier work or a work "based on" the earlier work. |
||||
|
|
||||
|
A "covered work" means either the unmodified Program or a work based |
||||
|
on the Program. |
||||
|
|
||||
|
To "propagate" a work means to do anything with it that, without |
||||
|
permission, would make you directly or secondarily liable for |
||||
|
infringement under applicable copyright law, except executing it on a |
||||
|
computer or modifying a private copy. Propagation includes copying, |
||||
|
distribution (with or without modification), making available to the |
||||
|
public, and in some countries other activities as well. |
||||
|
|
||||
|
To "convey" a work means any kind of propagation that enables other |
||||
|
parties to make or receive copies. Mere interaction with a user through |
||||
|
a computer network, with no transfer of a copy, is not conveying. |
||||
|
|
||||
|
An interactive user interface displays "Appropriate Legal Notices" |
||||
|
to the extent that it includes a convenient and prominently visible |
||||
|
feature that (1) displays an appropriate copyright notice, and (2) |
||||
|
tells the user that there is no warranty for the work (except to the |
||||
|
extent that warranties are provided), that licensees may convey the |
||||
|
work under this License, and how to view a copy of this License. If |
||||
|
the interface presents a list of user commands or options, such as a |
||||
|
menu, a prominent item in the list meets this criterion. |
||||
|
|
||||
|
1. Source Code. |
||||
|
|
||||
|
The "source code" for a work means the preferred form of the work |
||||
|
for making modifications to it. "Object code" means any non-source |
||||
|
form of a work. |
||||
|
|
||||
|
A "Standard Interface" means an interface that either is an official |
||||
|
standard defined by a recognized standards body, or, in the case of |
||||
|
interfaces specified for a particular programming language, one that |
||||
|
is widely used among developers working in that language. |
||||
|
|
||||
|
The "System Libraries" of an executable work include anything, other |
||||
|
than the work as a whole, that (a) is included in the normal form of |
||||
|
packaging a Major Component, but which is not part of that Major |
||||
|
Component, and (b) serves only to enable use of the work with that |
||||
|
Major Component, or to implement a Standard Interface for which an |
||||
|
implementation is available to the public in source code form. A |
||||
|
"Major Component", in this context, means a major essential component |
||||
|
(kernel, window system, and so on) of the specific operating system |
||||
|
(if any) on which the executable work runs, or a compiler used to |
||||
|
produce the work, or an object code interpreter used to run it. |
||||
|
|
||||
|
The "Corresponding Source" for a work in object code form means all |
||||
|
the source code needed to generate, install, and (for an executable |
||||
|
work) run the object code and to modify the work, including scripts to |
||||
|
control those activities. However, it does not include the work's |
||||
|
System Libraries, or general-purpose tools or generally available free |
||||
|
programs which are used unmodified in performing those activities but |
||||
|
which are not part of the work. For example, Corresponding Source |
||||
|
includes interface definition files associated with source files for |
||||
|
the work, and the source code for shared libraries and dynamically |
||||
|
linked subprograms that the work is specifically designed to require, |
||||
|
such as by intimate data communication or control flow between those |
||||
|
subprograms and other parts of the work. |
||||
|
|
||||
|
The Corresponding Source need not include anything that users |
||||
|
can regenerate automatically from other parts of the Corresponding |
||||
|
Source. |
||||
|
|
||||
|
The Corresponding Source for a work in source code form is that |
||||
|
same work. |
||||
|
|
||||
|
2. Basic Permissions. |
||||
|
|
||||
|
All rights granted under this License are granted for the term of |
||||
|
copyright on the Program, and are irrevocable provided the stated |
||||
|
conditions are met. This License explicitly affirms your unlimited |
||||
|
permission to run the unmodified Program. The output from running a |
||||
|
covered work is covered by this License only if the output, given its |
||||
|
content, constitutes a covered work. This License acknowledges your |
||||
|
rights of fair use or other equivalent, as provided by copyright law. |
||||
|
|
||||
|
You may make, run and propagate covered works that you do not |
||||
|
convey, without conditions so long as your license otherwise remains |
||||
|
in force. You may convey covered works to others for the sole purpose |
||||
|
of having them make modifications exclusively for you, or provide you |
||||
|
with facilities for running those works, provided that you comply with |
||||
|
the terms of this License in conveying all material for which you do |
||||
|
not control copyright. Those thus making or running the covered works |
||||
|
for you must do so exclusively on your behalf, under your direction |
||||
|
and control, on terms that prohibit them from making any copies of |
||||
|
your copyrighted material outside their relationship with you. |
||||
|
|
||||
|
Conveying under any other circumstances is permitted solely under |
||||
|
the conditions stated below. Sublicensing is not allowed; section 10 |
||||
|
makes it unnecessary. |
||||
|
|
||||
|
3. Protecting Users' Legal Rights From Anti-Circumvention Law. |
||||
|
|
||||
|
No covered work shall be deemed part of an effective technological |
||||
|
measure under any applicable law fulfilling obligations under article |
||||
|
11 of the WIPO copyright treaty adopted on 20 December 1996, or |
||||
|
similar laws prohibiting or restricting circumvention of such |
||||
|
measures. |
||||
|
|
||||
|
When you convey a covered work, you waive any legal power to forbid |
||||
|
circumvention of technological measures to the extent such circumvention |
||||
|
is effected by exercising rights under this License with respect to |
||||
|
the covered work, and you disclaim any intention to limit operation or |
||||
|
modification of the work as a means of enforcing, against the work's |
||||
|
users, your or third parties' legal rights to forbid circumvention of |
||||
|
technological measures. |
||||
|
|
||||
|
4. Conveying Verbatim Copies. |
||||
|
|
||||
|
You may convey verbatim copies of the Program's source code as you |
||||
|
receive it, in any medium, provided that you conspicuously and |
||||
|
appropriately publish on each copy an appropriate copyright notice; |
||||
|
keep intact all notices stating that this License and any |
||||
|
non-permissive terms added in accord with section 7 apply to the code; |
||||
|
keep intact all notices of the absence of any warranty; and give all |
||||
|
recipients a copy of this License along with the Program. |
||||
|
|
||||
|
You may charge any price or no price for each copy that you convey, |
||||
|
and you may offer support or warranty protection for a fee. |
||||
|
|
||||
|
5. Conveying Modified Source Versions. |
||||
|
|
||||
|
You may convey a work based on the Program, or the modifications to |
||||
|
produce it from the Program, in the form of source code under the |
||||
|
terms of section 4, provided that you also meet all of these conditions: |
||||
|
|
||||
|
a) The work must carry prominent notices stating that you modified |
||||
|
it, and giving a relevant date. |
||||
|
|
||||
|
b) The work must carry prominent notices stating that it is |
||||
|
released under this License and any conditions added under section |
||||
|
7. This requirement modifies the requirement in section 4 to |
||||
|
"keep intact all notices". |
||||
|
|
||||
|
c) You must license the entire work, as a whole, under this |
||||
|
License to anyone who comes into possession of a copy. This |
||||
|
License will therefore apply, along with any applicable section 7 |
||||
|
additional terms, to the whole of the work, and all its parts, |
||||
|
regardless of how they are packaged. This License gives no |
||||
|
permission to license the work in any other way, but it does not |
||||
|
invalidate such permission if you have separately received it. |
||||
|
|
||||
|
d) If the work has interactive user interfaces, each must display |
||||
|
Appropriate Legal Notices; however, if the Program has interactive |
||||
|
interfaces that do not display Appropriate Legal Notices, your |
||||
|
work need not make them do so. |
||||
|
|
||||
|
A compilation of a covered work with other separate and independent |
||||
|
works, which are not by their nature extensions of the covered work, |
||||
|
and which are not combined with it such as to form a larger program, |
||||
|
in or on a volume of a storage or distribution medium, is called an |
||||
|
"aggregate" if the compilation and its resulting copyright are not |
||||
|
used to limit the access or legal rights of the compilation's users |
||||
|
beyond what the individual works permit. Inclusion of a covered work |
||||
|
in an aggregate does not cause this License to apply to the other |
||||
|
parts of the aggregate. |
||||
|
|
||||
|
6. Conveying Non-Source Forms. |
||||
|
|
||||
|
You may convey a covered work in object code form under the terms |
||||
|
of sections 4 and 5, provided that you also convey the |
||||
|
machine-readable Corresponding Source under the terms of this License, |
||||
|
in one of these ways: |
||||
|
|
||||
|
a) Convey the object code in, or embodied in, a physical product |
||||
|
(including a physical distribution medium), accompanied by the |
||||
|
Corresponding Source fixed on a durable physical medium |
||||
|
customarily used for software interchange. |
||||
|
|
||||
|
b) Convey the object code in, or embodied in, a physical product |
||||
|
(including a physical distribution medium), accompanied by a |
||||
|
written offer, valid for at least three years and valid for as |
||||
|
long as you offer spare parts or customer support for that product |
||||
|
model, to give anyone who possesses the object code either (1) a |
||||
|
copy of the Corresponding Source for all the software in the |
||||
|
product that is covered by this License, on a durable physical |
||||
|
medium customarily used for software interchange, for a price no |
||||
|
more than your reasonable cost of physically performing this |
||||
|
conveying of source, or (2) access to copy the |
||||
|
Corresponding Source from a network server at no charge. |
||||
|
|
||||
|
c) Convey individual copies of the object code with a copy of the |
||||
|
written offer to provide the Corresponding Source. This |
||||
|
alternative is allowed only occasionally and noncommercially, and |
||||
|
only if you received the object code with such an offer, in accord |
||||
|
with subsection 6b. |
||||
|
|
||||
|
d) Convey the object code by offering access from a designated |
||||
|
place (gratis or for a charge), and offer equivalent access to the |
||||
|
Corresponding Source in the same way through the same place at no |
||||
|
further charge. You need not require recipients to copy the |
||||
|
Corresponding Source along with the object code. If the place to |
||||
|
copy the object code is a network server, the Corresponding Source |
||||
|
may be on a different server (operated by you or a third party) |
||||
|
that supports equivalent copying facilities, provided you maintain |
||||
|
clear directions next to the object code saying where to find the |
||||
|
Corresponding Source. Regardless of what server hosts the |
||||
|
Corresponding Source, you remain obligated to ensure that it is |
||||
|
available for as long as needed to satisfy these requirements. |
||||
|
|
||||
|
e) Convey the object code using peer-to-peer transmission, provided |
||||
|
you inform other peers where the object code and Corresponding |
||||
|
Source of the work are being offered to the general public at no |
||||
|
charge under subsection 6d. |
||||
|
|
||||
|
A separable portion of the object code, whose source code is excluded |
||||
|
from the Corresponding Source as a System Library, need not be |
||||
|
included in conveying the object code work. |
||||
|
|
||||
|
A "User Product" is either (1) a "consumer product", which means any |
||||
|
tangible personal property which is normally used for personal, family, |
||||
|
or household purposes, or (2) anything designed or sold for incorporation |
||||
|
into a dwelling. In determining whether a product is a consumer product, |
||||
|
doubtful cases shall be resolved in favor of coverage. For a particular |
||||
|
product received by a particular user, "normally used" refers to a |
||||
|
typical or common use of that class of product, regardless of the status |
||||
|
of the particular user or of the way in which the particular user |
||||
|
actually uses, or expects or is expected to use, the product. A product |
||||
|
is a consumer product regardless of whether the product has substantial |
||||
|
commercial, industrial or non-consumer uses, unless such uses represent |
||||
|
the only significant mode of use of the product. |
||||
|
|
||||
|
"Installation Information" for a User Product means any methods, |
||||
|
procedures, authorization keys, or other information required to install |
||||
|
and execute modified versions of a covered work in that User Product from |
||||
|
a modified version of its Corresponding Source. The information must |
||||
|
suffice to ensure that the continued functioning of the modified object |
||||
|
code is in no case prevented or interfered with solely because |
||||
|
modification has been made. |
||||
|
|
||||
|
If you convey an object code work under this section in, or with, or |
||||
|
specifically for use in, a User Product, and the conveying occurs as |
||||
|
part of a transaction in which the right of possession and use of the |
||||
|
User Product is transferred to the recipient in perpetuity or for a |
||||
|
fixed term (regardless of how the transaction is characterized), the |
||||
|
Corresponding Source conveyed under this section must be accompanied |
||||
|
by the Installation Information. But this requirement does not apply |
||||
|
if neither you nor any third party retains the ability to install |
||||
|
modified object code on the User Product (for example, the work has |
||||
|
been installed in ROM). |
||||
|
|
||||
|
The requirement to provide Installation Information does not include a |
||||
|
requirement to continue to provide support service, warranty, or updates |
||||
|
for a work that has been modified or installed by the recipient, or for |
||||
|
the User Product in which it has been modified or installed. Access to a |
||||
|
network may be denied when the modification itself materially and |
||||
|
adversely affects the operation of the network or violates the rules and |
||||
|
protocols for communication across the network. |
||||
|
|
||||
|
Corresponding Source conveyed, and Installation Information provided, |
||||
|
in accord with this section must be in a format that is publicly |
||||
|
documented (and with an implementation available to the public in |
||||
|
source code form), and must require no special password or key for |
||||
|
unpacking, reading or copying. |
||||
|
|
||||
|
7. Additional Terms. |
||||
|
|
||||
|
"Additional permissions" are terms that supplement the terms of this |
||||
|
License by making exceptions from one or more of its conditions. |
||||
|
Additional permissions that are applicable to the entire Program shall |
||||
|
be treated as though they were included in this License, to the extent |
||||
|
that they are valid under applicable law. If additional permissions |
||||
|
apply only to part of the Program, that part may be used separately |
||||
|
under those permissions, but the entire Program remains governed by |
||||
|
this License without regard to the additional permissions. |
||||
|
|
||||
|
When you convey a copy of a covered work, you may at your option |
||||
|
remove any additional permissions from that copy, or from any part of |
||||
|
it. (Additional permissions may be written to require their own |
||||
|
removal in certain cases when you modify the work.) You may place |
||||
|
additional permissions on material, added by you to a covered work, |
||||
|
for which you have or can give appropriate copyright permission. |
||||
|
|
||||
|
Notwithstanding any other provision of this License, for material you |
||||
|
add to a covered work, you may (if authorized by the copyright holders of |
||||
|
that material) supplement the terms of this License with terms: |
||||
|
|
||||
|
a) Disclaiming warranty or limiting liability differently from the |
||||
|
terms of sections 15 and 16 of this License; or |
||||
|
|
||||
|
b) Requiring preservation of specified reasonable legal notices or |
||||
|
author attributions in that material or in the Appropriate Legal |
||||
|
Notices displayed by works containing it; or |
||||
|
|
||||
|
c) Prohibiting misrepresentation of the origin of that material, or |
||||
|
requiring that modified versions of such material be marked in |
||||
|
reasonable ways as different from the original version; or |
||||
|
|
||||
|
d) Limiting the use for publicity purposes of names of licensors or |
||||
|
authors of the material; or |
||||
|
|
||||
|
e) Declining to grant rights under trademark law for use of some |
||||
|
trade names, trademarks, or service marks; or |
||||
|
|
||||
|
f) Requiring indemnification of licensors and authors of that |
||||
|
material by anyone who conveys the material (or modified versions of |
||||
|
it) with contractual assumptions of liability to the recipient, for |
||||
|
any liability that these contractual assumptions directly impose on |
||||
|
those licensors and authors. |
||||
|
|
||||
|
All other non-permissive additional terms are considered "further |
||||
|
restrictions" within the meaning of section 10. If the Program as you |
||||
|
received it, or any part of it, contains a notice stating that it is |
||||
|
governed by this License along with a term that is a further |
||||
|
restriction, you may remove that term. If a license document contains |
||||
|
a further restriction but permits relicensing or conveying under this |
||||
|
License, you may add to a covered work material governed by the terms |
||||
|
of that license document, provided that the further restriction does |
||||
|
not survive such relicensing or conveying. |
||||
|
|
||||
|
If you add terms to a covered work in accord with this section, you |
||||
|
must place, in the relevant source files, a statement of the |
||||
|
additional terms that apply to those files, or a notice indicating |
||||
|
where to find the applicable terms. |
||||
|
|
||||
|
Additional terms, permissive or non-permissive, may be stated in the |
||||
|
form of a separately written license, or stated as exceptions; |
||||
|
the above requirements apply either way. |
||||
|
|
||||
|
8. Termination. |
||||
|
|
||||
|
You may not propagate or modify a covered work except as expressly |
||||
|
provided under this License. Any attempt otherwise to propagate or |
||||
|
modify it is void, and will automatically terminate your rights under |
||||
|
this License (including any patent licenses granted under the third |
||||
|
paragraph of section 11). |
||||
|
|
||||
|
However, if you cease all violation of this License, then your |
||||
|
license from a particular copyright holder is reinstated (a) |
||||
|
provisionally, unless and until the copyright holder explicitly and |
||||
|
finally terminates your license, and (b) permanently, if the copyright |
||||
|
holder fails to notify you of the violation by some reasonable means |
||||
|
prior to 60 days after the cessation. |
||||
|
|
||||
|
Moreover, your license from a particular copyright holder is |
||||
|
reinstated permanently if the copyright holder notifies you of the |
||||
|
violation by some reasonable means, this is the first time you have |
||||
|
received notice of violation of this License (for any work) from that |
||||
|
copyright holder, and you cure the violation prior to 30 days after |
||||
|
your receipt of the notice. |
||||
|
|
||||
|
Termination of your rights under this section does not terminate the |
||||
|
licenses of parties who have received copies or rights from you under |
||||
|
this License. If your rights have been terminated and not permanently |
||||
|
reinstated, you do not qualify to receive new licenses for the same |
||||
|
material under section 10. |
||||
|
|
||||
|
9. Acceptance Not Required for Having Copies. |
||||
|
|
||||
|
You are not required to accept this License in order to receive or |
||||
|
run a copy of the Program. Ancillary propagation of a covered work |
||||
|
occurring solely as a consequence of using peer-to-peer transmission |
||||
|
to receive a copy likewise does not require acceptance. However, |
||||
|
nothing other than this License grants you permission to propagate or |
||||
|
modify any covered work. These actions infringe copyright if you do |
||||
|
not accept this License. Therefore, by modifying or propagating a |
||||
|
covered work, you indicate your acceptance of this License to do so. |
||||
|
|
||||
|
10. Automatic Licensing of Downstream Recipients. |
||||
|
|
||||
|
Each time you convey a covered work, the recipient automatically |
||||
|
receives a license from the original licensors, to run, modify and |
||||
|
propagate that work, subject to this License. You are not responsible |
||||
|
for enforcing compliance by third parties with this License. |
||||
|
|
||||
|
An "entity transaction" is a transaction transferring control of an |
||||
|
organization, or substantially all assets of one, or subdividing an |
||||
|
organization, or merging organizations. If propagation of a covered |
||||
|
work results from an entity transaction, each party to that |
||||
|
transaction who receives a copy of the work also receives whatever |
||||
|
licenses to the work the party's predecessor in interest had or could |
||||
|
give under the previous paragraph, plus a right to possession of the |
||||
|
Corresponding Source of the work from the predecessor in interest, if |
||||
|
the predecessor has it or can get it with reasonable efforts. |
||||
|
|
||||
|
You may not impose any further restrictions on the exercise of the |
||||
|
rights granted or affirmed under this License. For example, you may |
||||
|
not impose a license fee, royalty, or other charge for exercise of |
||||
|
rights granted under this License, and you may not initiate litigation |
||||
|
(including a cross-claim or counterclaim in a lawsuit) alleging that |
||||
|
any patent claim is infringed by making, using, selling, offering for |
||||
|
sale, or importing the Program or any portion of it. |
||||
|
|
||||
|
11. Patents. |
||||
|
|
||||
|
A "contributor" is a copyright holder who authorizes use under this |
||||
|
License of the Program or a work on which the Program is based. The |
||||
|
work thus licensed is called the contributor's "contributor version". |
||||
|
|
||||
|
A contributor's "essential patent claims" are all patent claims |
||||
|
owned or controlled by the contributor, whether already acquired or |
||||
|
hereafter acquired, that would be infringed by some manner, permitted |
||||
|
by this License, of making, using, or selling its contributor version, |
||||
|
but do not include claims that would be infringed only as a |
||||
|
consequence of further modification of the contributor version. For |
||||
|
purposes of this definition, "control" includes the right to grant |
||||
|
patent sublicenses in a manner consistent with the requirements of |
||||
|
this License. |
||||
|
|
||||
|
Each contributor grants you a non-exclusive, worldwide, royalty-free |
||||
|
patent license under the contributor's essential patent claims, to |
||||
|
make, use, sell, offer for sale, import and otherwise run, modify and |
||||
|
propagate the contents of its contributor version. |
||||
|
|
||||
|
In the following three paragraphs, a "patent license" is any express |
||||
|
agreement or commitment, however denominated, not to enforce a patent |
||||
|
(such as an express permission to practice a patent or covenant not to |
||||
|
sue for patent infringement). To "grant" such a patent license to a |
||||
|
party means to make such an agreement or commitment not to enforce a |
||||
|
patent against the party. |
||||
|
|
||||
|
If you convey a covered work, knowingly relying on a patent license, |
||||
|
and the Corresponding Source of the work is not available for anyone |
||||
|
to copy, free of charge and under the terms of this License, through a |
||||
|
publicly available network server or other readily accessible means, |
||||
|
then you must either (1) cause the Corresponding Source to be so |
||||
|
available, or (2) arrange to deprive yourself of the benefit of the |
||||
|
patent license for this particular work, or (3) arrange, in a manner |
||||
|
consistent with the requirements of this License, to extend the patent |
||||
|
license to downstream recipients. "Knowingly relying" means you have |
||||
|
actual knowledge that, but for the patent license, your conveying the |
||||
|
covered work in a country, or your recipient's use of the covered work |
||||
|
in a country, would infringe one or more identifiable patents in that |
||||
|
country that you have reason to believe are valid. |
||||
|
|
||||
|
If, pursuant to or in connection with a single transaction or |
||||
|
arrangement, you convey, or propagate by procuring conveyance of, a |
||||
|
covered work, and grant a patent license to some of the parties |
||||
|
receiving the covered work authorizing them to use, propagate, modify |
||||
|
or convey a specific copy of the covered work, then the patent license |
||||
|
you grant is automatically extended to all recipients of the covered |
||||
|
work and works based on it. |
||||
|
|
||||
|
A patent license is "discriminatory" if it does not include within |
||||
|
the scope of its coverage, prohibits the exercise of, or is |
||||
|
conditioned on the non-exercise of one or more of the rights that are |
||||
|
specifically granted under this License. You may not convey a covered |
||||
|
work if you are a party to an arrangement with a third party that is |
||||
|
in the business of distributing software, under which you make payment |
||||
|
to the third party based on the extent of your activity of conveying |
||||
|
the work, and under which the third party grants, to any of the |
||||
|
parties who would receive the covered work from you, a discriminatory |
||||
|
patent license (a) in connection with copies of the covered work |
||||
|
conveyed by you (or copies made from those copies), or (b) primarily |
||||
|
for and in connection with specific products or compilations that |
||||
|
contain the covered work, unless you entered into that arrangement, |
||||
|
or that patent license was granted, prior to 28 March 2007. |
||||
|
|
||||
|
Nothing in this License shall be construed as excluding or limiting |
||||
|
any implied license or other defenses to infringement that may |
||||
|
otherwise be available to you under applicable patent law. |
||||
|
|
||||
|
12. No Surrender of Others' Freedom. |
||||
|
|
||||
|
If conditions are imposed on you (whether by court order, agreement or |
||||
|
otherwise) that contradict the conditions of this License, they do not |
||||
|
excuse you from the conditions of this License. If you cannot convey a |
||||
|
covered work so as to satisfy simultaneously your obligations under this |
||||
|
License and any other pertinent obligations, then as a consequence you may |
||||
|
not convey it at all. For example, if you agree to terms that obligate you |
||||
|
to collect a royalty for further conveying from those to whom you convey |
||||
|
the Program, the only way you could satisfy both those terms and this |
||||
|
License would be to refrain entirely from conveying the Program. |
||||
|
|
||||
|
13. Remote Network Interaction; Use with the GNU General Public License. |
||||
|
|
||||
|
Notwithstanding any other provision of this License, if you modify the |
||||
|
Program, your modified version must prominently offer all users |
||||
|
interacting with it remotely through a computer network (if your version |
||||
|
supports such interaction) an opportunity to receive the Corresponding |
||||
|
Source of your version by providing access to the Corresponding Source |
||||
|
from a network server at no charge, through some standard or customary |
||||
|
means of facilitating copying of software. This Corresponding Source |
||||
|
shall include the Corresponding Source for any work covered by version 3 |
||||
|
of the GNU General Public License that is incorporated pursuant to the |
||||
|
following paragraph. |
||||
|
|
||||
|
Notwithstanding any other provision of this License, you have |
||||
|
permission to link or combine any covered work with a work licensed |
||||
|
under version 3 of the GNU General Public License into a single |
||||
|
combined work, and to convey the resulting work. The terms of this |
||||
|
License will continue to apply to the part which is the covered work, |
||||
|
but the work with which it is combined will remain governed by version |
||||
|
3 of the GNU General Public License. |
||||
|
|
||||
|
14. Revised Versions of this License. |
||||
|
|
||||
|
The Free Software Foundation may publish revised and/or new versions of |
||||
|
the GNU Affero General Public License from time to time. Such new versions |
||||
|
will be similar in spirit to the present version, but may differ in detail to |
||||
|
address new problems or concerns. |
||||
|
|
||||
|
Each version is given a distinguishing version number. If the |
||||
|
Program specifies that a certain numbered version of the GNU Affero General |
||||
|
Public License "or any later version" applies to it, you have the |
||||
|
option of following the terms and conditions either of that numbered |
||||
|
version or of any later version published by the Free Software |
||||
|
Foundation. If the Program does not specify a version number of the |
||||
|
GNU Affero General Public License, you may choose any version ever published |
||||
|
by the Free Software Foundation. |
||||
|
|
||||
|
If the Program specifies that a proxy can decide which future |
||||
|
versions of the GNU Affero General Public License can be used, that proxy's |
||||
|
public statement of acceptance of a version permanently authorizes you |
||||
|
to choose that version for the Program. |
||||
|
|
||||
|
Later license versions may give you additional or different |
||||
|
permissions. However, no additional obligations are imposed on any |
||||
|
author or copyright holder as a result of your choosing to follow a |
||||
|
later version. |
||||
|
|
||||
|
15. Disclaimer of Warranty. |
||||
|
|
||||
|
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY |
||||
|
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT |
||||
|
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY |
||||
|
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, |
||||
|
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR |
||||
|
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM |
||||
|
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF |
||||
|
ALL NECESSARY SERVICING, REPAIR OR CORRECTION. |
||||
|
|
||||
|
16. Limitation of Liability. |
||||
|
|
||||
|
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING |
||||
|
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS |
||||
|
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY |
||||
|
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE |
||||
|
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF |
||||
|
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD |
||||
|
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), |
||||
|
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF |
||||
|
SUCH DAMAGES. |
||||
|
|
||||
|
17. Interpretation of Sections 15 and 16. |
||||
|
|
||||
|
If the disclaimer of warranty and limitation of liability provided |
||||
|
above cannot be given local legal effect according to their terms, |
||||
|
reviewing courts shall apply local law that most closely approximates |
||||
|
an absolute waiver of all civil liability in connection with the |
||||
|
Program, unless a warranty or assumption of liability accompanies a |
||||
|
copy of the Program in return for a fee. |
||||
|
|
||||
|
END OF TERMS AND CONDITIONS |
||||
|
|
||||
|
How to Apply These Terms to Your New Programs |
||||
|
|
||||
|
If you develop a new program, and you want it to be of the greatest |
||||
|
possible use to the public, the best way to achieve this is to make it |
||||
|
free software which everyone can redistribute and change under these terms. |
||||
|
|
||||
|
To do so, attach the following notices to the program. It is safest |
||||
|
to attach them to the start of each source file to most effectively |
||||
|
state the exclusion of warranty; and each file should have at least |
||||
|
the "copyright" line and a pointer to where the full notice is found. |
||||
|
|
||||
|
<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 Affero General Public License as published |
||||
|
by the Free Software Foundation, either version 3 of the License, or |
||||
|
(at your option) any later version. |
||||
|
|
||||
|
This program is distributed in the hope that it will be useful, |
||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
GNU Affero General Public License for more details. |
||||
|
|
||||
|
You should have received a copy of the GNU Affero General Public License |
||||
|
along with this program. If not, see <https://www.gnu.org/licenses/>. |
||||
|
|
||||
|
Also add information on how to contact you by electronic and paper mail. |
||||
|
|
||||
|
If your software can interact with users remotely through a computer |
||||
|
network, you should also make sure that it provides a way for users to |
||||
|
get its source. For example, if your program is a web application, its |
||||
|
interface could display a "Source" link that leads users to an archive |
||||
|
of the code. There are many ways you could offer source, and different |
||||
|
solutions will be better for different programs; see section 13 for the |
||||
|
specific requirements. |
||||
|
|
||||
|
You should also get your employer (if you work as a programmer) or school, |
||||
|
if any, to sign a "copyright disclaimer" for the program, if necessary. |
||||
|
For more information on this, and how to apply and follow the GNU AGPL, see |
||||
|
<https://www.gnu.org/licenses/>. |
||||
@ -0,0 +1,6 @@ |
|||||
|
## Get Started |
||||
|
|
||||
|
`npm install` |
||||
|
|
||||
|
Webpack dev server (port 8080): `npm run dev` |
||||
|
Build `npm run build` |
||||
@ -0,0 +1,40 @@ |
|||||
|
{ |
||||
|
"name": "budibase-builder", |
||||
|
"version": "0.0.1", |
||||
|
"license": "AGPL-3.0", |
||||
|
"scripts": { |
||||
|
"build": "rollup -c", |
||||
|
"start": "rollup -c -w" |
||||
|
}, |
||||
|
"dependencies": { |
||||
|
"@nx-js/compiler-util": "^2.0.0", |
||||
|
"budibase-core": "file:../core/dist", |
||||
|
"date-fns": "^1.29.0", |
||||
|
"feather-icons": "^4.21.0", |
||||
|
"flatpickr": "^4.5.7", |
||||
|
"lodash": "^4.17.11", |
||||
|
"lunr": "^2.3.5", |
||||
|
"safe-buffer": "^5.1.2", |
||||
|
"shortid": "^2.2.8", |
||||
|
"string_decoder": "^1.2.0", |
||||
|
"uikit": "^3.1.5" |
||||
|
}, |
||||
|
"devDependencies": { |
||||
|
"browser-sync": "^2.26.7", |
||||
|
"http-proxy-middleware": "^0.19.1", |
||||
|
"npm-run-all": "^4.1.5", |
||||
|
"rollup": "^1.12.0", |
||||
|
"rollup-plugin-alias": "^1.5.2", |
||||
|
"rollup-plugin-browsersync": "^1.0.0", |
||||
|
"rollup-plugin-commonjs": "^10.0.0", |
||||
|
"rollup-plugin-copy": "^3.0.0", |
||||
|
"rollup-plugin-livereload": "^1.0.0", |
||||
|
"rollup-plugin-node-builtins": "^2.1.2", |
||||
|
"rollup-plugin-node-globals": "^1.4.0", |
||||
|
"rollup-plugin-node-resolve": "^5.2.0", |
||||
|
"rollup-plugin-svelte": "^5.0.3", |
||||
|
"rollup-plugin-terser": "^4.0.4", |
||||
|
"rollup-plugin-url": "^2.2.2", |
||||
|
"svelte": "^3.0.0" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,113 @@ |
|||||
|
import svelte from 'rollup-plugin-svelte'; |
||||
|
import resolve from 'rollup-plugin-node-resolve'; |
||||
|
import commonjs from 'rollup-plugin-commonjs'; |
||||
|
import url from 'rollup-plugin-url'; |
||||
|
import livereload from 'rollup-plugin-livereload'; |
||||
|
import { terser } from 'rollup-plugin-terser'; |
||||
|
import builtins from 'rollup-plugin-node-builtins'; |
||||
|
import nodeglobals from 'rollup-plugin-node-globals'; |
||||
|
import copy from 'rollup-plugin-copy'; |
||||
|
import browsersync from "rollup-plugin-browsersync"; |
||||
|
import proxy from "http-proxy-middleware"; |
||||
|
|
||||
|
const apiProxy = proxy('/api', { |
||||
|
target: 'http://localhost:4001/_builder', |
||||
|
logLevel: "debug", |
||||
|
changeOrigin: true, |
||||
|
cookieDomainRewrite: true, |
||||
|
onProxyReq(proxyReq) { |
||||
|
if (proxyReq.getHeader("origin")) { |
||||
|
proxyReq.setHeader("origin", target) |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
const production = !process.env.ROLLUP_WATCH; |
||||
|
|
||||
|
const lodash_fp_exports = ["union", "reduce", "isUndefined", "cloneDeep", "split", "some", "map", "filter", "isEmpty", "countBy", "includes", "last", "find", "constant", |
||||
|
"take", "first", "intersection", "mapValues", "isNull", "has", "isNumber", "isString", "isBoolean", "isDate", "isArray", "isObject", "clone", "values", "keyBy", |
||||
|
"keys", "orderBy", "concat", "reverse", "difference", "merge", "flatten", "each", "pull", "join", "defaultCase", "uniqBy", "every", "uniqWith", "isFunction", "groupBy", |
||||
|
"differenceBy", "intersectionBy", "isEqual", "max", "sortBy", "assign"]; |
||||
|
|
||||
|
const lodash_exports = ["toNumber", "flow", "isArray", "join", "replace", "trim", "dropRight", "takeRight", "head", "isUndefined", "isNull", "isNaN", "reduce", "isEmpty", |
||||
|
"constant", "tail", "includes", "startsWith", "findIndex", "isInteger", "isDate", "isString", "split", "clone", "keys", "isFunction", "merge", "has", "isBoolean", "isNumber", |
||||
|
"isObjectLike", "assign", "some", "each", "find", "orderBy", "union", "cloneDeep"]; |
||||
|
|
||||
|
const writeoptions = {dest: "output/output.js"}; |
||||
|
|
||||
|
export default { |
||||
|
input: 'src/main.js', |
||||
|
output: { |
||||
|
sourcemap: true, |
||||
|
format: 'iife', |
||||
|
name: 'app', |
||||
|
file: 'dist/bundle.js' |
||||
|
}, |
||||
|
plugins: [ |
||||
|
copy({ |
||||
|
targets: [ |
||||
|
{ src: 'src/index.html', dest: 'dist' }, |
||||
|
{ src: 'src/favicon.png', dest: 'dist' } |
||||
|
] |
||||
|
}), |
||||
|
|
||||
|
svelte({ |
||||
|
// enable run-time checks when not in production
|
||||
|
dev: !production, |
||||
|
include: 'src/**/*.svelte', |
||||
|
// we'll extract any component CSS out into
|
||||
|
// a separate file — better for performance
|
||||
|
css: css => { |
||||
|
css.write('dist/bundle.css'); |
||||
|
} |
||||
|
}), |
||||
|
|
||||
|
// If you have external dependencies installed from
|
||||
|
// npm, you'll most likely need these plugins. In
|
||||
|
// some cases you'll need additional configuration —
|
||||
|
// consult the documentation for details:
|
||||
|
// https://github.com/rollup/rollup-plugin-commonjs
|
||||
|
resolve({ |
||||
|
browser: true, |
||||
|
dedupe: importee => importee === 'svelte' || importee.startsWith('svelte/') |
||||
|
|
||||
|
}), |
||||
|
commonjs({ |
||||
|
namedExports: { |
||||
|
"lodash/fp": lodash_fp_exports, |
||||
|
"lodash":lodash_exports, |
||||
|
"shortid": ["generate"] |
||||
|
}, |
||||
|
include: /node_modules/ |
||||
|
}), |
||||
|
url({ |
||||
|
limit: 0, |
||||
|
include: ["**/*.woff2", "**/*.png"], |
||||
|
fileName: "[dirname][name][extname]", |
||||
|
emitFiles: true |
||||
|
}), |
||||
|
url({ |
||||
|
limit: 0, |
||||
|
include: ["**/*.css"], |
||||
|
fileName: "[name][extname]", |
||||
|
emitFiles: true |
||||
|
}), |
||||
|
builtins(), |
||||
|
nodeglobals(), |
||||
|
|
||||
|
// Watch the `dist` directory and refresh the
|
||||
|
// browser on changes when not in production
|
||||
|
!production && livereload('dist'), |
||||
|
!production && browsersync({ |
||||
|
server: 'dist', |
||||
|
middleware: [apiProxy] |
||||
|
}), |
||||
|
|
||||
|
// If we're building for production (npm run build
|
||||
|
// instead of npm run dev), minify
|
||||
|
production && terser() |
||||
|
], |
||||
|
watch: { |
||||
|
clearScreen: false |
||||
|
} |
||||
|
}; |
||||
@ -0,0 +1,38 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import NoPackage from "./NoPackage.svelte"; |
||||
|
import PackageRoot from "./PackageRoot.svelte"; |
||||
|
import {database, initialise} from "./builderStore"; |
||||
|
import { onMount } from 'svelte'; |
||||
|
|
||||
|
let init = initialise(); |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<main> |
||||
|
|
||||
|
{#await init} |
||||
|
|
||||
|
<h1>loading</h1> |
||||
|
|
||||
|
{:then result} |
||||
|
{#if $database.hasAppPackage} |
||||
|
<PackageRoot /> |
||||
|
{/if} |
||||
|
|
||||
|
{#if !$database.hasAppPackage} |
||||
|
<NoPackage /> |
||||
|
{/if} |
||||
|
|
||||
|
{:catch err} |
||||
|
<h1 style="color:red">{err}</h1> |
||||
|
{/await} |
||||
|
</main> |
||||
|
|
||||
|
<style> |
||||
|
main { |
||||
|
height: 100%; |
||||
|
width: 100%; |
||||
|
font-family: "Lato", Helvetica, Arial, sans-serif; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,55 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import Button from "./common/Button.svelte" |
||||
|
|
||||
|
let errors = []; |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
<div class="inner"> |
||||
|
<img src="./assets/budibase-logo.png" class="logo" alt="budibase logo"/> |
||||
|
<div> |
||||
|
|
||||
|
<div> |
||||
|
<h4 style="margin-bottom: 20px">What would you like not to do?</h4> |
||||
|
<Button color="primary" |
||||
|
class="option"> |
||||
|
Create a New Package |
||||
|
</Button> |
||||
|
<Button color="primary-outline" |
||||
|
class="option"> |
||||
|
Import a Package |
||||
|
</Button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.root { |
||||
|
position: fixed; |
||||
|
margin: 0 auto; |
||||
|
text-align: center; |
||||
|
top: 20%; |
||||
|
/*color: #333333; |
||||
|
background-color: #fdfdfd;*/ |
||||
|
width:100%; |
||||
|
} |
||||
|
|
||||
|
.inner { |
||||
|
display:inline-block; |
||||
|
margin: auto; |
||||
|
} |
||||
|
|
||||
|
.logo { |
||||
|
width: 300px; |
||||
|
margin-bottom: 40px; |
||||
|
} |
||||
|
|
||||
|
.root :global(.option) { |
||||
|
width:250px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,49 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import Nav from "./nav/Nav.svelte"; |
||||
|
import Database from "./database/DatabaseRoot.svelte" ; |
||||
|
import UserInterface from "./userInterface/UserInterfaceRoot.svelte" ; |
||||
|
import ActionsAndTriggers from "./actionsAndTriggers/ActionsAndTriggersRoot.svelte" ; |
||||
|
import AccessLevels from "./accessLevels/AccessLevelsRoot.svelte" ; |
||||
|
import ComingSoon from "./common/ComingSoon.svelte"; |
||||
|
|
||||
|
import {database} from "./builderStore"; |
||||
|
|
||||
|
export let navWidth = "50px"; |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
<Nav width={navWidth} /> |
||||
|
<div class="content" |
||||
|
style="width: calc(100% - {navWidth}); left: {navWidth}"> |
||||
|
{#if $database.activeNav === "database"} |
||||
|
<Database /> |
||||
|
{:else if $database.activeNav === "actions"} |
||||
|
<ActionsAndTriggers /> |
||||
|
{:else if $database.activeNav === "access levels"} |
||||
|
<AccessLevels /> |
||||
|
{:else if $database.activeNav === "user interface"} |
||||
|
<UserInterface /> |
||||
|
{/if} |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
.root { |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.content { |
||||
|
position: fixed; |
||||
|
height: 100%; |
||||
|
background-color: var(--white); |
||||
|
margin:0; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,96 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import {cloneDeep, map, some, filter} from "lodash/fp"; |
||||
|
import Textbox from "../common/Textbox.svelte"; |
||||
|
import Checkbox from "../common/Checkbox.svelte"; |
||||
|
import ButtonGroup from "../common/ButtonGroup.svelte"; |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import {validateAccessLevels} from "../common/core"; |
||||
|
import ErrorsBox from "../common/ErrorsBox.svelte"; |
||||
|
|
||||
|
export let level; |
||||
|
export let allPermissions; |
||||
|
export let onFinished; |
||||
|
export let isNew; |
||||
|
export let allLevels; |
||||
|
export let hierarchy; |
||||
|
export let actions; |
||||
|
|
||||
|
let errors = []; |
||||
|
let clonedLevel = cloneDeep(level); |
||||
|
|
||||
|
const matchPermissions = (p1, p2) => |
||||
|
p1.type === p2.type |
||||
|
&& |
||||
|
((!p2.nodeKey && !p1.nodeKey) |
||||
|
|| p2.nodeKey === p1.nodeKey); |
||||
|
|
||||
|
const hasPermission = hasPerm => |
||||
|
some(p => matchPermissions(p, hasPerm)) |
||||
|
(clonedLevel.permissions); |
||||
|
|
||||
|
$: permissionMatrix = |
||||
|
map(p => ({permission:p, hasPermission: hasPermission(p)})) |
||||
|
(allPermissions) |
||||
|
|
||||
|
const getPermissionName = perm => |
||||
|
perm.nodeKey |
||||
|
? `${perm.type} - ${perm.nodeKey}` |
||||
|
: perm.type; |
||||
|
|
||||
|
const save = () => { |
||||
|
|
||||
|
const newLevels = |
||||
|
isNew |
||||
|
? [...allLevels, clonedLevel] |
||||
|
: [...filter(l => l.name !== level.name)(allLevels), clonedLevel]; |
||||
|
|
||||
|
errors = validateAccessLevels( |
||||
|
hierarchy, |
||||
|
actions, |
||||
|
newLevels |
||||
|
); |
||||
|
|
||||
|
if(errors.length > 0) return; |
||||
|
|
||||
|
onFinished(clonedLevel); |
||||
|
} |
||||
|
|
||||
|
const permissionChanged = perm => ev => { |
||||
|
const hasPermission = ev.target.checked; |
||||
|
|
||||
|
if(hasPermission) { |
||||
|
clonedLevel.permissions.push(perm); |
||||
|
} else { |
||||
|
clonedLevel.permissions = filter(p => !matchPermissions(p, perm)); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div> |
||||
|
|
||||
|
<ErrorsBox {errors} /> |
||||
|
|
||||
|
<Textbox label="Name" bind:text={clonedLevel.name} /> |
||||
|
|
||||
|
{#each permissionMatrix as permission} |
||||
|
<div> |
||||
|
<Checkbox label={getPermissionName(permission.permission)} |
||||
|
checked={permission.hasPermission} |
||||
|
on:change={permissionChanged(permission.permission)} /> |
||||
|
</div> |
||||
|
{/each} |
||||
|
|
||||
|
|
||||
|
<ButtonGroup style="margin-top: 10px"> |
||||
|
<Button color="primary" grouped on:click={save}>Save</Button> |
||||
|
<Button color="secondary" grouped on:click={() => onFinished()}>Cancel</Button> |
||||
|
</ButtonGroup> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,116 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import ButtonGroup from "../common/ButtonGroup.svelte"; |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import {database} from "../builderStore"; |
||||
|
import {generateFullPermissions, getNewAccessLevel} from "../common/core"; |
||||
|
import getIcon from "../common/icon"; |
||||
|
import AccessLevelView from "./AccessLevelView.svelte"; |
||||
|
import Modal from "../common/Modal.svelte"; |
||||
|
|
||||
|
let editingLevel = null; |
||||
|
let editingLevelIsNew = false; |
||||
|
$: isEditing = (editingLevel !== null); |
||||
|
|
||||
|
let allPermissions = []; |
||||
|
database.subscribe(db => { |
||||
|
allPermissions = generateFullPermissions(db.hierarchy, db.actions); |
||||
|
}) |
||||
|
|
||||
|
let onLevelEdit = (level) => { |
||||
|
editingLevel = level; |
||||
|
editingLevelIsNew = false; |
||||
|
}; |
||||
|
|
||||
|
let onLevelCancel = () => { |
||||
|
editingAction = null; |
||||
|
}; |
||||
|
|
||||
|
let onLevelDelete = (level) => { |
||||
|
database.deleteLevel(level); |
||||
|
}; |
||||
|
|
||||
|
|
||||
|
let createNewLevel = () => { |
||||
|
editingLevelIsNew = true; |
||||
|
editingLevel = getNewAccessLevel(); |
||||
|
} |
||||
|
|
||||
|
let onEditingFinished = (level) => { |
||||
|
if(level) { |
||||
|
database.saveLevel(level, editingLevelIsNew, editingLevel); |
||||
|
} |
||||
|
editingLevel = null; |
||||
|
} |
||||
|
|
||||
|
const getPermissionsString = perms => { |
||||
|
return `${perms.length} / ${allPermissions.length}`; |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
|
||||
|
<ButtonGroup> |
||||
|
<Button grouped color="secondary" on:click={createNewLevel}>Create New Access Level</Button> |
||||
|
</ButtonGroup> |
||||
|
|
||||
|
{#if $database.accessLevels} |
||||
|
<table class="fields-table uk-table uk-table-small"> |
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>Name</th> |
||||
|
<th>Permissions</th> |
||||
|
<th></th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody> |
||||
|
{#each $database.accessLevels as level} |
||||
|
<tr> |
||||
|
<td >{level.name}</td> |
||||
|
<td >{getPermissionsString(level.permissions)}</td> |
||||
|
<td class="edit-button"> |
||||
|
<span on:click={() => onLevelEdit(level)}>{@html getIcon("edit")}</span> |
||||
|
<span on:click={() => onLevelDelete(level)}>{@html getIcon("trash")}</span> |
||||
|
</td> |
||||
|
</tr> |
||||
|
{/each} |
||||
|
</tbody> |
||||
|
</table> |
||||
|
{:else} |
||||
|
(no actions added) |
||||
|
{/if} |
||||
|
|
||||
|
|
||||
|
<Modal bind:isOpen={isEditing}> |
||||
|
{#if isEditing} |
||||
|
<AccessLevelView level={editingLevel} |
||||
|
allPermissions={allPermissions} |
||||
|
onFinished={onEditingFinished} |
||||
|
isNew={editingLevelIsNew} |
||||
|
allLevels={$database.accessLevels} |
||||
|
hierarchy={$database.hierarchy} |
||||
|
actions={$database.actions} /> |
||||
|
{/if} |
||||
|
</Modal> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.root { |
||||
|
padding:10px; |
||||
|
} |
||||
|
|
||||
|
.edit-button { |
||||
|
cursor:pointer; |
||||
|
color: var(--white); |
||||
|
} |
||||
|
|
||||
|
tr:hover .edit-button { |
||||
|
color: var(--secondary75); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,115 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import Textbox from "../common/Textbox.svelte"; |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import ButtonGroup from "../common/ButtonGroup.svelte"; |
||||
|
import {cloneDeep, filter, keys, |
||||
|
map, isUndefined} from "lodash/fp"; |
||||
|
import ErrorsBox from "../common/ErrorsBox.svelte"; |
||||
|
import {validateActions, chain} from "../common/core"; |
||||
|
import getIcon from "../common/icon"; |
||||
|
|
||||
|
export let action; |
||||
|
export let onFinished = (action) => {}; |
||||
|
export let allActions; |
||||
|
export let isNew = true; |
||||
|
|
||||
|
let optKey = ""; |
||||
|
let optValue = ""; |
||||
|
|
||||
|
let clonedAction = cloneDeep(action); |
||||
|
let initialOptions = chain(action.initialOptions, [ |
||||
|
keys, |
||||
|
map(k => ({key:k, value:action.initialOptions[k]})) |
||||
|
]); |
||||
|
let errors = []; |
||||
|
|
||||
|
const addNewOption = () => { |
||||
|
|
||||
|
if(optKey && optValue && isUndefined(clonedAction.initialOptions[optKey])) { |
||||
|
clonedAction.initialOptions[optKey] = optValue; |
||||
|
initialOptions = [...initialOptions, { |
||||
|
key:optKey, value: optValue |
||||
|
}]; |
||||
|
optKey = ""; |
||||
|
optValue = ""; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
const removeOption = (opt) => { |
||||
|
if(opt) { |
||||
|
delete clonedAction.initialOptions[opt.key] |
||||
|
initialOptions = chain(initialOptions, [ |
||||
|
filter(o => o.key !== opt.key) |
||||
|
]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
const save = () => { |
||||
|
|
||||
|
const newActionsList = [ |
||||
|
...chain(allActions ,[filter(a => a !== action)]), |
||||
|
clonedAction] |
||||
|
|
||||
|
errors = chain(newActionsList ,[ |
||||
|
validateActions, |
||||
|
map(e => e.error) |
||||
|
]); |
||||
|
|
||||
|
if(errors.length === 0) |
||||
|
onFinished(clonedAction); |
||||
|
} |
||||
|
|
||||
|
const cancel = () => { |
||||
|
onFinished(); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
|
||||
|
<ErrorsBox {errors} /> |
||||
|
|
||||
|
<Textbox label="Name" bind:text={clonedAction.name} /> |
||||
|
<Textbox label="Behaviour Source" bind:text={clonedAction.behaviourSource} /> |
||||
|
<Textbox label="Behaviour" bind:text={clonedAction.behaviourName} /> |
||||
|
|
||||
|
|
||||
|
<div class=" uk-form-stacked" style="margin-bottom: 20px"> |
||||
|
<label class="uk-form-label">Default Options</label> |
||||
|
<div class="uk-grid-small" uk-grid> |
||||
|
<input class="uk-input uk-width-1-4" placeholder="key" bind:value={optKey} > |
||||
|
<input class="uk-input uk-width-1-4" placeholder="value" bind:value={optValue} > |
||||
|
<Button color="primary-outline uk-width-1-4" on:click={addNewOption}>Add</Button> |
||||
|
</div> |
||||
|
<div style="margin-top: 10px"> |
||||
|
{#each initialOptions as option} |
||||
|
<span class="option-container">{option.key} : {option.value} <span style="font-size:10pt; cursor: pointer" on:click={() => removeOption(option)}>{@html getIcon("trash-2")}</span></span> |
||||
|
{/each} |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<ButtonGroup> |
||||
|
<Button color="primary" grouped on:click={save}>Save</Button> |
||||
|
<Button color="secondary" grouped on:click={cancel}>Cancel</Button> |
||||
|
</ButtonGroup> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.root { |
||||
|
padding: 10px; |
||||
|
} |
||||
|
|
||||
|
.option-container { |
||||
|
border-style: dotted; |
||||
|
border-width: 1px; |
||||
|
border-color: var(--primary75); |
||||
|
padding: 3px; |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,95 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import getIcon from "../common/icon"; |
||||
|
import {database} from "../builderStore"; |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import ButtonGroup from "../common/ButtonGroup.svelte"; |
||||
|
import ActionView from "./ActionView.svelte"; |
||||
|
import Modal from "../common/Modal.svelte"; |
||||
|
import {chain} from "../common/core"; |
||||
|
import {keys, map, join} from "lodash/fp"; |
||||
|
|
||||
|
export let editingActionIsNew = false; |
||||
|
export let editingAction = null; |
||||
|
export let onActionEdit = (action) => {}; |
||||
|
export let onActionDelete = (action) => {}; |
||||
|
export let onActionSave = (action) => {}; |
||||
|
export let onActionCancel = () => {}; |
||||
|
|
||||
|
$: isEditing = (editingAction !== null); |
||||
|
|
||||
|
let getDefaultOptionsHtml = defaultOptions => |
||||
|
chain(defaultOptions, [ |
||||
|
keys, |
||||
|
map(k => `<span style="color:var(--slate)">${k}: </span>${JSON.stringify(defaultOptions[k])}`), |
||||
|
join("<br>") |
||||
|
]); |
||||
|
|
||||
|
|
||||
|
let actionEditingFinished = (action) => { |
||||
|
|
||||
|
if(action) { |
||||
|
onActionSave(action) |
||||
|
} else { |
||||
|
onActionCancel(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<h3>Actions</h3> |
||||
|
|
||||
|
{#if $database.actions} |
||||
|
<table class="fields-table uk-table uk-table-small"> |
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>Description</th> |
||||
|
<th>Behaviour Source</th> |
||||
|
<th>Behaviour Name</th> |
||||
|
<th>Default Options</th> |
||||
|
<th></th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody> |
||||
|
{#each $database.actions as action} |
||||
|
<tr> |
||||
|
<td >{action.name}</td> |
||||
|
<td >{action.behaviourSource}</td> |
||||
|
<td >{action.behaviourName}</td> |
||||
|
<td >{@html getDefaultOptionsHtml(action.initialOptions)}</td> |
||||
|
<td class="edit-button"> |
||||
|
<span on:click={() => onActionEdit(action)}>{@html getIcon("edit")}</span> |
||||
|
<span on:click={() => onActionDelete(action)}>{@html getIcon("trash")}</span> |
||||
|
</td> |
||||
|
</tr> |
||||
|
{/each} |
||||
|
</tbody> |
||||
|
</table> |
||||
|
{:else} |
||||
|
(no actions added) |
||||
|
{/if} |
||||
|
|
||||
|
|
||||
|
<Modal bind:isOpen={isEditing}> |
||||
|
{#if isEditing} |
||||
|
<ActionView action={editingAction} |
||||
|
allActions={$database.actions} |
||||
|
onFinished={actionEditingFinished} |
||||
|
isNew={editingActionIsNew}/> |
||||
|
{/if} |
||||
|
</Modal> |
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.edit-button { |
||||
|
cursor:pointer; |
||||
|
color: var(--white); |
||||
|
} |
||||
|
|
||||
|
tr:hover .edit-button { |
||||
|
color: var(--secondary75); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,115 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import getIcon from "../common/icon"; |
||||
|
import {database} from "../builderStore"; |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import ButtonGroup from "../common/ButtonGroup.svelte"; |
||||
|
import Actions from "./Actions.svelte"; |
||||
|
import Triggers from "./Triggers.svelte"; |
||||
|
import {getNewAction, getNewTrigger} from "../common/core"; |
||||
|
|
||||
|
let editingAction = null; |
||||
|
let editingActionIsNew = true; |
||||
|
let editingTrigger = null; |
||||
|
let editingTriggerIsNew = true; |
||||
|
|
||||
|
let getDefaultOptionsHtml = defaultOptions => |
||||
|
chain(defaultOptions, [ |
||||
|
keys, |
||||
|
map(k => `<span style="color:var(--slate)">${k}: </span>${JSON.parse(typeOptions[k])}`), |
||||
|
join("<br>") |
||||
|
]); |
||||
|
|
||||
|
let onActionEdit = (action) => { |
||||
|
editingAction = action; |
||||
|
editingActionIsNew = false; |
||||
|
} |
||||
|
|
||||
|
let newAction = () => { |
||||
|
editingAction = getNewAction(); |
||||
|
editingActionIsNew = true; |
||||
|
} |
||||
|
|
||||
|
let onActionDelete = (action) => { |
||||
|
database.deleteAction(action); |
||||
|
} |
||||
|
|
||||
|
let deleteTrigger = () => {} |
||||
|
|
||||
|
let editTrigger = (trigger) => { |
||||
|
editingTrigger = trigger; |
||||
|
editingTriggerIsNew = false; |
||||
|
} |
||||
|
|
||||
|
let newTrigger = () => { |
||||
|
editingTrigger = getNewTrigger(); |
||||
|
editingTriggerIsNew = true; |
||||
|
} |
||||
|
|
||||
|
let onActionSave = action => { |
||||
|
database.saveAction( |
||||
|
action, |
||||
|
editingActionIsNew, |
||||
|
editingAction); |
||||
|
|
||||
|
editingAction = null; |
||||
|
} |
||||
|
|
||||
|
let onActionCancel = () => { |
||||
|
editingAction = null; |
||||
|
} |
||||
|
|
||||
|
let onTriggerSave = trigger => { |
||||
|
database.saveTrigger( |
||||
|
trigger, |
||||
|
editingTriggerIsNew, |
||||
|
editingTrigger); |
||||
|
|
||||
|
editingTrigger = null; |
||||
|
} |
||||
|
|
||||
|
let onTriggerCancel = () => { |
||||
|
editingTrigger = null; |
||||
|
} |
||||
|
|
||||
|
let onTriggerEdit = (trigger) => { |
||||
|
editingTrigger = trigger; |
||||
|
editingTriggerIsNew = false; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
let onTriggerDelete = (trigger) => { |
||||
|
database.deleteTrigger(trigger); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
|
||||
|
<ButtonGroup> |
||||
|
<Button color="secondary" |
||||
|
grouped |
||||
|
on:click={newAction}>Create New Action</Button> |
||||
|
<Button color="secondary" |
||||
|
grouped |
||||
|
on:click={newTrigger}>Create New Trigger</Button> |
||||
|
</ButtonGroup> |
||||
|
|
||||
|
<Actions {editingActionIsNew} {editingAction} |
||||
|
{onActionEdit} {onActionDelete} {onActionSave} |
||||
|
{onActionCancel} /> |
||||
|
|
||||
|
<Triggers {editingTriggerIsNew} {editingTrigger} |
||||
|
{onTriggerEdit} {onTriggerDelete} {onTriggerSave} |
||||
|
{onTriggerCancel} /> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.root { |
||||
|
padding: 10px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,64 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import Textbox from "../common/Textbox.svelte"; |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import Dropdown from "../common/Dropdown.svelte"; |
||||
|
import ButtonGroup from "../common/ButtonGroup.svelte"; |
||||
|
import CodeArea from "../common/CodeArea.svelte"; |
||||
|
import {cloneDeep, filter, keys, some, |
||||
|
map, isUndefined} from "lodash/fp"; |
||||
|
import ErrorsBox from "../common/ErrorsBox.svelte"; |
||||
|
import {validateTriggers, chain, events} from "../common/core"; |
||||
|
import getIcon from "../common/icon"; |
||||
|
|
||||
|
export let trigger; |
||||
|
export let onFinished = (action) => {}; |
||||
|
export let allTriggers; |
||||
|
export let allActions; |
||||
|
export let isNew = true; |
||||
|
|
||||
|
let clonedTrigger = cloneDeep(trigger); |
||||
|
let errors = []; |
||||
|
$: actionNames = map(a => a.name)(allActions); |
||||
|
|
||||
|
let cancel = () => onFinished(); |
||||
|
let save = () => { |
||||
|
const newTriggersList = [ |
||||
|
...chain(allTriggers ,[filter(t => t !== trigger)]), |
||||
|
clonedTrigger] |
||||
|
|
||||
|
errors = validateTriggers(newTriggersList, allActions); |
||||
|
|
||||
|
const test = map(t =>(!t.actionName || some(a => a.name === t.actionName)(allActions)))(newTriggersList) |
||||
|
|
||||
|
if(errors.length === 0) |
||||
|
onFinished(clonedTrigger); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div> |
||||
|
|
||||
|
<ErrorsBox {errors} style="margin-bottom:20px"/> |
||||
|
|
||||
|
<Dropdown label="Event" |
||||
|
options={["",...events]} |
||||
|
bind:selected={clonedTrigger.eventName} /> |
||||
|
<Dropdown label="Action" |
||||
|
options={["",...actionNames]} |
||||
|
bind:selected={clonedTrigger.actionName} /> |
||||
|
<CodeArea label="Condition (javascript)" |
||||
|
bind:text={clonedTrigger.condition} /> |
||||
|
<CodeArea label="Action Options Creator (javascript)" |
||||
|
bind:text={clonedTrigger.optionsCreator} /> |
||||
|
|
||||
|
<ButtonGroup> |
||||
|
<Button grouped on:click={save}>Save</Button> |
||||
|
<Button grouped on:click={cancel}>Cancel</Button> |
||||
|
</ButtonGroup> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,84 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import {database} from "../builderStore"; |
||||
|
import getIcon from "../common/icon"; |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import Modal from "../common/Modal.svelte"; |
||||
|
import TriggerView from "./TriggerView.svelte"; |
||||
|
|
||||
|
|
||||
|
export let editingTrigger = null; |
||||
|
export let editingTriggerIsNew = true; |
||||
|
export let onTriggerEdit = (trigger) => {}; |
||||
|
export let onTriggerDelete = (trigger) => {}; |
||||
|
export let onTriggerSave = (trigger) => {}; |
||||
|
export let onTriggerCancel = () => {}; |
||||
|
|
||||
|
$: isEditing = (editingTrigger !== null); |
||||
|
|
||||
|
let triggerEditingFinished = (trigger) => { |
||||
|
|
||||
|
if(trigger) { |
||||
|
onTriggerSave(trigger) |
||||
|
} else { |
||||
|
onTriggerCancel(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<h3>Triggers</h3> |
||||
|
|
||||
|
{#if $database.triggers} |
||||
|
<table class="fields-table uk-table uk-table-small"> |
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>Event</th> |
||||
|
<th>Action</th> |
||||
|
<th>Condition</th> |
||||
|
<th>Create Options</th> |
||||
|
<th></th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody> |
||||
|
{#each $database.triggers as trigger} |
||||
|
<tr> |
||||
|
<td >{trigger.eventName}</td> |
||||
|
<td >{trigger.actionName}</td> |
||||
|
<td >{trigger.condition}</td> |
||||
|
<td >{trigger.optionsCreator}</td> |
||||
|
<td class="edit-button"> |
||||
|
<span on:click={() => onTriggerEdit(trigger)}>{@html getIcon("edit")}</span> |
||||
|
<span on:click={() => onTriggerDelete(trigger)}>{@html getIcon("trash")}</span> |
||||
|
</td> |
||||
|
</tr> |
||||
|
{/each} |
||||
|
</tbody> |
||||
|
</table> |
||||
|
{:else} |
||||
|
(no triggers added) |
||||
|
{/if} |
||||
|
|
||||
|
|
||||
|
<Modal bind:isOpen={isEditing}> |
||||
|
{#if isEditing} |
||||
|
<TriggerView trigger={editingTrigger} |
||||
|
allActions={$database.actions} |
||||
|
allTriggers={$database.triggers} |
||||
|
onFinished={triggerEditingFinished} |
||||
|
isNew={editingTriggerIsNew}/> |
||||
|
{/if} |
||||
|
</Modal> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.edit-button { |
||||
|
cursor:pointer; |
||||
|
color: var(--white); |
||||
|
} |
||||
|
|
||||
|
tr:hover .edit-button { |
||||
|
color: var(--secondary75); |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
Binary file not shown.
@ -0,0 +1,663 @@ |
|||||
|
import {createNewHeirarchy} from "../common/core"; |
||||
|
|
||||
|
export const createPackage = (packageInfo, database) => { |
||||
|
packageInfo.createNewPackage(""); |
||||
|
const root = createNewHeirarchy(); |
||||
|
database.importAppDefinition({ |
||||
|
hierarchy:root, |
||||
|
actions:[], |
||||
|
triggers:[], |
||||
|
accessLevels: [], |
||||
|
accessLevelsVersion: 0 |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
const testroot = { |
||||
|
"name": "root", |
||||
|
"type": "root", |
||||
|
"children": [ |
||||
|
{ |
||||
|
"name": "settings", |
||||
|
"type": "record", |
||||
|
"fields": [ |
||||
|
{ |
||||
|
"name": "appName", |
||||
|
"type": "string", |
||||
|
"typeOptions": { |
||||
|
"maxLength": null, |
||||
|
"values": null, |
||||
|
"allowDeclaredValuesOnly": false |
||||
|
}, |
||||
|
"label": "appName", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
} |
||||
|
], |
||||
|
"children": [], |
||||
|
"validationRules": [], |
||||
|
"nodeId": 1, |
||||
|
"indexes": [], |
||||
|
"allidsShardFactor": 64, |
||||
|
"collectionName": "", |
||||
|
"isSingle": true |
||||
|
}, |
||||
|
{ |
||||
|
"name": "customer", |
||||
|
"type": "record", |
||||
|
"fields": [ |
||||
|
{ |
||||
|
"name": "surname", |
||||
|
"type": "string", |
||||
|
"typeOptions": { |
||||
|
"maxLength": null, |
||||
|
"values": null, |
||||
|
"allowDeclaredValuesOnly": false |
||||
|
}, |
||||
|
"label": "surname", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "isalive", |
||||
|
"type": "bool", |
||||
|
"typeOptions": { |
||||
|
"allowNulls": true |
||||
|
}, |
||||
|
"label": "isalive", |
||||
|
"getInitialValue": "true", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "createddate", |
||||
|
"type": "datetime", |
||||
|
"typeOptions": { |
||||
|
"maxValue": "+275760-09-13T00:00:00.000Z", |
||||
|
"minValue": "-271821-04-20T00:00:00.000Z" |
||||
|
}, |
||||
|
"label": "createddate", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "age", |
||||
|
"type": "number", |
||||
|
"typeOptions": { |
||||
|
"maxValue": 9007199254740991, |
||||
|
"minValue": -9007199254740991, |
||||
|
"decimalPlaces": 0 |
||||
|
}, |
||||
|
"label": "age", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "profilepic", |
||||
|
"type": "file", |
||||
|
"typeOptions": {}, |
||||
|
"label": "profilepic", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "partner", |
||||
|
"type": "reference", |
||||
|
"typeOptions": { |
||||
|
"indexNodeKey": "/partnersReference", |
||||
|
"displayValue": "name", |
||||
|
"reverseIndexNodeKeys": [ |
||||
|
"/partners/4-{id}/partnerCustomers" |
||||
|
] |
||||
|
}, |
||||
|
"label": "partner", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "referredBy", |
||||
|
"type": "reference", |
||||
|
"typeOptions": { |
||||
|
"indexNodeKey": "/customer_index", |
||||
|
"displayValue": "surname", |
||||
|
"reverseIndexNodeKeys": [ |
||||
|
"/customers/2-{id}/referredToCustomers" |
||||
|
] |
||||
|
}, |
||||
|
"label": "referredBy", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
} |
||||
|
], |
||||
|
"children": [ |
||||
|
{ |
||||
|
"name": "invoice", |
||||
|
"type": "record", |
||||
|
"fields": [ |
||||
|
{ |
||||
|
"name": "totalIncVat", |
||||
|
"type": "number", |
||||
|
"typeOptions": { |
||||
|
"maxValue": 9007199254740991, |
||||
|
"minValue": -9007199254740991, |
||||
|
"decimalPlaces": 2 |
||||
|
}, |
||||
|
"label": "totalIncVat", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "createdDate", |
||||
|
"type": "datetime", |
||||
|
"typeOptions": { |
||||
|
"maxValue": "+275760-09-13T00:00:00.000Z", |
||||
|
"minValue": "-271821-04-20T00:00:00.000Z" |
||||
|
}, |
||||
|
"label": "createdDate", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "paidAmount", |
||||
|
"type": "number", |
||||
|
"typeOptions": { |
||||
|
"maxValue": 9007199254740991, |
||||
|
"minValue": -9007199254740991, |
||||
|
"decimalPlaces": 0 |
||||
|
}, |
||||
|
"label": "paidAmount", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "invoiceType", |
||||
|
"type": "string", |
||||
|
"typeOptions": { |
||||
|
"maxLength": null, |
||||
|
"values": null, |
||||
|
"allowDeclaredValuesOnly": false |
||||
|
}, |
||||
|
"label": "invoiceType", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "isWrittenOff", |
||||
|
"type": "bool", |
||||
|
"typeOptions": { |
||||
|
"allowNulls": true |
||||
|
}, |
||||
|
"label": "isWrittenOff", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "customer", |
||||
|
"type": "reference", |
||||
|
"typeOptions": { |
||||
|
"indexNodeKey": "/customersReference", |
||||
|
"reverseIndexNodeKeys": [ |
||||
|
"/customers/2-{id}/invoice_index" |
||||
|
], |
||||
|
"displayValue": "name" |
||||
|
}, |
||||
|
"label": "customer", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
} |
||||
|
], |
||||
|
"children": [ |
||||
|
{ |
||||
|
"name": "charge", |
||||
|
"type": "record", |
||||
|
"fields": [ |
||||
|
{ |
||||
|
"name": "amount", |
||||
|
"type": "number", |
||||
|
"typeOptions": { |
||||
|
"maxValue": 9007199254740991, |
||||
|
"minValue": -9007199254740991, |
||||
|
"decimalPlaces": 0 |
||||
|
}, |
||||
|
"label": "amount", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "partnerInvoice", |
||||
|
"type": "reference", |
||||
|
"typeOptions": { |
||||
|
"reverseIndexNodeKeys": [ |
||||
|
"/partners/4-{id}/invoices/6-{id}/partnerCharges" |
||||
|
], |
||||
|
"displayValue": "createdDate", |
||||
|
"indexNodeKey": "/partners/4-{id}/partnerInvoices_index" |
||||
|
}, |
||||
|
"label": "partnerInvoice", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
} |
||||
|
], |
||||
|
"children": [], |
||||
|
"validationRules": [], |
||||
|
"nodeId": 10, |
||||
|
"indexes": [], |
||||
|
"allidsShardFactor": 1, |
||||
|
"collectionName": "charges", |
||||
|
"isSingle": false |
||||
|
} |
||||
|
], |
||||
|
"validationRules": [], |
||||
|
"nodeId": 8, |
||||
|
"indexes": [ |
||||
|
{ |
||||
|
"name": "charge_index", |
||||
|
"type": "index", |
||||
|
"map": "return {...record};", |
||||
|
"filter": "", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
10 |
||||
|
], |
||||
|
"nodeId": 11 |
||||
|
} |
||||
|
], |
||||
|
"allidsShardFactor": 1, |
||||
|
"collectionName": "invoices", |
||||
|
"isSingle": false |
||||
|
} |
||||
|
], |
||||
|
"validationRules": [], |
||||
|
"nodeId": 2, |
||||
|
"indexes": [ |
||||
|
{ |
||||
|
"name": "invoice_index", |
||||
|
"type": "index", |
||||
|
"map": "return {createdDate: record.createdDate, totalIncVat: record.totalIncVat};", |
||||
|
"filter": "", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
8 |
||||
|
], |
||||
|
"nodeId": 9 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "referredToCustomers", |
||||
|
"type": "index", |
||||
|
"map": "return {...record};", |
||||
|
"filter": "", |
||||
|
"indexType": "reference", |
||||
|
"getShardName": "return !record.surname ? 'null' : record.surname.substring(0,1);", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
2 |
||||
|
], |
||||
|
"nodeId": 14 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "invoicesByOutstanding", |
||||
|
"type": "index", |
||||
|
"map": "return {...record};", |
||||
|
"filter": "", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "return (record.totalIncVat > record.paidAmount ? 'outstanding' : 'paid');", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [ |
||||
|
{ |
||||
|
"name": "all_invoices_by_type", |
||||
|
"type": "aggregateGroup", |
||||
|
"groupBy": "return record.invoiceType", |
||||
|
"aggregates": [ |
||||
|
{ |
||||
|
"name": "totalIncVat", |
||||
|
"aggregatedValue": "return record.totalIncVat" |
||||
|
} |
||||
|
], |
||||
|
"condition": "", |
||||
|
"nodeId": 26 |
||||
|
} |
||||
|
], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
6, |
||||
|
8 |
||||
|
], |
||||
|
"nodeId": 25 |
||||
|
} |
||||
|
], |
||||
|
"allidsShardFactor": 64, |
||||
|
"collectionName": "customers", |
||||
|
"isSingle": false |
||||
|
}, |
||||
|
{ |
||||
|
"name": "partner", |
||||
|
"type": "record", |
||||
|
"fields": [ |
||||
|
{ |
||||
|
"name": "businessName", |
||||
|
"type": "string", |
||||
|
"typeOptions": { |
||||
|
"maxLength": null, |
||||
|
"values": null, |
||||
|
"allowDeclaredValuesOnly": false |
||||
|
}, |
||||
|
"label": "businessName", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
} |
||||
|
], |
||||
|
"children": [ |
||||
|
{ |
||||
|
"name": "invoice", |
||||
|
"type": "record", |
||||
|
"fields": [ |
||||
|
{ |
||||
|
"name": "totalIncVat", |
||||
|
"type": "number", |
||||
|
"typeOptions": { |
||||
|
"maxValue": 9007199254740991, |
||||
|
"minValue": -9007199254740991, |
||||
|
"decimalPlaces": 2 |
||||
|
}, |
||||
|
"label": "totalIncVat", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "createdDate", |
||||
|
"type": "datetime", |
||||
|
"typeOptions": { |
||||
|
"maxValue": "+275760-09-13T00:00:00.000Z", |
||||
|
"minValue": "-271821-04-20T00:00:00.000Z" |
||||
|
}, |
||||
|
"label": "createdDate", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "paidAmount", |
||||
|
"type": "number", |
||||
|
"typeOptions": { |
||||
|
"maxValue": 9007199254740991, |
||||
|
"minValue": -9007199254740991, |
||||
|
"decimalPlaces": 0 |
||||
|
}, |
||||
|
"label": "paidAmount", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
} |
||||
|
], |
||||
|
"children": [], |
||||
|
"validationRules": [], |
||||
|
"nodeId": 6, |
||||
|
"indexes": [ |
||||
|
{ |
||||
|
"name": "partnerCharges", |
||||
|
"type": "index", |
||||
|
"map": "return {...record};", |
||||
|
"filter": "", |
||||
|
"indexType": "reference", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
{ |
||||
|
"name": "charge", |
||||
|
"type": "record", |
||||
|
"fields": [ |
||||
|
{ |
||||
|
"name": "amount", |
||||
|
"type": "number", |
||||
|
"typeOptions": { |
||||
|
"maxValue": 9007199254740991, |
||||
|
"minValue": -9007199254740991, |
||||
|
"decimalPlaces": 0 |
||||
|
}, |
||||
|
"label": "amount", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "partnerInvoice", |
||||
|
"type": "reference", |
||||
|
"typeOptions": { |
||||
|
"reverseIndexNodeKeys": [ |
||||
|
"/partners/4-{id}/invoices/6-{id}/partnerCharges" |
||||
|
], |
||||
|
"displayValue": "createdDate", |
||||
|
"indexNodeKey": "/partners/4-{id}/partnerInvoices_index" |
||||
|
}, |
||||
|
"label": "partnerInvoice", |
||||
|
"getInitialValue": "default", |
||||
|
"getUndefinedValue": "default" |
||||
|
} |
||||
|
], |
||||
|
"children": [], |
||||
|
"validationRules": [], |
||||
|
"nodeId": 10, |
||||
|
"indexes": [], |
||||
|
"allidsShardFactor": 1, |
||||
|
"collectionName": "charges", |
||||
|
"isSingle": false |
||||
|
} |
||||
|
], |
||||
|
"nodeId": 15 |
||||
|
} |
||||
|
], |
||||
|
"allidsShardFactor": 1, |
||||
|
"collectionName": "invoices", |
||||
|
"isSingle": false |
||||
|
} |
||||
|
], |
||||
|
"validationRules": [], |
||||
|
"nodeId": 4, |
||||
|
"indexes": [ |
||||
|
{ |
||||
|
"name": "partnerInvoices_index", |
||||
|
"type": "index", |
||||
|
"map": "return {...record};", |
||||
|
"filter": "", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
6 |
||||
|
], |
||||
|
"nodeId": 7 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "partnerCustomers", |
||||
|
"type": "index", |
||||
|
"map": "return {...record};", |
||||
|
"filter": "record.isalive === true", |
||||
|
"indexType": "reference", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
2 |
||||
|
], |
||||
|
"nodeId": 13 |
||||
|
} |
||||
|
], |
||||
|
"allidsShardFactor": 64, |
||||
|
"collectionName": "partners", |
||||
|
"isSingle": false |
||||
|
} |
||||
|
], |
||||
|
"pathMaps": [], |
||||
|
"indexes": [ |
||||
|
{ |
||||
|
"name": "customer_index", |
||||
|
"type": "index", |
||||
|
"map": "return record;", |
||||
|
"filter": "", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [ |
||||
|
{ |
||||
|
"name": "Customers Summary", |
||||
|
"type": "aggregateGroup", |
||||
|
"groupBy": "", |
||||
|
"aggregates": [ |
||||
|
{ |
||||
|
"name": "all customers - age breakdown", |
||||
|
"aggregatedValue": "return record.age" |
||||
|
} |
||||
|
], |
||||
|
"condition": "", |
||||
|
"nodeId": 24 |
||||
|
} |
||||
|
], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
2 |
||||
|
], |
||||
|
"nodeId": 3 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "partner_index", |
||||
|
"type": "index", |
||||
|
"map": "return {...record};", |
||||
|
"filter": "", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
4 |
||||
|
], |
||||
|
"nodeId": 5 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "partnersReference", |
||||
|
"type": "index", |
||||
|
"map": "return {name:record.businessName};", |
||||
|
"filter": "", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
4 |
||||
|
], |
||||
|
"nodeId": 12 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "customersReference", |
||||
|
"type": "index", |
||||
|
"map": "return {name:record.surname}", |
||||
|
"filter": "record.isalive === true", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
2 |
||||
|
], |
||||
|
"nodeId": 16 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "deceased", |
||||
|
"type": "index", |
||||
|
"map": "return {surname: record.surname, age:record.age};", |
||||
|
"filter": "record.isalive === false", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
2 |
||||
|
], |
||||
|
"nodeId": 17 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "customer_invoices", |
||||
|
"type": "index", |
||||
|
"map": "return record;", |
||||
|
"filter": "record.type === 'invoice'", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
8 |
||||
|
], |
||||
|
"nodeId": 18 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "Outstanding Invoices", |
||||
|
"type": "index", |
||||
|
"map": "return {...record};", |
||||
|
"filter": "record.type === 'invoice' && record.paidAmount < record.totalIncVat", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [ |
||||
|
{ |
||||
|
"name": "all_invoices", |
||||
|
"type": "aggregateGroup", |
||||
|
"groupBy": "", |
||||
|
"aggregates": [], |
||||
|
"condition": "", |
||||
|
"nodeId": 20 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "all_invoices_by_type", |
||||
|
"type": "aggregateGroup", |
||||
|
"groupBy": "return record.invoiceType", |
||||
|
"aggregates": [ |
||||
|
{ |
||||
|
"name": "totalIncVat", |
||||
|
"aggregatedValue": "return record.totalIncVat" |
||||
|
}, |
||||
|
{ |
||||
|
"name": "paidAmount", |
||||
|
"aggregatedValue": "return record.paidAmount" |
||||
|
} |
||||
|
], |
||||
|
"condition": "", |
||||
|
"nodeId": 21 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "written_off", |
||||
|
"type": "aggregateGroup", |
||||
|
"groupBy": "return record.invoiceType", |
||||
|
"aggregates": [ |
||||
|
{ |
||||
|
"name": "totalIncVat", |
||||
|
"aggregatedValue": "return record.totalIncVat" |
||||
|
} |
||||
|
], |
||||
|
"condition": "record.isWrittenOff === true", |
||||
|
"nodeId": 22 |
||||
|
} |
||||
|
], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
8, |
||||
|
6 |
||||
|
], |
||||
|
"nodeId": 19 |
||||
|
}, |
||||
|
{ |
||||
|
"name": "customersBySurname", |
||||
|
"type": "index", |
||||
|
"map": "return {...record};", |
||||
|
"filter": "", |
||||
|
"indexType": "ancestor", |
||||
|
"getShardName": "return !record.surname ? 'null' : record.surname.substring(0,1);", |
||||
|
"getSortKey": "record.id", |
||||
|
"aggregateGroups": [], |
||||
|
"allowedRecordNodeIds": [ |
||||
|
2 |
||||
|
], |
||||
|
"nodeId": 23 |
||||
|
} |
||||
|
], |
||||
|
"nodeId": 0 |
||||
|
} |
||||
@ -0,0 +1,19 @@ |
|||||
|
import {createPackage} from "./createPackage"; |
||||
|
import getStore from "./store"; |
||||
|
import { last } from "lodash/fp"; |
||||
|
|
||||
|
const appName = last(window.location.hash.substr(1).split("/")); |
||||
|
|
||||
|
export const database = getStore(appName); |
||||
|
|
||||
|
export const createNewPackage = () => |
||||
|
createPackage(packageInfo, database); |
||||
|
|
||||
|
export const initialise = async () => { |
||||
|
try { |
||||
|
await database.initialise(); |
||||
|
} catch(err) { |
||||
|
console.log(err); |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,330 @@ |
|||||
|
import {hierarchy as hierarchyFunctions, |
||||
|
common, getTemplateApi } from "budibase-core"; |
||||
|
import {filter, cloneDeep, sortBy, map, |
||||
|
find, isEmpty, groupBy, reduce} from "lodash/fp"; |
||||
|
import {chain, getNode, validate, |
||||
|
constructHierarchy, templateApi} from "../common/core"; |
||||
|
import {writable} from "svelte/store"; |
||||
|
|
||||
|
export const getStore = (appname) => { |
||||
|
|
||||
|
const initial = { |
||||
|
hierarchy: {}, |
||||
|
actions: [], |
||||
|
triggers: [], |
||||
|
currentNodeIsNew: false, |
||||
|
errors: [], |
||||
|
activeNav: "database", |
||||
|
hasAppPackage: (!!appname && appname.length > 0), |
||||
|
accessLevels: [], |
||||
|
currentNode: null}; |
||||
|
|
||||
|
const store = writable(initial); |
||||
|
|
||||
|
store.appname = appname; |
||||
|
store.initialise = initialise(store, initial, appname); |
||||
|
store.newChildRecord = newRecord(store, false); |
||||
|
store.newRootRecord = newRecord(store, true); |
||||
|
store.selectExistingNode = selectExistingNode(store); |
||||
|
store.newChildIndex = newIndex(store, false); |
||||
|
store.newRootIndex = newIndex(store, true); |
||||
|
store.saveCurrentNode = saveCurrentNode(store); |
||||
|
store.importAppDefinition = importAppDefinition(store); |
||||
|
store.deleteCurrentNode = deleteCurrentNode(store); |
||||
|
store.saveField = saveField(store); |
||||
|
store.deleteField = deleteField(store); |
||||
|
store.saveAction = saveAction(store); |
||||
|
store.deleteAction = deleteAction(store); |
||||
|
store.saveTrigger = saveTrigger(store); |
||||
|
store.deleteTrigger = deleteTrigger(store); |
||||
|
store.saveLevel = saveLevel(store); |
||||
|
store.deleteLevel = deleteLevel(store); |
||||
|
store.setActiveNav = setActiveNav(store); |
||||
|
return store; |
||||
|
} |
||||
|
|
||||
|
export default getStore; |
||||
|
|
||||
|
const initialise = (store, initial) => async () => { |
||||
|
|
||||
|
const pkg = await fetch(`/api/${store.appname}/appPackage`) |
||||
|
.then(r => r.json()); |
||||
|
|
||||
|
initial.hierarchy = pkg.appDefinition.hierarchy; |
||||
|
initial.accessLevels = pkg.accessLevels; |
||||
|
initial.actions = reduce((arr, action) => { |
||||
|
arr.push(action); |
||||
|
return arr; |
||||
|
})(pkg.appDefinition.actions, []); |
||||
|
initial.triggers = pkg.appDefinition.triggers; |
||||
|
|
||||
|
if(!!initial.hierarchy && !isEmpty(initial.hierarchy)) { |
||||
|
initial.hierarchy = constructHierarchy(initial.hierarchy); |
||||
|
const shadowHierarchy = createShadowHierarchy(initial.hierarchy); |
||||
|
if(initial.currentNode !== null) |
||||
|
initial.currentNode = getNode( |
||||
|
shadowHierarchy, initial.currentNode.nodeId |
||||
|
); |
||||
|
} |
||||
|
store.set(initial); |
||||
|
return initial; |
||||
|
} |
||||
|
|
||||
|
const newRecord = (store, useRoot) => () => { |
||||
|
store.update(s => { |
||||
|
s.currentNodeIsNew = true; |
||||
|
const shadowHierarchy = createShadowHierarchy(s.hierarchy); |
||||
|
parent = useRoot ? shadowHierarchy |
||||
|
: getNode( |
||||
|
shadowHierarchy, |
||||
|
s.currentNode.nodeId); |
||||
|
s.errors = []; |
||||
|
s.currentNode = templateApi(shadowHierarchy) |
||||
|
.getNewRecordTemplate(parent, "", true); |
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const selectExistingNode = (store) => (nodeId) => { |
||||
|
store.update(s => { |
||||
|
const shadowHierarchy = createShadowHierarchy(s.hierarchy); |
||||
|
s.currentNode = getNode( |
||||
|
shadowHierarchy, nodeId |
||||
|
); |
||||
|
s.currentNodeIsNew = false; |
||||
|
s.errors = []; |
||||
|
return s; |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
const newIndex = (store, useRoot) => () => { |
||||
|
store.update(s => { |
||||
|
s.currentNodeIsNew = true; |
||||
|
s.errors = []; |
||||
|
const shadowHierarchy = createShadowHierarchy(s.hierarchy); |
||||
|
parent = useRoot ? shadowHierarchy |
||||
|
: getNode( |
||||
|
shadowHierarchy, |
||||
|
s.currentNode.nodeId); |
||||
|
|
||||
|
s.currentNode = templateApi(shadowHierarchy) |
||||
|
.getNewIndexTemplate(parent); |
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const saveCurrentNode = (store) => () => { |
||||
|
store.update(s => { |
||||
|
|
||||
|
const errors = validate.node(s.currentNode); |
||||
|
s.errors = errors; |
||||
|
if(errors.length > 0) { |
||||
|
return s; |
||||
|
} |
||||
|
|
||||
|
const parentNode = getNode( |
||||
|
s.hierarchy, s.currentNode.parent().nodeId); |
||||
|
|
||||
|
const existingNode = getNode( |
||||
|
s.hierarchy, s.currentNode.nodeId); |
||||
|
|
||||
|
let index = parentNode.children.length; |
||||
|
if(!!existingNode) { |
||||
|
// remove existing
|
||||
|
index = existingNode.parent().children.indexOf(existingNode); |
||||
|
existingNode.parent().children = chain(existingNode.parent().children, [ |
||||
|
filter(c => c.nodeId !== existingNode.nodeId) |
||||
|
]); |
||||
|
} |
||||
|
|
||||
|
// should add node into existing hierarchy
|
||||
|
const cloned = cloneDeep(s.currentNode); |
||||
|
templateApi(s.hierarchy).constructNode( |
||||
|
parentNode, |
||||
|
cloned |
||||
|
); |
||||
|
|
||||
|
const newIndexOfchild = child => { |
||||
|
if(child === cloned) return index; |
||||
|
const currentIndex = parentNode.children.indexOf(child); |
||||
|
return currentIndex >= index ? currentIndex + 1 : currentIndex; |
||||
|
} |
||||
|
|
||||
|
parentNode.children = chain(parentNode.children, [ |
||||
|
sortBy(newIndexOfchild) |
||||
|
]); |
||||
|
|
||||
|
s.currentNodeIsNew = false; |
||||
|
|
||||
|
savePackage(store, s); |
||||
|
|
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const importAppDefinition = store => appDefinition => { |
||||
|
store.update(s => { |
||||
|
s.hierarchy = appDefinition.hierarchy; |
||||
|
s.currentNode = appDefinition.hierarchy.children.length > 0 |
||||
|
? appDefinition.hierarchy.children[0] |
||||
|
: null; |
||||
|
s.actions = appDefinition.actions; |
||||
|
s.triggers = appDefinition.triggers; |
||||
|
s.currentNodeIsNew = false; |
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const deleteCurrentNode = store => () => { |
||||
|
store.update(s => { |
||||
|
const nodeToDelete = getNode(s.hierarchy, s.currentNode.nodeId); |
||||
|
s.currentNode = hierarchyFunctions.isRoot(nodeToDelete.parent()) |
||||
|
? find(n => n != s.currentNode) |
||||
|
(s.hierarchy.children) |
||||
|
: nodeToDelete.parent(); |
||||
|
if(hierarchyFunctions.isRecord(nodeToDelete)) { |
||||
|
nodeToDelete.parent().children = filter(c => c.nodeId !== nodeToDelete.nodeId) |
||||
|
(nodeToDelete.parent().children); |
||||
|
} else { |
||||
|
nodeToDelete.parent().indexes = filter(c => c.nodeId !== nodeToDelete.nodeId) |
||||
|
(nodeToDelete.parent().indexes); |
||||
|
} |
||||
|
s.errors = []; |
||||
|
savePackage(store, s); |
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const saveField = databaseStore => (field) => { |
||||
|
databaseStore.update(db => { |
||||
|
db.currentNode.fields = filter(f => f.name !== field.name) |
||||
|
(db.currentNode.fields); |
||||
|
|
||||
|
templateApi(db.hierarchy).addField(db.currentNode, field); |
||||
|
return db; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const deleteField = databaseStore => field => { |
||||
|
databaseStore.update(db => { |
||||
|
db.currentNode.fields = filter(f => f.name !== field.name) |
||||
|
(db.currentNode.fields); |
||||
|
|
||||
|
return db; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const saveAction = store => (newAction, isNew, oldAction=null) => { |
||||
|
store.update(s => { |
||||
|
|
||||
|
const existingAction = isNew |
||||
|
? null |
||||
|
: find(a => a.name === oldAction.name)(s.actions); |
||||
|
|
||||
|
if(existingAction) { |
||||
|
s.actions = chain(s.actions, [ |
||||
|
map(a => a === existingAction ? newAction : a) |
||||
|
]); |
||||
|
} else { |
||||
|
s.actions.push(newAction); |
||||
|
} |
||||
|
savePackage(store, s); |
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const deleteAction = store => action => { |
||||
|
store.update(s => { |
||||
|
s.actions = filter(a => a.name !== action.name)(s.actions); |
||||
|
savePackage(store, s); |
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const saveTrigger = store => (newTrigger, isNew, oldTrigger=null) => { |
||||
|
store.update(s => { |
||||
|
|
||||
|
const existingTrigger = isNew |
||||
|
? null |
||||
|
: find(a => a.name === oldTrigger.name)(s.triggers); |
||||
|
|
||||
|
if(existingTrigger) { |
||||
|
s.triggers = chain(s.triggers, [ |
||||
|
map(a => a === existingTrigger ? newTrigger : a) |
||||
|
]); |
||||
|
} else { |
||||
|
s.triggers.push(newTrigger); |
||||
|
} |
||||
|
savePackage(store, s); |
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const deleteTrigger = store => trigger => { |
||||
|
store.update(s => { |
||||
|
s.triggers = filter(t => t.name !== trigger.name)(s.triggers); |
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const saveLevel = store => (newLevel, isNew, oldLevel=null) => { |
||||
|
store.update(s => { |
||||
|
|
||||
|
const existingLevel = isNew |
||||
|
? null |
||||
|
: find(a => a.name === oldLevel.name)(s.accessLevels); |
||||
|
|
||||
|
if(existingLevel) { |
||||
|
s.accessLevels = chain(s.accessLevels, [ |
||||
|
map(a => a === existingLevel ? newLevel : a) |
||||
|
]); |
||||
|
} else { |
||||
|
s.accessLevels.push(newLevel); |
||||
|
} |
||||
|
savePackage(store, s); |
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const deleteLevel = store => level => { |
||||
|
store.update(s => { |
||||
|
s.accessLevels = filter(t => t.name !== level.name)(s.accessLevels); |
||||
|
savePackage(store, s); |
||||
|
return s; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const setActiveNav = databaseStore => navName => { |
||||
|
databaseStore.update(db => { |
||||
|
db.activeNav = navName; |
||||
|
return db; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const createShadowHierarchy = hierarchy => |
||||
|
constructHierarchy(JSON.parse(JSON.stringify(hierarchy))); |
||||
|
|
||||
|
const savePackage = (store, db) => { |
||||
|
|
||||
|
const appDefinition = { |
||||
|
hierarchy:db.hierarchy, |
||||
|
triggers:db.triggers, |
||||
|
actions: groupBy("name")(db.actions) |
||||
|
}; |
||||
|
|
||||
|
const data = { |
||||
|
appDefinition, |
||||
|
accessLevels:db.accessLevels |
||||
|
} |
||||
|
|
||||
|
fetch(`/api/${store.appname}/appPackage`, { |
||||
|
method: 'POST', |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
}, |
||||
|
body: JSON.stringify(data), // body data type must match "Content-Type" header
|
||||
|
}); |
||||
|
} |
||||
@ -0,0 +1,161 @@ |
|||||
|
<script> |
||||
|
|
||||
|
export let color = "primary"; |
||||
|
export let className = ""; |
||||
|
export let style = ""; |
||||
|
export let groupPosition = ""; |
||||
|
export let grouped = false; |
||||
|
|
||||
|
$: borderClass = grouped |
||||
|
? "" |
||||
|
: "border-normal"; |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<button class="{color} {className} {borderClass} {grouped ? "grouped" : ""}" |
||||
|
style="{style}" |
||||
|
on:click> |
||||
|
<slot/> |
||||
|
</button> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.border-normal { border-radius: var(--borderradiusall); } |
||||
|
.border-left { border-radius: var(--borderradius) 0 0 var(--borderradius); } |
||||
|
.border-right { border-radius: 0 var(--borderradius) var(--borderradius) 0; } |
||||
|
.border-middle { border-radius: 0; } |
||||
|
|
||||
|
button { |
||||
|
border-style: solid; |
||||
|
padding: 7px 15px; |
||||
|
cursor:pointer; |
||||
|
} |
||||
|
|
||||
|
/* ---- PRIMARY ----*/ |
||||
|
.primary { |
||||
|
background-color: var(--primary100); |
||||
|
border-color: var(--primary100); |
||||
|
color: var(--white); |
||||
|
} |
||||
|
|
||||
|
.primary:hover { |
||||
|
background-color: var(--primary75); |
||||
|
border-color: var(--primary75); |
||||
|
} |
||||
|
|
||||
|
.primary:active { |
||||
|
background-color: var(--primarydark); |
||||
|
border-color: var(--primarydark); |
||||
|
} |
||||
|
|
||||
|
.primary-outline { |
||||
|
background-color: var(--white); |
||||
|
border-color: var(--primary100); |
||||
|
color: var(--primary100); |
||||
|
} |
||||
|
|
||||
|
.primary-outline:hover { |
||||
|
background-color: var(--primary10); |
||||
|
} |
||||
|
|
||||
|
.primary-outline:pressed { |
||||
|
background-color: var(--primary25); |
||||
|
} |
||||
|
|
||||
|
/* ---- secondary ----*/ |
||||
|
|
||||
|
.secondary { |
||||
|
background-color: var(--secondary100); |
||||
|
border-color: var(--secondary100); |
||||
|
color: var(--white); |
||||
|
} |
||||
|
|
||||
|
.secondary:hover { |
||||
|
background-color: var(--secondary75); |
||||
|
border-color: var(--secondary75); |
||||
|
} |
||||
|
|
||||
|
.secondary:pressed { |
||||
|
background-color: var(--secondarydark); |
||||
|
border-color: var(--secondarydark); |
||||
|
} |
||||
|
|
||||
|
.secondary-outline { |
||||
|
background-color: var(--white); |
||||
|
border-color: var(--secondary100); |
||||
|
color: var(--secondary100); |
||||
|
} |
||||
|
|
||||
|
.secondary-outline:hover { |
||||
|
background-color: var(--secondary10); |
||||
|
} |
||||
|
|
||||
|
.secondary-outline:pressed { |
||||
|
background-color: var(--secondary25); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* ---- success ----*/ |
||||
|
.success { |
||||
|
background-color: var(--success100); |
||||
|
border-color: var(--success100); |
||||
|
color: var(--white); |
||||
|
} |
||||
|
|
||||
|
.success:hover { |
||||
|
background-color: var(--success75); |
||||
|
border-color: var(--success75); |
||||
|
} |
||||
|
|
||||
|
.success:pressed { |
||||
|
background-color: var(--successdark); |
||||
|
border-color: var(--successdark); |
||||
|
} |
||||
|
|
||||
|
.success-outline { |
||||
|
background-color: var(--white); |
||||
|
border-color: var(--success100); |
||||
|
color: var(--success100); |
||||
|
} |
||||
|
|
||||
|
.success-outline:hover { |
||||
|
background-color: var(--success10); |
||||
|
} |
||||
|
|
||||
|
.success-outline:pressed { |
||||
|
background-color: var(--success25); |
||||
|
} |
||||
|
|
||||
|
/* ---- deletion ----*/ |
||||
|
.deletion { |
||||
|
background-color: var(--deletion100); |
||||
|
border-color: var(--deletion100); |
||||
|
color: var(--white); |
||||
|
} |
||||
|
|
||||
|
.deletion:hover { |
||||
|
background-color: var(--deletion75); |
||||
|
border-color: var(--deletion75); |
||||
|
} |
||||
|
|
||||
|
.deletion:pressed { |
||||
|
background-color: var(--deletiondark); |
||||
|
border-color: var(--deletiondark); |
||||
|
} |
||||
|
|
||||
|
.deletion-outline { |
||||
|
background-color: var(--white); |
||||
|
border-color: var(--deletion100); |
||||
|
color: var(--deletion100); |
||||
|
} |
||||
|
|
||||
|
.deletion-outline:hover { |
||||
|
background-color: var(--deletion10); |
||||
|
} |
||||
|
|
||||
|
.deletion-outline:pressed { |
||||
|
background-color: var(--deletion25); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,27 @@ |
|||||
|
<script> |
||||
|
export let style=""; |
||||
|
</script> |
||||
|
|
||||
|
<div class="root" style={style}> |
||||
|
<slot /> |
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.root { |
||||
|
display: flex; |
||||
|
} |
||||
|
|
||||
|
.root:last-child { |
||||
|
border-radius: 0 var(--borderradius) var(--borderradius) 0; |
||||
|
} |
||||
|
|
||||
|
.root:first-child { |
||||
|
border-radius: var(--borderradius) 0 0 var(--borderradius); |
||||
|
} |
||||
|
|
||||
|
.root:not(:first-child):not(:last-child) { |
||||
|
border-radius: 0; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,16 @@ |
|||||
|
<script> |
||||
|
|
||||
|
export let checked=false; |
||||
|
export let label=""; |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<input class="uk-checkbox" type="checkbox" bind:checked on:change />{label} |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
input { |
||||
|
margin-right:7px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,21 @@ |
|||||
|
<script> |
||||
|
// todo: use https://ace.c9.io |
||||
|
export let text = ""; |
||||
|
export let label = ""; |
||||
|
</script> |
||||
|
|
||||
|
<div>{label}</div> |
||||
|
<textarea bind:value={text}></textarea> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
textarea { |
||||
|
padding:3px; |
||||
|
background: var(--darkslate); |
||||
|
color: var(--white); |
||||
|
font-family: 'Courier New', Courier, monospace; |
||||
|
width:95%; |
||||
|
height:100px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,17 @@ |
|||||
|
<script> |
||||
|
|
||||
|
export let name = ""; |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div> |
||||
|
<h4>Coming Sometime: {name}</h4> |
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
h4 { |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,61 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import flatpickr from "flatpickr"; |
||||
|
import "flatpickr/dist/flatpickr.css"; |
||||
|
import { onMount } from 'svelte'; |
||||
|
|
||||
|
export let value; |
||||
|
export let label; |
||||
|
let input; |
||||
|
let fpInstance; |
||||
|
|
||||
|
$: if (fpInstance) fpInstance.setDate(value); |
||||
|
|
||||
|
onMount(() => { |
||||
|
fpInstance = flatpickr(input, {}); |
||||
|
|
||||
|
fpInstance.config.onChange.push(selectedDates => { |
||||
|
if(selectedDates.length > 0) |
||||
|
value = new Date(selectedDates[0]); |
||||
|
}); |
||||
|
|
||||
|
return fpInstance; |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
|
||||
|
<div class="container" > |
||||
|
<div class="label">{label}</div> |
||||
|
<input class="control" bind:this={input} /> |
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
.container { |
||||
|
display: grid; |
||||
|
grid-template-columns: [label] 100px [control] auto; |
||||
|
margin: 20px 0px; |
||||
|
} |
||||
|
.label { |
||||
|
grid-column-start: label; |
||||
|
align-self: center; |
||||
|
} |
||||
|
|
||||
|
.control { |
||||
|
grid-column-start: control; |
||||
|
align-self: center; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
input { |
||||
|
width:300px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,59 @@ |
|||||
|
<script> |
||||
|
import {createEventDispatcher} from "svelte"; |
||||
|
|
||||
|
export let selected; |
||||
|
export let label; |
||||
|
export let options; |
||||
|
export let valueMember; |
||||
|
export let textMember; |
||||
|
export let multiple=false; |
||||
|
|
||||
|
const dispatch =createEventDispatcher(); |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="container"> |
||||
|
<div class="label">{label}</div> |
||||
|
|
||||
|
{#if multiple} |
||||
|
|
||||
|
<select class="control uk-select" multiple bind:value={selected} on:change> |
||||
|
{#each options as option} |
||||
|
<option value={!valueMember ? option : valueMember(option)}>{!textMember ? option : textMember(option)}</option> |
||||
|
{/each} |
||||
|
</select> |
||||
|
|
||||
|
{:else} |
||||
|
|
||||
|
<select class="control uk-select" bind:value={selected} on:change> |
||||
|
{#each options as option} |
||||
|
<option value={!valueMember ? option : valueMember(option)}>{!textMember ? option : textMember(option)}</option> |
||||
|
{/each} |
||||
|
</select> |
||||
|
{/if} |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.container { |
||||
|
display: grid; |
||||
|
grid-template-columns: [label] 100px [control] auto; |
||||
|
margin: 20px 0px; |
||||
|
} |
||||
|
.label { |
||||
|
grid-column-start: label; |
||||
|
align-self: center; |
||||
|
} |
||||
|
.control { |
||||
|
grid-column-start: control; |
||||
|
align-self: center; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
select { |
||||
|
width:300px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,68 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import getIcon from "./icon"; |
||||
|
export let iconName; |
||||
|
export let actions = []; // [ {label: "Action Name", onclick: () => {...} } ] |
||||
|
let isDroppedDown = false; |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
|
||||
|
<div class="root" on:click={() => isDroppedDown = !isDroppedDown}> |
||||
|
{@html getIcon(iconName)} |
||||
|
|
||||
|
<div class="dropdown-background" on:click|stopPropagation={() => isDroppedDown = false} style="display: {isDroppedDown ? 'block' : 'none'}"></div> |
||||
|
|
||||
|
<div class="dropdown-content" style="display: {isDroppedDown ? 'inline-block' : 'none'}"> |
||||
|
{#each actions as action} |
||||
|
<div class="action-row" on:click={action.onclick}> |
||||
|
{action.label} |
||||
|
</div> |
||||
|
{/each} |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.dropdown-background { |
||||
|
position: fixed; |
||||
|
top:0; |
||||
|
left:0; |
||||
|
width:100vw; |
||||
|
height:100vh; |
||||
|
} |
||||
|
|
||||
|
.root { |
||||
|
cursor: pointer; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
|
||||
|
.dropdown-content { |
||||
|
position: absolute; |
||||
|
background-color: var(--white); |
||||
|
min-width: 160px; |
||||
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); |
||||
|
z-index: 1; |
||||
|
font-weight: normal; |
||||
|
border-style:solid; |
||||
|
border-width: 1px; |
||||
|
border-color: var(--secondary10); |
||||
|
} |
||||
|
|
||||
|
.dropdown-content:not(:focus) { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.action-row { |
||||
|
padding: 7px 10px; |
||||
|
cursor:pointer; |
||||
|
} |
||||
|
|
||||
|
.action-row:hover { |
||||
|
background-color: var(--primary100); |
||||
|
color:var(--white); |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,29 @@ |
|||||
|
<script> |
||||
|
export let errors = []; |
||||
|
|
||||
|
$:hasErrors = errors.length > 0; |
||||
|
</script> |
||||
|
|
||||
|
{#if hasErrors} |
||||
|
<div class="error-container"> |
||||
|
{#each errors as error} |
||||
|
<div class="error-row">{error.field ? `${error.field}: ` : ""}{error.error}</div> |
||||
|
{/each} |
||||
|
</div> |
||||
|
{/if} |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.error-container { |
||||
|
padding:10px; |
||||
|
border-style: solid; |
||||
|
border-color: var(--deletion100); |
||||
|
border-radius: var(--borderradiusall); |
||||
|
background: var(--deletion75); |
||||
|
} |
||||
|
|
||||
|
.error-row { |
||||
|
padding: 5px 0px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,36 @@ |
|||||
|
<script> |
||||
|
import UIkit from "uikit"; |
||||
|
|
||||
|
export let isOpen = false; |
||||
|
export let onClosed = () => {}; |
||||
|
|
||||
|
let ukModal; |
||||
|
let listenerAdded = false; |
||||
|
|
||||
|
$: if(ukModal && !listenerAdded) { |
||||
|
listenerAdded = true; |
||||
|
ukModal.addEventListener("hide", onClosed); |
||||
|
} |
||||
|
|
||||
|
$: { |
||||
|
if(ukModal) { |
||||
|
if(isOpen) { |
||||
|
UIkit.modal(ukModal).show(); |
||||
|
} else { |
||||
|
UIkit.modal(ukModal).hide(); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div bind:this={ukModal} uk-modal > |
||||
|
<div class="uk-modal-dialog uk-modal-body" uk-overflow-auto> |
||||
|
<slot /> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,46 @@ |
|||||
|
<script> |
||||
|
|
||||
|
export let value; |
||||
|
export let label; |
||||
|
|
||||
|
const inputChanged = ev => { |
||||
|
try { |
||||
|
value = Number(ev.target.value); |
||||
|
} catch(_) { |
||||
|
value = null; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
let numberText = value === null || value === undefined |
||||
|
? "" : value.toString(); |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="container"> |
||||
|
<div class="label">{label}</div> |
||||
|
<input class="control" type="text" value={value} on:change={inputChanged} > |
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.container { |
||||
|
display: grid; |
||||
|
grid-template-columns: [label] 100px [control] auto; |
||||
|
margin: 20px 0px; |
||||
|
} |
||||
|
.label { |
||||
|
grid-column-start: label; |
||||
|
align-self: center; |
||||
|
} |
||||
|
.control { |
||||
|
grid-column-start: control; |
||||
|
align-self: center; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
input { |
||||
|
width:300px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,32 @@ |
|||||
|
<script> |
||||
|
export let text = ""; |
||||
|
export let label = ""; |
||||
|
</script> |
||||
|
|
||||
|
<div class="container"> |
||||
|
<div class="label">{label}</div> |
||||
|
<input class="control uk-input" bind:value={text} > |
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.container { |
||||
|
display: grid; |
||||
|
grid-template-columns: [label] 100px [control] auto; |
||||
|
margin: 20px 0px; |
||||
|
} |
||||
|
.label { |
||||
|
grid-column-start: label; |
||||
|
align-self: center; |
||||
|
} |
||||
|
.control { |
||||
|
grid-column-start: control; |
||||
|
align-self: center; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
input { |
||||
|
width:300px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,47 @@ |
|||||
|
<script> |
||||
|
import {join} from "lodash/fp"; |
||||
|
|
||||
|
export let values; |
||||
|
export let label; |
||||
|
|
||||
|
const inputChanged = ev => { |
||||
|
try { |
||||
|
values = ev.target.value.split("\n"); |
||||
|
} catch(_) { |
||||
|
values = []; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
$: valuesText = join("\n")(values); |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="container"> |
||||
|
<div class="label">{label}</div> |
||||
|
<textarea class="control" value={valuesText} on:change={inputChanged} ></textarea> |
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.container { |
||||
|
display: grid; |
||||
|
grid-template-columns: [label] 100px [control] auto; |
||||
|
margin: 20px 0px; |
||||
|
} |
||||
|
.label { |
||||
|
grid-column-start: label; |
||||
|
align-self: center; |
||||
|
} |
||||
|
.control { |
||||
|
grid-column-start: control; |
||||
|
align-self: center; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
textarea { |
||||
|
width:300px; |
||||
|
height:200px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,75 @@ |
|||||
|
import {hierarchy as hierarchyFunctions, |
||||
|
common, getTemplateApi, getAuthApi } from "budibase-core"; |
||||
|
import {find, filter, includes, keyBy, some, |
||||
|
flatten, map} from "lodash/fp"; |
||||
|
|
||||
|
export const chain = common.$; |
||||
|
|
||||
|
export const events = common.eventsList; |
||||
|
|
||||
|
export const getNode = (hierarchy, nodeId) => |
||||
|
chain(hierarchy, [ |
||||
|
hierarchyFunctions.getFlattenedHierarchy, |
||||
|
find(n => n.nodeId === nodeId || n.nodeKey() === nodeId) |
||||
|
]); |
||||
|
|
||||
|
export const constructHierarchy = node => { |
||||
|
if(!node) return node; |
||||
|
return templateApi(node).constructHeirarchy(node); |
||||
|
} |
||||
|
|
||||
|
export const createNewHeirarchy = () => { |
||||
|
return templateApi().getNewRootLevel(); |
||||
|
} |
||||
|
|
||||
|
export const templateApi = hierarchy => getTemplateApi({heirarchy:hierarchy}) |
||||
|
export const authApi = (hierarchy, actions) => getAuthApi({ |
||||
|
heirarchy:hierarchy, actions: keyBy("name")(actions), publish:()=>{}}) |
||||
|
|
||||
|
export const allTypes = templateApi({}).allTypes; |
||||
|
|
||||
|
export const validate = { |
||||
|
all: templateApi({}).validateAll, |
||||
|
node: templateApi({}).validateNode, |
||||
|
field: templateApi({}).validateField |
||||
|
}; |
||||
|
|
||||
|
export const getPotentialReverseReferenceIndexes = (hierarchy, refIndex) => { |
||||
|
const res = chain(hierarchy, [ |
||||
|
hierarchyFunctions.getFlattenedHierarchy, |
||||
|
filter(n => hierarchyFunctions.isAncestor(refIndex)(n) |
||||
|
|| hierarchyFunctions.isAncestor(refIndex)(n.parent())), |
||||
|
map(n => n.indexes), |
||||
|
flatten, |
||||
|
filter(hierarchyFunctions.isReferenceIndex) |
||||
|
]); |
||||
|
|
||||
|
return res; |
||||
|
} |
||||
|
|
||||
|
export const getPotentialReferenceIndexes = (hierarchy, record) => |
||||
|
chain(hierarchy, [ |
||||
|
hierarchyFunctions.getFlattenedHierarchy, |
||||
|
filter(hierarchyFunctions.isAncestorIndex), |
||||
|
filter(i => hierarchyFunctions.isAncestor(record)(i.parent()) |
||||
|
|| i.parent().nodeId === record.parent().nodeId |
||||
|
|| hierarchyFunctions.isRoot(i.parent())) |
||||
|
]); |
||||
|
|
||||
|
export const getDefaultTypeOptions = type => |
||||
|
!type ? {} : allTypes[type].getDefaultOptions(); |
||||
|
|
||||
|
export const getNewAction = () => templateApi({}).createAction(); |
||||
|
export const getNewTrigger = () => templateApi({}).createTrigger(); |
||||
|
|
||||
|
export const validateActions = actions => templateApi({}).validateActions(actions); |
||||
|
export const validateTriggers = (triggers, actions) => templateApi({}).validateTriggers(triggers, actions); |
||||
|
|
||||
|
export const generateFullPermissions = (hierarchy, actions) => |
||||
|
authApi(hierarchy,actions).generateFullPermissions(); |
||||
|
|
||||
|
export const getNewAccessLevel = () => |
||||
|
authApi().getNewAccessLevel(); |
||||
|
|
||||
|
export const validateAccessLevels = (hierarchy, actions, accessLevels) => |
||||
|
authApi(hierarchy, actions).validateAccessLevels(accessLevels); |
||||
@ -0,0 +1,2 @@ |
|||||
|
import feather from "feather-icons"; |
||||
|
export default icon => feather.toSvg(icon); |
||||
@ -0,0 +1,62 @@ |
|||||
|
<script> |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import ButtonGroup from "../common/ButtonGroup.svelte"; |
||||
|
import {database} from "../builderStore"; |
||||
|
import Modal from "../common/Modal.svelte"; |
||||
|
import ErrorsBox from "../common/ErrorsBox.svelte"; |
||||
|
|
||||
|
export let left; |
||||
|
let confirmDelete = false; |
||||
|
const openConfirmDelete = () => { |
||||
|
confirmDelete = true; |
||||
|
} |
||||
|
|
||||
|
const deleteCurrentNode = () => { |
||||
|
confirmDelete = false; |
||||
|
database.deleteCurrentNode(); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root" style="left: {left}"> |
||||
|
|
||||
|
<ButtonGroup> |
||||
|
<Button color="secondary" grouped on:click={database.saveCurrentNode}> |
||||
|
{#if $database.currentNodeIsNew} |
||||
|
Create |
||||
|
{:else} |
||||
|
Update |
||||
|
{/if} |
||||
|
</Button> |
||||
|
|
||||
|
{#if !$database.currentNodeIsNew} |
||||
|
<Button color="secondary" grouped on:click={openConfirmDelete}> |
||||
|
Delete |
||||
|
</Button> |
||||
|
{/if} |
||||
|
</ButtonGroup> |
||||
|
|
||||
|
{#if !!$database.errors && $database.errors.length > 0} |
||||
|
<div style="width: 500px"> |
||||
|
<ErrorsBox errors={$database.errors}/> |
||||
|
</div> |
||||
|
{/if} |
||||
|
|
||||
|
<Modal bind:isOpen={confirmDelete}> |
||||
|
<div style="margin: 10px 0px 20px 0px">Are you sure you want to delete {$database.currentNode.name} ?</div> |
||||
|
<div style="float:right"> |
||||
|
<Button color="primary" on:click={deleteCurrentNode}>Yes</Button> |
||||
|
<Button color="secondary" on:click={() => confirmDelete = false}>No</Button> |
||||
|
</div> |
||||
|
</Modal> |
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.root { |
||||
|
padding:5px; |
||||
|
top:0; |
||||
|
width:100%; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,20 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import RecordCard from "./RecordCard.svelte"; |
||||
|
|
||||
|
export let record = {}; |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
<div class="title">{record.name}</div> |
||||
|
<div class="inner"> |
||||
|
<div class="node-path">{record.nodeKey()}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,129 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import HierarchyRow from "./HierarchyRow.svelte"; |
||||
|
import RecordView from "./RecordView.svelte"; |
||||
|
import IndexView from "./IndexView.svelte"; |
||||
|
import ActionsHeader from "./ActionsHeader.svelte"; |
||||
|
import {database} from "../builderStore"; |
||||
|
import getIcon from "../common/icon"; |
||||
|
import DropdownButton from "../common/DropdownButton.svelte"; |
||||
|
import {hierarchy as hierarchyFunctions} from "budibase-core"; |
||||
|
|
||||
|
const hierarchyWidth = "200px"; |
||||
|
|
||||
|
const defaultNewIndexActions = [{ |
||||
|
label:"New Root Index", |
||||
|
onclick: database.newRootIndex |
||||
|
}]; |
||||
|
|
||||
|
const defaultNewRecordActions = [{ |
||||
|
label:"New Root Record", |
||||
|
onclick: database.newRootRecord |
||||
|
}]; |
||||
|
|
||||
|
let newIndexActions = defaultNewIndexActions; |
||||
|
let newRecordActions = defaultNewRecordActions; |
||||
|
|
||||
|
database.subscribe(db => { |
||||
|
if(!db.currentNode || hierarchyFunctions.isIndex(db.currentNode)) { |
||||
|
newRecordActions = defaultNewRecordActions; |
||||
|
newIndexActions = defaultNewIndexActions; |
||||
|
} else { |
||||
|
newRecordActions = [ |
||||
|
...defaultNewRecordActions, |
||||
|
{label: `New Child Record of ${db.currentNode.name}`, |
||||
|
onclick: database.newChildRecord} |
||||
|
]; |
||||
|
|
||||
|
newIndexActions = [ |
||||
|
...defaultNewIndexActions, |
||||
|
{label: `New Index on ${db.currentNode.name}`, |
||||
|
onclick: database.newChildIndex} |
||||
|
]; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
<div class="hierarchy" style="width: {hierarchyWidth}"> |
||||
|
<div class="hierarchy-title-row"> |
||||
|
<div class="hierarchy-title">Records</div> |
||||
|
<DropdownButton iconName="plus" actions={newRecordActions} /> |
||||
|
</div> |
||||
|
{#each $database.hierarchy.children as record} |
||||
|
<HierarchyRow node={record} /> |
||||
|
{/each} |
||||
|
|
||||
|
<div class="hierarchy-title-row" style="margin-top: 20px"> |
||||
|
<div class="hierarchy-title">Indexes</div> |
||||
|
<DropdownButton iconName="plus" actions={newIndexActions} /> |
||||
|
</div> |
||||
|
{#each $database.hierarchy.indexes as index} |
||||
|
<HierarchyRow node={index} /> |
||||
|
{/each} |
||||
|
</div> |
||||
|
<div class="node-container"> |
||||
|
<div class="actions-header"> |
||||
|
{#if $database.currentNode} |
||||
|
<ActionsHeader left={hierarchyWidth}/> |
||||
|
{/if} |
||||
|
</div> |
||||
|
<div class="node-view"> |
||||
|
{#if !$database.currentNode} |
||||
|
<h1 style="margin-left: 100px">:)</h1> |
||||
|
{:else if $database.currentNode.type === "record"} |
||||
|
<RecordView /> |
||||
|
{:else} |
||||
|
<IndexView /> |
||||
|
{/if} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
.root { |
||||
|
display: flex; |
||||
|
height: 100%; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.hierarchy { |
||||
|
flex: 0 1 auto; |
||||
|
background-color: var(--primary10); |
||||
|
overflow-y: auto; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.node-container { |
||||
|
flex: 1 1 auto; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
|
||||
|
.actions-header { |
||||
|
flex: 0 1 auto; |
||||
|
} |
||||
|
|
||||
|
.node-view { |
||||
|
overflow-y: auto; |
||||
|
flex: 1 1 auto; |
||||
|
} |
||||
|
|
||||
|
.hierarchy-title-row { |
||||
|
padding: 15px 7px; |
||||
|
/*background-color: var(--secondary75); |
||||
|
color: var(--white);*/ |
||||
|
font-size: 11pt; |
||||
|
display: flex; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.hierarchy-title { |
||||
|
flex: auto 1 1; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,117 @@ |
|||||
|
<script> |
||||
|
import Dropdown from "../common/Dropdown.svelte"; |
||||
|
import Textbox from "../common/Textbox.svelte"; |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import ButtonGroup from "../common/ButtonGroup.svelte"; |
||||
|
import NumberBox from "../common/NumberBox.svelte"; |
||||
|
import ValuesList from "../common/ValuesList.svelte"; |
||||
|
import ErrorsBox from "../common/ErrorsBox.svelte"; |
||||
|
import Checkbox from "../common/Checkbox.svelte"; |
||||
|
import DatePicker from "../common/DatePicker.svelte"; |
||||
|
import {cloneDeep, assign, keys, |
||||
|
isNumber, includes, map, isBoolean} from "lodash/fp"; |
||||
|
import {allTypes, validate, getPotentialReferenceIndexes, |
||||
|
getDefaultTypeOptions, getNode, |
||||
|
getPotentialReverseReferenceIndexes} from "../common/core"; |
||||
|
|
||||
|
export let field; |
||||
|
export let allFields; |
||||
|
export let onFinished = () => {}; |
||||
|
export let database; |
||||
|
|
||||
|
let errors = []; |
||||
|
let clonedField = cloneDeep(field); |
||||
|
|
||||
|
$: isNew = !!field && field.name.length === 0; |
||||
|
|
||||
|
$: possibleReferenceIndexes = getPotentialReferenceIndexes( |
||||
|
database.hierarchy, database.currentNode |
||||
|
); |
||||
|
|
||||
|
$: selectedReverseRefIndex = |
||||
|
!clonedField.typeOptions.indexNodeKey |
||||
|
? "" |
||||
|
: getNode(database.hierarchy, clonedField.typeOptions.indexNodeKey); |
||||
|
|
||||
|
$: possibleReverseReferenceIndexes = |
||||
|
!selectedReverseRefIndex |
||||
|
? [] |
||||
|
: getPotentialReverseReferenceIndexes( |
||||
|
database.hierarchy, selectedReverseRefIndex); |
||||
|
|
||||
|
const typeChanged = (ev) => |
||||
|
clonedField.typeOptions = getDefaultTypeOptions(ev.detail); |
||||
|
|
||||
|
|
||||
|
const save = () => { |
||||
|
|
||||
|
errors = validate.field(allFields)(clonedField); |
||||
|
if(errors.length > 0) return; |
||||
|
field.typeOptions = cloneDeep(clonedField.typeOptions); |
||||
|
onFinished( |
||||
|
assign(field)(clonedField) |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
|
||||
|
<ErrorsBox errors={errors} /> |
||||
|
|
||||
|
<Dropdown label="Type" bind:selected={clonedField.type} options={keys(allTypes)} on:change={typeChanged} /> |
||||
|
|
||||
|
{#if isNew} |
||||
|
<Textbox label="Field Name" bind:text={clonedField.name} /> |
||||
|
{:else} |
||||
|
<div style="font-weight: bold">{clonedField.name}</div> |
||||
|
{/if} |
||||
|
|
||||
|
<Textbox label="Label" bind:text={clonedField.label} /> |
||||
|
|
||||
|
{#if clonedField.type === "string"} |
||||
|
<NumberBox label="Max Length" bind:value={clonedField.typeOptions.maxLength} /> |
||||
|
<ValuesList label="Values (options)" bind:values={clonedField.typeOptions.values} /> |
||||
|
<Checkbox label="Declared Values Only" bind:checked={clonedField.typeOptions.allowDeclaredValuesOnly} /> |
||||
|
{:else if clonedField.type === "bool"} |
||||
|
<Checkbox label="Allow Null" bind:checked={clonedField.typeOptions.allowNulls} /> |
||||
|
{:else if clonedField.type === "datetime"} |
||||
|
<DatePicker label="Min Value" bind:value={clonedField.typeOptions.minValue} /> |
||||
|
<DatePicker label="Max Value" bind:value={clonedField.typeOptions.maxValue} /> |
||||
|
{:else if clonedField.type === "number"} |
||||
|
<NumberBox label="Min Value" bind:value={clonedField.typeOptions.minValue} /> |
||||
|
<NumberBox label="Max Value" bind:value={clonedField.typeOptions.maxValue} /> |
||||
|
<NumberBox label="Decimal Places" bind:value={clonedField.typeOptions.decimalPlaces} /> |
||||
|
{:else if clonedField.type === "reference"} |
||||
|
<Dropdown label="Lookup Index" |
||||
|
options={possibleReferenceIndexes} |
||||
|
valueMember={n => n.nodeKey()} |
||||
|
textMember={n => n.name} |
||||
|
bind:selected={clonedField.typeOptions.indexNodeKey} /> |
||||
|
|
||||
|
<Dropdown label="Reverse Reference Index" |
||||
|
options={possibleReverseReferenceIndexes} |
||||
|
multiple=true |
||||
|
valueMember={n => n.nodeKey()} |
||||
|
textMember={n => n.name} |
||||
|
bind:selected={clonedField.typeOptions.reverseIndexNodeKeys} /> |
||||
|
|
||||
|
<Textbox label="Display Value" bind:text={clonedField.typeOptions.displayValue} /> |
||||
|
|
||||
|
{:else if clonedField.type.startsWith("array")} |
||||
|
<NumberBox label="Min Length" bind:value={clonedField.typeOptions.minLength} /> |
||||
|
<NumberBox label="Max Length" bind:value={clonedField.typeOptions.maxLength} /> |
||||
|
{/if} |
||||
|
|
||||
|
<ButtonGroup style="float: right;"> |
||||
|
<Button color="primary" grouped on:click={save}>Save</Button> |
||||
|
<Button color="secondary" grouped on:click={() => onFinished(false)}>Cancel</Button> |
||||
|
</ButtonGroup> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,44 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import {database} from "../builderStore"; |
||||
|
import {cloneDeep} from "lodash"; |
||||
|
export let level = 0; |
||||
|
export let node; |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
<div class="title" on:click={() => database.selectExistingNode(node.nodeId)} style="padding-left: {20 + (level * 20)}px"> |
||||
|
{node.name} |
||||
|
</div> |
||||
|
{#if node.children} |
||||
|
{#each node.children as child} |
||||
|
<svelte:self node={child} |
||||
|
level={level+1}/> |
||||
|
{/each} |
||||
|
{/if} |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.root { |
||||
|
display: block; |
||||
|
font-size: 13pt; |
||||
|
width: 100%; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.title { |
||||
|
font: var(--bodytext); |
||||
|
padding-top: 10px; |
||||
|
padding-right: 5px; |
||||
|
padding-bottom: 10px; |
||||
|
color: var(--secondary100); |
||||
|
} |
||||
|
|
||||
|
.title:hover { |
||||
|
background-color: var(--secondary10); |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,76 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import Textbox from "../common/Textbox.svelte"; |
||||
|
import CodeArea from "../common/CodeArea.svelte"; |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import Dropdown from "../common/Dropdown.svelte"; |
||||
|
import {database} from "../builderStore"; |
||||
|
import {filter, some, map} from "lodash/fp"; |
||||
|
import {hierarchy as hierarchyFunctions, common} from "budibase-core"; |
||||
|
|
||||
|
const chain = common.$; |
||||
|
|
||||
|
let index; |
||||
|
let indexableRecords = []; |
||||
|
|
||||
|
database.subscribe($database => { |
||||
|
index = $database.currentNode; |
||||
|
indexableRecords = chain($database.hierarchy,[ |
||||
|
hierarchyFunctions.getFlattenedHierarchy, |
||||
|
filter(hierarchyFunctions.isDecendant(index.parent())), |
||||
|
filter(hierarchyFunctions.isRecord), |
||||
|
map(n => ({ |
||||
|
node:n, |
||||
|
isallowed: some(id => n.nodeId === id)(index.allowedRecordNodeIds) |
||||
|
})) |
||||
|
]); |
||||
|
}); |
||||
|
|
||||
|
const toggleAllowedRecord = record => { |
||||
|
if(record.isallowed) { |
||||
|
index.allowedRecordNodeIds = filter(id => id !== record.node.nodeId) |
||||
|
(index.allowedRecordNodeIds); |
||||
|
} else { |
||||
|
index.allowedRecordNodeIds.push(record.node.nodeId); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
<Textbox bind:text={index.name} label="Name"/> |
||||
|
|
||||
|
<div class="allowed-records"> |
||||
|
<div>Records to Index</div> |
||||
|
{#each indexableRecords as rec} |
||||
|
<input type="checkbox" checked={rec.isallowed} on:change={() => toggleAllowedRecord(rec)}/> |
||||
|
<span>{rec.node.name}</span> |
||||
|
{/each} |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<Dropdown label="Index Type" bind:selected={index.indexType} options={["ancestor", "reference"]} /> |
||||
|
|
||||
|
<CodeArea bind:text={index.map} label="Map (javascript)"/> |
||||
|
<CodeArea bind:text={index.filter} label="Filter (javascript expression)"/> |
||||
|
<CodeArea bind:text={index.getShardName} label="Shard Name (javascript expression)"/> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.root { |
||||
|
height: 100%; |
||||
|
padding: 15px; |
||||
|
} |
||||
|
|
||||
|
.allowed-records { |
||||
|
margin: 20px 0px; |
||||
|
} |
||||
|
|
||||
|
.allowed-records > span { |
||||
|
margin-right:30px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,258 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import Textbox from "../common/Textbox.svelte"; |
||||
|
import Button from "../common/Button.svelte"; |
||||
|
import getIcon from "../common/icon"; |
||||
|
import FieldView from "./FieldView.svelte"; |
||||
|
import Modal from "../common/Modal.svelte"; |
||||
|
import {map, join, filter, some, |
||||
|
find, keys, isDate} from "lodash/fp"; |
||||
|
import { database } from "../builderStore"; |
||||
|
import {common, hierarchy as h} from "budibase-core"; |
||||
|
import {templateApi, chain, validate} from "../common/core"; |
||||
|
|
||||
|
let record; |
||||
|
let getIndexAllowedRecords; |
||||
|
let editingField = false; |
||||
|
let fieldToEdit; |
||||
|
let isNewField = false; |
||||
|
let newField; |
||||
|
let editField; |
||||
|
let deleteField; |
||||
|
let onFinishedFieldEdit; |
||||
|
let editIndex; |
||||
|
|
||||
|
database.subscribe($database => { |
||||
|
record = $database.currentNode; |
||||
|
const flattened = h.getFlattenedHierarchy($database.hierarchy); |
||||
|
getIndexAllowedRecords = index => |
||||
|
chain(index.allowedRecordNodeIds, [ |
||||
|
filter(id => some(n => n.nodeId === id)(flattened)), |
||||
|
map(id => find(n => n.nodeId === id) |
||||
|
(flattened).name), |
||||
|
join(", ") |
||||
|
]); |
||||
|
|
||||
|
newField = () => { |
||||
|
isNewField = true; |
||||
|
fieldToEdit = templateApi($database.hierarchy).getNewField("string"); |
||||
|
editingField = true; |
||||
|
} |
||||
|
|
||||
|
onFinishedFieldEdit = (field) => { |
||||
|
if(field) { |
||||
|
database.saveField(field); |
||||
|
} |
||||
|
editingField = false; |
||||
|
} |
||||
|
|
||||
|
editField = (field) => { |
||||
|
isNewField = false; |
||||
|
fieldToEdit = field; |
||||
|
editingField = true; |
||||
|
} |
||||
|
|
||||
|
deleteField = (field) => { |
||||
|
database.deleteField(field); |
||||
|
} |
||||
|
|
||||
|
editIndex = index => { |
||||
|
database.selectExistingNode(index.nodeId); |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
|
||||
|
let getTypeOptionsValueText = value => { |
||||
|
if(value === Number.MAX_SAFE_INTEGER |
||||
|
|| value === Number.MIN_SAFE_INTEGER |
||||
|
|| new Date(value).getTime() === new Date(8640000000000000).getTime() |
||||
|
|| new Date(value).getTime() === new Date(-8640000000000000).getTime()) return "(any)"; |
||||
|
|
||||
|
if(value === null) return "(not set)"; |
||||
|
return value; |
||||
|
} |
||||
|
|
||||
|
let getTypeOptions = typeOptions => |
||||
|
chain(typeOptions, [ |
||||
|
keys, |
||||
|
map(k => `<span style="color:var(--slate)">${k}: </span>${getTypeOptionsValueText(typeOptions[k])}`), |
||||
|
join("<br>") |
||||
|
]); |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="root"> |
||||
|
|
||||
|
<Textbox label="Name" bind:text={record.name} /> |
||||
|
<div>{record.nodeKey()}</div> |
||||
|
{#if !record.isSingle} |
||||
|
<Textbox label="Collection Name" bind:text={record.collectionName} /> |
||||
|
<Textbox label="Shard Factor" bind:text={record.allidsShardFactor} /> |
||||
|
{/if} |
||||
|
|
||||
|
<h4> |
||||
|
Fields <span class="add-field-button" on:click={newField}>{@html getIcon("plus")}</span> |
||||
|
</h4> |
||||
|
|
||||
|
{#if record.fields.length > 0} |
||||
|
<table class="fields-table uk-table"> |
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>Name</th> |
||||
|
<th>Type</th> |
||||
|
<th>Options</th> |
||||
|
<th></th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody> |
||||
|
{#each record.fields as field} |
||||
|
<tr> |
||||
|
<td > |
||||
|
<div>{field.label}</div> |
||||
|
<div style="font-size: 0.7em; color: var(--slate)">{field.name}</div> |
||||
|
</td> |
||||
|
<td >{field.type}</td> |
||||
|
<td >{@html getTypeOptions(field.typeOptions)}</td> |
||||
|
<td> |
||||
|
<span class="edit-button" on:click={() => editField(field)}>{@html getIcon("edit")}</span> |
||||
|
<span class="edit-button" on:click={() => deleteField(field)}>{@html getIcon("trash")}</span> |
||||
|
</td> |
||||
|
</tr> |
||||
|
{/each} |
||||
|
</tbody> |
||||
|
</table> |
||||
|
{:else} |
||||
|
(no fields added) |
||||
|
{/if} |
||||
|
|
||||
|
{#if editingField} |
||||
|
<Modal bind:isOpen={editingField}> |
||||
|
<FieldView field={fieldToEdit} |
||||
|
onFinished={onFinishedFieldEdit} |
||||
|
allFields={record.fields} |
||||
|
database={$database}/> |
||||
|
</Modal> |
||||
|
{/if} |
||||
|
|
||||
|
<h4> |
||||
|
Indexes |
||||
|
</h4> |
||||
|
|
||||
|
{#each record.indexes as index} |
||||
|
<div class="index-container"> |
||||
|
<div class="index-name"> |
||||
|
{index.name} |
||||
|
<span style="margin-left: 7px" on:click={() => editIndex(index)}>{@html getIcon("edit")}</span> |
||||
|
</div> |
||||
|
<div class="index-field-row"> |
||||
|
<span class="index-label">records indexed: </span> |
||||
|
<span>{getIndexAllowedRecords(index)}</span> |
||||
|
<span class="index-label" style="margin-left: 15px">type:</span> |
||||
|
<span>{index.indexType}</span> |
||||
|
</div> |
||||
|
<div class="index-field-row"> |
||||
|
<span class="index-label">map:</span> |
||||
|
<code class="index-mapfilter">{index.map}</code> |
||||
|
</div> |
||||
|
{#if index.filter} |
||||
|
<div class="index-field-row"> |
||||
|
<span class="index-label">filter:</span> |
||||
|
<code class="index-mapfilter">{index.filter}</code> |
||||
|
</div> |
||||
|
{/if} |
||||
|
</div> |
||||
|
{:else} |
||||
|
(no indexes added) |
||||
|
{/each} |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.root { |
||||
|
height: 100%; |
||||
|
padding: 15px; |
||||
|
} |
||||
|
|
||||
|
.fields-table { |
||||
|
margin:10px; |
||||
|
border-collapse:collapse; |
||||
|
} |
||||
|
|
||||
|
.add-field-button { |
||||
|
margin-left:15px; |
||||
|
cursor:pointer; |
||||
|
} |
||||
|
|
||||
|
.edit-button { |
||||
|
cursor:pointer; |
||||
|
color: var(--white); |
||||
|
} |
||||
|
|
||||
|
.edit-button:hover { |
||||
|
color: var(--secondary75); |
||||
|
} |
||||
|
|
||||
|
th { |
||||
|
text-align: left; |
||||
|
} |
||||
|
|
||||
|
td { |
||||
|
padding: 5px 30px 5px 0px; |
||||
|
margin:0; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
thead > tr { |
||||
|
border-width: 0px 0px 1px 0px; |
||||
|
border-style: solid; |
||||
|
border-color: var(--secondary75); |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
tbody > tr { |
||||
|
border-width: 0px 0px 1px 0px; |
||||
|
border-style: solid; |
||||
|
border-color: var(--primary10); |
||||
|
} |
||||
|
|
||||
|
tbody > tr:hover { |
||||
|
background-color: var(--primary10); |
||||
|
} |
||||
|
|
||||
|
tbody > tr:hover .edit-button { |
||||
|
color: var(--secondary75); |
||||
|
} |
||||
|
|
||||
|
.index-container { |
||||
|
border-style: solid; |
||||
|
border-width: 0 0 1px 0; |
||||
|
border-color: var(--secondary25); |
||||
|
padding: 10px; |
||||
|
margin-bottom: 5px; |
||||
|
} |
||||
|
|
||||
|
.index-label { |
||||
|
color: var(--slate); |
||||
|
} |
||||
|
|
||||
|
.index-name { |
||||
|
font-weight: bold; |
||||
|
color: var(--primary100); |
||||
|
} |
||||
|
|
||||
|
.index-container code { |
||||
|
margin: 0; |
||||
|
display: inline; |
||||
|
background-color: var(--primary10); |
||||
|
color: var(--secondary100); |
||||
|
padding:3px; |
||||
|
} |
||||
|
|
||||
|
.index-field-row { |
||||
|
margin-top: 7px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
|
After Width: | Height: | Size: 8.8 KiB |
@ -0,0 +1,61 @@ |
|||||
|
/* latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Lato'; |
||||
|
font-weight: 400; |
||||
|
src: local('Lato Regular'), local('Lato-Regular'), url(./assets/lato-latin-ext.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Lato'; |
||||
|
font-weight: 400; |
||||
|
src: local('Lato Regular'), local('Lato-Regular'), url(./assets/lato-latin.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* Black latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Lato Black'; |
||||
|
font-weight: 900; |
||||
|
src: local('Lato Regular'), local('Lato-Regular'), url(./assets/lato-latin-ext.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* Black latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Lato Black'; |
||||
|
font-weight: 900; |
||||
|
src: local('Lato Regular'), local('Lato-Regular'), url(./assets/lato-latin.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
|
||||
|
/* Bold latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Lato Bold'; |
||||
|
font-weight: 700; |
||||
|
src: local('Lato Regular'), local('Lato-Regular'), url(./assets/lato-latin-ext.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* Bold latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Lato Bold'; |
||||
|
font-weight: 700; |
||||
|
src: local('Lato Regular'), local('Lato-Regular'), url(./assets/lato-latin.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
|
||||
|
/* Semi Bold latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Lato Semi Bold'; |
||||
|
font-weight: 600; |
||||
|
src: local('Lato Regular'), local('Lato-Regular'), url(./assets/lato-latin-ext.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* Semi Bold latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Lato Semi Bold'; |
||||
|
font-weight: 600; |
||||
|
src: local('Lato Regular'), local('Lato-Regular'), url(./assets/lato-latin.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,91 @@ |
|||||
|
:root { |
||||
|
--primary100: #454CA0FF; |
||||
|
--primary75: #454CA0BF; |
||||
|
--primary25: #454CA040; |
||||
|
--primary10: #454CA01A; |
||||
|
--primarydark: #3F448A; |
||||
|
|
||||
|
--secondary100: #162B4DFF; |
||||
|
--secondary75: #162B4DBF; |
||||
|
--secondary25: #162B4D40; |
||||
|
--secondary10: #162B4D1A; |
||||
|
--secondarydark: #3F448A; |
||||
|
|
||||
|
--tertiary: #F2F5F7; |
||||
|
|
||||
|
--success100: #49C39EFF; |
||||
|
--success75: #49C39EBF; |
||||
|
--success25: #49C39E40; |
||||
|
--success10: #49C39E1A; |
||||
|
--successdark: #44B492; |
||||
|
|
||||
|
--deletion100: #F2545BFF; |
||||
|
--deletion75: #F2545BBF; |
||||
|
--deletion25: #F2545B40; |
||||
|
--deletion10: #F2545B1A; |
||||
|
--deletiondark: #CF4046; |
||||
|
|
||||
|
--white: #FFFFFF; |
||||
|
--darkslate: #5C6B82; |
||||
|
--slate: #8B95A6; |
||||
|
|
||||
|
--borderradius: 2px; |
||||
|
--borderradiusall: 2px 2px 2px 2px; |
||||
|
|
||||
|
--fontblack: "Lato Black"; |
||||
|
--fontbold: "Lato Bold"; |
||||
|
--fontsemibold: "Lato Semi Bold"; |
||||
|
--fontnormal: "Lato"; |
||||
|
|
||||
|
--bodytext: var(--fontnormal) "regular" var(--secondary100) 16pt; |
||||
|
--bigbodytext: var(--fontnormal) "regular" var(--secondary100) 20pt; |
||||
|
--smallbodytext: var(--fontnormal) "regular" var(--secondary100) 12pt; |
||||
|
--lightbodytext: var(--fontnormal) "regular" var(--darkslate) 16pt; |
||||
|
--heavybodytext: var(--fontbold) "regular" var(--secondary100) 16pt; |
||||
|
--quotation: var(--fontnormal) "italics" var(--darkslate) 16pt; |
||||
|
--smallheavybodytext: var(--fontbold) "regular" var(--secondary100) 14pt; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
html, body { |
||||
|
font-family: var(--fontnormal); |
||||
|
color: var(--secondary100); |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
h1 { |
||||
|
font-family: var(--fontblack); |
||||
|
font-size: 36pt; |
||||
|
color: var(--secondary100); |
||||
|
} |
||||
|
|
||||
|
h2 { |
||||
|
font-family: var(--fontbold); |
||||
|
font-size: 30pt; |
||||
|
color: var(--secondary100); |
||||
|
} |
||||
|
|
||||
|
h3 { |
||||
|
font-family: var(--fontbold); |
||||
|
font-size: 24pt; |
||||
|
color: var(--darkslate); |
||||
|
} |
||||
|
|
||||
|
h4 { |
||||
|
font-family: var(--fontsemibold); |
||||
|
font-size: 18pt; |
||||
|
color: var(--secondary100); |
||||
|
} |
||||
|
|
||||
|
h5 { |
||||
|
font-family: var(--fontblack); |
||||
|
font-size: 14pt; |
||||
|
color: var(--secondary100); |
||||
|
} |
||||
|
|
||||
|
h5 { |
||||
|
font-family: var(--fontblack); |
||||
|
font-size: 12pt; |
||||
|
color: var(--darkslate); |
||||
|
} |
||||
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,18 @@ |
|||||
|
<!doctype html> |
||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset='utf8'> |
||||
|
<meta name='viewport' content='width=device-width'> |
||||
|
|
||||
|
<title>Budibase Builder</title> |
||||
|
|
||||
|
<link rel='icon' type='image/png' href='/favicon.png'> |
||||
|
<link rel='stylesheet' href='/global.css'> |
||||
|
<link rel='stylesheet' href='/bundle.css'> |
||||
|
<link rel='stylesheet' href="/uikit.min.css"> |
||||
|
</head> |
||||
|
|
||||
|
<body id="app"> |
||||
|
<script src='/bundle.js'></script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,15 @@ |
|||||
|
import App from "./App.svelte"; |
||||
|
import "./global.css"; |
||||
|
import "./fonts.css"; |
||||
|
import "./assets/lato-latin-ext.woff2"; |
||||
|
import "./assets/lato-latin.woff2"; |
||||
|
import "./assets/budibase-logo.png"; |
||||
|
import "./assets/budibase-logo-only.png"; |
||||
|
import "uikit/dist/css/uikit.min.css"; |
||||
|
import "uikit/dist/js/uikit.min.js"; |
||||
|
|
||||
|
const app = new App({ |
||||
|
target: document.getElementById("app") |
||||
|
}); |
||||
|
|
||||
|
|
||||
@ -0,0 +1,38 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import NavItem from "./NavItem.svelte"; |
||||
|
|
||||
|
export let width=50; |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<nav class="nav" |
||||
|
style="width: {width};"> |
||||
|
<img src="./assets/budibase-logo-only.png" class="logo" alt="budibase logo"/> |
||||
|
<NavItem name="database" label="Database" icon="database" /> |
||||
|
<NavItem name="actions" label="Actions" icon="zap" /> |
||||
|
<NavItem name="access levels" label="Access Levels" icon="user" /> |
||||
|
<NavItem name="user interface" label="User Interface" icon="monitor"/> |
||||
|
<NavItem name="package" label="Package" icon="package"/> |
||||
|
</nav> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.nav { |
||||
|
height: 100%; |
||||
|
position: fixed; |
||||
|
left: 0px; |
||||
|
background-color: var(--secondary100); |
||||
|
color: var(--darkslate); |
||||
|
} |
||||
|
|
||||
|
.nav > img { |
||||
|
width:100%; |
||||
|
margin-bottom: 30px; |
||||
|
margin-top: 5px; |
||||
|
margin-left:0px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,75 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import {database} from "../builderStore"; |
||||
|
import getIcon from "../common/icon"; |
||||
|
|
||||
|
export let name = ""; |
||||
|
export let label = ""; |
||||
|
export let icon = ""; |
||||
|
|
||||
|
let navActive = ""; |
||||
|
|
||||
|
database.subscribe(db => { |
||||
|
navActive = (db.activeNav === name ? "active" : "") |
||||
|
}); |
||||
|
|
||||
|
const setActive = () => |
||||
|
database.setActiveNav(name); |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<div class="{navActive}"> |
||||
|
<div class="nav-item" |
||||
|
on:click={setActive}> |
||||
|
<div class="inner"> |
||||
|
<div class="icon">{@html getIcon(icon)}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
.nav-item { |
||||
|
padding: 0px 5px; |
||||
|
display: block; |
||||
|
padding: 10px; |
||||
|
color: var(--slate); |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.inner { |
||||
|
padding: 0px 20px 10px 0px; |
||||
|
display: inline-block; |
||||
|
width:100%; |
||||
|
} |
||||
|
|
||||
|
.nav-item:hover { |
||||
|
background-color: var(--primary25); |
||||
|
} |
||||
|
|
||||
|
.icon { |
||||
|
font-size:0.9em; |
||||
|
display: inline-block; |
||||
|
position: relative; |
||||
|
top: 5px; |
||||
|
margin-right:5px; |
||||
|
width:100%; |
||||
|
} |
||||
|
|
||||
|
.active > div { |
||||
|
background-color: var(--primary10); |
||||
|
color: var(--secondary100); |
||||
|
} |
||||
|
|
||||
|
.active>div:hover { |
||||
|
background-color: var(--slate); |
||||
|
color: var(--secondary100); |
||||
|
} |
||||
|
|
||||
|
.active { |
||||
|
background-color: white; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,11 @@ |
|||||
|
<script> |
||||
|
|
||||
|
import ComingSoon from "../common/ComingSoon.svelte"; |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<ComingSoon name="User Interface Designer"/> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
</style> |
||||
@ -1 +1 @@ |
|||||
Subproject commit ab14ab9db1698a82b1f98b692ecfa6b71c17752a |
Subproject commit d418f210e2af6f6a37d590ec255730a0da2241c7 |
||||
Binary file not shown.
@ -1,75 +0,0 @@ |
|||||
{ |
|
||||
"levels": [ |
|
||||
{ |
|
||||
"name": "owner", |
|
||||
"permissions": [ |
|
||||
{ |
|
||||
"type": "create record", |
|
||||
"nodeKey": "/customers/1-{id}" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "delete record", |
|
||||
"nodeKey": "/customers/1-{id}" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "update record", |
|
||||
"nodeKey": "/customers/1-{id}" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "read record", |
|
||||
"nodeKey": "/customers/1-{id}" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "create record", |
|
||||
"nodeKey": "/customers/1-{id}/invoices/2-{id}" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "update record", |
|
||||
"nodeKey": "/customers/1-{id}/invoices/2-{id}" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "delete record", |
|
||||
"nodeKey": "/customers/1-{id}/invoices/2-{id}" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "read record", |
|
||||
"nodeKey": "/customers/1-{id}/invoices/2-{id}" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "write templates" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "create user" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "set password" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "create temporary access" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "enable or disable user" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "write access levels" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "list users" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "list access levels" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "manage index" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "set user access levels" |
|
||||
}, |
|
||||
{ |
|
||||
"type": "manage collection" |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
], |
|
||||
"version": 0 |
|
||||
} |
|
||||
@ -1,84 +0,0 @@ |
|||||
{ |
|
||||
"hierarchy": { |
|
||||
"name": "root", |
|
||||
"type": "root", |
|
||||
"children": [ |
|
||||
{ |
|
||||
"name": "customer", |
|
||||
"type": "record", |
|
||||
"fields": [ |
|
||||
{ |
|
||||
"name": "name", |
|
||||
"type": "string", |
|
||||
"typeOptions": { |
|
||||
"maxLength": 1000, |
|
||||
"values": null, |
|
||||
"allowDeclaredValuesOnly": false |
|
||||
}, |
|
||||
"label": "name", |
|
||||
"getInitialValue": "default", |
|
||||
"getUndefinedValue": "default" |
|
||||
} |
|
||||
], |
|
||||
"children": [ |
|
||||
{ |
|
||||
"name": "invoice", |
|
||||
"type": "record", |
|
||||
"fields": [ |
|
||||
{ |
|
||||
"name": "amount", |
|
||||
"type": "number", |
|
||||
"typeOptions": { |
|
||||
"minValue": 99999999999, |
|
||||
"maxValue": 99999999999, |
|
||||
"decimalPlaces": 2 |
|
||||
}, |
|
||||
"label": "amount", |
|
||||
"getInitialValue": "default", |
|
||||
"getUndefinedValue": "default" |
|
||||
} |
|
||||
], |
|
||||
"children": [], |
|
||||
"validationRules": [], |
|
||||
"nodeId": 2, |
|
||||
"indexes": [], |
|
||||
"allidsShardFactor": 1, |
|
||||
"collectionName": "invoices", |
|
||||
"isSingle": false |
|
||||
} |
|
||||
], |
|
||||
"validationRules": [], |
|
||||
"nodeId": 1, |
|
||||
"indexes": [], |
|
||||
"allidsShardFactor": 64, |
|
||||
"collectionName": "customers", |
|
||||
"isSingle": false |
|
||||
} |
|
||||
], |
|
||||
"pathMaps": [], |
|
||||
"indexes": [], |
|
||||
"nodeId": 0 |
|
||||
}, |
|
||||
"actions": { |
|
||||
"output_to_file": { |
|
||||
"name": "output_to_file", |
|
||||
"behaviourSource": "main", |
|
||||
"behaviourName": "outputToFile", |
|
||||
"initialOptions": {} |
|
||||
} |
|
||||
}, |
|
||||
"triggers": [ |
|
||||
{ |
|
||||
"actionName": "output_to_file", |
|
||||
"eventName": "authApi:createUser:onComplete", |
|
||||
"optionsCreator": "return { filename:'tempaccess' + context.user.name, content:context.result.tempCode };", |
|
||||
"condition": "!context.password" |
|
||||
}, |
|
||||
{ |
|
||||
"actionName": "output_to_file", |
|
||||
"eventName": "authApi:createTemporaryAccess:onComplete", |
|
||||
"optionsCreator": "return { filename:'tempaccess' + context.userName, content:context.result };", |
|
||||
"condition": "" |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
@ -1,9 +0,0 @@ |
|||||
const fs = require("fs"); |
|
||||
|
|
||||
module.exports = (config) => ({ |
|
||||
main: { |
|
||||
outputToFile : ({filename, content}) => { |
|
||||
fs.writeFile(`./tests/.data/${filename}`, content, {encoding:"utf8"}); |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
@ -0,0 +1,31 @@ |
|||||
|
const { appPackageFolder } = require("./createAppPackage"); |
||||
|
const { writeFile, readFile } = require("./fsawait"); |
||||
|
|
||||
|
module.exports.getPackageForBuilder = async (config, appname) => { |
||||
|
const appPath = appPackageFolder(config, appname); |
||||
|
return ({ |
||||
|
appDefinition: JSON.parse(await readFile( |
||||
|
`${appPath}/appDefinition.json`, |
||||
|
"utf8")), |
||||
|
|
||||
|
accessLevels: JSON.parse(await readFile( |
||||
|
`${appPath}/access_levels.json`, |
||||
|
"utf8")) |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
module.exports.savePackage = async (config, appname, pkg) => { |
||||
|
const appPath = appPackageFolder(config, appname); |
||||
|
await writeFile( |
||||
|
`${appPath}/appDefinition.json`, |
||||
|
JSON.stringify(pkg.appDefinition), |
||||
|
"utf8"); |
||||
|
|
||||
|
await writeFile( |
||||
|
`${appPath}/access_levels.json`, |
||||
|
JSON.stringify(pkg.accessLevels), |
||||
|
"utf8"); |
||||
|
|
||||
|
} |
||||
Loading…
Reference in new issue