Mudanças entre as edições de "Widget:Teste"
Ir para navegação
Ir para pesquisar
m |
m (Página substituída por '<noinclude> <!-- GLA Wiki — Widget:ReportModal (Extension:Widgets) Cola isto na página Widget:ReportModal (conteúdo = HTML + parâmetros MediaWiki {{{...}...') Etiqueta: Substituído |
||
| Linha 1: | Linha 1: | ||
< | <noinclude> | ||
<!-- | |||
GLA Wiki — Widget:ReportModal (Extension:Widgets) | |||
Cola isto na página [[Widget:ReportModal]] (conteúdo = HTML + parâmetros MediaWiki {{{...}}}). | |||
} | |||
# | {{#widget:ReportModal|api_base=https://TEU_DEPLOY}} | ||
Opcionais: |label=Texto do botão |wid=2 | |||
--> | |||
</noinclude> | |||
<style id="gla-reports-widget-styles"> | |||
.gla-report-widget-root { | |||
display: inline-block; | |||
vertical-align: middle; | |||
display: | |||
} | } | ||
. | .gla-reports-overlay { | ||
position: fixed; | |||
inset: 0; | |||
background: rgba(0, 0, 0, 0.45); | |||
z-index: 2147483640; | |||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: | justify-content: center; | ||
padding: 16px; | |||
} | } | ||
. | .gla-reports-overlay[hidden] { | ||
display: none !important; | |||
} | } | ||
. | .gla-reports-modal-bx { | ||
max-width: 480px; | |||
width: 100%; | |||
max-height: 90vh; | |||
overflow: auto; | |||
color: # | background: #111827; | ||
color: #f9fafb; | |||
border-radius: 12px; | |||
padding: 20px; | |||
font: 14px/1.45 system-ui, sans-serif; | |||
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4); | |||
border: 1px solid #374151; | |||
} | } | ||
. | .gla-reports-modal-bx h2 { | ||
font-size: | font-size: 1.1rem; | ||
margin: 0 0 14px; | |||
color: #fff; | |||
margin | |||
} | } | ||
. | .gla-r-field { | ||
margin-bottom: 12px; | |||
} | } | ||
. | .gla-r-field label { | ||
display: block; | display: block; | ||
font-size: 0.8rem; | |||
color: #d1d5db; | |||
margin-bottom: 4px; | |||
margin | |||
} | } | ||
. | .gla-r-field input[type="text"], | ||
.gla-r-field select, | |||
.gla-r-field textarea { | |||
. | |||
. | |||
width: 100%; | width: 100%; | ||
box-sizing: border-box; | |||
border-radius: 8px; | |||
background | border: 1px solid #4b5563; | ||
background: #1f2937; | |||
color: #fff; | |||
padding: 8px 10px; | |||
font: inherit; | |||
} | } | ||
. | .gla-r-field textarea { | ||
min-height: 120px; | |||
resize: vertical; | |||
} | } | ||
. | .gla-r-actions { | ||
display: flex; | display: flex; | ||
gap: 8px; | |||
margin-top: 16px; | |||
flex-wrap: wrap; | |||
flex- | |||
} | } | ||
.gla-r-actions button { | |||
border-radius: 8px; | |||
padding: 10px 16px; | |||
font: inherit; | |||
border: 0; | |||
border- | |||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
. | .gla-r-primary { | ||
background: #6366f1; | |||
color: #fff; | color: #fff; | ||
} | } | ||
. | .gla-r-secondary { | ||
background: # | background: #374151; | ||
color: #e5e7eb; | |||
} | } | ||
. | .gla-r-msg { | ||
margin-top: 10px; | |||
font-size: 0.85rem; | |||
min-height: 1.2em; | |||
} | } | ||
.gla-r-msg.gla-r-ok { | |||
color: #6ee7b7; | |||
} | } | ||
.gla-r-msg.gla-r-err { | |||
color: #fca5a5; | |||
} | } | ||
.gla-report-open-btn { | |||
font: inherit; | |||
cursor: pointer; | |||
border-radius: 8px; | |||
padding: 8px 14px; | |||
border: 1px solid #4b5563; | |||
background: #1f2937; | |||
color: #e5e7eb; | |||
} | } | ||
</style> | </style> | ||
<div class="gla-report-widget-root" data-gla-init="0" data-gla-api="{{{api_base|}}}" data-gla-wid="{{{wid|1}}}"> | |||
<button type="button" class="gla-report-open-btn"> | |||
{{{label|Reportar}}} | |||
</button> | |||
<div class="gla-reports-overlay" id="gla-o-{{#widget:}}</div> | |||
</ | |||
Edição das 16h01min de 28 de abril de 2026
<style id="gla-reports-widget-styles">
.gla-report-widget-root {
display: inline-block;
vertical-align: middle;
}
.gla-reports-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
z-index: 2147483640;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.gla-reports-overlay[hidden] {
display: none !important;
}
.gla-reports-modal-bx {
max-width: 480px;
width: 100%;
max-height: 90vh;
overflow: auto;
background: #111827;
color: #f9fafb;
border-radius: 12px;
padding: 20px;
font: 14px/1.45 system-ui, sans-serif;
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
border: 1px solid #374151;
}
.gla-reports-modal-bx h2 {
font-size: 1.1rem;
margin: 0 0 14px;
color: #fff;
}
.gla-r-field {
margin-bottom: 12px;
}
.gla-r-field label {
display: block;
font-size: 0.8rem;
color: #d1d5db;
margin-bottom: 4px;
}
.gla-r-field input[type="text"],
.gla-r-field select,
.gla-r-field textarea {
width: 100%;
box-sizing: border-box;
border-radius: 8px;
border: 1px solid #4b5563;
background: #1f2937;
color: #fff;
padding: 8px 10px;
font: inherit;
}
.gla-r-field textarea {
min-height: 120px;
resize: vertical;
}
.gla-r-actions {
display: flex;
gap: 8px;
margin-top: 16px;
flex-wrap: wrap;
}
.gla-r-actions button {
border-radius: 8px;
padding: 10px 16px;
font: inherit;
border: 0;
cursor: pointer;
}
.gla-r-primary {
background: #6366f1;
color: #fff;
}
.gla-r-secondary {
background: #374151;
color: #e5e7eb;
}
.gla-r-msg {
margin-top: 10px;
font-size: 0.85rem;
min-height: 1.2em;
}
.gla-r-msg.gla-r-ok {
color: #6ee7b7;
}
.gla-r-msg.gla-r-err {
color: #fca5a5;
}
.gla-report-open-btn {
font: inherit;
cursor: pointer;
border-radius: 8px;
padding: 8px 14px;
border: 1px solid #4b5563;
background: #1f2937;
color: #e5e7eb;
}
</style>