scritik / prestui Goto Github PK
View Code? Open in Web Editor NEWUI library for PrestaShop modules
License: MIT License
UI library for PrestaShop modules
License: MIT License
i'm trying this code
<ps-tab label="test" id="tab_base" icon="icon-AdminParentModules" img="../img/t/AdminBackup.gif" fa="cogs"> <ps-switch name="switch" label="Switch" yes="Yes" no="No" active="false"></ps-switch> <ps-select label="Select input" name="ps_select" chosen='true'> <option value="test">test</option> <option value="test2">test2</option> </ps-select> </ps-tab>
and don't render well
there is some thing wrong in my code?
thanks
Sorry, we have followed the instructions without success... Is still valid the documentation and the files?
Thanks
hi,
i'm install prestui in my proyect and i set riot+compiler.min load but i receive this error:
Uncaught TypeError: Cannot read property 'opts' of undefined
prestui is compatible with recent versions of riot?
if not, what version i must use?
thanks
If i add save and saveAndStay button no margin as added between those button.
<ps-panel-footer-submit title="{l s='Save and stay'}" icon="save" direction="right" name="submitAddproductAndStay"></ps-panel-footer-submit>
<ps-panel-footer-submit title="{l s='Save'}" icon="save" direction="right" name="submitAddproduct"></ps-panel-footer-submit>
We are implementing the standard UX using the PrestUI library. We are showing a table using the example of github (https://github.com/Scritik/prestui/wiki/Tables) but the table does not show the rows; it only shows the header. Debbugging the code for displaying the table (ps-table.tpl) we found that the error should be on the line 66:
{ row[value] }
Specifically in the loop columns nested within the loop of the rows. The variable this.columns_keys is apparently being ignored because is nested within a loop. If we change the variable this.columns_keys and we put the variable row in its place, declared in the upper loop, the rows of the table are shown.
This also happens with the action buttons for each row. The condition of the line 69 (if={ this.primary_action }) is always false because that variable seems not to exist in that loop.
We would appreciate a more extensive documentation and examples of PrestUI to display tables.
<ps-switch on-change="logSwitch"></ps-switch>
should be
<ps-switch on-switch="logSwitch">
Creating a ps-table using your example array, all other tags I've used so far have worked perfectly, I just can't this ps-table tag to load, am I missing something?
Thanks
'data' => Tools::jsonEncode(array(
'columns' => array(
array('content' => 'ID', 'key' => 'id', 'center' => true),
array('content' => 'Email', 'key' => 'email'),
array('content' => 'Name', 'key' => 'name'),
array('content' => 'Active', 'key' => 'active', 'bool' => true, 'center' => true, 'fa' => true)
),
'rows' => array(
array('id' => 1, 'email' => '[email protected]', 'name' => 'Bob'),
array('id' => 2, 'email' => '[email protected]', 'name' => 'John')
),
'rows_actions' => array(
array('title' => 'Edit', 'action' => 'edit_employee', 'icon' => 'pencil', 'img' => '../img/admin/edit.gif', 'fa' => 'pencil'),
array('title' => 'Delete', 'action' => 'delete_employee', 'icon' => 'trash', 'img' => '../img/admin/delete.gif', 'fa' => 'trash')
),
'top_actions' => array(
array('title' => 'Add employee', 'action' => 'add_employee', 'icon' => 'add', 'img' => 'themes/default/img/process-icon-new.png', 'fa' => 'plus'),
),
'url_params' => array('configure' => 'A Name'),
'identifier' => 'id'
))
Resulting template code is:
<ps-table header="Models" icon="icon-users" content="{"columns":[{"content":"ID","key":"id","center":true},{"content":"Email","key":"email"},{"content":"Name","key":"name"},{"content":"Active","key":"active","bool":true,"center":true,"fa":true}],"rows":[{"id":1,"email":"[email protected]","name":"Bob"},{"id":2,"email":"[email protected]","name":"John"}],"rows_actions":[{"title":"Edit","action":"edit_employee","icon":"pencil","img":"..\/img\/admin\/edit.gif","fa":"pencil"},{"title":"Delete","action":"delete_employee","icon":"trash","img":"..\/img\/admin\/delete.gif","fa":"trash"}],"top_actions":[{"title":"Add employee","action":"add_employee","icon":"add","img":"themes\/default\/img\/process-icon-new.png","fa":"plus"}],"url_params":{"configure":"A Name"},"identifier":"id"}" no-items-text="No items found"></ps-table>
which seems ok, but I get an error:
VM10986:1 Uncaught SyntaxError: Unexpected token c in JSON at position 0 at JSON.parse (<anonymous>) at re.<anonymous> (<anonymous>:6:17) at re.<anonymous> (riot+compiler.min.js:2) at re.M (riot+compiler.min.js:2) at O (riot+compiler.min.js:2) at re.k (riot+compiler.min.js:2) at re.<anonymous> (riot+compiler.min.js:2) at re.<anonymous> (riot+compiler.min.js:2) at re.M (riot+compiler.min.js:2) at O (riot+compiler.min.js:2)
Hi,
I try to use ps-table component to display a list, I try the example found on the wiki but I have an json parse error. Someone has an example who is working ?
Thanks
S is missing for "prestui" in
return $html.$this->display(FILE, 'views/templates/admin/pretui/ps-tags.tpl');
If we use id, name or class for target element the orginal element ( for exemple will be targeted.
Like this
$('.myinput') will target generated input AND the orginal element.
It's worse with id (see my request) because jquery stop on first id founded.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.