Toolbar update

pull/358/head
cagataycivici 2020-07-02 18:00:42 +03:00
parent 24bb517ee5
commit 926a710e31
10 changed files with 14 additions and 24 deletions

View File

@ -4855,7 +4855,6 @@
} }
.p-toolbar { .p-toolbar {
background: #f5f5f5;
border: 0 none; border: 0 none;
} }

View File

@ -4855,7 +4855,6 @@
} }
.p-toolbar { .p-toolbar {
background: #f5f5f5;
border: 0 none; border: 0 none;
} }

View File

@ -4855,7 +4855,6 @@
} }
.p-toolbar { .p-toolbar {
background: #f5f5f5;
border: 0 none; border: 0 none;
} }

View File

@ -4855,7 +4855,6 @@
} }
.p-toolbar { .p-toolbar {
background: #f5f5f5;
border: 0 none; border: 0 none;
} }

View File

@ -4855,7 +4855,6 @@
} }
.p-toolbar { .p-toolbar {
background: #f5f5f5;
border: 0 none; border: 0 none;
} }

View File

@ -4855,7 +4855,6 @@
} }
.p-toolbar { .p-toolbar {
background: #f5f5f5;
border: 0 none; border: 0 none;
} }

View File

@ -4855,7 +4855,6 @@
} }
.p-toolbar { .p-toolbar {
background: #f5f5f5;
border: 0 none; border: 0 none;
} }

View File

@ -4855,7 +4855,6 @@
} }
.p-toolbar { .p-toolbar {
background: #f5f5f5;
border: 0 none; border: 0 none;
} }

View File

@ -362,7 +362,7 @@ export default {
createId() { createId() {
let id = ''; let id = '';
var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
for ( var i = 0; i < 5; i++ ) { for ( var i = 0; i &lt; 5; i++ ) {
id += chars.charAt(Math.floor(Math.random() * chars.length)); id += chars.charAt(Math.floor(Math.random() * chars.length));
} }
return id; return id;

View File

@ -8,22 +8,20 @@
</div> </div>
<div class="content-section implementation"> <div class="content-section implementation">
<div class="card"> <Toolbar>
<Toolbar> <template slot="left">
<template slot="left"> <Button label="New" icon="pi pi-plus" style="margin-right: .5em" />
<Button label="New" icon="pi pi-plus" style="margin-right: .5em" /> <Button label="Upload" icon="pi pi-upload" class="p-button-success" />
<Button label="Upload" icon="pi pi-upload" class="p-button-success" /> <i class="pi pi-bars p-toolbar-separator" style="margin-right: .5em" />
<i class="pi pi-bars p-toolbar-separator" style="margin-right: .5em" /> <SplitButton label="Save" icon="pi pi-check" :model="items" class="p-button-warning"></SplitButton>
<SplitButton label="Save" icon="pi pi-check" :model="items" class="p-button-warning"></SplitButton> </template>
</template>
<template slot="right"> <template slot="right">
<Button icon="pi pi-search" style="margin-right: .5em" /> <Button icon="pi pi-search" style="margin-right: .5em" />
<Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .5em" /> <Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .5em" />
<Button icon="pi pi-times" class="p-button-danger" /> <Button icon="pi pi-times" class="p-button-danger" />
</template> </template>
</Toolbar> </Toolbar>
</div>
</div> </div>
<ToolbarDoc/> <ToolbarDoc/>