Swipe to scroll


<div class="specialText visible-print" ng-if="cell.type=='input'"> {{cell.value}} </div> <div ng-if="cell.type == 'date' && (cell.editable \|\| cell.required)"> <button style="margin-top:0px;" class="btn btn-default hidden-print" ng-click="dateWindow = true"> <i class="glyphicon glyphicon-calendar btn-icon"></i> {{cell.value \| date: 'dd/MM/yyyy'}} </button> <input type="text" hidden class="specialText col-xs-8 col-sm-4" uib-datepicker-popup ng-model="cell.value" ng-click="dateWindow=!dateWindow" ng-change="quoteTableController.save();" is-open="dateWindow" close-text="Close" /> </div> <div ng-if="cell.type=='image'" class="text-center"> <!-- image if already set--> <div ng-if="cell.type=='image' && cell.value"> <img uib-popover-template="'tableImageTemplate.html'" popover-trigger="mouseenter" popover-placement="top" popover-append-to-body="true" ng-src="{{cell.value}}" alt="IMG" class="img-responsive" style="margin:0 auto;border-radius:4px;max-height:60px;width:auto" /> </div> </div> <div class="form-inline" style="max-width:100px;" ng-if="cell.type == 'boolean'"> <label class="pull-left" ng-click="quoteTableController.selectTableBooleanTrue(cell)" style="width:auto;margin-right:15px;"> Yes <input type="radio" ng-if="cell.required \|\| cell.editable" ng-checked="cell.value === true" ng-class="{'specialText--required': cell.required && cell.value !== true && cell.value !== false && cell.value !== 'true' && cell.value !== 'false' }" /> <!-- SVG Tick--> <svg ng-if="!cell.required && !cell.editable && (cell.value === true \|\| cell.value === 'true')" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-89.027 92.136 0.93927 1.6269 2.8564-3.0065" fill="none" stroke="#000" stroke-width=".88282" /> </g> </svg> <!-- SVG Minus--> <svg ng-if="!cell.required && !cell.editable && cell.value !== true && cell.value !== 'true'" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" /> </g> </svg> </label> <label class="pull-left" ng-click="quoteTableController.selectTableBooleanFalse(cell)" style="width:auto"> No <input type="radio" ng-if="cell.required \|\| cell.editable" ng-checked="cell.value === false" ng-class="{'specialText--required': cell.required && cell.value !== true && cell.value !== false && cell.value !== 'true' && cell.value !== 'false' }" /> <!-- SVG Tick--> <svg ng-if="!cell.required && !cell.editable && (cell.value === false \|\| cell.value === 'false')" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-89.027 92.136 0.93927 1.6269 2.8564-3.0065" fill="none" stroke="#000" stroke-width=".88282" /> </g> </svg> <!-- SVG Minus--> <svg ng-if="!cell.required && !cell.editable && cell.value !== false && cell.value !== 'false'" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" /> </g> </svg> </label> </div> <div ng-if="cell.type == 'dropdown'"> <select ng-if="cell.editable \|\| cell.required" class="specialText" style="width: 100%; margin: 2px 0" ng-change="quoteTableController.save();" ng-model="cell.value"> <option ng-value="null"></option> <option style="display: none"></option> <option ng-repeat="option in cell.options track by $index" ng-value="option"> {{option}} </option> </select> <div ng-if="!cell.editable && !cell.required">{{cell.value}}</div> </div> <label style="margin-top:0px; " ng-if="cell.type == 'date' && cell.value && !(cell.required \|\| cell.editable)"> {{cell.value \| date: 'dd/MM/yyyy'}} </label> <label style="margin-top:0px;" ng-if="cell.type == 'file' && (cell.files == null \|\| cell.files.length == 0) && !cell.required && !cell.editable"> No Files </label> <button ng-if="cell.type=='file' && (cell.required \|\| cell.editable)" class="btn btn-outline-primary" ngf-select="quoteTableController.uploadFile(cell, $files);" ngf-multiple="true"> <i class="fa fa-upload" aria-hidden="true"></i> Upload a File </button> <!-- If it's display only, then non-editable view is shown--> <div ng-bind-html="cell.value \| tokenReplace : this" ng-if="isTableCellDisplayOnly(cell)"></div> <div class="form-files" ng-if="cell.files.length > 0 && cell.type == 'file'"> <div ng-repeat="file in cell.files" class="btn-group selectable" style="padding:15px 2px;float:left;"> <a class="btn btn-default" download ng-href="/Tables/Download?file={{file.url \| escape}}&document={{quoteTableController.quoteId}}&table={{quoteTableController.tableId}}&name={{file.name \| escape}}"> <i class="fa fa-download" aria-hidden="true"></i> {{shortenString(file.name)}} </a> <button ng-if="cell.required \|\| cell.editable" class="btn btn-outline-danger pull-right" ng-click="quoteTableController.deleteFile(cell, file, $index)"> <i class="fa fa-trash-o"></i> </button> </div> </div> <!-- customer fields--> <div ng-if="!isTableCellDisplayOnly(cell)" ng-include="'db-fields.html'" id="db-fields"> </div> <!-- UDFs --> <div ng-if="(cell.editable \|\| cell.required) && cell.type.startsWith('Contact.UDF.') && !isTableCellDisplayOnly(cell)" ng-init="udf = getContactUDF(cell.type)" ng-include="'contact-udf.html'" id="contact-udfs"> </div> <div ng-if="(cell.editable \|\| cell.required) && cell.type.startsWith('Document.UDF.')" ng-init="udf = getDocumentUDF(cell.type)" ng-include="'document-udf.html'" id="document-udfs"> </div> <div ng-if="(cell.editable \|\| cell.required) && cell.type.startsWith('Company.UDF.') && !isTableCellDisplayOnly(cell)" ng-init="udf = getCompanyUDF(cell.type)" ng-include="'company-udf.html'" id="company-udfs"> </div> <span style="font-weight: normal; font-size: 0.9em; color: red; display: block; clear: both" ng-if="!isUDF && cell.required && cell.type !== 'file' && cell.type !== 'boolean' && (cell.value == null \|\| cell.value == '')"> <i class="fa fa-exclamation-circle" aria-hidden="true"></i> Required </span> <span style="font-weight: normal; font-size: 0.9em; color: red; display: block; clear: both" ng-if="cell.required && cell.type === 'file' && (cell.files == null \|\| cell.files.length == 0)"> <i class="fa fa-exclamation-circle" aria-hidden="true"></i> Required </span> <span style="font-weight: normal; font-size: 0.9em; color: red; display: block; clear: both" ng-if="cell.required && cell.type === 'boolean' && cell.value !== true && cell.value !== false && cell.value !== 'true' && cell.value !== 'false'"> <i class="fa fa-exclamation-circle" aria-hidden="true"></i> Required </span> <!-- udf required--> <span style="font-weight: normal; font-size: 0.9em; color: red; display: block; clear: both" ng-if="isUDF && cell.required && (cell.value == null \|\| cell.value == '')"> <i class="fa fa-exclamation-circle" aria-hidden="true"></i> Required </span> </td> </tr> </tbody> </table> </div> </div> </fieldset> <script type="text/ng-template" id="db-fields.html"> <!-- no print --> <!-- To add a new DB Field, here are the other places to update 1. quoteTableService - add to the checkDBFields method 2. DocumentController.js - isTableCellDisplayOnly add yuor DB field to the exception list 3. ExternalController - add a same method for the DB field --> <input class="specialText hidden-print" maxlength="20" ng-if="cell.type=='Mobile Telephone Number' && (cell.editable \|\| cell.required)" autocomplete="new-password" style="width: 100%; height: 35px; resize: none; box-shadow: 0px 3px 5px -3px rgb(0 0 0 / 7%); border: solid 1px #d5d9db; border-radius: 4px; min-width: 140px" type="tel" ng-model="cell.value" ng-change="quoteTableController.save();saveMobileTelephoneNumber(cell.value);" placeholder="Text entry" ng-class="{'specialText--required': cell.required && (cell.value == null \|\| cell.value == '')}" /> <span ng-if="cell.type=='Mobile Telephone Number' && !(cell.editable \|\| cell.required)">{{cell.value}}</span> <!-- printable section --> <div class="specialText visible-print" ng-if="cell.type=='Mobile Telephone Number'">{{customer.MobileTelephoneNo}}</div> <!-- job start date --> <div ng-if="cell.type == 'Job Start Date' && (cell.editable \|\| cell.required)"> <button style="margin-top:0px;" class="btn btn-default hidden-print" ng-click="dateWindow = true"> <i class="glyphicon glyphicon-calendar btn-icon"></i> {{cell.value \|\| 'Start Date' \| date: 'dd/MM/yyyy'}} </button> <input type="text" hidden class="specialText col-xs-8 col-sm-4" uib-datepicker-popup ng-model="cell.value" ng-click="dateWindow=!dateWindow" ng-change="quoteTableController.save();saveJobStartDate(cell.value)" is-open="dateWindow" close-text="Close" /> </div> <div ng-if="cell.type=='Job Start Date' && !(cell.required \|\| cell.editable)">{{cell.value \| date: 'dd/MM/yyyy'}}</div> <!-- printable section --> <div class="specialText visible-print" ng-if="cell.type=='Job Start Date'">{{cell.value \| date: 'dd/MM/yyyy'}}</div> <!-- job End date --> <div ng-if="cell.type == 'Job End Date' && (cell.editable \|\| cell.required)"> <button style="margin-top:0px;" class="btn btn-default hidden-print" ng-click="dateWindow = true"> <i class="glyphicon glyphicon-calendar btn-icon"></i> {{cell.value \|\| 'End Date' \| date: 'dd/MM/yyyy'}} </button> <input type="text" hidden class="specialText col-xs-8 col-sm-4" uib-datepicker-popup ng-model="cell.value" ng-click="dateWindow=!dateWindow" ng-change="quoteTableController.save();saveJobEndDate(cell.value)" is-open="dateWindow" close-text="Close" /> </div> <div ng-if="cell.type=='Job End Date' && !(cell.required \|\| cell.editable)">{{cell.value \| date: 'dd/MM/yyyy'}}</div> <!-- printable section --> <div class="specialText visible-print" ng-if="cell.type=='Job End Date'">{{cell.value \| date: 'dd/MM/yyyy'}}</div> <!-- Address --> <!-- if NOT editable--> <div ng-if="cell.type=='Address1' && !(cell.editable \|\| cell.required)"> <div> <label>Address line 1:</label> <div>{{address.AddressLine1}}</div> </div> </div> <div ng-if="cell.type=='Address2' && !(cell.editable \|\| cell.required)"> <div> <label>Address line 2:</label> <div>{{address.AddressLine2}}</div> </div> </div> <div ng-if="cell.type=='PostCode' && !(cell.editable \|\| cell.required)"> <div> <label>Postcode:</label> <div>{{address.PostCode}}</div> </div> </div> <div ng-if="cell.type=='Address1' && (cell.editable \|\| cell.required)"> <!-- Address Line 1 --> <label>Address Line 1</label> <input class="specialText hidden-print" maxlength="50" autocomplete ="new-password" style="width: 100%; height: 35px; resize: none; box-shadow: 0px 3px 5px -3px rgb(0 0 0 / 7%); border: solid 1px #d5d9db; border-radius: 4px; min-width: 140px" type="text" ng-model="cell.value" ng-blur="quoteTableController.save();saveAddressLine1(cell.value);" placeholder="Address Line 1" ng-class="{'specialText--required': cell.required && (cell.value == null \|\| cell.value == '')}" /> </div> <div ng-if="cell.type=='Address2' && (cell.editable \|\| cell.required)"> <!-- Address Line 2 --> <label>Address Line 1</label> <input class="specialText hidden-print" maxlength="50" autocomplete ="new-password" style="width: 100%; height: 35px; resize: none; box-shadow: 0px 3px 5px -3px rgb(0 0 0 / 7%); border: solid 1px #d5d9db; border-radius: 4px; min-width: 140px" type="text" ng-model="cell.value" ng-blur="quoteTableController.save();saveAddressLine2(cell.value);" placeholder="Address Line 2" ng-class="{'specialText--required': cell.required && (cell.value == null \|\| cell.value == '')}" /> </div> <div ng-if="cell.type=='PostCode' && (cell.editable \|\| cell.required)"> <!-- Address Line 2 --> <label>Post Code</label> <input class="specialText hidden-print" maxlength="50" autocomplete ="new-password" style="width: 100%; height: 35px; resize: none; box-shadow: 0px 3px 5px -3px rgb(0 0 0 / 7%); border: solid 1px #d5d9db; border-radius: 4px; min-width: 140px" type="text" ng-model="cell.value" ng-blur="quoteTableController.save();savePostCode(cell.value);" placeholder="Address Line 2" ng-class="{'specialText--required': cell.required && (cell.value == null \|\| cell.value == '')}" /> </div> </script> <!-- contact udf's'--> <script type="text/ng-template" id="contact-udf.html"> <textarea class="specialText hidden-print" ng-if="udf.Type == 0 && (cell.required \|\| cell.editable)" ng-model="cell.value" style="width: 100%; height: 100%; overflow:hidden;resize: none; box-shadow: 0px 3px 5px -3px rgb(0 0 0 / 7%); border: solid 1px #d5d9db; border-radius: 4px; min-width: 140px" type="text" ng-model-options="{debounce: 100}" ng-blur="udf.Value = cell.value;quoteTableController.save();saveUDF(udf, 'CONTACT')" placeholder="{{udf.Label}}" elastic elastic-height="35" ng-class="{'specialText--required': cell.required && (cell.value == null \|\| cell.value == '')}" /> <div ng-if="!(cell.required \|\| cell.editable) && udf.Type == 0">{{cell.value}}</div> <input uib-popover="{{udf.Label}}" type="checkbox" ng-if="udf.Type == 1" ng-model="cell.value" ng-change="udf.Value = cell.value; quoteTableController.save(); saveUDF(udf, 'CONTACT')" /> <!-- date = 2--> <div ng-if="udf.Type == 2"> <input type="text" ng-show="(cell.required \|\| cell.editable)" hidden class="specialText col-xs-8 col-sm-4" uib-datepicker-popup ng-model="cell.value" ng-click="isCellDateOpen=!isCellDateOpen" is-open="isCellDateOpen" close-text="Close" ng-change="udf.Value = cell.value;quoteTableController.save();saveUDF(udf, 'CONTACT')" /> <div class="input-group-btn" ng-show="(cell.required \|\| cell.editable)"> <button style="margin-top:0px;" type="button" class="btn btn-default" ng-click="isCellDateOpen=!isCellDateOpen"> <i class="glyphicon glyphicon-calendar"></i> {{(cell.value \| date: 'dd/MM/yyyy') \|\| 'Date'}} </button> </div> <div ng-if="!(cell.required \|\| cell.editable)">{{cell.value \| date: 'dd/MM/yyyy'}}</div> </div> <!-- yes/ no --> <div class="form-inline" style="" ng-if="udf.Type == 3"> <span class="" ng-click="cell.value='Yes';udf.Value='Yes';quoteTableController.save();saveUDF(udf, 'CONTACT')" style="width:auto;margin-right:15px;"> Yes <input type="radio" ng-if="cell.required \|\| cell.editable" ng-checked="cell.value === 'Yes';" ng-class="{'specialText--required': cell.required && cell.value !== 'Yes' && cell.value !== 'No' }" /> <!-- SVG Tick--> <svg ng-if="!cell.required && !cell.editable && (cell.value === 'Yes')" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-89.027 92.136 0.93927 1.6269 2.8564-3.0065" fill="none" stroke="#000" stroke-width=".88282" /> </g> </svg> <!-- SVG Minus--> <svg ng-if="!cell.required && !cell.editable && cell.value !== 'Yes'" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" /> </g> </svg> </span> <span class="" ng-click="cell.value='No';udf.Value='No';quoteTableController.save();saveUDF(udf, 'CONTACT')" style="width:auto"> No <input type="radio" ng-if="cell.required \|\| cell.editable" ng-checked="cell.value === 'No';" ng-class="{'specialText--required': cell.required && cell.value !== 'Yes' && cell.value !== 'No' }" /> <!-- SVG Tick--> <svg ng-if="!cell.required && !cell.editable && (cell.value === 'No')" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-89.027 92.136 0.93927 1.6269 2.8564-3.0065" fill="none" stroke="#000" stroke-width=".88282" /> </g> </svg> <!-- SVG Minus--> <svg ng-if="!cell.required && !cell.editable && cell.value !== 'No'" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" /> </g> </svg> </span> </div> </script> <!-- document udf's'--> <script type="text/ng-template" id="document-udf.html"> <textarea class="specialText hidden-print" ng-if="udf.Type == 0 && (cell.required \|\| cell.editable)" ng-model="cell.value" style="width: 100%; height: 100%; resize: none; overflow: hidden; box-shadow: 0px 3px 5px -3px rgb(0 0 0 / 7%); border: solid 1px #d5d9db; border-radius: 4px; min-width: 140px" type="text" ng-model-options="{debounce: 100}" ng-blur="udf.Value = cell.value;quoteTableController.save();saveUDF(udf, 'DOCUMENT')" placeholder="{{udf.Label}}" elastic elastic-height="35" ng-class="{'specialText--required': cell.required && (cell.value == null \|\| cell.value == '')}" /> <div ng-if="!(cell.required \|\| cell.editable) && udf.Type == 0">{{cell.value}}</div> <input uib-popover="{{udf.Label}}" type="checkbox" ng-if="udf.Type == 1" ng-model="cell.value" ng-change="udf.Value = cell.value; quoteTableController.save(); saveUDF(udf, 'DOCUMENT')" /> <!-- date = 2--> <div ng-if="udf.Type == 2"> <input type="text" ng-show="(cell.required \|\| cell.editable)" hidden class="specialText col-xs-8 col-sm-4" uib-datepicker-popup ng-model="cell.value" ng-click="isCellDateOpen=!isCellDateOpen" is-open="isCellDateOpen" close-text="Close" ng-change="udf.Value = cell.value;quoteTableController.save();saveUDF(udf, 'DOCUMENT')" /> <div class="input-group-btn" ng-show="(cell.required \|\| cell.editable)"> <button style="margin-top:0px;" type="button" class="btn btn-default" ng-click="isCellDateOpen=!isCellDateOpen"> <i class="glyphicon glyphicon-calendar"></i> {{(cell.value \| date: 'dd/MM/yyyy') \|\| 'Date'}} </button> </div> <div ng-if="!(cell.required \|\| cell.editable)">{{cell.value \| date: 'dd/MM/yyyy'}}</div> </div> <!-- yes/ no --> <div class="form-inline" style="" ng-if="udf.Type == 3"> <span class="" ng-click="cell.value='Yes';udf.Value='Yes';quoteTableController.save();saveUDF(udf, 'DOCUMENT')" style="width:auto;margin-right:15px;"> Yes <input type="radio" ng-if="cell.required \|\| cell.editable" ng-checked="cell.value === 'Yes';" ng-class="{'specialText--required': cell.required && cell.value !== 'Yes' && cell.value !== 'No' }" /> <!-- SVG Tick--> <svg ng-if="!cell.required && !cell.editable && (cell.value === 'Yes')" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-89.027 92.136 0.93927 1.6269 2.8564-3.0065" fill="none" stroke="#000" stroke-width=".88282" /> </g> </svg> <!-- SVG Minus--> <svg ng-if="!cell.required && !cell.editable && cell.value !== 'Yes'" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" /> </g> </svg> </span> <span class="" ng-click="cell.value='No';udf.Value='No';quoteTableController.save();saveUDF(udf, 'DOCUMENT')" style="width:auto"> No <input type="radio" ng-if="cell.required \|\| cell.editable" ng-checked="cell.value === 'No';" ng-class="{'specialText--required': cell.required && cell.value !== 'Yes' && cell.value !== 'No' }" /> <!-- SVG Tick--> <svg ng-if="!cell.required && !cell.editable && (cell.value === 'No')" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-89.027 92.136 0.93927 1.6269 2.8564-3.0065" fill="none" stroke="#000" stroke-width=".88282" /> </g> </svg> <!-- SVG Minus--> <svg ng-if="!cell.required && !cell.editable && cell.value !== 'No'" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" /> </g> </svg> </span> </div> </script> <!-- company udf's'--> <script type="text/ng-template" id="company-udf.html"> <textarea class="specialText hidden-print" ng-if="udf.Type == 0 && (cell.required \|\| cell.editable)" ng-model="cell.value" style="width: 100%; height: 100%; resize: none; overflow: hidden; box-shadow: 0px 3px 5px -3px rgb(0 0 0 / 7%); border: solid 1px #d5d9db; border-radius: 4px; min-width: 140px" type="text" ng-model-options="{debounce: 100}" ng-blur="udf.Value = cell.value;quoteTableController.save();saveUDF(udf, 'COMPANY')" placeholder="{{udf.Label}}" elastic elastic-height="35" ng-class="{'specialText--required': cell.required && (cell.value == null \|\| cell.value == '')}" /> <div ng-if="!(cell.required \|\| cell.editable) && udf.Type == 0">{{cell.value}}</div> <input uib-popover="{{udf.Label}}" type="checkbox" ng-if="udf.Type == 1" ng-model="cell.value" ng-change="udf.Value = cell.value; quoteTableController.save(); saveUDF(udf, 'COMPANY')" /> <!-- date = 2--> <div ng-if="udf.Type == 2"> <input type="text" ng-show="(cell.required \|\| cell.editable)" hidden class="specialText col-xs-8 col-sm-4" uib-datepicker-popup ng-model="cell.value" ng-click="isCellDateOpen=!isCellDateOpen" is-open="isCellDateOpen" close-text="Close" ng-change="udf.Value = cell.value;quoteTableController.save();saveUDF(udf, 'COMPANY')" /> <div class="input-group-btn" ng-show="(cell.required \|\| cell.editable)"> <button style="margin-top:0px;" type="button" class="btn btn-default" ng-click="isCellDateOpen=!isCellDateOpen"> <i class="glyphicon glyphicon-calendar"></i> {{(cell.value \| date: 'dd/MM/yyyy') \|\| 'Date'}} </button> </div> <div ng-if="!(cell.required \|\| cell.editable)">{{cell.value \| date: 'dd/MM/yyyy'}}</div> </div> <!-- yes/ no --> <div class="form-inline" style="" ng-if="udf.Type == 3"> <span class="" ng-click="cell.value='Yes';udf.Value='Yes';quoteTableController.save();saveUDF(udf, 'COMPANY')" style="width:auto;margin-right:15px;"> Yes <input type="radio" ng-if="cell.required \|\| cell.editable" ng-checked="cell.value === 'Yes';" ng-class="{'specialText--required': cell.required && cell.value !== 'Yes' && cell.value !== 'No' }" /> <!-- SVG Tick--> <svg ng-if="!cell.required && !cell.editable && (cell.value === 'Yes')" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-89.027 92.136 0.93927 1.6269 2.8564-3.0065" fill="none" stroke="#000" stroke-width=".88282" /> </g> </svg> <!-- SVG Minus--> <svg ng-if="!cell.required && !cell.editable && cell.value !== 'Yes'" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" /> </g> </svg> </span> <span class="" ng-click="cell.value='No';udf.Value='No';quoteTableController.save();saveUDF(udf, 'COMPANY')" style="width:auto"> No <input type="radio" ng-if="cell.required \|\| cell.editable" ng-checked="cell.value === 'No';" ng-class="{'specialText--required': cell.required && cell.value !== 'Yes' && cell.value !== 'No' }" /> <!-- SVG Tick--> <svg ng-if="!cell.required && !cell.editable && (cell.value === 'No')" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-89.027 92.136 0.93927 1.6269 2.8564-3.0065" fill="none" stroke="#000" stroke-width=".88282" /> </g> </svg> <!-- SVG Minus--> <svg ng-if="!cell.required && !cell.editable && cell.value !== 'No'" width="24" height="21.572" version="1.1" viewBox="0 0 6.35 5.7076" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(89.409 -90.452)"> <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" /> </g> </svg> </span> </div> </script> <script type="text/ng-template" id="tableImageTemplate.html"> <div> <img class="img-responsive" ng-src="{{cell.value}}" /> </div> </script>

<div class="specialText visible-print"
                                 ng-if="cell.type=='input'">
                                {{cell.value}}
                            </div>

<div ng-if="cell.type == 'date' && (cell.editable || cell.required)">
                                <button style="margin-top:0px;"
                                        class="btn btn-default hidden-print"
                                        ng-click="dateWindow = true">
                                    <i class="glyphicon glyphicon-calendar btn-icon"></i>  {{cell.value | date: 'dd/MM/yyyy'}}
                                </button>

<div ng-if="cell.type=='image' && cell.value">
                                    <img uib-popover-template="'tableImageTemplate.html'"
                                         popover-trigger="mouseenter"
                                         popover-placement="top"
                                         popover-append-to-body="true" ng-src="{{cell.value}}"
                                         alt="IMG" class="img-responsive" style="margin:0 auto;border-radius:4px;max-height:60px;width:auto" />
                                </div>

</div>
                            <div class="form-inline"
                                 style="max-width:100px;"
                                 ng-if="cell.type == 'boolean'">

<svg ng-if="!cell.required && !cell.editable && cell.value !== true && cell.value !== 'true'"
                                         width="24"
                                         height="21.572"
                                         version="1.1"
                                         viewBox="0 0 6.35 5.7076"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <g transform="translate(89.409 -90.452)">
                                            <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" />
                                        </g>
                                    </svg>
                                </label>

<svg ng-if="!cell.required && !cell.editable && (cell.value === false || cell.value === 'false')"
                                         width="24"
                                         height="21.572"
                                         version="1.1"
                                         viewBox="0 0 6.35 5.7076"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <g transform="translate(89.409 -90.452)">
                                            <path d="m-89.027 92.136 0.93927 1.6269 2.8564-3.0065" fill="none" stroke="#000" stroke-width=".88282" />
                                        </g>
                                    </svg>

<svg ng-if="!cell.required && !cell.editable && cell.value !== false && cell.value !== 'false'"
                                         width="24"
                                         height="21.572"
                                         version="1.1"
                                         viewBox="0 0 6.35 5.7076"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <g transform="translate(89.409 -90.452)">
                                            <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" />
                                        </g>
                                    </svg>
                                </label>
                            </div>

<div ng-if="cell.type == 'dropdown'">
                                <select ng-if="cell.editable || cell.required" class="specialText" style="width: 100%; margin: 2px 0"
                                        ng-change="quoteTableController.save();"
                                        ng-model="cell.value">
                                    <option ng-value="null"></option>
                                    <option style="display: none"></option>
                                    <option ng-repeat="option in cell.options track by $index" ng-value="option">
                                        {{option}}
                                    </option>
                                </select>

<div ng-if="!cell.editable && !cell.required">{{cell.value}}</div>
                            </div>

<label style="margin-top:0px; "
                                   ng-if="cell.type == 'date' && cell.value && !(cell.required || cell.editable)">
                                {{cell.value | date: 'dd/MM/yyyy'}}
                            </label>

<label style="margin-top:0px;"
                                   ng-if="cell.type == 'file' && (cell.files == null || cell.files.length == 0) && !cell.required && !cell.editable">
                                No Files
                            </label>

<button ng-if="cell.type=='file' && (cell.required || cell.editable)"
                                    class="btn btn-outline-primary"
                                    ngf-select="quoteTableController.uploadFile(cell, $files);"
                                    ngf-multiple="true">
                                <i class="fa fa-upload" aria-hidden="true"></i>
                                Upload a File
                            </button>

<div ng-bind-html="cell.value | tokenReplace : this"
                                 ng-if="isTableCellDisplayOnly(cell)"></div>

<div class="form-files" ng-if="cell.files.length > 0 && cell.type == 'file'">
                                <div ng-repeat="file in cell.files"
                                     class="btn-group selectable"
                                     style="padding:15px 2px;float:left;">
                                    <a class="btn btn-default"
                                       download
                                       ng-href="/Tables/Download?file={{file.url | escape}}&document={{quoteTableController.quoteId}}&table={{quoteTableController.tableId}}&name={{file.name | escape}}">
                                        <i class="fa fa-download" aria-hidden="true"></i>
                                        {{shortenString(file.name)}}
                                    </a>
                                    <button ng-if="cell.required || cell.editable"
                                            class="btn btn-outline-danger pull-right"
                                            ng-click="quoteTableController.deleteFile(cell, file, $index)">
                                        <i class="fa fa-trash-o"></i>
                                    </button>
                                </div>
                            </div>

</div>

<div ng-if="(cell.editable || cell.required) && cell.type.startsWith('Contact.UDF.') && !isTableCellDisplayOnly(cell)" ng-init="udf = getContactUDF(cell.type)"
                                 ng-include="'contact-udf.html'"
                                 id="contact-udfs">

</div>

</div>

</div>

<span style="font-weight: normal; font-size: 0.9em; color: red; display: block; clear: both"
                                  ng-if="!isUDF && cell.required && cell.type !== 'file' && cell.type !== 'boolean' && (cell.value == null || cell.value == '')">
                                <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                                Required
                            </span>

<span style="font-weight: normal; font-size: 0.9em; color: red; display: block; clear: both"
                                  ng-if="cell.required && cell.type === 'file' && (cell.files == null || cell.files.length == 0)">
                                <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                                Required
                            </span>

<span style="font-weight: normal; font-size: 0.9em; color: red; display: block; clear: both"
                                  ng-if="cell.required && cell.type === 'boolean' && cell.value !== true && cell.value !== false && cell.value !== 'true' && cell.value !== 'false'">
                                <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                                Required
                            </span>
                            
                            <span style="font-weight: normal; font-size: 0.9em; color: red; display: block; clear: both"
                                  ng-if="isUDF && cell.required && (cell.value == null || cell.value == '')">
                                <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                                Required
                            </span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</fieldset>

<span ng-if="cell.type=='Mobile Telephone Number' && !(cell.editable || cell.required)">{{cell.value}}</span>

<div class="specialText visible-print" ng-if="cell.type=='Mobile Telephone Number'">{{customer.MobileTelephoneNo}}</div>

<div ng-if="cell.type == 'Job Start Date' && (cell.editable || cell.required)">
        <button style="margin-top:0px;"
                class="btn btn-default hidden-print"
                ng-click="dateWindow = true">
            <i class="glyphicon glyphicon-calendar btn-icon"></i>  {{cell.value || 'Start Date' | date: 'dd/MM/yyyy'}}
        </button>

<div ng-if="cell.type=='Job Start Date' && !(cell.required || cell.editable)">{{cell.value | date: 'dd/MM/yyyy'}}</div>
    
    <div class="specialText visible-print" ng-if="cell.type=='Job Start Date'">{{cell.value | date: 'dd/MM/yyyy'}}</div>

<div ng-if="cell.type == 'Job End Date' && (cell.editable || cell.required)">
        <button style="margin-top:0px;"
                class="btn btn-default hidden-print"
                ng-click="dateWindow = true">
            <i class="glyphicon glyphicon-calendar btn-icon"></i>  {{cell.value || 'End Date' | date: 'dd/MM/yyyy'}}
        </button>

<input type="text"
               hidden
               class="specialText col-xs-8 col-sm-4"
               uib-datepicker-popup
               ng-model="cell.value"
               ng-click="dateWindow=!dateWindow"
               ng-change="quoteTableController.save();saveJobEndDate(cell.value)"
               is-open="dateWindow"
               close-text="Close" />
    </div>
    <div ng-if="cell.type=='Job End Date' && !(cell.required || cell.editable)">{{cell.value | date: 'dd/MM/yyyy'}}</div>
    
    <div class="specialText visible-print" ng-if="cell.type=='Job End Date'">{{cell.value | date: 'dd/MM/yyyy'}}</div>

<div ng-if="cell.type=='Address1' && !(cell.editable || cell.required)">
        <div>
            <label>Address line 1:</label>
            <div>{{address.AddressLine1}}</div>
        </div>
    </div>

<div ng-if="cell.type=='Address2' && !(cell.editable || cell.required)">
        <div>
            <label>Address line 2:</label>
            <div>{{address.AddressLine2}}</div>
        </div>

</div>

<div ng-if="cell.type=='PostCode' && !(cell.editable || cell.required)">
        <div>
            <label>Postcode:</label>
            <div>{{address.PostCode}}</div>
        </div>
    </div>

<div ng-if="cell.type=='Address1' && (cell.editable || cell.required)">
        
        <label>Address Line 1</label>
        <input class="specialText hidden-print" maxlength="50"
               autocomplete ="new-password"
               style="width: 100%; height: 35px; resize: none; box-shadow: 0px 3px 5px -3px rgb(0 0 0 / 7%); border: solid 1px #d5d9db; border-radius: 4px; min-width: 140px"
               type="text"
               ng-model="cell.value"
               ng-blur="quoteTableController.save();saveAddressLine1(cell.value);"
               placeholder="Address Line 1"
               ng-class="{'specialText--required': cell.required && (cell.value == null || cell.value == '')}" />
    </div>
    <div ng-if="cell.type=='Address2' && (cell.editable || cell.required)">
        
        <label>Address Line 1</label>
        <input class="specialText hidden-print" maxlength="50"
               autocomplete ="new-password"
               style="width: 100%; height: 35px; resize: none; box-shadow: 0px 3px 5px -3px rgb(0 0 0 / 7%); border: solid 1px #d5d9db; border-radius: 4px; min-width: 140px"
               type="text"
               ng-model="cell.value"
               ng-blur="quoteTableController.save();saveAddressLine2(cell.value);"
               placeholder="Address Line 2"
               ng-class="{'specialText--required': cell.required && (cell.value == null || cell.value == '')}" />

</div>
    <div ng-if="cell.type=='PostCode' && (cell.editable || cell.required)">
        
        <label>Post Code</label>
        <input class="specialText hidden-print" maxlength="50"
               autocomplete ="new-password"
               style="width: 100%; height: 35px; resize: none; box-shadow: 0px 3px 5px -3px rgb(0 0 0 / 7%); border: solid 1px #d5d9db; border-radius: 4px; min-width: 140px"
               type="text"
               ng-model="cell.value"
               ng-blur="quoteTableController.save();savePostCode(cell.value);"
               placeholder="Address Line 2"
               ng-class="{'specialText--required': cell.required && (cell.value == null || cell.value == '')}" />

</div>

</script>

<script type="text/ng-template" id="contact-udf.html">

<div ng-if="!(cell.required || cell.editable) && udf.Type == 0">{{cell.value}}</div>

<div ng-if="udf.Type == 2">

<div class="input-group-btn" ng-show="(cell.required || cell.editable)">
            <button style="margin-top:0px;" type="button" class="btn btn-default" ng-click="isCellDateOpen=!isCellDateOpen">
                <i class="glyphicon glyphicon-calendar"></i> {{(cell.value | date: 'dd/MM/yyyy') || 'Date'}}
            </button>
        </div>

<div ng-if="!(cell.required || cell.editable)">{{cell.value | date: 'dd/MM/yyyy'}}</div>

</div>

<svg ng-if="!cell.required && !cell.editable && cell.value !== 'Yes'"
                 width="24"
                 height="21.572"
                 version="1.1"
                 viewBox="0 0 6.35 5.7076"
                 xmlns="http://www.w3.org/2000/svg">
                <g transform="translate(89.409 -90.452)">
                    <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" />
                </g>
            </svg>
        </span>
        <span class=""
              ng-click="cell.value='No';udf.Value='No';quoteTableController.save();saveUDF(udf, 'CONTACT')"
              style="width:auto">
            No
            <input type="radio"
                   ng-if="cell.required || cell.editable"
                   ng-checked="cell.value === 'No';"
                   ng-class="{'specialText--required': cell.required && cell.value !== 'Yes' && cell.value !== 'No' }" />

<svg ng-if="!cell.required && !cell.editable && (cell.value === 'No')"
                 width="24"
                 height="21.572"
                 version="1.1"
                 viewBox="0 0 6.35 5.7076"
                 xmlns="http://www.w3.org/2000/svg">
                <g transform="translate(89.409 -90.452)">
                    <path d="m-89.027 92.136 0.93927 1.6269 2.8564-3.0065" fill="none" stroke="#000" stroke-width=".88282" />
                </g>
            </svg>

<svg ng-if="!cell.required && !cell.editable && cell.value !== 'No'"
                 width="24"
                 height="21.572"
                 version="1.1"
                 viewBox="0 0 6.35 5.7076"
                 xmlns="http://www.w3.org/2000/svg">
                <g transform="translate(89.409 -90.452)">
                    <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" />
                </g>
            </svg>
        </span>
    </div>
</script>

<script type="text/ng-template" id="document-udf.html">

<div ng-if="!(cell.required || cell.editable) && udf.Type == 0">{{cell.value}}</div>

<div ng-if="udf.Type == 2">

<div ng-if="!(cell.required || cell.editable)">{{cell.value | date: 'dd/MM/yyyy'}}</div>

</div>

<svg ng-if="!cell.required && !cell.editable && cell.value !== 'Yes'"
                 width="24"
                 height="21.572"
                 version="1.1"
                 viewBox="0 0 6.35 5.7076"
                 xmlns="http://www.w3.org/2000/svg">
                <g transform="translate(89.409 -90.452)">
                    <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" />
                </g>
            </svg>
        </span>
        <span class=""
              ng-click="cell.value='No';udf.Value='No';quoteTableController.save();saveUDF(udf, 'DOCUMENT')"
              style="width:auto">
            No
            <input type="radio"
                   ng-if="cell.required || cell.editable"
                   ng-checked="cell.value === 'No';"
                   ng-class="{'specialText--required': cell.required && cell.value !== 'Yes' && cell.value !== 'No' }" />

</script>

<script type="text/ng-template" id="company-udf.html">

<div ng-if="!(cell.required || cell.editable) && udf.Type == 0">{{cell.value}}</div>

<div ng-if="udf.Type == 2">

<div ng-if="!(cell.required || cell.editable)">{{cell.value | date: 'dd/MM/yyyy'}}</div>

</div>

<svg ng-if="!cell.required && !cell.editable && cell.value !== 'Yes'"
                 width="24"
                 height="21.572"
                 version="1.1"
                 viewBox="0 0 6.35 5.7076"
                 xmlns="http://www.w3.org/2000/svg">
                <g transform="translate(89.409 -90.452)">
                    <path d="m-84.911 93.284h-4.4979" fill="none" stroke="#000" stroke-width=".84253" />
                </g>
            </svg>
        </span>
        <span class=""
              ng-click="cell.value='No';udf.Value='No';quoteTableController.save();saveUDF(udf, 'COMPANY')"
              style="width:auto">
            No
            <input type="radio"
                   ng-if="cell.required || cell.editable"
                   ng-checked="cell.value === 'No';"
                   ng-class="{'specialText--required': cell.required && cell.value !== 'Yes' && cell.value !== 'No' }" />

{{quoteTableController.table.Description}}