File manager - Edit - /var/www/payraty/helpdesk/vendor/laravel/horizon/resources/js/screens/metrics/jobs.vue
Back
<script type="text/ecmascript-6"> export default { components: {}, /** * The component's data. */ data() { return { ready: false, jobs: [] }; }, /** * Prepare the component. */ mounted() { this.loadJobs(); }, methods: { /** * Load the jobs. */ loadJobs() { this.ready = false; this.$http.get(Horizon.basePath + '/api/metrics/jobs') .then(response => { this.jobs = response.data; this.ready = true; }); } } } </script> <template> <div> <div v-if="!ready" class="d-flex align-items-center justify-content-center card-bg-secondary p-5 bottom-radius"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="icon spin me-2 fill-text-color"> <path d="M12 10a2 2 0 0 1-3.41 1.41A2 2 0 0 1 10 8V0a9.97 9.97 0 0 1 10 10h-8zm7.9 1.41A10 10 0 1 1 8.59.1v2.03a8 8 0 1 0 9.29 9.29h2.02zm-4.07 0a6 6 0 1 1-7.25-7.25v2.1a3.99 3.99 0 0 0-1.4 6.57 4 4 0 0 0 6.56-1.42h2.1z"></path> </svg> <span>Loading...</span> </div> <div v-if="ready && jobs.length == 0" class="d-flex flex-column align-items-center justify-content-center card-bg-secondary p-5 bottom-radius"> <span>There aren't any jobs.</span> </div> <table v-if="ready && jobs.length > 0" class="table table-hover mb-0"> <thead> <tr> <th>Job</th> </tr> </thead> <tbody> <tr v-for="job in jobs" :key="job"> <td> <router-link :to="{ name: 'metrics-preview', params: { type: 'jobs', slug: job }}"> {{ job }} </router-link> </td> </tr> </tbody> </table> </div> </template>
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings