Skip to content

Instantly share code, notes, and snippets.

Atom Settings
@mitrallex
mitrallex / Task-list.vue
Last active October 7, 2017 18:50
Task-list.vue
<template>
<div class="columns">
<div class="column is-half is-offset-one-quarter task-list">
<div class="box">
<h2 class="title">My tasks</h2>
<hr>
<div class="field has-addons">
<div class="control is-expanded">
<input class="input" type="text" placeholder="New task" v-model="task.body">
</div>
@mitrallex
mitrallex / PaginationComponent.vue
Created January 30, 2018 18:43
PaginationComponent.vue
<template>
<nav class="pagination is-centered is-rounded" role="navigation" aria-label="pagination">
<a class="pagination-previous" @click.prevent="changePage(1)" :disabled="pagination.current_page <= 1">First page</a>
<a class="pagination-previous" @click.prevent="changePage(pagination.current_page - 1)" :disabled="pagination.current_page <= 1">Previous</a>
<a class="pagination-next" @click.prevent="changePage(pagination.current_page + 1)" :disabled="pagination.current_page >= pagination.last_page">Next page</a>
<a class="pagination-next" @click.prevent="changePage(pagination.last_page)" :disabled="pagination.current_page >= pagination.last_page">Last page</a>
<ul class="pagination-list">
<li v-for="page in pages">
<a class="pagination-link" :class="isCurrentPage(page) ? 'is-current' : ''" @click.prevent="changePage(page)">{{ page }}</a>
</li>
@mitrallex
mitrallex / welcome.blade.php
Last active February 1, 2018 18:47
laravel-ajax-pagination
<!doctype html>
<html lang="{{ app()->getLocale() }}">
<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>Laravel</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css">
<script defer src="https://use.fontawesome.com/releases/v5.0.0/js/all.js"></script>
@mitrallex
mitrallex / pagination-app.js
Created January 31, 2018 08:43
pagination-app.js
window.Vue = require('vue');
Vue.component('pagination', require('./components/PaginationComponent.vue'));
const app = new Vue({
el: '#app',
data: {
posts: {},
pagination: {
public function up()
{
Schema::create('files', function (Blueprint $table) {
$table->increments('id');
$table->string('name')->unique();
$table->string('type');
$table->string('extension');
$table->integer('user_id')->unsigned();;
$table->timestamps();
@mitrallex
mitrallex / web.php
Last active February 1, 2018 18:46
laravel-file-hosting
Route::get('/', 'MainController@index')->name('home')->middleware('auth');
Route::get('/files/{type}/{id?}', 'FileController@index');
Route::post('files/add', 'FileController@store');
Route::post('files/edit/{id}', 'FileController@edit');
Route::post('files/delete/{id}', 'FileController@destroy');
Auth::routes();
@mitrallex
mitrallex / File.php
Last active February 1, 2018 18:46
laravel-file-hosting
namespace App;
use Illuminate\Database\Eloquent\Model;
class File extends Model
{
protected $fillable = [
'name', 'type', 'extension', 'user_id'
];
@mitrallex
mitrallex / MainController.php
Created February 1, 2018 18:45
laravel-file-hosting
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class MainController extends Controller
{
public function index()
{
return view('main');
}
@mitrallex
mitrallex / FileController.php
Last active June 26, 2018 11:05
laravel-file-hosting
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Storage;
use App;
use App\File;
class FileController extends Controller
{