Gecko [ elibrary.unsap.ac.id ]

Windows NT WIN-F6SLGVICLOP 10.0 build 17763 (Windows Server 2016) AMD64
Microsoft-IIS/10.0
Server IP : & Your IP : 3.148.241.210
Domains : Cant Read [ /etc/named.conf ]
User : elibrary.unsap.ac.id

Name	Size	Permission	Date
Button.js	1.15 KB	-rw-rw-rw-	2020-02-14 07:54
Features.js	1.41 KB	-rw-rw-rw-	2020-02-14 07:54
Logo.js	1.99 KB	-rw-rw-rw-	2020-02-14 07:54
SlimsText.js	113 B	-rw-rw-rw-	2020-02-14 07:54
SlimsTextVertical.js	202 B	-rw-rw-rw-	2020-02-14 07:54
Version.js	119 B	-rw-rw-rw-	2020-02-14 07:54

Rename

export default {
    name: 'SlimsButton',
    props: {
        text: {
            type: String,
            default: ''
        },
        color: {
            type: String,
            default: 'bg-yellow-500'
        },
        loading: {
            type: Boolean,
            default: false
        },
        disabled: {
            type: Boolean,
            default: false
        },
        type: {
            type: String,
            default: 'button'
        }
    },
    template: `<button @click="onClick" :type="type" :disabled="disabled" :class="state" 
            class="text-white py-3 px-5 rounded-full font-bold flex justify-center items-center focus:outline-none">
            {{ title }}
            <div v-show="loading" class="lds-dual-ring ml-3"><div></div><div></div></div></button>`,
    computed: {
        title() {
            if (this.loading) return 'Please wait ...';
            return this.text
        },
        state() {
            if (this.disabled) return ['bg-gray-500', 'cursor-not-allowed'];
            return [this.color]
        }
    },
    methods: {
        onClick(e) {
            this.$emit('click', e)
        }
    }
}