72 lines
1.8 KiB
JavaScript
72 lines
1.8 KiB
JavaScript
var ioAlatComponent = {
|
|
template: `
|
|
<v-flex md3 xs6 class='p-io-alat'>
|
|
<v-card
|
|
class="mx-auto io-alat light-green lighten-4"
|
|
light
|
|
max-width="400"
|
|
>
|
|
<v-card-title >
|
|
<span class="title font-weight-light"> Title </span>
|
|
</v-card-title>
|
|
|
|
<v-card-text>
|
|
<div>
|
|
<span class="label">Port</span>
|
|
<span class="label-sep">:</span>
|
|
<span class="label-val">123</span>
|
|
</div>
|
|
<div>
|
|
<span class="label">Glu</span>
|
|
<span class="label-sep">:</span>
|
|
<span class="label-val">1023</span>
|
|
</div>
|
|
<div>
|
|
<span class="label">DB</span>
|
|
<span class="label-sep">:</span>
|
|
<span class="label-val">pdb</span>
|
|
</div>
|
|
<div>
|
|
<span class="label">LIS</span>
|
|
<span class="label-sep">:</span>
|
|
<span class="label-val">Enabled</span>
|
|
</div>
|
|
</v-card-text>
|
|
|
|
<v-card-actions class="action light-green lighten-1">
|
|
<v-spacer></v-spacer>
|
|
<v-icon color="#EFFCED" v-bind:class="true" >get_app</v-icon>
|
|
</v-card-actions>
|
|
</v-card>
|
|
|
|
</v-flex>
|
|
`,
|
|
data: function() {
|
|
return {}
|
|
},
|
|
methods: {},
|
|
components: {
|
|
SheetFooter: {
|
|
functional: true,
|
|
render(h, {
|
|
children
|
|
}) {
|
|
return h('v-sheet', {
|
|
staticClass: 'mt-auto align-center justify-center d-flex',
|
|
props: {
|
|
color: 'rgba(0, 0, 0, .36)',
|
|
dark: true,
|
|
height: 50
|
|
}
|
|
}, children)
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
export {
|
|
ioAlatComponent
|
|
};
|