$('.scrolldown').click(function(){
var maxDown = 1000; //Определяем до кудого делать скрол
$("#footer").scrollTop(maxDown);
return false;
});
$('.scrolldown').click(function(){
var maxDown = 1000; //Определяем до кудого делать скрол
$("#footer").animate({ scrollTop: maxDown }, 600);
return false;
});
Laravel обеспечивает быстрый способ создания заготовок всех необходимых для аутентификации маршрутов и представлений с помощью одной команды:
php artisan make:auth
Эту команду надо использовать на свежем приложении, она установит представление макета, представления для регистрации и входа, а также маршруты для всех конечных точек аутентификации. Также будет сгенерирован HomeController для обслуживает запросов к панели настроек вашего приложения после входа.
// Маршруты аутентификации...
Route::get('auth/login', 'Auth\AuthController@getLogin');
Route::post('auth/login', 'Auth\AuthController@postLogin');
Route::get('auth/logout', 'Auth\AuthController@getLogout');
// Маршруты регистрации...
Route::get('auth/register', 'Auth\AuthController@getRegister');
Route::post('auth/register', 'Auth\AuthController@postRegister');
$.ajax({
url:<?php
$user = new User();
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['signUp'])) {
$userRegistration = $user->userRegistration($_POST);
}
?>,
<template>
<v-flex xs12 md4 offset-md4>
<div v-for="post in sortedPosts">
<v-card class="my-3" hover>
<v-card-media class="white--text" height="170px" :src="post.imgUrl">
<v-container fill-height fluid>
<v-layout>
<v-flex xs12 align-end d-flex>
<span class="headline">{{ post.title }}</span>
</v-flex>
</v-layout>
</v-container>
</v-card-media>
<v-card-text>
<v-chip color="primary" text-color="white">{{ post.category }}</v-chip>
</v-card-text>
<v-card-actions>
<v-btn icon class="blue--text">
<v-icon medium>fa fa-vk</v-icon>
</v-btn>
<v-btn icon class="red--text">
<v-icon medium>fa fa-instagram</v-icon>
</v-btn>
<v-btn icon class="light-blue--text">
<v-icon medium>fa-twitter</v-icon>
</v-btn>
<v-btn icon class="blue--text text--darken-4">
<v-icon medium>fa-facebook</v-icon>
</v-btn>
<v-spacer></v-spacer>
<!--<v-btn flat class="blue--text">Read More</v-btn>-->
</v-card-actions>
</v-card>
</div>
</v-flex>
</template>
<script>
export default{
data() {
return {
posts: [
{
title: '[1] Fusce ullamcorper tellus',
category: 1,
content: 'At sagittis sapien vulputate. Vivamus laoreet lacus id magna rutrum dapibus.',
imgUrl: 'https://raw.githubusercontent.com/vuetifyjs/docs/dev/static/doc-images/cards/drop.jpg'
},
{
title: '[2] Donec vitae suscipit lectus, a luctus diam.',
category: 2,
content: 'At sagittis sapien vulputate. Vivamus laoreet lacus id magna rutrum dapibus.',
imgUrl: 'https://raw.githubusercontent.com/vuetifyjs/docs/dev/static/doc-images/cards/docks.jpg'
},
{
title: '[3] Vestibulum condimentum quam',
category: 3,
content: 'At sagittis sapien vulputate. Vivamus laoreet lacus id magna rutrum dapibus.',
imgUrl: 'https://raw.githubusercontent.com/vuetifyjs/docs/dev/static/doc-images/cards/plane.jpg'
},
{
title: '[2] Vestibulum condimentum quam',
category: 2,
content: 'At sagittis sapien vulputate. Vivamus laoreet lacus id magna rutrum dapibus.',
imgUrl: 'https://raw.githubusercontent.com/vuetifyjs/docs/dev/static/doc-images/cards/plane.jpg'
},
{
title: '[1] Vestibulum condimentum quam',
category: 1,
content: 'At sagittis sapien vulputate. Vivamus laoreet lacus id magna rutrum dapibus.',
imgUrl: 'https://raw.githubusercontent.com/vuetifyjs/docs/dev/static/doc-images/cards/plane.jpg'
}
],
}
},
computed: {
sortedPosts() {
this.posts.sort(this.sortPosts)
return this.posts
}
},
filters: {
sortPosts: function(a, b) {
if (a.category < b.category)
return -1
if (a.category > b.category)
return 1
return 0
}
}
}
</script>
Ну а в ajax'е какой метод использовать? И какой тип рута должен быть? put?