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

PMCORE-3075:UI - Cases Lists Subtitle.

Browse Source
This commit is contained in:
fabio
2021-08-09 12:20:48 -04:00
parent 27bcb76fd7
commit 341fdb2683
5 changed files with 56 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,21 +2,33 @@
<div class="pm-multiview-header">
<div class="pm-multiview-header-title"></div>
<div class="pm-multiview-header-actions">
<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>
<b-row>
<b-col sm="8">
<div class="subtitle" v-if="dataSubtitle">
<h6>
{{ dataSubtitle.subtitle }}
<span>
<i :class="dataSubtitle.icon"></i>
</span>
</h6>
</div>
</button>
</div>
</b-col>
<b-col sm="4" class="pm-multiview-header-actions-buttons">
<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>
</b-col>
</b-row>
</div>
</div>
</template>
@@ -24,7 +36,10 @@
<script>
export default {
name: "MultiviewHeader",
props: ["data"],
props: [
"data",
"dataSubtitle"
],
data() {
return {};
},
@@ -38,10 +53,11 @@ export default {
<style>
.pm-multiview-header {
margin-bottom: 7px;
}
.pm-multiview-header-title {
}
.pm-multiview-header-actions {
.pm-multiview-header-actions-buttons {
text-align: end;
}
.pm-multiview-header-button {