Skip to content

Instantly share code, notes, and snippets.

@thelinuxlich

thelinuxlich/questionario.html

Created November 7, 2011 13:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thelinuxlich/1344911 to your computer and use it in GitHub Desktop.
Save thelinuxlich/1344911 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
questionario.html
<!doctype html>
<html>
<head>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Question&aacute;rio</title>
<link href="http://intranet.umc.br/estilo.css" rel="stylesheet">
<link rel="stylesheet" href="styles/estilo.css" type="text/css" />
<link rel="stylesheet" href="../../includes/css/redmond/jquery-ui.css" type="text/css" />
<link rel="stylesheet" href="../../includes/css/jquery.multiselect.css" type="text/css" />
<link rel="stylesheet" href="../../includes/css/table_jui.css" type="text/css" />
<link rel="stylesheet" href="../../includes/css/tabletools_jui.css" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="styles/ie.css?1" />
<![endif]-->
</head>
<body>
<div id="loading" data-bind="fadeOut: documentComplete">
<div id="loading_bar">
<div><strong>Carregando...</strong></div>
<div><img src="../../includes/css/images/page-loader.gif" /></div>
</div>
</div>
<div id="container_questionario" style="display:none" data-bind="fadeIn: documentComplete">
<form id="frm_questionario" method="post" accept-charset="UTF-8">
<div data-bind="visible: questionario.url_logo() === '' || questionario.url_logo() === null">
<span style="float: left;margin-right: 20px"><img width=96 height=64 src="../../imagens/logo_umc_mc.gif" /></span>
<h1 style="float:left;clear:right" data-bind="text: questionario.titulo"></h1>
</div>
<div data-bind="visible: questionario.url_logo() !== ''" style='float: left'>
<img data-bind="attr: {src: questionario.url_logo,width: questionario.largura_logo,height: questionario.altura_logo}" />
</div>
<div style="margin-top: 10px;float:left;clear: both" data-bind="foreach: questionario.grupos">
<div data-bind="visible: paginaAtiva">
<fieldset class="app ui-widget ui-widget-content ui-corner-all">
<legend class="ui-widget ui-widget-header ui-corner-all" data-bind="text: titulo"></legend>
<div>
<div data-bind="foreach: questoes">
<h3 data-bind="text: titulo_e_indice"></h3>
<div data-bind="template: {name: function(item) { return VM.tipoPergunta($data.tipo(),item.tipo())},foreach: alternativas}" style="margin-bottom: 10px; border-bottom: dotted gray 1px;font-weight: none"></div>
</div>
</div>
<div style="margin-top: 50px">
<div class="indice" style="float: left;margin-right: 20px;font-weight: bold;margin-top: 7px">
<span>P&aacute;gina: </span><span data-bind="text: ordem()"></span>
</div>
<div data-bind="visible: $root.loading">
Gravando...
</div>
<div data-bind="visible: $root.loading() === false" class="botoes_questionario" style="float: left">
<button data-bind="click: function() { VM.voltar()},visible: parseInt(ordem()) > 1,jqButton: {}">Voltar</button>
<button data-bind="click: function() { VM.avancar()},visible: parseInt(ordem()) < $root.gruposCount(),jqButton: {}">Avan&ccedil;ar</button>
<button data-bind="click: function() { VM.enviar()},visible: parseInt(ordem()) === $root.gruposCount(),jqButton: {}">Enviar</button>
</div>
</div>
</fieldset>
</div>
</div>
</form>
</div>
<script id="radio" type="text/x-jquery-tmpl">
<p>
<label for="alternativa_${questao_id}" class="label_questionario"><span class="checkbox_text" data-bind="text: titulo"></span></label>
<input type="radio" id="alternativa_${questao_id}" name="alternativa_${questao_id}" value="${id}" data-bind="checked: $parent.resposta" />
</p>
</script>
<script id="checkbox" type="text/x-jquery-tmpl">
<p>
<label for="alternativa_${questao_id}" class="label_questionario"><span class="checkbox_text" data-bind="text: titulo"></span></label>
<input type="checkbox" id="alternativa_${questao_id}" name="alternativa_${questao_id}" value="${id}" data-bind="checked: $parent.respostas" />
</p>
</script>
<script id="textoLivre" type="text/x-jquery-tmpl">
<p>
<label for="alternativa_${questao_id}" class="label_questionario"><span class="checkbox_text" data-bind="text: titulo"></span></label>
<input type="radio" id="alternativa_${questao_id}" name="alternativa_${questao_id}" value="${id}" data-bind="checked: $parent.resposta" />
<input type="text" data-bind="value: campo_livre" />
</p>
</script>
<script id="textoLivreCheckbox" type="text/x-jquery-tmpl">
<p>
<label for="alternativa_${questao_id}" class="label_questionario"><span class="checkbox_text" data-bind="text: titulo"></span></label>
<input type="checkbox" id="alternativa_${questao_id}" name="alternativa_${questao_id}" value="${id}" data-bind="checked: $parent.respostas" />
<input type="text" data-bind="value: campo_livre" />
</p>
</script>
<script id="select" type="text/x-jquery-tmpl">
<p>
<label class="label_questionario" data-bind="text: titulo"></label>
<input type="checkbox" id="alternativa_${questao_id}" name="alternativa_${questao_id}" value="${id}" data-bind="checked: $parent.respostas" />
<select data-bind="options: opcoes_para_select,optionsValue: 'id',optionsText: 'nome',value: resposta" />
</p>
</script>
<script id="selectTextoLivre" type="text/x-jquery-tmpl">
<p>
<label class="label_questionario" data-bind="text: titulo"></label>
<input type="checkbox" id="alternativa_${questao_id}" name="alternativa_${questao_id}" value="${id}" data-bind="checked: $parent.respostas" />
<select data-bind="options: opcoes_para_select,optionsValue: 'id',optionsText: 'nome',value: resposta" />
<input type="text" data-bind="value: campo_livre" />
</p>
</script>
<script id="erro" type="text/x-jquery-tmpl">
<p>
N&atilde;o foi possível gerar a alternativa <span data-bind="text: titulo"></span>
</p>
</script>
<script type="text/javascript" src="../../includes/js/build/output/application.js?1"></script>
<script type="text/javascript" src="../../includes/js/ZeroClipboard.js"></script>
<script type="text/javascript" src="../../includes/js/tabletools.js"></script>
<script type="text/javascript" src="js/models/questionario.js?1"></script>
<script type="text/javascript" src="js/models/grupo.js"></script>
<script type="text/javascript" src="js/models/questao.js"></script>
<script type="text/javascript" src="js/models/alternativa.js"></script>
<script type="text/javascript" src="js/questionario.js?1"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment