scritik / prestui Goto Github PK

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] }
        
        
            

                

                    
                         { this.primary_action.title }
                    
                    
                         
                    
                    

                        

                        
                                 { elem.title }
                            
                        
                    
                
            
        
    

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.

Sorry, we have followed the instructions without success... Is still valid the documentation and the files?

Thanks

<ps-switch on-change="logSwitch"></ps-switch>

should be

<ps-switch on-switch="logSwitch">

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

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

• switch: never show correct status
• select: dont show options

there is some thing wrong in my code?

thanks

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)

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>

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

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.

S is missing for "prestui" in
return $html.$this->display(FILE, 'views/templates/admin/pretui/ps-tags.tpl');