government

English

glide_node_id_for_js

BIGipServerpool_prodwrp

glide_user_route

_ga_CSLL4ZEK4L

JSESSIONID

The domain 'www.wrp.gov' uses the United States government-restricted top-level domain (.gov) with subdomain 'www'. The second-level label 'wrp' is 3 characters long split between zero vowels and 3 consonants. Word splitting yields 2 words: w, rp. Expect 1.5 characters per word on average. No strong language cues emerged from the frequency lists.

html/ff/25/ff25c99c-07b5-4318-b162-c396a9b01402_fallback.html.gz

Home - Workforce Recruitment Program (WRP)

html/ff/25/ff25c99c-07b5-4318-b162-c396a9b01402.html.gz

script-src 'none'; form-action 'none'; frame-src 'none'; report-uri https://csp.withgoogle.com/csp/scaffolding/ascnsrsggc:112:0

script-src 'none'; form-action 'none'; frame-src 'none'; report-uri https://csp.withgoogle.com/csp/scaffolding/ascnsrsgtc:46:0

97d4b7f2c14103cedcee22955f06204ac99f48e7a0bbd60314d3802db4096822

0c0165f4fbf9dd81e8e22d5cfeb2e504d8e595906390459f8983afb7dca540d2

4797c389cd2482578663c88c900916bec4af8a6023dab387b7b5cdf30ff9c114

da6dca5de881d0d3b34323e53abcb4db89a08a86fe99699721df2b64c3fa7041

4db5ea9d4bb8fc9538f28f836d38f20552b42bea1be9180e3e4306c8636752c7

a3bc7fc614d398faa526f1753eb2d70af7314bdb6ddbc12258484f1d10ddc1d3

c3a408dbe2c6e6b40af0681c60aed6cdd17405ec60a4f688ab7cea3b7a47875d

753f8f11bd894ab52f0a1cdb5ec6c1e25d03f9f63aaa90ba5d1bd17ec361b8e7

45b9453ea3740d747d13b4f555b62478f45b07e55d997aafc780328d71e87db1

2f05feed2065b7385b156ebf3a7c6c19def3d412227cee0d46e8a53fb3e9ac41

40cda44ee60106ebf4506b94ea7bf1ef06890119170beda5e18105cf08c0ca47

c808cc39dcc48c8e924ea9368e5dfbaa52a9aa6126ffd999b042ce9a74718eb0

bb70d13c7c3646c26747faf929297b5da12e309c0f66b09b3b9d489c9e66ca21

c13843682bcf7eb1b9d58e7020e6d0b9179970f248e42b2db5360b670a8ad0b1

3763e19426569ec5b706d5cb163e2a0cee0c515eeb562cd1324b07d440e067bc

47bc07f69421682e9cefba42a2b60d9c2a1aee886eecdb267cd72cb36a460e77

56ec2608cd86491055bbd43c03316b8d55aedf7636377a0199aec246422d43e5

4c3c167eb9bcb8987dfee21b784d41e5ba2641b6ed07a531cfc321b84dcb1fd9

542b4429e96bf460f9c5228c37a5d9462e031717677e75c995d45cc2a8b7f133

bf589022e25cda50a29c042036f60d5c3dbbba746d36b40b895f92446d26c4e0

25b3473aba2e4e4a1a09d00ee76ad4e3cf768a205ff2253d3e854272a59b55b6

193fed69ca60fb468da8372471db79378ab966548390096aab12586a943423b4

89667baeffa2c20f4541e40584e4a17d671570024a8b84b0af99d7177c46d187

8eb9f4f23b51fe88a0ddacd1d63470c27f9fa5d29848eb027ccea5273e7389b6

1dcaa628a5f4a8e95b59990a1a5844b3b2c8b9255c914779b3ecdcfa5ac13849

2c607594e6bdc3a2b846e1c685fdba7ebaa55579475270b8b1c354357f4623b6

f4c08e16ba79507691c53629fce41fb02404a285a0621c69a884d9a466dd4b32

12788ea78f1bae878371f871093635960b4ea754420c80ea92427c40e021a3a5

1908622769f96ad2c4222315e58c1e76c8d4c452b2aa29f4ca737fa1081a4c4a

cd78011435a795ad2705742906653220b78cbaf7afafd22df9706effb5d96f48

b05ffd4c7e4ef9a6e52df18aed4970991e4b9e95f64df74e1203284e121c381c

4e291372e0025eea33ef7589dffb8fccdcd4e499fb16e9eaee13ed43a1c4a3f7

f74b6071518e09bcd62ba5d98993c0e3d0ae553b894b9107225422665443cbc0

6b96598af5569c2d25bc685479e6e07e5d855eb473a0ff337e14e8c90f9f37bb

80820b786c64d27b009cad4c3c4607ba06766302591fd033d5e60f3440f4bf16

30a59058a68c0c354fe829d8b8db12dce159a9c1dba970dc0226e2b6e5ae1996

a5709e6a3554cfae6b9cd9074d567a5bc5126122fda65c757dd5e12532354ef0

6259113c09bdb33f1d0282626de4dbd7b9df85c093618fbe2f857222ac9b4fa6

e4798376d3bdcd9b9b5a6fab8777e76a2df01a516a60106ca6f5ceb704992aa6

091b8aeb729550cc9f8514449dcbdab1d14efab3d1fd712ddb8edf414f7c2916

cd0cff73b0f1e9b06da65554f7e82200e4c3566c0d8fb2ec65d9792e123a3a98

ae70cb8f29923e9c58c36e1a5d733f5d2a9f87bf86da8c84d9da4e9bf6ceb4d5

b255c040af39398e5d41220e693f5749d1c2a75a1cec7083c615b5a4b2c3945e

e1fbfc56b352787efc08cdea71d48b30c367cd81fd41f778b5e90de20068ca36

d63b3d45cb900f723194fac091ee22fe41c6c8b3c3bfa430ad6f1314f57ecd3d

ad118260f3d728049001beb88e54924de5793efa5e5ce610d7f587cc31cb9929

b3c757d5dbdcbbafaca508af61b06796a53528a264024bc07e677aa1c5ae4536

ce1b4ca8f4b67f2669cbe4ad13a0c9d15adc1d70e4b2c644e71b96967b80f23f

30ec0b532090ad03040e1ff1b199599a2211975fdf2b4092a15c858f54220081

9613b1e20985e946957922c18395254e39545abef6db81ffd7273605561a0416

87301eb43101531a6f04239ef6ada33e701b5e4d97734ba0498a39a00a888b79

e3103296a2d07b39d2d912ae970b33b9fdd9a2302e9b09082f553c91e3fb89b9

996f10b83e655a75f17a7ff4181e137212340d37c5087ca9521c21329ee9c1d2

98e2da9004b27dae68f4b812e594246aa97d1132ffb60d417f574baa8d57b931

6d085c6496d0e97be0476a0fa0a263612bcfc7e3e98f10dee2dc06a591b8c2d9

fc192e19c3cd4befa13f168268b02f56d182631a55ca811a4b5ff8a387e2365e

ba40ea4b7a5ad4564dc4484bf6524f324bc37d9a9f4afce7fc87f9e8794b8fd1

689bf4d88ceae7b3291a6bc75418cf9ac8e4f0532680b9b8f4a68f1326463f3e

7d693303040207035268e059a1550dec004d49529b0b786fe936702cd49cc6d2

d2a0e055785dd166c3cd168c1fec28aae4a7cc526c671177953374643bc172d1

90d367b181a3245f07a9d692dea406b7a2f5039e7ce5d70edf61172e731f76ed

c0ef90791871effdcbce7f7c29ac7e5474ca1d209bf2345425f5c3b66af1671a

88aae3c388c4df6d6dd205e758a5efbdb039e109d0790873ce546d05b9a856fe

6d0f6ee86b803a3cf43f41b1920f57e6cd09e030717d6ed4d540dc57ea1dfa40

8cc28b19ddb0123872cf6d702a7461934c2de3a5ab023e30f87dafb37848b32d

7295bb75185f311de2fffd88409dae3fd05e44b6c24232b2aad718ffcb0f8476

b3eec0dccaf600d684b6becccac183c8756efde00cf27c1b85e31b023df5aea3

6de0daf26eb12673d77851b7e24cf3069bb6df322a01d525d27d39783724a22b

01f3f88573ff72bb6d50d7e2d5a21422fe99fa8c0a693e0a1e4da4b36bd7ab48

a21107f69560271ae585d0aab7f4b39ae751ad02b90a95ba5db9301793af52de

2efc27a3cd4e991960a19414abcc6f719cac24f43ae8d39bca69382bfd97206b

6739fa54ae7d1c68ff6478a10a5d8a9e625b930d158851bdb7ad2914efbed631

d6519d237452fb1052a52eeffdcbb2f489523e16f3d51833ecfa00fd2a1208e5

5c27ff786282b0d90f877f5b9f4711582a892c4425f87dee433b9cd808269808

217528df196bae1dd76dc1ecf912e195a32249bb45574116b678fa40e56391d5

495ddeaee3f33d98a1432b5d30f1c13eddbba40983a661f5db817ff4fec1ff54

531c2b56f5b61f9efbe87caeb41e2342e7096584db5dfa0a001a4d80a8d75ff5

4b4bd7409ad4b2ef7fd495a881eb2da9fb70156163b485790a6a76cfad548203

2905c94f98ec0866b1f2152c7c9f6a3a933bcff66882b720921a858bc3e16da4

4b00da3b7d47dc6bcb6e5481d8a42db147edb49c30efdb383f2b4c21f017f200

b2187bb414f892193396033b7c75580baedaf07a36f26413f9314262aaa705d5

Managed by the U.S. Department of Labor's Office of Disability Employment Policy

Cybersecurity and Infrastructure Security Agency

viewport

apple-mobile-web-app-capable

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;worker-src blob: 'self';frame-ancestors 'none';

child-src https:  chrome-untrusted://new-tab-page/ chrome-untrusted://ntp-microsoft-auth/;connect-src chrome://resources chrome://theme 'self';default-src 'self';font-src chrome://resources 'self';img-src chrome://resources chrome://theme chrome://image chrome://favicon2 chrome://app-icon chrome://extension-icon chrome://fileicon blob: data: 'self';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources chrome://webui-test 'self';style-src chrome://resources chrome://theme 'self' 'unsafe-inline';trusted-types parse-html-subset sanitize-inner-html static-types webui-test-script webui-test-html polymer-html-literal polymer-template-event-attribute-policy lit-html-desktop;frame-ancestors 'none';

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;frame-ancestors 'none';

base-uri 'none';child-src https:;form-action https://ogs.google.com https://*.corp.google.com;object-src 'none';script-src 'self' 'unsafe-inline' https:;frame-ancestors chrome://new-tab-page/

wrp.gov

Abuse

Google LLC

GOOGLE

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 = 'F08585F147B97210046403DC426D4361';
		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.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 = '2a071dd0db985490bc8b7f69329619a5';
		window.NOW.instance_name = 'prodwrp';
		window.NOW.domain_id = '';
		window.NOW.unauthenticated_user_tracking_enabled = false;

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


            // Function to check if the Google Analytics script is already loaded
            function isAnalyticsLoaded() {
                return typeof gas4 === 'function';
            }
        
            // Function to load the Google Analytics script
            function loadAnalytics() {
                if (!isAnalyticsLoaded()) {
                    const script = document.createElement('script');
                    script.src = 'https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=DOL';
                    script.id = "_fed_an_ua_tag"
                    script.async = true;
                    document.head.appendChild(script);
                    console.log('Google Analytics script loaded, with: ', script);
                } else {
                    console.log('Google Analytics script is already loaded.');
                }
            }
        
            // Check the hostname and decide whether to load the script
            const hostname = window.location.hostname;
            if (!hostname.includes('dev.') && !hostname.includes('training.')) {
                loadAnalytics();
            } else {
                console.log('Google Analytics script not loaded due to dev or training environment.');
            }
        

<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) &amp;&amp; !(field.type === 'file_attachment' &amp;&amp; $root.portal.sys_id == '26f2fffb77322300454792718a1061e5')"><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" 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-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></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"></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"></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"></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-if="$root.portal.sys_id != '26f2fffb77322300454792718a1061e5'" 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-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-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" 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-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-disabled="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-disabled="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-disabled="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-disabled="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}}">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"><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" 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" class="decoration {{decoration.icon}}" title="{{decoration.text}}"></span></span>{{field.label}}<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"><button type="button" class="btn btn-default bg-white lookup" 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}}" 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-disabled="field.isReadonly()" ng-init="onButtonLoad()" name="radio_button_down_{{field.sys_id}}_{{catItemSysId}}" type="radio"></input><span>{{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-disabled="field.isReadonly()" role="radio" type="radio" name="radio_button_across_{{field.sys_id}}_{{catItemSysId}}" ng-init="onButtonLoad()"></input><span>{{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;"><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;"><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"><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><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 class="tools align-right"><div class="btn-group" 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></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"></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 class="table-responsive" 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">{{::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">{{::col.display_value}}</td></tr></tbody></table></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-init="c.linkSetup(a)" class="text-container" ng-click="::c.toggleShowAll($event)" tabindex="0" aria-expanded="{{(c.totalAnnouncements &gt; 1 || (c.totalAnnouncements == 1 &amp;&amp; a.summary)) &amp;&amp; c.showAll  ? 'true' : 'false'}}" ng-disabled="c.totalAnnouncements == 1 &amp;&amp; !(a.summary &amp;&amp; c.isMobile)"><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)" aria-hidden="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-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><input type="checkbox" ng-checked="item.selected" ng-click="c.onClick(item)" aria-label="{{::item.label}}"></input><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><input type="checkbox" ng-checked="item.selected" ng-click="c.onClick(item)"></input><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()? 'Mandatory Filled ' : 'Mandatory '}}" 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="false" 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-disabled="field.isReadonly()" ng-show="fieldIsLocked == false" ng-click="lockField();" 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-disabled="field.isReadonly()" ng-show="fieldIsLocked" ng-click="unlockField();" 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" 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'" title="{{getTooltipTitle(category, true)}}" role="tooltip" data-placement="right" data-toggle="tooltip" data-original-title="{{getTooltipTitle(category, true)}}" tabindex="0" 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="tab" 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'" title="{{getTooltipTitle(category, false)}}" role="tooltip" data-placement="right" data-toggle="tooltip" data-original-title="{{getTooltipTitle(category, false)}}" tabindex="0" 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;" 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">{{::_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 sp-readonly-contenteditable="true" class="sn-file-drop-zone__file-button sp-attachment-add-btn btn-link" ng-click="pickFile($event)" aria-role="button" aria-describedby="sn-file-drop-zone" aria-readonly="true">{{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" role="button" ng-style="getBackgroundStyle(users[1])" aria-label="{{users[1].name}}, {{presenceStatus}}"><span ng-if="!users[1].avatar">{{ users[1].initials }}</span></div></div><div class="avatar soloAvatar bottom" context-menu="contextOptions"><div class="sub-avatar" role="button" ng-style="getBackgroundStyle(users[0] || primary)" aria-label="{{users[0].name}}, {{presenceStatus}}"><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" role="button" ng-style="getBackgroundStyle(users[2])" aria-label="{{users[2].name}}, {{presenceStatus}}"><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" role="button" ng-style="getBackgroundStyle(users[3])" aria-label="{{users[3].name}}, {{presenceStatus}}"><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>

Requests	IP Address	Location	AS Autonomous System
3	142.251.141.72	United States	AS15169GOOGLE
2	3.174.46.115	United States	AS16509AMAZON-02
2	149.96.184.235	United States	AS397182SERVICENOW-WAVE
2	216.239.34.36	United States	AS15169GOOGLE
2	3.174.46.89	United States	AS16509AMAZON-02
2	2600:9000:28eb:9e00:5:83ea:ba80:93a1	United States	AS16509AMAZON-02
2	2600:9000:28eb:a600:5:83ea:ba80:93a1	United States	AS16509AMAZON-02
2	2600:9000:28eb:3000:5:83ea:ba80:93a1	United States	AS16509AMAZON-02
2	2001:4860:4802:34::36	United States	AS15169GOOGLE
2	2600:9000:28eb:dc00:5:83ea:ba80:93a1	United States	AS16509AMAZON-02
39	19	-	-

Security Scan Report: www.wrp.gov

Summary

AI Security Verdict

Safe Website

Safety Factors

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