Все js и css файлы проекта должны быть скомпилированы Viteне должны! В гите у вас исходники, скомилированные штуки не обязаны быть в исходниках (хотя иногда их и добавляют).
Некоторые процессы в проекте выполняются с помощью очередей и нужно как-то настроитьЭто нормальная история, к вашему приложению вполне может прилагаться перечень требований к инфраструктуре, инструкция по установке и настройке, либо скрипт-инсталлятор.
приложение что бы команда
пользователь не реализует контракт "MustVerifyEmail"
class User extends Authenticatable implements MustVerifyEmail
import moment from 'moment';
npm run dev
и проверьте, не появилась ли ошибка "moment is not defined" при использовании scatter
, в настройках наборов данных указываете showLine: true
. Например:<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.3.0/chart.umd.js"></script>
<canvas id="chart"></canvas>
const createDataset = (color, label, baseY) => ({
borderColor: color,
label,
showLine: true,
data: Array.from({ length: 10 }, (_, i) => ({
x: 10 * (i + (Math.random() - 0.5)) | 0,
y: baseY + Math.random() * baseY | 0,
})),
});
new Chart(document.querySelector('#chart'), {
type: 'scatter',
data: {
datasets: [
createDataset('red', 'hello, world!!', 50),
createDataset('green', 'fuck the world', 100),
createDataset('blue', 'fuck everything', 200),
],
},
});
tableValues(element);
element.children
/element.childNodes
.document.querySelector('form').childNodes
children
вместо childNodes
. Ну и погуглите, в чём между ними разница.if (element.nodeType == 1 && element.nodeName == 'INPUT' || element.nodeName == 'SELECT') {
nodeType
лишняя. Кроме того, вам не помешает разобраться с приоритетом выполнения операторов - nodeType
вы тут проверяете только для input'а.let result = [];
const getValues = el =>
el instanceof Element
? [ 'INPUT', 'SELECT' ].includes(el.tagName)
? [ el.value ]
: [...el.children].flatMap(getValues)
: [];
// или
const getValues = el =>
[ 'INPUT', 'SELECT' ].includes(el?.tagName)
? [ el.value ]
: [].flatMap.call(el.children ?? [], getValues);
const values = getValues(document.querySelector('form'));
const values = Array.from(document.querySelector('form').elements, n => n.value);
const getFromDOMNodes = (node, test, getVal) =>
node instanceof Node
? Array.prototype.reduce.call(
node.childNodes,
(acc, n) => (acc.push(...getFromDOMNodes(n, test, getVal)), acc),
test(node) ? [ getVal(node) ] : []
)
: [];
const values = getFromDOMNodes(
document.querySelector('form'),
node => [ 'INPUT', 'SELECT' ].includes(node.nodeName),
node => node.value
);
…
<div id="table">
@include('table')
</div>
…
<table>
<tr>
...
</tr>
@foreach ($data as $element)
<tr>
<td>{{ $element['date'] }}</td>
...
</tr>
@endforeach
</table>
Route::get('getTable', function(){
...
return response()->json([
'target' => 'table',
'html' => view('table', [...])->render()
])
});
function getChank(url, data) {
return fetch(url, {
body: data,
}).then(response => response.json())
.then(response => {
const target = document.getElementById(response.target);
target.innerHTML = response.html;
});
}
async sendNewData() {
await this.requestToServer(url);
console.log(this.failMessage);
}
class Lists {
constructor(items, failMessage) {
this.items = items;
this.failMessage = failMessage;
}
async requestToServer(url) {
let response = await fetch(url, {
method: 'GET',
headers: {
'Content-Type': 'application/json;charset=utf-8',
}
});
if (response.ok) {
this.items = await response.json();
} else if (response.status == 422) {
this.failMessage = await response.json();
}
}
async sendNewData(url) {
await this.requestToServer(url);
console.log(this.failMessage);
}
}
let element = document.querySelector('.radio');
element.addEventListener('click', function(event) {
let cat = fetch("http://my-site/transaction", {
method: 'POST',
headers{
'Content-type': 'application/x-www-form-urlencoded'
}
body: `radio=${event.target.value}`,
})
.then(response => {response.json())
.then(data => data);
});
Подскажите пожалуйста, почему так?
@foreach ($categories as $category)
<option
value="{{ $category }}"
{{ request()->get('transaction')==$category? 'checked':null }}
>{{ $category }}</option>
@endforeach
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@hasSection('title')
<title>@yield('title') :: {{ config('app.name') }}</title>
@else
<title>{{ config('app.name') }}</title>
@endif
@vite(['resources/sass/app.scss'])
<meta name="csrf-token" content="{{ csrf_token() }}">
</head>
<body>
@yield('body')
@vite(['resources/js/app.js'])
@stack('scripts')
</body>
</html>
@extends('layouts.base')
@section('body')
<div>
@yield('content')
</div>
@endsection
@extends('layouts.base')
@section('body')
<div>
<header>
@include('partials.app.header')
</header>
<main>
@yield('content')
</main>
</div>
@endsection
@extends('layouts.auth')
@section('content')
<form> </form>
@endsection
@extends('layouts.app')
@section('content')
Главная
@endsection