PHP Classes

File: resources/js/components/IndexField.vue

Recommend this page to a friend!
  Classes of Naif Alshaye   Laravel Nova Toggle Field Switch   resources/js/components/IndexField.vue   Download  
File: resources/js/components/IndexField.vue
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Laravel Nova Toggle Field Switch
Output HTML for a Laravel Nova toggle switch field
Author: By
Last change:
Date: 1 year ago
Size: 974 bytes
 

Contents

Class file image Download
<template> <span v-show="this.field.value === '1'"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="green" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </span> <span v-show="this.field.value === '0'"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="red" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </span> </template> <script> export default { props: ['resourceName', 'field'], computed: { fieldValue() { return this.field.displayedAs || this.field.value }, }, } </script>