@saltcorn/markup
Advanced tools
Comparing version 0.2.2-beta.0 to 0.2.2
@@ -23,2 +23,6 @@ const { | ||
)}` | ||
: Array.isArray(value) | ||
? `[${value | ||
.map((v) => `'${v}'`) | ||
.join()}].includes(e.closest('.form-namespace').find('${target}').val())` | ||
: `e.closest('.form-namespace').find('${target}').val()==='${value}'` | ||
@@ -25,0 +29,0 @@ ) |
@@ -24,5 +24,6 @@ const { a, text, div, input, text_attr } = require("./tags"); | ||
const search_bar = (name, v) => `<div class="input-group"> | ||
<input type="text" class="form-control bg-light" placeholder="Search for..." | ||
const search_bar = (name, v, onClick) => `<div class="input-group"> | ||
<input type="text" class="form-control bg-light search-bar" placeholder="Search for..." | ||
id="input${text_attr(name)}" name="${name}" | ||
${onClick ? `onChange="${onClick}"` : ""} | ||
aria-label="Search" aria-describedby="button-search-submit" ${ | ||
@@ -32,3 +33,5 @@ v ? `value="${text_attr(v)}"` : "" | ||
<div class="input-group-append"> | ||
<button class="btn btn-primary" type="submit" id="button-search-submit"> | ||
<button class="btn btn-primary" ${ | ||
onClick ? `onClick="${onClick}"` : "" | ||
} btype="submit" id="button-search-submit"> | ||
<i class="fas fa-search"></i> | ||
@@ -35,0 +38,0 @@ </button> |
28
index.js
@@ -13,3 +13,13 @@ const renderForm = require("./form"); | ||
csrfToken, | ||
{ btnClass = "primary", onClick, small, klass = "", formClass } = {} | ||
{ | ||
btnClass = "primary", | ||
onClick, | ||
small, | ||
ajax, | ||
reload_on_done, | ||
reload_delay, | ||
klass = "", | ||
formClass, | ||
spinner, | ||
} = {} | ||
) => | ||
@@ -20,4 +30,10 @@ `<form action="${text(href)}" method="post"${ | ||
<input type="hidden" name="_csrf" value="${csrfToken}"> | ||
<button type="submit" ${ | ||
onClick ? `onclick="${onClick}"` : "" | ||
<button ${ajax ? 'type="button"' : 'type="submit"'} ${ | ||
onClick | ||
? `onclick="${spinner ? "press_store_button(this);" : ""}${onClick}"` | ||
: ajax | ||
? `onclick="${ | ||
spinner ? "press_store_button(this);" : "" | ||
}ajax_post_btn(this, ${reload_on_done}, ${reload_delay})"` | ||
: "" | ||
} class="${klass} btn ${ | ||
@@ -33,2 +49,7 @@ small ? "btn-sm" : "" | ||
const post_dropdown_item = (href, s, csrfToken) => | ||
`<form action="${text(href)}" method="post" class=""> | ||
<input type="hidden" name="_csrf" value="${csrfToken}"> | ||
<button type="submit" class="dropdown-item btn btn-link">${s}</button></form>`; | ||
module.exports = { | ||
@@ -41,3 +62,4 @@ mkTable, | ||
post_delete_btn, | ||
post_dropdown_item, | ||
tabs, | ||
}; |
@@ -99,6 +99,3 @@ const { contract, is } = require("contractis"); | ||
{ class: "card-header" }, | ||
h6( | ||
{ class: "m-0 font-weight-bold text-primary" }, | ||
text(segment.title) | ||
) | ||
h6({ class: "m-0 font-weight-bold text-primary" }, segment.title) | ||
), | ||
@@ -105,0 +102,0 @@ div({ class: "card-body" }, go(segment.contents)), |
{ | ||
"name": "@saltcorn/markup", | ||
"version": "0.2.2-beta.0", | ||
"version": "0.2.2", | ||
"description": "Markup for Saltcorn, open-source no-code platform", | ||
@@ -27,3 +27,3 @@ "homepage": "https://saltcorn.com", | ||
}, | ||
"gitHead": "1e666a1136546bea102892521c57d827234d8979" | ||
"gitHead": "113190adbef0081d9900d580a7d50fc1f67c1b40" | ||
} |
@@ -81,3 +81,10 @@ const { contract, is } = require("contractis"); | ||
table( | ||
{ class: ["table table-sm", opts.onRowSelect && "table-hover"] }, | ||
{ | ||
class: [ | ||
"table table-sm", | ||
opts.class, | ||
opts.onRowSelect && "table-hover", | ||
], | ||
style: opts.style, | ||
}, | ||
!opts.noHeader && thead(tr(hdrs.map((hdr) => headerCell(hdr)))), | ||
@@ -84,0 +91,0 @@ tbody( |
39707
1346