<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="FormEditedController.js"></script>
<style>
.well{
font-size:18px;
font-weight: bolder;
color: #160550;
margin-left: -15px;
}
.list-group-item {
width: 50%;
}
.form-class{
margin-left: 10px;
margin-bottom: 20px;
}
</style>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<div class="container">
<h2 class="form-class"> Registration Form</h2>
<div class="form" ng-repeat="question in questions">
<div class="well well-sm"><label ng-bind="question.QUESTION"></label></div>
<ul class="list-group" ng-repeat="answer in question.ANSWERS track by $index">
<li class="list-group-item" ng-if="question.TYPE=='enumeration'" >
<input ng-checked="(answer.checked==true?true:false)" ng-if="answer.type=='radio'" type="radio" value="{{answer.id}}" ng-model="question.QID" id="{{answer.id}}" value="{{answer.value}}">
<input ng-if="answer.type=='checkbox'" type="checkbox" ng-model="checkboxes[$index]" value="{{answer.id}}" id="{{answer.id}}">
<label for="{{answer.id}}" ng-if="answer.label && !answer.label.field" ng-bind="answer.label"></label>
<textarea ng-if="(answer.related.field=='textarea')" ng-show="(answer.id==question.QID)" placeholder="{{answer.related.placeholder}}" class="form-control" rows="2" id="{{answer.id}}"></textarea>
<input ng-if="answer.label.field=='textfield'" type="text" ng-model="answer.label.field_key" placeholder="{{answer.label.placeholder}}" ng-value="(answer.label.selected!=null?answer.label.selected:'')" >
</li>
<li class="list-group-item" ng-if="question.TYPE=='text'">
<label for="{{answer.id}}" ng-if="answer.label" ng-bind="answer.label"></label><br>
<textarea ng-if="answer.field=='textarea'" placeholder="{{answer.placeholder}}" class="form-control" rows="2" id="{{answer.id}}"></textarea>
</li>
<li class="list-group-item" ng-if="question.TYPE=='receive_quotes'">
<input ng-if="answer.field=='textfield'" type="text" ng-model="answer.field_key" placeholder="{{answer.placeholder}}" ng-value="answer.selected" >
</li>
</ul>
</div>
</div>
</body>
</html>
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.