PATH:
home
/
lab2454c
/
crypto.keyreum.com
/
vendor
/
botble
/
slug
/
resources
/
assets
/
js
class SlugBoxManagement { init() { $(document).on('click', '#change_slug', event => { $('.default-slug').unwrap(); let $slug_input = $('#editable-post-name'); $slug_input.html('<input type="text" id="new-post-slug" class="form-control" value="' + $slug_input.text() + '" autocomplete="off">'); $('#edit-slug-box .cancel').show(); $('#edit-slug-box .save').show(); $(event.currentTarget).hide(); }); $(document).on('click', '#edit-slug-box .cancel', () => { let currentSlug = $('#current-slug').val(); let $permalink = $('#sample-permalink'); $permalink.html('<a class="permalink" href="' + $('#slug_id').data('view') + currentSlug.replace('/', '') + '">' + $permalink.html() + '</a>'); $('#editable-post-name').text(currentSlug); $('#edit-slug-box .cancel').hide(); $('#edit-slug-box .save').hide(); $('#change_slug').show(); }); let createSlug = (name, id, exist) => { $.ajax({ url: $('#slug_id').data('url'), type: 'POST', data: { name: name, slug_id: id, model: $('input[name=model]').val(), }, success: data => { let $permalink = $('#sample-permalink'); let $slug_id = $('#slug_id'); if (exist) { $permalink.find('.permalink').prop('href', $slug_id.data('view') + data.replace('/', '')); } else { $permalink.html('<a class="permalink" target="_blank" href="' + $slug_id.data('view') + data.replace('/', '') + '">' + $permalink.html() + '</a>'); } $('.page-url-seo p').text($slug_id.data('view') + data.replace('/', '')); $('#editable-post-name').text(data); $('#current-slug').val(data); $('#edit-slug-box .cancel').hide(); $('#edit-slug-box .save').hide(); $('#change_slug').show(); $('#edit-slug-box').removeClass('hidden'); }, error: data => { Botble.handleError(data); } }); }; $(document).on('click', '#edit-slug-box .save', () => { let $post_slug = $('#new-post-slug'); let name = $post_slug.val(); let id = $('#slug_id').data('id'); if (id == null) { id = 0; } if (name != null && name !== '') { createSlug(name, id, false); } else { $post_slug.closest('.form-group').addClass('has-error'); } }); $(document).on('blur', '#name', (e) => { if ($('#edit-slug-box').hasClass('hidden')) { let name = $(e.currentTarget).val(); if (name !== null && name !== '') { createSlug(name, 0, true); } } }); } } $(() => { new SlugBoxManagement().init(); });
[+]
..
[-] slug.js
[edit]