boonyasukd

// ==UserScript==
// @name         CloudBeds Menu Hider
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  hiding CloudBeds' sensitive menu items from prying eyes
// @author       boonyasukd
// @match        https://hotels.cloudbeds.com/connect/10253
// @icon         https://www.google.com/s2/favicons?sz=64&domain=cloudbeds.com
// @grant        none
// @require      https://raw.githubusercontent.com/uzairfarooq/arrive/master/minified/arrive.min.js

boonyasukd

<script>
import { state } from 'vue';
import { setValidation } from './validator';

export default {
  setup() {
    const validationRules = {
      firstName: 'required|alpha_spaces|min:3|max:16',
      lastName: 'required|alpha_spaces|min:3|max:16',
      address: 'min:6|max:128',

boonyasukd

<template>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
                <h1>Filters & Mixins</h1>
                <div>{{ text | reverseText }}</div>
                <hr>
                <div>{{ text | counter }}</div>
                <hr>
                <div>{{ reverseComputed }}</div>

boonyasukd

<template>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
                <h1>Directives Exercise</h1>
                <div v-my-on:click="doAlert">I dare you to try clicking this text!</div>
                <input v-my-on:keyup="doInputAlert">
            </div>
        </div>
    </div>

boonyasukd

<template>
    <div class="container">
        <form>
            <div class="row">
                <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
                    <form>
                        <div class="form-group">
                            <label>Name</label>
                            <full-name v-model="name"></full-name>
                        </div>

boonyasukd

<template>
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <br>
                <button class="btn btn-primary" @click="selected = 'app-blue'">Load Blue Template</button>
                <button class="btn btn-success" @click="selected = 'app-green'">Load Green Template</button>
                <button class="btn btn-danger" @click="selected = 'app-red'">Load Red Template</button>
                <hr>
                <component :is="selected">

boonyasukd

<template>
    <div class="container">
        <app-header></app-header>
        <hr>
        <div class="row">
            <servers></servers>
            <app-server-details></app-server-details>
        </div>
        <hr>
        <app-footer></app-footer>

boonyasukd

<template>
    <div class="container">
        <my-header></my-header>
        <hr>
        <my-status-pane></my-status-pane>
        <hr>
        <my-footer></my-footer>
    </div>
</template>

boonyasukd

<template>
    <vee-form class="login-form">
        <vee-form-item>
            <vee-input name="email" title="Email" size="large"
                       v-model="email" v-validate />
        </vee-form-item>
        <vee-form-item>
            <vee-input name="password" title="Password" type="password" size="large" 
                       v-model="password" v-validate />
        </vee-form-item>