É uma versão estendida do componente inputSecret padrão com integração de tema, indicador de força e modo de correspondência.
$render=explode(" ",$_POST["partial_render"]);
$msg="";
$errocof="";
$errosenha="";
if($_POST["pwd1"]=="" AND $_POST["pwd2"]==""){
$erroconf=" ui-state-error";
$errosenha=" ui-state-error";
$msg = "
<div class="ui-messages-error ui-corner-all"><span class="ui-messages-error-icon"></span>
<ul>
<li role="alert" aria-atomic="true"><span class="ui-messages-error-summary">Senha: Erro de validação: Valor obrigatório.</span><span class="ui-messages-error-detail">Senha: Erro de validação: Valor obrigatório.</span></li>
<li role="alert" aria-atomic="true"><span class="ui-messages-error-summary">Confirmação: Erro de validação: Valor obrigatório.</span><span class="ui-messages-error-detail">Confimar Senha: Erro de validação: Valor obrigatório.</span></li>
</ul>
</div>";
}
if($_POST["pwd1"]!=$_POST["pwd2"]){
$erroconf=" ui-state-error";
$errosenha=" ui-state-error";
$msg="
<div class="ui-messages-error ui-corner-all"><span class="ui-messages-error-icon"></span>
<ul>
<li role="alert" aria-atomic="true"><span class="ui-messages-error-summary">Senha: Erro de Validação.</span><span class="ui-messages-error-detail">A confirmação deve corresponder à senha.</span></li>
</ul>
</div>";
}
$resposta="
<form id="formulario" name="formulario" method="post" action="/sistema/ui/input/password_exe.php" enctype="application/x-www-form-urlencoded">
<h5 class="p-mt-0">Confirmar a senha</h5>
<div class="p-field p-grid"><label class="ui-outputlabel ui-widget p-col-fixed".$erroconf."" style="width:100px" for="pwd1">Senha<span class="ui-outputlabel-rfi">*</span></label>
<div class="p-col"><input id="pwd1" name="pwd1" type="password" class="ui-password ui-inputfield ui-widget ui-state-default ui-corner-all".$erroconf."" aria-required="true" aria-invalid="true" data-p-label="Senha" data-p-required="true" />
<script id="pwd1_s" type="text/javascript">
DinarteCoelho.cw("Password", "widget_pwd1", {
id: "pwd1"
});
</script>
</div>
</div>
<div class="p-field p-grid"><label class="ui-outputlabel ui-widget p-col-fixed".$errosenha."" style="width:100px" for="pwd2">Confirme a senha<span class="ui-outputlabel-rfi">*</span></label>
<div class="p-col"><input id="pwd2" name="pwd2" type="password" class="ui-password ui-inputfield ui-widget ui-state-default ui-corner-all".$errosenha."" aria-required="true" aria-invalid="true" data-p-label="Confirme a senha" data-p-required="true" />
<script id="pwd2_s" type="text/javascript">
DinarteCoelho.cw("Password", "widget_pwd2", {
id: "pwd2"
});
</script>
</div>
</div><button id="formularioBtn" name="formularioBtn" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="DinarteCoelho.ab({s:"formularioBtn",f:"formulario",u:"formulario"});return false;" type="submit"><span class="ui-button-text ui-c">Salvar</span></button>
<script id="formularioBtn_s" type="text/javascript">
DinarteCoelho.cw("CommandButton", "widget_formularioBtn", {
id: "formularioBtn"
});
</script>
<div id="mensagem" class="ui-messages ui-widget" aria-live="polite" data-global="false" data-summary="data-summary" data-detail="data-detail" data-severity="all,error" data-redisplay="true">
".$msg."
</div>
<script id="mensagem_s" type="text/javascript">
DinarteCoelho.cw("Messages", "widget_mensagem", {
id: "mensagem"
});
</script>
</form>
";
dc.cw("Password", "widget_nonFeedback", {
id: "nonFeedback"
});
dc.cw("Password", "widget_feedback", {
id: "feedback"
, feedback: true
, inline: false
, promptLabel: "Por favor insira uma senha"
, weakLabel: "Fraca"
, goodLabel: "Média"
, strongLabel: "Forte"
});
dc.cw("Password", "widget_turkishFeedback", {
id: "turkishFeedback"
, feedback: true
, inline: false
, promptLabel: "Ingresa tu contraseña"
, weakLabel: "Débil"
, goodLabel: "Buena"
, strongLabel: "Fuerte"
});
dc.cw("Password", "widget_inlineFeedback", {
id: "inlineFeedback"
, feedback: true
, inline: true
, promptLabel: "Por favor insira uma senha"
, weakLabel: "Fraca"
, goodLabel: "Média"
, strongLabel: "Forte"
});
dc.cw("Password", "widget_toggle", {
id: "toggle"
, unmaskable: true
});
dc.cw("Password", "widget_pwd1", {
id: "pwd1"
});
dc.cw("Password", "widget_pwd2", {
id: "pwd2"
});
dc.cw("CommandButton", "widget_formularioBtn", {
id: "formularioBtn"
});