Nymph is an object data store that is easy to use in JavaScript and PHP.
The PHP implementation of Nymph/Tilmeld has been deprecated. It will no longer have any new features added. Instead, a new version of Nymph running on Node.js, written entirely in TypeScript will replace the PHP implementation. You can find it over at the Nymph.js repo.
You can install Nymph Query Editor with NPM.
npm install --save nymph-query-editorThis repository is the JavaScript query editor widget built with Svelte. For more information, you can see the main Nymph repository.
(with UMD in Vanilla ES 5)
npm install --save nymph-query-editorTo use, include Locutus' strtotime and the files from the lib folder, and instantiate with a target and list of Nymph entity classes:
<!-- Locutus strtotime (loading it manually) -->
<script type="text/javascript">
if (typeof module !== "undefined") _module = module;
module = {};
</script>
<script src="node_modules/locutus/php/datetime/strtotime.js"></script>
<script type="text/javascript">
strtotime = module.exports;
delete module;
if (typeof _module !== "undefined") module = _module;
</script>
<!-- Query Editor JS -->
<script src="node_modules/nymph-query-editor/lib/ValueEditor.js"></script>
<script src="node_modules/nymph-query-editor/lib/SelectorEditor.js"></script>
<script src="node_modules/nymph-query-editor/lib/QueryEditor.js"></script>
<script type="text/javascript">
((global, QueryEditor) => {
const myQueryEditor = new QueryEditor({
target: document.querySelector("query-editor"),
data: {
supportedClasses: [MyFirstEntity, MySecondEntity],
options: {
class: MyFirstEntity.class,
},
selectors: [
{
type: "&",
gte: ["cdate", null, "-1 week"],
},
],
},
});
})(this, QueryEditor.default);
</script>Then you can get the query by the options and selectors:
const { options, selectors } = myQueryEditor.get();
const query = [options, ...selectors];For a thorough step by step guide to setting up Nymph on your own server, visit the Setup Guide.
Check out the API Docs in the wiki.