joaohenrique/jhonny-editor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: adicionados editar, duplicar e ativar ou inativar aos perfis

Browse Source 
- adicionados editar, duplicar e ativar ou inativar aos perfis de vídeo do catálogo

Resumo:
- 2 arquivos alterados
- 0 novos
- 2 modificados
- 0 removidos

 2 files changed, 51 insertions(+), 3 deletions(-)

Arquivos:
  - code/cep-plugin/main.js
  - code/cep-plugin/styles.css
This commit is contained in:
João Henrique
2026-09-09 11:41:11 -04:00
parent 20d28a53af
commit 8e74835f1e
2 changed files with 51 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
code/cep-plugin/main.js
+45 -2
View File
@@ -283,11 +283,17 @@ function tiposVideoRenderizarLista() {
var item = document.createElement("div");
item.className = "video-type-row" + (tipo.id === tipoVideoAtualId ? " is-selected" : "");
item.setAttribute("role", "listitem");
item.innerHTML = '<div class="video-type-copy"><strong></strong><span></span></div><div class="video-type-meta"></div><button class="button button-ghost" type="button">Editar</button>';
item.innerHTML = '<div class="video-type-copy"><strong></strong><span></span></div><div class="video-type-meta"></div><span class="video-type-status"></span><div class="video-type-actions"><button class="button button-ghost video-type-edit" type="button">Editar</button><button class="button button-ghost video-type-duplicate" type="button">Duplicar</button><button class="button button-ghost video-type-toggle" type="button"></button></div>';
item.querySelector("strong").textContent = tipo.nome;
item.querySelector("span").textContent = tipo.descricao;
item.querySelector(".video-type-meta").textContent = tipo.duracao_maxima_segundos + " s · " + tipo.proporcao + " · " + tipo.canais;
item.querySelector("button").onclick = function () { tipoVideoEditar(tipo.id); };
item.querySelector(".video-type-status").textContent = tipo.ativo === false ? "Inativo" : "Ativo";
item.querySelector(".video-type-status").setAttribute("data-state", tipo.ativo === false ? "inactive" : "active");
item.querySelector(".video-type-edit").onclick = function () { tipoVideoEditar(tipo.id); };
item.querySelector(".video-type-duplicate").onclick = function () { tipoVideoDuplicar(tipo.id); };
item.querySelector(".video-type-toggle").textContent = tipo.ativo === false ? "Ativar" : "Inativar";
item.querySelector(".video-type-toggle").onclick = function () { tipoVideoAlternarAtivo(tipo.id); };
item.querySelector(".video-type-copy").onclick = function () { tipoVideoEditar(tipo.id); };
lista.appendChild(item);
});
}
@@ -426,6 +432,43 @@ function tipoVideoSalvar() {
} catch (erro) { showToast("err", erro.message); }
}
function tipoVideoDuplicar(id) {
var origem = tiposVideoLer().filter(function (item) { return item.id === id; })[0];
if (!origem) return;
var copia = JSON.parse(JSON.stringify(origem));
copia.id = origem.id + "-copia-" + Date.now();
copia.nome = origem.nome + " (cópia)";
copia.ativo = true;
copia.criado_em = new Date().toISOString();
copia.atualizado_em = copia.criado_em;
var lista = tiposVideoLer();
lista.push(copia);
tiposVideoSalvarNoCatalogo(lista);
tipoVideoAtualId = copia.id;
tipoVideoPreencher(copia);
document.getElementById("tipoVideoEditorTitulo").textContent = "Editar tipo de vídeo";
document.getElementById("tipoVideoEditorStatus").textContent = "Cópia criada";
document.getElementById("tipoVideoEditorCard").hidden = false;
document.getElementById("tiposVideoStatus").textContent = "Perfil duplicado. Revise os campos e salve a cópia.";
tiposVideoRenderizarLista();
showToast("ok", "Perfil duplicado. Você pode ajustar a cópia antes de salvar.");
}
function tipoVideoAlternarAtivo(id) {
var lista = tiposVideoLer();
var item = lista.filter(function (perfil) { return perfil.id === id; })[0];
if (!item) return;
item.ativo = item.ativo === false;
item.atualizado_em = new Date().toISOString();
tiposVideoSalvarNoCatalogo(lista);
if (tipoVideoAtualId === id) {
document.getElementById("tipoVideoAtivo").checked = item.ativo;
document.getElementById("tipoVideoEditorStatus").textContent = item.ativo ? "Ativo" : "Inativo";
}
tiposVideoRenderizarLista();
showToast("ok", item.ativo ? "Perfil ativado." : "Perfil inativado.");
}
function tipoVideoCancelar() {
tipoVideoAtualId = null;
document.getElementById("tipoVideoEditorCard").hidden = true;