diff --git a/ansico-some-plugin-v1.0.0.16.zip b/ansico-some-plugin-v1.0.0.16.zip deleted file mode 100644 index dcc736c..0000000 Binary files a/ansico-some-plugin-v1.0.0.16.zip and /dev/null differ diff --git a/ansico-some-plugin-v1.0.0.26.zip b/ansico-some-plugin-v1.0.0.26.zip deleted file mode 100644 index 54a872a..0000000 Binary files a/ansico-some-plugin-v1.0.0.26.zip and /dev/null differ diff --git a/ansico-some-plugin-v1.0.0.27.zip b/ansico-some-plugin-v1.0.0.27.zip deleted file mode 100644 index 07f82b3..0000000 Binary files a/ansico-some-plugin-v1.0.0.27.zip and /dev/null differ diff --git a/ansico-some-plugin-v1.1.0.19.zip b/ansico-some-plugin-v1.1.0.19.zip deleted file mode 100644 index a26247c..0000000 Binary files a/ansico-some-plugin-v1.1.0.19.zip and /dev/null differ diff --git a/ansico-some-plugin-v1.1.0.2 (1).zip b/ansico-some-plugin-v1.1.0.2 (1).zip deleted file mode 100644 index 53e209e..0000000 Binary files a/ansico-some-plugin-v1.1.0.2 (1).zip and /dev/null differ diff --git a/ansico-some-plugin-v1.1.0.zip b/ansico-some-plugin-v1.1.0.zip deleted file mode 100644 index 9fbca22..0000000 Binary files a/ansico-some-plugin-v1.1.0.zip and /dev/null differ diff --git a/ansico-some-plugin-v1.6.1.zip b/ansico-some-plugin-v1.6.1.zip deleted file mode 100644 index 657194b..0000000 Binary files a/ansico-some-plugin-v1.6.1.zip and /dev/null differ diff --git a/ansico-some-plugin-v1.6.42.zip b/ansico-some-plugin-v1.6.42.zip deleted file mode 100644 index 3af7482..0000000 Binary files a/ansico-some-plugin-v1.6.42.zip and /dev/null differ diff --git a/ansico-some-plugin.zip b/ansico-some-plugin.zip deleted file mode 100644 index e86c9a4..0000000 Binary files a/ansico-some-plugin.zip and /dev/null differ diff --git a/ansico-some-plugin/admin-script.js b/ansico-some-plugin/admin-script.js index 01b7814..2669b7d 100644 --- a/ansico-some-plugin/admin-script.js +++ b/ansico-some-plugin/admin-script.js @@ -1,19 +1,600 @@ jQuery(document).ready(function($){ - var mediaUploader; - $('#ansico-upload-button').click(function(e) { - e.preventDefault(); - if (mediaUploader) { mediaUploader.open(); return; } - mediaUploader = wp.media({ title: 'Choose Avatar', button: { text: 'Set as Profile Picture' }, multiple: false }); - mediaUploader.on('select', function() { - var attachment = mediaUploader.state().get('selection').first().toJSON(); - $('#ansico-avatar-url').val(attachment.url); - $('#ansico-avatar-preview').attr('src', attachment.url).show(); + var frame; + + function openAvatarFrame(e){ + if (e) { + e.preventDefault(); + } + if(frame){ frame.open(); return; } + frame = wp.media({ title: 'Profilbillede', button: { text: 'Brug' }, multiple: false }); + frame.on('select', function(){ + var att = frame.state().get('selection').first().toJSON(); + $('#ansico-avatar-url').val(att.url); + $('#ansico-avatar-preview').attr('src', att.url).show(); + $('.ansico-avatar-trigger').addClass('has-image'); + $('.ansico-avatar-trigger .ansico-avatar-placeholder').remove(); }); - mediaUploader.open(); - }); - $('#ansico-remove-button').click(function(e){ + frame.open(); + } + + $('#ansico-upload-button').on('click', openAvatarFrame); + + $('#ansico-remove-button').on('click', function(e){ e.preventDefault(); $('#ansico-avatar-url').val(''); $('#ansico-avatar-preview').hide().attr('src', ''); + $('.ansico-avatar-trigger').removeClass('has-image'); + if (!$('.ansico-avatar-trigger .ansico-avatar-placeholder').length) { + $('.ansico-avatar-trigger').append('Upload'); + } }); -}); \ No newline at end of file + + function normalizeText(text) { + return $.trim(String(text || '').replace(/\s+/g, ' ')).toLowerCase(); + } + + function textMatches(text, patterns) { + var normalized = normalizeText(text); + for (var i = 0; i < patterns.length; i++) { + if (normalized.indexOf(patterns[i]) !== -1) { + return true; + } + } + return false; + } + + function enhanceAvatarUi() { + var $preview = $('#ansico-avatar-preview'); + var $upload = $('#ansico-upload-button'); + var $remove = $('#ansico-remove-button'); + if (!$preview.length || !$upload.length) { + return; + } + + var $cell = $preview.closest('td'); + $cell.addClass('ansico-avatar-cell'); + $upload.addClass('ansico-avatar-hidden-button'); + + if (!$cell.find('.ansico-avatar-trigger').length) { + var $trigger = $(''); + $preview.before($trigger); + $trigger.append($preview); + if (!$preview.attr('src')) { + $preview.hide(); + $trigger.append('Upload'); + } else { + $trigger.addClass('has-image'); + } + } + + $cell.on('click', '.ansico-avatar-trigger', openAvatarFrame); + $remove.addClass('ansico-avatar-remove-button'); + } + + enhanceAvatarUi(); + + if ( ! window.ansicoAdminSettings || ! window.ansicoAdminSettings.cleanUpProfileSettings ) { + return; + } + + var $form = $('#your-profile'); + if ( ! $form.length ) { + return; + } + + var labels = window.ansicoAdminSettings.labels || {}; + var initialSerializedState = ''; + var panelLabels = { + profile: labels.profile || 'Profile', + federation: labels.federation || 'Federation', + other: labels.otherSettings || 'Other settings' + }; + + var profileHeadingPatterns = ['name', 'navn', 'contact info', 'kontaktinformation', 'account management', 'kontohåndtering', 'social profiles', 'profilbillede', 'ansico avatar']; + var federationHeadingPatterns = ['activitypub', 'moderation', 'moderering', 'federation', 'føderation']; + var otherHeadingPatterns = ['application passwords', 'applikationsadgangskoder']; + + function bucketForHeading(text) { + if ( textMatches(text, otherHeadingPatterns) ) { + return 'other'; + } + if ( textMatches(text, profileHeadingPatterns) ) { + return 'profile'; + } + if ( textMatches(text, federationHeadingPatterns) ) { + return 'federation'; + } + return 'other'; + } + + function getSectionNodes($heading) { + var $nodes = $heading; + var $next = $heading.next(); + while ( $next.length && ! $next.is('h2, h3') ) { + $nodes = $nodes.add($next); + $next = $next.next(); + } + return $nodes; + } + + function createSectionBucket($nodes) { + return { + headingText: $nodes.first().text() || '', + nodes: $nodes + }; + } + + function collectSections($container) { + var results = []; + $container.children('h2, h3').each(function(){ + results.push(createSectionBucket(getSectionNodes($(this)))); + }); + return results; + } + + function extractSectionByMatcher(sections, matcherFn) { + var extracted = []; + for (var i = sections.length - 1; i >= 0; i--) { + if (matcherFn(sections[i])) { + extracted.unshift(sections.splice(i, 1)[0]); + } + } + return extracted; + } + + function appendSections($panel, sections) { + $.each(sections, function(_, section){ + $panel.append(section.nodes); + }); + } + + // Rename heading in-place for the Ansico avatar section. + $form.find('h2, h3').each(function(){ + var $heading = $(this); + if ( normalizeText($heading.text()) === 'ansico avatar' ) { + $heading.text('Profilbillede'); + } + }); + + // Separate biography into its own section. + var $bioRow = $(); + $form.find('tr').each(function(){ + var headingText = normalizeText($(this).find('th').first().text()); + if ( headingText.indexOf('biographical info') !== -1 || headingText.indexOf('biografisk info') !== -1 ) { + $bioRow = $(this); + return false; + } + }); + + var $bioSection = $(); + if ( $bioRow.length ) { + var bioTitle = $.trim($bioRow.find('th').first().text()) || 'Biografisk info'; + $bioSection = $('
'); + $bioSection.append($('

').text(bioTitle)); + var $bioTable = $(''); + $bioTable.append($bioRow); + $bioSection.append($bioTable); + + var $sourceTable = $bioRow.closest('table'); + if ( $sourceTable.find('tr').length === 0 ) { + var $prevHeading = $sourceTable.prevAll('h2, h3').first(); + $sourceTable.remove(); + if ( $prevHeading.length ) { + $prevHeading.remove(); + } + } + } + + var $submits = $form.find('p.submit, .submit').filter(function(){ return $(this).find(':submit').length || $(this).is('p.submit'); }).detach(); + var sections = collectSections($form); + + if ( ! sections.length && ! $bioSection.length ) { + if ( $submits.length ) { + $form.append($submits); + } + return; + } + + var $tabsNav = $('
'); + var $panelsWrap = $('
'); + var panels = { + profile: $('
'), + federation: $('
'), + other: $('
') + }; + + $.each(panelLabels, function(key, label){ + var target = 'ansico-profile-tab-' + (key === 'other' ? 'other' : key); + var $button = $(''); + $button.text(label).attr('data-panel', target); + $tabsNav.append($button); + }); + + var profileSections = extractSectionByMatcher(sections, function(section){ + return bucketForHeading(section.headingText) === 'profile'; + }); + var federationSections = extractSectionByMatcher(sections, function(section){ + return bucketForHeading(section.headingText) === 'federation'; + }); + var otherSections = sections; + + // Pull sections with ActivityPub-ish field names into Federation even if heading text is unexpected. + var fallbackFromProfile = extractSectionByMatcher(profileSections, function(section){ + return section.nodes.find('[name*="activitypub"], [id*="activitypub"], [class*="activitypub"], [name*="moderation"], [id*="moderation"], [class*="moderation"]').length > 0 || textMatches(section.headingText, federationHeadingPatterns); + }); + federationSections = federationSections.concat(fallbackFromProfile); + + var socialFromOther = extractSectionByMatcher(otherSections, function(section){ + return textMatches(section.headingText, ['social profiles']) || section.nodes.find('[name^="ansico_social_"], [id^="ansico_social_"]').length > 0; + }); + profileSections = profileSections.concat(socialFromOther); + + var applicationPasswordSections = extractSectionByMatcher(profileSections, function(section){ + return textMatches(section.headingText, otherHeadingPatterns) || section.nodes.find('[name*="application_password"], [id*="application-password"], .application-passwords').length > 0; + }); + otherSections = applicationPasswordSections.concat(otherSections); + + function findAndExtractRows($sectionNodes, patterns) { + var rows = $(); + $sectionNodes.filter('table').add($sectionNodes.find('table')).each(function(){ + $(this).find('tr').each(function(){ + var rowLabel = normalizeText($(this).find('th').first().text()); + if ( textMatches(rowLabel, patterns) ) { + rows = rows.add($(this)); + } + }); + }); + return rows; + } + + function buildSingleTableSection(title, $rows) { + if ( !$rows.length ) { + return null; + } + var $wrap = $('
'); + $wrap.append($('

').text(title)); + var $table = $(''); + $table.append($rows); + $wrap.append($table); + return createSectionBucket($wrap); + } + + function findAllRows($sectionNodes) { + var rows = $(); + $sectionNodes.filter('table').add($sectionNodes.find('table')).each(function(){ + rows = rows.add($(this).find('tr')); + }); + return rows; + } + + function pruneEmptySectionList(sectionList) { + return $.grep(sectionList, function(section){ + var $tables = section.nodes.filter('table').add(section.nodes.find('table')); + if ( ! $tables.length ) { + return true; + } + return $tables.find('tr').length > 0; + }); + } + + // Reorder profile sections into a more social-profile-like flow. + var orderedProfile = []; + var avatarSections = extractSectionByMatcher(profileSections, function(section){ return textMatches(section.headingText, ['profilbillede', 'ansico avatar']); }); + var nameSections = extractSectionByMatcher(profileSections, function(section){ return textMatches(section.headingText, ['name', 'navn']); }); + var contactSections = extractSectionByMatcher(profileSections, function(section){ return textMatches(section.headingText, ['contact info', 'kontaktinformation']); }); + var socialSections = extractSectionByMatcher(profileSections, function(section){ return textMatches(section.headingText, ['social profiles']); }); + var accountSections = extractSectionByMatcher(profileSections, function(section){ return textMatches(section.headingText, ['account management', 'kontohåndtering']); }); + + var socialRows = $(); + $.each(socialSections, function(_, section){ + socialRows = socialRows.add(findAllRows(section.nodes)); + }); + + var websiteRows = $(); + $.each(contactSections, function(_, section){ + var $rows = findAndExtractRows(section.nodes, ['website', 'websted', 'site url']); + if ( $rows.length ) { + websiteRows = websiteRows.add($rows); + } + }); + + if ( contactSections.length ) { + var $contactTable = contactSections[0].nodes.filter('table').add(contactSections[0].nodes.find('table')).first(); + if ( !$contactTable.length ) { + $contactTable = $(''); + contactSections[0].nodes = contactSections[0].nodes.add($contactTable); + } + if ( socialRows.length ) { + $contactTable.append('Social profiles'); + $contactTable.append(socialRows); + } + if ( websiteRows.length ) { + $contactTable.append('Website'); + $contactTable.append(websiteRows); + } + } else if ( socialRows.length || websiteRows.length ) { + var $contactWrap = $('
'); + $contactWrap.append($('

').text('Kontaktinformationer')); + var $contactTableOnly = $(''); + if ( socialRows.length ) { + $contactTableOnly.append('Social profiles'); + $contactTableOnly.append(socialRows); + } + if ( websiteRows.length ) { + $contactTableOnly.append('Website'); + $contactTableOnly.append(websiteRows); + } + $contactWrap.append($contactTableOnly); + contactSections.push(createSectionBucket($contactWrap)); + } + + // Move ActivityPub header image into the profile hero card instead of Federation. + var headerRows = $(); + $.each(federationSections, function(_, section){ + section.nodes.filter('table').add(section.nodes.find('table')).each(function(){ + $(this).find('tr').each(function(){ + var $row = $(this); + var rowLabel = normalizeText($row.find('th').first().text()); + var hasHeaderFields = $row.find('[name*="header"], [id*="header"], [class*="header"], [name*="banner"], [id*="banner"], [class*="banner"]').length > 0; + if ( textMatches(rowLabel, ['header image', 'headerbillede', 'cover image', 'banner image']) || hasHeaderFields ) { + headerRows = headerRows.add($row); + } + }); + }); + }); + + profileSections = pruneEmptySectionList(profileSections); + federationSections = pruneEmptySectionList(federationSections); + + orderedProfile = orderedProfile.concat(avatarSections, nameSections, contactSections); + if ( $bioSection.length ) { + orderedProfile.push(createSectionBucket($bioSection)); + $bioSection = $(); + } + orderedProfile = orderedProfile.concat(accountSections, profileSections); + + appendSections(panels.profile, orderedProfile); + appendSections(panels.federation, federationSections); + appendSections(panels.other, otherSections); + + // If any ActivityPub/Moderation heading still ended up elsewhere, move it explicitly. + function moveMatchingHeadings($panel, patterns, $targetPanel) { + $panel.children('h2, h3').each(function(){ + var $heading = $(this); + if ( textMatches($heading.text(), patterns) ) { + $targetPanel.append(getSectionNodes($heading)); + } + }); + } + moveMatchingHeadings(panels.profile, federationHeadingPatterns, panels.federation); + moveMatchingHeadings(panels.other, federationHeadingPatterns, panels.federation); + moveMatchingHeadings(panels.profile, otherHeadingPatterns, panels.other); + moveMatchingHeadings(panels.federation, otherHeadingPatterns, panels.other); + moveMatchingHeadings(panels.other, ['social profiles'], panels.profile); + + // Decorate section cards. + panels.profile.children('h2, h3').each(function(){ + var $heading = $(this); + var $section = $('
'); + var $nodes = getSectionNodes($heading); + $nodes.wrapAll($section); + }); + panels.federation.children('h2, h3').each(function(){ + var $heading = $(this); + var $section = $('
'); + var $nodes = getSectionNodes($heading); + $nodes.wrapAll($section); + }); + panels.other.children('h2, h3').each(function(){ + var $heading = $(this); + var $section = $('
'); + var $nodes = getSectionNodes($heading); + $nodes.wrapAll($section); + }); + + panels.profile.find('.ansico-profile-card').first().addClass('ansico-profile-card-avatar'); + + function compactNameFields() { + panels.profile.find('.ansico-profile-card').each(function(){ + var $card = $(this); + var headingText = $card.children('h2, h3').first().text(); + if ( ! textMatches(headingText, ['name', 'navn']) ) { + return; + } + var $table = $card.find('table.form-table').first(); + if ( ! $table.length ) { + return; + } + var $firstRow = $(); + var $lastRow = $(); + $table.find('tr').each(function(){ + var rowLabel = normalizeText($(this).find('th').first().text()); + if ( !$firstRow.length && textMatches(rowLabel, ['first name', 'fornavn']) ) { + $firstRow = $(this); + } else if ( !$lastRow.length && textMatches(rowLabel, ['last name', 'efternavn']) ) { + $lastRow = $(this); + } + }); + if ( $firstRow.length && $lastRow.length && ! $card.find('.ansico-profile-inline-grid').length ) { + var $grid = $('
'); + $.each([$firstRow, $lastRow], function(_, $row){ + var $field = $('
'); + $field.append($('').html($row.find('th').first().html())); + var $control = $('
'); + $control.append($row.find('td').contents()); + $field.append($control); + $grid.append($field); + $row.remove(); + }); + $table.before($grid); + if ( !$table.find('tr').length ) { + $table.remove(); + } + } + }); + } + + function integrateHeroHeaderRow() { + var $heroCard = panels.profile.find('.ansico-profile-card').filter(function(){ + return textMatches($(this).children('h2, h3').first().text(), ['profilbillede', 'profile picture', 'ansico avatar']); + }).first(); + if ( !$heroCard.length ) { + return; + } + $heroCard.addClass('ansico-profile-hero-card'); + var $heroTable = $heroCard.find('table.form-table').first(); + if ( !$heroTable.length ) { + $heroTable = $(''); + $heroCard.append($heroTable); + } + if ( headerRows.length ) { + var $coverTable = $(''); + headerRows.each(function(){ + $(this).addClass('ansico-profile-cover-row'); + }); + $coverTable.append(headerRows); + $heroCard.find('h2, h3').first().after($coverTable); + $heroCard.addClass('has-cover'); + } + $heroTable.find('tr').each(function(){ + var rowLabel = normalizeText($(this).find('th').first().text()); + if ( textMatches(rowLabel, ['profilbillede', 'profile picture', 'avatar']) ) { + $(this).addClass('ansico-profile-avatar-row'); + } + }); + panels.federation.find('.ansico-profile-card').each(function(){ + if ( ! $(this).find('tr').length ) { + $(this).remove(); + } + }); + } + + function enhanceHeaderImageUi() { + var $coverRow = panels.profile.find('.ansico-profile-cover-row').first(); + if ( !$coverRow.length || $coverRow.hasClass('ansico-cover-ui-ready') ) { + return; + } + $coverRow.addClass('ansico-cover-ui-ready'); + + var $cell = $coverRow.find('td').first(); + if ( !$cell.length ) { + return; + } + + var $buttons = $cell.find('button, .button, input[type="button"], input[type="submit"]'); + var $selectButton = $buttons.filter(function(){ + return !/remove|delete|fjerne|slet/.test(normalizeText($(this).text() || $(this).val())); + }).first(); + var $removeButton = $buttons.filter(function(){ + return /remove|delete|fjerne|slet/.test(normalizeText($(this).text() || $(this).val())); + }).first(); + + var $img = $cell.find('img').first(); + var $trigger = $(''); + if ( $img.length ) { + $trigger.append($img); + $trigger.addClass('has-image'); + } else { + $trigger.append('Choose a header image'); + } + + $cell.prepend($trigger); + if ( $selectButton.length ) { + $selectButton.addClass('ansico-header-hidden-button'); + $trigger.on('click', function(e){ + e.preventDefault(); + $selectButton.trigger('click'); + }); + } + if ( $removeButton.length ) { + $removeButton.addClass('ansico-header-remove-button'); + } + + var $actions = $('
'); + if ( $selectButton.length ) { + $actions.append($selectButton); + } + if ( $removeButton.length ) { + $actions.append($removeButton); + } + if ( $actions.children().length ) { + $cell.append($actions); + } + + var observer = new MutationObserver(function(){ + var $latestImg = $cell.find('img').not($trigger.find('img')).first(); + if ( $latestImg.length ) { + $trigger.empty().append($latestImg).addClass('has-image'); + } else if ( !$trigger.find('img').length ) { + $trigger.removeClass('has-image').html('Choose a header image'); + } + }); + observer.observe($cell.get(0), { childList: true, subtree: true }); + + if ( $removeButton.length ) { + $removeButton.on('click', function(){ + setTimeout(function(){ + if ( !$trigger.find('img').length ) { + $trigger.removeClass('has-image').html('Choose a header image'); + } + }, 50); + }); + } + } + + $panelsWrap.append(panels.profile, panels.federation, panels.other); + + var $firstHeading = $form.children('h2, h3').first(); + if ( $firstHeading.length ) { + $firstHeading.before($tabsNav, $panelsWrap); + } else { + $form.prepend($tabsNav, $panelsWrap); + } + + if ( $submits.length ) { + var $submitWrap = $('
'); + $submitWrap.append($submits); + $form.append($submitWrap); + } + + function activateTab(panelId) { + $tabsNav.find('.ansico-profile-tab-button').each(function(){ + var active = $(this).attr('data-panel') === panelId; + $(this).toggleClass('is-active', active).attr('aria-selected', active ? 'true' : 'false'); + }); + $panelsWrap.find('.ansico-profile-tab-panel').each(function(){ + $(this).toggleClass('is-active', this.id === panelId); + }); + } + + $tabsNav.on('click', '.ansico-profile-tab-button', function(){ + activateTab($(this).attr('data-panel')); + }); + + + function refreshInitialState() { + initialSerializedState = $form.serialize(); + } + + function setupUnsavedChangesGuard() { + $(window).off('beforeunload.edit-profile'); + $(window).off('beforeunload.ansicoProfileCleanup'); + refreshInitialState(); + $(window).on('beforeunload.ansicoProfileCleanup', function(){ + if ( $form.serialize() !== initialSerializedState ) { + return labels.leaveWarning || 'Vil du forlade webstedet? Ændringer, du har foretaget, gemmes muligvis ikke.'; + } + }); + $form.on('submit', function(){ + refreshInitialState(); + $(window).off('beforeunload.ansicoProfileCleanup'); + }); + } + + compactNameFields(); + integrateHeroHeaderRow(); + enhanceHeaderImageUi(); + activateTab('ansico-profile-tab-profile'); + enhanceAvatarUi(); + setupUnsavedChangesGuard(); +}); diff --git a/ansico-some-plugin/ansico-some-plugin.php b/ansico-some-plugin/ansico-some-plugin.php index 9bb33cb..0747a7f 100644 --- a/ansico-some-plugin/ansico-some-plugin.php +++ b/ansico-some-plugin/ansico-some-plugin.php @@ -1,176 +1,1850 @@ ID, 'ansico_avatar_url', true ); - ?> -

Ansico Avatar

- - - - - -
- - - - -

Upload a custom profile picture. This will override Gravatar. If empty, Gravatar or standard logo will be used.

-
- user_id ) ) { $user_id = $id_or_email->user_id; } - elseif ( is_string( $id_or_email ) ) { $user = get_user_by( 'email', $id_or_email ); if ( $user ) { $user_id = $user->ID; } } - - if ( $user_id ) { - $custom_avatar = get_user_meta( $user_id, 'ansico_avatar_url', true ); - if ( ! empty( $custom_avatar ) ) { return $custom_avatar; } - } - return $url; -} - -add_action( 'init', 'ansico_some_register_blocks' ); -function ansico_some_register_blocks() { - wp_register_script( - 'ansico-some-blocks-script', - plugins_url( 'block.js', __FILE__ ), - array( 'wp-blocks', 'wp-element', 'wp-block-editor', 'wp-data', 'wp-components' ), - '1.0.0' - ); - - wp_register_style( - 'ansico-some-blocks-style', - plugins_url( 'style.css', __FILE__ ), - array(), - '1.0.0' - ); - - register_block_type( 'ansico/some-author', array( - 'editor_script' => 'ansico-some-blocks-script', - 'editor_style' => 'ansico-some-blocks-style', - 'style' => 'ansico-some-blocks-style', - 'render_callback' => 'ansico_some_render_author_block' - ) ); - - register_block_type( 'ansico/some-comment', array( - 'editor_script' => 'ansico-some-blocks-script', - 'editor_style' => 'ansico-some-blocks-style', - 'style' => 'ansico-some-blocks-style', - 'render_callback' => 'ansico_some_render_comment_block' - ) ); -} - -function ansico_some_render_author_block( $attributes, $content, $block ) { - $post_id = get_the_ID(); - $author_id = get_post_field( 'post_author', $post_id ) ?: get_current_user_id(); - $name = get_the_author_meta( 'display_name', $author_id ); - $bio = get_the_author_meta( 'description', $author_id ); - $avatar_url = get_avatar_url( $author_id, array( 'size' => 100 ) ); - - ob_start(); - ?> -
'ansico-compact-author' ) ); ?>> -
- Avatar -
-

-
-
-
-
-
- 50 ) ); - - $domain = ''; - if ( ! empty( $url ) ) { - $domain = parse_url( $url, PHP_URL_HOST ); - $domain = str_replace( 'www.', '', $domain ); - } - - $time_display = $time; - if ( ! empty( $time ) ) { - $timestamp = strtotime( $time ); - if ( $timestamp ) { - $date_format = get_option( 'date_format' ); - $time_format = get_option( 'time_format' ); - $formatted_time = wp_date( $time_format, $timestamp ); - $formatted_date = wp_date( $date_format, $timestamp ); - $time_display = $formatted_time . ' · ' . $formatted_date; +add_filter( 'block_categories_all', 'ansico_register_block_category', 10, 2 ); +function ansico_register_block_category( $categories, $post ) { + foreach ( $categories as $category ) { + if ( isset( $category['slug'] ) && 'ansico' === $category['slug'] ) { + return $categories; } } - $source_label = __( 'Source:', 'ansico-some-plugin' ); - if ( $source_label === 'Source:' ) { - $locale = get_locale(); - if ( strpos( $locale, 'da' ) === 0 ) { $source_label = 'Kilde:'; } - elseif ( strpos( $locale, 'sv' ) === 0 ) { $source_label = 'Källa:'; } - elseif ( strpos( $locale, 'no' ) === 0 || strpos( $locale, 'nb' ) === 0 || strpos( $locale, 'nn' ) === 0 ) { $source_label = 'Kilde:'; } - elseif ( strpos( $locale, 'de' ) === 0 ) { $source_label = 'Quelle:'; } + array_unshift( + $categories, + array( + 'slug' => 'ansico', + 'title' => __( 'Ansico Blocks', 'ansico-some-plugin' ), + 'icon' => null, + ) + ); + + return $categories; +} + + +function ansico_get_micropost_max_chars() { + $value = get_option( 'ansico_micropost_max_chars', 500 ); + $value = intval( $value ); + return $value > 0 ? $value : 500; +} + +add_action( 'admin_menu', 'ansico_register_settings_page' ); +function ansico_register_settings_page() { + add_options_page( + 'Ansico SoMe Plugin', + 'Ansico SoMe Plugin', + 'manage_options', + 'ansico-some-plugin-settings', + 'ansico_render_settings_page' + ); +} + +add_action( 'admin_init', 'ansico_register_settings' ); +function ansico_register_settings() { + register_setting( + 'ansico_some_plugin_settings', + 'ansico_micropost_max_chars', + array( + 'type' => 'integer', + 'sanitize_callback' => 'ansico_sanitize_micropost_max_chars', + 'default' => 500, + ) + ); + + register_setting( + 'ansico_some_plugin_settings', + 'ansico_clean_up_profile_settings', + array( + 'type' => 'boolean', + 'sanitize_callback' => 'ansico_sanitize_checkbox_setting', + 'default' => false, + ) + ); + + add_settings_section( + 'ansico_some_plugin_main', + __( 'Micropost settings', 'ansico-some-plugin' ), + function() { + echo '

' . esc_html__( 'Settings for Ansico SoMe Plugin.', 'ansico-some-plugin' ) . '

'; + }, + 'ansico-some-plugin-settings' + ); + + add_settings_field( + 'ansico_micropost_max_chars', + __( 'Maximum characters in Micropost Form', 'ansico-some-plugin' ), + 'ansico_render_micropost_max_chars_field', + 'ansico-some-plugin-settings', + 'ansico_some_plugin_main' + ); + + add_settings_field( + 'ansico_clean_up_profile_settings', + __( 'Clean up profile settings', 'ansico-some-plugin' ), + 'ansico_render_clean_up_profile_settings_field', + 'ansico-some-plugin-settings', + 'ansico_some_plugin_main' + ); +} + +function ansico_sanitize_checkbox_setting( $value ) { + return ! empty( $value ) ? '1' : ''; +} + +function ansico_sanitize_micropost_max_chars( $value ) { + $value = intval( $value ); + if ( $value < 1 ) { + $value = 500; + } + return $value; +} + +function ansico_render_micropost_max_chars_field() { + $value = ansico_get_micropost_max_chars(); + echo ''; + echo '

' . esc_html__( 'Default is 500 characters.', 'ansico-some-plugin' ) . '

'; +} + +function ansico_render_clean_up_profile_settings_field() { + $enabled = ! empty( get_option( 'ansico_clean_up_profile_settings', '' ) ); + echo ''; +} + +function ansico_render_settings_page() { + if ( ! current_user_can( 'manage_options' ) ) { + return; + } + ?> +
+

+
+ +
+
+ is_main_query() && $query->is_author() ) { + $types = $query->get('post_type'); + if (empty($types) || $types === 'post') { + $query->set( 'post_type', array( 'post', 'micropost' ) ); + } elseif (is_array($types) && !in_array('micropost', $types)) { + $types[] = 'micropost'; + $query->set('post_type', $types); + } + } +} + + +/* ========================================================================== + 1.6. FORCE COMMENTS OPEN FOR MICROPOSTS + ========================================================================== */ +add_filter( 'comments_open', 'ansico_force_micropost_comments_open', 10, 2 ); +function ansico_force_micropost_comments_open( $open, $post_id ) { + if ( get_post_type( $post_id ) === 'micropost' ) { + return true; + } + return $open; +} + + +/* ========================================================================== + 1.7. FORMAT MICROPOST COMMENTS (Mastodon & Embeds) + ========================================================================== */ +add_filter( 'comment_text', 'ansico_format_comment_text', 10, 2 ); +function ansico_format_comment_text( $text, $comment = null ) { + if ( ! is_object( $comment ) || get_post_type( $comment->comment_post_ID ) !== 'micropost' ) { + return $text; } - ob_start(); + return ansico_get_formatted_comment_html( $comment, true ); +} + +function ansico_apply_micropost_text_formatting( $text ) { + $text = (string) $text; + + $text = preg_replace('/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/i', '$1', $text); + $text = preg_replace('/(?@$1@$2', $text); + $text = preg_replace_callback('/(?<=^|\s|>|>)#([\p{L}\p{N}_]+)/u', function($m) { + $link = get_term_link($m[1], 'micropost_tag'); + if ( is_wp_error($link) ) { + $link = home_url('/micropost-tag/' . sanitize_title($m[1]) . '/'); + } + return '#' . esc_html($m[1]) . ''; + }, $text); + $text = make_clickable($text); + $text = preg_replace('/\*\*(.+?)\*\*/s', '$1', $text); + $text = preg_replace('/\*([^\*]+)\*/s', '$1', $text); + $text = preg_replace('/`([^`]+)`/s', '$1', $text); + $text = preg_replace('/^>\s+(.*)/m', '
$1
', $text); + + return $text; +} + +function ansico_get_formatted_comment_html( $comment, $already_filtered = false ) { + if ( ! is_object( $comment ) ) { + return ''; + } + + $raw_text = isset( $comment->comment_content ) ? (string) $comment->comment_content : ''; + if ( $raw_text === '' ) { + return ''; + } + + preg_match( '/(https?:\/\/[^\s()<>{}\[\]]+)/i', $raw_text, $url_matches ); + $first_url = ! empty( $url_matches[1] ) ? $url_matches[1] : ''; + + $text = esc_html( $raw_text ); + + $text = ansico_apply_micropost_text_formatting( $text ); + $text = wpautop( $text ); + + if ( $first_url ) { + $embed_data = ansico_fetch_metadata_internal( $first_url ); + if ( $embed_data && ! empty( $embed_data['title'] ) ) { + $img_html = ! empty( $embed_data['image'] ) ? '' : ''; + $text .= '
' . $img_html . '
' . esc_html( $embed_data['domain'] ) . '

' . esc_html( $embed_data['title'] ) . '

'; + } + } + + return ansico_prepare_comment_display_html( $text ); +} + +function ansico_prepare_comment_display_html( $html ) { + $html = (string) $html; + if ( $html === '' ) { + return ''; + } + + // Normaliser WordPress-kommentar HTML uden at skabe ekstra luft omkring embeds. + $html = shortcode_unautop( $html ); + + // Fjern tomme afsnit og linjeskift rundt om embed-kort. + $patterns = array( + '#

\s*(

]*>)#i', + '#(
)\s*

#i', + '#

\s*(]*>\s*]*class="ansico-tweet-embed-image"[^>]*>\s*)\s*

#i', + '#

\s*(]*class="ansico-tweet-embed-image"[^>]*>)\s*

#i', + '#

\s*(]*>.*?)\s*

#is', + '#

\s*

#i', + ); + $replacements = array('$1', '$1', '$1', '$1', '$1', ''); + $html = preg_replace( $patterns, $replacements, $html ); + + return trim( $html ); +} + +/* ========================================================================== + 1.8. CUSTOM COMMENT MARKUP (Design uden "siger" og med ny opstilling) + ========================================================================== */ + +function ansico_custom_comment_markup($comment, $args, $depth) { + $GLOBALS['comment'] = $comment; + $avatar = get_avatar($comment, 40, '', '', array('class' => 'ansico-tweet-avatar')); + $author_link = get_comment_author_link($comment); + $author_url = ''; + if ( is_object( $comment ) && ! empty( $comment->user_id ) ) { + $author_url = get_author_posts_url( (int) $comment->user_id ); + } elseif ( is_object( $comment ) && ! empty( $comment->comment_author_url ) ) { + $author_url = $comment->comment_author_url; + } + $avatar_html = $author_url ? '' . $avatar . '' : $avatar; + $time_display = get_comment_date( get_option('date_format'), $comment ) . ' · ' . get_comment_time( get_option('time_format'), false, false, $comment ); + $like_button = ansico_render_like_button( 'comment', $comment->comment_ID ); ?> -
'ansico-some-tweet' ) ); ?>> - Avatar -
-
- - -
-
- -
- +
  • id="comment-" style="position: relative; display: block !important; list-style: none; margin-bottom: 20px;"> + +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    + + '; + comment_reply_link(array_merge($args, array( + 'depth' => $depth, + 'max_depth' => $args['max_depth'], + 'reply_text' => $reply_icon + ))); + ?> +
    +
    + array( + 'name' => 'Microposts', + 'singular_name' => 'Micropost', + ), + 'public' => true, + 'has_archive' => true, + 'supports' => array( 'editor', 'author', 'custom-fields', 'comments' ), + 'menu_icon' => 'dashicons-edit-page', + 'show_in_rest' => true, + 'rewrite' => array('slug' => 'micropost'), + )); + + register_taxonomy( 'micropost_tag', 'micropost', array( + 'labels' => array( + 'name' => 'Tags', + 'singular_name' => 'Tag', + ), + 'public' => true, + 'rewrite' => array( 'slug' => 'micropost-tag' ), + 'hierarchical' => false, + 'show_in_rest' => true, + 'show_admin_column' => true, + )); +} + +add_filter( 'wp_insert_post_data', function( $data, $postarr ) { + if ( $data['post_type'] === 'micropost' && $data['post_status'] !== 'trash' ) { + if ( empty( $postarr['post_title'] ) || $postarr['post_title'] === 'Auto Draft' || $postarr['post_title'] === '' ) { + $clean_content = strip_tags( $data['post_content'] ); + $data['post_title'] = mb_substr( $clean_content, 0, 50 ); + } + if ( empty( $data['post_name'] ) ) { + $data['post_name'] = date('YmdHis') . rand(100, 999); + } + } + return $data; +}, 10, 2 ); + +add_action('save_post_micropost', function($post_id, $post, $update) { + if ( wp_is_post_revision( $post_id ) ) return; + preg_match_all('/#([\p{L}\p{N}_]+)/u', $post->post_content, $matches); + if (!empty($matches[1])) { + wp_set_object_terms( $post_id, $matches[1], 'micropost_tag', false ); + } +}, 10, 3); + +/* ========================================================================== + 2. TEMPLATE STYRING + ========================================================================== */ + + +function ansico_get_micropost_ids_matching_search( $search_query ) { + global $wpdb; + + $search_query = trim( (string) $search_query ); + if ( $search_query === '' ) { + return array(); + } + + $like = '%' . $wpdb->esc_like( $search_query ) . '%'; + + $post_ids = $wpdb->get_col( $wpdb->prepare( + "SELECT ID FROM {$wpdb->posts} + WHERE post_type = %s + AND post_status = 'publish' + AND (post_title LIKE %s OR post_content LIKE %s)", + 'micropost', + $like, + $like + ) ); + + $comment_post_ids = $wpdb->get_col( $wpdb->prepare( + "SELECT DISTINCT c.comment_post_ID + FROM {$wpdb->comments} c + INNER JOIN {$wpdb->posts} p ON p.ID = c.comment_post_ID + WHERE p.post_type = %s + AND p.post_status = 'publish' + AND c.comment_approved = '1' + AND (c.comment_type = '' OR c.comment_type = 'comment') + AND c.comment_content LIKE %s", + 'micropost', + $like + ) ); + + $all_ids = array_unique( array_map( 'intval', array_merge( $post_ids, $comment_post_ids ) ) ); + rsort( $all_ids ); + + return $all_ids; +} + +add_action( 'pre_get_posts', 'ansico_apply_micropost_archive_search' ); +function ansico_apply_micropost_archive_search( $query ) { + if ( is_admin() || ! $query->is_main_query() ) { + return; + } + + if ( $query->is_post_type_archive( 'micropost' ) ) { + $search_query = ''; + + if ( isset( $_GET['ms'] ) ) { + $search_query = sanitize_text_field( wp_unslash( $_GET['ms'] ) ); + } elseif ( isset( $_GET['s'] ) ) { + $search_query = sanitize_text_field( wp_unslash( $_GET['s'] ) ); + } + + if ( $search_query !== '' ) { + $matching_ids = ansico_get_micropost_ids_matching_search( $search_query ); + $query->set( 'post_type', 'micropost' ); + $query->set( 's', '' ); + $query->set( 'post__in', ! empty( $matching_ids ) ? $matching_ids : array( 0 ) ); + $query->set( 'orderby', 'date' ); + $query->set( 'order', 'DESC' ); + } + } +} + +add_filter('template_include', 'ansico_micropost_templates'); +function ansico_micropost_templates( $template ) { + // Deaktiveret for enkelte microposts, så din Site Editor skabelon kan bruges. + /* if ( is_singular('micropost') ) { + $plugin_template = plugin_dir_path(__FILE__) . 'templates/single-micropost.php'; + if ( file_exists($plugin_template) ) return $plugin_template; + } */ + + // Brug kun pluginets simple archive-template på det normale micropost-arkiv. + // Ved søgning skal temaets eget layout bruges, så sidebar og globalt site-design bevares. + if ( is_post_type_archive('micropost') ) { + $has_search = false; + + if ( isset( $_GET['ms'] ) ) { + $has_search = trim( (string) wp_unslash( $_GET['ms'] ) ) !== ''; + } elseif ( isset( $_GET['s'] ) ) { + $has_search = trim( (string) wp_unslash( $_GET['s'] ) ) !== ''; + } + + if ( ! $has_search ) { + $plugin_template = plugin_dir_path(__FILE__) . 'templates/archive-micropost.php'; + if ( file_exists($plugin_template) ) return $plugin_template; + } + } + // Deaktiveret for tags, så din egen Site Editor skabelon kan træde i kraft. + /* if ( is_tax('micropost_tag') ) { + $plugin_template = plugin_dir_path(__FILE__) . 'templates/taxonomy-micropost_tag.php'; + if ( file_exists($plugin_template) ) return $plugin_template; + } */ + + /* if ( is_author() ) { + $plugin_template = plugin_dir_path(__FILE__) . 'templates/author-micropost.php'; + if ( file_exists($plugin_template) ) return $plugin_template; + } */ + return $template; +} + +add_action( 'add_meta_boxes', function() { + add_meta_box( 'ansico_micropost_meta', 'Micropost Details', 'ansico_micropost_meta_html', 'micropost', 'normal', 'high' ); +}); + +function ansico_micropost_meta_html( $post ) { + $url = get_post_meta( $post->ID, 'ansico_micropost_url', true ); + $time = get_post_meta( $post->ID, 'ansico_micropost_time', true ); + $is_federated = ansico_is_micropost_federated( $post->ID ); + wp_nonce_field( 'ansico_micropost_save', 'ansico_micropost_nonce' ); + ?> +


    +


    +

    + +

    + ID ) && get_post_type( $wp_object->ID ) === 'micropost' ) { + update_post_meta( intval( $wp_object->ID ), '_ansico_has_been_federated', '1' ); + } +} +add_action( 'activitypub_mark_wp_object_as_federated', 'ansico_mark_micropost_as_federated' ); + +/* ========================================================================== + 3. RENDERING ENGINE + ========================================================================== */ + +function ansico_get_like_count( $object_type, $object_id ) { + $object_id = intval( $object_id ); + if ( $object_id < 1 ) { + return 0; + } + + if ( $object_type === 'comment' ) { + return max( 0, intval( get_comment_meta( $object_id, '_ansico_like_count', true ) ) ); + } + + return max( 0, intval( get_post_meta( $object_id, '_ansico_like_count', true ) ) ); +} + +function ansico_get_user_liked_items( $user_id, $object_type ) { + $meta_key = $object_type === 'comment' ? '_ansico_liked_comments' : '_ansico_liked_posts'; + $liked = get_user_meta( intval( $user_id ), $meta_key, true ); + return is_array( $liked ) ? array_values( array_unique( array_map( 'intval', $liked ) ) ) : array(); +} + +function ansico_user_has_liked( $object_type, $object_id, $user_id = 0 ) { + $user_id = $user_id ? intval( $user_id ) : get_current_user_id(); + $object_id = intval( $object_id ); + + if ( $user_id < 1 || $object_id < 1 ) { + return false; + } + + return in_array( $object_id, ansico_get_user_liked_items( $user_id, $object_type ), true ); +} + +function ansico_toggle_like( $object_type, $object_id, $user_id = 0 ) { + $user_id = $user_id ? intval( $user_id ) : get_current_user_id(); + $object_id = intval( $object_id ); + + if ( $user_id < 1 || $object_id < 1 ) { + return new WP_Error( 'ansico_like_forbidden', 'Kun loggede brugere kan like.', array( 'status' => 403 ) ); + } + + if ( $object_type === 'comment' ) { + $comment = get_comment( $object_id ); + if ( ! $comment || intval( $comment->comment_approved ) !== 1 ) { + return new WP_Error( 'ansico_like_invalid_comment', 'Kommentaren findes ikke.', array( 'status' => 404 ) ); + } + $liked = ansico_get_user_liked_items( $user_id, 'comment' ); + $has_liked = in_array( $object_id, $liked, true ); + if ( $has_liked ) { + $liked = array_values( array_diff( $liked, array( $object_id ) ) ); + update_user_meta( $user_id, '_ansico_liked_comments', $liked ); + $count = max( 0, ansico_get_like_count( 'comment', $object_id ) - 1 ); + update_comment_meta( $object_id, '_ansico_like_count', $count ); + return array( 'liked' => false, 'count' => $count ); + } + $liked[] = $object_id; + update_user_meta( $user_id, '_ansico_liked_comments', array_values( array_unique( array_map( 'intval', $liked ) ) ) ); + $count = ansico_get_like_count( 'comment', $object_id ) + 1; + update_comment_meta( $object_id, '_ansico_like_count', $count ); + return array( 'liked' => true, 'count' => $count ); + } + + $post = get_post( $object_id ); + if ( ! $post || $post->post_status !== 'publish' || $post->post_type !== 'micropost' ) { + return new WP_Error( 'ansico_like_invalid_post', 'Microposten findes ikke.', array( 'status' => 404 ) ); + } + + $liked = ansico_get_user_liked_items( $user_id, 'post' ); + $has_liked = in_array( $object_id, $liked, true ); + if ( $has_liked ) { + $liked = array_values( array_diff( $liked, array( $object_id ) ) ); + update_user_meta( $user_id, '_ansico_liked_posts', $liked ); + $count = max( 0, ansico_get_like_count( 'post', $object_id ) - 1 ); + update_post_meta( $object_id, '_ansico_like_count', $count ); + return array( 'liked' => false, 'count' => $count ); + } + $liked[] = $object_id; + update_user_meta( $user_id, '_ansico_liked_posts', array_values( array_unique( array_map( 'intval', $liked ) ) ) ); + $count = ansico_get_like_count( 'post', $object_id ) + 1; + update_post_meta( $object_id, '_ansico_like_count', $count ); + return array( 'liked' => true, 'count' => $count ); +} + +function ansico_render_like_button( $object_type, $object_id, $extra_classes = '' ) { + $object_id = intval( $object_id ); + if ( $object_id < 1 ) { + return ''; + } + + $count = ansico_get_like_count( $object_type, $object_id ); + $is_logged_in = is_user_logged_in(); + $has_liked = $is_logged_in ? ansico_user_has_liked( $object_type, $object_id ) : false; + $classes = trim( 'ansico-action-btn ansico-like-btn ' . $extra_classes . ( $has_liked ? ' is-liked' : '' ) ); + $disabled_attr = $is_logged_in ? '' : ' disabled aria-disabled="true" tabindex="-1"'; + $title = $is_logged_in ? ( $has_liked ? 'Fjern like' : 'Like' ) : 'Log ind for at like'; + + return ''; +} + +function ansico_get_tweet_html($author_id, $text, $time_str, $source_url, $embed_data = null, $post_id = 0) { + $name = get_the_author_meta( 'display_name', $author_id ); + $avatar = get_avatar_url( $author_id, array( 'size' => 50 ) ); + + if (!$embed_data) { + preg_match('/(?{}\[\]]+))/i', $text, $matches); + if ($matches) { $embed_data = ansico_fetch_metadata_internal($matches[0]); } + } + + $time_display = $time_str; + if ( strtotime($time_str) ) { + $ts = strtotime($time_str); + $time_display = wp_date(get_option('date_format'), $ts) . ' · ' . wp_date(get_option('time_format'), $ts); + } + + $text = ansico_apply_micropost_text_formatting( $text ); + + $comment_count = $post_id ? get_comments_number($post_id) : 0; + $permalink = $post_id ? get_permalink($post_id) : $source_url; + $like_button = $post_id ? ansico_render_like_button( 'post', $post_id ) : ''; + $is_federated = $post_id ? ansico_is_micropost_federated( $post_id ) : false; + + ob_start(); ?> +
    +
    + +
    + + + + + + + + +
    + + + + +
    +
    + + + + +
    +
    + +
    + + +
    + +

    +
    +     +
    + + +
    + + + + + +
    +
    +
    + + +
    + $post_id, 'status' => 'approve', 'order' => 'ASC')); + if ($comments) { + echo '

    ' . esc_html__( 'Replies', 'ansico-some-plugin' ) . '

    '; + echo '
      '; + wp_list_comments(array( + 'style' => 'ul', + 'short_ping' => true, + 'callback' => 'ansico_custom_comment_markup', + ), $comments); + echo '
    '; + } + + if ( is_user_logged_in() ) { + comment_form(array( + 'title_reply' => '', + 'title_reply_to' => '', + 'comment_notes_before' => '', + 'class_submit' => 'ansico-twitter-reply-btn', + 'label_submit' => __( 'Reply', 'ansico-some-plugin' ), + 'class_form' => 'ansico-twitter-reply-form', + 'logged_in_as' => '', + 'must_log_in' => '', + 'comment_field' => '
    ', + ), $post_id); + } + ?> +
    + +
    + 0 ) { + $commentdata['comment_author_url'] = get_author_posts_url( $user_id ); + } + + return $commentdata; +} + +/* ========================================================================== + 4. BLOCKS & API + ========================================================================== */ +add_action( 'init', 'ansico_some_register_all' ); +function ansico_some_register_all() { + wp_register_script( + 'ansico-blocks-js', + plugins_url( 'block.js', __FILE__ ), + array( 'wp-blocks', 'wp-element', 'wp-block-editor', 'wp-data', 'wp-components', 'wp-core-data' ), + ANSICO_SOME_PLUGIN_VERSION + ); + wp_register_style( 'ansico-style', plugins_url( 'style.css', __FILE__ ), array(), ANSICO_SOME_PLUGIN_VERSION ); + + register_block_type( 'ansico/some-author', array( 'editor_script' => 'ansico-blocks-js', 'style' => 'ansico-style', 'render_callback' => 'ansico_render_author' ) ); + register_block_type( 'ansico/some-comment', array( 'editor_script' => 'ansico-blocks-js', 'style' => 'ansico-style', 'render_callback' => 'ansico_render_comment' ) ); + register_block_type( 'ansico/embed-url', array( 'editor_script' => 'ansico-blocks-js', 'style' => 'ansico-style' ) ); + + register_block_type( 'ansico/micropost-form', array( + 'editor_script' => 'ansico-blocks-js', + 'style' => 'ansico-style', + 'render_callback' => 'ansico_render_micropost_form' + ) ); + + register_block_type( 'ansico/micropost-search', array( 'editor_script' => 'ansico-blocks-js', 'style' => 'ansico-style', 'render_callback' => 'ansico_render_micropost_search' ) ); + register_block_type( 'ansico/micropost-list', array( + 'editor_script' => 'ansico-blocks-js', + 'style' => 'ansico-style', + 'render_callback' => 'ansico_render_micropost_list', + 'attributes' => array( + 'postsPerPage' => array( + 'type' => 'number', + 'default' => 20, + ), + 'tagFilter' => array( + 'type' => 'string', + 'default' => '', + ), + ), + ) ); + + register_block_type( 'ansico/micropost-comments', array( + 'editor_script' => 'ansico-blocks-js', + 'style' => 'ansico-style', + 'render_callback' => 'ansico_render_micropost_comments', + 'attributes' => array( + 'commentsToShow' => array( + 'type' => 'number', + 'default' => 5, + ), + ), + ) ); + + register_block_type( 'ansico/micropost-top-tags', array( + 'editor_script' => 'ansico-blocks-js', + 'style' => 'ansico-style', + 'render_callback' => 'ansico_render_micropost_top_tags', + 'attributes' => array( + 'tagsToShow' => array( + 'type' => 'number', + 'default' => 10, + ), + ), + ) ); + + register_block_type( 'ansico/micropost-activity', array( + 'editor_script' => 'ansico-blocks-js', + 'style' => 'ansico-style', + 'render_callback' => 'ansico_render_micropost_activity', + 'attributes' => array( + 'itemsPerPage' => array( + 'type' => 'number', + 'default' => 10, + ), + ), + ) ); +} + +function ansico_get_author_micropost_comment_count( $author_id ) { + $author_id = intval( $author_id ); + if ( $author_id < 1 ) { + return 0; + } + + return (int) get_comments( array( + 'user_id' => $author_id, + 'status' => 'approve', + 'post_type' => 'micropost', + 'type' => 'comment', + 'count' => true, + ) ); +} + + + +function ansico_get_social_profile_fields() { + return array( + 'facebook' => array( 'label' => 'Facebook', 'abbr' => 'f' ), + 'twitter' => array( 'label' => 'Twitter/X', 'abbr' => 'X' ), + 'bluesky' => array( 'label' => 'Bluesky', 'abbr' => 'B' ), + 'threads' => array( 'label' => 'Threads', 'abbr' => '@' ), + 'mastodon' => array( 'label' => 'Mastodon', 'abbr' => 'M' ), + 'instagram' => array( 'label' => 'Instagram', 'abbr' => 'I' ), + 'linkedin' => array( 'label' => 'LinkedIn', 'abbr' => 'in' ), + 'friendica' => array( 'label' => 'Friendica', 'abbr' => 'F' ), + 'pixelfed' => array( 'label' => 'Pixelfed', 'abbr' => 'P' ), + ); +} + +function ansico_get_visible_social_profiles( $user_id ) { + $profiles = array(); + foreach ( ansico_get_social_profile_fields() as $key => $field ) { + $url = trim( (string) get_user_meta( $user_id, 'ansico_social_' . $key . '_url', true ) ); + $show = ! empty( get_user_meta( $user_id, 'ansico_social_' . $key . '_show', true ) ); + if ( $show && ! empty( $url ) ) { + $profiles[ $key ] = array( + 'label' => $field['label'], + 'abbr' => $field['abbr'], + 'url' => esc_url( $url ), + ); + } + } + return $profiles; +} + +function ansico_render_social_profile_links( $user_id ) { + $profiles = ansico_get_visible_social_profiles( $user_id ); + if ( empty( $profiles ) ) { + return ''; + } + + $html = '
    '; + foreach ( $profiles as $key => $profile ) { + $html .= '' . esc_html( $profile['abbr'] ) . ''; + } + $html .= '
    '; + + return $html; +} + +function ansico_render_author_intro_html( $author_id ) { + $author_name = get_the_author_meta('display_name', $author_id); + $author_avatar = get_avatar_url($author_id, array('size' => 120)); + $post_count = count_user_posts($author_id, 'micropost'); + $comment_count = ansico_get_author_micropost_comment_count( $author_id ); + $author_bio = get_the_author_meta('description', $author_id); + $author_website = get_the_author_meta('user_url', $author_id); + $social_links = ansico_render_social_profile_links( $author_id ); + + if ($author_bio) { + $author_bio = esc_html($author_bio); + $author_bio = preg_replace('/(?<=^|\s|>|>)@([a-zA-Z0-9_]+)@([a-zA-Z0-9.-]+\.[a-zA-Z]{2,})/i', '@$1@$2', $author_bio); + $author_bio = make_clickable($author_bio); + $author_bio = preg_replace('/>https?:\/\/(www\.)?([^<]+)<\/a>/i', '>$2', $author_bio); + $author_bio = wpautop($author_bio); + } + + ob_start(); ?> +
    + +
    +

    +
    + +
    + + + + +
    + + + + +
    + + +
    \ No newline at end of file + +function ansico_render_author() { + if ( is_author() ) { + $author_id = get_queried_object_id(); + } else { + $author_id = get_post_field( 'post_author', get_the_ID() ) ?: get_current_user_id(); + } + + return ansico_render_author_intro_html( $author_id ); +} + +function ansico_render_comment($attributes) { + $author_id = get_post_field( 'post_author', get_the_ID() ) ?: get_current_user_id(); + return ansico_get_tweet_html($author_id, $attributes['text'] ?? '', $attributes['time'] ?? '', $attributes['url'] ?? '', null, get_the_ID()); +} + +function ansico_render_micropost_form() { + if ( !is_user_logged_in() ) return ''; + $max_chars = ansico_get_micropost_max_chars(); + ob_start(); ?> +
    + +
    + 0 / + +
    +
    + + slug) ) $tag_filter = $current_term->slug; + } + + $author_filter = is_author() ? get_queried_object_id() : 0; + $ppp = isset($attributes['postsPerPage']) ? intval($attributes['postsPerPage']) : 20; + + $query_args = array( + 'post_type' => 'micropost', + 'posts_per_page' => $is_single_micropost ? 1 : $ppp, + 'paged' => $paged, + 'orderby' => 'date', + 'order' => 'DESC' + ); + if (!empty($search_query)) { + $matching_ids = ansico_get_micropost_ids_matching_search( $search_query ); + $query_args['post__in'] = !empty($matching_ids) ? $matching_ids : array(0); + } + if ($is_single_micropost) $query_args['p'] = get_the_ID(); + if ($author_filter) $query_args['author'] = $author_filter; + if (!empty($tag_filter)) { + $tag_filter = ltrim($tag_filter, '#'); + $query_args['tax_query'] = array(array('taxonomy' => 'micropost_tag', 'field' => 'slug', 'terms' => $tag_filter)); + } + + $query = new WP_Query($query_args); + + ob_start(); + + // Vis forfatter intro hvis vi er på en forfatter side + if ( is_author() && $paged == 1 && empty($search_query) ) { + $author_id = get_queried_object_id(); + echo ansico_render_author_intro_html( $author_id ); + } + + echo '
    '; + if ($query->have_posts()) { + while ($query->have_posts()) { + $query->the_post(); + $url = get_post_meta(get_the_ID(), 'ansico_micropost_url', true); + $time = get_post_meta(get_the_ID(), 'ansico_micropost_time', true); + echo ansico_get_tweet_html(get_the_author_meta('ID'), get_the_content(), $time, $url, null, get_the_ID()); + } + if ( !$is_single_micropost ) { + $big = 999999999; + echo '
    '; + echo paginate_links(array( + 'base' => str_replace($big, '%#%', esc_url(get_pagenum_link($big))), + 'format' => '?paged=%#%', + 'current' => max(1, $paged), + 'total' => $query->max_num_pages, + 'prev_text' => '« Forrige', + 'next_text' => __( 'Next »', 'ansico-some-plugin' ), + )); + echo '
    '; + } + wp_reset_postdata(); + } + echo '
    '; + return ob_get_clean(); +} + + + + +function ansico_render_micropost_top_tags($attributes) { + $tags_to_show = isset($attributes['tagsToShow']) ? intval($attributes['tagsToShow']) : 10; + if ($tags_to_show < 1) { + $tags_to_show = 1; + } + + $terms = get_terms(array( + 'taxonomy' => 'micropost_tag', + 'hide_empty' => true, + 'number' => $tags_to_show, + 'orderby' => 'count', + 'order' => 'DESC', + )); + + if (is_wp_error($terms) || empty($terms)) { + return ''; + } + + ob_start(); + echo '
    '; + echo '
    '; + + foreach ($terms as $term) { + $term_link = get_term_link($term); + if (is_wp_error($term_link)) { + continue; + } + + echo ''; + echo '#' . esc_html($term->name) . ''; + echo '' . intval($term->count) . ''; + echo ''; + } + + echo '
    '; + echo '
    '; + return ob_get_clean(); +} + +function ansico_render_micropost_comments($attributes) { + $comments_to_show = isset($attributes['commentsToShow']) ? intval($attributes['commentsToShow']) : 5; + if ($comments_to_show < 1) { + $comments_to_show = 1; + } + + $comments = get_comments(array( + 'status' => 'approve', + 'number' => $comments_to_show, + 'orderby' => 'comment_date_gmt', + 'order' => 'DESC', + 'post_type' => 'micropost', + 'type__in' => array('', 'comment'), + )); + + if (empty($comments)) { + return ''; + } + + ob_start(); + echo '
    '; + + foreach ($comments as $comment) { + echo ansico_render_activity_comment_item($comment); + } + + echo '
    '; + return ob_get_clean(); +} + + +function ansico_render_activity_comment_item( $comment ) { + $post_id = isset($comment->comment_post_ID) ? intval($comment->comment_post_ID) : 0; + if (!$post_id || get_post_type($post_id) !== 'micropost') { + return ''; + } + + $micropost_permalink = get_permalink($post_id); + $comment_permalink = get_comment_link($comment); + $reply_permalink = $micropost_permalink ? add_query_arg( 'replytocom', intval( $comment->comment_ID ), $micropost_permalink ) . '#respond' : ''; + $author_url = ''; + if ( is_object( $comment ) && ! empty( $comment->user_id ) ) { + $author_url = get_author_posts_url( (int) $comment->user_id ); + } elseif ( is_object( $comment ) && ! empty( $comment->comment_author_url ) ) { + $author_url = $comment->comment_author_url; + } + $author_name = get_comment_author($comment); + $avatar = get_avatar($comment, 40, '', '', array('class' => 'ansico-tweet-avatar')); + $avatar_html = $author_url ? '' . $avatar . '' : $avatar; + $time_display = get_comment_date( get_option('date_format'), $comment ) . ' · ' . get_comment_time( get_option('time_format'), false, false, $comment ); + $comment_text = ansico_get_formatted_comment_html( $comment ); + $reply_count = get_comments(array( + 'post_id' => $post_id, + 'parent' => intval($comment->comment_ID), + 'status' => 'approve', + 'count' => true, + 'type__in' => array('', 'comment'), + )); + $like_button = ansico_render_like_button( 'comment', $comment->comment_ID ); + + ob_start(); + echo '
    '; + echo '
    '; + + echo '
    '; + if ($micropost_permalink) { + echo ''; + echo ''; + echo ''; + } + echo "'; + echo '
    '; + + echo '
    ' . $avatar_html . '
    '; + echo '
    '; + echo '
    '; + + if (!empty($author_url)) { + echo '' . esc_html($author_name) . ''; + } else { + echo '' . esc_html($author_name) . ''; + } + + echo '' . esc_html( wp_strip_all_tags( $time_display ) ) . ''; + echo '
    '; + echo '
    ' . wp_kses_post( $comment_text ) . '
    '; + echo '
    '; + if ($like_button) { + echo $like_button; + } + if ($reply_permalink) { + echo ''; + echo ''; + echo '' . intval($reply_count) . ''; + echo ''; + } + echo '
    '; + echo '
    '; + echo '
    '; + echo '
    '; + + return ob_get_clean(); +} + +function ansico_render_micropost_activity($attributes) { + global $wpdb; + + $items_per_page = isset($attributes['itemsPerPage']) ? intval($attributes['itemsPerPage']) : 10; + if ($items_per_page < 1) { + $items_per_page = 1; + } + + $current_page = isset($_GET['ansico_activity_page']) ? intval($_GET['ansico_activity_page']) : 1; + if ($current_page < 1) { + $current_page = 1; + } + + $offset = ($current_page - 1) * $items_per_page; + + $posts_table = $wpdb->posts; + $comments_table = $wpdb->comments; + + $total_posts = (int) $wpdb->get_var( + "SELECT COUNT(ID) FROM {$posts_table} WHERE post_type = 'micropost' AND post_status = 'publish'" + ); + + $total_comments = (int) $wpdb->get_var( + "SELECT COUNT(c.comment_ID) + FROM {$comments_table} c + INNER JOIN {$posts_table} p ON c.comment_post_ID = p.ID + WHERE c.comment_approved = '1' + AND (c.comment_type = '' OR c.comment_type = 'comment') + AND p.post_type = 'micropost' + AND p.post_status = 'publish'" + ); + + $total_items = $total_posts + $total_comments; + if ($total_items < 1) { + return ''; + } + + $query = $wpdb->prepare( + "(SELECT ID AS object_id, post_date_gmt AS event_date_gmt, 'post' AS event_type + FROM {$posts_table} + WHERE post_type = 'micropost' AND post_status = 'publish') + UNION ALL + (SELECT c.comment_ID AS object_id, c.comment_date_gmt AS event_date_gmt, 'comment' AS event_type + FROM {$comments_table} c + INNER JOIN {$posts_table} p ON c.comment_post_ID = p.ID + WHERE c.comment_approved = '1' + AND (c.comment_type = '' OR c.comment_type = 'comment') + AND p.post_type = 'micropost' + AND p.post_status = 'publish') + ORDER BY event_date_gmt DESC + LIMIT %d OFFSET %d", + $items_per_page, + $offset + ); + + $rows = $wpdb->get_results($query); + if (empty($rows)) { + return ''; + } + + ob_start(); + echo '
    '; + + foreach ($rows as $row) { + if ($row->event_type === 'post') { + $post = get_post((int) $row->object_id); + if (!$post || $post->post_status !== 'publish' || $post->post_type !== 'micropost') { + continue; + } + $url = get_post_meta($post->ID, 'ansico_micropost_url', true); + $time = get_post_meta($post->ID, 'ansico_micropost_time', true); + echo '
    '; + echo ansico_get_tweet_html($post->post_author, $post->post_content, $time, $url, null, $post->ID); + echo '
    '; + } else { + $comment = get_comment((int) $row->object_id); + if (!$comment) { + continue; + } + echo ansico_render_activity_comment_item($comment); + } + } + + $total_pages = (int) ceil($total_items / $items_per_page); + if ($total_pages > 1) { + $pagination = paginate_links(array( + 'base' => esc_url_raw(add_query_arg('ansico_activity_page', '%#%')), + 'format' => '', + 'current' => $current_page, + 'total' => $total_pages, + 'type' => 'list', + 'prev_text' => '« Forrige', + 'next_text' => __( 'Next »', 'ansico-some-plugin' ), + )); + + if ($pagination) { + echo ''; + } + } + + echo '
    '; + return ob_get_clean(); +} + +add_action( 'rest_api_init', function () { + register_rest_route( 'ansico/v1', '/create-micropost', array( 'methods' => 'POST', 'callback' => 'ansico_rest_create', 'permission_callback' => function() { return is_user_logged_in(); } ) ); + register_rest_route( 'ansico/v1', '/toggle-like', array( + 'methods' => 'POST', + 'callback' => 'ansico_rest_toggle_like', + 'permission_callback' => function() { return is_user_logged_in(); }, + ) ); +}); + +function ansico_rest_create($req) { + $text = sanitize_textarea_field($req['text']); + $max_chars = ansico_get_micropost_max_chars(); + if (empty($text)) { + return array('success' => false, 'message' => 'Tom micropost.'); + } + if ( function_exists( 'mb_strlen' ) ? mb_strlen( $text ) > $max_chars : strlen( $text ) > $max_chars ) { + return array('success' => false, 'message' => __( 'Micropost is too long.', 'ansico-some-plugin' )); + } + $post_id = wp_insert_post(array('post_type' => 'micropost', 'post_content' => $text, 'post_status' => 'publish', 'comment_status' => 'open')); + if ($post_id) { + update_post_meta($post_id, 'ansico_micropost_time', current_time('mysql')); + update_post_meta($post_id, 'ansico_micropost_url', get_permalink($post_id)); + return array('success' => true); + } + return array('success' => false, 'message' => __( 'Could not create micropost.', 'ansico-some-plugin' )); +} + +function ansico_fetch_metadata_internal($url) { + $response = wp_remote_get( $url ); + if ( is_wp_error( $response ) ) return null; + $html = wp_remote_retrieve_body( $response ); + libxml_use_internal_errors(true); + $doc = new DOMDocument(); + @$doc->loadHTML( mb_convert_encoding( $html, 'HTML-ENTITIES', 'UTF-8' ) ); + libxml_clear_errors(); + $res = array('title' => '', 'image' => '', 'domain' => str_replace('www.', '', wp_parse_url($url, PHP_URL_HOST))); + $tags = $doc->getElementsByTagName('meta'); + foreach ($tags as $tag) { + if ($tag->getAttribute('property') === 'og:title') $res['title'] = $tag->getAttribute('content'); + if ($tag->getAttribute('property') === 'og:image') $res['image'] = $tag->getAttribute('content'); + } + if(empty($res['title'])) { $t = $doc->getElementsByTagName('title'); if($t->length > 0) $res['title'] = $t->item(0)->nodeValue; } + return $res; +} + +/* ========================================================================== + 5. AVATAR FILTERS + ========================================================================== */ +add_filter( 'get_avatar_url', function( $url, $id_or_email, $args ) { + $user_id = null; + if ( is_numeric( $id_or_email ) ) { $user_id = $id_or_email; } + elseif ( is_object( $id_or_email ) && isset( $id_or_email->user_id ) ) { $user_id = $id_or_email->user_id; } + if ( $user_id ) { + $custom = get_user_meta( $user_id, 'ansico_avatar_url', true ); + if ( $custom ) return $custom; + } + return $url; +}, 10, 3 ); + +add_action( 'show_user_profile', 'ansico_avatar_field' ); +add_action( 'edit_user_profile', 'ansico_avatar_field' ); +function ansico_avatar_field($user) { + $url = get_user_meta($user->ID, 'ansico_avatar_url', true); + echo '

    ' . esc_html__( 'Profilbillede', 'ansico-some-plugin' ) . '

    Profilbillede
    '; + + echo '

    ' . esc_html__( 'Social profiles', 'ansico-some-plugin' ) . '

    '; + echo ''; + foreach ( ansico_get_social_profile_fields() as $key => $field ) { + $profile_url = get_user_meta( $user->ID, 'ansico_social_' . $key . '_url', true ); + $show_on_profile = ! empty( get_user_meta( $user->ID, 'ansico_social_' . $key . '_show', true ) ); + echo ''; + echo ''; + echo ''; + echo ''; + } + echo ''; +} + + +function ansico_rest_toggle_like( WP_REST_Request $request ) { + $object_type = sanitize_key( (string) $request->get_param( 'object_type' ) ); + $object_id = intval( $request->get_param( 'object_id' ) ); + + if ( ! in_array( $object_type, array( 'post', 'comment' ), true ) ) { + return new WP_Error( 'ansico_like_invalid_type', __( 'Invalid like type.', 'ansico-some-plugin' ), array( 'status' => 400 ) ); + } + + $result = ansico_toggle_like( $object_type, $object_id, get_current_user_id() ); + if ( is_wp_error( $result ) ) { + return $result; + } + + return rest_ensure_response( array( + 'liked' => ! empty( $result['liked'] ), + 'count' => intval( $result['count'] ), + ) ); +} + +add_action( 'personal_options_update', 'ansico_save_avatar' ); +add_action( 'edit_user_profile_update', 'ansico_save_avatar' ); +function ansico_save_avatar($user_id) { + if(isset($_POST['ansico_avatar_url'])) update_user_meta($user_id, 'ansico_avatar_url', esc_url_raw($_POST['ansico_avatar_url'])); + + $social_input = isset( $_POST['ansico_social'] ) && is_array( $_POST['ansico_social'] ) ? $_POST['ansico_social'] : array(); + foreach ( ansico_get_social_profile_fields() as $key => $field ) { + $row = isset( $social_input[ $key ] ) && is_array( $social_input[ $key ] ) ? $social_input[ $key ] : array(); + $url = isset( $row['url'] ) ? esc_url_raw( trim( wp_unslash( $row['url'] ) ) ) : ''; + $show = ! empty( $row['show'] ) ? '1' : ''; + update_user_meta( $user_id, 'ansico_social_' . $key . '_url', $url ); + update_user_meta( $user_id, 'ansico_social_' . $key . '_show', $show ); + } +} + +add_action( 'admin_enqueue_scripts', function( $hook ) { + if ( 'profile.php' === $hook || 'user-edit.php' === $hook ) { + wp_enqueue_media(); + wp_enqueue_script( 'ansico-admin', plugins_url( 'admin-script.js', __FILE__ ), array( 'jquery' ), ANSICO_SOME_PLUGIN_VERSION, true ); + wp_localize_script( + 'ansico-admin', + 'ansicoAdminSettings', + array( + 'cleanUpProfileSettings' => ! empty( get_option( 'ansico_clean_up_profile_settings', '' ) ), + 'labels' => array( + 'profile' => __( 'Profile', 'ansico-some-plugin' ), + 'federation' => __( 'Federation', 'ansico-some-plugin' ), + 'otherSettings' => __( 'Other settings', 'ansico-some-plugin' ), + ), + ) + ); + } +} ); + +add_action( 'admin_head-profile.php', 'ansico_render_profile_cleanup_admin_css' ); +add_action( 'admin_head-user-edit.php', 'ansico_render_profile_cleanup_admin_css' ); +function ansico_render_profile_cleanup_admin_css() { + if ( empty( get_option( 'ansico_clean_up_profile_settings', '' ) ) ) { + return; + } + ?> + + +
    +
    + + +
    +
    + + + $1'); + html = html.replace(/\*([^\*]+)\*/g, '$1'); + html = html.replace(/`([^`]+)`/g, '$1'); + html = html.replace(/^>\s+(.*)/gm, '
    $1
    '); + html = html.replace(/\n/g, '
    '); + return html; + } + return el('div', blockProps, + el('div', { className: 'ansico-some-tweet' }, + el('img', { src: avatarUrl, className: 'ansico-tweet-avatar', alt: '' }), + el('div', { className: 'ansico-tweet-content' }, + el('div', { className: 'ansico-tweet-header' }, + el('span', { className: 'ansico-tweet-name' }, name), + el('span', { className: 'ansico-tweet-time' }, props.attributes.time || 'Just now') ), - el( 'div', { className: 'ansico-tweet-text' }, attributes.text || 'Message text...' ) + el('div', { className: 'ansico-tweet-text', dangerouslySetInnerHTML: { __html: parseMD(props.attributes.text) } }), + props.attributes.url && el('div', { className: 'ansico-tweet-footer' }, 'Permalink: ', el('a', {href: '#'}, props.attributes.url)) ) ), - el( 'div', { style: { marginTop: '10px', borderTop: '1px solid #ddd', paddingTop: '10px' } }, - el( TextareaControl, { label: 'Comment Text', value: attributes.text, onChange: function( v ) { setAttributes( { text: v } ); } } ), - el( TextControl, { label: 'Source URL', value: attributes.url, onChange: function( v ) { setAttributes( { url: v } ); } } ), - el( TextControl, { label: 'Time (e.g. 2026-04-12 19:43)', value: attributes.time, onChange: function( v ) { setAttributes( { time: v } ); } } ) + el('div', { style: { marginTop: '15px', padding: '15px', border: '1px dashed #ccc', borderRadius: '8px', background: '#f9f9f9' } }, + el(TextareaControl, { label: 'Message', value: props.attributes.text, onChange: function(v){ props.setAttributes({text:v}); } }), + el(TextControl, { label: 'Permalink URL', value: props.attributes.url, onChange: function(v){ props.setAttributes({url:v}); } }), + el(TextControl, { label: 'Time', value: props.attributes.time, onChange: function(v){ props.setAttributes({time:v}); } }) ) ); }, save: function() { return null; } - } ); -} )( window.wp.blocks, window.wp.element, window.wp.blockEditor, window.wp.data, window.wp.components ); \ No newline at end of file + } ) ); + + blocks.registerBlockType( 'ansico/micropost-form', Object.assign( getSharedBlockSettings( + 'Ansico Micropost Form', + 'edit', + 'Shows the micropost form on the front end.', + [ 'ansico', 'micropost', 'form', 'sidebar' ] + ), { + edit: function() { return el('div', useBlockProps(), 'Micropost Form (shown on the front end)'); }, + save: function() { return null; } + } ) ); + + blocks.registerBlockType( 'ansico/micropost-list', Object.assign( getSharedBlockSettings( + 'Ansico Micropost List', + 'list-view', + 'Lists recent microposts.', + [ 'ansico', 'micropost', 'list', 'feed' ] + ), { + attributes: { + postsPerPage: { type: 'number', default: 20 }, + tagFilter: { type: 'string', default: '' } + }, + edit: function(props) { + var blockProps = useBlockProps(); + return el(element.Fragment, {}, + el(InspectorControls, {}, + el(PanelBody, { title: 'Settings' }, + el(RangeControl, { + label: 'Posts per page', + value: props.attributes.postsPerPage, + onChange: function(v) { props.setAttributes({ postsPerPage: v }); }, + min: 1, + max: 100 + }), + el(TextControl, { + label: 'Filter by tag (optional)', + help: 'For example, write "news" to show only posts with that tag.', + value: props.attributes.tagFilter, + onChange: function(v) { props.setAttributes({ tagFilter: v }); } + }) + ) + ), + el('div', blockProps, 'Micropost List (' + props.attributes.postsPerPage + ' per page)') + ); + }, + save: function() { return null; } + } ) ); + + blocks.registerBlockType( 'ansico/micropost-comments', Object.assign( getSharedBlockSettings( + 'Ansico Micropost Comments', + 'admin-comments', + 'Shows recent comments on microposts.', + [ 'ansico', 'micropost', 'comments', 'sidebar' ] + ), { + attributes: { + commentsToShow: { type: 'number', default: 5 } + }, + edit: function(props) { + var blockProps = useBlockProps(); + return el(element.Fragment, {}, + el(InspectorControls, {}, + el(PanelBody, { title: 'Settings' }, + el(RangeControl, { + label: 'Number of comments', + value: props.attributes.commentsToShow, + onChange: function(v) { props.setAttributes({ commentsToShow: v }); }, + min: 1, + max: 20 + }) + ) + ), + el('div', Object.assign({}, blockProps, {style: {padding: '16px', background: '#f7f9f9', border: '1px dashed #ccc', borderRadius: '8px'}}), + el('strong', {}, 'Ansico Micropost Comments'), + el('p', {style: {margin: '6px 0 0 0', color: '#536471'}}, 'Shows the latest ' + props.attributes.commentsToShow + ' comments for microposts on the front end.') + ) + ); + }, + save: function() { return null; } + } ) ); + + blocks.registerBlockType( 'ansico/micropost-top-tags', Object.assign( getSharedBlockSettings( + 'Ansico Micropost Top Tags', + 'tag', + 'Shows the most used micropost tags.', + [ 'ansico', 'micropost', 'tags', 'sidebar' ] + ), { + attributes: { + tagsToShow: { type: 'number', default: 10 } + }, + edit: function(props) { + var blockProps = useBlockProps(); + return el(element.Fragment, {}, + el(InspectorControls, {}, + el(PanelBody, { title: 'Settings' }, + el(RangeControl, { + label: 'Number of tags', + value: props.attributes.tagsToShow, + onChange: function(v) { props.setAttributes({ tagsToShow: v }); }, + min: 1, + max: 30 + }) + ) + ), + el('div', Object.assign({}, blockProps, {style: {padding: '16px', background: '#f7f9f9', border: '1px dashed #ccc', borderRadius: '8px'}}), + el('strong', {}, 'Ansico Micropost Top Tags'), + el('p', {style: {margin: '6px 0 0 0', color: '#536471'}}, 'Shows the most used micropost tags. Count: ' + props.attributes.tagsToShow + '.') + ) + ); + }, + save: function() { return null; } + } ) ); + + blocks.registerBlockType( 'ansico/micropost-activity', Object.assign( getSharedBlockSettings( + 'Ansico Micropost Activity', + 'update', + 'Shows combined micropost and comment activity.', + [ 'ansico', 'micropost', 'activity', 'feed' ] + ), { + attributes: { + itemsPerPage: { type: 'number', default: 10 } + }, + edit: function(props) { + var blockProps = useBlockProps(); + return el(element.Fragment, {}, + el(InspectorControls, {}, + el(PanelBody, { title: 'Settings' }, + el(RangeControl, { + label: 'Items per page', + value: props.attributes.itemsPerPage, + onChange: function(v) { props.setAttributes({ itemsPerPage: v }); }, + min: 1, + max: 30 + }) + ) + ), + el('div', Object.assign({}, blockProps, {style: {padding: '16px', background: '#f7f9f9', border: '1px dashed #ccc', borderRadius: '8px'}}), + el('strong', {}, 'Ansico Micropost Activity'), + el('p', {style: {margin: '6px 0 0 0', color: '#536471'}}, 'Shows microposts and comments together, newest first. Unlimited list with pagination. Items per page: ' + props.attributes.itemsPerPage + '.') + ) + ); + }, + save: function() { return null; } + } ) ); + + blocks.registerBlockType( 'ansico/embed-url', Object.assign( getSharedBlockSettings( + 'Ansico Embed URL', + 'admin-links', + 'Embeds a URL preview card.', + [ 'ansico', 'embed', 'url', 'link' ] + ), { + attributes: { url: { type: 'string' }, isEditing: { type: 'boolean', default: true } }, + edit: function(props) { + return el('div', useBlockProps(), el(TextControl, { label: 'URL', value: props.attributes.url, onChange: function(v){ props.setAttributes({url:v}); } })); + }, + save: function() { return null; } + } ) ); + + blocks.registerBlockType( 'ansico/micropost-search', Object.assign( getSharedBlockSettings( + 'Ansico Micropost Search', + 'search', + 'Shows a micropost search field.', + [ 'ansico', 'micropost', 'search', 'sidebar' ] + ), { + edit: function() { return el('div', useBlockProps(), 'Micropost Search Field'); }, + save: function() { return null; } + } ) ); + +} )( window.wp.blocks, window.wp.element, window.wp.blockEditor, window.wp.data, window.wp.components ); diff --git a/ansico-some-plugin/readme.tx b/ansico-some-plugin/readme.tx deleted file mode 100644 index e69de29..0000000 diff --git a/ansico-some-plugin/readme.txt b/ansico-some-plugin/readme.txt new file mode 100644 index 0000000..10b3cd3 --- /dev/null +++ b/ansico-some-plugin/readme.txt @@ -0,0 +1,62 @@ +=== Ansico SoMe Plugin === +Contributors: aphandersen +Tags: social, microblogging, comments, activity-stream, likes +Requires at least: 6.4 +Tested up to: 6.9.3 +Requires PHP: 7.4 +Stable tag: 1.1.0.19 +License: GPL-3.0-or-later +License URI: https://www.gnu.org/licenses/gpl-3.0.html + +Turn WordPress into your own microblog with comments and likes. Lots of blocks. + +== Description == + +Ansico SoMe Plugin turns WordPress into a lightweight microblogging platform with microposts, comments, likes, profile features, and multiple Gutenberg blocks. + +Features include: + +* Micropost custom post type +* Micropost tags +* Comments and nested replies for microposts +* Like buttons for microposts and comments +* Author profile block with social profile links +* Micropost form, search, comments, top tags, list, and activity blocks +* Support for simple markup such as bold and italic text +* URL embeds in microposts and comments +* Custom avatar support + +Support and documentation: +https://ansico.dk/Ansico/Ansico-SoMe-plugin + +== Installation == + +1. Upload the plugin folder to the `/wp-content/plugins/` directory, or install the plugin through the WordPress plugins screen. +2. Activate the plugin through the 'Plugins' screen in WordPress. +3. Go to Settings -> Ansico SoMe Plugin to configure plugin settings. +4. Add the provided Gutenberg blocks where needed. + +== Frequently Asked Questions == + += Who can like microposts and comments? = +Only logged-in users can like microposts and comments. Like counts are visible to everyone. + += Can users comment on microposts? = +Yes. Comment forms for microposts are shown to logged-in users. + += Can I show social profile icons on author profiles? = +Yes. Users can add social profile URLs in their profile screen and choose whether each profile should be shown publicly. + +== Changelog == + += 1.1.0 = +* First public release. + + += 1.1.0.14 = +* Fixed malformed packaging and kept the federated status field plus globe icon with isolated top-right placement. + += 1.1.0.1 = +* Improved Gutenberg block discoverability in the post editor and Site Editor. +* Added an Ansico block category and search keywords/descriptions for all custom blocks. +* Added the missing wp-core-data editor dependency and synced asset versions. diff --git a/ansico-some-plugin/style.css b/ansico-some-plugin/style.css index 2459744..b2f5817 100644 --- a/ansico-some-plugin/style.css +++ b/ansico-some-plugin/style.css @@ -1,54 +1,988 @@ -/* Author Profile - Compact */ -.ansico-some-author-box { display: flex; gap: 20px; align-items: flex-start; background: #ffffff; padding: 15px; border-radius: 8px; border: 1px solid #eaeaea; } -.ansico-some-avatar { width: 80px; height: 80px; min-width: 80px; border-radius: 50%; object-fit: cover; border: 2px solid #f0f0f0; margin: 0 !important; } -.ansico-some-name { margin: 0 0 5px 0 !important; font-size: 18px; font-weight: 700; } -.ansico-some-bio { margin: 0 0 10px 0 !important; font-size: 14px; color: #444; line-height: 1.5; } +/* Responsive Layouts */ +.ansico-some-tweet { display: flex !important; flex-direction: row !important; gap: 12px !important; align-items: flex-start !important; padding: 15px; border: 1px solid #eff3f4; border-radius: 12px; background: #fff; margin-bottom: 0 !important; font-family: -apple-system, sans-serif; box-sizing: border-box; max-width: 100%; overflow: hidden; text-align: left; } +.ansico-tweet-avatar { width: 48px !important; height: 48px !important; min-width: 48px !important; border-radius: 50% !important; object-fit: cover !important; margin: 0 !important; } +.ansico-tweet-content { flex: 1 1 auto !important; min-width: 0; } +.ansico-tweet-header { display: flex !important; align-items: baseline !important; gap: 8px !important; margin-bottom: 2px !important; flex-wrap: wrap; } +.ansico-tweet-name { font-weight: 700 !important; color: #0f1419 !important; font-size: 15px !important; white-space: nowrap; } +.ansico-tweet-time { color: #536471 !important; font-size: 13px !important; white-space: nowrap; } +.ansico-tweet-text { font-size: 15px !important; line-height: 1.4 !important; color: #0f1419 !important; word-wrap: break-word; } +.ansico-tweet-footer { font-size: 11px !important; color: #536471 !important; margin-top: 8px !important; } +.ansico-tweet-footer a, .ansico-tweet-text a, .ansico-hashtag { color: #1d9bf0 !important; text-decoration: none !important; } +.ansico-tweet-footer a:hover, .ansico-tweet-text a:hover, .ansico-hashtag:hover { text-decoration: underline !important; } -/* SoMe Comment (Tweet Style) - FORCED LAYOUT */ -.ansico-some-tweet { - display: flex !important; - flex-direction: row !important; - gap: 12px !important; - align-items: flex-start !important; - padding: 12px; - border: 1px solid #eff3f4; - border-radius: 12px; - background: #ffffff; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; - margin-bottom: 24px; - box-sizing: border-box; -} +/* Markdown specific styling inside tweet */ +.ansico-tweet-text blockquote { border-left: 4px solid #1d9bf0; margin: 10px 0; padding: 10px 15px; color: #536471; font-style: italic; background: #f7f9f9; border-radius: 0 8px 8px 0; } +.ansico-tweet-text blockquote p { margin: 0 !important; } +.ansico-tweet-text code { background: #f2f3f5; padding: 2px 4px; border-radius: 4px; font-family: monospace; font-size: 13px; color: #e0245e; } -.ansico-tweet-avatar { - width: 48px !important; - height: 48px !important; - min-width: 48px !important; - border-radius: 50% !important; - object-fit: cover !important; +/* Form styling */ +.ansico-micropost-form-wrap { border: 1px solid #eff3f4; border-radius: 12px; padding: 15px; background: #fff; margin-bottom: 30px; box-sizing: border-box; } +.ansico-micropost-form-wrap textarea { width: 100%; border: none; font-size: 16px; outline: none; resize: none; min-height: 80px; box-shadow: none !important; } +.ansico-form-bottom { display: flex; justify-content: flex-end; align-items: center; gap: 10px; border-top: 1px solid #eff3f4; padding-top: 10px; } +#ansico-char-counter { font-size: 12px; color: #536471; transition: color 0.2s; } +#ansico-post-btn { background-color: #1d9bf0; color: white; border: none; border-radius: 9999px; padding: 6px 14px; font-weight: bold; cursor: pointer; font-size: 14px; } + +/* Embed styling */ +.ansico-tweet-embed { border: 1px solid #dadde1; border-radius: 12px; overflow: hidden; margin-top: 10px; display: block; text-decoration: none; } +.ansico-tweet-embed-image { width: 100%; height: auto; max-height: 180px; object-fit: cover; border-bottom: 1px solid #dadde1; margin: 0 !important; } +.ansico-tweet-embed-content { padding: 8px 10px; background: #f7f9f9; } +.ansico-tweet-embed-title { font-size: 13px !important; font-weight: 600; color: #0f1419; margin: 0 !important; } +.ansico-tweet-embed-domain { font-size: 11px; color: #536471; text-transform: uppercase; } +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* FSE & List Gap Overrides */ +ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; } +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } +.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; } + +/* Avatar Link Styling */ +.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; } +.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; } + +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* FSE & List Gap Overrides */ +ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; } +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } +.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; } + +/* Avatar Link Styling */ +.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; } +.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; } + +/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */ +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.tax-micropost_tag .wp-block-spacer, +.post-type-archive-micropost .wp-block-spacer, +.single-micropost .wp-block-spacer, +.wp-block-post-template .wp-block-spacer, +.ansico-micropost-list .wp-block-spacer { + display: none !important; + height: 0 !important; margin: 0 !important; - display: block !important; + padding: 0 !important; } -.ansico-tweet-content { - flex: 1 1 auto !important; +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* FSE & List Gap Overrides */ +ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; } +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } +.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; } + +/* Avatar Link Styling */ +.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; } +.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; } + +/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */ +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.tax-micropost_tag .wp-block-spacer, +.post-type-archive-micropost .wp-block-spacer, +.single-micropost .wp-block-spacer, +.wp-block-post-template .wp-block-spacer, +.ansico-micropost-list .wp-block-spacer { + display: none !important; + height: 0 !important; + margin: 0 !important; + padding: 0 !important; +} + +/* Author Name Link Styling */ +.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; } +.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; } + +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* FSE & List Gap Overrides */ +ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; } +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } +.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; } + +/* Avatar Link Styling */ +.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; } +.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; } + +/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */ +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.tax-micropost_tag .wp-block-spacer, +.post-type-archive-micropost .wp-block-spacer, +.single-micropost .wp-block-spacer, +.wp-block-post-template .wp-block-spacer, +.ansico-micropost-list .wp-block-spacer { + display: none !important; + height: 0 !important; + margin: 0 !important; + padding: 0 !important; +} + +/* Author Name Link Styling */ +.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; } +.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; } + +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* FSE & List Gap Overrides */ +ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; } +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } +.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; } + +/* Avatar Link Styling */ +.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; } +.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; } + +/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */ +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.tax-micropost_tag .wp-block-spacer, +.post-type-archive-micropost .wp-block-spacer, +.single-micropost .wp-block-spacer, +.wp-block-post-template .wp-block-spacer, +.ansico-micropost-list .wp-block-spacer { + display: none !important; + height: 0 !important; + margin: 0 !important; + padding: 0 !important; +} + +/* Author Name Link Styling */ +.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; } +.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; } + +/* Tweet Actions (Kopier link ikon) */ +.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; } +.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; } +.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-action-btn.copied { color: #00ba7c !important; } +.ansico-action-btn.copied svg { stroke: #00ba7c !important; } + +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* FSE & List Gap Overrides */ +ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; } +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } +.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; } + +/* Avatar Link Styling */ +.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; } +.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; } + +/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */ +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.tax-micropost_tag .wp-block-spacer, +.post-type-archive-micropost .wp-block-spacer, +.single-micropost .wp-block-spacer, +.wp-block-post-template .wp-block-spacer, +.ansico-micropost-list .wp-block-spacer { + display: none !important; + height: 0 !important; + margin: 0 !important; + padding: 0 !important; +} + +/* Author Name Link Styling */ +.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; } +.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; } + +/* Tweet Actions (Kopier link ikon) */ +.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; } +.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; } +.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-action-btn.copied { color: #00ba7c !important; } +.ansico-action-btn.copied svg { stroke: #00ba7c !important; } + +/* Author Intro Styling */ +.ansico-author-intro { display: flex; gap: 24px; padding: 25px; border: 1px solid #eff3f4; border-radius: 16px; background: #fff; margin-bottom: 30px; align-items: flex-start; } +.ansico-author-intro-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid #f7f9f9; } +.ansico-author-intro-content { flex: 1; } +.ansico-author-intro-name { margin: 0 0 8px 0 !important; font-size: 24px; font-weight: 800; color: #0f1419; } +.ansico-author-intro-bio { font-size: 15px; color: #0f1419; line-height: 1.5; margin-bottom: 0 !important; } +.ansico-author-intro-stats { font-size: 14px; color: #536471; } +.ansico-author-intro-stats strong { color: #0f1419; } + +/* Flyt Kopier-knap til toppen */ +.ansico-some-tweet { position: relative !important; } +.ansico-copy-btn-top { position: absolute !important; top: 12px; right: 12px; background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; border-radius: 50% !important; transition: background 0.2s, color 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; } +.ansico-copy-btn-top:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-copy-btn-top.copied { color: #00ba7c !important; } +.ansico-copy-btn-top.copied svg { stroke: #00ba7c !important; } + +/* Mobiltjek for intro */ +@media (max-width: 600px) { + .ansico-author-intro { flex-direction: column; align-items: center; text-align: center; } +} + +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* FSE & List Gap Overrides */ +ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; } +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } +.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; } + +/* Avatar Link Styling */ +.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; } +.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; } + +/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */ +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.tax-micropost_tag .wp-block-spacer, +.post-type-archive-micropost .wp-block-spacer, +.single-micropost .wp-block-spacer, +.wp-block-post-template .wp-block-spacer, +.ansico-micropost-list .wp-block-spacer { + display: none !important; + height: 0 !important; + margin: 0 !important; + padding: 0 !important; +} + +/* Author Name Link Styling */ +.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; } +.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; } + +/* Tweet Actions (Kopier link ikon) */ +.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; } +.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; } +.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-action-btn.copied { color: #00ba7c !important; } +.ansico-action-btn.copied svg { stroke: #00ba7c !important; } + +/* Author Intro Styling */ +.ansico-author-intro { display: flex; gap: 24px; padding: 25px; border: 1px solid #eff3f4; border-radius: 16px; background: #fff; margin-bottom: 30px; align-items: flex-start; } +.ansico-author-intro-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid #f7f9f9; } +.ansico-author-intro-content { flex: 1; } +.ansico-author-intro-name { margin: 0 0 8px 0 !important; font-size: 24px; font-weight: 800; color: #0f1419; } +.ansico-author-intro-bio { font-size: 15px; color: #0f1419; line-height: 1.5; margin-bottom: 0 !important; } +.ansico-author-intro-stats { font-size: 14px; color: #536471; } +.ansico-author-intro-stats strong { color: #0f1419; } + +/* Flyt Kopier-knap til toppen */ +.ansico-some-tweet { position: relative !important; } +.ansico-copy-btn-top { position: absolute !important; top: 12px; right: 12px; background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; border-radius: 50% !important; transition: background 0.2s, color 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; } +.ansico-copy-btn-top:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-copy-btn-top.copied { color: #00ba7c !important; } +.ansico-copy-btn-top.copied svg { stroke: #00ba7c !important; } + +/* Mobiltjek for intro */ +@media (max-width: 600px) { + .ansico-author-intro { flex-direction: column; align-items: center; text-align: center; } +} + +/* Website link i author intro */ +.ansico-author-intro-website { margin-bottom: 0 !important; font-size: 14px; } +.ansico-author-intro-website a, .ansico-author-intro-bio a { color: #1d9bf0; text-decoration: none; } +.ansico-author-intro-website a:hover, .ansico-author-intro-bio a:hover { text-decoration: underline; } + +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* FSE & List Gap Overrides */ +ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; } +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } +.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; } + +/* Avatar Link Styling */ +.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; } +.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; } + +/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */ +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.tax-micropost_tag .wp-block-spacer, +.post-type-archive-micropost .wp-block-spacer, +.single-micropost .wp-block-spacer, +.wp-block-post-template .wp-block-spacer, +.ansico-micropost-list .wp-block-spacer { + display: none !important; + height: 0 !important; + margin: 0 !important; + padding: 0 !important; +} + +/* Author Name Link Styling */ +.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; } +.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; } + +/* Tweet Actions (Kopier link ikon) */ +.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; } +.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; } +.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-action-btn.copied { color: #00ba7c !important; } +.ansico-action-btn.copied svg { stroke: #00ba7c !important; } + +/* Author Intro Styling */ +.ansico-author-intro { display: flex; gap: 24px; padding: 25px; border: 1px solid #eff3f4; border-radius: 16px; background: #fff; margin-bottom: 30px; align-items: flex-start; } +.ansico-author-intro-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid #f7f9f9; } +.ansico-author-intro-content { flex: 1; } +.ansico-author-intro-name { margin: 0 0 8px 0 !important; font-size: 24px; font-weight: 800; color: #0f1419; } +.ansico-author-intro-bio { font-size: 15px; color: #0f1419; line-height: 1.5; margin-bottom: 0 !important; } +.ansico-author-intro-stats { font-size: 14px; color: #536471; } +.ansico-author-intro-stats strong { color: #0f1419; } + +/* Flyt Kopier-knap til toppen */ +.ansico-some-tweet { position: relative !important; } +.ansico-copy-btn-top { position: absolute !important; top: 12px; right: 12px; background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; border-radius: 50% !important; transition: background 0.2s, color 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; } +.ansico-copy-btn-top:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-copy-btn-top.copied { color: #00ba7c !important; } +.ansico-copy-btn-top.copied svg { stroke: #00ba7c !important; } + +/* Mobiltjek for intro */ +@media (max-width: 600px) { + .ansico-author-intro { flex-direction: column; align-items: center; text-align: center; } +} + +/* Website link i author intro */ +.ansico-author-intro-website { margin-bottom: 0 !important; font-size: 14px; } +.ansico-author-intro-website a, .ansico-author-intro-bio a { color: #1d9bf0; text-decoration: none; } +.ansico-author-intro-website a:hover, .ansico-author-intro-bio a:hover { text-decoration: underline; } + +/* Author profile spacing fix */ +.ansico-author-intro-stats { margin-top: 25px !important; } + +/* Comment Action Styling */ +.ansico-tweet-actions-bottom { margin-top: 10px; display: flex; align-items: center; } +.ansico-comment-btn { text-decoration: none !important; color: #536471 !important; display: flex; align-items: center; gap: 6px; transition: color 0.2s; padding: 6px; border-radius: 50%; } +.ansico-comment-btn:hover { color: #1d9bf0 !important; background: rgba(29, 155, 240, 0.1); } +.ansico-comment-count { font-size: 13px; font-weight: normal; } + +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* FSE & List Gap Overrides */ +ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; } +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } +.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; } + +/* Avatar Link Styling */ +.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; } +.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; } + +/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */ +.author .wp-block-spacer, +.archive .wp-block-spacer, +.author .wp-block-spacer, +.archive .wp-block-spacer, +.tax-micropost_tag .wp-block-spacer, +.post-type-archive-micropost .wp-block-spacer, +.single-micropost .wp-block-spacer, +.wp-block-post-template .wp-block-spacer, +.ansico-micropost-list .wp-block-spacer { + display: none !important; + height: 0 !important; + margin: 0 !important; + padding: 0 !important; +} + +/* Author Name Link Styling */ +.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; } +.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; } + +/* Tweet Actions (Kopier link ikon) */ +.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; } +.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; } +.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-action-btn.copied { color: #00ba7c !important; } +.ansico-action-btn.copied svg { stroke: #00ba7c !important; } + +/* Author Intro Styling */ +.ansico-author-intro { display: flex; gap: 24px; padding: 25px; border: 1px solid #eff3f4; border-radius: 16px; background: #fff; margin-bottom: 30px; align-items: flex-start; } +.ansico-author-intro-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid #f7f9f9; } +.ansico-author-intro-content { flex: 1; } +.ansico-author-intro-name { margin: 0 0 8px 0 !important; font-size: 24px; font-weight: 800; color: #0f1419; } +.ansico-author-intro-bio { font-size: 15px; color: #0f1419; line-height: 1.5; margin-bottom: 0 !important; } +.ansico-author-intro-stats { font-size: 14px; color: #536471; } +.ansico-author-intro-stats strong { color: #0f1419; } + +/* Flyt Kopier-knap til toppen */ +.ansico-some-tweet { position: relative !important; } +.ansico-copy-btn-top { position: absolute !important; top: 12px; right: 12px; background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; border-radius: 50% !important; transition: background 0.2s, color 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; } +.ansico-copy-btn-top:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-copy-btn-top.copied { color: #00ba7c !important; } +.ansico-copy-btn-top.copied svg { stroke: #00ba7c !important; } + +/* Mobiltjek for intro */ +@media (max-width: 600px) { + .ansico-author-intro { flex-direction: column; align-items: center; text-align: center; } +} + +/* Website link i author intro */ +.ansico-author-intro-website { margin-bottom: 0 !important; font-size: 14px; } +.ansico-author-intro-website a, .ansico-author-intro-bio a { color: #1d9bf0; text-decoration: none; } +.ansico-author-intro-website a:hover, .ansico-author-intro-bio a:hover { text-decoration: underline; } + +/* Author profile spacing fix */ +.ansico-author-intro-stats { margin-top: 25px !important; } + +/* Comment Action Styling */ +.ansico-tweet-actions-bottom { margin-top: 10px; display: flex; align-items: center; } +.ansico-comment-btn { text-decoration: none !important; color: #536471 !important; display: flex; align-items: center; gap: 6px; transition: color 0.2s; padding: 6px; border-radius: 50%; } +.ansico-comment-btn:hover { color: #1d9bf0 !important; background: rgba(29, 155, 240, 0.1); } +.ansico-comment-count { font-size: 13px; font-weight: normal; } + +/* Comments Area Styling (Single View) */ +.ansico-micropost-wrapper { display: flex; flex-direction: column; width: 100%; } +.ansico-comments-area { margin-top: 15px; padding-left: 60px; } +.ansico-comments-title { font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #0f1419; border-bottom: 1px solid #eff3f4; padding-bottom: 10px; } +.ansico-comment-list { list-style: none; padding: 0; margin: 0 0 30px 0; } +.ansico-comment-list li.comment { display: flex; gap: 12px; margin-bottom: 15px; padding: 15px; background: #f7f9f9; border-radius: 12px; border: 1px solid #eff3f4; } +.ansico-comment-list li.comment .comment-body { flex: 1; } +.ansico-comment-list li.comment .comment-meta { font-size: 13px; color: #536471; margin-bottom: 5px; } +.ansico-comment-list li.comment .comment-meta a { color: #536471; text-decoration: none; } +.ansico-comment-list li.comment .comment-content { font-size: 15px; line-height: 1.5; color: #0f1419; } +.ansico-comment-list li.comment .reply { margin-top: 10px; font-size: 13px; } +.ansico-comment-list li.comment img.avatar { border-radius: 50%; width: 40px; height: 40px; margin: 0 !important; } +.ansico-comment-form textarea { width: 100%; border: 1px solid #eff3f4; border-radius: 12px; padding: 15px; font-size: 16px; outline: none; resize: vertical; min-height: 80px; box-sizing: border-box; font-family: inherit; } +.ansico-comment-form p.comment-form-author, .ansico-comment-form p.comment-form-email, .ansico-comment-form p.comment-form-url { margin-bottom: 15px; } +.ansico-comment-form input[type="text"], .ansico-comment-form input[type="email"], .ansico-comment-form input[type="url"] { width: 100%; border: 1px solid #eff3f4; border-radius: 8px; padding: 10px; font-size: 15px; box-sizing: border-box; font-family: inherit; } +@media (max-width: 600px) { + .ansico-comments-area { padding-left: 0; } +} + +/* Override WP Query Loop Gap to make list more compact */ +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } + +/* FSE & List Gap Overrides */ +ul.wp-block-post-template { gap: 12px !important; margin-top: 0 !important; } +.wp-block-post { margin-top: 0 !important; margin-bottom: 0 !important; } +.ansico-micropost-list { display: flex; flex-direction: column; gap: 12px; } + +/* Avatar Link Styling */ +.ansico-tweet-avatar-link { display: block; flex-shrink: 0; outline: none; border: none; margin: 0; padding: 0; text-decoration: none; } +.ansico-tweet-avatar-link:hover .ansico-tweet-avatar { opacity: 0.9; } + +/* Skjul WordPress Spacer Blokke i Micropost lister og på arkiv/tag sider */ +.author .wp-block-spacer, +.archive .wp-block-spacer, +.tax-micropost_tag .wp-block-spacer, +.post-type-archive-micropost .wp-block-spacer, +.single-micropost .wp-block-spacer, +.wp-block-post-template .wp-block-spacer, +.ansico-micropost-list .wp-block-spacer { + display: none !important; + height: 0 !important; + margin: 0 !important; + padding: 0 !important; +} + +/* Author Name Link Styling */ +.ansico-tweet-name-link { text-decoration: none !important; color: inherit !important; } +.ansico-tweet-name-link:hover .ansico-tweet-name { text-decoration: underline !important; color: #1d9bf0 !important; } + +/* Tweet Actions (Kopier link ikon) */ +.ansico-tweet-actions { margin-top: 8px !important; display: flex; gap: 15px; } +.ansico-action-btn { background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: background 0.2s, color 0.2s; outline: none; } +.ansico-action-btn:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-action-btn.copied { color: #00ba7c !important; } +.ansico-action-btn.copied svg { stroke: #00ba7c !important; } + +/* Author Intro Styling */ +.ansico-author-intro { display: flex; gap: 24px; padding: 25px; border: 1px solid #eff3f4; border-radius: 16px; background: #fff; margin-bottom: 30px; align-items: flex-start; } +.ansico-author-intro-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid #f7f9f9; } +.ansico-author-intro-content { flex: 1; } +.ansico-author-intro-name { margin: 0 0 8px 0 !important; font-size: 24px; font-weight: 800; color: #0f1419; } +.ansico-author-intro-bio { font-size: 15px; color: #0f1419; line-height: 1.5; margin-bottom: 12px; } +.ansico-author-intro-stats { font-size: 14px; color: #536471; } +.ansico-author-intro-stats strong { color: #0f1419; } + +/* Flyt Kopier-knap til toppen */ +.ansico-some-tweet { position: relative !important; } +.ansico-copy-btn-top { position: absolute !important; top: 12px; right: 12px; background: none !important; border: none !important; padding: 8px !important; cursor: pointer; color: #536471 !important; border-radius: 50% !important; transition: background 0.2s, color 0.2s; display: flex; align-items: center; justify-content: center; z-index: 10; } +.ansico-copy-btn-top:hover { background: rgba(29, 155, 240, 0.1) !important; color: #1d9bf0 !important; } +.ansico-copy-btn-top.copied { color: #00ba7c !important; } +.ansico-copy-btn-top.copied svg { stroke: #00ba7c !important; } + +/* Mobiltjek for intro */ +@media (max-width: 600px) { + .ansico-author-intro { flex-direction: column; align-items: center; text-align: center; } +} + +/* Website link i author intro */ +.ansico-author-intro-website { margin-bottom: 12px; font-size: 14px; } +.ansico-author-intro-website a, .ansico-author-intro-bio a { color: #1d9bf0; text-decoration: none; } +.ansico-author-intro-website a:hover, .ansico-author-intro-bio a:hover { text-decoration: underline; } + +/* Author profile spacing fix */ +.ansico-author-intro-stats { margin-top: 25px !important; } + +/* Comment Action Styling */ +.ansico-tweet-actions-bottom { margin-top: 10px; display: flex; align-items: center; } +.ansico-comment-btn { text-decoration: none !important; color: #536471 !important; display: flex; align-items: center; gap: 6px; transition: color 0.2s; padding: 6px; border-radius: 50%; } +.ansico-comment-btn:hover { color: #1d9bf0 !important; background: rgba(29, 155, 240, 0.1); } +.ansico-comment-count { font-size: 13px; font-weight: normal; } + +/* Comments Area Styling (Single View) */ +.ansico-micropost-wrapper { display: flex; flex-direction: column; width: 100%; } +.ansico-comments-area { margin-top: 15px; padding-left: 60px; } +.ansico-comments-title { font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #0f1419; border-bottom: 1px solid #eff3f4; padding-bottom: 10px; } +.ansico-comment-list { list-style: none; padding: 0; margin: 0 0 30px 0; } +.ansico-comment-list li.comment { display: flex; gap: 12px; margin-bottom: 15px; padding: 15px; background: #f7f9f9; border-radius: 12px; border: 1px solid #eff3f4; } +.ansico-comment-list li.comment .comment-body { flex: 1; } +.ansico-comment-list li.comment .comment-meta { font-size: 13px; color: #536471; margin-bottom: 5px; } +.ansico-comment-list li.comment .comment-meta a { color: #536471; text-decoration: none; } +.ansico-comment-list li.comment .comment-content { font-size: 15px; line-height: 1.5; color: #0f1419; } +.ansico-comment-list li.comment .reply { margin-top: 10px; font-size: 13px; } +.ansico-comment-list li.comment img.avatar { border-radius: 50%; width: 40px; height: 40px; margin: 0 !important; } +.ansico-comment-form textarea { width: 100%; border: 1px solid #eff3f4; border-radius: 12px; padding: 15px; font-size: 16px; outline: none; resize: vertical; min-height: 80px; box-sizing: border-box; font-family: inherit; } +.ansico-comment-form p.comment-form-author, .ansico-comment-form p.comment-form-email, .ansico-comment-form p.comment-form-url { margin-bottom: 15px; } +.ansico-comment-form input[type="text"], .ansico-comment-form input[type="email"], .ansico-comment-form input[type="url"] { width: 100%; border: 1px solid #eff3f4; border-radius: 8px; padding: 10px; font-size: 15px; box-sizing: border-box; font-family: inherit; } +@media (max-width: 600px) { + .ansico-comments-area { padding-left: 0; } +} + +/* Custom Comment Design */ +.ansico-custom-comment { margin-bottom: 15px; padding: 15px; background: #f7f9f9; border-radius: 12px; border: 1px solid #eff3f4; list-style: none; } +.ansico-custom-comment .ansico-tweet-avatar { width: 40px !important; height: 40px !important; border-radius: 50% !important; margin: 0 !important; object-fit: cover !important; } +.ansico-comment-header .ansico-tweet-name a { color: #0f1419 !important; text-decoration: none !important; } +.ansico-comment-header .ansico-tweet-name a:hover { text-decoration: underline !important; } +.ansico-custom-comment .ansico-tweet-embed { background: #fff; } + +/* v1.6.42 Tweaks */ +.ansico-comments-area { padding-left: 0 !important; border-top: 1px solid #eff3f4; margin-top: 25px; } +.ansico-isolated-comment { border-bottom: 1px solid #eff3f4; padding: 15px 0 !important; } +.ansico-comment-inner-wrap { display: flex; gap: 12px; } + +/* Indrykning af trådede svar */ +.ansico-comment-list ul.children { margin: 10px 0 0 20px !important; padding: 0 !important; border-left: 2px solid #eff3f4; list-style: none !important; } +.ansico-comment-list ul.children li.comment { border-bottom: none !important; padding: 10px 0 0 15px !important; } + +/* Twitter-agtig Svar Formular */ +.ansico-twitter-reply-form { padding: 15px 0; margin-bottom: 30px; } +.ansico-reply-field-container { display: flex; gap: 12px; } +.ansico-reply-user-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; } +.ansico-twitter-reply-form textarea { flex: 1; border: none !important; background: transparent !important; font-size: 16px; outline: none !important; resize: none; min-height: 40px; padding: 8px 0 !important; } +.ansico-twitter-reply-btn { background: #1d9bf0 !important; color: #fff !important; border: none !important; border-radius: 999px !important; padding: 8px 20px !important; font-weight: 700; cursor: pointer; float: right; margin-top: 10px; } + +/* Kopier ikon i kommentarer - rykket væk fra kanten */ +.ansico-copy-btn-comment { + position: absolute !important; + top: 15px !important; + right: 15px !important; /* Øget fra 0 til 15px for at rykke det til venstre */ + background: none; + border: none; + color: #536471; + opacity: 0.3; + cursor: pointer; + padding: 5px; + transition: opacity 0.2s; +} +.ansico-isolated-comment:hover .ansico-copy-btn-comment { opacity: 1; } +.ansico-copy-btn-comment.copied { color: #00ba7c !important; } + +/* Kompakte embeds */ +.ansico-tweet-embed { border: 1px solid #eff3f4; border-radius: 12px; overflow: hidden; margin-top: 10px; background: #fff; } +.ansico-tweet-embed-content { padding: 6px 12px !important; } +.ansico-tweet-embed-title { margin: 0 !important; font-size: 14px !important; line-height: 1.3 !important; font-weight: 700 !important; } +.ansico-tweet-embed-domain { font-size: 12px !important; color: #536471; display: block; margin-bottom: 2px; } + + +/* Recent micropost comments block */ +.ansico-micropost-comments-block { + display: flex; + flex-direction: column; + gap: 16px; +} + +.ansico-recent-comment-item { + border: 1px solid #eff3f4; + border-radius: 16px; + padding: 14px 16px; + background: #fff; +} + +.ansico-recent-comment-inner { + display: flex; + gap: 12px; +} + +.ansico-recent-comment-meta { + margin-top: 8px; + font-size: 13px; + color: #536471; +} + +.ansico-recent-comment-link { + text-decoration: none; +} + +.ansico-recent-comment-link:hover { + text-decoration: underline; +} + +.ansico-recent-comment-sep { + margin: 0 4px; +} + + +.ansico-micropost-top-tags-list { + display: flex; + flex-wrap: wrap; + gap: 10px; +} + +.ansico-micropost-tag-pill { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 8px 12px; + border: 1px solid #d0d7de; + border-radius: 999px; + text-decoration: none; + color: inherit; + background: #fff; +} + +.ansico-micropost-tag-pill:hover { + text-decoration: none; +} + +.ansico-micropost-tag-count { + font-size: 12px; + color: #536471; +} + + +/* Recent comments and activity blocks */ +.ansico-micropost-comments-block, +.ansico-micropost-activity-block { + display: flex; + flex-direction: column; + gap: 12px; +} +.ansico-recent-comment-item { + border: 1px solid #eff3f4; + border-radius: 16px; + padding: 16px; + background: #fff; +} +.ansico-recent-comment-inner { + display: flex; + gap: 12px; width: 100%; } - -.ansico-tweet-header { - display: flex !important; - align-items: baseline !important; +.ansico-recent-comment-meta { + margin-top: 8px; + font-size: 14px; + color: #536471; +} +.ansico-recent-comment-link { + text-decoration: none; +} +.ansico-recent-comment-link:hover { + text-decoration: underline; +} +.ansico-recent-comment-sep { + margin: 0 6px; +} +.ansico-activity-pagination { + margin-top: 8px; +} +.ansico-activity-pagination .page-numbers { + display: flex; flex-wrap: wrap; - gap: 8px !important; + gap: 8px; + list-style: none; + margin: 0; + padding: 0; +} +.ansico-activity-pagination .page-numbers a, +.ansico-activity-pagination .page-numbers span { + display: inline-block; + padding: 6px 10px; + border: 1px solid #eff3f4; + border-radius: 999px; + text-decoration: none; +} +.ansico-activity-pagination .page-numbers .current { + font-weight: 600; +} + +/* Activity comment cards aligned with micropost layout */ +.ansico-some-tweet-comment { + position: relative !important; +} + +.ansico-activity-comment-top-actions { + position: absolute; + top: 12px; + right: 12px; + display: flex; + align-items: center; + gap: 4px; + z-index: 10; +} + +.ansico-activity-comment-top-action { + text-decoration: none !important; +} + +.ansico-activity-comment-actions { + margin-top: 10px; +} + +.ansico-activity-reply-btn { + text-decoration: none !important; + gap: 6px; +} + +.ansico-activity-action-label { + font-size: 13px; + font-weight: 500; +} + +.ansico-some-tweet-comment .ansico-tweet-content { + min-width: 0; + flex: 1; +} + +.ansico-some-tweet-comment .ansico-tweet-header { + padding-right: 78px; +} + +.ansico-some-tweet-comment .ansico-tweet-text p:first-child { + margin-top: 0; +} + +.ansico-some-tweet-comment .ansico-tweet-text p:last-child { + margin-bottom: 0; +} + + +.ansico-some-tweet-comment .ansico-tweet-header { margin-bottom: 2px !important; } -.ansico-tweet-name { font-weight: 700 !important; color: #0f1419 !important; font-size: 15px !important; } -.ansico-tweet-time { color: #536471 !important; font-size: 14px !important; } -.ansico-tweet-text { font-size: 15px !important; line-height: 1.4 !important; color: #0f1419 !important; } -.ansico-tweet-text p { margin-top: 0; } -.ansico-tweet-footer { font-size: 11px !important; color: #536471 !important; margin-top: 8px !important; } -.ansico-tweet-footer a { color: #1d9bf0 !important; text-decoration: none !important; } -.ansico-tweet-footer a:hover { text-decoration: underline !important; } +.ansico-some-tweet-comment .ansico-tweet-text { + margin-top: 0 !important; +} -.wp-block-ansico-some-author .ansico-some-bio { font-size: 14px; } -.wp-block-ansico-some-author { margin-bottom: 24px; } \ No newline at end of file +.ansico-some-tweet-comment .ansico-tweet-text > p:first-child { + margin-top: 8px !important; +} + +.ansico-some-tweet-comment .ansico-tweet-time { + display: inline-block !important; +} + +.ansico-activity-reply-btn .ansico-comment-count { + font-size: 13px; + font-weight: normal; +} + + +/* Likes */ +.ansico-like-btn { + gap: 6px; + border-radius: 9999px !important; +} +.ansico-like-btn[disabled], +.ansico-like-btn[aria-disabled="true"] { + cursor: default !important; + opacity: 0.75; +} +.ansico-like-btn.is-liked { + color: #e0245e !important; +} +.ansico-like-btn.is-liked svg { + stroke: #e0245e !important; +} +.ansico-like-btn.is-busy { + opacity: 0.7; + pointer-events: none; +} +.ansico-like-count { + font-size: 14px; + line-height: 1; +} +.ansico-tweet-actions-bottom { + align-items: center; +} + + +/* Comment embed cleanup */ +.ansico-comment-text-body .ansico-tweet-embed { + display: block; + margin-top: 12px !important; + margin-bottom: 5px !important; +} + +.ansico-comment-text-body .ansico-tweet-embed a { + display: block; + line-height: 0; +} + +.ansico-comment-text-body .ansico-tweet-embed-content { + line-height: 1.4; +} + +.ansico-comment-text-body .ansico-tweet-embed-image { + display: block; + width: 100%; + height: auto; +} + +.ansico-comment-text-body p:empty { + display: none; +} + +/* Filled like icon when active */ +.ansico-like-btn svg { + fill: transparent; +} + +.ansico-like-btn.is-liked svg { + fill: currentColor !important; +} + + +/* Comment author links on single micropost */ +.ansico-isolated-comment .ansico-tweet-name a, +.ansico-isolated-comment .ansico-comment-header-row .ansico-tweet-name a, +.ansico-comment-list .comment-author a, +.single-micropost .comment-author a, +.single-micropost .comment-metadata a { + color: #0f1419 !important; + text-decoration: none !important; +} + +.single-micropost .comment-author a:hover, +.single-micropost .comment-metadata a:hover, +.ansico-comment-list .comment-author a:hover { + color: #0f1419 !important; + text-decoration: none !important; +} + +/* Comment reply button should match other action icons */ +.single-micropost .comment-reply-link, +.single-micropost .reply a.comment-reply-link, +.ansico-comment-list .comment-reply-link { + color: #536471 !important; + text-decoration: none !important; + display: inline-flex; + align-items: center; + gap: 6px; +} +.single-micropost .comment-reply-link:hover, +.single-micropost .reply a.comment-reply-link:hover, +.ansico-comment-list .comment-reply-link:hover { + color: #1d9bf0 !important; + text-decoration: none !important; +} + +.ansico-author-social-links { + display: flex; + gap: 8px; + flex-wrap: wrap; + align-items: center; + margin: 10px 0 0; +} + +.ansico-social-link { + width: 30px; + height: 30px; + border-radius: 9999px; + background: #eff3f4; + color: #0f1419 !important; + text-decoration: none !important; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 12px; + font-weight: 700; + line-height: 1; + transition: background-color .15s ease, color .15s ease, transform .15s ease; +} + +.ansico-social-link:hover, +.ansico-social-link:focus { + background: #dfe7ea; + color: #0f1419 !important; + text-decoration: none !important; + transform: translateY(-1px); +} + +.ansico-social-link-abbr { + display: inline-block; + line-height: 1; +} + +.ansico-social-link-linkedin .ansico-social-link-abbr { + font-size: 11px; +} diff --git a/ansico-some-plugin/templates/archive-micropost.php b/ansico-some-plugin/templates/archive-micropost.php new file mode 100644 index 0000000..1bc2aeb --- /dev/null +++ b/ansico-some-plugin/templates/archive-micropost.php @@ -0,0 +1,8 @@ + +
    +

    Microposts

    + +
    + \ No newline at end of file diff --git a/ansico-some-plugin/templates/author-micropost.php b/ansico-some-plugin/templates/author-micropost.php new file mode 100644 index 0000000..481dd1b --- /dev/null +++ b/ansico-some-plugin/templates/author-micropost.php @@ -0,0 +1,9 @@ + +
    +

    Posts by

    + 20)); + ?> +
    + diff --git a/ansico-some-plugin/templates/single-micropost.php b/ansico-some-plugin/templates/single-micropost.php new file mode 100644 index 0000000..7b62ee6 --- /dev/null +++ b/ansico-some-plugin/templates/single-micropost.php @@ -0,0 +1,7 @@ + +
    + +
    + \ No newline at end of file diff --git a/ansico-some-plugin/templates/taxonomy-micropost_tag.php b/ansico-some-plugin/templates/taxonomy-micropost_tag.php new file mode 100644 index 0000000..4cd7792 --- /dev/null +++ b/ansico-some-plugin/templates/taxonomy-micropost_tag.php @@ -0,0 +1,8 @@ + +
    +

    Tag: #

    + +
    + \ No newline at end of file