fernando/luos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update Cards

Browse Source
This commit is contained in:
Henry Jordan
2021-07-08 15:00:07 +00:00
parent 48b728bde1
commit bfb957ea5a
7 changed files with 244 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
resources/assets/js/components/headers/MultiviewHeader.vue
View File

@@ -2,19 +2,21 @@
<div class="pm-multiview-header">
<div class="pm-multiview-header-title"></div>
<div class="pm-multiview-header-actions">
<button
v-for="action in data.actions"
:key="action.id"
@click="action.onClick(action)"
class="pm-multiview-header-button"
:title="action.title"
>
<div>
<span>
<i :class="action.icon"></i>
</span>
</div>
</button>
<div>
<button
v-for="action in data.actions"
:key="action.id"
@click="action.onClick(action)"
class="pm-multiview-header-button"
:title="action.title"
>
<div>
<span>
<i :class="action.icon"></i>
</span>
</div>
</button>
</div>
</div>
</div>
</template>
@@ -22,41 +24,9 @@
<script>
export default {
name: "MultiviewHeader",
props: [],
props: ["data"],
data() {
return {
data: {
actions: [
{
id: "view-grid",
title: "Grid",
onClick(action) {
console.log("action");
console.log(action);
},
icon: "fas fa-table",
},
{
id: "view-list",
title: "List",
onClick(action) {
console.log("action");
console.log(action);
},
icon: "fas fa-list",
},
{
id: "view-card",
title: "Card",
onClick(action) {
console.log("action");
console.log(action);
},
icon: "fas fa-th",
},
],
},
};
return {};
},
methods: {
classBtn(cls) {
@@ -72,7 +42,7 @@ export default {
.pm-multiview-header-title {
}
.pm-multiview-header-actions {
float: right;
text-align: end;
}
.pm-multiview-header-button {
background-color: transparent;