125 lines
5.1 KiB
Vue
125 lines
5.1 KiB
Vue
<template>
|
|
<v-layout class="fill-height" column>
|
|
<one-dialog-info :status="xinfo" :msg="xmsginfo" @close-dialog-info="closeInfo()"></one-dialog-info>
|
|
|
|
<v-toolbar class="pa-1 mb-2" color="blue lighten-3" dark height="50px">
|
|
<v-toolbar-title>DASHBOARD</v-toolbar-title>
|
|
</v-toolbar>
|
|
|
|
<v-card class="grow" >
|
|
<v-img
|
|
src="/one-ui/apps/image/welcome.png" style = "max-width: 40%; height: auto; display: block; margin-left: auto; margin-right: auto; margin-top: 10px;"
|
|
></v-img>
|
|
|
|
<v-container grid-list-md text-xs-center>
|
|
<v-layout row wrap>
|
|
|
|
|
|
<v-flex xs4>
|
|
<v-card color=" blue darken-1" style="height: 500px" class="white--text">
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<div class="headline">Spesifikasi</div>
|
|
</br>
|
|
<v-list three-line style ="background-color: #1E88E5;" class="white--text">
|
|
<v-list-tile>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Content filtering</v-list-tile-title>
|
|
<v-list-tile-sub-title class="white--text">Set the content filtering level to restrict appts that can be downloaded</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-tile>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Password</v-list-tile-title>
|
|
<v-list-tile-sub-title class="white--text">Require password for purchase or use password to restrict purchase</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
</div>
|
|
</v-card-title>
|
|
|
|
</v-card>
|
|
</v-flex>
|
|
|
|
<v-flex xs4>
|
|
<v-card color="light-green lighten-1" style="height: 500px" class="white--text">
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<div class="headline">Kelebihan</div>
|
|
</br>
|
|
<v-list three-line style ="background-color:#9CCC65;" class="white--text">
|
|
<v-list-tile>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Content filtering</v-list-tile-title>
|
|
<v-list-tile-sub-title class="white--text">Set the content filtering level to restrict appts that can be downloaded</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-tile>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Password</v-list-tile-title>
|
|
<v-list-tile-sub-title class="white--text">Require password for purchase or use password to restrict purchase</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
</div>
|
|
</v-card-title>
|
|
|
|
</v-card>
|
|
</v-flex>
|
|
|
|
<v-flex xs4>
|
|
<v-card color=" purple lighten-2" style="height: 500px" class="white--text">
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<div class="headline">Cara Penggunaan</div>
|
|
</br>
|
|
<v-list three-line style ="background-color: #BA68C8;" class="white--text">
|
|
<v-list-tile>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Content filtering</v-list-tile-title>
|
|
<v-list-tile-sub-title class="white--text">Set the content filtering level to restrict appts that can be downloaded</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-tile>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Password</v-list-tile-title>
|
|
<v-list-tile-sub-title class="white--text">Require password for purchase or use password to restrict purchase</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
</div>
|
|
</v-card-title>
|
|
|
|
</v-card>
|
|
</v-flex>
|
|
|
|
|
|
</v-layout>
|
|
</v-container>
|
|
|
|
</v-card>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</v-layout>
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
.v-divider {
|
|
border-color: rgba(90,114,246,1) !important;
|
|
margin-top: 0.55rem !important;
|
|
margin-bottom: 0.55rem !important;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
|
|
</script>
|