Skip to content

Instantly share code, notes, and snippets.

View madhusudhan1234's full-sized avatar

Madhu Sudhan Subedi madhusudhan1234

View GitHub Profile
<template>
<ul class="pagination">
<li v-if="pagination.current_page > 1">
<a href="javascript:void(0)" aria-label="Previous" v-on:click.prevent="changePage(pagination.current_page - 1)">
<span aria-hidden="true">«</span>
</a>
</li>
<li v-for="page in pagesNumber" :class="{'active': page == pagination.current_page}">
<a href="javascript:void(0)" v-on:click.prevent="changePage(page)">{{ page }}</a>
</li>
Vue.component('vue-pagination', require('./components/Pagination.vue'));
require('./bootstrap');
import VuePagination from './components/Pagination.vue';
import axios from 'axios';
axios.defaults.headers.common = {
'X-Requested-With': 'XMLHttpRequest',
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
};
const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');
/*
|--------------------------------------------------------------------------
| Elixir Asset Management
|--------------------------------------------------------------------------
|
| Elixir provides a clean, fluent API for defining some basic Gulp tasks
<vue-pagination :pagination="users"
@paginate="getUsers()"
:offset="4">
</vue-pagination>
<?php
Route::get('user/api',[
'as' => 'user.api',
'uses' => 'API\UserApiController@index'
]);
Route::get('users',[
'as' => 'users.index',
'uses' => 'UserController@index'
<?php
namespace App\Http\Controllers\API;
use App\Http\Controllers\Controller;
use App\User;
/**
* Class UserApiController
* @package App\Http\Controllers\API
*/
<?php
namespace App\Http\Controllers;
/**
* Class UserController
* @package App\Http\Controllers
*/
class UserController extends Controller
{
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Laravel') }}</title>
<link href="/css/app.css" rel="stylesheet">
</head>
@extends('layouts.app')
@section('content')
<div class="container">
<table class="table table-bordered">
<tr>
<th>Name</th>
<th>Email</th>
<th>Created At</th>
</tr>
<tr v-for="user in users.data">