Commit 93be6e6b by Damien Moulard

WIP add products by family selection for presta

......@@ -291,6 +291,10 @@ form[name="formEncaissement"] label {
}
}
/**
* END Success check animation.
*/
#login-password-container {
position: relative;
}
......@@ -341,6 +345,17 @@ form[name="formEncaissement"] label {
border: 5px solid #CBC3E3;
}
/**
* END Success check animation.
*/
\ No newline at end of file
.presta-products-family {
margin-bottom: 1rem;
}
.presta-products-family-form-group {
display: flex;
gap: 5px;
align-content: center;
margin-bottom: 0.5rem !important;
}
.presta-products-family-form-group label {
width: 40%;
}
\ No newline at end of file
......@@ -633,4 +633,23 @@ $(function() {
});
}
});
function addFormToCollection(e) {
const collectionHolder = document.querySelector('.' + e.currentTarget.dataset.collectionHolderClass);
const item = document.createElement('div');
item.innerHTML = collectionHolder
.dataset
.prototype
.replace(
/__name__/g,
collectionHolder.dataset.index
);
collectionHolder.appendChild(item);
collectionHolder.dataset.index++;
};
$("#add-prestataire-products-family").on("click", addFormToCollection);
});
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -3,10 +3,10 @@
"app": {
"js": [
"/build/runtime.6ad5c9da.js",
"/build/app.7536af12.js"
"/build/app.2576ca3f.js"
],
"css": [
"/build/app.95a5ad0e.css"
"/build/app.972ba10e.css"
]
},
"admin": {
......
{
"build/app.css": "/build/app.95a5ad0e.css",
"build/app.js": "/build/app.7536af12.js",
"build/app.css": "/build/app.972ba10e.css",
"build/app.js": "/build/app.2576ca3f.js",
"build/admin.css": "/build/admin.5dc0eea7.css",
"build/admin.js": "/build/admin.cee4d78d.js",
"build/runtime.js": "/build/runtime.6ad5c9da.js",
......
......@@ -23,7 +23,7 @@ class PrestataireProductFamilyFormType extends AbstractType
'required' => true,
))
->add('products', TextType::class, [
'label' => 'Produits :',
'label' => 'Produits',
'required' => true,
])
;
......
......@@ -32,16 +32,33 @@
<h3>{{ form_label(form.prestataireProductFamilies) }}</h3>
{{ form_errors(form.prestataireProductFamilies) }}
<div id="presta-products-families-list">
<div
class="presta-products-families-list"
data-index="{{ form.prestataireProductFamilies|length > 0 ? form.prestataireProductFamilies|last.vars.name + 1 : 0 }}"
data-prototype="{{ form_widget(form.prestataireProductFamilies.vars.prototype)|e('html_attr') }}"
>
{% for prestataireProductFamilyForm in form.prestataireProductFamilies %}
<div class="presta-products-family">
{{ form_row(prestataireProductFamilyForm.productFamily) }}
{{ form_row(prestataireProductFamilyForm.products) }}
<div class="form-group presta-products-family-form-group">
{{ form_label(prestataireProductFamilyForm.productFamily) }}
{{ form_widget(prestataireProductFamilyForm.productFamily) }}
</div>
<div class="form-group presta-products-family-form-group">
{{ form_label(prestataireProductFamilyForm.products) }}
{{ form_widget(prestataireProductFamilyForm.products) }}
</div>
</div>
{% endfor %}
{# TODO custom template for prototype #}
</div>
<button type="button" id="add-products-family" class="btn-primary btn">
<button
type="button"
id="add-prestataire-products-family"
class="btn-primary btn"
data-collection-holder-class="presta-products-families-list"
>
<i class="fa fa-plus"></i>
</button>
{% endif %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment