<div class="field row" ng-click="setActiveField(field._id, index)">
    <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}"><h3><span class="fa fa-angle-double-right"></span> {{field.title}} <span class="required-error" ng-show="field.required && !field.fieldValue">*(required)</span></h3></div>
    <div class="col-xs-12 field-input">
        <input ng-focus="setActiveField(field._id, index)" 
        ng-style="{'color': design.colors.answerColor, 'border-color': design.colors.answerColor}" 
        type="url" 
        class="text-field-input" 
        placeholder="https://example.com/something" 
        value="{{field.fieldValue}}" 
        ng-model="field.fieldValue" 
        ng-model-options="{ debounce: 250 }"  
        ng-required="field.required" 
        ng-disabled="field.disabled"/>
    </div>
</div>
<div ng-show="field.required && field.fieldValue" class="col-xs-12 row">
        <div class="btn btn-lg btn-default row-fluid"
                style="padding: 4px; margin-top:8px;">
                        <div ng-click="$root.nextField()" 
                                class="btn btn-primary col-sm-5">

                                OK <i class="fa fa-check"></i>
                        </div>
                        <div class="col-sm-3" style="margin-top:0.2em">
                                <small style="color:#ddd; font-size:70%">
                                press ENTER
                                </small>
                        </div>
        </div>
</div>
