') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); New: Tela de consentimento by SWE3T · Pull Request #114 · practice-uffs/api · GitHub
Skip to content

New: Tela de consentimento - #114

Merged
alissonpeloso merged 3 commits into
devfrom
113
Sep 20, 2022
Merged

New: Tela de consentimento#114
alissonpeloso merged 3 commits into
devfrom
113

Conversation

@SWE3T

@SWE3TSWE3T commented Sep 3, 2022

Copy link
Copy Markdown

Acrescentei um botão no header para que o usuário possa acessar a opção de verificar o consentimento. Acredito que esse espaço possa ser útil caso formos adicionar mais alguma opção, como deslogar por exemplo. (A ideia é que esse botão fique oculto enquanto o usuário não tiver feito login);

Pessoalmente não gostei que quem for usar tenha que clicar duas vezes para poder acessar essa opção mas não consegui encontrar opção melhor;

Tive que criar um componente novo para o popup do consentimento, acredito que dessa forma vai ficar mais organizado.

Ainda falta criar um texto mais caprichado do que vai acontecer caso o usuário negue, eu só fiz uma estrutura para deixar de placeholder.

fix: #113

@alissonpeloso

alissonpeloso commented Sep 5, 2022

Copy link
Copy Markdown
Contributor

Não sei se essa flechinha fica intuitiva, eu pensaria naqueles três pontinhos talvez (se não me engano era assim antes).

@alissonpelosoalissonpeloso linked an issue Sep 6, 2022 that may be closed by this pull request
Adicionar uma opção para recusar o consentimento #113
Closed
@SWE3T

SWE3T commented Sep 12, 2022

Copy link
Copy Markdown
Author

Sim, no começo tentei com os 3 pontos mas alterei por achar que eles eram muito pequenos, mas vou tentar achar outra alternativa válida.

@SWE3T

SWE3T commented Sep 13, 2022

Copy link
Copy Markdown
Author

Alterei os ícones e aproveitei para adicionar pequenas transições ao clicar, para dar um efeito mais suave ao interagir com os botões.

@alissonpeloso
alissonpeloso merged commit ff99974 into devSep 20, 2022
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

2 more reviewers
@stefanimeneghettistefanimeneghettistefanimeneghetti approved these changes
@alissonpelosoalissonpelosoalissonpeloso approved these changes
Reviewers whose approvals may not affect merge requirements

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Adicionar uma opção para recusar o consentimento

3 participants

@SWE3T@alissonpeloso@stefanimeneghetti