staffmanager/resources/js/app.js

71 lines
1.8 KiB
JavaScript

/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is a great starting point when
* building robust, powerful web applications using Vue and Laravel.
*/
require('chart.js');
require('./bootstrap');
import flatpickr from "flatpickr";
flatpickr("#appointmentDateTime", {
enableTime: true,
dateFormat: "Y-m-d H:i",
static: false
});
$("#banAccountTrigger").on("click", function(event){
$("#banAccountModal").modal('show');
});
$("#durationDropdown").dropdown();
$(".dropdown-menu a").on("click", function(e){
$(".duration-btn").text(this.innerHTML);
$("#operator").val(this.innerHTML);
});
$("#banAccountButton").on("click", function(){
$("#banAccountForm").submit();
});
$("#comment").keyup(function(){
$("#charcount").text($("#comment").val().length);
});
$("#submitComment").on('click', function(){
$("#newComment").submit();
});
window.Vue = require('vue');
/**
* The following block of code may be used to automatically register your
* Vue components. It will recursively scan this directory for the Vue
* components and automatically register them with their "basename".
*
* Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
*/
// const files = require.context('./', true, /\.vue$/i)
// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
/**
* Next, we will create a fresh Vue application instance and attach it to
* the page. Then, you may begin adding components to this application
* or customize the JavaScript scaffolding to fit your unique needs.
*/
const app = new Vue({
el: '#app',
});