form.blade.php
4.81 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
@csrf
@isset($page)
@method('PUT')
@endisset
<script>
window.onload = function() {
const MetaURLBtn = document.querySelector('#GetMetaData');
MetaURLBtn.addEventListener('click', (e) => {
e.preventDefault();
console.log('Click button for get info metadata');
let url = document.querySelector('#url').value;
$.ajax({
type: "GET",
url: "{{ route('admin.ajax.seo') }}",
data: "url=" + url,
success: function (data) {
console.log('URL был передан ');
data = JSON.parse(data);
console.log(data);
document.querySelector('#title').value = data['title'];
document.querySelector('#keywords').value = data['keywords'];
document.querySelector('#description').value = data['description'];
},
headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
error: function (data) {
console.log('Error: ' + data);
}
});
});
}
</script>
<div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
<label class="block text-sm">
<span class="text-gray-700 dark:text-gray-400">URL страницы</span>
<input name="url" id="url"
class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
placeholder="URL страницы" value="{{ old('url') ?? $page->url ?? '' }}"
/>
@error('url')
<span class="text-xs text-red-600 dark:text-red-400">
{{ $message }}
</span>
@enderror
</label>
<div style="margin-top: 10px;">
<a id="GetMetaData" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" style="margin-top:10px;">Получить мета-данные</a><br><br>
</div>
<label class="block text-sm">
<span class="text-gray-700 dark:text-gray-400">Заголовок страницы (meta title)</span>
<input name="title" id="title"
class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
placeholder="Заголовок страницы" value="{{ old('title') ?? $page->title ?? '' }}"
/>
@error('title')
<span class="text-xs text-red-600 dark:text-red-400">
{{ $message }}
</span>
@enderror
</label><br>
<label class="block text-sm">
<span class="text-gray-700 dark:text-gray-400">Описание (meta description)</span>
<textarea class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
name="description" id="description" placeholder="Описание" required
rows="3">{{ old('description') ?? $page->description ?? '' }}</textarea>
@error('description')
<span class="text-xs text-red-600 dark:text-red-400">
{{ $message }}
</span>
@enderror
</label><br>
<label class="block text-sm">
<span class="text-gray-700 dark:text-gray-400">Ключевые слова (meta keywords)</span>
<textarea class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
name="keywords" id="keywords" placeholder="Описание" required
rows="3">{{ old('keywords') ?? $page->keywords ?? '' }}</textarea>
@error('keywords')
<span class="text-xs text-red-600 dark:text-red-400">
{{ $message }}
</span>
@enderror
</label><br>
<div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
<div>
<button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
Сохранить
</button>
</div>
</div>
</div>