Skip to content

Instantly share code, notes, and snippets.

View cahyowhy's full-sized avatar
🐞

cahyo wibowo cahyowhy

🐞
View GitHub Profile
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Padi POS | Reset Password</title>
<style type="text/css">
h1,
h2,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Padi POS | Konfirmasi Email</title>
<style type="text/css">
h1,
h2,
<template>
<g-field>
<g-checkbox v-model="forceDataEmpty">Force data empty</g-checkbox>
</g-field>
<g-table :datas="forceDataEmpty ? []: userDatas4" :columns="userColumns4" type="info" @changePage="doFind"
:total-data="100" :per-page="perPage" :isLoading="isLoading" show-numbering use-paging>
<template slot="empty">
<div class="has-text-centered">
<p><i class="fas fa-box-open fa-7x"></i></p>
<p class="title is-6">No more data to load</p>
<template>
<g-table :datas="userDatas3Formated" :columns="userColumns3" type="info" use-paging :total-data="10" :per-page="5"
front-end-pagination show-numbering>
<template slot="detail" slot-scope="{index, data}">
<div class="content">
<div class="field is-grouped">
<div class="control image is-64x64">
<img :src="userDatas3[index].avatar" :alt="data.first_name">
</div>
<div class="control is-expanded">
<template>
<g-table :datas="userDatas3Formated" :columns="userColumns3" type="info" use-paging :total-data="10" :per-page="5"
front-end-pagination show-numbering>
<template slot="thead" slot-scope="{colSpan}">
<tr>
<th></th>
<th colspan="2">Name</th>
<th :colspan="colSpan-3">Aditional info</th>
</tr>
<tr>
<template>
<g-table :datas="userDatas2" :columns="userColumns2" type="info" use-paging :total-data="10" :per-page="5"
front-end-pagination show-numbering />
</template>
<script>
export default {
data() {
return {
userDatas2: [
<template>
<g-field>
<g-checkbox v-model="showNumbering">Apply Numbering</g-checkbox>
</g-field>
<g-field>
<g-checkbox v-model="bordered">Apply Border to table</g-checkbox>
</g-field>
<g-field>
<g-checkbox v-model="striped">Apply Strip to table</g-checkbox>
</g-field>
<template>
<form>
<g-field label="Name" is-horizontal>
<g-input maxlength="20" placeholder="Default Text Input"/>
</g-field>
<g-field label="Username" message="Username is avalaible" type="success" is-horizontal>
<g-input value="cahyowhy"/>
</g-field>
<g-field label="Email" message="Email format is wrong!" type="danger" is-horizontal>
<g-input value="[email protected]">
<template>
<form>
<div class="block">
<p class="title is-6">Adjust position of grouped component</p>
<g-field is-grouped>
<div class="control">
<g-button type="primary">Submit</g-button>
</div>
<div class="control">
<g-button type="light">Cancel</g-button>
<template>
<form>
<div class="block">
<p class="title is-6">Basic Addon</p>
<g-field has-addons>
<g-input placeholder="default addon" />
<div class="control">
<g-button type="info">Ok</g-button>
</div>
</g-field>