documentation technical

phishing scam

technology software

English

You're looking at domain 'communities.bentley.com' on the commercial generic top-level domain (.com) and includes subdomain 'communities'. The second-level label 'bentley' is 7 characters long split between two vowels and 5 consonants. It segments into one word: bentley. No strong language cues emerged from the frequency lists.

47bc07f69421682e9cefba42a2b60d9c2a1aee886eecdb267cd72cb36a460e77

0a6d7396eeaf313dca400caf979622cbcfea05d9211d09961cd229897c714c11

3a162de58baa9803ca014df8aaf0a358e23c2390002cea5573e7fbd2c7fcc55a

4d964f062cd83e9dc769e5ee034161ea4e394e00e393a9d14071039606d7dd63

8a18f060848214e12f6ed48168e7e94a1b165c23bfbada0ad46296422ee7d138

402cdc3183089320cdef7dab3550422297ce90bdc38115893b9af023be051211

25b3473aba2e4e4a1a09d00ee76ad4e3cf768a205ff2253d3e854272a59b55b6

8eb9f4f23b51fe88a0ddacd1d63470c27f9fa5d29848eb027ccea5273e7389b6

1dcaa628a5f4a8e95b59990a1a5844b3b2c8b9255c914779b3ecdcfa5ac13849

2c607594e6bdc3a2b846e1c685fdba7ebaa55579475270b8b1c354357f4623b6

f4c08e16ba79507691c53629fce41fb02404a285a0621c69a884d9a466dd4b32

4d57fb4941e8a26aef7a09b1916fde9585c9036fa4746260dfc462e9671bc304

1908622769f96ad2c4222315e58c1e76c8d4c452b2aa29f4ca737fa1081a4c4a

cd78011435a795ad2705742906653220b78cbaf7afafd22df9706effb5d96f48

0f703deaa1a0cd300fc064031e62b995a27bd8653761d3b7710387e485a7014d

4e291372e0025eea33ef7589dffb8fccdcd4e499fb16e9eaee13ed43a1c4a3f7

f74b6071518e09bcd62ba5d98993c0e3d0ae553b894b9107225422665443cbc0

70be5535b8da39092de2f1d14e19df68b84575879489b8000101a8a9df641a49

80820b786c64d27b009cad4c3c4607ba06766302591fd033d5e60f3440f4bf16

30a59058a68c0c354fe829d8b8db12dce159a9c1dba970dc0226e2b6e5ae1996

428360eb604ad6c22dffa4efef784c8c4b682b3cdbb730e6e4d238a1b8f60af0

8327a8c4841ad54f23d1e9b186fd94121184dc47cdc08a47dd42cab98c773ff3

ea8b6f27d302e0fe701b761ae3d7a64a80ac2770002fa11825a31ba10f90d311

fd1f0f47d64c273755ca448f5a66c6df31720e83642e4e2c7f6cd8995a69f012

64e2ca4158b3a1bf3a9a7e596b4fbea87112def48e1f1d7ae075a7c9fcdfe30f

f0d5117b42d3dc20bcb71da780287494b98ab3aa85d6f543cccc1b23cec96692

8e540ee29917604fb042a19a75b0567e920b218555ba01152c7b1de29c368e36

b1f22916ddc03a1c7c09d51d0ae199e2dacb0191922e2f82c87fdcc94c87d6c0

8b913c3beeccfcd76725f19841798a8d6fc370101182e2f576f997f23fea6e03

12eb33b0e7dbfd980c8487962a86bd7ab449dff522793ad0e09b2fdd6acf1296

af5ca6a8af78607acee8f369500e009b06b7d139121097234a44f07d59cc6c3d

ce1b4ca8f4b67f2669cbe4ad13a0c9d15adc1d70e4b2c644e71b96967b80f23f

30ec0b532090ad03040e1ff1b199599a2211975fdf2b4092a15c858f54220081

9613b1e20985e946957922c18395254e39545abef6db81ffd7273605561a0416

87301eb43101531a6f04239ef6ada33e701b5e4d97734ba0498a39a00a888b79

e3103296a2d07b39d2d912ae970b33b9fdd9a2302e9b09082f553c91e3fb89b9

2e257eafc66c47c3a1e2fd19523625d8cd3f10f966f15658302c8a5eefd6c481

b4697ae969c6883ca15785dd32f90177a4ebc3c72b3d081ea9975bcdf337ed52

81c31b71aba6a750afc2a510f58c1c2a2fa10781618cb3e25b1deeeab20e6961

fc192e19c3cd4befa13f168268b02f56d182631a55ca811a4b5ff8a387e2365e

5dc8c0be10ee0f2bfbbf805463c9015780f002b3167a80489fc10523422128a5

fc583205cccf72089d2b0427eb409c17fb49c331831c50686dc6740ee9a7fdf0

228c0566ace0351a01195c1f891a34a0c3e713cd780f0dc1356d28b573de7c06

7d693303040207035268e059a1550dec004d49529b0b786fe936702cd49cc6d2

d2a0e055785dd166c3cd168c1fec28aae4a7cc526c671177953374643bc172d1

8585869deb20a242e500e8c10234de35f8945d88b87bcfb7350204a7073ab04e

c0ef90791871effdcbce7f7c29ac7e5474ca1d209bf2345425f5c3b66af1671a

88aae3c388c4df6d6dd205e758a5efbdb039e109d0790873ce546d05b9a856fe

6d0f6ee86b803a3cf43f41b1920f57e6cd09e030717d6ed4d540dc57ea1dfa40

8cc28b19ddb0123872cf6d702a7461934c2de3a5ab023e30f87dafb37848b32d

43b71a3b9d52e188d1122dc3a89e6149f7c47417e39b84b7bd45d45f93cbd1b2

a23a604cab3e57a19bc80cd3c93922ccaa7463b28d4e4da67e56dcfb51be89ab

6de0daf26eb12673d77851b7e24cf3069bb6df322a01d525d27d39783724a22b

b852ad8e97a4c2d2d3dd39ac398aaac088d00e602b6855734e7e32b17ec94ad1

a21107f69560271ae585d0aab7f4b39ae751ad02b90a95ba5db9301793af52de

2efc27a3cd4e991960a19414abcc6f719cac24f43ae8d39bca69382bfd97206b

69d1bc279c78bc8ffc186ffce33427fe0572d685112c537a4b576a70d8384492

d6519d237452fb1052a52eeffdcbb2f489523e16f3d51833ecfa00fd2a1208e5

9a68f783adc50b87b8f9b06b5ac302df441761eb452b0a81f42e3394d1f1f51c

217528df196bae1dd76dc1ecf912e195a32249bb45574116b678fa40e56391d5

495ddeaee3f33d98a1432b5d30f1c13eddbba40983a661f5db817ff4fec1ff54

531c2b56f5b61f9efbe87caeb41e2342e7096584db5dfa0a001a4d80a8d75ff5

3a093ba22ad5526110bcc7845462ab5fd41a65815011de3184b878e78ea79fc1

2905c94f98ec0866b1f2152c7c9f6a3a933bcff66882b720921a858bc3e16da4

6837ac3744296b2abdd28411307b4a5855bbe00f777761db6cadf6e29c33d9d5

b2187bb414f892193396033b7c75580baedaf07a36f26413f9314262aaa705d5

2b768a29686338703954c55c90a415c5f9149706f491718d17dd1dd30e9e923c

ee78101612bf4cf94ede8ed6a89028a6c5d4d11144c94c43e6348aa683cb2b31

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

MarkMonitor Inc.

BENTLEY.COM

Abuse-C Role

Owner

lir-nl-enflow-1-MNT

Enflow B.V.

ORG-NCC1-RIPE

NL-ENFLOW-20220125

window.snWebaConfig = window.snWebaConfig || {};
		// glide web analytics config
		window.snWebaConfig.siteId = "0";
		window.snWebaConfig.trackerURL = "";
		window.snWebaConfig.webaScriptPath = "/scripts/piwik-3.1.1/thirdparty/piwik.min.js";
		window.snWebaConfig.ambClient = (window.g_ambClient) ? window.g_ambClient : ((window.amb)? window.amb.getClient(): "");
		window.snWebaConfig.subscribed = false;

window.NOW = window.NOW || {};
		// record watch / presence
		window.NOW.session_id = 'DF4CB20F87CB4750CBBF0FA6CEBB3537';
		window.NOW.user_name = 'guest';
		window.NOW.user_id = '5136503cc611227c0183e96598c4f706';
		window.NOW.user_display_name = 'Guest';
		window.NOW.user_initials = 'G';
		window.NOW.user_avatar = '';
		window.NOW.presence_interval = 60;
		window.NOW.record_presence_interval = 20;
		window.NOW.ambConnected = false;

window.NOW.analytics_enabled = false;
		window.NOW.performance_monitoring_enabled = true;
		window.NOW.sp_analytics_plugin_active = false;
		window.NOW.sp_analytics_portal_override = false;
		window.NOW.ucm_invocations = 0;
		window.NOW.ucm_portal_id = '';
		window.NOW.enable_new_web_sdk = false;
		window.NOW.ux_collection_mode = 'Both';
		window.NOW.usage_tracking = window.NOW.usage_tracking || {};
		window.NOW.usage_tracking.ucm_encountered_exception = true;
		window.NOW.usage_tracking.user_consent = 'NoConsentRequired';
		window.NOW.user_impersonating = undefined;
		window.NOW.usage_tracking.usage_tracking_allowed_for_session = false;
		window.NOW.usage_tracking.tracking_enabled = false;
		window.NOW.usage_tracking.consent_toggle_available = false;
		window.NOW.instrumentation_authkey = '';
		window.NOW.user_id_hashed = '591bce70be21e6b30a1d83d4b795b2d49f9d2bf53042cf3a779bc475729c5b26';
		window.NOW.instrumentation_api_host = '';
		window.NOW.instance_id = '60b45dd1db4db010a667cac5059619c2';
		window.NOW.instance_name = 'bentleysystems';
		window.NOW.domain_id = '';
		window.NOW.unauthenticated_user_tracking_enabled = false;
		window.NOW.isForceRestrictedPortal = false;

window.NOW.analytics_enabled = 'true' == 'true';
		window.NOW.performance_monitoring_enabled = ('true' == 'true' && 'true' == 'true');
		window.NOW.sp_analytics_plugin_active = true;
		window.NOW.sp_analytics_portal_override = '' == 'true';
		window.NOW.ucm_invocations = parseInt('');
		window.NOW.ucm_portal_id = '';
		window.NOW.enable_new_web_sdk = 'false' == 'true';
		window.NOW.ux_collection_mode = 'Both';
		window.NOW.usage_tracking = window.NOW.usage_tracking || {};
		window.NOW.usage_tracking.user_consent = '';
		window.NOW.user_impersonating = false;
		window.NOW.usage_tracking.usage_tracking_allowed_for_session = '' == 'true';
		window.NOW.usage_tracking.tracking_enabled = '' == 'true';
		window.NOW.usage_tracking.consent_toggle_available = '' == 'true';
		window.NOW.instrumentation_authkey = 'fb91b5be87beca905bea87380cbb350c';
		window.NOW.user_id_hashed = '591bce70be21e6b30a1d83d4b795b2d49f9d2bf53042cf3a779bc475729c5b26';
		window.NOW.instrumentation_api_host = 'https://api-appsee.service-now.com';
		window.NOW.instance_id = '60b45dd1db4db010a667cac5059619c2';
		window.NOW.instance_name = 'bentleysystems';
		window.NOW.domain_id = '';window.NOW.unauthenticated_user_tracking_enabled = false;window.NOW.isForceRestrictedPortal = false;

$(document).ready(function() {
					if ('ontouchstart' in window || (navigator.maxTouchPoints !== 'undefined' && navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints !== 'undefined' && navigator.msMaxTouchPoints > 0)) {
						$("body").addClass('touch_scroll');
					}
				});

<div class="sp-image-chooser-div"><input id="imageChooser{{ field.name }}" type="file" style="display: none;" ng-file-select="fileSelect($files, field)"></input><img ng-show="field.value" style="max-height: 200px; max-width: 200px;" ng-src="{{ field.value }}"></img><span ng-show="disabled() &amp;&amp; !field.value">No image</span><span ng-show="!disabled()"><a ng-show="!field.value" style="margin: 5px;" class="btn btn-default" ng-click="clickChoose()">Choose</a><a ng-show="field.value" style="margin: 5px;" class="btn btn-default" ng-click="clickChoose()">Change</a><a ng-show="field.value" style="margin: 5px;" class="btn btn-default" ng-click="clickClear()">Remove</a></span></div>

<span><div sn-dialog="true" disable-auto-focus="true" name="{{name}}" modal="true" role="dialog" aria-labelledby="dialog-title" context="parms" class="sp-message-dialog {{ dialogClass }}"><div class="sp-message-dialog-title" id="dialog-title"><div class="sp-message-dialog-title-inner">{{title}}</div></div><div class="sp-message-dialog-content "><div class="sp-message-dialog-content-block">{{message}}</div><div class="sp-message-dialog-content-block" ng-if="parms.details">{{parms.details}}</div><div class="sp-message-dialog-content-block" ng-if="question">{{question}}</div><div class="sp-message-dialog-content-block" ng-if="checkboxMessage"><div class="pull-left"><input type="checkbox" class="sp-message-dialog-content-input-field" ng-model="checkboxModel.value" ng-change="update()"></input></div><div class="pull-left">{{checkboxMessage}}</div></div></div><div class="sp-message-dialog-buttons"><button class="btn btn-cancel sp-message-dialog-cancel-button" title="{{cancel}}" ng-click="parms.cancel()" ng-if="cancel">{{cancel}}</button><button class="btn btn-primary sp-field-elem-margin" title="{{ok}}" ng-click="parms.ok()" ng-if="ok">{{ok}}</button></div></div></span>

<div class="form-group" ng-class="{'form-group-has-focus': hasValueOrFocus()}"><div ng-if="::c.showLabel(field)"><label class="field-label field-label-question" for="sp_formfield_{{::(field.type=='html' || field.type=='translated_html') ? (field.sys_id || field.name) : field.name }}"><span class="field-decorations"><span ng-if="field.mandatory" class="fa fa-asterisk mandatory sp-field-label-padding" ng-class="{'mandatory-filled': field.mandatory_filled()}" aria-label="{{field.mandatory_filled()? 'Required Filled ' : 'Required '}}" ng-attr-aria-hidden="{{getFieldAriaHidden(field)}}" role="img"></span><span ng-repeat="decoration in field.decorations" ng-if="!field._cat_variable || (field._cat_variable === true &amp;&amp; decoration.icon !== 'icon-ai-sparkle-fill') " class="decoration {{decoration.icon}}" title="{{decoration.text}}"></span></span><span class="sp-field-label-padding" ng-attr-title="{{::accessible ? undefined : field.hint}}" data-placement="right" data-toggle="tooltip" ng-attr-aria-label="{{::accessible &amp;&amp; field.hint ? field.label : getFieldAriaLabel(field)}}">{{field.label}}</span><sp-ai-tag ng-if="field.hasAiSparkle"></sp-ai-tag><sp-help-tag field="::field" ng-if="::(accessible &amp;&amp; field.hint &amp;&amp; !field.help_text &amp;&amp; !field.instructions)"></sp-help-tag><sp-help-tag field="::field" ng-if="::(field.help_text || field.instructions)"></sp-help-tag></label></div><span class="type-{{::field.type}} field-actual question-width" ng-switch="::field.type" ng-class="{'state-mandatory': field.mandatory, 'state-readonly': field.read_only, 'state-hidden': field.hidden, 'has-error': field.isInvalid}"><span ng-switch-when="boolean"><label title="{{::field.hint}}" data-placement="right" data-toggle="tooltip"><input type="checkbox" name="{{::field.name}}" ng-model="fieldValue" ng-if="!fieldRerendering" ng-true-value="'true'" ng-false-value="'false'" ng-model-options="{getterSetter: true}" aria-disabled="{{field.isReadonly()}}" ng-readonly="field.isReadonly()" aria-readonly="{{field.isReadonly()}}" ng-click="handleClick($event)" id="sp_formfield_{{::field.name}}" aria-required="{{field.isMandatory()}}" aria-labelledby="label_{{::field.name}} tooltip_{{::field.name}}"></input><span class="boolean-control" id="label_{{::field.name}}"><span ng-if="field._parent &amp;&amp; !formModel._fields[field._parent].render_label &amp;&amp; formModel._fields[field._parent].mandatory &amp;&amp; formModel._fields[field._parent].isVisible()" class="fa fa-asterisk mandatory sp-field-label-padding" ng-class="{'mandatory-filled': formModel._fields[field._parent].mandatory_filled()}" title="Required" aria-label="{{formModel._fields[field._parent].mandatory_filled()? 'Required Filled ' : 'Required '}}" ng-attr-aria-hidden="{{getFieldAriaHidden(field)}}" role="img"></span><span ng-if="!field._parent &amp;&amp; !field.render_label &amp;&amp; field.mandatory &amp;&amp; field.isVisible()" class="fa fa-asterisk mandatory sp-field-label-padding" ng-class="{'mandatory-filled': field.mandatory_filled()}" title="Required" aria-label="field.mandatory_filled()? 'Required Filled ' : 'Required '}}" ng-attr-aria-hidden="{{getFieldAriaHidden(field)}}" role="img"></span>{{field.label}}<span ng-if="::enhancePriceLabels(field)" class="inline">{{getCheckBoxPrice(field)}}</span></span></label><span class="sr-only" id="tooltip_{{::field.name}}">{{::field.hint}}</span><sp-ai-tag ng-if="field.hasAiSparkle"></sp-ai-tag></span><sp-assessment-details ng-if="::field.details" html-details="field.details" label="field.label" padding-required="true" field-id="field.sys_id" clamp-line="6" ng-class="{'text-center': formModel.is_kiosk_survey}"></sp-assessment-details><sp-choice-list ng-switch-when="choice" field="field" glide-form="getGlideForm()" default-value-setter="setDefaultValue(fieldName,fieldInternalValue,fieldDisplayValue)" sn-options="{placeholder: field.placeholder}"></sp-choice-list><span ng-switch-when="boolean_confirm"><span class="fa fa-asterisk mandatory sp-field-label-padding" ng-class="{'mandatory-filled': field.mandatory_filled()}" title="Required"></span><label title="{{::field.hint}}" data-placement="right" data-toggle="tooltip" for="sp_formfield_{{::field.name}}"><input type="checkbox" name="{{::field.name}}" ng-model="fieldValue" ng-if="!fieldRerendering" ng-true-value="'true'" ng-false-value="'false'" ng-model-options="{getterSetter: true}" ng-readonly="field.isReadonly()" aria-readonly="{{field.isReadonly()}}" aria-disabled="{{field.isReadonly()}}" ng-click="handleClick($event)" id="sp_formfield_{{::field.name}}"></input><span class="boolean-control"><span class="sr-only" ng-show="!field.mandatory_filled()">Required -</span><span class="sr-only" ng-show="field.mandatory_filled()">Required Filled -</span>{{field.label}}</span></label><span class="sr-only">{{::field.hint}}</span><span ng-if="::field._pricing">{{getCheckBoxPrice(field)}}</span></span><sp-color-picker ng-switch-when="color" field="field" glide-form="getGlideForm()" sn-change="fieldValue(newValue)" sn-disabled="field.isReadonly()" ng-if="c.depsLoaded"></sp-color-picker><sp-css-editor ng-switch-when="css" class="form-control" field="field" id="sp_formfield_{{::field.name}}" data-length="4000" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" sn-blur="fieldValue(field.stagedValue)" glide-form="getGlideForm()" ng-if="c.depsLoaded"></sp-css-editor><span ng-switch-when="currency2|document_id|domain_id|schedule_date_time|integer_date" class="padder" ng-switch-when-separator="|">{{field.displayValue}}</span><sp-duration-element ng-switch-when="glide_duration" field="field" ng-model="fieldValue" ng-model-options="{getterSetter: true}"></sp-duration-element><sp-url-element ng-switch-when="url" name="{{::field.name}}" field="field"></sp-url-element><sp-link-element ng-switch-when="link" name="{{::field.name}}" field="field"></sp-link-element><sn-field-reference ng-switch-when="field_name" field="field" id="sp_formfield_{{::field.name}}" glide-form="getGlideForm()" sn-change="fieldValue(newValue)" sn-disabled="field.isReadonly()"></sn-field-reference><sn-field-list-element ng-switch-when="field_list" field="field" glide-form="getGlideForm()" sn-disabled="field.isReadonly()" sn-change="fieldValue(newValue, displayValue)"></sn-field-list-element><sp-date-picker sn-change="fieldValue(newValue, displayValue)" ng-switch-when="glide_date" field="field" sn-disabled="field.isReadonly()" ng-model="field.stagedValue" ng-model-options="{getterSetter: true}"></sp-date-picker><sp-date-picker sn-change="fieldValue(newValue, displayValue)" ng-switch-when="glide_date_time" field="field" sn-disabled="field.isReadonly()" ng-model="field.stagedValue" ng-model-options="{getterSetter: true}" sn-include-time="true"></sp-date-picker><sp-reference-element ng-switch-when="glide_list" field="field" sn-select-width="100%" ref-table="::formModel.table" ref-id="formModel.sys_id" glide-form="getGlideForm()" record-values="getEncodedRecordValues()" sn-options="{multiple: true, placeholder: field.placeholder}" sn-disabled="field.isReadonly()"></sp-reference-element><sp-glyph-picker ng-switch-when="glyphicon" field="field" sn-disabled="field.isReadonly()"></sp-glyph-picker><sp-html-editor ng-switch-when="xml" field="field" id="sp_formfield_{{::field.name}}" class="form-control" data-length="4000" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" sn-blur="fieldValue(field.stagedValue)" glide-form="getGlideForm()" ng-if="c.depsLoaded"></sp-html-editor><sp-html-editor ng-switch-when="html_template" class="form-control" field="field" id="sp_formfield_{{::field.name}}" data-length="4000" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" sn-blur="fieldValue(field.stagedValue)" glide-form="getGlideForm()" ng-if="c.depsLoaded"></sp-html-editor><sp-script-editor ng-switch-when="json" class="form-control" field="field" id="sp_formfield_{{::field.name}}" data-length="4000" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" sn-blur="fieldValue(field.stagedValue)" glide-form="getGlideForm()" ng-if="c.depsLoaded" ng-model="field.stagedValue"></sp-script-editor><sp-mask-element ng-switch-when="masked" field="field" placeholder="field.placeholder" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" glide-form="getGlideForm()"></sp-mask-element><sp-radio-option ng-switch-when="multiple_choice" glide-form="getGlideForm()" field="field" cat-item-sys-id="formModel.sys_id"></sp-radio-option><sp-radio-option ng-switch-when="numericscale" glide-form="getGlideForm()" field="field" cat-item-sys-id="formModel.sys_id"></sp-radio-option><sp-textarea ng-switch-when="multi_two_lines" field="field" name="{{::field.name}}" id="sp_formfield_{{::field.name}}" autocomplete="{{getAutocompleteValue()}}" class="form-control" ng-model="field.stagedValue" ng-change="stagedValueChange()" data-type="{{::field.type}}" ng-readonly="field.isReadonly()" aria-invalid="{{field.isInvalid || false}}" glide-form="getGlideForm()"></sp-textarea><sp-textarea ng-switch-when="multi_small" field="field" name="{{::field.name}}" id="sp_formfield_{{::field.name}}" autocomplete="{{getAutocompleteValue()}}" class="form-control multi-small" ng-model="field.stagedValue" ng-change="stagedValueChange()" data-type="{{::field.type}}" ng-readonly="field.isReadonly()" aria-invalid="{{field.isInvalid || false}}" glide-form="getGlideForm()"></sp-textarea><sp-currency-element ng-switch-when="price" field="field" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" sn-blur="fieldValue(field.stagedValue)" glide-form="getGlideForm()"></sp-currency-element><sp-currency-element ng-switch-when="currency" field="field" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" sn-blur="fieldValue(field.stagedValue)" glide-form="getGlideForm()"></sp-currency-element><input ng-switch-when="password" type="password" name="{{::field.name}}" id="sp_formfield_{{::field.name}}" autocomplete="off" class="form-control" ng-model="field.stagedValue" ng-change="stagedValueChange()" ng-disabled="field.isReadonly()"></input><input ng-switch-when="password2" type="password" name="{{::field.name}}" id="sp_formfield_{{::field.name}}" autocomplete="off" class="form-control" ng-model="field.stagedValue" ng-change="stagedValueChange()" ng-disabled="field.isReadonly()"></input><sp-code-mirror ng-switch-when="properties" class="form-control" mode="properties" field="field" id="sp_formfield_{{::field.name}}" data-length="4000" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" sn-blur="fieldValue(field.stagedValue)" glide-form="getGlideForm()" ng-if="c.depsLoaded"></sp-code-mirror><sp-reference-field ng-switch-when="reference" id="sp_formfield_reference_{{::field.name}}" tabindex="-1" ng-class="{'field-has-reference': field.value != '', 'field-empty-reference': field.value == ''}"></sp-reference-field><sp-script-editor ng-switch-when="script_server" class="form-control" field="field" id="sp_formfield_{{::field.name}}" data-length="4000" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" sn-blur="fieldValue(field.stagedValue)" glide-form="getGlideForm()" ng-if="c.depsLoaded" ng-model="field.stagedValue"></sp-script-editor><sp-script-editor ng-switch-when="script" class="form-control" field="field" id="sp_formfield_{{::field.name}}" data-length="4000" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" sn-blur="fieldValue(field.stagedValue)" glide-form="getGlideForm()" ng-if="c.depsLoaded" es-latest-version="formModel._fields[field.name].useEsLatest" ng-model="field.stagedValue"></sp-script-editor><sp-script-editor ng-switch-when="script_plain" class="form-control" field="field" id="sp_formfield_{{::field.name}}" data-length="4000" sn-disabled="field.isReadonly()" sn-change="stagedValueChange()" sn-blur="fieldValue(field.stagedValue)" glide-form="getGlideForm()" ng-if="c.depsLoaded" es-latest-version="formModel._fields[field.name].useEsLatest" ng-model="field.stagedValue"></sp-script-editor><sn-table-reference ng-switch-when="table_name" field="field" sn-change="fieldValue(newValue)" sn-disabled="field.isReadonly()"></sn-table-reference><sp-textarea ng-switch-when="textarea" field="field" name="{{::field.name}}" id="sp_formfield_{{::field.name}}" class="form-control" ng-model="field.stagedValue" ng-change="stagedValueChange()" data-type="{{::field.type}}" ng-readonly="field.isReadonly()" autocomplete="{{getAutocompleteValue()}}" aria-invalid="{{field.isInvalid || false}}" glide-form="getGlideForm()"></sp-textarea><sp-tinymce-editor ng-switch-when="html" id="sp_formfield_{{::field.name}}" ng-attr-tabindex="{{field.isReadonly() ? undefined : '-1'}}" name="{{::field.name}}" text-id="sp_formfield_{{::field.sys_id || field.name}}" ng-model="field.stagedValue" ng-model-options="{getterSetter: true}" sn-blur="fieldValue(field.stagedValue)" field="field" glide-form="getGlideForm()" ng-change="stagedValueChange()" attachment-guid="c.getAttachmentGuid()"></sp-tinymce-editor><sp-tinymce-editor ng-switch-when="translated_html" id="sp_formfield_{{::field.name}}" ng-attr-tabindex="{{field.isReadonly() ? undefined : '-1'}}" name="{{::field.name}}" text-id="sp_formfield_{{::field.sys_id || field.name}}" ng-model="field.stagedValue" sn-blur="fieldValue(field.stagedValue)" ng-model-options="{getterSetter: true}" field="field" glide-form="getGlideForm()" ng-change="stagedValueChange()" attachment-guid="c.getAttachmentGuid()"></sp-tinymce-editor><span ng-switch-when="user_image"><img ng-if="field.displayValue" ng-src="{{field.displayValue}}" style="max-height: 128px; max-width: 128px;"></img><sn-image-uploader ng-if="!field.isReadonly()" table-name="{{formModel.table}}" sys-id="{{formModel._attachmentGUID || formModel.sys_id}}" field-name="{{::field.name}}" field-label="{{::field.label}}" read-only="field.isReadonly()" on-upload="onImageUpload(thumbnail, sys_id)" on-delete="onImageDelete()" upload-message="{{field.isMandatory() &amp;&amp; !field.mandatory_filled() ? 'Required -' : ''}} Upload an image" src="field.displayValue"></sn-image-uploader></span><sp-widget ng-switch-when="widget" widget="field.widget" page="{g_form: getGlideForm(), field: field, fieldValue: fieldValue}"></sp-widget><sp-widget ng-switch-when="widget_value" widget="field.widget" page="{g_form: getGlideForm(), field: field, fieldValue: fieldValue}"></sp-widget><span ng-switch-when="integer"><input name="{{::field.name}}" id="sp_formfield_{{::field.name}}" class="form-control" ng-readonly="field.isReadonly()" ng-model="field.stagedValue" ng-change="stagedValueChange()" ng-blur="formatNumber()" autocomplete="{{getAutocompleteValue()}}" ng-attr-placeholder="{{field.placeholder}}"></input></span><span ng-switch-when="decimal|float" ng-switch-when-separator="|"><input name="{{::field.name}}" id="sp_formfield_{{::field.name}}" class="form-control" ng-readonly="field.isReadonly()" ng-model="field.stagedValue" ng-change="stagedValueChange()" ng-blur="formatNumber()" autocomplete="{{getAutocompleteValue()}}"></input></span><sp-catalog-variable ng-if="field._cat_variable" ng-switch-when="sc_multi_row"></sp-catalog-variable><sp-email-element ng-switch-when="email" field="field" glide-form="getGlideForm()"></sp-email-element><sp-rich-text-label ng-switch-when="rich_text_label" field="field"></sp-rich-text-label><sp-variable-attachment ng-switch-when="sc_attachment" field="field" attachment-guid="formModel._attachmentGUID || formModel.sys_id" g-form="getGlideForm()"></sp-variable-attachment><sp-file-attachment ng-switch-when="file_attachment" field="field" attachment-guid="formModel._attachmentGUID || formModel.sys_id" g-form="getGlideForm()"></sp-file-attachment><span ng-switch-default="true"><input sp-ignore-composition="" ng-if="::!c.isTextArea(field)" name="{{::field.name}}" id="sp_formfield_{{::field.name}}" ng-trim="false" class="form-control" maxlength="{{::field.max_length}}" data-type="{{::field.type}}" ng-model="field.stagedValue" ng-model-options="{allowInvalid: true}" ng-change="stagedValueChange()" autocomplete="{{getAutocompleteValue()}}" ng-readonly="field.isReadonly()" ng-attr-placeholder="{{field.placeholder}}" type="text" aria-required="{{field.isMandatory()}}" aria-invalid="{{field.isInvalid || false}}" aria-label="{{field.label}}"></input><sp-textarea ng-if="::c.isTextArea(field)" field="field" name="{{::field.name}}" id="sp_formfield_{{::field.name}}" class="form-control" data-type="{{::field.type}}" ng-model="field.stagedValue" ng-model-options="{allowInvalid: true}" ng-change="stagedValueChange()" autocomplete="{{getAutocompleteValue()}}" ng-readonly="field.isReadonly()" aria-invalid="{{field.isInvalid || false}}" glide-form="getGlideForm()"></sp-textarea></span></span><div ng-show="field.messages" id="sp_formfield_{{::field.name}}_fieldmsgs_container"><div ng-repeat="message in field.messages | unique: 'message'" class="wrapper-xs r m-t-xs" ng-class="{'bg-danger': message.type == 'error', 'bg-warning': message.type == 'warning', 'bg-info': message.type == 'info'}">{{message.message}}</div></div></div>

<span><small ng-if="block &amp;&amp; fieldModel.displayValue" class="text-muted">{{fieldModel.label}}</small><span class="sp-editable-field" ng-style="blockDisplay" ng-class="{'editable-underline': editable}"><span ng-if="editable" ng-class="{'text-muted': !fieldModel.displayValue}" uib-popover-template="'sp_editable_popover.xml'" popover-placement="auto bottom" popover-is-open="shadowModel.popoverIsOpen" ng-click="toggleClick($event);" ng-keydown="toggleKeydown($event);" class="show-text bs-popover editable-text popover-trigger-{{::fieldID}}" aria-label="{{fieldModel.label}} - {{fieldModel.displayValue || '(Empty)'}} - Press enter to edit" aria-haspopup="dialog" aria-expanded="false" tabindex="0"><span ng-switch="fieldModel.type"><span ng-switch-when="user_image"><img ng-if="fieldModel.displayValue !=''" ng-src="{{fieldModel.displayValue}}"></img><span ng-if="fieldModel.displayValue ==''">Upload an image</span></span><span ng-switch-when="html" ng-bind-html="trustedHTML(fieldModel.displayValue)"></span><span ng-switch-when="translated_html" ng-bind-html="trustedHTML(fieldModel.displayValue)"></span><span ng-switch-default="true"><span ng-if="!block" id="field-{{::fieldID}}">{{fieldModel.displayValue || "(Empty)"}}</span><span ng-if="block" id="field-{{::fieldID}}">{{fieldModel.displayValue || fieldModel.label}}</span></span></span></span><span ng-if="!editable" class="show-text" ng-switch="fieldModel.type"><span ng-switch-when="user_image"><img ng-if="fieldModel.displayValue !=''" ng-src="{{fieldModel.displayValue}}"></img><span ng-if="fieldModel.displayValue ==''">Upload an image</span></span><span ng-switch-when="html" ng-bind-html="trustedHTML(fieldModel.displayValue)"></span><span ng-switch-when="translated_html" ng-bind-html="trustedHTML(fieldModel.displayValue)"></span><span ng-switch-default="true">{{fieldModel.displayValue}}</span></span></span></span>

<div class="popover-content-body popover-{{::fieldID}}"><h3 class="popover-title" ng-bind="title" ng-show="title"></h3><div class="popover-content"><form id="editableSaveForm" ng-submit="saveForm();"><sp-form-field form-model="shadowModel" field="shadowModel" glide-form="getGlideForm()"></sp-form-field></form></div><div class="popover-footer pull-right"><button ng-click="closePopover()" type="button" class="m-b-xs m-r-xs btn btn-default">Cancel</button><button ng-click="saveForm()" type="button" class="m-b-xs m-r-xs btn btn-primary">Save</button></div></div>

<div class="form-inline"><now-message key="days" value="Days"></now-message><now-message key="hours" value="Hours"></now-message><now-message key="minutes" value="Minutes"></now-message><now-message key="seconds" value="Seconds"></now-message><fieldset class="form-group" id="sp_formfield_{{::field.name}}" tabindex="-1" role="group"><legend ng-attr-title="{{::$parent.accessible ? undefined : field.hint}}" ng-attr-aria-label="{{::$parent.accessible &amp;&amp; field.hint ? undefined : getFieldAriaLabel(field)}}"><span class="field-decorations"><span ng-show="field.isMandatory()" class="fa fa-asterisk mandatory sp-field-label-padding" ng-class="{'mandatory-filled': field.mandatory_filled()}" aria-label="{{field.mandatory_filled()? 'Required Filled ' : 'Required '}}" role="img"></span><span ng-repeat="decoration in field.decorations" ng-if="!field._cat_variable || (field._cat_variable === true &amp;&amp; decoration.icon !== 'icon-ai-sparkle-fill') " class="decoration {{decoration.icon}}" title="{{decoration.text}}"></span></span><span class="sp-field-label-padding" ng-attr-title="{{::$parent.accessible ? undefined : field.hint}}" data-placement="right" data-toggle="tooltip">{{field.label}}</span><sp-ai-tag ng-if="field.hasAiSparkle"></sp-ai-tag><sp-help-tag field="field"></sp-help-tag></legend><div ng-repeat="unit in visibleUnits" class="input-group input-group-sm col-xs-{{12 / visibleUnits.length}} duration"><label class="input-group-addon text-capitalize" for="dur-{{unit}}-{{::field.name}}" sn-bind-i18n="{{unit}}"></label><input type="text" class="form-control" id="dur-{{unit}}-{{::field.name}}" ng-model="parts[unit]" ng-readonly="field.isReadonly()" ng-change="updateDuration()" title="{{durationUnits[unit]}}" data-toggle="tooltip" data-placement="bottom"></input></div></fieldset></div>

<span class="ng-form-element" ng-class="{'has-error' : field.isInvalid}"><span ng-if="field.catalog_view_masked"><input name="{{::field.name}}" id="sp_formfield_{{::field.name}}" ng-attr-type="{{inputType}}" autocomplete="off" class="form-control masked-element" ng-model="field.stagedValue" ng-model-options="{getterSetter: true}" ng-blur="handleValueChanged()" ng-readonly="disabled" aria-required="{{field.mandatory}}" aria-invalid="{{field.isInvalid || false}}" placeholder="{{placeholder}}" maxlength="{{::field.max_length}}" aria-label="{{field.label}}"></input><button ng-if="field.stagedValue.length" ng-click="c.togglePassword()" class="btn sp-show-hide-masked-button btn-link" title="show/hide this value">{{toggleShowHide}}</button></span><span ng-if="!field.catalog_view_masked"><input name="{{::field.name}}" id="sp_formfield_{{::field.name}}" ng-attr-type="{{inputType}}" autocomplete="off" class="form-control" ng-model="field.stagedValue" ng-model-options="{getterSetter: true}" ng-blur="c.validate()" ng-readonly="disabled" ng-keydown="c.cleanData()" aria-required="{{field.mandatory}}" aria-invalid="{{field.isInvalid || false}}" placeholder="{{placeholder}}" maxlength="{{::field.max_length}}" aria-label="{{field.label}}"></input></span><span ng-if="field.useConfirmation"><label class="field-label" for="sp_formfield_confirm.{{::field.name}}">{{reEnter}}</label><input name="sp_formfield_confirm.{{::field.name}}" id="sp_formfield_confirm.{{::field.name}}" type="password" autocomplete="off" class="form-control" ng-readonly="disabled" ng-blur="c.validate()" ng-keydown="c.cleanData()" ng-model="field.confirmPassword" ng-model-options="{getterSetter: true}" aria-invalid="{{field.isInvalid || false}}" placeholder="{{placeholder}}" maxlength="{{::field.max_length}}" aria-label="{{::reEnter}}" aria-describedby="confirmation-error.{{::field.name}}"></input><span id="confirmation-error.{{::field.name}}" ng-if="field.isInvalid" class="sp-date-format-info" style="display:table-row;" role="alert">{{misMatch}}</span></span></span>

<div class="wrapper-md r-2x" ng-if="field.columns_meta.length &gt; 0" ng-class="{'b': !c.isMEE}"><sp-widget widget="c.activeRow" ng-if="c.activeRow"></sp-widget><div ng-if="!field.readonly &amp;&amp; !field.sys_readonly" ng-class="{'m-l m-b ': c.isMEE, 'form-group': !c.isMEE}" style="min-height:0px;"><button type="button" title="{{::field.max_row_tooltip_msg}}" class="btn btn-primary m-r" ng-click="c.createRow()" ng-disabled="!c.canInsert()" id="{{::field.sys_id}}_add_row" aria-label="{{c.addButtonAriaLabel}}" aria-required="{{field.isMandatory()}}">Add</button><button type="button" class="btn btn-default" ng-click="c.clearValue()" ng-disabled="!c.canClearValue()" aria-label="{{c.removeAllButtonAriaLabel}}">Remove All</button></div><div style="overflow-x: auto;"><table class="table table-bordered table-striped" ng-class="{'m-b': c.isMEE, 'm-b-xs': !c.isMEE}" aria-describedby="id-caption-mrvs-{{::field.sys_id}}"><caption id="id-caption-mrvs-{{::field.sys_id}}" class="sr-only">{{::field.label}}</caption><thead><tr><th id="id-actions-{{::field.sys_id}}" scope="col" ng-if="!field.readonly &amp;&amp; !field.sys_readonly" class="text-nowrap">Actions</th><th id="id-question-{{::col.id}}" scope="col" ng-repeat="col in ::field.columns_meta track by col.id" class="text-nowrap">{{::col.label}}</th></tr></thead><tbody><tr ng-if="field._value.length == 0 "><td ng-if="!field._loadingData" class="text-center" colspan="{{::field.columns_meta.length + 1}}">No data to display</td></tr><tr ng-if="field._loadingData"><td class="text-center" ng-if="field._value.length == 0" colspan="{{::field.columns_meta.length + 1}}"><i class="fa fa-spinner fa-pulse fa-3x fa-fw" aria-hidden="true" title="Updating value"></i><span class="sr-only">Updating value</span></td></tr><tr ng-repeat="row_display_value in field._displayValue track by $index" ng-animate="{enter: 'animate-enter', leave: 'animate-leave'}" style="word-break: keep-all;"><td headers="id-actions-{{::field.sys_id}}" ng-if="!field.readonly &amp;&amp; !field.sys_readonly" ng-class="{ 'actions-mobile': {{ c.isMEE }} }" class="text-nowrap"><a href="javascript:void(0);" class="wrapper-xs fa fa-pencil" role="button" data-original-title="Edit Row" aria-label="Edit Row {{$index + 1}}" data-toggle="tooltip" data-placement="top" ng-click="c.updateRow($index)" ng-class="{'btn disabled no-border' : c.disableMRVSActions}"></a><a href="javascript:void(0);" class="wrapper-xs fa fa-close" role="button" data-original-title="Remove Row" aria-label="Remove Row {{$index + 1}}" data-toggle="tooltip" data-placement="top" ng-click="c.deleteRow($index)" ng-class="{'btn disabled no-border' : c.disableMRVSActions}" id="remove-row-{{$index}}"></a></td><td headers="id-question-{{::col.id}}" ng-repeat="col in ::field.columns_meta track by col.id" style="text-overflow: ellipsis;">{{c.getCellDisplayValue(row_display_value[col.name], col.type)}}</td></tr></tbody></table></div></div>

<div class="form-group"><label class="field-label field-label-question" for="sp_formfield_requested_for_{{::field.name}}" data-original-title="{{::field.hint}}" aria-label="{{field.hint + ' '+ getReferenceLabelContents(field)}} " data-toggle="tooltip" data-placement="right"><span class="field-decorations"><span ng-show="field.mandatory" class="fa fa-asterisk mandatory sp-field-label-padding" ng-class="{'mandatory-filled': field.mandatory_filled()}" title="Required" aria-label="{{field.mandatory_filled()? 'Required Filled' : 'Required'}}" role="img"></span><span ng-repeat="decoration in field.decorations" ng-if="field._cat_variable === false || (field._cat_variable === true &amp;&amp; decoration.icon !== 'icon-ai-sparkle-fill')" class="decoration {{decoration.icon}}" title="{{decoration.text}}"></span></span>{{field.label}}<sp-ai-tag ng-if="field.hasAiSparkle"></sp-ai-tag><sp-help-tag field="::field"></sp-help-tag></label><span class="type-{{::field.type}} field-actual" ng-class="{'state-mandatory': field.mandatory, 'state-readonly': field.read_only, 'state-hidden': field.hidden, 'has-error': field.isInvalid}"><div ng-class="{'input-group input-group-': alsoRequestForEnabled()}"><sp-reference-field id="sp_formfield_reference_{{::field.name}}" tabindex="-1" ng-class="{'field-has-reference': field.value != '', 'field-empty-reference': field.value == ''}"></sp-reference-field><div ng-if="alsoRequestForEnabled()" class="input-group-btn" style="padding-inline-start:1rem"><button type="button" class="btn btn-default bg-white lookup" style="border-radius:0.4rem" id="also_request_for_button" ng-click="toggleUserSelect()" ng-disabled="disabled" aria-expanded="{{actions.isAlsoRequestForExpanded}}" data-original-title="Request for multiple users" data-toggle="tooltip" data-placement="top" aria-label="Request for multiple users"><span class="fa fa-users" ng-class="{'text-primary': showList}"></span><span class="sr-only">Request for multiple users</span></button></div></div></span><div ng-show="field.messages"><div ng-repeat="message in field.messages | unique: 'message'" class="wrapper-xs r m-t-xs" ng-class="{'bg-danger': message.type == 'error', 'bg-warning': message.type == 'warning', 'bg-info': message.type == 'info'}">{{message.message}}</div></div><div ng-if="alsoRequestForEnabled()" ng-show="showAlsoRequestFor" style="margin-top:15px"><label class="field-label" for="sp_formfield_sn_sc_also_request_for">{{::sn_sc_also_request_for.label}}</label><div ng-if="showLess" class="sp-field-elem-margin">{{sn_sc_also_request_for.display_value_list.join(", ")}}</div><span ng-show="showList"><sn-sc-also-request-for sn-select-width="100%" field="sn_sc_also_request_for" glide-form="getGlideForm()" sn-options="{placeholder: sn_sc_also_request_for.placeholder}" requested-for="field.value"></sn-sc-also-request-for></span><div ng-show="sn_sc_also_request_for.validationMessages"><div ng-repeat="message in sn_sc_also_request_for.validationMessages | unique: 'message'" class="wrapper-xs r m-t-xs" ng-class="{'bg-danger': message.type == 'error', 'bg-warning': message.type == 'warning', 'bg-info': message.type == 'info'}">{{message.message}}</div></div></div></div>

<fieldset id="sp_formfield_{{::field.name}}" role="group" aria-labelledby="sp_radio_down_label_{{::field.name}}" class="radio m-t-none"><legend class="ng-hide" id="sp_radio_down_label_{{::field.name}}"><span ng-if="field.isMandatory() &amp;&amp; !field.mandatory_filled()">Required -</span><span ng-if="field.isMandatory() &amp;&amp; field.mandatory_filled()">Required Filled -</span>{{::field.label}}</legend><div role="radiogroup" class="radio-control"><div ng-repeat="c in field.choices" class="block"><label class="radio-element"><input aria-checked="{{ field.value === c.value }}" ng-value="c.value" ng-model="fieldValue" ng-model-options="{getterSetter: true}" ng-readonly="field.isReadonly()" aria-disabled="{{field.isReadonly()}}" ng-init="onButtonLoad()" name="radio_button_down_{{field.sys_id}}_{{catItemSysId}}" aria-label="{{c.label + (c.priceLabel &amp;&amp; field.value != c.value ? ' ' + c.priceLabel : '')}}" type="radio"></input><span aria-hidden="true">{{c.label}}<div ng-if="c.priceLabel &amp;&amp; field.value != c.value" class="inline">{{c.priceLabel}}</div></span></label></div></div></fieldset>

<fieldset class="radio m-t-none" id="sp_formfield_{{::field.name}}" aria-labelledby="sp_radio_across_label_{{::field.name}}"><legend class="ng-hide" id="sp_radio_across_label_{{::field.name}}"><span ng-if="field.isMandatory() &amp;&amp; !field.mandatory_filled()">Required -</span><span ng-if="field.isMandatory() &amp;&amp; field.mandatory_filled()">Required Filled -</span>{{::field.label}}</legend><div role="radiogroup" class="radio-control"><label ng-repeat="c in field.choices" class="radio-element"><input aria-checked="{{ field.value == c.value ? true : false}}" ng-value="c.value" ng-model="fieldValue" ng-model-options="{getterSetter: true}" ng-readonly="field.isReadonly()" aria-disabled="{{field.isReadonly()}}" role="radio" type="radio" name="radio_button_across_{{field.sys_id}}_{{catItemSysId}}" ng-init="onButtonLoad()" aria-label="{{c.label + (c.priceLabel &amp;&amp; field.value != c.value ? ' ' + c.priceLabel : '')}}"></input><span aria-hidden="true">{{c.label}}<div ng-if="c.priceLabel &amp;&amp; field.value != c.value" class="inline">{{c.priceLabel}}</div></span></label></div></fieldset>

<div class="sn-component sn-component-image-upload"><input ng-show="false" type="file" ng-file-select="onFileSelect($files)"></input><div ng-file-drop="onFileSelect($files)" ng-file-drag-over-class="sn-dragover" title="{{getTitle()}}" style="margin-top: .5em;" aria-hidden="true"><div style="position:relative; display: inline-block;"><div ng-if="!uploading" ng-click="openFileSelector($event)" style="cursor: pointer; margin-bottom: .25em; margin-right: 0.25em; display: inline-block;" role="presentation"><button class="btn btn-primary" aria-label="{{uploadMessage}} - {{fieldLabel}}"><sn-glyph char="upload"></sn-glyph><small>{{uploadMessage}}</small></button></div><span class="upload-container" ng-click="activateUpload($event)" ng-if="!uploading" ng-transclude="" role="presentation" tabindex="-1"></span></div><div ng-if="uploading" style="position:relative; display: inline-block;" role="presentation"><button class="btn btn-default" aria-label="Uploading - {{fieldLabel}}"><sn-glyph char="refresh"></sn-glyph><small>Uploading</small></button></div><div ng-if="src" ng-click="deleteAttachment()" style="cursor: pointer; display: inline-block;" title="Immediately delete this image" role="presentation"><button class="btn btn-default" aria-label="Delete - {{fieldLabel}}"><sn-glyph char="remove"></sn-glyph><small>Delete</small></button></div></div></div>

<div class="sp-attachment-block file-attachment" id="{{attachment.sys_id}}"><a ng-if="attachment.viewImage &amp;&amp; attachment.thumbSrc &amp;&amp; attachment.state === 'available'" class="view-attachment thumbnail" style="border: none;" ng-click="attachmentHandler.viewAttachment($event, attachment)" href="javascript:void(0)" aria-label="View attachment {{::attachment.file_name}}"><img alt="{{::attachment.file_name}}" class="attachment-thumbnail" ng-src="{{attachment.thumbSrc}}"></img></a><img ng-if="((!attachment.viewImage ||  attachment.state !== 'available' ) &amp;&amp; attachment.thumbSrc )" style="border: none; margin-left: auto; margin-right: auto;" alt="{{::attachment.file_name}}" class="img-responsive" ng-src="{{attachment.thumbSrc}}"></img><div class="file-name"><a ng-if="attachment.state === 'available'" class="get-attachment" ng-click="attachmentHandler.downloadAttachment(attachment)" ng-attr-title="Download {{attachment.file_name}}" href="javascript:void(0)">{{::attachment.file_name}} ({{::attachment.size}})</a><a ng-if="attachment.state === '' || attachment.state === 'pending' || attachment.state === 'available_conditionally'" class="get-attachment" ng-click="attachmentHandler.scanAttachment(attachment)" ng-attr-title="Download {{attachment.file_name}}" href="javascript:void(0)">{{::attachment.file_name}} ({{::attachment.size}})</a><span ng-if="attachment.state === 'not_available'" class="get-attachment not_available" ng-attr-title="Download {{attachment.file_name}}">{{::attachment.file_name}}<span class="error">(File failed security scan)</span></span><div class="tools"><div class="btn-group tools-items" role="group" ng-if="attachment.canWrite || attachment.canDelete"><button ng-if="attachment.canWrite" type="button" class="btn btn-default btn-clear" ng-click="attachmentHandler.editAttachment($event, attachment)" aria-label="Edit file name {{::attachment.file_name}}" title="Edit file name {{::attachment.file_name}}" data-toggle="tooltip" data-placement="bottom" data-container="body"><i class="fa fa-pencil" aria-hidden="true"></i></button><button ng-if="attachment.canDelete" type="button" class="btn btn-default btn-clear" ng-click="confirmDeleteAttachment(attachment, $event)" aria-label="Delete {{::attachment.file_name}}" title="Delete {{::attachment.file_name}}" data-toggle="tooltip" data-placement="bottom" data-container="body"><i class="fa fa-times" aria-hidden="true"></i></button></div><div style="text-align: center;"><time><sn-time-ago timestamp="::attachment.sys_created_on"></sn-time-ago></time></div></div><input tabindex="-1" ng-keydown="attachmentHandler.onKeyDown($event, attachment)" ng-blur="attachmentHandler.updateAttachment($event, attachment)" aria-label="File name" class="form-control" style="display: none;"></input></div></div>

<div ng-repeat="container in containers" class="sp-form-container" ng-class="{'sp-form-documentation-container': container.id === documentationSectionId}" ng-show="paintForm(container)" ng-attr-role="{{(container.caption || container.captionDisplay) ? 'group' : undefined}}" ng-attr-aria-labelledby="{{(container.caption || container.captionDisplay) ? 'container_' + container.id : undefined}}"><span ng-if="container.id !== documentationSectionId"><span ng-if="(container.caption || container.captionDisplay)" class="container-caption form-container-caption" style="width:100%"><span class="h4" role="heading" aria-level="{{embeddedInModal ? '2' : '3'}}" id="container_{{::container.id}}">{{container.captionDisplay || container.caption}}</span><sp-help-tag field="::formModel._fields[container.name]"></sp-help-tag></span><div class="row"><div ng-repeat="column in container.columns" class="col-md-{{::12 / container.columns.length }}"><div ng-switch="::f.type" ng-repeat="f in ::column.fields" id="{{::getVarID(f)}}" ng-class="::{'form-inline': isInlineForm === true }"><div ng-switch-when="label" ng-if="formModel._fields[f.name]" ng-show="formModel._fields[f.name].isVisible()"><label ng-bind="f.label" style="display:inline"></label><sp-help-tag field="::formModel._fields[f.name]"></sp-help-tag><hr class="sp_label_hr"></hr></div><sp-form-field ng-switch-when="field" ng-if="formModel._fields[f.name] &amp;&amp; formModel._fields[f.name]._class_name != 'RequestedForQuestion'" form-model="formModel" field="formModel._fields[f.name]" glide-form="getGlideForm()" ng-show="formModel._fields[f.name].isVisible()" default-value-setter="setDefaultValue(fieldName,fieldInternalValue,fieldDisplayValue)"></sp-form-field><sp-variable-layout ng-switch-when="container" ng-init="containers=[f]"></sp-variable-layout><sp-checkbox-group ng-switch-when="checkbox_container" name="f.name" form-model="formModel" containers="f.containers" glide-form="getGlideForm()" class="checkbox-container"></sp-checkbox-group><sp-widget ng-switch-when="formatter" ng-if="formModel._formatters[f.id].widgetInstance" widget="formModel._formatters[f.id].widgetInstance" page="{g_form: getGlideForm()}"></sp-widget><hr ng-switch-when="break" ng-show="formModel._fields[f.name].isVisible()"></hr><sp-sc-request-for ng-switch-when="field" ng-if="formModel._fields[f.name] &amp;&amp; formModel._fields[f.name]._class_name  == 'RequestedForQuestion'" form-model="formModel" field="formModel._fields[f.name]" glide-form="getGlideForm()" ng-show="formModel._fields[f.name].isVisible()" id="sp_formfield_requested_for_{{::field.name}}" tabindex="-1"></sp-sc-request-for></div></div></div></span><span ng-if="container.id === documentationSectionId"><div class="row"><div ng-repeat="column in container.columns" class="col-md-{{::12 / container.columns.length }}"><div ng-switch="::f.type" ng-repeat="f in ::column.fields" id="{{::getVarID(f)}}" ng-class="::{'form-inline': isInlineForm === true }"><div ng-switch-when="label" ng-if="formModel._fields[f.name]" ng-show="formModel._fields[f.name].isVisible()"><label ng-bind="f.label"></label><sp-help-tag field="::formModel._fields[f.name]"></sp-help-tag><hr class="sp_label_hr"></hr></div><sp-form-field ng-switch-when="field" ng-if="formModel._fields[f.name] &amp;&amp; formModel._fields[f.name]._class_name != 'RequestedForQuestion'" form-model="formModel" field="formModel._fields[f.name]" glide-form="getGlideForm()" ng-show="formModel._fields[f.name].isVisible()" default-value-setter="setDefaultValue(fieldName,fieldInternalValue,fieldDisplayValue)"></sp-form-field></div></div></div></span></div>

<div><button type="button" tab-index="0" id="closePopoverButton" style="position: relative; top :-35px;" class="close pull-right hidden-xs" aria-label="Close" ng-click="closePopover($index)"><span aria-hidden="true">×</span></button><div class="table-responsive ng-scope" style="max-height: 400px; max-width: 600px;"><table class="table table-striped"><thead><tr><th ng-repeat="col in variable.table_variable[0]" class="text-nowrap" tabindex="0" scope="col" aria-label="{{::col.label}}">{{::col.label}}</th></tr></thead><tbody><tr ng-repeat="row in variable.table_variable" style="word-break: keep-all;"><td ng-repeat="col in row" tabindex="0" aria-label="{{::col.label}}: {{::col.display_value}}">{{::col.display_value}}</td></tr></tbody></table></div></div>

<div class="announcement-wrapper" ng-if="c.totalAnnouncements !== 0"><div ng-repeat="a in c.announcements" ng-style="::c.getStyle(a)" ng-class="{'announcement-center-block': c.getStyle(a).textAlign === 'center'}"><div class="announcement-container" ng-class="{'linktype-none': a.linkType === 'none'}"><div aria-live="assertive" ng-if="c.totalAnnouncements === 1 &amp;&amp; !c.isMobile" ng-init="c.linkSetup(a)" class="text-container"><div class="icon-title" ng-style="::{justifyContent: c.getJustifyContentValue(a)}"><div class="icon"><span class="glyphicon fa title-dismiss-icons" ng-class="::('fa-' + a.glyph)" role="img" ng-attr-aria-hidden="{{::a.glyphAltText? false : true}}" alt="{{::a.glyphAltText}}" data-toggle="tooltip" data-placement="bottom" title="{{::a.glyphAltText}}" data-container="body"></span></div><div class="title-announcement" ng-class="{'no-glyph-title': a.glyph === 'empty', 'announcement-left': c.getStyle(a).textAlign !== 'center'}">{{::a.title}}</div></div><p class="content" ng-class="{expanded: c.showAll &amp;&amp; a.summary}" ng-bind="::a.summary"></p></div><div aria-live="assertive" ng-if="!(c.totalAnnouncements === 1 &amp;&amp; !c.isMobile)" ng-init="c.linkSetup(a)" class="text-container"><div class="icon-title" ng-style="::{justifyContent: c.getJustifyContentValue(a)}"><div class="icon"><span class="glyphicon fa title-dismiss-icons" ng-class="::('fa-' + a.glyph)" role="img" ng-attr-tabindex="{{::a.glyphAltText ? -1 : undefined}}" ng-attr-aria-hidden="{{::a.glyphAltText &amp;&amp; !c.isMobile ? false : true}}" alt="{{::a.glyphAltText}}" data-toggle="tooltip" data-placement="bottom" title="{{::a.glyphAltText}}" data-container="body"></span></div><div class="title-announcement" ng-class="{'no-glyph-title': a.glyph === 'empty', 'announcement-left': c.getStyle(a).textAlign !== 'center'}">{{::a.title}}</div></div><p class="content" ng-class="{expanded: c.showAll &amp;&amp; a.summary}" ng-bind="::a.summary"></p></div><span ng-if="a.linkType != 'none'" class="actions-container"><a class="info-link" target="{{a.linkTarget}}" ng-attr-aria-label="{{::(!c.isMobile ? a.title : undefined)}}" ng-href="{{::a.targetLink}}" ng-style="::{color: c.getStyle(a).color}" title="{{::a.targetLinkText || c.i18n.defaultLinkDetailText}}" data-toggle="tooltip" data-placement="auto" data-container="body">{{::a.targetLinkText || c.i18n.defaultLinkText}}</a></span><button ng-if="::a.dismissOption !== 'NOT_DISMISSIBLE'" ng-click="::c.dismiss(a.id, $index, $event)" aria-label="{{::c.i18n.dismiss_announcement}} {{::a.title}}" class="close fa fa-times fa-lg title-dismiss-icons" ng-style="::{color: c.getStyle(a).color}" title="{{::c.i18n.dismiss_announcement}} {{::a.title}}" data-toggle="tooltip" data-placement="bottom" data-container="body"></button></div><button ng-if="($first || $last) &amp;&amp; (c.totalAnnouncements &gt; 1 || (c.totalAnnouncements == 1 &amp;&amp; a.summary))" ng-click="::c.toggleShowAll($event)" class="sp-announcement-list-actions" ng-style="::{'filter': 'brightness(90%)', backgroundColor: c.getStyle(a).backgroundColor}" ng-class="{'smaller-resolution': c.totalAnnouncements === 1 &amp;&amp; a.summary}" aria-label="{{c.showMore}} {{c.totalAnnouncements === 1 ? c.i18n.announcement : c.i18n.announcements}}" aria-expanded="{{c.showAll}}"><span class="more-button">{{c.showMore}}</span><span class="fa fa-md arrow-icon" ng-class="{'fa-angle-down': !c.showAll, 'fa-angle-up': c.showAll }" aria-hidden="true"></span></button></div></div>

<div class="carousel" ng-swipe-right="prev()" ng-swipe-left="next()"><a role="button" href="javascript:void(0)" class="left carousel-control" ng-click="prev()" ng-show="slides.length &gt; 1" aria-label="{{getPreviousButtonAriaLabel()}}"><span aria-hidden="true" ng-class="{'glyphicon-chevron-right' : g_portal_isrtl, 'glyphicon-chevron-left' : !g_portal_isrtl}" class="glyphicon"></span><span class="sr-only">previous</span></a><div class="carousel-inner" ng-transclude=""></div><a role="button" href="javascript:void(0)" class="right carousel-control" ng-click="next()" ng-show="slides.length &gt; 1" aria-label="{{getNextButtonAriaLabel()}}"><span aria-hidden="true" ng-class="{'glyphicon-chevron-left' : g_portal_isrtl, 'glyphicon-chevron-right' : !g_portal_isrtl}" class="glyphicon"></span><span class="sr-only">next</span></a><div class="carousel-indicators " ng-show="slides.length &gt; 1"><button ng-repeat="slide in slides | orderBy:indexOfSlide track by $index" ng-class="{ active: isActive(slide) }" ng-click="select(slide)"><span class="sr-only ">slide {{ $index + 1 }} of {{ slides.length }}<span ng-if="isActive(slide) ">, currently active</span></span></button><button class="fa toggle-animation" ng-class="{'fa-pause': !carouselPaused, 'fa-play': carouselPaused}" aria-label="{{carouselPaused ? playAnimation : pauseAnimation}}" ng-click="carouselPaused = !carouselPaused; (carouselPaused ? pause() : play())"></button></div></div>

<div><h2 class="sr-only">{{::c.i18n.search_categories}}</h2><sp-list-menu menu="c.searchSources" onclick-fn="c.onSearchSourceClick(menu, input)" list-view="listView" show-toggle="showToggle"></sp-list-menu></div>

<div><div ng-if="::c.show" class="sp-facet-list"><div class="panel panel-default"><div class="panel-heading"><div><span class="panel-title" aria-label="{{::listTitle}} {{::c.i18n.collapse}}"><div ng-if="!toggleSearchsource" style="background-color:inherit"><span class="label-title">{{::listTitle}}</span></div><button aria-label="{{c.collapse? c.i18n.expand : c.i18n.collapse}} {{::listTitle}}" class="toggle-icon btn" ng-if="toggleSearchsource" style="background-color:inherit" ng-click="c.toggleIcon(listTitle)"><span class="label-title">{{::listTitle}}</span><i class="fa" ng-class="{'fa-caret-right flip-icon-rtl':c.collapsed,'fa-caret-down':!c.collapsed}" aria-hidden="true"></i></button></span></div><div><span><button aria-label="{{::c.i18n.clearAllFacets}}" ng-click="c.clearAll()" ng-disabled="!c.showClearAll" class="btn btn-link clear-all pull-right" ng-class="{'disabled': !c.showClearAll}">{{::c.i18n.clearAll}}</button></span></div></div></div><div class="collapse" ng-class="{'in': !c.collapsed}"><div ng-repeat="facet in facets" class="inner-facet-list"><sp-list-menu list-view="true" collapsed="c.isCollapsed(facet.id)" menu="facet" onclick-fn="c.onSelectFacet(menu, input)" onclear-fn="c.clearFacet(menu)" ontoggle-fn="c.onFacetToggle(menuId, collapsed)" show-clear="c.showClear(facet)" show-toggle="true"></sp-list-menu></div></div></div></div>

<div class="sp-list-menu"><div data-menu-id="{{::menu.id}}" class="panel panel-default" ng-class="::{'list-view':listView, 'panel-heading-multiselect': c.isMultiSelect}" ng-if="::c.show()"><div class="panel-heading"><div><span class="panel-title" aria-label="{{::menu.label}}"><div ng-if="!c.showToggle" aria-label="{{::menu.label}}" style="background-color:inherit"><span class="label-title">{{::menu.label}}</span></div><button ng-if="c.showToggle" tabindex="0" aria-expanded="{{!c.collapsed}}" class="toggle-icon" ng-click="c.toggleIcon($event, menu.label)" aria-label="{{::menu.label}}" style="background-color:inherit"><span class="label-title">{{::menu.label}}</span><i class="fa" ng-class="{'fa-caret-right flip-icon-rtl':c.collapsed,'fa-caret-down':!c.collapsed}" ng-attr-title="{{::menu.label}}" data-toggle="tooltip" data-container="body" data-placement="right" aria-hidden="true"></i></button></span></div><div><span><button ng-if="c.showClearButton()" class="btn btn-link clear pull-right" ng-click="c.clear()" aria-label="{{::c.i18n.clear}} {{::menu.label}}">{{::c.i18n.clear}}</button></span></div></div><div class="panel-content collapse" ng-class="{'in': !c.collapsed}"><div ng-if="::c.isMultiSelect"><sp-list-menu-items menu="menu" type="MULTI_SELECT" onclick-fn="c.onItemClickFn(menu, item)"></sp-list-menu-items></div><div ng-if="::!c.isMultiSelect"><sp-list-menu-items menu="menu" onclick-fn="c.onItemClickFn(menu, item)"></sp-list-menu-items></div></div><button ng-if="c.isMultiSelect &amp;&amp; !c.showClearButton()" ng-disabled="!c.showApplyButton()" ng-class="{'disabled': !c.showApplyButton()}" class="btn btn-link clear pull-right multiselect-apply" ng-click="c.submit()">{{::c.i18n.apply}}</button></div></div>

<div class="sp-list-menu-items" role="navigation" aria-label="{{c.i18n.search_by}}"><ul><li ng-repeat="item in c.items track by item.value" class="sp-list-menu-item"><button class="btn-link" ng-click="c.onClick(item)" aria-label="{{::menu.label}} {{::item.label}} {{item.selected ? c.i18n.selected : ''}}" ng-class="{'active':item.selected}" style="padding: 0" role="link">{{::item.label}}</button></li><li ng-repeat="item in c.nextItems track by item.value" class="sp-list-menu-item" ng-class="{'hidden': !c.showNextItems}"><button class="btn-link" aria-label="{{::menu.label}} {{::item.label}} {{item.selected ? c.i18n.selected : ''}}" ng-click="c.onClick(item)" ng-class="{'active':item.selected}" style="padding: 0" role="link">{{::item.label}}</button></li></ul><div ng-if="::c.nextItems" class="sp-list-menu-item"><button ng-if="c.showMoreButton()" type="button" class="btn btn-link" ng-click="c.onMoreButtonClick()">{{::c.i18n.see_more}}</button><button ng-if="c.showNextItems" type="button" class="btn btn-link" ng-click="c.onLessButtonClick()">{{::c.i18n.see_less}}</button></div></div>

<div class="sp-list-menu-items"><ul aria-label="Filter results by category"><li ng-repeat="item in c.items track by item.value" class="sp-list-menu-item sp-facet-checkbox"><label><div class="sp-facet-checkbox-input"><input type="checkbox" ng-checked="item.selected" ng-click="c.onClick(item)" aria-label="{{::item.label}}"></input></div><span ng-class="{'active': item.selected}">{{::item.label}}</span></label></li><li ng-repeat="item in c.nextItems track by item.value" class="sp-list-menu-item sp-facet-checkbox" ng-class="{'hidden': !c.showNextItems}"><label><div class="sp-facet-checkbox-input"><input type="checkbox" ng-checked="item.selected" ng-click="c.onClick(item)"></input></div><span ng-class="{'active': item.selected}">{{::item.label}}</span></label></li></ul><div ng-if="::c.nextItems" class="sp-list-menu-item"><button ng-if="c.showMoreButton()" type="button" class="btn btn-link" ng-click="c.onMoreButtonClick()">{{::c.i18n.see_more}}</button><button ng-if="c.showNextItems" type="button" class="btn btn-link" ng-click="c.onLessButtonClick()">{{::c.i18n.see_less}}</button></div></div>

<div ng-repeat="container in containers"><fieldset ng-show="field.isVisible()" ng-class="{'state-mandatory': field.mandatory, 'has-error': field.isInvalid}"><legend class="field-label" ng-if="::field.render_label" id="sp_grp_checkbox_{{::field.name}}" ng-attr-aria-label="{{::$parent.accessible &amp;&amp; field.hint ? undefined : getFieldAriaLabel(field)}}"><span class="field-decorations"><span ng-show="field.isMandatory()" class="fa fa-asterisk mandatory sp-field-label-padding" ng-class="{'mandatory-filled': field.mandatory_filled()}" aria-label="{{field.mandatory_filled()? 'Required Filled ' : 'Required '}}" role="img"></span><span ng-repeat="decoration in field.decorations" class="decoration {{decoration.icon}}" title="{{decoration.text}}"></span></span><span class="sp-field-label-padding" ng-attr-title="{{::$parent.accessible ? undefined : field.hint}}" data-placement="right" data-toggle="tooltip">{{field.label}}</span><span class="sr-only">{{::field.hint}}</span><sp-help-tag field="::field"></sp-help-tag></legend><div class="row" id="sp_formfield_{{::field.name}}"><div ng-repeat="column in container.columns" class="col-md-{{::12 / container.columns.length }}"><div ng-repeat="f in ::column.fields" id="{{::getVarID(f)}}" ng-class="::{'form-inline': isInlineForm === true , 'sp-sc-single-checkbox' : !field.render_label}"><sp-form-field ng-if="formModel._fields[f.name]" form-model="formModel" field="formModel._fields[f.name]" glide-form="getGlideForm()" ng-show="formModel._fields[f.name].isVisible()"></sp-form-field></div></div></div></fieldset></div>

<div class="sp-ac-root" ng-if="c.isVisible" ng-class="{'sp-ac-desktop': !c.isMobile}" aria-label="{{::c.i18n.agentChatWindow}}" aria-expanded="{{c.isOpen}}" role="region" tabindex="-1"><section class="sp-ac-conversation" ng-class="'false' == 'true' ? 'sp-nava' : ''" ng-show="c.isOpen"><iframe class="sp-ac-frame" title="{{::c.i18n.agentChatWindow}}" scrolling="no" horizontalscrolling="no" verticalscrolling="no" style="border:none;" ng-src="{{c.frameUrl}}"></iframe></section><div class="sp-ac-btn-wrapper"><button class="sp-ac-btn" ng-class="{open: c.isOpen, closed: !c.isOpen}" ng-click="::c.toggle($event)" data-original-title="{{c.getBadgeAriaLabel()}}" data-toggle="tooltip" data-placement="top" aria-label="{{c.getBadgeAriaLabel()}}"><span class="sp-ac-unread-msg" ng-if="c.hasUnreadMessage">{{c.unreadMessages}}</span><span class="sp-ac-btn-icon" ng-class="{'icon-cross': c.isOpen, 'fa-flip-horizontal': c.g_portal_isrtl}"></span></button></div></div>

<div style="display:flex;justify-content:space-between" data-unlock-empty-url="true" class="field-url"><span id="empty_url_{{::field.name}}" class="field-url-empty-label" ng-show="fieldIsLocked &amp;&amp; field.stagedValue == ''">(empty)</span><a id="sp_formfield_{{::field.name}}_link" class="web web-inline form-control-static field-url-link" target="_blank" name="sp_formfield_{{::field.name}}_link" href="{{field.stagedValue}}" ng-show="fieldIsLocked &amp;&amp; field.stagedValue != ''">{{field.stagedValue}}</a><input ng-style="fieldIsLocked &amp;&amp; {'display':'none'}" name="{{::field.name}}" aria-label="{{::field.label}}" id="sp_formfield_{{::field.name}}" autocomplete="url" class="form-control" ng-model="field.stagedValue" aria-required="{{field.isMandatory()}}" ng-model-options="{allowInvalid: true}" ng-change="stagedValueChange()" placeholder="{{::field.placeholder}}" ng-readonly="field.isReadonly() == true" maxlength="{{::field.max_length}}" data-type="{{::field.type}}"></input><button class="btn btn-default btn-ref" type="button" aria-label="Lock {{::field.label}}" id="sp_formfield_{{::field.name}}_lock" data-ref="sp_formfield_{{::field.name}}" title="Lock {{::field.label}}" ng-readonly="field.isReadonly()" aria-disabled="{{field.isReadonly()}}" ng-show="fieldIsLocked == false" ng-click="lockField($event);" data-toggle="tooltip" data-container="body" data-placement="top"><span class="fa fa-unlock flip-icon-rtl" aria-hidden="true"></span></button><button class="btn btn-default btn-ref" type="button" aria-label="Edit {{::field.label}}" id="sp_formfield_{{::field.name}}_unlock" data-ref="sp_formfield_{{::field.name}}" ng-readonly="field.isReadonly()" aria-disabled="{{field.isReadonly()}}" ng-show="fieldIsLocked" ng-click="unlockField($event);" title="Edit {{::field.label}}" data-toggle="tooltip" data-container="body" data-placement="top"><span class="fa fa-lock" aria-hidden="true"></span></button></div>

<div style="display: flex; justify-content: space-between;" data-unlock-empty-url="{{ gs.getProperty('glide.ui.unlock_empty_url') }}" class="field-url"><span id="empty_url_{{ ::field.name }}" class="field-url-empty-label" ng-show="!field.link">{{ gs.getMessage('(empty)') }}</span><span class="web web-inline form-control-static" style="width: 100%; padding:0; margin: -8px 0 4px 0;" ng-bind-html="::trustedHTML"></span></div>

<div><div class="row wrapper-xs"><div ng-class="{'col-xs-3': !variable.isNative}"><label class="wrapper-xs" for="sign-auth-username">{{variable.msgs.username}}</label></div><div ng-class="{'col-xs-9': !variable.isNative}"><input ng-model="variable.username" class="form-control" id="sign-auth-username" type="text" name="sign-auth-username" disabled="true"></input></div></div><div class="row wrapper-xs"><div ng-class="{'col-xs-3': !variable.isNative}"><label class="wrapper-xs" for="sign-auth-password">{{variable.msgs.password}}</label></div><div ng-class="{'col-xs-9': !variable.isNative}"><input class="form-control" id="sign-auth-password" type="password" ng-model="variable.password" name="sign-auth-password"></input></div></div></div>

<div ng-repeat="page in pages track by $index" ng-if="page.id == currentPage" class="m-b-lg"><div ng-if="!hasPagination" class="asmt-modal-layout asmt-padding-xl panel panel-default survey-intro-block"><div ng-if="(renderFields &amp;&amp; page.isPageMandatory) || formModel.not_show_intro_note" style="overflow: hidden;" class="asmt-padding-b-xl asmt-category-border" ng-class="{'asmt-padding-b-lg' : formModel.trigger_id != ''}"><div ng-if="formModel.not_show_intro_note" class="survey-label font-bold pull-left" ng-class="formModel.trigger_id != '' ? 'asmt-margin-b-sm' : 'm-b-sm'">{{formModel.display}}</div><span ng-if="renderFields &amp;&amp; page.isPageMandatory" class="pull-right"><span class="fa fa-asterisk mandatory" title="asterisk"><span class="sr-only">asterisk</span></span>Indicates required</span><div ng-if="formModel.not_show_intro_note &amp;&amp; formModel.trigger_id" style="clear: both; padding-left: 1.2rem;">{{getTransaltedMessage('{0} for', formModel.evaluation_method_display)}}<span ng-if="::!c.isNative" style="margin: 0 2px;"><a href="?id=ticket&amp;table={{formModel.trigger_table}}&amp;sys_id={{formModel.trigger_id}}">{{formModel.trigger_display}}</a></span><span ng-if="::c.isNative" style="margin: 0 2px;">{{formModel.trigger_display}}</span><span ng-if="formModel.trigger_desc" style="font-size: 12px">[{{formModel.trigger_desc}}]</span></div></div><uib-accordion close-others="false"><uib-accordion-group ng-attr-style="{{formModel.is_kiosk_survey &amp;&amp; 'margin-bottom: 0px !important; border:none;'}}" template-url="sp_assessment_accordion.xml" ng-repeat="category in page.categories track by $index" is-disabled="formModel.is_kiosk_survey" is-open="!category.collapsed" class="asmt-accordion-group asmt-category-border m-n category-container"><uib-accordion-heading uib-collapse="category.collapsed" ng-if="!formModel.is_kiosk_survey"><div role="button" ng-show="(formModel.evaluation_method == 'assessment'  || formModel.evaluation_method == 'risk_assessment') &amp;&amp; category.assessableRecord.assessable_record_name &amp;&amp; (category.sourceId != page.categories[$index-1].sourceId)" class="font-bold break-word btn btn-group-justified wrapper-sm assessable-record-label asmt-category-border no-radius" tabindex="0" ng-class="{'disabled-view': formModel.readonly_form, 'btn-primary' : !formModel.readonly_form, 'survey-label' : formModel.evaluation_method == 'assessment' || formModel.evaluation_method == 'risk_assessment'}" aria-expanded="{{page.categoriesExpanded[category.sourceId]}}" ng-click="toggleAssessableRecordCategories(category.sourceId);"><div class="pull-left">{{category.assessableRecord.assessable_record_name}}</div><div class="pull-right"><span class="fa accordion-icon chevron-border" id="assessable_record_{{::category.sysId}}_{{::category.sourceId}}" ng-class="page.categoriesExpanded[category.sourceId] ? 'fa-chevron-up' : 'fa-chevron-down'" data-placement="right" data-toggle="tooltip" data-original-title="{{getTooltipTitle(category, true)}}" ng-click="updateTooltip(false, category.sysId, category.sourceId);"><div class="sr-only">{{getTooltipTitle(category, true)}}</div></span></div></div><div id="{{::category.sysId}}_{{::category.sourceId}}" role="button" class="wrapper-sm category-heading category-heading-section cursor-pointer" tabindex="0" aria-expanded="{{!category.collapsed}}" ng-click="$parent.$parent.toggleOpen(); category.collapsed = !category.collapsed; categoryToggled(category.sourceId);"><span class="fa fa-asterisk mandatory" style="padding-right: .25em" ng-if="category.isMandatory" aria-required="category.isMandatory" aria-hidden="true"></span><span role="heading" class="font-bold break-word category-label" aria-level="2">{{category.name}}</span><span ng-if="(formModel.evaluation_method == 'assessment' || formModel.evaluation_method == 'risk_assessment') &amp;&amp; category.assessableRecord.assessable_record_name" class="fa fa-info-circle padder-xs m-b-xs" role="tooltip" data-placement="right" data-toggle="tooltip" title="{{getTransaltedMessage('For {0}', category.assessableRecord.assessable_record_name)}}" data-original-title="{{getTransaltedMessage('For {0}', category.assessableRecord.assessable_record_name)}}" aria-label="{{getTransaltedMessage('For {0}', category.assessableRecord.assessable_record_name)}}" tabindex="0" ng-click="$event.stopPropagation();"><div class="sr-only">{{getTransaltedMessage('For {0}', category.assessableRecord.assessable_record_name)}}</div></span><div class="pull-right" style="margin-right: 3px;"><span class="fa accordion-icon" id="category_{{::category.sysId}}_{{::category.sourceId}}" ng-class="category.collapsed ? 'fa-chevron-down' : 'fa-chevron-up'" data-placement="right" data-toggle="tooltip" data-original-title="{{getTooltipTitle(category, false)}}" ng-click="updateTooltip(true, category.sysId, category.sourceId);"><div class="sr-only">{{getTooltipTitle(category, false)}}</div></span></div></div></uib-accordion-heading><div role="tab" ng-if="formModel.is_kiosk_survey"></div><sp-assessment-details class="asmt-cat-details" ng-if="::category.details &amp;&amp; !formModel.is_kiosk_survey" html-details="category.details" label="category.name" padding-required="false" is-mobile="isMobile" field-id="category.sysId + category.sourceId" clamp-line="6" is-category="true"></sp-assessment-details><div class="sp-form-field-parent" ng-class="{'asmt-padding-t-xxl': !formModel.is_kiosk_survey}"><div ng-repeat="question in category.questions track by $index" ng-class="{'asmt-question-border asmt-margin-t-xxl': !formModel.is_kiosk_survey}" class="asmt-padding-t-xxl asmt-padding-l-r-md" ng-if="checkQuestionVisibility(isMobile, formModel, question)"><sp-assessment-form-field ng-if="renderFields" ng-class=" {'center-label-block': formModel.is_kiosk_survey &amp;&amp; !isNative, 'text-center': formModel.is_kiosk_survey &amp;&amp; formModel._fields[question].type != 'multiple_choice' &amp;&amp; !isNative}" form-model="formModel" field="formModel._fields[question]" glide-form="getGlideForm()" ng-show="checkQuestionVisibility(isMobile, formModel, question)" is-mobile="isMobile" is-native="isNative"></sp-assessment-form-field><sp-assessment-add-info field="formModel._fields[question]" ng-if="formModel._fields[question].allow_add_info" is-mobile="isMobile" is-native="isNative"></sp-assessment-add-info></div></div></uib-accordion-group></uib-accordion><sp-assessment-nav-buttons ng-if="(!formModel.is_kiosk_survey || isMobile) &amp;&amp; !isNative &amp;&amp; !formModel.readonly_form"></sp-assessment-nav-buttons></div><div ng-if="hasPagination" ng-repeat="category in page.categories track by $index" class="asmt-modal-layout panel panel-default survey-intro-block" ng-class="{'asmt-padding-xl' : !isNative}"><sp-assessment-progress-bar ng-if="formModel.show_progress_bar &amp;&amp; pages.length!=1"></sp-assessment-progress-bar><div ng-if="formModel.not_show_intro_note" class="survey-label font-bold padder-l-none padder-r-none" ng-class="formModel.trigger_id != '' ? 'asmt-margin-b-sm' : 'asmt-padding-b-l'">{{formModel.display}}</div><div ng-if="formModel.not_show_intro_note &amp;&amp; formModel.trigger_id" style="padding-bottom: 24px;">{{getTransaltedMessage('{0} for', formModel.evaluation_method_display)}}<span ng-if="::!c.isNative" style="margin: 0 2px;"><a href="?id=ticket&amp;table={{formModel.trigger_table}}&amp;sys_id={{formModel.trigger_id}}">{{formModel.trigger_display}}</a></span><span ng-if="::c.isNative" style="margin: 0 2px;">{{formModel.trigger_display}}</span><span ng-if="formModel.trigger_desc" style="font-size: 12px">[{{formModel.trigger_desc}}]</span></div><div ng-if="!formModel.is_kiosk_survey || isMobile" class="category-container"><div role="heading" ng-if="(formModel.evaluation_method == 'assessment' || formModel.evaluation_method == 'risk_assessment') &amp;&amp; category.assessableRecord.assessable_record_name" class="font-bold break-word category-label" ng-class="{'survey-label bg-primary wrapper-sm m-b': !isMobile &amp;&amp; !isNative}" aria-level="2">{{category.assessableRecord.assessable_record_name}}</div><div style="overflow: hidden;" class="category-heading-section" ng-attr-style="{{(formModel.evaluation_method == 'assessment')  &amp;&amp; !isMobile &amp;&amp; !isNative &amp;&amp; 'padding: 0 10px;'}}"><div role="heading" style="margin-bottom:16px !important" ng-class="{'inline': !category.details || !page.showCategoryDetails, 'field-label': !isNative}" class="font-bold break-word" aria-level="2">{{category.name}}</div><sp-assessment-details style="display: inline-block;" ng-if="::category.details &amp;&amp; page.showCategoryDetails" html-details="category.details" label="category.name" padding-required="false" is-mobile="isMobile" field-id="category.sysId" clamp-line="6" is-category="true"></sp-assessment-details><div ng-if="renderFields &amp;&amp; category.isMandatory" class="pull-right" style="text-align: right;"><span ng-class="{'m-b-xs': isMobile}"><span class="fa fa-asterisk mandatory" title="asterisk" ng-attr-role="{{isNative ? 'text' : undefined}}"><span class="sr-only">asterisk</span></span>Indicates required</span></div></div></div><div class="sp-form-field-parent asmt-margin-t-xl panel-top-border"><div ng-repeat="question in category.questions track by $index" class="asmt-question-border asmt-margin-t-xxl asmt-padding-t-xxl asmt-padding-l-r-md" ng-if="checkQuestionVisibility(isMobile, formModel, question)"><sp-assessment-form-field ng-if="renderFields" ng-class=" {'text-center': formModel.is_kiosk_survey &amp;&amp; !isNative}" form-model="formModel" field="formModel._fields[question]" glide-form="getGlideForm()" ng-show="checkQuestionVisibility(isMobile, formModel, question)" is-mobile="isMobile" is-native="isNative"></sp-assessment-form-field><sp-assessment-add-info field="formModel._fields[question]" ng-if="formModel._fields[question].allow_add_info" is-mobile="isMobile" is-native="isNative"></sp-assessment-add-info></div></div><div class="text-center padder-b" ng-if="isNative"><span aria-hidden="true">{{currentPage + 1}}/{{pages.length}}</span><span class="sr-only">Page {{currentPage + 1}} of {{pages.length}}</span></div><sp-assessment-nav-buttons ng-if="(!formModel.is_kiosk_survey || isMobile) &amp;&amp; !isNative"></sp-assessment-nav-buttons></div></div>

<div class="sp-asmt-auto-focus"><div ng-if="c.renderSPFormField(field)" ng-class="{'survey-question': !isMobile &amp;&amp; !formModel.is_kiosk_survey}"><sp-form-field form-model="formModel" field="field" glide-form="getGlideForm()"></sp-form-field></div><div ng-if="!c.renderSPFormField(field)" class="form-group" ng-class="{'survey-question': !isMobile &amp;&amp; !formModel.is_kiosk_survey}"><div class="wrap-label-text" ng-if="::c.showLabel(field)" ng-class="{'m-b-sm': isNative}"><label class="field-label label-override" for="sp_formfield_{{::field.name}}"><span class="field-decorations"><span ng-show="field.mandatory" style="padding-right: .25em" class="fa fa-asterisk mandatory" ng-class="{'mandatory-filled': field.mandatory_filled()}" title="Required" aria-label="{{field.mandatory_filled()? 'Required Filled ' : 'Required '}}" role="img"></span></span><span ng-attr-title="{{::accessible ? undefined : field.hint}}" data-placement="right" data-toggle="tooltip">{{field.label}}</span></label></div><sp-assessment-details ng-if="::field.details &amp;&amp; (isMobile || field.type != 'template')" html-details="field.details" label="field.label" padding-required="true" field-id="field.sys_id" clamp-line="6"></sp-assessment-details><span class="type-{{::field.type}} field-actual" ng-switch="::field.type" ng-class="{'state-mandatory': field.mandatory, 'state-readonly': field.read_only, 'state-hidden': field.hidden, 'has-error': field.isInvalid}"><sp-assessment-checkbox-group ng-switch-when="multiplecheckbox" field="field" sn-change="fieldValueChanged(newValue)" id="sp_formfield_{{::field.name }}"></sp-assessment-checkbox-group><sp-assessment-attachment ng-switch-when="attachment" field="field" sn-change="fieldValueChanged(newValue)" id="sp_formfield_{{::field.name }}" allowed-file-size="formModel.sys_properties.allowedFileSize" allowed-file-extensions="formModel.sys_properties.allowedFileExtensions"></sp-assessment-attachment><sp-assessment-image-scale ng-switch-when="imagescale" field="field" sn-change="fieldValueChanged(newValue)" id="sp_formfield_{{::field.name }}" is-mobile="isMobile" is-kiosk-survey="formModel.is_kiosk_survey" is-native="isNative"></sp-assessment-image-scale><span ng-switch-when="template"><sp-assessment-template ng-if="field.template.firstQuestion &amp;&amp; !isMobile" field="field" template-group="formModel.template_groups[field.template_group]" fields="templateGroupFields" glide-form="getGlideForm()" id="sp_formfield_{{::field.name }}"></sp-assessment-template><sp-assessment-image-scale ng-if="field.template.allow_image &amp;&amp; isMobile" field="field" sn-change="fieldValueChanged(newValue)" id="sp_formfield_{{::field.name }}" is-mobile="isMobile" is-native="isNative"></sp-assessment-image-scale><sp-assessment-mobile-field ng-if="!field.template.allow_image &amp;&amp; isMobile"></sp-assessment-mobile-field></span><sp-assessment-number class="question-width" ng-switch-when="number" field="field" sn-change="fieldValueChanged(newValue)" id="sp_formfield_{{::field.name }}" is-mobile="isMobile" is-native="isNative"></sp-assessment-number><sp-assessment-ranking ng-switch-when="ranking" field="field" sn-change="fieldValueChanged(newValue)" id="sp_formfield_{{::field.name }}" is-native="isNative"></sp-assessment-ranking><sp-assessment-mobile-field class="question-width" ng-switch-when="numericscale" id="sp_formfield_{{::field.name }}"></sp-assessment-mobile-field><sp-assessment-mobile-field class="question-width" ng-switch-when="multiple_choice" id="sp_formfield_{{::field.name }}"></sp-assessment-mobile-field><div ng-switch-when="signature" ng-class="{'type-boolean' : field.signType == 'checkbox'}"><label ng-style="field.signType == 'checkbox'  &amp;&amp; (!isNative &amp;&amp; {'display':'inline-flex'}) || {'display':'inline'}" ng-class="{'no-padder' : isNative}" for="sp_formfield_{{::field.name}}"><input ng-if="field.signType == 'checkbox'" type="checkbox" ng-model="field.value" value="field.value" id="sp_formfield_{{::field.name }}" ng-change="stagedValueChange()" ng-disabled="{{field.isReadonly()}}" aria-required="{{field.mandatory}}"></input><span ng-class="{'boolean-control' : field.signType == 'checkbox'}"><span ng-show="field.signType == 'checkbox'" class="fa fa-asterisk mandatory m-r-xs" ng-class="{'mandatory-filled': field.value}" title="Required" role="img" aria-hidden="true"></span><span ng-if="field.htmlLabel" id="{{::field.sys_id}}_label" ng-bind-html="field.htmlLabel" style="display:inline-block; word-break: break-word"></span></span></label><div ng-if="field.signType == 'full_name'"><sp-form-field form-model="formModel" field="field" glide-form="getGlideForm()"></sp-form-field></div></div></span></div></div>

<div style="width:100%;" ng-class="{'container-fluid': !isMobile, 'asmt-sticky-buttons': formModel.actions_footer}" ng-attr-style="{{hasPagination &amp;&amp; 'margin-top: 3.2rem;'}}"><div style="overflow: hidden;" class="row asmt-padding-t-xxxl panel-top-border" ng-if="!isMobile"><div class="m-b-xs col-sm-5"><button class="btn btn-default hidden-xs" ng-disabled="isSavingOrSubmitting()" ng-if="!formModel.hide_cancel" ng-show="currentPage == 0" ng-click="validatePageAndSave('cancel')">Cancel</button><button class="btn btn-default hidden-xs" ng-disabled="isSavingOrSubmitting()" ng-click="navigatePage('previous')" ng-show="currentPage != 0 &amp;&amp; hasPagination">Previous</button></div><div class="m-t-sm col-sm-2 text-center hidden-xs"><span aria-hidden="true">{{currentPage + 1}}/{{pages.length}}</span><span class="sr-only">Page {{currentPage + 1}} of {{pages.length}}</span></div><div class="m-b-xs col-sm-5 flex-row justify-end"><button ng-disabled="isSavingOrSubmitting()" ng-if="!formModel.is_page_public &amp;&amp; currentPage == pages.length-1 &amp;&amp; !formModel.hide_save" class="btn btn-default hidden-xs asmt-margin-r-md" ng-click="validatePageAndSave('save')">{{ currentAction == 'save' ? controlMessages['Saving...'] : controlMessages['Save'] }}</button><button ng-disabled="isSavingOrSubmitting()" class="btn btn-primary hidden-xs" ng-click="validatePageAndSave('next')" ng-show="currentPage != pages.length - 1 &amp;&amp; hasPagination">Next</button><button ng-disabled="isSavingOrSubmitting()" class="btn btn-primary hidden-xs" ng-click="validatePageAndSave('submit')" ng-show="currentPage == pages.length-1">{{ currentAction == 'submit' ? controlMessages['Submitting...'] : controlMessages['Submit'] }}</button></div></div><div class="visible-xs" style="overflow:hidden;" ng-class="{'asmt-border-top': hasPagination}"><div class="text-center" style="padding:24px 0px"><span aria-hidden="true">{{currentPage + 1}}/{{pages.length}}</span><span class="sr-only">Page {{currentPage + 1}} of {{pages.length}}}</span></div><button ng-disabled="isSavingOrSubmitting()" class="btn btn-default" style="float:left;width:48%" ng-click="navigatePage('previous')" ng-show="currentPage != 0 &amp;&amp; hasPagination">Previous</button><button ng-disabled="isSavingOrSubmitting()" class="btn btn-primary" style="float:right;width:48%" ng-click="validatePageAndSave('next')" ng-show="currentPage != pages.length - 1 &amp;&amp; hasPagination">Next</button><button ng-disabled="isSavingOrSubmitting()" class="btn btn-primary" style="float:right;width:48%" ng-click="validatePageAndSave('submit')" ng-show="currentPage == pages.length-1 &amp;&amp; !formModel.readonly_form">{{ currentAction == 'submit' ? controlMessages['Submitting...'] : controlMessages['Submit'] }}</button></div></div>

<div class="m-b-lg" style="margin-top:12px"><uib-progressbar title="{{progress}}" class="assessment-progress inline m-b-none m-r" style="width:100%" value="progress"></uib-progressbar><div id="{{progress}}" aria-hidden="true">{{progressText}}</div></div>

<fieldset><legend class="sr-only"><span ng-if="field.isMandatory() &amp;&amp; !field.mandatory_filled()">Required -</span><span ng-if="field.isMandatory() &amp;&amp; field.mandatory_filled()">Required Filled -</span><span>{{field.label}}</span></legend><div ng-repeat="c in field.choices track by $index" class="wrapper-xs" ng-class="{'m-l' : isNative}"><button class="btn btn-block" elem-id="sp-asmt-mobile-{{::c.sys_id}}" ng-click="fieldValueChanged(c.value)" aria-pressed="{{c.value == field.value}}" ng-class="{'btn-primary' : field.value == c.value, 'btn-default' : field.value != c.value, 'asmt-primary-btn-disabled': field.isReadonly() &amp;&amp; c.value == field.value}" ng-disabled="field.isReadonly()"><span style="white-space: normal">{{c.label}}</span></button></div></fieldset>

<div><fieldset><legend class="sr-only"><span ng-if="field.isMandatory() &amp;&amp; !field.mandatory_filled()">Required -</span><span ng-if="field.isMandatory() &amp;&amp; field.mandatory_filled()">Required Filled -</span><span>{{field.label}}</span></legend><div ng-if="!isMobile" style="display:flex; flex-wrap:wrap;" class="row" ng-class="{single_question_survey_image: isKioskSurvey}" role="radiogroup"><div ng-repeat="c in field.choices track by $index" class="sp-asmt-auto-focus col-xs-6  col-sm-2 text-center asmt-img-scale img-scale-{{::field.sys_id}} full-md-width" ng-attr-style="{{field.isReadonly() ? 'cursor: default; margin: 2rem;' : 'cursor: pointer; margin: 2rem;'}}" role="radio" ng-keydown="selectOption($event, $index)" aria-checked="{{field.value == c.value}}" aria-label="{{::c.label}}" ng-attr-tabindex="{{field.isReadonly() ? null : getTabIndex($index, c)}}" ng-click="field.isReadonly() || chooseOption($event, $index)" ng-class="{'col-sm-2': !isKioskSurvey, 'col-sm-3': isKioskSurvey, 'col-md-2': isKioskSurvey}"><label ng-if="!!c.selected_image"><img ng-if="field.unselected_image_all_present" src="{{c.value == field.value ? c.selected_image : c.unselected_image}}?t=small" role="presentation" alt="" class="asmt-img-size m-b-sm m-t-sm" ng-style="{'opacity': initialOpacity ? initialOpacity : c.opacity}" ng-click="field.isReadonly() || chooseOption($event, $index)" ng-class="{'img_size' : !isKioskSurvey, 'disabled-pointer' : field.isReadonly(), 'cursor-pointer' : !field.isReadonly()}" ng-disabled="{{field.isReadonly()}}"></img><img ng-if="!field.unselected_image_all_present" src="{{c.selected_image }}?t=small" role="presentation" alt="" class="asmt-img-size m-b-sm m-t-sm" ng-style="{'opacity': initialOpacity ? initialOpacity : c.opacity}" ng-click="field.isReadonly() || chooseOption($event, $index)" ng-class="{'img_size' : !isKioskSurvey, 'disabled-pointer' : field.isReadonly(), 'cursor-pointer' : !field.isReadonly()}" ng-disabled="{{field.isReadonly()}}"></img><span style="overflow: hidden; white-space: normal; word-wrap: break-word;" class="btn btn-default btn-block " ng-class=" { 'btn-primary': c.value == field.value, 'asmt-primary-btn-disabled': field.isReadonly() &amp;&amp; c.value == field.value}" ng-if="!isKioskSurvey" ng-click="selectChoice($event, c)" title="{{::c.label}}" ng-disabled="{{field.isReadonly()}}">{{::c.label}}</span><span style="overflow: hidden; white-space: normal; word-wrap: break-word;font-weight:bold" class="btn btn-block" ng-click="field.isReadonly() || selectChoice($event, c)" ng-if="c.value == field.value &amp;&amp; isKioskSurvey" ng-disabled="{{field.isReadonly()}}" title="{{::c.label}}">{{::c.label}}</span></label><label ng-if="!c.selected_image" style="margin: auto;"><div ng-click="field.isReadonly() || chooseOption($event, $index)" class="m-b-sm text-overflow-ellipsis v-middle text-center asmt-image-scale-img-not-present asmt-img-size" ng-class="{'disabled-pointer' : field.isReadonly()}" title="{{::c.label}}" ng-disabled="{{field.isReadonly()}}">{{::c.label}}</div><span style="overflow: hidden; white-space: normal; word-wrap: break-word;" class="btn btn-default btn-block " ng-class=" { 'btn-primary': c.value == field.value, 'asmt-primary-btn-disabled':  field.isReadonly() &amp;&amp; c.value == field.value}" ng-if="!isKioskSurvey" ng-click="selectChoice($event, c)" title="{{::c.label}}" ng-disabled="{{field.isReadonly()}}">{{::c.label}}</span><span style="overflow: hidden; white-space: normal; word-wrap: break-word;font-weight:bold" class="btn btn-block" ng-click="field.isReadonly() || selectChoice($event, c)" ng-if="c.value == field.value &amp;&amp; isKioskSurvey" ng-disabled="{{field.isReadonly()}}" title="{{::c.label}}">{{::c.label}}</span></label></div></div><div ng-if="isMobile" class="wrapper-xs row"><div class="col-xs-12 wrapper-sm text-center"><div ng-if="mobileChoice.selected_image"><img src="{{mobileChoice.selected_image}}?t=small" title="{{mobileChoice.label}}" alt="{{mobileChoice.label}}" class="asmt-img-size"></img></div><div ng-if="!mobileChoice.selected_image"><div title="{{::mobileChoice.label}}" class="m-b-sm text-overflow-ellipsis v-middle text-center asmt-image-scale-img-not-present asmt-img-size">{{mobileChoice.label}}</div></div></div><div ng-repeat="c in field.choices track by $index" class="wrapper-xs text-center" ng-class="{'m-l' : isNative}"><button class="btn btn-block" ng-class="{'btn-default' : c.value !== field.value, 'btn-primary': c.value == field.value,'asmt-primary-btn-disabled': field.isReadonly() &amp;&amp; c.value == field.value }" aria-pressed="{{c.value == field.value}}" ng-click="field.isReadonly() || selectChoice($event, c);" title="{{::c.label}}" ng-disabled="{{field.isReadonly()}}"><span style="white-space: normal">{{::c.label}}</span></button></div></div></fieldset></div>

<div ng-class="{'m-l' : isNative}"><div class="inline pad-right"><input id="asmt_number_{{::field.sys_id}}" aria-label="{{field.label}} range {{field.minValue}} to {{field.maxValue}}" name="{{::field.name}}" aria-required="{{field.isMandatory()}}" aria-invalid="{{field.isInvalid}}" class="form-control m-r-xs inline padder-xs" ng-class="{'text-center': isMobile}" ng-model="field.stagedValue" ng-change="validate()" style="width:75px;" ng-disabled="field.isReadonly()"></input><span ng-if="::field.showPercentage">%</span></div><div class="inline"><span>Range: {{::field.minValue}} - {{::field.maxValue}}</span></div><div><span class="asmt-inline-info"><span ng-if="field.isInvalidInput" class="asmt-error" role="alert">{{translations['The value is not valid or it is out of range.']}}</span><span ng-if="field.isConverted &amp;&amp; !field.isInvalidInput" role="alert">{{translations['The entered value has been changed to an integer.']}}</span></span></div></div>

<fieldset><legend class="sr-only" id="sp_asmt_grp_checkbox_{{::field.sys_id}}"><span class="field-decorations"><span ng-if="field.isMandatory() &amp;&amp; !field.mandatory_filled()">Required -</span><span ng-if="field.isMandatory() &amp;&amp; field.mandatory_filled()">Required Filled -</span>{{::field.label}}</span></legend><div ng-repeat="c in field.choices track by $index" role="group" aria-labelledby="sp_asmt_grp_checkbox_{{::field.sys_id}}" class="type-boolean"><label><input id="checkbox-input-{{::c.sys_id}}" aria-label="{{::c.label}}" type="checkbox" name="{{::c.name}}" ng-change="setFieldValue(c)" aria-checked="{{c.selected}}" ng-model="c.selected" ng-disabled="{{field.isReadonly()}}"></input><span class="boolean-control"><span>{{::c.label}}</span></span></label></div></fieldset>

<div ng-class="{'padding-details': paddingRequired}"><div style="overflow-wrap: break-word;" id="sp_assessment_details_{{::fieldId}}" class="show-more-box" ng-class="{'details-text': showMore, 'no-padder': paddingRequired, 'm-l' : isNative &amp;&amp; !isCategory, 'padder-l-none padder-r-none': isMobile}" ng-bind-html="trustedHTML(htmlDetails)"></div><div class="sp-asmt-auto-focus" ng-if="showButton"><button ng-click="showMoreClicked();" aria-label="{{showMore ? showMoreMsg : showLessMsg}}" aria-expanded="{{!showMore}}" class="btn show-more-control" ng-class="{'btn-sm show-more-control-color': !isNative, 'btn-default native-mobile-show-more-control': isNative}" ng-attr-style="{{paddingRequired &amp;&amp; 'margin: .2rem auto 2.2rem auto !important'}}"><span>{{showMore ? controlMessages['Show more'] : controlMessages['Show less']}}</span></button></div></div>

<div ng-class="{'adjust-width': !isMobile, 'm': isNative}"><span class="question-label">{{::field.add_info_label}}</span><textarea class="form-control asmt-margin-t-sm asmt-margin-b-sm" rows="4" ng-attr-style="{{field.isReadonly() ? 'resize: none' : 'resize: vertical'}}" name="{{::field.add_info_name}}" aria-label="{{::field.add_info_label + ' for ' + field.label}}" ng-model="field.add_info" autocomplete="off" ng-disabled="field.isReadonly()"></textarea></div>

<div><table class="table table-responsive" role="presentation"><thead><tr><td ng-style="{width: questionWidth + '%'}"></td><td class="text-center" ng-style="{width: (100 - questionWidth) + '%'}"><div class="inline" style="overflow-wrap:break-word;font-size:1.4rem;" ng-repeat="c in field.choices track by $index" ng-style="{width: choiceWidth + '%'}">{{::c.label}}</div></td></tr></thead><tbody><tr ng-repeat="qid in templateGroup.questions track by $index" ng-class="{'has-error': _field.isInvalid}" ng-init="_field = fields[qid]"><td ng-style="{width: questionWidth + '%'}" class="padder-l-none padder-t-md" ng-if="_field.visible"><span><span class="field-decorations"><span ng-show="_field.mandatory" class="fa fa-asterisk mandatory" aria-hidden="true" ng-class="{'mandatory-filled': _field.mandatory_filled()}" style="padding-right: .25em"></span></span><span class="field-label" ng-attr-title="{{::accessible ? undefined : field.hint}}" data-placement="right" data-toggle="tooltip">{{::_field.label}}</span><sp-assessment-details ng-if="::_field.details" html-details="_field.details" padding-required="true" label="_field.label" field-id="field.sys_id" clamp-line="4" class="padding-child"></sp-assessment-details></span></td><td class="text-center radio padder-t-md" ng-style="{width: (100 - questionWidth) + '%'}" style="display: table-cell;" ng-if="_field.visible"><fieldset class="radio-control m-l-none"><legend class="sr-only"><span ng-if="_field.isMandatory() &amp;&amp; !_field.mandatory_filled()">Required -</span><span ng-if="_field.isMandatory() &amp;&amp; _field.mandatory_filled()">Required Filled -</span>{{::_field.label}}</legend><div class="inline" ng-style="{width: choiceWidth + '%'}" ng-repeat="c in _field.choices track by $index"><label ng-if="::!_field.template.allow_image || !_field.selected_image_all_present"><input name="radio-button-{{qid}}" class="template-radio-choice" aria-label="{{::c.label}}" aria-checked="{{_field.value == c.value}}" ng-checked="_field.value == c.value" ng-click="selectChoice(_field.name, c.value)" type="radio" value="{{::c.value}}" ng-disabled="field.isReadonly()"></input><span class="m-l-none m-r-none"><div class="sr-only">{{::c.label}}</div></span></label><span ng-if="_field.template.allow_image &amp;&amp; _field.selected_image_all_present"><label><span class="sr-only">{{c.label}}</span><input class="fade" name="radio-button-{{qid}}" style="position: absolute;" aria-checked="{{_field.value == c.value}}" ng-checked="_field.value == c.value" ng-click="selectChoice(_field.name, c.value)" type="radio" value="{{::c.value}}" ng-disabled="field.isReadonly()"></input><div class="asmt-img-choice" ng-if="!_field.unselected_image_all_present" ng-class="{'disabled-pointer' : _field.isReadonly()}"><img src="{{c.selected_image}}?t=small" ng-style="{'opacity' : (c.value == _field.value) ? '1' : '0.5'}" class="asmt-img-size"></img></div><div class="asmt-img-choice" ng-if="_field.unselected_image_all_present" ng-class="{'disabled-pointer' : _field.isReadonly()}"><img src="{{(c.value == _field.value) ? c.selected_image : c.unselected_image}}?t=small" class="asmt-img-size"></img></div></label></span></div></fieldset></td></tr></tbody></table></div>

<div><div class="question-width" ng-class="{'m-l m-b-xs' : isNative}"><div ng-if="field.attachments.length" class="file-list-wrap"><ul class="list-group m-b-none"><li class="list-group-item" ng-repeat="attachment in field.attachments"><ng-include src="getAttachmentTemplate()" onload="attachmentHandler.manageFocus()"></ng-include></li></ul></div><div ng-show="errorMessages.length"><div ng-repeat="error in errorMessages" class="wrapper-xs r m-t-xs bg-danger" ng-if="$last">{{error.msg}}</div></div></div><input ng-show="false" type="file" ng-file-select="onAttachmentSelect($files)" multiple="true"></input><button ng-click="isNative ? showAttachOptions() : openAttachmentSelector($event)" type="button" id="sp_asmt_formfield_{{::field.name}}" style="display:flex; align-items: center" class="btn btn-primary" ng-class="{'m-t-sm' : !isNative, 'm-l' : isNative}" aria-label="Upload Attachment for {{field.label}} " ng-disabled="field.isReadonly()"><sn-glyph char="upload" class="m-r-xs"></sn-glyph><small>{{field.isMandatory() && !field.mandatory_filled() ? "Required - Upload" : "Upload"}}</small></button></div>

<div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-6"><fieldset><legend class="sr-only"><span ng-if="field.isMandatory() &amp;&amp; !field.mandatory_filled()">Required -</span><span ng-if="field.isMandatory() &amp;&amp; field.mandatory_filled()">Required Filled -</span>{{::field.label}}</legend><input class="select2-offscreen" tabindex="-1" aria-hidden="true" ng-focus="setFocusToSelect(0)" name="asmt_ranking_{{::field.sys_id}}"></input><ul class="asmt-ranking-list item-list-style-type-none" ng-class="{'has-error': field.isInvalid, 'm-l' : isNative}"><li class="row" ng-repeat="c in field.choices track by $index"><div class="col-sm-3" ng-class="{'col-xs-4 asmt-padding-xss' : isNative, 'col-xs-4 wrapper-xs' : !isNative}"><select id="{{::c.sys_id}}" name="{{c.name}}" aria-label="{{::c.label}}" ng-change="onSelectChange(c)" autocomplete="off" class="form-control wrapper-xs" ng-model="c.value" ng-disabled="field.isReadonly()"><option value="-1" ng-selected="c.value == -1">--None--</option><option ng-repeat="i in field.choices track by $index" value="{{$index + 1}}" ng-selected="$index + 1 == c.value">{{$index + 1}}</option></select></div><div class="col-sm-8 break-word" aria-hidden="true" ng-class="{'padder-v-xs col-xs-6' : isNative, 'wrapper-sm col-xs-6' : !isNative}"><span id="label_{{::c.sys_id}}">{{c.label}}</span></div><div class="col-xs-2 col-sm-1" aria-hidden="true" ng-class="{'padder-v-xs ' : isNative, 'wrapper-sm' : !isNative}" ng-attr-style="{{field.isReadonly() ? 'opacity: .5' : undefined}}"><span class="fa fa-bars pull-right wrapper-xs"></span></div></li></ul></fieldset></div></div></div>

<div class="modal-header" ng-style="options.headerStyle"><button type="button" class="close pull-right" ng-click="$dismiss()" title="Close modal" data-toggle="tooltip" data-placement="bottom" aria-label="Close modal" autofocus="autofocus">×</button><h1 class="modal-title h4" ng-bind-html="options.title" id="modal-title"></h1></div><div class="modal-body" ng-keyup="keyPress($event.keyCode)"><p ng-if="options.message" ng-bind-html="options.message"></p><p ng-if="options.errorMessage" class="alert alert-danger ng-binding ng-scope" role="alert" ng-bind-html="options.errorMessage"></p><div ng-if="options.widget"><sp-widget widget="options.widget"></sp-widget></div><div ng-if="options.input"><form name="form.xpForm" ng-if="options.input" ng-submit="submit()"><div class="form-group"><label for="xpInput" ng-if="options.label"><span class="field-decorations"><span class="fa fa-asterisk mandatory sp-field-label-padding" title="Required"></span>{{options.label}}</span></label><input id="xpInput" type="text" class="form-control" ng-model="input.value" required="true" ng-change="changed=true" ng-blur="clearFocusListCache()" ng-if="!options.values || options.values.length === 0" autocomplete="off" aria-invalid="{{(changed == true &amp;&amp; form.xpForm.$invalid) || false}}"></input><div class="input-group" ng-if="options.values"><input id="xpInput" type="text" class="form-control" ng-model="input.value" required="true" ng-change="changed=true" ng-blur="clearFocusListCache()" autocomplete="off" aria-invalid="{{(changed == true &amp;&amp; form.xpForm.$invalid) || false}}"></input><div class="input-group-btn" dropdown="true"><button type="button" class="btn btn-default dropdown-toggle" dropdown-toggle="true" data-toggle="dropdown"><span class="caret"></span></button><ul class="dropdown-menu pull-right"><li ng-repeat="value in options.values"><a href="" ng-click="input.name = value">{{value}}</a></li></ul></div></div></div></form></div></div><div class="modal-footer" ng-style="options.footerStyle"><button ng-repeat="button in options.buttons track by button.label" sp-focus-if="button.focus" ng-disabled="button.primary &amp;&amp; options.input &amp;&amp; form.xpForm.$invalid" class="btn btn-default {{button.class}}" ng-class="{'btn-primary':button.primary}" ng-click="buttonClicked(button)">{{button.label}}</button></div>

<div class="modal-header"><button type="button" class="close" ng-click="cancel()">X</button><h4>This is the title</h4></div><div class="modal-body">{{item.name}}</div><div class="modal-footer"><button class="btn btn-default" ng-click="cancel()">Cancel</button><button class="btn btn-primary" ng-click="ok()">OK</button></div>

<div class="sn-file-drop-zone" id="sn-file-drop-zone" multiple="true" ng-paste="paste($event)" ng-file-drop="dropFiles($files)" stop-propagation="true" ng-file-drag-over-class="dragover"><div class="sn-file-drop-zone__info sn-file-drop-zone__info--default" ng-transclude=""><div class="sn-file-drop-zone__cloud-icon fa fa-cloud-upload"></div><div class="sn-file-drop-zone__drag-info" spellcheck="false"><input type="file" style="display: none" multiple="true" ng-file-select="selectFiles($files)" class="sp-attachments-input"></input><span role="button" tabindex="0" class="sn-file-drop-zone__file-button sp-attachment-add-btn btn-link" ng-click="pickFile($event)" aria-describedby="sn-file-drop-zone">{{i18Strings['Choose a file']}}</span>{{i18Strings['or drag it here.']}}</div><div ng-if="isPasteFilesSupported" class="sn-file-drop-zone__clipboard-info">{{i18Strings["Copy and paste clipboard files here."]}}</div></div><div ng-if="disablePickerOverlay != 'true'" class="sn-file-drop-zone__info sn-file-drop-zone__info--dragover"><div class="sn-file-drop-zone__add-icon icon-add"></div></div></div>

<div class="modal-attachment-picker"><div class="modal-attachment-picker__header"><h1 class="attachment-header-title modal-attachment-picker__header-title h4" id="attachment-header-title">Add attachments</h1><button type="button" class="close pull-right" ng-click="$dismiss()" title="Close modal" data-toggle="tooltip" data-placement="bottom" aria-label="Close modal" autofocus="autofocus">×</button></div><div class="attachment-body modal-attachment-picker__body"><sp-attachment-picker on-file-pick="fileSelectHandler($files)" ng-show="!loadingIndicator"></sp-attachment-picker><div class="modal-attachment-picker__progress-info" ng-show="loadingIndicator"><progress class="modal-attachment-picker__progress"></progress><label>Uploading</label></div><div ng-if="supportedExtensions !== ''" ng-show="!loadingIndicator" class="modal-attachment-picker__supported"><span>Supported:</span><span class="break-all">{{supportedExtensions}}</span></div></div></div>

<div class="avatar-container" ng-class="avatarType()" title="{{ avatartooltip() }}" tabindex="-1"><div class="avatar soloAvatar top" ng-if="(users.length &gt; 1 &amp;&amp; !groupAvatar)" context-menu="contextOptions"><div class="sub-avatar" ng-style="getBackgroundStyle(users[1])"><span ng-if="!users[1].avatar">{{ users[1].initials }}</span></div></div><div class="avatar soloAvatar bottom" context-menu="contextOptions"><div class="sub-avatar" ng-style="getBackgroundStyle(users[0] || primary)"><span ng-if="(!users[0].avatar &amp;&amp; !groupAvatar)">{{ users[0].initials }}</span></div></div><div class="avatar soloAvatar top" ng-if="users.length &gt; 2 &amp;&amp; !groupAvatar" context-menu="contextOptions"><div class="sub-avatar" ng-style="getBackgroundStyle(users[2])"><span ng-if="!users[2].avatar">{{ users[2].initials }}</span></div></div><div class="avatar soloAvatar top" ng-if="users.length &gt; 3 &amp;&amp; !groupAvatar" context-menu="contextOptions"><div class="sub-avatar" ng-style="getBackgroundStyle(users[3])"><span ng-if="!users[3].avatar">{{ users[3].initials }}</span></div></div><span class="inner-details" ng-transclude=""></span><sn-presence ng-if="::presenceEnabled" user="(users[0].userID || users[0].document)" on-presence-change="onPresenceChange(status)"></sn-presence></div>

if(!window.aiex) {
						window.aiex = {};
					}
					if(!window.aiex.cacheBuster) {
						window.aiex.cacheBuster = 1788614101852;
					}

					window.aiex.VERSION = "3.3.2";

Requests	IP Address	Location	AS Autonomous System
1	149.96.227.108	United States	AS16839SERVICENOW, INC.
1	89.106.200.1	Netherlands	AS209626Enflow B.V.
2	2	-	-

Security Scan Report: communities.bentley.com

Summary

AI Security Verdict

Safe Website

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies3

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History