technology software

government public service

English

The domain name 'sage.accelq.io' uses the British Indian Ocean Territory country-code top-level domain (.io), featuring subdomain 'sage'. The second-level label 'accelq' is 6 characters long with 2 vowels and 4 consonants. Breaking it apart gives three words: acc, el, q. Average segment length settles at two characters. No strong language cues emerged from the frequency lists.

password

loginForm

81d60ad9ce34fced3436f586f34e0ee3667e4b6f37f4fcbf767f4cf32e4ce41a

78462530aaafec51941882981c814ecfeeb92d57f350a62dffbd9a4f9e726d96

49d5705f0eb45dd6e838c7c3475f79a0ace4b6dd1a45b66861108c08f6d9233d

aae895442da62586b1e2d08057a4196e18954ef4f74555d94a385d8f22c39b84

a35bfb90c6ff1d850b86496c4d8eb8a2114d8347963d255c34a5b7ead23bc9ce

66ddf6c468b4ffe56e811bac92e8a428a107ac7286960117f720668fdd1eae29

3fecaae97f86241feb64b382f88109c0d46d67f4180b8b693c3fdf1fbc8e130f

ae0d1dd9bf9932ef7a036014117f0339f83de45b667c08ba0b9ce18d03733638

5713556e6d39387d8a54add3a1f3fdbb3caf425bb6f0cc79d50221aba1a96125

01519c825dad0dcc04e4c9978c32d513f2b92007143367cd08876d506a60c935

efeb9354910013ab11a11587fd71f36ed224d520ec22335c657bfcd887adf22b

20794b1dde707a13e669ff0f9e97db8bfd778edfb2aa9f4440ff3b710556932e

c6e32cf1d612c585e20f825b22efa00603baff542deba9c102706e335a3e1fd0

c4bf2299b272eca40f79a32785ee022dbea1c56e43950150137e7dfda4b9000a

09ebf9598a0135cf4adaf935a9f8f2a9119618a9cce0eabe9bb6b24ee03ea81a

30de6fb224c9efd051ddb4ca029cf0586e9bfd9192fbb016eb1707c091582289

18629bd4c86775b5dcd8159f608b4b779f726bddeb15dce3b2f9c66c93be9724

5a7a7baf57a973d90c1e496b0be99250a24ace5f7cc23a77f4cab7a0f5f0f7f1

56b24d9297b2c7ef761c8842876b4faad91e07949500339a39c6bbf48a62e6e6

bfe8031a2208feb65bb79d762b4a564f265e3b62e0ac1db9f7ded93c5f84885b

4b16db6bb588ec85c0c624216f8e3ec4fb9e87725067fdc0e2db6fe779ba1e87

5743ca59b222ae678c242bb808cf8c856c2d2c4e71179ea627c6a1935d0adc1b

40cc0d38e36da6f2a9bc11f8af24b1e098d2ba2b583809881258e71215bf41aa

5aef4fd28a34b2f24186e6c6e88c0ae6890ec343aaa7c2ef3ad95e7a7d1d9774

ce880af25795d2778dcd9433b849bfef339d212c0e23f3dd7f153bb03f9dc138

50e58bbfc3b0897984674fbeaa2b1d12bf42d03393017e8296a4a71293dcef37

57c5254756a9bcacdffec55e208b6ac5c38eac6acb05aba61b09bce2e7d7a172

901a24583a94ee492b4556b147495a761402542617308daf48c9ef5ab9f38514

6393192b86cfcd34437b10ecf634c7e66ecfe388c5c9f40af1b385dad0829927

371a16ece173814ebe171f8b3f6e88676049b1420675c84f2feab27a1515f491

7508cb06af57a8dde98ca6364eb3d1e8cfedc7fe1bd2f07ad09d3bbcc2f1679e

ea5fe66020dd6554e6071c7f6cc2805d26be4d186b1079aab247b4e039ad9c1a

c2b7466d3b83b43efb60acbef9c42a0be6f208904d0645bcfe2ba5691d0b2ed6

6bc16058cfb318a8de45baf8a76254cc55d2c3d0e627122b1ccfdf75436ad440

77aca22580c4b8b1510300911dccccd88ff098a3b3b8f6877d6d7b90fb6e4aad

4abedfa8d092072b402cdd0675734c8a58ddc7efbfa389a14f6507cfd5f0ce4d

7d6f52a223e30449abdb99fc912787b33f33da270e84185a5105a4ba61925a80

4a9e97450bf6921514ebb9eacea5a357d16c7db700de81c2bd8e225a524484a4

d913c54eab25bdac071a5ec722740d260b6a5b1e38fb37f8b149c226fd98379e

71274dc96f4dfda3ba30c5d747f1e4c08860b10d240e360e58985a2913c3f919

677e59ed344b1963a75114c8802f831a4fb85ba54ae93137d8e750fd39e0e317

c9f4638e98d696a9d97456e738d7f725dab36d5c3ca013cf2a718f0fc87271dd

ed3b0f635bf7a8912399e00342632f15be181322d5ed8db4b92c8c61f9e12563

1c1d793e29c52da03927bb283622783c495aa23c995f50398a68bc69b3e68ea0

1903067b15e714324be32e37c9aa4197256e3aa43c80019f6778496687d76b72

1654c11c2e1d5e1156031968c14f4b06a772db593f69462bb2a6cc8e726dfc77

cd5ec416f024dbf85ab95816d2c82839927635b39cb21f713623b73783a2535b

b9eedbdfd08db6efc66438c19e46b824228edb0ce4939e5ec56ebf19fabe1fd6

41e8136a719e485d00f9697c24cecea23a05af3c1f0c581681c58b995a8845d9

440812405fed027cf916d709919867e3cc995611d393d599c0b7e44e00faa544

9afe2cf6c09651040a3f88dcc518cf6a60ef400420c6923b9beabe60c9498683

d4301983490bb383ac49758f95e6116a64939619f93f97693662885f79fffb3b

5d2987d3b1b01afc61ba3449a666223cbe2310d78760cc4cc468b6689e41fa47

e85235f053a62be9ecd3b9022f4dd70519f00afe76d320aac73213faf43b6923

robots

width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no

viewport

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

Domains By Proxy, LLC

GoDaddy.com, LLC

accelq.io

NOC United States

ipadmin

Akamai Technologies, Inc.

Steven Jay Schecter

AKAMAI


    <div class="qas-license-agreement-dialog">
        <header class="qa-tnc-header">
            <div class="qa-accelq-logo"></div>
            <p>Trial License Agreement</p>
        </header>
        <div class="qa-tnc-content">
            <p class="qa-tnc-greet">Hi, {{options.vars.userName}}!</p>
            <p class="aqi--margin-top-15">Welcome aboard! Before you start exploring the trial access, we would like you to review and acknowledge the terms of use.</p>
            <br>
            <p>Here are some key terms of usage of ACCELQ (Service). You can find the complete <a class="qa-tnc-link" href="https://www.accelq.com/terms-and-conditions/" target="_blank">Terms & Conditions</a> here.</p>
        
            <ul class="qa-tnc-list">
                <li class="aqi--margin-bottom-16" >You shall use the Service only for your own internal use for evaluation. Not to be used for production requirements.</li>
                <li  class="aqi--margin-bottom-16">You may not copy, reproduce, modify, translate, prepare derivative works of, de-compile, reverse engineer, disassemble or otherwise attempt to derive source code from the Service.</li>
                <li  class="aqi--margin-bottom-16">You may not use, evaluate or view the Service for the purpose of building or aiding to build a competitive service or product.</li>
            </ul>
            <div class="qa-tnc-checkbox qas-checkbox-wrapper " ng-click="options.vars.tick = !options.vars.tick;">
                <button type="button" class="qas-checkbox  aqi--margin-right-10" ng-class="{ 'qa-checked' : options.vars.tick}">
                    <i class="qai-xs-tick qa-selected qa-checkbox-tick"></i>
                </button>
                <div class="qa-checkbox-label">
                    I agree to the above and all other Terms & Conditions of using ACCELQ for trail and evaluation.
                </div>
            </div>  
        </div>
        <div class="qa-tnc-footer">
            <div>
                <button type="button" ng-click="options.methods.clear()"  class="aqs-button-default qa-tnc-decline-button">I, Decline</button>
            </div>
            <div>
                <button type="button" ng-click="options.methods.save()" ng-disabled="!options.vars.tick" class="qas-btn-primary pull-right qa-tnc-accept-button">I, Accept</button>
            </div>
        </div>    
    </div>



    <div>
        <form aq-form aq-form-validate class="js-passcode-prompt-form">
            <div class="qas-title qa-light qa-regular aqi--margin-bottom-15">Please enter passcode to access the report</div>
            <div aq-input-text qtheme="true" value="options.passCode" required></div>
            <div class="qas-help-text qa-italic qa-small" ng-show="!options.errorMessage">Passcode found in top-right portion of notification</div>
            <div class="qas-title qa-light qas-error-text qa-small" ng-show="options.errorMessage">{{options.errorMessage}}</div>
        </form>
    </div>



    <form aq-form aq-form-validate novalidate>
        <div class="aqs-full-width" ng-show="options.errorMessage">
            <div class="qas-section-message qa-error aqs-display-flex aqi--margin-bottom-15">
                <div class="qai-24-section-message-error aqi--margin-right-10"></div>
                <div class="aqi--align-down-3">{{options.errorMessage}}</div>
            </div>            
        </div>
        <div class="aqs-adminproject-template" ng-if="options.selectedTab == options.enums.TABS.PROJECT_TEMPLATES">
            <div ng-if="options.templates" class="aq-projecttemplate-wrapper">
                <div class="aqs-display-flex aq-flex-wrap">
                    <div ng-repeat="item in options.templates track by $index" 
                        class="aq-project-item" ng-click="options.templateSelect($index)" 
                        ng-class="{'aq-active': options.selectedTemplateIndex == $index, 'aq-disabled': item.disabled}">
                        <div class="qa-overlay" ng-if="item.disabled"></div>
                        <img ng-src="{{item.tpAppType.thumbnail}}" alt="Project Thumbnail" class="aq-project-thumbnail"/>
                        <div class="qas-title qa-title aqi--margin-top-10">{{item.projectDisplayName}}</div>
                        <div class="qas-button-text">{{item.cloudPlatform && item.cloudPlatform.cpRelease || ""}}</div>
                    </div>
                </div>
            </div>
        </div>
        <div ng-if="options.selectedTab == options.enums.TABS.PROJECT_BASIC_DETAILS">
            <div class="qas-form-group">
                <div class="qas-form-field">
                    <label class="qa-label">
                        Project name
                    </label>
                    <div aq-entity-name id="uniquename" label="Name" value="options.newProject.projectDisplayName" maxsize="64" pattern="{{options.projectNameRegex}}" patterntext="{{options.patternText}}" name="projectName" autofocus qtheme="true" required></div>
                </div>
                <div class="qas-form-field">
                    <label class="qa-label">
                        Description
                    </label>
                    <div aq-text-area name="description" label="Description" value="options.newProject.description" Maxlength="256" resize="true"></div>
                </div>
                <div class="qas-form-field aqs-display-flex aq-valign-center" ng-if="options.selectedTemplateIndex == 0">                   
                    <button class="qas-checkbox" ng-class="{'qa-checked': options.isConfigSelected}" ng-click="options.isConfigSelected = !options.isConfigSelected">
                        <i class="qai-xs-tick qa-selected qa-checkbox-tick"></i>
                    </button>                  
                    <div class="aqi--margin-left-5">
                        Copy configuration from an existing Project
                    </div>                    
                </div>
                <div class="qas-form-field qa-standard" ng-if="options.isConfigSelected">
                    <label class="qa-label">Select Project for configuration</label>
                    <div qa-drop-down items="options.existingProjects" text-property="projectDisplayName" uid-property="pid" selected-item="options.selectedProj" search="true" on-select="options.onProjSelect(e)"></div>
                </div>
            </div>
        </div>
        <div ng-if="options.selectedTab == options.enums.TABS.PROJECT_USER_DETAILS">
            <div class="qas-form-group">
                <div class="qas-form-field aqi--margin-bottom-25">
                    <div style="height: 300px" qa-list-editor columns="options.inlineGridEditorOptions.columns" items="options.inlineGridEditorOptions.items"></div>
                </div>                
            </div>
        </div>   
    </form>



    <div class="aqs-modal-normal">
        <div class="container-fluid aqs-conf-project-modal">
            <form id="manageProjectForm" class="aqForm" aq-form  aq-form-validate
                            on-discard="options.close()" on-submit="options.onSave()">
                <div class="row">
                    <div class="header-block col-md-12 aqs-no-padding">
                        <div class="title-row col-md-12">
                            <span class="text">{{options.title}}</span>
                            <div class="aqi-md-cross pull-right" ng-click="options.close();"></div>
                        </div>
                    </div>
                    <div class="content-block col-md-12">
                        <div id="aqManageProjectModalMsg" class="col-md-12 aqs-no-padding"></div>
                        <div class="content-row col-md-12">
                            <div class="col-md-12">Name</div>
                            <div class="col-md-10">
                                <div aq-entity-name id="uniquename" label="Name" value="options.newProject.projectDisplayName" maxsize="64" pattern="{{options.projectNameRegex}}" patterntext="{{options.patternText}}" name="projectName" autofocus required></div>
                            </div>
                        </div>
                        <div class="content-row col-md-12">
                            <div class="col-md-12">Description</div>
                            <div class="col-md-10">
                                <div aq-text-area  name="description" label="Description" value="options.newProject.description" Maxlength="256"></div>
                            </div>
                        </div>
                        <div class="content-row col-md-12" ng-if="options.isBlankProject || options.isEdit">
                            <div class="col-md-12"><span >Users</span></div>
                            <div class="col-md-6">
                                <div class="user-select" aq-search-drop-down on-select="options.onUserSelect(e)" items="options.userList" label=""
                                    name="usersList" selected-item = "options.selectedUser" value="options.selectedUserName" search-options="options.searchOptions" chosen-options="options.chosenOptions" display-format="options.displayFormat(e)" text="Select" text-property="text" value-property="value"></div>
                            </div>
                            <div class="col-md-2 aqs-no-padding">
                                <div class="aqs-button-primary" style="padding:2px 6px;" ng-click="options.addUser()" ng-class="{'disabled':options.isDisabledAddBtn}">Add User</div>
                            </div>
                            <div class="col-md-1"></div>
                        </div>
                        <div class="content-row col-md-12" ng-if="!options.isBlankProject && !options.isEdit">
                            <div class="col-md-12"> <span>Copy Config From</span> </div>
                            <div class="col-md-6">
                                <div aq-drop-down items="options.existingProjects" text-property="projectDisplayName" value-property="pid" value="options.selectedProj" on-select="options.onProjSelect(e)"></div>
                            </div>
                        </div>
                        <div class="content-row col-md-12" ng-show="options.isBlankProject || options.isEdit">
                            <div class="col-md-12">
                                <div class="aq-userlist">
                                    <div class="col-md-12 aqs-no-padding">
                                        <div class="row aqs-no-padding aqs-no-margin">
                                            <div class="col-md-4 aqs-no-padding">
                                                <div class="aqs-section-header">USER NAME</div>
                                            </div>
                                            <div class="col-md-3 aqs-no-padding">
                                                <div class="aqs-section-header aqs-align-center">IS ADMIN</div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="aqs-section-header">ROLE</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 aq-user" ng-repeat="user in options.addUsersList track by $index"  ng-if="options.addUsersList.length >0">   
                                        <div class="col-md-4 aqs-no-padding">
                                            <div class="aqs-overflow-ellipsis" title="{{(user.value == options.currentUser.value || user.isSiteAdmin) ? options.tooltipForTA : user.text }}">{{user.text}}</div>
                                            <div class="aqs-overflow-ellipsis aqs-para-sub-text" title="{{user.email}}">{{user.email}}</div>
                                        </div>
                                        <div class="col-md-3 aqs-no-padding aqs-align-center">
                                            <div class="aqs-checkbox aq-legacy aq-component" ng-class="{'aq-checked' : user.isAdmin}" ng-click="user.isAdmin = !user.isAdmin">
                                                <i class="fa fa-check aq-checkbox-tick"></i>
                                            </div>
                                        </div>
                                        <div class="col-md-4 aq-component" ng-class="{'aq-disabled': false }">
                                            <div class="aq-roledropdown" aq-drop-down items="options.rolesList" text-property="roleName" value-property="pid" value="user.rolePid" required></div>
                                        </div>
                                        <div class="col-md-1">
                                            <div class="aq-actionable aqi-md-trash aqi--align" ng-click=" !(user.value == options.currentUser.value || user.isSiteAdmin) && options.deleteUser(user)" ng-class="{ 'aq-mild-disabled' : (user.value == options.currentUser.value || user.isSiteAdmin) }" title="{{(user.value == options.currentUser.value || user.isSiteAdmin) ? options.tooltipForTA : ''}}"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="footer-block col-md-12">
                        <div class="button-row col-md-12 aqs-no-padding">
                            <div class="button-default aq-form-discard">Cancel</div>
                            <div class="button-primary aq-form-save">OK</div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>



    <form class="form-inline js-form aq-form" id="cloneProjectForm" aq-form aq-form-validate>
        <div class="aqi--margin-bottom-10 js-section-message qas-section-message aqs-display-flex aq-valign-center qa-error" ng-if="options.errorMessage">
            <div class="qai-24-section-message-error aq-no-shrink"></div>
            <div class="qa-desc-text aq-word-wrap" id="aqCloneProjectModalMsg">{{options.errorMessage}}</div>
        </div>

        <div class="qas-form-field">
            <div class="qa-label">{{options.inputLabel}}</div>
            <div aq-entity-name qtheme="true" pattern="{{options.projectNameRegex}}" patterntext="{{options.patternText}}"  label="Name" maxsize="64" value="options.projectDisplayName" name="projectName" required></div>
        </div>
    </form>



    <div class="aqs-modal-new">
        <div class="container-fluid aqs-conf-project-modal">
            <form id="deleteProjectForm" class="aqForm" aq-form  aq-form-validate on-discard="options.close()" on-submit="options.onOK()">
                <div class="row">
                    <div class="aq-header col-md-12">
                        <div class="col-md-12 aqs-no-padding">
                            <div class="col-md-10 aqs-no-padding">
                                <div class="aqs-para-body-text-bold aq-header-name">
                                    {{options.title}}
                                </div>
                            </div>
                            <div class="col-md-2 aqs-no-padding aqs-align-right">
                                <div class="aqi-md-cross" ng-click="options.close();"></div>
                            </div>
                        </div>
                    </div>
                    <div class="aq-contents col-md-12">
                        <div class="aq-globalerror" ng-show="options.errorMsg">{{options.errorMsg}}</div>
                        <div class="aqs-alerts aq-warning aqi--margin-top-5"><span class="aq-message">Warning: This operation cannot be undone.</span></div>
                        <div class="aqs-alerts aq-warning aqi--margin-top-5" ng-show="options.childBranches.length">
                            <div class="aq-message"> 
                                <span>{{options.warnMessage}}</span>
                                <ol>
                                    <li class="" ng-repeat="proj in options.childBranches">
                                        {{proj.projectDisplayName}}
                                    </li>
                                </ol>
                            </div>                            
                        </div>                        
                        <div class="aq-content">
                            <div aq-check-box class="aq-form-control" name="warning1" label="All scenarios, contexts and actions will be deleted." value="options.warning1" autofocus required on-select="options.removeMsg()"></div>
                            <div aq-check-box class="aq-form-control" name="warning2" label="All test results, data and parameters will be deleted." value="options.warning2" autofocus required on-select="options.removeMsg()"></div>
                            <div aq-check-box class="aq-form-control" name="warning3" label="All Extension libraries owned by this Project will be deleted unless they are used by other Projects." value="options.warning3" autofocus required on-select="options.removeMsg()"></div>
                        </div>
                    </div>
                    <div class="aq-footer col-md-12">
                        <div class="col-md-7 col-md-offset-5 aqs-no-padding aqs-align-right">
                            <div class="aqs-button-default" ng-click="options.close()">Cancel, Keep Project</div>
                            <div class="aqs-button-primary" ng-click="options.deleteProject()" style="margin-left: 10px;">OK, Delete Project</div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>



    <div class="aqs-modal-normal">
        <div class="container-fluid aqs-conf-project-modal">
            <div class="row">
                <div class="header-block col-md-12 aqs-no-padding">
                    <div class="title-row col-md-12">
                        <span class="text">New Project</span>
                        <div class="aqi-md-cross pull-right" ng-click="options.close();"></div>
                    </div>
                </div>
                <div class="content-block col-md-12">
                    <div class="content-row col-md-12" style="cursor:default;"> Choose an option below for setting up the configuration for the newly created project </div>
                    <div class="content-row col-md-12" ng-click="options.isNewProjSelected = true;options.isExistingProjSelected=false;">
                        <div class="col-md-1 aqs-no-padding">
                            <div class="aqs-radio-button">
                                <div class="radio-btn-circle" ng-class="{'selected': options.isNewProjSelected}"></div>
                            </div>
                        </div>
                        <div class="col-md-11" style="cursor:pointer;">Create Project with no pre-set configuration</div>
                    </div>
                    <div class="content-row col-md-12" ng-click="options.isExistingProjSelected = true;options.isNewProjSelected=false;">
                        <div class="col-md-1 aqs-no-padding">
                            <div class="aqs-radio-button">
                                <div class="radio-btn-circle" ng-class="{'selected': options.isExistingProjSelected}"></div>
                            </div>
                        </div>
                        <div class="col-md-11" style="cursor:pointer;">Copy the configuration information and users from an existing project </div>
                    </div>
                </div>
                <div class="footer-block col-md-12">
                    <div class="button-row col-md-12 aqs-no-padding">
                        <div class="button-primary" ng-class="{'disabled': !options.isExistingProjSelected && !options.isNewProjSelected}" ng-click="options.createProject();">Create</div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div ng-show="options.errorMsg" class="qas-section-message qa-error aqs-display-flex aqi--margin-bottom-15">
        <div class="qai-24-section-message-error aqi--margin-right-10"></div>
        <div class="aqi--align-down-3">{{options.errorMsg}}</div>
    </div>
    <div class="aqs-project-update aqs-display-flex aqi--margin-bottom-15">
        <img class="aq-thumb" ng-src="{{options.thumbnail}}" alt="Project Template"/>
        <div class="aqi--margin-left-10">
            <div class="qas-paragraph qa-marginbtm">An update is available for {{options.projectType}} Add-on</div>
            <div class="qa-content">
                <div class="aqs-display-flex aq-halign-spacebetween">
                    <div>
                        <div class="qas-paragraph aqi--margin-bottom-10">Current Release</div>
                        <div class="qas-paragraph">Update Available</div>

                    </div>
                    <div>
                        <div class="qas-button-text aqi--margin-bottom-10">{{options.currentReleaseNumber}}</div>
                        <div class="qas-button-text">
                            <div>{{options.updatedReleaseNumber}}</div>
                            <div>updated {{options.timeUpdated}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="aqs-popover aqs-branch-diff-popover">
        <div class="aq-section" ng-repeat="section in options.menuItems">
            <div class="aq-sectionitem aqs-display-flex aq-valign-center aqs-display-flex aq-halign-spacebetween" ng-repeat="item in section.items" ng-click="options.clickOnMenuItem(item, $event)" ng-show="item.showHandler? item.showHandler(): true">
                <div class="aqs-display-flex">
                    <i ng-class="item.iconClass" ng-if="item.iconClass && section.showIconHandler(item)"></i> <span ng-class="{'aqi--margin-left-20' : item.iconClass && !section.showIconHandler(item), 'aqi--margin-left-5': item.iconClass && section.showIconHandler(item)}">{{item.nameHandler ? item.nameHandler() : item.name}}</span>
                </div>
                <div class="" ng-if="section.showRightSubtext">
                    {{item.getRightSubtext()}}
                </div>
            </div>            
        </div>
    </div>



    <form aq-form aq-form-validate>
        <div class="qas-section-message aqs-display-flex" ng-class="{'qa-error': options.isError, 'qa-warning': !options.isError}">
            <div class="aqi--margin-right-10 aq-no-shrink" ng-class="{'qai-24-section-message-error': options.isError, 'qai-24-section-message-warning': !options.isError}"></div>
            <div class="aqi--align-down-3">{{options.parentMessage}} </div>
        </div>
        <div class="qas-form-field aqi--margin-bottom-25" ng-repeat="entitySec in options.entitySectionList">
            <div class="aqi--margin-bottom-10 aqs-display-flex">
                <div class="aqi--margin-right-5 aqi--align-down-3" ng-if="options.entitySectionList.length > 1"><i ng-class="{'qai-xs-chevron-down': !entitySec.isHideSectionEntites, 'qai-xs-chevron-right-large': entitySec.isHideSectionEntites}" ng-click="entitySec.isHideSectionEntites = !entitySec.isHideSectionEntites"></i></div>
                <div class="aqi--margin-left-5 qas-title-regular">{{entitySec.message}}</div>
            </div>
            <div ng-hide="entitySec.isHideSectionEntites" class="aqi--margin-left-25 aqi--margin-bottom-25">
                <div class="aqi--margin-left-5 aqi--margin-right-5 aqi--margin-bottom-5" ng-repeat="item in entitySec.items">
                    <div class="aqi--margin-left-5">{{item[options.uniqueName]}}</div>
                </div>                    
            </div>
        </div>
    </form>



    <form aq-form aq-form-validate no-focus="!options.defaultSelect">
        <div class="qas-form-group aqs-merge-proj-info-modal">           
            <div ng-show="options.vars.isInfoModal">     
                <div class="aqs-display-flex aqs-full-width qas-form-field aq-halign-spacebetween">
                    <div class="aq-field-width">
                        <label class="qa-label">Source Project</label>                    
                        <div class="">{{options.vars.sourceProj.projectDisplayName}}</div>                        
                    </div>
                    <div class="aq-field-width">                
                        <label class="qa-label">Target Project</label>                        
                        <div class="" >{{options.vars.targetProj.projectDisplayName}}</div>                        
                    </div>
                </div>
                <div class="aqs-display-flex aqs-full-width qas-form-field aq-halign-spacebetween">
                    <div class="aq-field-width">
                        <label class="qa-label">Branch Path</label>
                        <div class="aqs-display-flex">
                            <div class="aqs-project-badge aqs-display-flex aq-valign-center">
                                <div class="aq-no-shrink qai-xs-branch"></div>
                                <div class="aqi--margin-left-5"> 
                                    {{options.methods.getBranchPath(options.vars.sourceProj) ? options.methods.getBranchPath(options.vars.sourceProj) + ' / ': '' }} 
                                    <span class="aqs-bold-text"> {{options.vars.sourceProj.projectDisplayName}} </span>
                                </div>
                            </div>   
                        </div>
                    </div>
                    <div class="aq-field-width">                
                        <label class="qa-label">Branch Path</label>
                        <div class="aqs-display-flex ">
                            <div class="aqs-project-badge aqs-display-flex aq-valign-center">
                                <div class="aq-no-shrink qai-xs-branch"></div>
                                <div class="aqi--margin-left-5"> 
                                    {{options.methods.getBranchPath(options.vars.targetProj) ? options.methods.getBranchPath(options.vars.targetProj) + ' / ': '' }} 
                                    <span class="aqs-bold-text"> {{options.vars.targetProj.projectDisplayName}} </span>
                                </div>
                            </div>       
                        </div>
                    </div>
                </div>
                <div class="aqs-display-flex aqs-full-width qas-form-field aq-halign-spacebetween">
                    <div class="aq-field-width">
                        <label class="qa-label">Created</label>
                        <div class=""> {{options.vars.sourceProj ? options.methods.getFormatedDate(options.vars.sourceProj.createdTimestamp) : '-'}}</div>
                    </div>
                    <div class="aq-field-width">                
                        <label class="qa-label">Created</label>
                        <div class=""> {{options.vars.targetProj ? options.methods.getFormatedDate(options.vars.targetProj.createdTimestamp) : '-'}}</div>
                    </div>
                </div>
            </div>
            <div ng-show="!options.vars.isInfoModal">
                <div class="qas-form-field qa-wide">
                    <div class="aqs-display-flex aq-column">
                        <div class="aqi--margin-bottom-10">
                            <span class="qas-section-header"> Target Project </span>
                            <span qa-help-popover on="hover" class="qai-xs-help-icon-for-popover aqi--align-down js-qa-popover" header="" body="Project which is updated as part of this merge process ({{options.vars.targetProj.projectDisplayName}})" is-html="false" prefered-position="right-bottom"></span>
                        </div>
                        <div class="aqs-display-flex">
                            <div class="aqs-display-flex aqi--margin-top-5">
                                <div class="aqs-display-flex aqi--margin-bottom-20">
                                    <div class="aqs-project-badge aqs-display-flex aq-valign-center">
                                        <div class="aq-no-shrink qai-xs-branch"></div>
                                        <div class="aqi--margin-left-5"> 
                                            <span>
                                                <span ng-if="options.methods.getBranchPath(options.vars.targetProj)">{{options.methods.getBranchPath(options.vars.targetProj) + ' / '}} </span>
                                                <span class="aqs-bold-text"> {{options.vars.targetProj.projectDisplayName}}</span>
                                            </span>
                                        </div>
                                    </div>        
                                </div>
                            </div>
                        </div>                                                                                 
                    </div>
                </div>
                <div class="qa-seperator"></div>
                <div class="qas-form-field">
                    <div class="aqi--margin-bottom-10">
                        <span class="qas-section-header"> Source Project </span>
                        <span qa-help-popover on="hover" class="qai-xs-help-icon-for-popover aqi--align-down js-qa-popover" header="" body="Project from which the changes are pulled/reviewed" is-html="false" prefered-position="right-bottom"></span>                                                                      
                    </div>                   
                </div>
                <div class="qas-form-field qa-wide">
                    <div class="qas-form-field " style="margin-bottom: 10px;">
                        <div qa-drop-down is-required="true" items="options.projectList" subtext-icon="subtextIcon" subtext-property="subtext" disable-section-collapse="true" text-property="projectDisplayName" group-uid-property="groupIndex" is-group-by="true" uid-property="pid" selected-item="options.vars.sourceProj"  placeholder="Select Project" disabled="options.switches.isDisableSourceProjDropdown">                        
                    </div>
                    <div class="aqs-display-flex aqi--margin-bottom-20 aqi--margin-top-12">                        
                        <div class="aqs-project-badge aqs-display-flex aq-valign-center" ng-if="options.vars.sourceProj">
                            <div class="aq-no-shrink qai-xs-branch"></div>
                            <div class="aqi--margin-left-5"> 
                                <span ng-if="options.methods.getBranchPath(options.vars.sourceProj)">
                                   {{options.methods.getBranchPath(options.vars.sourceProj) + ' / '}} 
                                    <span class="aqs-bold-text"> {{options.vars.sourceProj.projectDisplayName}}</span>
                                </span>
                               <span ng-if="!options.methods.getBranchPath(options.vars.sourceProj)" class="aqs-font-style-italic qas-help-text"> Root Project</span>
                            </div>
                        </div>         
                    </div>
                </div>
                <div class="qas-form-field qa-required ">
                    <label class="qa-label"> Reason for Project update </label>
                    <div aq-text-area is-required="true" rows="4" value="options.vars.mergeReason"></div>
                </div>
            </div>
        </div>        
    </form>



    <form aq-form aq-form-validate>
        <div class="qas-form-group aqs-merge-analyze-modal aqs-display-flex aq-valign-center aq-halign-center">
            <div ng-if="options.switches.isAnalyzing">
                <div class="aqi--margin-top-5 aqs-loading  qas-title qa-large aqi--margin-bottom-25 aqs-display-flex aq-valign-center aq-halign-center">
                    Analyzing changes in the Source and Target projects 
                    <div class="aqi--margin-left-10 aqs-loading">
                        <div class="aq-loading-dot aq-loading-dot-gap-2 aq-loading-dot-6"></div>
                        <div class="aq-loading-dot aq-loading-dot-gap-2 aq-loading-dot-6"></div>
                        <div class="aq-loading-dot aq-loading-dot-6"></div>
                    </div>
                </div>
            </div>
            <div ng-if="options.switches.isIdentical && !options.switches.isAnalyzing">
                <div class="aqi--margin-top-15 aqi--margin-bottom-25 aqs-align-center">
                    <img src='../../assets/images/noupdates.svg'/>
                    <div class="aqi--margin-top-10 aqi--margin-bottom-10 aqs-align-center qas-title" style="font-size: 20px;">No updates </div>
                    <div class="qas-secondary-text">Source and Target Projects are in synch. No updates to pull.</div>
                </div>
            </div>
            <div ng-if="!options.switches.isIdentical && !options.switches.isAnalyzing">
                <div class="qas-paragraph">
                    In the next few screens, Merge Wizard guides you through the step-by-step process to review the changes in the Source project and accept/reject them into the Target project.
                </div>
            </div>
        </div>
    </form>


<form aq-form aq-form-validate>
        <div class="qas-form-group aqs-proj-update-history-modal">    
        <div class="qas-form-field" ng-class="{ 'aq-seperator' : $index > 0 }" ng-repeat="projInfo in options.historyInfo" ng-if="!options.emptyState">
            <div class="aqi--margin-bottom-25">
                <div class="aqs-display-flex aq-column">
                    
                    <div class="aqs-display-flex aq-halign-spacebetween">
                        <div class="qas-form-label aq-session-header">
                            {{projInfo.inProgress ? 'Merge initiated by' : 'Merged by'}}
                        </div>
                        <div ng-if="projInfo.inProgress"  class="aq-session-header aq-inprogress-badge aqs-display-flex aq-valign-centers">
                            IN PROGRESS
                        </div>
                    </div>
                    <div class="aqs-display-flex aq-valign-center aqi--margin-top-4"> 
                        <img ng-if="options.profilePictures[projInfo.userPid]" class="aq-userprofile" ng-src="{{options.profilePictures[projInfo.userPid]}}">
                        <div ng-if="!options.profilePictures[projInfo.userPid] && options.getUserShortName(projInfo.userPid)" class="aq-userprofile">{{options.getUserShortName(projInfo.userPid)}}</div>
                        <div ng-if="!options.profilePictures[projInfo.userPid] && !options.getUserShortName(projInfo.userPid)" class="aq-userprofile">
                            <i class="qai-md-user"></i>
                        </div>
                        <span class="qas-paragraph aqi--margin-left-10"> {{options.getUserFullName(projInfo.userPid)}} </span>
                        <span class="qas-help-text qa-small aqi--margin-left-10">{{options.getPrettyDate(projInfo.completedTimestamp)}}
                    </div>
                    <div class="aqi--margin-top-25 qas-form-label aq-session-header">
                        Source Project Path
                    </div>
                    <div ng-init="projectPath_ = options.getBranchPath(projInfo.srcPjPid)" class="aqs-display-flex">
                        <div class="aqs-display-flex aq-valign-center">
                            <div class="aq-no-shrink qai-xs-branch"></div>
                            <div class="aqi--margin-left-5"> 
                                {{projectPath_ ? projectPath_ + ' / ': '' }} 
                                <span class="qas-title qa-regular qa-light"> {{options.getProjectName(projInfo.srcPjPid)}} </span>                        
                            </div>
                        </div> 
                    </div>
                    <div class="aqi--margin-top-25 qas-form-label aq-session-header">
                        Reason for Merge
                    </div>
                    <div class="qas-title qa-regular qa-light">{{projInfo.mergeReason}}</div>               
                </div>
            </div>        
        </div>
        <div ng-if="options.emptyState" class="aqs-display-flex aq-column aqi--margin-top-15 aqi--margin-bottom-25 aq-valign-center aq-halign-center">
            <img src='../../assets/images/git-branch.svg'/>
            <div class="aqi--margin-top-10 aqi--margin-bottom-10 qas-title" style="font-size: 20px;">No updates to this Project</div>
            <div class="qas-secondary-text">Project <span class="aqs-bold-text">{{options.projectName}} </span> has never been updated from other branches</div>
        </div>
    </div>
    </form>


    <div class="qas-saved-merge-modal">
        <div class="qas-title qa-regular qa-semibold">You have already initiated another merge session for this Project. You can either resume the existing session or start over with a new merge session.</div>
        <div class="aqi--margin-top-24">
            <div class="qas-group-header qa-letter-spacing-dot1 qa-text-transform-none">Source Project Path</div>
            <div class="aqs-display-flex aqi--margin-top-4 aq-valign-center">
                <div class="aq-no-shrink qai-xs-branch"></div>
                <div class="qas-paragraph aqs-overflow-ellipsis" qa-tooltip-title="{{options.savedSessionInfo.sourceProjPath}}" show-on-truncation="true">{{options.savedSessionInfo.sourceProjPath}}</div>
            </div>
            <div class="qas-help-text qa-small qa-closertex">{{options.savedSessionInfo.initiatedAt}}</div>
        </div>
    </div>



    <div class="qas-merge-conflict-modal">
        <div class="qas-title qa-regular qa-semibold">Another merge session for this Project is currently in progress. You are not allowed to start another session until it is completed.</div>
        <div>
            <div class="aqi--margin-top-24"></div>
            <div class="qas-group-header qa-letter-spacing-dot1 qa-text-transform-none aqi--margin-top-24">Merge initiated by</div>
            <div class="aqs-display-flex aq-valign-center aqi--margin-top-4">
                <img ng-if="options.conflictInfo.mergeSessionOwnerProfilePic" class="qa-userprofile" ng-src="{{options.conflictInfo.mergeSessionOwnerProfilePic}}">
                <div ng-if="!options.conflictInfo.mergeSessionOwnerProfilePic" class="qa-userprofile qa-shortname"><div>{{options.conflictInfo.mergeSessionOwnerShortName}}</div></div>
                <div class="qas-paragraph aqi--margin-left-8">{{options.conflictInfo.initiatedBy}}</div>
                <div class="qas-help-text qa-small qa-closertext aqi--margin-left-8 aqi--align-down-1">{{options.conflictInfo.initiatedAt}}</div>
            </div>
            <div class="aqi--margin-top-24">
                <div class="qas-group-header qa-letter-spacing-dot1 qa-text-transform-none">Source Project Path</div>
                <div class="aqs-display-flex aqi--margin-top-4 aq-valign-center">
                    <div class="aq-no-shrink qai-xs-branch"></div>
                    <div class="qas-paragraph aqs-overflow-ellipsis"  qa-tooltip-title="{{options.conflictInfo.sourceProjPath}}" show-on-truncation="true">{{options.conflictInfo.sourceProjPath}}</div>
                </div>
            </div>
            <div class="aqi--margin-top-24">
                <div class="qas-group-header qa-letter-spacing-dot1 qa-text-transform-none">Reason for Merge</div>
                <div class="qas-paragraph">{{options.conflictInfo.reasonForMerge}}</div>
            </div>
        </div>
    </div>



    <div class="aqs-popover aqs-no-padding qas-closebtn-menu">
        <div ng-repeat="item in options.closeOptions" ng-click="item.clickHandler($event)" class="aqs-display-flex aq-valign-center qa-menu-items-list qa-closebtn-menuitem" >
            <div class="{{item.iconClass}}"></div>
            <div class="aqi--margin-left-16">{{item.title}}</span>
        </div>
    </div>


<li class="error-step qa-editor-step qa-error js-qa-editor-error-step">
        <div class="qas-skeleton-render js-qa-skeleton-spinner qa-editor-step-skeleton-spinner">
            <div class="aqs-display-flex aqs-full-width">
                <div class="qa-skeleton-item aq-halign-left aq-flex-grow  aqs-display-flex aq-column aqi--margin-bottom-20">
                    <div class="qa-skeleton-header qa-skeleton-shine">&nbsp;</div>
                    <div class="qa-skeleton-subheader qa-skeleton-shine">&nbsp;</div>
                </div>
                <div class="aq-halign-right aq-flex-grow aqs-display-flex">
                    <div class="qa-skeleton-header qa-skeleton-shine">&nbsp;</div>
                </div>
            </div>
        </div>
        <div class="js-step-content">
            <div class="qa-step-gutter qa-error-step-pre-gutter js-error-step-pre-gutter"></div>
            <div class="qa-step-gutter qa-error-step-post-gutter"></div>
            <div class="aqs-display-flex">
                <div class="aqs-display-flex aq-valign-center">
                    <div class="qa-step-dragicon-wrapper aq-disabled"><div class="qa-step-dragicon aqi-sm-drag-default aqi--align-down-3 aqi--margin-right-10"></div></div>
                    <div class="qai-md-alert-warning aqs-no-margin" style="left: -2px;"></div>
                </div>
                <div class="aqs-display-flex aqs-full-width qa-editor-step-body">
                    <div class="aqs-display-flex aq-flex-grow">
                        
                        <div class="qas-title-regular qa-light aqi--margin-bottom-5">
                            
                            <div class="js-wf-step-err-message-init hide">
                                <span class="aqs-bold-text aqi--margin-right-4">Init Step: </span> Initialization step missing to arrive at
                                <span class="qas-title-regular js-wf-step-err-src"></span>
                            </div>
                            <div class="js-wf-step-err-message hide">
                                <span class="aqs-bold-text aqi--margin-right-4">Missing Step: </span>Review the step below and check if the business process flow is consistent.
                            </div>
                        </div>
                        <div class="aqs-link qas-tag-text js-wf-step-err-learn-more aqi--margin-left-10">Learn more</div>
                    </div>
                    <div class="js-wf-step-err-message-insert-step hide"> 
                        <div class="aqs-display-flex aq-valign-center aq-flex-grow aq-halign-right qa-step-insert-wrapper">
                            <div class="qa-step-insert-icon qas-tag-text">+</div>
                            <div class="aqs-link qas-tag-text js-wf-step-err-insert">Insert Step</div>
                        </div>
                    </div>
                    <div class="js-wf-step-err-message-resolve">
                        <div class="aqs-display-flex aq-valign-center aq-flex-grow aq-halign-right aqs-cursor-pointer js-link-text">
                            <div class="qas-link-text"> Resolve now </div>
                            <div class="qai-xs-down-arrow aqi--align-down-1 aqi--margin-left-2"></div>
                        </div>
                    </div>
                    <div class="qa-dd-btn-spinner hide js-btn-spinner aq-halign-right">
                        <div class="aqs-loading aqs-no-margin">
                            <div class="aq-loading-dot aq-loading-dot-6 aq-loading-dot-gap-2"></div>
                            <div class="aq-loading-dot aq-loading-dot-6 aq-loading-dot-gap-2"></div>
                            <div class="aq-loading-dot aq-loading-dot-6"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </li>


    <div>
        <div class="aqs-para-body-text-bold" style="margin: 5px 0 5px 0;" ng-repeat="alertPid in compAlerts">{{getCompAlertMsg(alertPid)}}</div>
        <div class="aqs-display-flex">
            <div class="aqi-md-goto-active"></div>
            <span ng-click="navigateToAction()" class="qas-link-text aqi--margin-left-5 aqs-cursor-pointer">Navigate</span>
        </div>
    </div>


<div class="aqs-align-center aqs-display-flex aq-column aq-valign-center">
        <div class="qai-md-cross-default aqs-position-absolute aqs-cursor-pointer" style="right: 20px;top: 20px" ng-click="options.closeModal()"></div>
        <div class="aqs-display-flex aq-valign-center aq-halign-center qa-sand-clock">
            <div class="qa-hourglass" ng-if="options.switches.doFetchDetails">
                <div class="top"></div>
                <div class="bottom"></div>
            </div>
            <div class="qa-tick-success-28" ng-if="options.switches.isMergeSuccess"></div>
            <div class="qas-warning-alert_28" ng-if="options.switches.isMergeFailed"></div>
        </div>
        <div class="" ng-if="options.switches.doFetchDetails">
            <div class="qas-title aqi--margin-top-16">Project Merge in Progress</div>
            <div class="qas-help-text qa-closertext qa-small aqi--margin-top-4"> This might take a few minutes to complete</div>
            <div class="aqi--margin-top-10 qas-paragraph">You can close this window, and we'll let you know by email when it's done!</div>
        </div>
        <div class="" ng-if="options.switches.isMergeSuccess">
            <div class="qas-title aqi--margin-top-16">Project Merge completed successfully. </div>
        </div>
        <div class="" ng-if="options.switches.isMergeFailed">
            <div class="qas-title aqi--margin-top-16">Project Merge Failed </div>
            <div class="aqi--margin-top-10 qas-paragraph aqs-overflow-ellipsis" style="width: 450px;" >{{options.vars.errorMessage}}</div>
            <div class="qas-link-text aqi--margin-top-25  aqs-cursor-pointer" ng-click="options.showErrorDetails()"> Show More </div>
        </div>
    </div>
    <div class="aqs-display-flex aq-valign-center aq-halign-center aqi--margin-top-32 aqi--margin-bottom-16">
        <button class="qas-btn-primary aqs-display-flex aq-halign-center aqi--margin-right-20" style="width: 160px" ng-click="options.notifyMeHandler()" ng-show="options.switches.doFetchDetails">Close and Notify Me</button>
        <div class="aqs-display-flex aq-valign-center aq-halign-right">
            <button class="qas-btn-primary aqs-display-flex aq-halign-center" style="width: 160px" ng-disabled="options.switches.doFetchDetails" ng-click="options.closeModal()">Done</button>
        </div>
    </div>


    <div class="aqs-display-flex aq-halign-right aq-valign-center aqs-position-absolute" style="top: 25px; right: 25px">
        <div qa-copy-to-clipboard position="left-middle" transparent-bg="true" copied-msg-title="Error Details" copied-msg-desc="Copied to Clipboard" class="aqs-cursor-pointer aqi--margin-right-20" on-click text="{{ options.errorAdditionalDetails }}"></div>
        <div class="qai-xs-cross-default aqs-cursor-pointer" ng-click="options.closeHandler()"></div>
    </div>
    <div class="aqs-display-flex aq-column">
        <div class="aqi--margin-top-10">{{options.errorMessage}}</div>
        <div class="qas-paragraph aqi--margin-top-20">{{options.errorAdditionalDetails}}</div>
    </div>



    <form aq-form aq-form-validate class="qas-app-variants-merge-diff-modal">
        <div class="qas-section-message aqs-display-flex" ng-class="{'qa-error': options.isError, 'qa-warning': !options.isError}" ng-if="options.message">
            <div class="aqi--margin-right-10 aq-no-shrink" ng-class="{'qai-24-section-message-error': options.isError, 'qai-24-section-message-warning': !options.isError}"></div>
            <div class="aqi--align-down-2">{{options.message}}</div>
        </div>
        <div class="qas-paragraph aqi--margin-top-5 aqi--margin-bottom-30">
            Review the following changes in the App Variant configuration from the Source Project and select which ones to apply to the Target Project.
        </div>
        <div class="aq-variants-block" ng-if="options.newVariantsOptions.variantsList.length>0">
            <div class="aqs-display-flex aq-halign-spacebetween aqi--margin-bottom-20">
                <div class="aqs-bold-text"> New Variants on the Source Project ({{options.newVariantsOptions.variantsList.length}})</div>
                <div class="qas-form-label-small qa-italic""> {{options.newVariantsOptions.selectedCount}} of {{options.newVariantsOptions.variantsList.length}} selected</div>
            </div>
            <div class="qas-help-text qa-italic " ng-if="options.newVariantsOptions.isSimilarNameExist"> 
                <span class="aqi--margin-right-2 aqs-bold-text"> Note: </span> Variants with the same name on the Target Project may still be listed as "New" if they were created independently or renamed on the Target Project.
            </div>
            <div class="qa-line-seperator aqi--margin-bottom-16 aqi--margin-top-16"></div>
            <div class="aqs-display-flex aq-valign-center aqs-full-width aqi--margin-bottom-8">
                <div class="qa-checkbox-column">
                    <button type="button" class="qas-checkbox" ng-class="{ 'qa-checked': options.newVariantsOptions.isSelectAll || (options.newVariantsOptions.selectedCount > 0)}" ng-click="options.methods.onToggleSelectAllOption(options.newVariantsOptions)">
                        <i class="qa-checkbox-tick qai-xs-tick qa-selected"  ng-show="options.newVariantsOptions.isSelectAll"></i>
                        <div class="qa-checkbox-dash qa-small aqi--align-up-2" ng-hide="options.newVariantsOptions.isSelectAll || (options.newVariantsOptions.selectedCount == 0)">-</div>
                    </button>
                </div>
                <div class="qa-variant-column qas-group-header"> VARIANT NAME </div>
                <div class="qa-impact-column qas-group-header"> IMPACT </div>
            </div>   
            <div class="aqs-display-flex aq-column" ng-repeat="newVariant in options.newVariantsOptions.variantsList">
                <div class="qa-line-seperator aqi--margin-bottom-8"></div>
                <div class="aqs-display-flex aqi--margin-bottom-8 aq-valign-center aqs-full-width">
                    <div class="qa-checkbox-column">
                        <button type="button" class="qas-checkbox" ng-class="{'qa-checked': newVariant.acceptSrcEntity}" ng-click="options.methods.onUpdateVariantSelection(newVariant, options.newVariantsOptions)">
                            <i class="qa-checkbox-tick qai-xs-tick qa-selected"></i>
                        </button>
                    </div>
                    <div class="qa-variant-column"> {{newVariant.entityName}} </div>
                    <div class="qa-impact-column qas-disabled-text aqs-flex-grow aqs-display-flex aq-column">
                        <div class="aqs-display-flex aq-valign-center">
                            <div  ng-class="{'qai-xs-tick-circle-green': newVariant.acceptSrcEntity, 'qai-xs-tick-disabled': !newVariant.acceptSrcEntity}" class="aqi--margin-right-4"></div>
                            <div class="qas-help-text qa-italic" ng-class="{'qas-disabled-text': !newVariant.acceptSrcEntity}"> App Variant will be added </div>
                        </div>
                        <div class="qas-help-text qa-italic aqi--margin-top-4" ng-if="newVariant.acceptSrcEntity">
                            Global property data will be copied from source project automatically
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="aq-variants-block" ng-if="options.deletedVariantsOptions.variantsList.length>0">
            <div class="aqs-display-flex aq-halign-spacebetween aqi--margin-bottom-20">
                <div class="aqs-bold-text"> Deleted Variants on the Source Project ({{options.deletedVariantsOptions.variantsList.length}})</div>
                <div class="qas-form-label-small qa-italic""> {{options.deletedVariantsOptions.selectedCount}} of {{options.deletedVariantsOptions.variantsList.length}} selected</div>
            </div>
            <div class="aqs-display-flex aq-valign-center aqs-full-width aqi--margin-bottom-8">
                <div class="qa-checkbox-column">
                    <button type="button" class="qas-checkbox" ng-class="{ 'qa-checked': options.deletedVariantsOptions.isSelectAll || (options.deletedVariantsOptions.selectedCount > 0)}" ng-click="options.methods.onToggleSelectAllOption(options.deletedVariantsOptions)">
                        <i class="qa-checkbox-tick qai-xs-tick qa-selected"  ng-show="options.deletedVariantsOptions.isSelectAll"></i>
                        <div class="qa-checkbox-dash qa-small aqi--align-up-2" ng-hide="options.deletedVariantsOptions.isSelectAll || (options.deletedVariantsOptions.selectedCount == 0)">-</div>
                    </button>
                </div>
                <div class="qa-variant-column qas-group-header"> VARIANT NAME </div>
                <div class="qa-impact-column  qas-group-header"> IMPACT </div>
            </div>
            <div class="aqs-display-flex aq-column" ng-repeat="deletedVariant in options.deletedVariantsOptions.variantsList">
                <div class="qa-line-seperator aqi--margin-bottom-8"></div>
                <div class="aqi--margin-bottom-8 aqs-display-flex aq-valign-center aqs-full-width">
                    <div class="qa-checkbox-column">
                        <button type="button" class="qas-checkbox" ng-class="{ 'qa-checked': deletedVariant.acceptSrcEntity}" ng-click="options.methods.onUpdateVariantSelection(deletedVariant, options.deletedVariantsOptions)">
                            <i class="qa-checkbox-tick qai-xs-tick qa-selected"></i>
                        </button>
                    </div>
                    <div class="qa-variant-column"> {{deletedVariant.entityName}} </div>
                    <div class="qa-impact-column aqs-display-flex aq-valign-center"> 
                        <div class="aqi--margin-right-4" ng-class="{'qai-xs-cross-disabled': !deletedVariant.acceptSrcEntity, 'qai-xs-cross-circle-red': deletedVariant.acceptSrcEntity}"></div>
                       <div class="qas-help-text qa-italic" ng-class="{'qas-disabled-text': !deletedVariant.acceptSrcEntity}"> App Variant will be removed  </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="aq-variants-block qa-rename-block" ng-if="options.renamedVariantsOptions.variantsList.length>0">
            <div class="aqs-display-flex aq-halign-spacebetween aqi--margin-bottom-20">
                <div class="aqs-bold-text"> Renamed Variants ({{options.renamedVariantsOptions.variantsList.length}})</div>
                <div class="qas-form-label-small qa-italic""> {{options.renamedVariantsOptions.selectedCount}} of {{options.renamedVariantsOptions.variantsList.length}} selected</div>
            </div>
            <div class="aqs-display-flex aq-valign-center aqs-full-width aqi--margin-bottom-8">
                <div class="qa-checkbox-column">
                    <button type="button" class="qas-checkbox" ng-class="{ 'qa-checked': options.renamedVariantsOptions.isSelectAll || (options.renamedVariantsOptions.selectedCount > 0)}" ng-click="options.methods.onToggleSelectAllOption(options.renamedVariantsOptions)">
                        <i class="qa-checkbox-tick qai-xs-tick qa-selected"  ng-show="options.renamedVariantsOptions.isSelectAll"></i>
                        <div class="qa-checkbox-dash qa-small aqi--align-up-2" ng-hide="options.renamedVariantsOptions.isSelectAll || (options.renamedVariantsOptions.selectedCount == 0)">-</div>
                    </button>
                </div>
                <div class="qa-variant-column qas-group-header"> NAME CHANGE </div>
                <div class="qa-impact-column  qas-group-header"> IMPACT </div>
            </div>
            <div class="aqs-display-flex aq-column" ng-repeat="renamedVariant in options.renamedVariantsOptions.variantsList">
                <div class="qa-line-seperator aqi--margin-bottom-8"></div>
                <div class=" aqs-display-flex aq-valign-center aqs-full-width aqi--margin-bottom-8">
                    <div class="qa-checkbox-column">
                        <button type="button" class="qas-checkbox" ng-class="{ 'qa-checked': renamedVariant.acceptSrcEntity}" ng-click="options.methods.onUpdateVariantSelection(renamedVariant, options.renamedVariantsOptions)">
                            <i class="qa-checkbox-tick qai-xs-tick qa-selected"></i>
                        </button>
                    </div>
                    <div class="qa-variant-column aqs-display-flex aq-valign-center">
                        <div class="qa-variant-mini-column aq-no-shrink aqs-overflow-ellipsis"> {{renamedVariant.variantNameInDestProj}} </div>
                        <div class="aqi--margin-left-8 aqs-display-flex aq-valign-center">
                            <div class="aqi--margin-right-12 qai-xs-arrow-right aqi--align-down-1 aq-no-shrink"></div>
                            <div class="qa-variant-mini-column aqs-overflow-ellipsis" > {{renamedVariant.entityName}} </div>
                        </div>
                    </div>
                    <div class="qa-impact-column aqs-display-flex aq-valign-center"> 
                        <div class="aqi--margin-right-4" ng-class="{'qai-xs-tick-disabled': !renamedVariant.acceptSrcEntity, 'qai-xs-tick-circle-blue': renamedVariant.acceptSrcEntity}"></div>
                        <div class="qas-help-text qa-italic" ng-class="{'qas-disabled-text': !renamedVariant.acceptSrcEntity}"> App Variant will be renamed  </div>
                    </div>
                </div>
            </div>
        </div>
    </form>



    <form aq-form aq-form-validate class="qas-app-variants-selection-modal">
        <div class="qas-paragraph aqi--margin-top-10 aqi--margin-bottom-20">
            <span ng-show="options.isFullSync"> 
                You have <span class="aqs-bold-text"> selected all {{options.totalCount}} pending changes </span> to sync with the Source Project.
            </span>
            <span ng-show="!options.isFullSync">
                <span ng-show="options.ignoredCount == options.totalCount"> All <span class="aqs-bold-text">{{options.totalCount}} pending changes </span> will be <span class="aqs-bold-text">ignored.</span></span>
                <span ng-show="options.ignoredCount!= options.totalCount">You have <span class="aqs-bold-text"> {{options.ignoredCount}} pending changes </span> from the Source Project that you have not selected. These items will be ignored:</span>
            </span>
        </div>
        <div class="aqs-display-flex aq-column" ng-show="options.isFullSync">
            <span class="aqi--margin-bottom-4"> You are about to apply the following [{{options.totalCount}}] changes: </span>
            <div class="aqi--margin-left-20">
                <li class="aqi--margin-bottom-4" ng-show="options.displayCountInfo.added > 0 "> <span class="aqs-bold-text"> Add </span> : [{{options.displayCountInfo.added}}] variants </li>
                <li class="aqi--margin-bottom-4" ng-show="options.displayCountInfo.deleted > 0 "> <span class="aqs-bold-text"> Remove </span> : [{{options.displayCountInfo.deleted}}] variants </li>
                <li class="aqi--margin-bottom-4" ng-show="options.displayCountInfo.renamed > 0 "> <span class="aqs-bold-text"> Rename </span> : [{{options.displayCountInfo.renamed}}] variants </li>
            </div>
        </div>
        <div class="aqs-display-flex aq-column" ng-show="!options.isFullSync">
            <div class="aqi--margin-left-20">
                <li class="aqi--margin-bottom-4" ng-show="options.displayCountInfo.added > 0 "> {{options.displayCountInfo.added}} New variant will <span class="aqs-para-body-text-bold">not</span> be added</li>
                <li class="aqi--margin-bottom-4" ng-show="options.displayCountInfo.deleted > 0 "> {{options.displayCountInfo.deleted}} Deleted variant will <span class="aqs-para-body-text-bold">not</span> be removed</li>
                <li class="aqi--margin-bottom-4" ng-show="options.displayCountInfo.renamed > 0 "> {{options.displayCountInfo.renamed}} Renamed variant will <span class="aqs-para-body-text-bold">not</span> be updated</li>
            </div>
        </div>
    </form>



    <form aq-form aq-form-validate >
        <div class="qas-paragraph aqi--margin-top-10 aqi--margin-bottom-20 aqs-display-flex aq-column">
            <div ng-show="options.noAppVariantReferences"> Your selections would leave the target project with <span class="aqs-bold-text"> 0 App Variants </span>. A project must always have at least one variant. </div>
            <div ng-show="options.exceedingMaxAppVariantReferences > 0">Your selections would result in <span class="aqs-bold-text"> {{options.exceedingMaxAppVariantReferences}} App Variants </span> on the target project. A project cannot have more than 50 App Variants. </div>
        </div>
        <div class="aqs-display-flex aqi--margin-top-20 aqi--margin-bottom-20">
            How to Fix: 
        </div>     
        <div class="qas-paragraph aqi--margin-top-20 aqs-display-flex aq-column">
            <div class="aqs-display-flex aq-column aqi--margin-bottom-10" ng-show="options.noAppVariantReferences">
                <div> You must ensure at least one variant remains. </div>
                <div class="aqi--margin-top-10 aqi--margin-left-16">
                    <li class="aqi--margin-bottom-4"> Select a <span class="aqs-bold-text"> New Variant </span> to add (or) </li>
                    <li> Uncheck a <span class="aqs-bold-text"> Deleted Variant </span> to keep it </li>
                </div>
            </div>
            <div class="aqs-display-flex aq-column" ng-show="options.exceedingMaxAppVariantReferences > 0">
                <div> You must reduce the total number of variants to 50 or less. </div>
                <div class="aqi--margin-top-10 aqi--margin-left-16">
                    <li class="aqi--margin-bottom-4"> Uncheck a <span class="aqs-bold-text"> New Variant </span> to avoid adding it (or) </li>
                    <li> Select a <span class="aqs-bold-text"> Deleted Variant </span> to remove it</li>
                </div>
            </div>
        </div>
    </form>



    <form aq-form aq-form-validate class="qas-app-variant-rename-conflict-modal">
        <div class="qas-paragraph aqi--margin-top-10 aqi--margin-bottom-20 aqs-display-flex aq-column">
            <div> A name conflict was detected with an existing variant on your target project. </div>
             <div class="aqi--margin-top-4"> To prevent duplicates, the system will automatically adjust the names.</div>
        </div>
        <div class="aqs-display-flex aq-column" ng-if="options.newVariantOptions.variantsList.length>0">
            <div class="aqs-bold-text aqi--margin-bottom-10"> For New Variants:  </div>
            <div class="aqs-display-flex aq-valign-center aqi--margin-bottom-8 qas-paragraph aq-flex-wrap" ng-repeat="conflictVariant in options.newVariantOptions.variantsList">
                The new variant <span class="qa-name-tag"> {{conflictVariant.srcEntityName}} </span> will be added as <span class="qa-name-tag"> {{conflictVariant.newName}} </span>                
            </div>
        </div>
        <div class="aqs-display-flex aq-column" ng-if="options.renamedVariantOptions.variantsList.length>0">
            <div class="aqs-bold-text aqi--margin-top-16 aqi--margin-bottom-10"> For Renamed Variants:  </div>
            <div class="aqs-display-flex aq-valign-center aqi--margin-bottom-8 qas-paragraph aq-flex-wrap" ng-repeat="renamedVariant in options.renamedVariantOptions.variantsList">
                <span class="qa-name-tag">{{renamedVariant.destEntityName}} </span> (being renamed to <span class="qa-name-tag"> {{renamedVariant.srcEntityName}} </span> ) will be applied as <span class="qa-name-tag"> {{renamedVariant.newName}} </span>             
            </div>
        </div>     
        <div class="qas-paragraph aqi--margin-top-20 aqs-display-flex aq-column">
            <div> All other selected changes will be applied as normal. </div>
            <div class="aqi--margin-top-4"> Do you want to proceed with these automatic adjustments? </div>
        </div>
    </form>


<div class="qas-user-onboarding-modal qas-user-onboarding-modal-1000">
        
        <div class="qa-onboarding-wizard aqs-display-flex aq-valign-center aqs-full-height" ng-if="options.vars.currentStage === options.enums.USER_ONBOARDING_STAGE.AQ_OVERVIEW">
            <div class="qa-illustration">
                <div class="qas-spinner qa-medium qa-img-loading"></div>
                <div class="qa-illustration-thumb"></div>
            </div>
            <div class="qa-wizard-contents aqs-full-height">
                <div class="qa-welcome-text aqs-display-flex aq-column aq-halign-spacebetween aqs-full-height">
                    <div>
                        <div class="aqs-display-flex aq-halign-right">
                            <i class="qai-md-cross qa-close-btn aqs-cursor-pointer" ng-click="options.methods.setStage(options.enums.USER_ONBOARDING_STAGE.AQ_DO_LATER)"></i>
                        </div>
                        <div class="qas-title qa-contents-header">
                            <span class="qas-heading">Hi,</span>&nbsp;<span class="qas-subtitle qa-semibold qa-username">{{ options.vars.userFname }}!</span>
                        </div>
                        <div class="qas-paragraph qa-content aqi--margin-top-32-important">
                            <p >
                                We’re thrilled to have you on board with ACCELQ, the top choice for Continuous Testing and Automation.
                            </p>
                            <p class="aqi--margin-top-20">
                                ACCELQ's design-first approach in a codeless paradigm is unique, and helps you build a robust and adaptable test automation from the get-go.
                            </p>
                            <p class="aqi--margin-top-20">
                                Let’s get started and guide you through your first automation test experience with ACCELQ!
                            </p>
                        </div>
                    </div>
                    <div class="qa-contents-footer aqs-display-flex aq-halign-right">
                        <div class="qas-btn-group">
                            <button class="qas-btn-primary qa-announcement-btn" ng-click="options.methods.setStage(options.enums.USER_ONBOARDING_STAGE.AQ_ABOUT_CTX)">
                                <span class="qas-btn-text">Let&#039;s get started</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="qa-onboarding-wizard aqs-display-flex aq-valign-center aqs-full-height" ng-if="options.vars.currentStage == options.enums.USER_ONBOARDING_STAGE.AQ_ABOUT_CTX">
            <div class="qa-illustration">
                <div class="qas-spinner qa-medium qa-img-loading"></div>
                <div class="qa-scn-illustration"></div>
            </div>
            <div class="qa-wizard-contents aqs-full-height">
                <div class="qa-welcome-text aqs-display-flex aq-column aq-halign-spacebetween aqs-full-height">
                    <div>
                        <div class="aqs-display-flex aq-halign-right">
                            <i class="qai-md-cross qa-close-btn aqs-cursor-pointer" ng-click="options.close()"></i>
                        </div>
                        <div class="qas-senario-info">
                            <div class="qas-title qa-contents-header">
                                <span class="qas-subtitle qa-semibold qa-username">What is a Scenario</span>
                            </div>
                            <div class="qas-paragraph qa-content aqi--margin-top-10">
                                <p >
                                    Scenario is a business process that you are automating in ACCELQ.
                                </p>
                            </div>
                            <div class="aqi--margin-top-40">
                                <div class="aqs-display-flex aq-valign-center">
                                    <div class="qas-blue-box aqi--margin-right-8"></div>
                                    <div class="qas-section-header">Scenario has Steps</div>
                                </div>
                                <div class="qas-title qa-large qa-light aqi--margin-top-16">A Scenario, such as “Verify Funds Transfer on QBank”, is composed of a series of <span class='qas-explicit-bold'>Steps</span>.</div>
                            </div>
                            <div class="aqi--margin-top-40">
                                <div class="aqs-display-flex aq-valign-center">
                                    <div class="qas-blue-box aqi--margin-right-8"></div>
                                    <div class="qas-section-header">Step is an Action</div>
                                </div>
                                <div class="qas-title qa-large qa-light aqi--margin-top-16">Each Step is an <span class='qas-explicit-bold'>Action</span>, a modular block of statements that perform a specific task, such as "Login to QBank".</div>
                            </div>
                        </div>
                    </div>
                    <div class="qa-contents-footer aqs-display-flex aq-halign-right">
                        <div class="qas-btn-group">
                            <button class="qas-btn-primary qa-announcement-btn" ng-click="options.methods.setStage(options.enums.USER_ONBOARDING_STAGE.AQ_ABOUT_SCN)">
                                <span class="qas-btn-text">Show me an example</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="qa-onboarding-wizard aqs-display-flex aq-valign-center aqs-full-height" ng-if="options.vars.currentStage == options.enums.USER_ONBOARDING_STAGE.AQ_ABOUT_SCN">
            <div class="qa-illustration">
                <div class="qas-spinner qa-medium qa-img-loading"></div>
                <div class="qa-scenario-example"></div>
            </div>
            <div class="qa-wizard-contents aqs-full-height">
                <div class="qa-scn-example aqs-display-flex aq-column aq-halign-spacebetween aqs-full-height">
                    <div>
                        <div class="aqs-display-flex aq-halign-right">
                            <i class="qai-md-cross qa-close-btn aqs-cursor-pointer" ng-click="options.close()"></i>
                        </div>
                        <div class="qa-scenario-example-step2">
                    </div>
                    </div>
                    <div class="qa-contents-footer aqs-display-flex aq-halign-right">
                        <div class="qas-btn-group">
                            <button class="qas-btn-primary qa-announcement-btn" ng-click="options.methods.initVideoPlayer();">
                                <div class="aqs-display-flex aq-valign-center">
                                    <div class="qai-md-play-blue aqi--margin-right-8"></div>
                                    <div class="qas-btn-text">Watch now: Amazing Way to Automate!</div>
                                </div>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="qas-user-onboarding-modal">
        <div class="qa-onboarding-wizard">
            <div class="qa-wizard-contents aqs-no-padding">
                <div class="qas-section-header">
                    Identify a usecase / a scenario that you would like to automate
                </div>
                <div class="aqi--margin-top-5">
                    <i>
                        For example: <span class='qas-explicit-bold'>Verify Funds Transfer</span> scenario on QBank logs into the bank and verifies funds transfer functionality
                    </i>
                </div>
                <div class="qas-form-field qa-wide">
                    <label class="qas-form-label">
                        Provide a meaningful name to your Scenario
                    </label>
                    <input class="qas-input" type="text" placeholder="Scenario name" ng-model="options.vars.newScenario.scnName"  ng-class="{'qa-error': options.switches.isScnNameError}" ng-keyup="options.methods.validateScnName($event)" />
                    <div id="qa-scn-create-errormsg" class="qas-form-errormsg">
                        {{options.vars.scnNameErrMsg}}
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="qas-user-onboarding-modal qas-modal-generic">
        <div class="qa-modal-contents">
            <div class="qa-onboarding-wizard aqs-display-flex">
                <div>
                    <img src="../../assets/images/onboarding/great-job.svg" />
                </div>
                <div class="qa-wizard-contents aqs-no-padding aqs-display-flex aq-flex-wrap aq-valign-bottom">
                    <div class="aq-flex-grow">
                        <div class="qas-section-header aqi--margin-bottom-15">
                            Great Job!
                        </div>
                        <div class="qas-paragraph">
                            You {{options.vars.confirmationStr}} to the Universe. {{options.vars.contextCount + options.vars.actionCount > 1 ? "These" : "This" }} <span class='qas-explicit-bold'>reusable building block{{options.vars.contextCount + options.vars.actionCount > 1 ? "s" : "" }}</span> will be used across multiple Scenarios you will write.
                        </div>
                    </div>
                    <div class="qa-contents-footer aqs-no-padding-bottom aq-flex-grow">
                        <div class="qas-btn-group aqs-align-right">
                            <button class="qas-btn-primary" ng-click="options.close()">
                                Got it!
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="qas-modal-generic qas-before-capture-help-modal">
        <div class="qa-modal-header aqs-no-padding-bottom">
            <div class="qa-modalheader-left"></div>
            <div class="qa-modalheader-right">
                <button class="qa-closeicon" ng-click="options.close()">
                    <i class="qai-md-cross"></i>
                </button>
            </div>
        </div>
        <div class="qa-modal-contents">
            <div class="aqs-display-flex">
                <div class="qa-thumb-container aqi--margin-right-20">
                    <img class="qa-thumb" src="../../assets/images/onboarding/chrome-web-store.svg"/>
                </div>
                <div class="qa-description">
                    <div class="qas-section-header aqi--margin-bottom-15">
                        Record Views
                    </div>
                    <div class="qas-paragraph">
                        <p>
                            You will now be navigated to the application page in a new tab. ACCELQ Recorder plugin will open as soon as the application page is loaded.
                        </p>
                    </div>
                    <div class="qas-quick-tip aqi--margin-top-20">
                        <span class="qa-icon qai-md-info-circle-default aqi--align-down-1"></span>
                        Remember to capture all the Views for the pages relevant for this Scenario
                    </div>
                </div>
            </div>
        </div>
        <div class="qa-modal-footer">
            <div class="qa-modalfooter-left">
            </div>
            <div class="qa-modalfooter-right qas-btn-group qa-reverse">
                <button class="qas-btn-primary" ng-click="options.methods.invokeUserOnboardingViewCapture()">
                    Record Views
                </button>
                <button class="qas-btn-secondary" ng-click="options.methods.cancelUserOnboarding()">
                    Cancel
                </button>
            </div>
        </div>
    </div>


<div class="aqs-modal-skytheme aqs-defects-list-dialog">
        <div class="aq-header aqs-display-flex aq-halign-spacebetween">
            <div class="">
                <div class="aq-header-text">NOTE</div>
            </div>
            <div class="">
                <div class="aqi-md-cross" ng-click="options.close();"></div>
            </div>
        </div>
        <div class="aq-contents aqs-stepbox-textarea js-textarea">
            <div class="aq-stepbox-textarea" ng-click="options.focusTextArea()">
                <textarea class="js-desc-textarea" rows="4" ng-paste="options.onTextAreaPaste($event)" placeholder="Type your observation" ng-model="options.testcase.tcJson.annotation"></textarea>
                <div class="aq-textarea-badge aq-clickable" ng-click="options.openAttachment(attachment)" ng-repeat="attachment in options.testcase.tcJson.attachments">
                    <div class="aqi-lg-{{attachment.fileExtension}}-default aqi-lg-{{attachment.fileExtension}}-alt-default aq-file-icon"></div>
                    <div class="aq-textareabadge-text aqs-overflow-ellipsis" title="{{ attachment.fileName }}">{{ attachment.fileName }}</div>
                    <div class="aq-textareabadge-subtext">({{ options.getPrettyFileSize(attachment.fileSize) }})</div>
                    <div class="aq-textareabadge-icon aqi-sm-xs-cross" ng-click="$event.stopPropagation(); options.deleteAttachment(attachment)"></div>
                </div>
                <div ng-show="options.attachmentInProgress">
                    <div class="aq-textarea-badge" ng-repeat="attach in options.attachmentInProgress">
                        <div class="aqi-lg-{{attach.fileExtension}}-default aq-file-icon"></div>
                        <div class="aq-textareabadge-text aqs-overflow-ellipsis" title="{{ attach.fileName }}">{{ attach.fileName }}</div>
                        <div class="aqi--margin-left-10">
                            <div class="aqs-loading">
                                <div class="aq-loading-dot aq-loading-dot-4"></div>
                                <div class="aq-loading-dot aq-loading-dot-4"></div>
                                <div class="aq-loading-dot aq-loading-dot-4"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="aq-stepbox-errormsg js-textarea-errormsg"></div>
            <div class="aq-stepbox-footer">
                <span class="aq-stepbox-attachbtn">
                    <input type="file" class="aq-attachbtn-input" accept="{{options.supportedFiles}}" multiple="true" onclick="value = null" onchange="angular.element(this).scope().options.onFileInputChange(this)" />
                    <i class="aqi-md-attach-pin-default aq-attachbtn-icon"></i>
                </span>
                
            </div>
        </div>
        <div class="aq-footer aqs-display-flex aq-halign-right">
            
        </div>
    </div>

<div class="aqs-modal-new  aqs-bug-creation-modal"  ng-if="!options.switches.showSuccessMsg">
            <div class="container-fluid">
               <div class="row">
                  <div class="col-md-12 aqs-no-padding">
                     <div class="aq-header col-md-12">
                        <div class="col-md-12 aqs-no-padding aqs-display-flex aq-halign-spacebetween">
                           <div>
                              <div class="aqs-para-body-text-bold aq-header-name">
                                 {{options.title}}
                              </div>
                           </div>
                           <div>
                              <div class="aqi-md-cross aqi--align-down-1" ng-click="options.close()"></div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <form class="aqForm col-md-12 row aq-no-margin aq-form  aq-form-validate js-link-issues-form">
                     <div ng-show="options.errorMessage" class="aq-globalerror">{{options.errorMessage}}</div>
                     
                     <div class="aq-contents js-contents col-md-12">                        
                           <div class="aq-content-label">Search for {{options.isTFS? "TFS": "Jira"}} ID </div>
                           <div class="col-md-12 aq-content aqs-no-padding">
                                <div aq-loading-dots ng-show="options.showJiraKeySpinner" dot-count="3" dot-size="4" actuator-selector=".aqi-md-search.aq-jirakeysearch"></div>
                                <div aq-input-text label="Issue Key" class="aq-jirakeyinput" value="options.jiraIssueKey" ng-keyup="$event.which == 13 &&options.findJiraIssueByKey(); __showHitEnter = $event.which != 13 " name="jiraIssueKey" placeholder="" autocomplete="off"></div>
                                <div class="aq-jirakeybadge" ng-init="__showHitEnter = true" ng-show="options.jiraIssueKey && __showHitEnter">hit <i>Enter</i></div>
                                <div class="aqi-md-search aq-jirakeysearch" ng-click="options.findJiraIssueByKey(); __showHitEnter = false"></div>                        
                           </div>
                        <div class="col-md-12 aqs-no-padding aqi--margin-top-10 aqi--margin-left-5" ng-if="options.selectedJiraBug">
                            <div class="col-md-12 aqs-no-padding aqi--margin-top-10">
                                <div class="col-md-3 aqs-no-padding aqs-para-body-text-bold">{{options.selectedJiraBug.key}}</div>
                                <div class="col-md-9 aqs-no-padding">{{options.selectedJiraBug.title}}</div>
                            </div>
                            <div class="col-md-12 aqs-no-padding aqi--margin-top-10">
                                <div class="col-md-3 aqs-no-padding aqs-para-body-text-bold">Status</div>
                                <div class="col-md-9 aqs-no-padding">{{options.selectedJiraBug.status}}</div>
                            </div>
                        </div>
                     </div>
                     <div class="aq-footer col-md-12">
                        <div class="aqs-no-padding aqs-align-right">
                           <div class="aqs-button-default-medium aqi--margin-right-10" ng-click="options.close();">Cancel</div>
                           <div class="aqs-button-primary-medium" ng-class="{'disabled': !options.selectedJiraBug}" ng-click="options.addNewLink(options.selectedJiraBug)">Add</div>
                        </div>
                     </div>
                  </form>
               </div>
            </div>
         </div>


    <div class="aqs-warn-dialog-for-manual-scn-runs aqs-modal-new">
        <div class="aqi-sm-cross pull-right" ng-click="options.close()"></div> 
        <div class="aq-title aqi--margin-bottom-10 aqs-display-flex">
            <i class="aqi-md-exclamation-circle-error aqi--margin-right-5"></i>
            <span> WARNING </span>
        </div>
        <div class="aq-globalerror col-md-12" ng-show="options.vars.globalErrorText">{{options.vars.globalErrorText}}</div>
        <div class="col-md-12 aqi--margin-bottom-15 aqi--margin-top-10">
                <div> {{options.vars.notRunCount}} {{options.vars.notRunCount ==1 ? 'testcase is' : 'test cases are'}}  in <span class="aqs-para-body-text-bold"> Not Run </span> status. Once the Run is marked as <span class="aqs-para-body-text-bold">Complete</span>, you cannot update the run anymore.</div>
                
        </div>
        <div class="col-md-12 aqs-section-header aqi--margin-bottom-10 ">
                Choose one of the options 
        </div>
        <div class="aq-content col-md-12  aqi--margin-bottom-10">
                <div class="aq-content-value">
                    <div class="col-md-12">
                    <div class="js-radio-btn-group radio-btn-group aqi--margin-bottom-10" ng-click="options.vars.selectedOption = options.enums.MARK_RUN_WITH_UPDATE_OF_STATUS;options.vars.globalErrorText = ''" >
                        <div class="radio-button" ng-class="{'selected': options.vars.selectedOption == options.enums.MARK_RUN_WITH_UPDATE_OF_STATUS }" ></div>
                        <div class="radio-btn-label">Set a fixed status for all <span class="aqs-para-body-text-bold">Not Run</span> test cases, and submit</div>
                    </div>
                </div>
                    <div class="col-md-12 aqi--margin-bottom-15 aqi--margin-left-15" ng-show="options.vars.selectedOption == options.enums.MARK_RUN_WITH_UPDATE_OF_STATUS">
                        <div class="qas-form-field qa-half-medium qa-no-margin">
                            <div qa-drop-down search="true" items="options.collections.statuses" text-property="text" is-required="true"
                            selected-item="options.vars.selectedStatusObj" on-select="options.methods.onStatusSelectionChange(e)" uid-property="value"></div>
                        </div>
                    </div> 

                    <div class="col-md-12">
                    <div class="js-radio-btn-group radio-btn-group aqi--margin-bottom-10" ng-click="options.vars.selectedOption = options.enums.MARK_AS_COMPLETE;options.vars.globalErrorText = ''" >
                        <div class="radio-button" ng-class="{'selected': options.vars.selectedOption == options.enums.MARK_AS_COMPLETE}" ></div>
                        <div class="radio-btn-label">Go ahead and mark as <span class="aqs-para-body-text-bold">Complete</span></div>
                     </div> 
                    </div>
                     <div class="col-md-12 ">                   
                    <div class="js-radio-btn-group radio-btn-group aqi--margin-bottom-10" ng-click="options.vars.selectedOption = options.enums.MARK_AS_RESUME;options.vars.globalErrorText = ''">
                            <div class="radio-button" ng-class="{'selected': options.vars.selectedOption == options.enums.MARK_AS_RESUME }" ></div>
                            <div class="radio-btn-label">Resume test run</div>
                    </div>
                </div>
                </div>
            </div>
        <div class="aq-footer aqs-align-right">
            <div class="aqs-button-default-medium" ng-click="options.close()">Cancel</div>
            <div class="aqs-button-primary-medium aqi--margin-left-5"  ng-click="options.methods.save()" ng-class="{ 'aq-disabled' : !options.vars.selectedOption }">Proceed</div>
        </div>
    </div>


<div class="aqs-view-attachment-dialog">
        <div class="aq-title aqi--margin-bottom-10  aq-header-section  aqs-display-flex aq-valign-center ">
            <div class="aq-entity-header"> 
                <div ng-if="options.isNameEditActive">

                    

                    <form aq-form aq-form-validate ng-submit="options.onEditFileNameSave()" ng-keyup="options.onEditFileNameKeyup($event)">
                        <div aq-entity-name="" regex-pattern-type="exclude" class="aq-form-control" type="text" value="options.fileNameCopy" ng-init="options.onEditFileNameInputInit()"></div>
                        <div class="aqs-para-placeholder-text-small aqs-align-right" style="color: white">hit Enter</div>
                    </form>            

                </div>
                <div ng-show="!options.isNameEditActive" class="aq-name-block aqs-cursor-pointer aqs-display-flex aq-valign-center " ng-click="options.isNameEditActive = true;"> 
                    <div class="aqs-overflow-ellipsis" title="{{options.fileName}}"> 
                        {{options.fileName}} 
                    </div>
                    <div class="aqi-md-pencil-default aq-edit-icon aqi--margin-left-5" title="Edit"></div>
                </div>
            </div>
            <div ng-click="options.close()">
                <i class="aqi-lg-cross-light-default aqs-cursor-pointer "></i>
            </div>                
        </div>
        <img class="aq-image" ng-show="options.isImageLoaded && options.imgSrc" ng-src="{{ options.imgSrc }}">
        <div class="" ng-if="options.isImageLoaded &&!options.imgSrc">
            <img class="aq-image" src="/assets/images/image_not_found.svg">
            <div class="aq-notfound-label">
                Sorry! attachment not found
            </div>
        </div>
        <div class="aqs-loading aq-loading" ng-hide="options.isImageLoaded">
            <div class="aq-loading-dot"></div>
            <div class="aq-loading-dot"></div>
            <div class="aq-loading-dot"></div>
        </div>
    </div>


    <div class="aqs-attachment-name-dialog">
        <div class="aqs-section-header aqi--margin-bottom-10 ">
                Attachment Name
            <div class="aqi-sm-cross pull-right" ng-click="options.close()"></div>  
        </div>
        <div class="aqi--margin-bottom-15">
            <form aq-form aq-form-validate ng-submit="options.save()">
                <div aq-entity-name="" regex-pattern-type="exclude" class="aq-form-control" type="text" value="options.newAttachmentName"></div>
                <div class="aqs-para-placeholder-text-small aqs-align-right aqi--margin-top-5">hit Enter</div>
            </form>            
        </div>
    </div>



    <div>
        <div class="qas-paragraph aqi--margin-bottom-5">Enter a note for the associated {{options.mode}}, to track this traceability in ACCELQ.{{options.systemName ? (" This note is not carried over to " + options.systemName) : ""}}</div>
        <div 
        aq-text-area 
        max-length = "1024"
        name="traceabilityNote"
        is-required="false"
        rows="5"
        value="options.value"></div>
    </div>



    <div style="min-height: 300px;">
        <div class="qas-paragraph qa-regular aqi--margin-bottom-20">The following filters define this ad-hoc suite:</div>
        <div class="aqi--margin-bottom-12" ng-repeat="scnFilter in options.adhocSelectionDisplayJson.displayFilterList track by $index">
            <span class="aqi--margin-right-12">{{$index + 1}}.</span>
            <span class="qas-help-text qa-dark">{{scnFilter[0]}}</span>
            <span class="qas-help-text qa-italic">{{scnFilter[1]}}</span>
            <span class="qas-help-text qa-grey">{{scnFilter[2]}}</span>
        </div>
    </div>



    <div class="">
        <div style="width: 60px; height: 60px; margin: 0 auto">
            <img src='../../assets/images/Success-Tick-Completed.svg'/>
        </div>
        <div class="aqi--margin-top-24 aqi--margin-bottom-12 qas-title aqs-align-center">
            {{options.typeText}} {{!options.newBug ? 'Association Completed' : "Creation Completed"}}
        </div>
        <div class="aqi--margin-bottom-24 qas-title qa-light aqs-align-center">
            {{options.typeText}} {{options.newBug ? 'created successfully!' : "associated with the test run"}}
        </div>
        <div style="overflow: scroll;max-height: 200px; min-width: 500px;padding: 0 24px;">
            <div class="aqi--margin-bottom-12 aqs-display-flex aq-valign-center" ng-class="{'aq-halign-center': options.items.length === 1}" ng-repeat="item in options.items track by $index">
                <a style="min-width: 60px;" class="qas-link aqi--margin-right-12" href="{{item.link}}" target="_blank">{{item.id}}</a>
                <div ng-style="options.items.length !== 1 && {'max-width': '430px'}" class="qas-subtitle aqs-overflow-ellipsis" qa-tooltip-title="{{item.title}}">{{item.title}}</div>
            </div>
        </div>
        <div class="aqi--margin-top-20 aqs-display-flex aq-halign-center">
            <button class="qas-btn-secondary" ng-click="options.closePopup()">Close</button>
        </div>
    </div>



    <div class="qas-modal-generic" ng-class="{'qa-full-maxheight' : options.fullMaxHeight, 'qa-fullheight' : options.fullHeight, 'qa-no-bottompadding': options.hideBottomPadding, 'qa-no-toppadding': options.hideTopPadding, 'qa-fullheight-with-no-margin': options.isFullHeightWithoutMargin}">
        <div class="qa-modal-header" ng-hide="options.hideHeader" ng-class="{'aqs-no-padding-bottom': options.hideHeaderBottomPadding, 'qa-line-header-separator': options.showHeaderSeparator}">
            <div class="qa-modalheader-left" ng-class="{ 'qa-no-grow' : options.headerFreeSpaceOptions }">
                <div ng-if="options.headerIconClass" class="qa-headerleft-iconwrapper">
                    <i class="qa-headerleft-icon aqi--align-up-1 {{ options.headerIconClass }}"></i>
                </div>
                <div ng-if="options.headerCustomIcon" class="aqs-mincontent-height aqi--margin-right-12" ng-bind-html="options.headerCustomIcon"></div>
                <div class="qa-headerleft-details">
                    <div class="qa-headerleft-title">
                        <span ng-if="options.headerBadge" class="qa-header-badge">{{options.headerBadge}}</span>
                        <div ng-if="!options.isFn(options.title)" qa-force-tooltip="{{options.isForceTooltip}}" qa-tooltip-title="{{options.tooltipTitle ? options.tooltipTitle : options.title}}" class="aqs-overflow-ellipsis">
                            {{ options.title }}
                        </div>
                        <div ng-if="options.isFn(options.title)" ng-init="_bindHtml = options.title()" class="aqs-overflow-ellipsis" ng-bind-html="_bindHtml"></div>
                    </div>
                    <div class="qa-headerleft-subtitle qas-placeholder-text aqs-overflow-ellipsis" ng-if="options.subtitle && !options.isFn(options.subtitle)" ng-class="{'qa-small': options.smallSubtitle}">
                        {{ options.subtitle }}
                    </div>
                    <div class="qa-headerleft-subtitle aqs-overflow-ellipsis" 
                    ng-if="options.subtitle && options.isFn(options.subtitle)"
                    ng-init="_bindHtml = options.subtitle()"
                    ng-bind-html="_bindHtml"></div>
                </div>
            </div>
            <div class="qa-modalheader-freespace" ng-if="options.headerFreeSpaceOptions" aq-compile-template options="options.headerFreeSpaceOptions">
                
            </div>
            <div class="qa-modalheader-right aqs-display-flex">
                <button ng-click="options.toggleExpand()" qa-tooltip-title="{{options.isModalInExpandMode() ? 'Restore' : 'Full Screen'}}" ng-if="options.showExpandedIcon" class="aqs-cursor-pointer qas-btn-tertiary-mini aqi--margin-right-12 aqi--margin-bottom-22"><i ng-class="options.isModalInExpandMode() ? 'qai-xs-collapse-diagonal-default' : 'qai-xs-expand-diagonal-default'"></i></button>
                <button class="qa-closeicon" ng-hide="options.hideCrossIcon" ng-click="options.close()">
                    <i ng-class="options.closeIconClass"></i>
                </button>
            </div>
        </div>
        <div class="qa-modal-contents" ng-if="!options.showSpinner" ng-init="options.onContentInit()" ng-class="{'aqs-no-padding': options.disablePadding, 'aqs-overflow-visible':options.overflowVisible}">
            {0}
        </div>
        <div class="qa-modal-contents" ng-class="{'qa-spinner-minheight' : options.minSpinnerHeight}" ng-if="options.showSpinner">
            <div qa-spinner text="{{ options.spinnerText || 'Loading' }}"></div>
        </div>
        <div class="qa-modal-footer js-qa-modal-footer" ng-class="{'aqs-no-padding': !options.footerOptions, 'qa-align-center': options.footerOptions.alignCenter}" ng-hide="options.footerOptions.hideFooter">
            <div class="qa-modalfooter-left">
                <div class="qa-footerleft-hint" aq-compile-template options="options.footerOptions.hint" ng-if="options.footerOptions.hint && !options.showSpinner"></div>
            </div>
            <div class="qa-modalfooter-right qas-btn-group qa-reverse">
                <button class="qas-btn-primary {{options.footerOptions.primary.className}}" ng-if="options.footerOptions.primary" ng-style="options.footerOptions.primary.customStyle || {}" ng-show="options.footerOptions.primary.showHandler ? options.footerOptions.primary.showHandler() : true" ng-click="(options.footerOptions.primary && options.footerOptions.primary.showSpinner) ? '' : options.footerOptions.primary.clickHandler($event)" ng-class="[(options.footerOptions.primary.disableHandler && options.footerOptions.primary.disableHandler()) || options.showSpinner || (options.footerOptions.primary && options.footerOptions.primary.showSpinner) || (options.footerOptions.secondary && options.footerOptions.secondary.showSpinner) || (options.footerOptions.tertiary && options.footerOptions.tertiary.showSpinner) ? 'qa-disabled-with-cursor' : '', (options.footerOptions.primary.type || ''), (!options.footerOptions.primary.type && options.modalType ? 'qa-' + options.modalType : ''), options.footerOptions.primary.showSpinner ? 'qa-loading' : '']" qa-tooltip-title="{{options.footerOptions.primary.disableHandler && options.footerOptions.primary.disableHandler() || options.showSpinner ? options.disabledBtnTooltip : options.footerOptions.primary.tooltipText ? options.footerOptions.primary.tooltipText() : '' }}"  ng-disabled="(options.footerOptions.primary.disableHandler && options.footerOptions.primary.disableHandler()) || options.showSpinner || (options.footerOptions.secondary && options.footerOptions.secondary.showSpinner) || (options.footerOptions.tertiary && options.footerOptions.tertiary.showSpinner)">
                    {{ options.footerOptions.primary.displayTextHandler ?  options.footerOptions.primary.displayTextHandler() : options.footerOptions.primary.displayText }}
                    <i ng-show="options.footerOptions.primary.iconRightClass" ng-class="options.footerOptions.primary.iconRightClass"></i>
                </button>
                <button class="qas-btn-secondary" ng-disabled="options.footerOptions.secondary.disableHandler() || options.showSpinner || (options.footerOptions.primary && options.footerOptions.primary.showSpinner) || (options.footerOptions.tertiary && options.footerOptions.tertiary.showSpinner)" ng-if="options.footerOptions.secondary" ng-show="options.footerOptions.secondary.showHandler ? options.footerOptions.secondary.showHandler() : true" ng-click="options.footerOptions.secondary.clickHandler($event)" ng-class="{ 'qas-disabled-click-custom-cursor': options.footerOptions.secondary.disableHandler() || options.showSpinner || (options.footerOptions.primary && options.footerOptions.primary.showSpinner) || (options.footerOptions.tertiary && options.footerOptions.tertiary.showSpinner), 'qa-loading' : options.footerOptions.secondary.showSpinner}" qa-tooltip-title="{{options.footerOptions.secondary.disableHandler && options.footerOptions.secondary.disableHandler() || options.showSpinner ? options.disabledSecondaryBtnTooltip : options.footerOptions.secondary.tooltipText ? options.footerOptions.secondary.tooltipText() : '' }}">
                    {{ options.footerOptions.secondary.displayText }}
                    <i ng-show="options.footerOptions.secondary.iconRightClass" ng-class="options.footerOptions.secondary.iconRightClass"></i>
                </button>
                <button class="qas-btn-tertiary" ng-if="options.footerOptions.tertiary" ng-show="options.footerOptions.tertiary.showHandler ? options.footerOptions.tertiary.showHandler() : true" ng-click="options.footerOptions.tertiary.clickHandler($event)" ng-class="{ 'qa-disabled': (options.footerOptions.tertiary.disableHandler && options.footerOptions.tertiary.disableHandler()) || options.showSpinner || (options.footerOptions.secondary && options.footerOptions.secondary.showSpinner) || (options.footerOptions.secondary && options.footerOptions.secondary.showSpinner) || (options.footerOptions.primary && options.footerOptions.primary.showSpinner), 'qa-loading' : options.footerOptions.tertiary.showSpinner}">{{ options.footerOptions.tertiary.displayText }}</button>
                <div class="qa-footerleft-hint" aq-compile-template options="options.footerOptions.hint" ng-if="options.footerOptions.hint && options.footerOptions.hint.alignRight && !options.showSpinner"></div>
            </div>
        </div>
    </div>



    <div class="qas-tour-popover">
        <div class="qa-spike" ng-class="options.pointerOptions.positionClass" ></div>
        <div class="qa-modal-header">
            <div class="qa-modalheader-left">                
                <div class="qa-headerleft-details" ng-if="options.title">
                    <div class="qa-headerleft-title aqs-overflow-ellipsis">
                        {{ options.title }}
                    </div>                    
                </div>               
            </div>
            <div class="qa-modalheader-right" ng-if="options.showCloseIcon">
                <button class="qa-closeicon" ng-click="options.close()">
                    <i class="qai-md-cross"></i>
                </button>
            </div>
        </div>
        <div class="qa-modal-contents">
            {0}
        </div>
        <div class="qa-modal-footer" ng-hide="options.footerOptions.hideFooter">
            <div class="qa-modalfooter-left">
                <div class="qa-footerleft-tourdot" ng-repeat="a in options.range(7) track by $index" ng-class="{'qa-selected':$index == 2 }"></div>                
            </div>
            <div class="qa-modalfooter-right qas-btn-group qa-reverse">
                <button class="qas-btn-primary" ng-if="options.footerOptions.primary" ng-click="options.footerOptions.primary.clickHandler($event)" ng-class="[ options.footerOptions.primary.disableHandler && options.footerOptions.primary.disableHandler() ? 'qa-disabled' : '', (options.footerOptions.primary.type || ''), (!options.footerOptions.primary.type && options.modalType ? 'qa-' + options.modalType : '')]">{{ options.footerOptions.primary.displayText }}</button>
                <button class="qas-btn-secondary" ng-if="options.footerOptions.secondary" ng-click="options.footerOptions.secondary.clickHandler($event)" ng-class="{ 'qa-disabled': options.footerOptions.secondary.disableHandler()}">{{ options.footerOptions.secondary.displayText }}</button>
                <button class="qas-btn-tertiary" ng-if="options.footerOptions.tertiary" ng-click="options.footerOptions.tertiary.clickHandler($event)" ng-class="{ 'qa-disabled': options.footerOptions.tertiary.disableHandler()}">{{ options.footerOptions.tertiary.displayText }}</button>
            </div>
        </div>
    </div>




    <div class="aqs-modal-plaintheme">
        <div class="aqs-display-flex aq-valign-center aq-halign-spacebetween">
            <span class="aqs-para-body-text-bold aqi--margin-right-10">{{ options.message }}</span>
            <div class="aqs-loading">
                <div class="aq-loading-dot aq-loading-dot-6"></div>
                <div class="aq-loading-dot aq-loading-dot-6"></div>
                <div class="aq-loading-dot aq-loading-dot-6"></div>
            </div>
        </div>
    </div>


Requests	IP Address	Location	AS Autonomous System
100	18.198.53.41Aws · CLOUD	Frankfurt am Main, Hesse, Germany	AS16509Amazon.com, Inc.
100	1	-	-

Security Scan Report: sage.accelq.io

Summary

AI Security Verdict

Low Risk

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

Page Statistics

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