{{::('Location' | translate)}}
{{::('Timeframe' | translate)}}
{{::('Date' | translate)}}
{{::('ToLower'| translate)}}

{{::('Date' \| translate)}}	{{::('Location' \| translate)}}	{{::('ChangeOrChanges' \| translate)}}	{{::('Name' \| translate)}}	{{::('Details' \| translate)}}
{{m.CreationDate \| ihsDate}}	{{m.Location.description}}	{{m.Change}}	{{m.UserName}}

{{::("TotalColon"|translate)}} {{controller.data.Total}} {{::("NoResultsFound"|translate)}}

#	{{::("CustomCollectionsAccountId"\|translate)}}	{{::("CustomCollectionsCollectionType"\|translate)}}	{{::("CustomCollectionsCompanyOrganization"\|translate)}}	{{::("CollectionDescription"\|translate)}}	{{::("CustomCollectionsQuoteDescription"\|translate)}}	{{::("CustomCollectionsQuoteId"\|translate)}}	{{::("CustomCollectionsPCN"\|translate)}}	{{::("CustomCollectionsStatus"\|translate)}}	{{::("CustomCollectionsStatusLastUpdatedDate"\|translate)}}
{{controller.getRowNum($index)}}	{{controller.UseCustomCollectionV2 ? item.SubAccountId : item.SubaccountId}}	{{controller.UseCustomCollectionV2 ? item.CollectionType : (item.CollectionType \| ccType)}}	{{item.Company}}	{{item.PcnDescription}}	{{item.Description}}	{{controller.UseCustomCollectionV2 ? item.Id : item.QuoteId}}	{{item.Pcn}}	{{controller.UseCustomCollectionV2 ? item.Status : (item.Status \| ccStatus)}} {{controller.UseCustomCollectionV2 ? item.Status : (item.Status \| ccStatus)}}	{{controller.UseCustomCollectionV2 ? (item.StatusModifiedDate \| ihsDate) : (item.LastUpdated \| ihsDate)}}

{{('SharingDialogEmail' | netFormat : model.userData.userInfo.Email)}}

{{('MSCLastLoggedIn' | netFormat : model.userData.userInfo.DateLastLogin)}}

{{('NumSavedArtifacts' | netFormat : model.userData.totalCount || 0)}}

{{('NumSharedArtifacts' | netFormat : model.userData.totalShared || 0)}}

{{group.title}} {{group.sharedCount === 0 ? ('MSCGroupTitleNew'| netFormat: [group.title, group.items.length]) :('MSCGroupTitleNewShared'| netFormat: [group.title, group.items.length, group.sharedCount]) }}

{{('MSCItemModified'| netFormat: item.DateUpdated)}} {{('MSCSharedWithTemplates'| netFormat: [item.SharedWithUsers, item.SharedWithGroups, item.SharedWithSubaccounts, item.SharedWithAccounts])}}

{{('MSCShowMore'| netFormat: group.items.length - group.displayLimit)}}

{{::('TotalColon' | translate)}} {{model.totalItems}}

×
{{::('ToLower'| translate)}}

{{::('DocumentNumber' \| translate)}}	{{::('QTATitleSeparator' \| translate)}}	{{::('NoteTitle' \| translate)}}	{{::('DateModification' \| translate)}}	{{::('Options' \| translate)}}
{{m.DocumentNumber}}	{{m.DocumentTitle}}	{{m.Title}}	{{m.ModifiedDate \| ihsDate}}	× {{::('SureWantDeleteItem' \| translate)}}

{{::'_Auto_US136288_0004' | translate}} {{::sharingCtrl.data.User.Name}}

{{::'_Auto_US136288_0005' | translate}} {{::sharingCtrl.data.User.Number}}

{{::item.labelKey | translate }}

{{::('AllowAdministratorsToEnableAnOrderJustificationField' | translate)}}

{{::('SetAsDefaultForEntireAccount' | netFormat : [model.currentAccount])}}

{{'SubaccountSelectedColon' | netFormat : [model.listSelUsers.length]}}

</div>
                                    <div class="shoppingcart-settings-apply-close text-right">
                                        <button class="btn btn-sm btn-deemphasized qa-cancel-button" ng-click="onCancelClicked($event)">{{::('Cancel' | translate)}}</button>
                                        <button class="btn btn-sm btn-default qa-save-button" ng-disabled="!model.canSave()" ng-click="onSaveClicked($event)">{{::('Save' | translate)}}</button>
                                    </div>

</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                
            <div ng-if="model.mode == model.viewMode.list" class="shoppingcart-settings-list-wrapper">

<h2>{{::('ShoppingCartSettingsColon' | translate)}}</h2>
                <p>{{::('ShoppingCartSelectMessage' | translate)}}</p>

<div class="form-group">
                    <button class="btn btn-sm btn-default qa-add-button" ng-click="onAddNewClicked($event)">{{::('AddNew' | translate)}}</button>
                </div>

<table class="shoppingcart-settings-list">
                    <tr>
                        <th class="seen-by">{{::('SeenBy' | translate)}}</th>
                        <th class="options">{{::('Options' | translate)}}</th>
                    </tr>
                    <tr ng-repeat="m in model.listOfSettings" ng-class="{ 'wait-for-delete': itemToDelete === getId(m) }">
                        <td class="seen-by">
                            <span ng-if="m.AccountsData.ShoppingCartDataId == null">{{m.AccountsData.SubAccounts[0].SubAccountId}} {{m.AccountsData.SubAccounts[0].Name}}</span>
                            <span ng-if="m.AccountsData.ShoppingCartDataId !== null">{{::('EntireAccount' | translate)}}</span>
                        </td>
                        <td class="options">
                            <div class="tools">
                                <icon-click ng-click="onEditMessage(m, $event)" class="shim-right qa-edit-edit"><span ewb-svg-use="ihs-icon-edit icon-md"> </span></icon-click>
                                <icon-click ng-click="onShowDeleteConfirmation(m)" class="qa-remove-button"><span ewb-svg-use="ihs-icon-x icon-12">×</span></icon-click>
                                <div class="confirm-delete">
                                    <p>{{::('SureWantDeleteItem' | translate)}}</p>
                                    <button class="btn btn-sm btn-warning qa-confirm" ng-click="onDeleteMessage(m, $event)">{{::('Yes' | translate)}}</button>
                                    <button class="btn btn-sm btn-deemphasized qa-cancel" ng-click="onShowDeleteConfirmation(null)">{{::('No' | translate)}}</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="loading-splash">
        <div>
            <span class="loading-splash-icon preloader-small"></span>
        </div>
    </div>
    </div>
</div>

<div class="shim-left shim-top">
                    <span class="strong shim-right-short">{{::("AdminUsageReportsListMessage"|translate)}}</span>
                    <div class="btn-group drop-source ewb-dropdown-default dropdown-small qa-dropdown-options" ng-show="usageReportsController.loaded">
                        <button type="button" class="btn btn-sm dropdown-toggle choices" data-toggle="dropdown">
                            <span>{{usageReportsController.selectedReportTitle}}</span>
                        </button>
                        <button type="button" class="btn btn-sm pick dropdown-toggle" data-toggle="dropdown">
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu drop-reports">
                            <ewb-powerbi-container user-name="{{('imcon.defaults.userInfo.AccountId'|global)}}"  report-type="{{('IHS.Model.Data.PowerBiReportType.Standard'|global)}}"></ewb-powerbi-container>
                        </ul>
                    </div>
                </div>

<div class="tab-content">
                    <div class="tab-pane fade" id="account">
                        <div class="usage-reports-page-right">
                            <div class="usage-reports-headline">
                                {{::("AccountUsageReports"|translate)}}
                            </div>
                            <div ng-click="goToReporting()" ng-bind-html="usageReportsController.message" class="usage-reports-description">
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade active in" id="powerbi">
                        <div class="ewb-powerbi-conatiner">
                            <div class="ewb-powerbi-report-container"></div>
                        </div>
                    </div>
                </div>

<ewb-user-management ng-if="isUserManagementAvailable"></ewb-user-management>

<div class="welcome-message-page" ng-class="{'is-loading': model.isLoading }">

<div class="welcome-message-right">  
            
            <div ng-if="model.errorMessage" class="alert alert-danger shim-left shim-right shim-top">
                <span>{{model.errorMessage}}</span>
            </div>

<h2>{{::('WelcomeMessage' | translate)}}</h2>
                    <p>{{::('WelcomeMessagePrompt' | translate)}}</p>

<div class="form-group">
                        <label for="welcomeTitle" class="bold">{{::('TitleColon' | translate)}}</label><br />
                        <input type="text" class="form-control" id="welcomeTitle" placeholder="{{::('WelcomeMessage' | translate)}}"
                               maxlength="128"
                               ng-model="model.title" 
                               ng-change="model.setModified()" 
                               ng-trim="false" />
                    </div>

<label class="bold">{{::('WelcomeMessageChooseAccount' | translate)}}</label>

<div class="radio">
                            <input type="radio" id="radioEntireAccount" ng-model="model.assignTo" ng-change="model.setModified()"
                                   value="{{::model.assignMode.wholeAccount}}" name="radio-select-account" />
                            <label for="radioEntireAccount">{{::('EntireAccount' | translate)}}</label>
                        </div>

<div class="radio">
                            <input type="radio" id="radioSubAccounts" ng-model="model.assignTo" ng-change="model.setModified()"
                                   value="{{::model.assignMode.subAccounts}}" name="radio-select-account" />
                            <label for="radioSubAccounts">{{::('SpecificSubAccounts' | translate)}}</label>
                        </div>

<div class="list-of-users-container">
                                <div class="list-of-users welcome-all" ewb-cus-tom-scroller="">
                                    <div class="subaccount" ng-repeat="u in model.listAllUsers | orderBy: 'SubaccountId'">
                                        <div class="checkbox">
                                            <input type="checkbox" id="checkSub-{{::u.SubaccountId}}" ng-model="u.checked" ng-change="model.checkItem(u)"/>
                                            <label for="checkSub-{{::u.SubaccountId}}">
                                                <span three-dots-tooltip ng-repeat="t in u.text" class="hilite-{{::t.Tag}}">{{::u.SubaccountId}} - {{::t.Text}}</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

</div>

<div ng-if="model.assignTo == model.assignMode.subAccounts" class="list-of-users-host list-of-users-selected">
                            <div class="title">{{'SubaccountsNumber' | netFormat : [model.listSelUsers.length]}}</div>
                            <div class="list-of-users-container">
                                <div class="list-of-users welcome-selected" ewb-cus-tom-scroller="">
                                    <div class="subaccount" ng-repeat="u in model.listSelUsers">
                                        <div class="checkbox">
                                            <icon-click ng-click="model.checkItem(u, false)"><span ewb-svg-use="ihs-icon-x">×</span></icon-click>
                                            <span three-dots-tooltip ng-repeat="t in u.text" class="{{::t.Tag}}">{{::t.Text}}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

</div>

<h2>{{::('WelcomeMessageHeaderColor' | translate)}}</h2>
                    <p>{{::('WelcomeMessageSelectColor' | translate)}}</p>

<div>
                            <label class="bold">{{::('WelcomeMessageChooseColor' | translate)}}</label>
                        </div>

<div>
                            <label class="bold">{{::('WelcomeMessageChooseLayout' | translate)}}</label>
                        </div>

<div class="radio">
                                    <input type="radio" id="radio-layout-{{::l.width}}-{{::l.height}}" 
                                           ng-model="model.layout" ng-change="model.setModified()"
                                           value="{{::key}}" name="radio-select-layout" />
                                    <label for="radio-layout-{{::l.width}}-{{::l.height}}">{{::(l.label|translate)}}</label>
                                </div>

</div>

<div class="welcome-message-apply-close">
                        <pl-button class="qa-save-button"   ng-disabled="!model.canSave()" ng-click="onSaveClicked($event)" text="'Save'"></pl-button>
                        <pl-button class="qa-cancel-button" mode="deemphasized" ng-click="onCancelClicked($event)" text="'Cancel'"></pl-button>
                        <p ng-show="isSaving">{{::"SavingPleaseWait"|translate}}</p>
                    </div>

</div>
                  
                <div ng-if="model.mode == model.viewMode.list" class="welcome-message-list-wrapper">

<h2>{{::('WelcomeMessage' | translate)}}</h2>
                    <p>{{::('WelcomeMessageSelect' | translate)}}</p>

<div class="form-group">
                        <pl-button class="qa-add-button" ng-click="onAddNewClicked($event)" text="'AddNew'"></pl-button>
                    </div>
                    
                    <table class="welcome-message-list">
                        <tr>
                            <th class="seen-by">{{::('SeenBy' | translate)}}</th>
                            <th class="title">{{::('Title' | translate)}}</th>
                            <th class="modified">{{::('Modified' | translate)}}</th>
                            <th class="enable-disable">{{::('Status' | translate)}}</th>
                            <th class="options">{{::('Options' | translate)}}</th>
                        </tr>
                        <tr ng-repeat="m in model.listOfMessages" ng-class="{ 'wait-for-delete': itemToDelete === m.id }">
                            <td class="seen-by">
                                <a ng-if="m.subaccounts[0] !== null" href="javascript:void(0)" 
   
                                   popover-append-to-body="true" popover-trigger="'none'" 
                                   popover-class="subaccounts-in-use-popover"
                                   popover-placement="right" popover-is-open="m.showPopover"
                                   uib-popover-template="'subaccounts-in-use.html'"

ng-click="showPopover(m, $event)"

>{{::('SubAccounts' | translate)}}</a>
                                <span ng-if="m.subaccounts[0] === null">{{::('EntireAccount' | translate)}}</span>
                            </td>
                            <td class="title">{{::m.title}}</td>
                            <td class="modified">{{::m.modified | ihsDate}}</td>
                            <td class="enable-disable">
                                <div class="form-group">
                                <div class="radio">
                                    <input type="radio" id="radio-enable-{{::m.id}}" ng-model="m.disabled" ng-value="false"
                                           name="radio-enable-disable-{{::m.id}}" ng-change="model.disableItem(m, false)" />
                                    <label for="radio-enable-{{::m.id}}"

popover-append-to-body="true" popover-trigger="'none'"
                                           popover-class="subaccounts-enable-popover"
                                           popover-placement="left-top" popover-is-open="m.showEnablePopover"
                                           uib-popover-template="'enable-popover.html'"
                                           ewb-parent-indent="-20,-26"
                                           ng-click="showEnablePopover(m, $event)">{{::('Enabled' | translate)}}</label>
                                    </div>
                                    <div class="radio">
	                                    <input type="radio" id="radio-disable-{{::m.id}}" ng-model="m.disabled" ng-value="true"
	                                           name="radio-enable-disable-{{::m.id}}" ng-change="model.disableItem(m, true)"/>
	                                    <label for="radio-disable-{{::m.id}}">{{::('Disabled' | translate)}}</label>
                                    </div>
                                </div>
                            </td>
                            <td class="options">
                                <div class="tools">
                                    <icon-click ng-click="onEditMessage(m.id, $event)" class="shim-right qa-edit-edit"><span ewb-svg-use="ihs-icon-edit icon-md"> </span></icon-click>
                                    <icon-click ng-click="onShowDeleteConfirmation(m.id)" class="qa-remove-button"><span ewb-svg-use="ihs-icon-x icon-12">×</span></icon-click>
                                    <div class="confirm-delete">
                                        <p>{{::('SureWantDeleteItem' | translate)}}</p>
                                        <pl-button class="qa-confirm" mode="warning"      ng-click="onDeleteMessage(m.id, $event)"  text="'Yes'"></pl-button>
                                        <pl-button class="qa-cancel"  mode="deemphasized" ng-click="onShowDeleteConfirmation(null)" text="'No'"></pl-button>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>

</div>

</div>

<pl-modal-title close-action="$emit('close')" text="'WelcomeMessageWarningTitle2'"></pl-modal-title>

<div class="modal-body qa-conf-dialog-body">
                <p ng-bind-html="'WelcomeMessageWarningOverwriteGlobal' | netFormatHtml : []"></p>
                <div class="form-group">
                    <div class="radio">
                        <input type="radio" id="WarningOverwriteGlobalOption1" name="choice" ng-model="choice" value="1" />
                        <label for="WarningOverwriteGlobalOption1">{{::('WelcomeMessageWarningOverwriteGlobalOption1' | translate)}}</label>
                    </div>
                    <div class="radio">
                        <input type="radio" id="WarningOverwriteGlobalOption2" name="choice" ng-model="choice" value="2" />
                        <label for="WarningOverwriteGlobalOption2">{{::('WelcomeMessageWarningOverwriteGlobalOption2' | translate)}}</label>
                    </div>
                </div>
            </div>

<div class="modal-footer">
                <div class="pull-right">
                    <pl-button class="qa-confirm" ng-disabled="!choice" ng-click="modalOptions.ok()" text="'Continue'"></pl-button>
                    <pl-button class="qa-cancel"  mode="deemphasized"   ng-click="$emit('close')" text="'Cancel'"></pl-button>
                </div>
            </div>
        </div>
    </script>
</div>

<table class="table table-bordered table-hover table-striped iccr">
  <thead>
    <tr>
      <th>{{::("Status"|translate)}}</th>
      <th><span class="pointer sort qa-sort-subAccountId" ng-click="ctrl.onChangeSortType(4)">{{::("SubAccountsID"|translate)}}  
              <span ewb-svg-use="ihs-icon-arrow icon-sm" ng-if="sorting.SortOption === 4" ng-class="sorting.SortOption === 4 && sorting.SortDirection ? 'rotate-270' : 'rotate-90'"></span>
          </span>
      </th>
      <th><span class="pointer sort qa-sort-Name" ng-click="ctrl.onChangeSortType(5)">{{::("RequestedBy"|translate)}}  
              <span ewb-svg-use="ihs-icon-arrow icon-sm" ng-if="sorting.SortOption === 5" ng-class="sorting.SortOption === 5 && sorting.SortDirection ? 'rotate-270' : 'rotate-90'"></span>
          </span></th>
      <th><span class="pointer sort qa-sort-DocumentNumber" ng-click="ctrl.onChangeSortType(1)">{{::("DocumentNumber"|translate)}}  
              <span ewb-svg-use="ihs-icon-arrow icon-sm" ng-if="sorting.SortOption === 1" ng-class="sorting.SortOption === 1 && sorting.SortDirection ? 'rotate-270' : 'rotate-90'"></span>
          </span>
      </th>
      <th><span class="pointer sort qa-sort-DateCreated" ng-click="ctrl.onChangeSortType(2)">{{::("DateCreated"|translate)}}  
              <span ewb-svg-use="ihs-icon-arrow icon-sm" ng-if="sorting.SortOption === 2" ng-class="sorting.SortOption === 2 && sorting.SortDirection ? 'rotate-270' : 'rotate-90'"></span>
          </span>
      </th>
      <th><span class="pointer sort qa-sort-DateReviewed" ng-click="ctrl.onChangeSortType(3)">{{::("DateReviewed"|translate)}}  
              <span ewb-svg-use="ihs-icon-arrow icon-sm" ng-if="sorting.SortOption === 3" ng-class="sorting.SortOption === 3 && sorting.SortDirection ? 'rotate-270' : 'rotate-90'"></span>
          </span>
      </th>
      <th>{{::("ReviewedBy"|translate)}}</th>
      <th ng-if="isICCR"></th> 
      <th ng-if="isICCR"></th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="item in data.Items track by $index" class="qa-table-tr">
      <td><a class="pointer qa-table-review" ng-click="reviewRequest($event, item)">{{item.Status | wishListStatusFilter | translate}}</a></td>
      <td>{{item.SubaccountId}}</td>
      <td class="qa-table-email"><a class="pointer" href="mailto:{{item.RequestorEmail}}">{{item.Requestor}}</a></td>
      <td class="qa-table-documentNumber qa-requesti-id-{{item.Id}}"><a class="pointer" ng-click="showSummary($event, item.GlobalId)">{{item.DocumentNumber}}</a></td>
      <td>{{item.CreatedAt | localDataTime}}</td>
      <td>{{item.ReviewedAt | localDataTime}}</td>
      <td>{{item.Reviewer}}</td>
      <td ng-if="isICCR" class="qa-table-AddToCollection"><add-to-custom-collection global-id="{{item.GlobalId}}" template="link" space-context="wishlist"></add-to-custom-collection></td>
      <td ng-if="isICCR" class="qa-table-remove"><a class="pointer" ng-click="removeRequest($event, item)">{{::('Hide'| translate)}}</a></td>
    </tr>
  </tbody>
</table>

<table class="table table-bordered table-hover table-striped">
  <thead>
    <tr>
      <th>{{::("CustomCollectionsStatus"|translate)}}</th>
      <th>{{::("ReviewedBy"|translate)}}</th>
      <th><span class="pointer sort" ng-click="ctrl.onChangeSortType(1)">{{::("DocumentNumber"|translate)}}  
              <span class="ihs-icon-arrow" ng-if="sorting.SortOption === 1" ng-class="sorting.SortOption === 1 && sorting.SortDirection ? 'rotate-270' : 'rotate-90'"></span>
          </span>
      </th>
      <th>{{::("Justification"|translate)}}</th>
      <th>{{::("Comments"|translate)}}</th>
      <th><span class="pointer sort" ng-click="ctrl.onChangeSortType(2)">{{::("DateCreated"|translate)}}  
              <span class="ihs-icon-arrow" ng-if="sorting.SortOption === 2" ng-class="sorting.SortOption === 2 && sorting.SortDirection ? 'rotate-270' : 'rotate-90'"></span>
          </span>
      </th>
      <th><span class="pointer sort" ng-click="ctrl.onChangeSortType(3)">{{::("DateReviewed"|translate)}}  
              <span class="ihs-icon-arrow" ng-if="sorting.SortOption === 3" ng-class="sorting.SortOption === 3 && sorting.SortDirection ? 'rotate-270' : 'rotate-90'"></span>
          </span>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="item in data.Items" class="qa-table-tr">
      <td>{{item.Status | wishListStatusFilter | translate}}</td>
      <td>{{item.Reviewer}}</td>
      <td class="qa-table-documentNumber qa-requesti-id-{{item.Id}}">{{item.DocumentNumber}}</td>
      <td>{{item.Justification}}</td>
      <td>{{item.Comment}}</td>
      <td>{{item.CreatedAt | localDataTime}}</td>
      <td>{{item.ReviewedAt | localDataTime}}</td>
    </tr>
  </tbody>
</table>

<div class="badge" ng-if="!!unreadCount && isICCR" ng-bind="unreadCount | number"></div>

<div class="reports-filter-status-drop-down dropdown-pull-right iccr-subaccounts" id="dropdown-account" ng-if="userType == roles.IseSalesRepRole && filters.Accounts.length > 0">
  <label class="status vertical">{{::("Account" | translate)}}</label>
  <div class="btn-group drop-source ewb-dropdown-default dropdown-small dropdown-wishlist-account qa-dropdown-accounts">
    <div class="input-group" data-toggle="dropdown" id="dropdown-account">
      <input type="text" class="form-control input-sm" ng-model="wlf.accountValue" placeholder="{{::('AccountFilterPlaceholder' | translate)}}"/>
      <span ng-if="wlf.isAccountApplied" class="input-group-addon" ng-click="wlf.onChangeFilterAccount()"><i ewb-svg-use="ihs-icon-x icon-sm">×</i></span>
    </div>
      <ul class="dropdown-menu left message-dropdown account" role="menu" ng-disabled="isAnError">
        <li ng-repeat="account in getAccounts() | limitTo:countPeople.account track by $index" ng-click="wlf.onChangeFilterAccount(account)">
          <a href="">{{account}}</a>
        </li>
        <li ng-if="filters.Accounts.length > countPeople.account && countPeople.account !== filters.Accounts.length && getAccounts().length" class="divider"></li>
        <li ng-if="filters.Accounts.length > countPeople.account && countPeople.account !== filters.Accounts.length" ng-click="wlf.onMultipleSelectSubaccounts('account')">
            <h2 class="pointer">{{::("ViewAll" | translate)}}</h2>
            <span class="count-accounts">({{filters.Accounts.length}})</span>
        </li>
      </ul>
    </div>

</div>

<div class="reports-filter-status-drop-down dropdown-pull-right wishlist-filter-dropdown-short" ng-class="wlf.isEmptyAccountForISRR() ? 'disabled' : ''" ng-if="wlf.isICCR || wlf.isUser">
    
    <label class="status vertical">{{::("Status" | translate)}}</label>
    <div class="btn-group drop-source ewb-dropdown-default dropdown-small qa-dropdown-status">
        <button type="button" class="btn btn-sm dropdown-toggle choices" ng-disabled="isAnError || wlf.isEmptyAccountForISRR()" data-toggle="dropdown">
            <span class="truncating">{{currentStatus.text}}</span>
        </button>
        <button type="button" class="btn btn-sm dropdown-toggle pick" ng-disabled="isAnError || wlf.isEmptyAccountForISRR()" data-toggle="dropdown">
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu left" role="menu" ng-disabled="isAnError || wlf.isEmptyAccountForISRR()">
            <li ng-repeat="filterStatusValue in filterStatusValues track by $index" ng-click="onChangeFilterStatus(filterStatusValue)">
                <a href="">{{filterStatusValue.text}}</a>
            </li>
        </ul>
    </div>
</div>

<div class="reports-filter-status-drop-down dropdown-pull-right iccr-subaccounts" ng-if="(userType == roles.IseCustomCollectionRole || userType == roles.IseSalesRepRole) && filters.Subaccounts.length > 0">
  <label class="status vertical">{{::("SubAccountsID" | translate)}}</label>
  <div class="btn-group drop-source ewb-dropdown-default dropdown-small qa-dropdown-subaccounts">
      <div class="input-group" data-toggle="dropdown" id="dropdown-subaccount" ng-click="wlf.isMultiSelect($event,'subaccount')">
        <input type="text" class="form-control input-sm" ng-model="wlf.subAccountValue" placeholder="{{placeholder}}" ng-disabled="!isSubAccountAvailable()"/>
        <span ng-if="wlf.isOther" class="input-placeholder">{{wlf.multiSubaccountsText}}</span>
        <span ng-if="wlf.isSubAccountApplied" class="input-group-addon" ng-click="clearSubAccountsFilter($event)"><i ewb-svg-use="ihs-icon-x icon-sm"></i></span>
      </div>
      <ul class="dropdown-menu left message-dropdown dropdown-subaccount-ul subaccount" role="menu" ng-class="{'without-border' : wlf.isICCR && !getSubAccounts().length}" ng-if="isSubAccountAvailable()" ng-disabled="isAnError || loading">
        <li ng-repeat="filter in getSubAccounts() | limitTo:countPeople.subaccount track by $index" ng-click="wlf.onFiltersChanged(filter)">
          <a class="pointer"><span class="filter-id">{{filter.Id}}</span><span class="filter-name">{{filter.Name}}</span></a>
        </li>
        <li ng-if="wlf.isISRR" class="divider"></li>
        <li ng-if="wlf.isISRR" ng-click="wlf.onMultipleSelectSubaccounts('subaccount')">
          <h2 class="pointer">{{getNameMultiSelect()}}</h2>
          <span class="count-accounts">({{wlf.getSubAccountsForCurrentAccount().length}})</span>
        </li>
      </ul>
    </div>
</div>

<div class="reports-filter-status-drop-down dropdown-pull-right wishlist-filter-dropdown-short" ng-class="wlf.isEmptyAccountForISRR() ? 'disabled' : ''" ng-if="wlf.isISRR">
    
    <label class="status vertical">{{::("Status" | translate)}}</label>
    <div class="btn-group drop-source ewb-dropdown-default dropdown-small qa-dropdown-status">
        <button type="button" class="btn btn-sm dropdown-toggle choices" ng-disabled="isAnError || wlf.isEmptyAccountForISRR()" data-toggle="dropdown">
            <span class="truncating">{{currentStatus.text}}</span>
        </button>
        <button type="button" class="btn btn-sm dropdown-toggle pick" ng-disabled="isAnError || wlf.isEmptyAccountForISRR()" data-toggle="dropdown">
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu left" role="menu" ng-disabled="isAnError || wlf.isEmptyAccountForISRR()">
            <li ng-repeat="filterStatusValue in filterStatusValues track by $index" ng-click="onChangeFilterStatus(filterStatusValue)">
                <a href="">{{filterStatusValue.text}}</a>
            </li>
        </ul>
    </div>
</div>

<div class="reports-filter-status-drop-down" ng-if="wlf.isISRR">
  <div class="field-validation-error" ng-show="dateFilterRange.error.range.to!==false || dateFilterRange.error.range.from!==false">{{dateFilterRange.error.text}}</div>
  <div  class="reports-filter-date-drop-down dropdown-pull-right">
      
      <div class="input-group wl-datepicker">
          <input type="text"
                 class="form-control input-sm"
                 id="FilterDateFrom"
                 ng-class="{'has-error': dateFilterRange.error.range.from === true}"
                 ng-model="dateFilterRange.Value.from"
                 datepicker_validate="dateFilterRange.Validate()"
                 ng-change="dateFilterRange.Validate()"
                 ng-disabled="wlf.isEmptyAccountForISRR()"
                 ewb-datepicker-popup datepicker-options="dateOptions" />
          <span class="input-group-btn query-icon-calendar">
              <pl-button class="qa-btn-calendar" ng-click="ihsDatePickerFocus('FilterDateFrom')" icon="'ihs-icon-calendar icon-12'"></pl-button>
          </span>
      </div>
  </div>
  <label class="status">{{::("ToLower" | translate)}}</label>
  <div class="reports-filter-date-drop-down dropdown-pull-right">
      <div class="input-group wl-datepicker">
          <input type="text" 
                 class="form-control input-sm" 
                 id="FilterDateTo" 
                 ng-class="{'has-error': dateFilterRange.error.range.to === true}" 
                 ng-model="dateFilterRange.Value.to" 
                 datepicker_validate="dateFilterRange.Validate()" 
                 ng-change="dateFilterRange.Validate()"
                 ng-disabled="wlf.isEmptyAccountForISRR()"
                 ewb-datepicker-popup datepicker-options="dateOptions" />
          <span class="input-group-btn query-icon-calendar">
              <pl-button class="qa-btn-calendar" ng-click="ihsDatePickerFocus('FilterDateTo')" icon="'ihs-icon-calendar icon-12'"></pl-button>
          </span>
      </div>
  </div>
  <pl-button class="qa-apply-date-button" ng-disabled="dateFilterRange.canApply == false" ng-click="wlf.applyDateFilter($event)" text="'Apply'"></pl-button>
</div>


<div class="global-reports-page wishlist">
  <div class="global-reports-table fit-to-height">
    <div class="global-reports-page-row d-flex-row-no-wrap fit-to-height">

<div ng-if="isEwbAdminNavigation && isEwbAdminNavigation" class="global-reports-page-left" new-rail-panel="">
        <ewb-admin-navigation></ewb-admin-navigation>
      </div>

<div ng-if="isAnError || isAnFiltersError">
            <show-error ng-show="isAnError || isAnFiltersError" message="errorMessage"></show-error>
          </div>
            
            
            
            <ewb-service-page-headline ng-if="(!isAnError || !isAnFiltersError)" headline-text="ctrl.getTitleText()"></ewb-service-page-headline>

<div class="reports-panel wish-list">

<div class="control-panel well-sm form-group wishlist-filter" ng-if="!isAnError && !isAnFiltersError">
                    <div class="reports-left-actions">
                        
                        <wish-list-filters user-type="{{type}}" status="{{Status}}" on-filters-changed="onFiltersChanged(filter)" date-from="{{dateFilterRange.from | ihsDate}}" date-to="{{dateFilterRange.to | ihsDate}}" multi-subaccounts-text="multiSubaccountsText" subaccount-id-url="{{subaccountIdUrl}}"></wish-list-filters>
                        
                        
                        <div class="wishlist-filter-buttons">
                            <pl-button class="qa-download-results-button" ng-disabled="ctrl.noResults()" ng-if="isAvailableDownloadBtn()" ng-click="onDownload($event)" text="'DownloadResults'"></pl-button>
                            <pl-button class="qa-alerts-results-button" ng-if="type == roles.IseCustomCollectionRole" ng-click="showAlerts($event)" text="'SetAlerts'"></pl-button>
                        </div>
                        
                    </div>

</div>

<div class="qa-totalItems">
                    <span ng-show="totalItems > 0">{{::("TotalColon"|translate)}} {{data.Total}}</span>
                </div>

<show-error ng-show="ctrl.noResults()" message="noResultsText"></show-error>

<div class="data-container" ng-if="!ctrl.noResults()">
                    <br/>
                    
                    
                    <user-wish-list ng-if="type == roles.HasPayPerView"></user-wish-list>

<iccr-wish-list ng-if="type == roles.IseCustomCollectionRole || type == roles.IseSalesRepRole"></iccr-wish-list>

</div>

<workspace-paginator class="clearfix" ng-hide="ctrl.loading"></workspace-paginator>

<div class="loading-splash loading loading-splash-bigger-padding" ng-if="ctrl.loading">
                    <div>
                        <span class="loading-splash-icon preloader-small"></span>
                    </div>
                </div>

</div>

</div>
      </div>

</div>
  </div>
</div>

<div ewb-analytics-feature="AnalyticsCategoryAdvancedSearch">
    <div class="adv-search-container">
        <div class="header">
            <span class="pointer back-button" ng-click="close()" ewb-analytics event-action="{{::('AnalyticsActionCancelAdvancedSearch' | translate)}}">
                <span ewb-svg-use="ihs-icon-arrow-tail icon-12 rotate-90"></span>
                <h2>{{::('MTFilterTitle' | translate)}}</h2>
            </span>
        </div>
        <div class="top-row">
            <label for="queryField">{{::('QueryColon' | translate)}} </label>
            <div class="form-group query-input editQuery-host"
                 ng-enter="enterClick()"
                 ewb-query-type-ahead="true"
                 ewb-query-zone-model="shadowModel"
                 adv-search="true">

<input id="queryField"
                       ewb-query-type-ahead-target
                       type="text"
                       class="form-control short qa-query"
                       placeholder="{{::('txtQueryPrompt' | translate )}}"
                       ng-trim="false"
                       ng-model="model.query"
                       ng-disabled="showQueryBuilder">
                <span class="search-icon pointer svg-host-button qa-search-glass" ng-click="search()" ng-disabled="isSearchDisabled()">
                    <span ewb-svg-use="ihs-icon-search icon-12"></span>
                </span>
            </div>
            <div class="query-language-dwn">
                <div>
                    <div class="btn-group drop-source ewb-dropdown-default dropdown-small qa-lang-dropdown">
                        <button type="button" class="btn btn-sm uib-dropdown-toggle language-dropdown choices" data-toggle="dropdown">
                            <span class="truncating language-current">{{ model.queryLang.LocalName }}</span>
                        </button>
                        <button type="button" class="btn btn-sm uib-dropdown-toggle language-caret pick" data-toggle="dropdown">
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu nested-prevent qa-lang-list" role="menu">
                            <li ng-repeat="lang in languages" ng-click="changeQueryLanguage(lang)">
                                <a href="">{{::lang.LocalName}}</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="shim-top-mini">{{::("QLanguage"|translate)}}</div>
            </div>
        </div>

<source-selection
            ng-if="model.ss"
            model="model.ss"
            hide-apply="true"
            hide-cancel="true"
            init-complete="InitComplete"></source-selection>

<div class="adv-query shim-top">
            <div class="col-md-12">
                <span>{{::("AddManyAdvancedFiltersInfo"|translate)}}</span>
                <button class="btn btn-link btn-reset shim-left-short"
                        ng-click="resetFilters()"
                        ng-disabled="!filtersNeedReset"
                        ewb-analytics event-action="{{::('AnalyticsActionResetAQT' | translate)}}">{{::("Reset"|translate)}}
                </button>
            </div>

<div class="col-md-12 shim-bottom shim-top">
                <ul class="nav navbar-nav pull-left pointer">
                    <li class="qa-adv-filter-tab"
                        ng-class="{'active':!showQueryBuilder}" data-toggle="tab"
                        ng-click="switchMode(false, $event)"
                        ewb-analytics event-action="{{::('AnalyticsActionOpenAdvancedQueryTab' | translate)}}">
                        <a>{{::('AdvancedQuery'|translate)}}</a>
                    </li>
                    <li class="qa-query-builder-tab"
                        ng-class="{'active':!!showQueryBuilder}" data-toggle="tab"
                        ng-click="switchMode(true, $event)"
                        ewb-analytics event-action="{{::('AnalyticsActionQueryBuilder' | translate)}}">
                        <a>{{::('QueryBuilder'|translate)}}</a>
                    </li>
                </ul>
            </div>

<div ng-if="showQueryBuilder">
                <div class="row-in-qz tight-next text">
                    <div class="col-lg-11">
                        <span>{{::("txtUseFreeModePrompt"|translate)}}</span>
                    </div>
                </div>
                <div class="row-in-qz tight-next text" ng-show="!!mainError">
                    <div ng-show="!!mainError" class="main-validation-error col-lg-11">{{mainError}}</div>
                </div>
                <div class="row-in-qz">
                    <div class="col-lg-11">
                        <free-form class="form-control free-form-field" ng-model="model.query"></free-form>
                    </div>
                </div>
                <div class="row-in-qz text clearfix step-from-prev">
                    <div class="col-lg-11">
                        {{::("txtUseFreeModeExample1"|translate)}}<br />
                        {{::("txtUseFreeModeExample2"|translate)}}<br />
                        {{::("txtUseFreeModeExample3"|translate)}}
                    </div>
                </div>
            </div>

<div ng-if="!showQueryBuilder">
                <div class="row-in-qz tight-next text">
                    <div class="col-lg-5">{{::("ShowOnlyResultsThatColon"|translate)}}</div>
                </div>
                <div class="row-in-qz tight-next text" ng-show="!!mainError">
                    <div ng-show="!!mainError" class="main-validation-error col-lg-11">{{mainError}}</div>
                </div>

<query-zone-advanced-filters-list filters="filters()"
                                                  ewb-analytics-feature-label-prefix="AnalyticsQueryZone"
                                                  meta-facet-filter="metaFacetFilter"
                                                  available-filters="availableFilters()">
                </query-zone-advanced-filters-list>

<div class="row-in-qz add-filter-row">
                    <div class="col-md-4">
                        <a href="" ng-click="addFilter($event)" class="addFilter"
                           ewb-analytics event-action="{{::('AnalyticsActionAddFilter' | translate)}}">{{::("AddFilter"|translate)}}</a>
                    </div>
                </div>
            </div>
            <hr>

<div class="alert alert-dismissable save-task-result col-md-5"
                 ng-show="!!saveTaskMsg"
                 ng-class="{'alert-danger': saveTaskMsg.isError, 'alert-success': !saveTaskMsg.isError}">
                <button type="button" class="close" ng-click="closeSaveResultMsg()">×</button>
                {{saveTaskMsg.text}}
            </div>

<div class="form-input-save-mode" ng-if="isSaveMode && !saveTaskMsg">
                <div class="btn-group input-name">
                    <input type="text"
                           class="form-control short qa-task-name"
                           placeholder="{{::('NameYourSearchConfiguration' | translate)}}"
                           maxlength="100"
                           autofocus="autofocus"
                           ng-trim="false"
                           ng-change="changeNameTask()"
                           ng-disabled="isSaving"
                           ng-model="newTask.name">
                    <button type="button"
                            ng-click="closeModeSaveTask()"
                            ng-disabled="isSaving"
                            class="btn btn-close-save">
                        <div class="control-arrow-container">
                            <span ewb-svg-use="ihs-icon-chevron simple control-arrow"></span>
                        </div>
                    </button>
                </div>
                <button type="button" class="btn btn-default qa-save-task"
                        ng-click="saveThisSearchConfiguration()"
                        ng-disabled="isSaveTaskDisabled()">
                    <span ng-hide="isSaving">{{::('Save' | translate)}}</span>
                    <span ng-show="isSaving">{{::('Processing' | translate)}} <img src="content/img/spinner.gif" class="shim-left-short"></span>
                </button>
            </div>

<button type="button" class="btn btn-deemphasized shim-right-short qa-save-configuration" ng-hide="isSaveMode" ng-click="openModeSaveTask()">
                {{::("SaveThisSearchConfiguration"|translate)}}
            </button>
            <button type="button" class="btn btn-deemphasized qa-save-query"
                    ng-hide="isSaveMode"
                    ng-click="onSaveQuery()" ng-disabled="isSearchDisabled()"
                    ewb-analytics event-action="{{::('AnalyticsActionSaveQueryAlertDialog' | translate)}}">
                {{::("txtSaveSearch"|translate)}}
            </button>

<button type="button" class="btn btn-default pull-right qa-search" ng-click="search()" ng-disabled="isSearchDisabled()">{{::('Search'|translate)}}</button>
            <button type="button" class="btn btn-deemphasized pull-right shim-right-short qa-cancel"
                    ng-click="close()"
                    ewb-analytics event-action="{{::('AnalyticsActionCancelAdvancedSearch' | translate)}}">{{::('Cancel'|translate)}}</button>
            <div class="clearfix"></div>
        </div>
    </div>
</div>

<div class="run-alert-root" style="width:100%; height: 100%">
    <div class="loading-splash">
        <span class="loading-splash-icon preloader-small"></span>
    </div>
</div>

<script type="text/ng-template" id="asmeTreeTemplate">
    <div ng-class="{'toc-selected': node.Selected}" class="toc-element" ng-click="!nodeCtrl.isSearchMode && nodeCtrl.selectFolder($event, node)" ng-click2="nodeCtrl.isSearchMode ? nodeCtrl.checkFolder($event, node) : nodeCtrl.selectFolder($event, node)">
        <icon-click tag="button" class="triangle" ng-click="nodeCtrl.toggleExpand($event, node)">
            <i ng-if="node.Items.length"
               ewb-svg-use="ihs-icon-arrow icon-sm"
               ng-class="node.Expanded ? 'rotate-270' : 'rotate-180'">
            </i>
        </icon-click>
        <div ng-if="nodeCtrl.isSearchMode" class="checkbox">
            <input id="chk-{{node.Id}}" type="checkbox" ng-model="node.Checked" ng-change="nodeCtrl.checkChangedFolder($event, node)" indeterminate-checkbox><label for="chk-{{node.Id}}" class="item-text" three-dots-tooltip="tree-item-check">{{node.Text}}</label>
        </div>
        <span ng-if="!nodeCtrl.isSearchMode" class="item-text" three-dots-tooltip="tree-item">{{node.Text}}</span>
    </div>
    <ul ng-if="node.Items.length && node.Expanded" class="list-unstyled toc-indent">
        <li ng-repeat="item in node.Items"
            ng-include="'asmeTreeTemplate'"
            ng-init="node=item"
            class="qa-subject">
        </li>
    </ul>
</script>

<div class="ewb-group qa-asme-tree-container">
    <div class="ewb-group-header expanded" ng-click="nodeCtrl.goToRoot()">
        <icon-click tag="button" class="triangle" ng-click="nodeCtrl.toggleRootExpand($event)">
            <span ewb-svg-use="ihs-icon-arrow rotate-180"></span>
            <span ewb-svg-use="ihs-icon-arrow rotate-270"></span>
        </icon-click>
        <span class="text truncating">{{::rootName}}</span>
    </div>
    <div class="ewb-group-body ewb-toc">
        <ul class="list-unstyled">
            <li ng-repeat="node in nodeCtrl.nodes track by node.Id" ng-include="'asmeTreeTemplate'" class="qa-discipline"></li>
        </ul>
    </div>
</div>

<div class="asme fit-to-height" id="asmePage">
    <div class="asme-table">
        
        <div class="query-part">
            <div class="tag-line"></div>

<query-zone class="im-ff-root" show-advanced="true" asme-mode="true" show-searcher="true" parent-tool="8"></query-zone>

<div class="ws-sort-panel">
                <div class="link-container">
                    <div class="link-panel">
                        <button type="button" class="btn btn-default btn-xs small qa-return"
                                ng-show="isSearchMode" ng-click="returnToBrowse()"
                                ewb-analytics event-action="{{::('AnalyticsActionReturnToBrowse' | translate)}}" event-label="{{::('AnalyticsLabelSearchMode' | translate)}}">
                            {{::('ReturnToBrowse'|translate)}}
                        </button>
                        <button type="button" ng-disabled="clearFilterIsDisabled"
                                class="btn btn-primary btn-xs small qa-clear" ng-show="isSearchMode && !isAnError && !clearFilterIsDisabled"
                                ng-click="clearFilterShown()"
                                ewb-analytics event-action="{{::('AnalyticsActionClearFilters' | translate)}}" event-label="{{::('AnalyticsLabelSearchMode' | translate)}}">
                            {{::('ClearFilters'|translate)}}
                        </button>
                    </div>
                </div>
                <div class="ws-sort-drop-down asme-left-padding" ng-bind-html="resCounterMsg" ng-if="model.citations.TotalCount > 0"></div>

<div class="ws-sort-drop-down pull-right dropdown-pull-right">
                    <label class="shim-right-short">{{::('ShowColon'|translate)}}</label>
                    <div class="btn-group drop-source ewb-dropdown-default dropdown-small qa-dropdown-subscription " uib-dropdown uib-dropdown-toggle dropdown-append-to-body>
                        <button type="button" class="btn btn-sm dropdown-toggle choices" data-toggle="dropdown">
                            <span class="truncating">{{showing.text}}</span>
                        </button>
                        <button type="button" class="btn btn-sm dropdown-toggle pick" data-toggle="dropdown">
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu qz-dropdown-menu" uib-dropdown-menu role="menu" ewb-tooltip-pos="{{isSearchMode ? 'bottom-dropleft' : 'bottom-dropright'}}">
                            <li ng-repeat="showValue in resultsFilters.showValues" ng-click="changeMySubscription(showValue)">
                                <a ewb-analytics event-action="{{::('AnalyticsActionChangeMySubscriptionFilter' | translate)}}" event-label="{{showValue.value ? ('AnalyticsLabelMySubscriptionFilter' | translate) : ('AnalyticsLabelAllSourcesFilter' | translate)}}" href="">{{showValue.text}}</a>
                            </li>
                        </ul>
                    </div>

<label ng-show="isSearchMode && !isAnError" class="shim-right-short">{{::('SortByColon'|translate)}}</label>
                    <div ng-show="isSearchMode && !isAnError" class="btn-group drop-source ewb-dropdown-default dropdown-small qa-dropdown-sort" uib-dropdown uib-dropdown-toggle dropdown-append-to-body>
                        <button type="button" ng-disabled="isAnError" class="btn btn-sm dropdown-toggle choices" data-toggle="dropdown">
                            <span class="truncating">{{sorting.text}}</span>
                        </button>
                        <button type="button" ng-disabled="isAnError" class="btn btn-sm dropdown-toggle pick" data-toggle="dropdown">
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu qz-dropdown-menu" uib-dropdown-menu role="menu" ng-disabled="isAnError" ewb-tooltip-pos="bottom-dropright">
                            <li ng-repeat="sortValue in resultsFilters.sortValues" ng-click="onChangeSortType(sortValue)">
                                <a href="">{{sortValue.text}}</a>
                            </li>
                        </ul>
                    </div>
                </div>

</div>
        </div>
        <div class="content-part">
            <div class="tree-container">
                <div ng-show="!isAnError">
                    <asme-tree tree-id="asme" root-name="rootName" handle-event="handleEvent(name, state, error)" get-nodes-fn="getNodesFn(context, nodes)" restore-tree-state="restoreTreeState(nodes)" nodes="nodes" check-state="checkState" get-content="getContent(params)"></asme-tree>
                </div>
            </div>
            <div class="content-container im-ff-resultZone-inner table-mode" ng-show="!isAnError">
                <show-warning ng-if="isRecurrent" show-dismiss="true" show-close="false" class-name="recurrent-results">
                    <div ng-bind-html="'Recurrent'|netFormatHtml:[]"></div>
                </show-warning>
                <ewb-tree-content tree-id="'asme'" tool-type="queryTool"></ewb-tree-content>
                <div range-selection ng-show="model.citations.TotalCount > 0"
                     range-selection-page-size="perPage"
                     range-selection-current-page="currPage"
                     range-selection-total-count="totalItems"
                     range-selection-hide-tools="toggle,export">

</div>
                <asme-paginator class="clearfix"></asme-paginator>
            </div>

</div>
    </div>
</div>

<div class="im-ff-ErrRootElement" ng-if="!!Message || !!Suggestions">
    <div class="im-ff-ErrMain" ng-show="!!Message" ng-bind-html="Message"></div>
    <div class="im-ff-ErrBody" ng-show="!!Suggestions" ng-bind-html="Suggestions"></div>
</div>

<div ng-show="totalItems > 10" class="col-xs-12">
    <div class="im-layout-left im-ff-footer-paging">
        <div class="im-ff-paging">
            <div class="im-ff-cta-perpage-box dropdown" title="{{::('ChangeResultsPerPage' | translate)}}">
                <span class="im-ff-cta-perpage-text">{{::('ResultsPerPage' | translate)}}</span> 
                
                <div class="btn-group drop-source qa-dropdown-perpage">
                    <button class="im-cta-rescount idResCount dropdown-toggle btn"
                            title="{{::('ChangeResultsPerPage'|translate)}}" data-toggle="dropdown">
                        <span class="im-qz-drop-text">{{perPage}}</span>
                    </button>
                    <button class="im-cta-rescount dropdown-toggle btn" title="{{::('ChangeResultsPerPage'|translate)}}" data-toggle="dropdown">
                        <span class="caret"></span>
                    </button>

<ul class="idResCountDropDown dropdown-menu pull-right" role="menu" style="min-width: 40px">
                        <li ng-repeat="pagingValue in pagingValues">
                            <a ng-click="onChangePageSize(this)">{{pagingValue}}</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="qa-asme-pagination" uib-pagination ng-model="currPage" max-size="10" boundary-links="true" ng-change="pageChanged()"
                 ng-show="totalItems > perPage" total-items="totalItems"
                 items-per-page="perPage"></div>
        </div>
    </div>
</div>

<div ng-show="pageLoaded" class="col-xs-12">
    <div class="im-layout-left im-ff-footer-paging">
        <div class="im-ff-paging">
            <div class="im-ff-cta-perpage-box dropdown" title="{{::('ChangeResultsPerPage' | translate)}}">
                <span class="im-ff-cta-perpage-text">{{::('ResultsPerPage' | translate)}}</span> 
                
                <div class="btn-group drop-source shim-right-short qa-dropdown-perpage">
                    <button class="im-cta-rescount idResCount dropdown-toggle btn"
                            title="{{::('ChangeResultsPerPage'|translate)}}" data-toggle="dropdown">
                        <span class="im-qz-drop-text">{{perPage}}</span>
                    </button>
                    <button class="im-cta-rescount dropdown-toggle btn" title="{{::('ChangeResultsPerPage'|translate)}}" data-toggle="dropdown">
                        <span class="caret"></span>
                    </button>

<ul class="idResCountDropDown dropdown-menu pull-right" role="menu" style="min-width: 40px">
                        <li ng-repeat="pagingValue in pagingValues">
                            <a ng-click="onChangePageSize(this)">{{pagingValue}}</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div uib-pagination ng-model="currPage" max-size="10" boundary-links="true" ng-change="pageChanged()"
                 ng-show="totalItems > perPage" total-items="totalItems"
                 items-per-page="perPage"></div>
        </div>
    </div>
</div>

<div class="browse-book-preview-container-new">
    <div class="browse-book-preview-row">
        <div class="browse-book-preview-left">
            <div class="browser-book-thumbnail data-part">
                <a target="_blank" rel="opener" href="" open-href="{{book.Url}}" ewb-open-with-wait-url open-with-wait-url-hl-item="book.hl" title="{{book.Title.Value}}"
                   ewb-analytics event-action="{{::('AnalyticsActionOpenDocument' | translate)}}" event-label="{{::('AnalyticsLabelCitationZone' | translate)}}">
                    <img class="browse-book-image-hidden" lazy-src="$http.defaults.API.BookThumbnail(book.Id, {width:115, height: 150, mode: 'SH', stub: 'book', xskip: {{book.Id}}})" title="{{book.Title.Value}}" />
                </a>
            </div>
        </div>
        <div class="browse-book-preview-right">

<div class="browse-book-preview-info-block">
                <a ng-if="book.ShowTranslationLink">
                    <div class="browse-book-transl-link data-part">
                        <span ng-click="showOriginalSource($event, book)">{{:: ('TranslatedLink'| translate) }}</span>
                    </div>
                </a>
                <div ng-if="book.GalleryMode.Authors" class="data-part bb-small" ng-class="{'data-chunk8' : book.PublicationDate}">
                    <small class="g-mode" ng-bind-html="book.GalleryMode.Authors"></small>
                    <small class="l-mode" ng-bind-html="book.ListMode.Authors"></small>
                </div>
                <div ng-if="book.PublicationDate" class="data-part bb-small">
                    <small>{{::('Published'|translate)}} <small ng-bind-html="book.PublicationDate"></small></small>
                </div>
            </div>
            <div ng-if="book.Answer" class="data-part">

<div class="answer">
                    <span class="bold ans-title">{{::('ColumnAnswer'|translate)}}: </span>
                    <span class="ans-text">{{::book.Answer}}  </span>
                </div>
            </div>
            <div class="data-part">
                <div class="g-mode" ng-bind-html="book.GalleryMode.Abstract"></div>
                <div class="l-mode l-abstract" ng-bind-html="book.ListMode.Abstract"></div>
            </div>
            <div class="data-part links link-block" ng-if="viewType === 'g-mode'">
                <a class="qa-summary" href="" ng-click="openBooksSummary(book)" ewb-analytics event-action="{{::('AnalyticsActionSummaryDialog' | translate)}}">{{::('Summary'|translate)}}</a>
            </div>
            <div class="data-part icon-block" ng-if="viewType === 'g-mode'">
                <add-to-watch-list-icon ng-style="{ 'display': 'inline-flex', 'float' :'right' }"></add-to-watch-list-icon>
                <ewb-bookmark-modal-ex analytics="true" analytics-action="{{::('AnalyticsActionBookmarkDialog' | translate)}}" analytics-label="{{::('AnalyticsLabelCitationZone' | translate)}}" bookmark-type-id="book.BookmarkParams.BookmarkTypeId" bookmark-parameters="book.BookmarkParams.BookmarkParameters" bookmark-global-id="book.BookmarkParams.GlobalId" bookmark-title="book.Title.Value" template-type="icondoc" caption="::bookmarkLinkTitle" usage-source="lastSearchRequest.Query ? 'es' : 'eb'" usage-kb-id="book.Document.KbIds[0]" usage-query-id="queryId" document-info="book.Document" bookmarks-count="book.BookmarkParams.BookmarksCount" do-not-auto-load></ewb-bookmark-modal-ex>
                <add-policy-notes ng-if="book.addPolicyNotesAvailable" global-id="{{book.Id}}" document-title="{{book.Title.Value}}" document-class="{{book.Document.ContentClassId}}" template="icon2"></add-policy-notes>
                <span ng-if="book.Access && book.Access !== 2 && book.Access !== 5" class="svg-host-button" title="{{book.Access | accessSigns:false}}">
                    <span ewb-svg-use="{{book.Access | accessSigns:true}}"></span>
                </span>
                <a ng-if="(book.Access === 2 || book.Access === 5) && !isTechstreetShoppCart" href="" open-href="{{book.Document.PriceQuoteUrl}}" target="_blank">
                    <icon-click tag="span" class="ihs-icon icon-access-link"
                                ng-class="{'no-popup' : book.Document.PriceQuoteUrl}" global-id="{{book.Id}}" query-id="{{book.Url | getUrlParams:'qid'}}" title="{{book.Access | accessSigns:false}}" bad-content="{{book.Document.IsBadContent}}" ng-click="openShopCart($event)">
                        <span ewb-svg-use="{{book.Access | accessSigns:true}}"></span>
                    </icon-click>
                </a>
                <a ng-if="(book.Access === 2 || book.Access === 5) && isTechstreetShoppCart" href="javascript:void(0);">
                    <icon-click tag="span" class="ihs-icon icon-access-link"
                                ng-class="{'no-popup' : book.Document.PriceQuoteUrl}" global-id="{{book.Id}}" query-id="{{book.Url | getUrlParams:'qid'}}" title="{{book.Access | accessSigns:false}}" bad-content="{{book.Document.IsBadContent}}" ng-click="openShopCart($event)">
                        <span ewb-svg-use="{{book.Access | accessSigns:true}}"></span>
                    </icon-click>
                </a>
                <div ng-if="book.SmartCompareInfo"
                     class="link-compare-document svg-host-button sc-tag-results"
                     ewb-document-compare="results"
                     location="results"
                     global-id="{{book.Id}}"
                     comparison-id="{{book.SmartCompareInfo.ComparisonIds}}"
                     customPopoverPlacement="auto bottom-right"
                     title="{{::'DocumentCompareTooltip'|translate}}">
                </div>

</div>
            <div ng-if="isSearchActive && viewType == 'l-mode' && book.MostRelevantSentenceCount > 0 &&
                          book.Document.ContentClassId !== '00000000-0000-0000-0000-000000000006' &&
                          book.Document.ContentClassId !== '00000000-0000-0000-0000-000000000007'"
                 ng-click="book.showMoreResult = !book.showMoreResult"
                 class="more-matches-btn qa-more-results"
                 ng-class="book.showMoreResult ? 'rotate-triangle' : ''"
                 ng-bind="(book.showMoreResult ? 'Close' : 'MoreResults') | netFormat : [book.MostRelevantSentenceCount]">
            </div>
            <more-matches ng-if="book.showMoreResult && isSearchActive && viewType == 'l-mode'" model="model" document-url="{{book.Document.Url}}" document-id="{{book.Document.Id}}" content-class-id="{{book.Document.ContentClassId}}" sentence-count="{{book.MostRelevantSentenceCount}}" global-id="{{book.Id}}" matched-sentences="book.MatchedSentences" call-resize-layout="callResizeLayout" tab="browse"></more-matches>

</div>

<div class="browse-book-preview-icon-panel" ng-if="viewType === 'l-mode'">
            <div class="data-part icon-block">
                <span ng-if="book.Access && book.Access !== 2 && book.Access !== 5" class="svg-host-button" title="{{book.Access | accessSigns:false}}">
                    <span ewb-svg-use="{{book.Access | accessSigns:true}}"></span>
                </span>
                <a ng-if="(book.Access === 2 || book.Access === 5) && !isTechstreetShoppCart" href="" open-href="{{book.Document.PriceQuoteUrl}}" target="_blank">
                    <icon-click tag="span" class="ihs-icon icon-access-link"
                                ng-class="{'no-popup' : book.Document.PriceQuoteUrl}" global-id="{{book.Id}}" query-id="{{book.Url | getUrlParams:'qid'}}" title="{{book.Access | accessSigns:false}}" bad-content="{{book.Document.IsBadContent}}" ng-click="openShopCart($event)">
                        <span ewb-svg-use="{{book.Access | accessSigns:true}}"></span>
                    </icon-click>
                </a>
                <a ng-if="(book.Access === 2 || book.Access === 5) && isTechstreetShoppCart" href="javascript:void(0);">
                    <icon-click tag="span" class="ihs-icon icon-access-link"
                                ng-class="{'no-popup' : book.Document.PriceQuoteUrl}" global-id="{{book.Id}}" query-id="{{book.Url | getUrlParams:'qid'}}" title="{{book.Access | accessSigns:false}}" bad-content="{{book.Document.IsBadContent}}" ng-click="openShopCart($event)">
                        <span ewb-svg-use="{{book.Access | accessSigns:true}}"></span>
                    </icon-click>
                </a>
                <add-policy-notes ng-if="book.addPolicyNotesAvailable" global-id="{{book.Id}}" document-title="{{book.Title.Value}}" document-class="{{book.Document.ContentClassId}}" template="icon2"></add-policy-notes>
                <add-to-watch-list-icon ng-style="{ 'display': 'inline-flex' }"></add-to-watch-list-icon>
                <ewb-bookmark-modal-ex analytics="true" analytics-action="{{::('AnalyticsActionBookmarkDialog' | translate)}}" analytics-label="{{::('AnalyticsLabelCitationZone' | translate)}}" bookmark-type-id="book.BookmarkParams.BookmarkTypeId" bookmark-parameters="book.BookmarkParams.BookmarkParameters" bookmark-global-id="book.BookmarkParams.GlobalId" bookmark-title="book.Title.Value" template-type="icondoc" caption="::bookmarkLinkTitle" usage-source="lastSearchRequest.Query ? 'es' : 'eb'" usage-kb-id="book.Document.KbIds[0]" usage-query-id="queryId" document-info="book.Document" bookmarks-count="book.BookmarkParams.BookmarksCount" do-not-auto-load></ewb-bookmark-modal-ex>
            </div>
            <div class="data-part links link-block">
                <a class="qa-summary" href="" ng-click="openBooksSummary(book)" ewb-analytics event-action="{{::('AnalyticsActionSummaryDialog' | translate)}}">{{::('Summary'|translate)}}</a>
            </div>
        </div>

</div>
</div>

<div class="browse-book-sales-page">
    <div class="browse-book-sales-table">
        <div class="browse-book-sales-page-row">
            <div class="browse-book-preview-images">
                <div class="browse-book-preview-image one"></div>
                <div class="browse-book-preview-image two"></div>
            </div>
            <div class="browse-book-sales-description">

<div class="checkbox">
                    <input type="checkbox" id="browseBookSalesPageHide" ng-click="toggleShowBrowseBook()" />
                    <label for="browseBookSalesPageHide" ng-bind-html="'BrowseBookSettingsMessage'  | translate "></label>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/ng-template" id="browseTreeTemplate">
    <div ng-class="{'toc-selected': !isSearchActive && node.Pcn == selectedNode.Pcn, 'with-check': isSearchActive}" class="toc-element" ng-click="nodeOnClick(node, $event)">
        <icon-click tag="button" class="triangle" ng-click="toggleExpand(node, $event)">
            <i ng-if="node.Items.length"
               ewb-svg-use="ihs-icon-arrow icon-sm"
               ng-class="node.expanded ? 'rotate-270' : 'rotate-180'">
            </i>
        </icon-click>
        <div ng-if="isSearchActive" class="checkbox">
            <input id="chk-{{node.Pcn}}" type="checkbox" ng-model="node.isChecked" ng-change="nodeCheckedChanged(node)" indeterminate-checkbox><label for="chk-{{node.Pcn}}" class="truncating qa-item-name" three-dots-tooltip="tree-item-check">{{node.Name}}</label>
        </div>
        <span ng-if="!isSearchActive" class="truncating qa-item-name" three-dots-tooltip="tree-item">{{node.Name}}</span>
    </div>
    <ul ng-if="node.Items.length && node.expanded" class="list-unstyled toc-indent">
        <li ng-repeat="item in node.Items"
            ng-include="'browseTreeTemplate'"
            ng-init="node=item"
            class="qa-subject">
        </li>
    </ul>
</script>
<div class="ewb-group qa-browse-tree-container">
    <div class="ewb-group-header expanded" onclick="$(this).toggleClass('expanded');" ng-click="toggleRootExpand()">
        <icon-click tag="button" class="triangle">
            <span ewb-svg-use="ihs-icon-arrow rotate-180"></span>
            <span ewb-svg-use="ihs-icon-arrow rotate-270"></span>
        </icon-click>
        <span class="text truncating" ng-show="isSearchActive">{{::("FilterYourResults"|translate)}}</span>
        <span class="text truncating" ng-hide="isSearchActive">{{::("BrowseByDiscipline"|translate)}}</span>
    </div>
    <div class="ewb-group-body ewb-toc">
        <p ng-show="isSearchActive">{{::("SelectDisciplinesOrSubjectsMessage"|translate)}}</p>
        <ul class="list-unstyled">
            <li ng-repeat="node in treeModel" ng-include="'browseTreeTemplate'" class="qa-discipline"></li>
        </ul>
    </div>
</div>

<div class="browse-book-transl-view">
    <div class="modal-content">
        <pl-modal-title close-action="$emit('close')" text="'Original'"></pl-modal-title>
        <div class="modal-body">
            <div class="browse-book-transl-title">{{OriginalTitle}}</div>
            <div class="clearrow"></div>
            <p class="l-mode" ng-bind-html="book.ListMode.Authors"></p>
            <div ng-if="book.PublicationDate">
                <p>{{::('Published'|translate)}} <span ng-bind-html="book.PublicationDate"></span></p>
            </div>
            <div class="clearrow"></div>
            <div ng-bind-html="OriginalText"></div>
        </div>
    </div>
</div>

<query-zone show-advanced="true" books-mode="true" show-searcher="true" parent-tool="2"></query-zone>

<div class="im-ff-resultArea">
            <div class="browse-content splitter-container row" ng-class="isAnError ? 'isAnError' : ''" ng-show="!isAnError || (isAnError && isSearchActive) || (isAnError && !isSearchActive && Tree.TreeNodes.length != 0)">
                <div class="ui-layout-west">
                    <div class="link-panel">
                        <div class="no-border">
                            <button type="button" class="btn btn-default btn-xs small qa-return"
                                    ng-show="isSearchActive" ng-click="browseController.returnToBrowse()"
                                    ewb-analytics event-action="{{::('AnalyticsActionReturnToBrowse' | translate)}}" event-label="{{::('AnalyticsLabelSearchMode' | translate)}}">
                                {{::('ReturnToBrowse'|translate)}}
                            </button>
                            <button type="button" ng-class2="{'transparent': clearFilterIsDisabled}" ng-disabled="clearFilterIsDisabled"
                                    class="btn btn-primary btn-xs small qa-clear" ng-show="isSearchActive && !isAnError && !clearFilterIsDisabled"
                                    ng-click="browseController.clearFilterShown()"
                                    ewb-analytics event-action="{{::('AnalyticsActionClearDisciplineFilters' | translate)}}" event-label="{{::('AnalyticsLabelSearchMode' | translate)}}">
                                {{::('ClearFilters'|translate)}}
                            </button>
                        </div>
                    </div>

<tree-control tree-model="Tree.TreeNodes"
                                      selected-node="selectedTreeNode"
                                      expanded-nodes="expandedNodes"
                                      node-checked="browseController.nodeChecked(node)"
                                      on-selection="browseController.selectTreeNode(node)"
                                      save-current-state="browseController.saveCurrentState(option)"
                                      is-search-active="isSearchActive">
                        </tree-control>
                    </div>

</div>
                <div class="ui-layout-center browse-booksview" ng-class="isAnError ? 'isAnError' : ''">
                    <div class="filter-panel">
                        <table>
                            <tr>
                                <td>
                                    <div class=" browse-books-total-container">
                                        <span class="browse-books-total qa-counter" ng-show="!isAnError && pageLoaded"><b>{{'{0}' | netFormat:[totalItems]}}</b> {{::('Titles'|translate)}}</span>
                                    </div>
                                </td>
                                <td>
                                    <div class="no-border pull-right">
                                        <div class="browse-filter-panel-header">
                                            <div class="browse-filter-panel-tools">
                                                <div class="btn-group ewb-toggle qa-mode" ng-show="!isAnError" ng-click="browseController.onChangeViewType()">
                                                    <i ewb-svg-use="ihs-icon-toggle-list-off" ng-show="viewType == 'g-mode'" title="{{::('ListView'|translate)}}" ewb-analytics event-action="{{::('AnalyticsActionViewMode' | translate)}}" event-label="{{::('AnalyticsLabelList' | translate)}}"></i>
                                                    <i ewb-svg-use="ihs-icon-toggle-list-on"  ng-show="viewType == 'l-mode'" title="{{::('GalleryView'|translate)}}" ewb-analytics event-action="{{::('AnalyticsActionViewMode' | translate)}}" event-label="{{::('AnalyticsLabelGrid' | translate)}}"></i>
                                                </div>
                                                <span ng-show="!isAnError || (isAnError && isSubsrErr)">{{::('ShowColon'|translate)}}</span>
                                                <div class="btn-group drop-source ewb-dropdown-default dropdown-toggle dropdown-small qa-dropdown-subscription" ng-show="!isAnError || (isAnError && isSubsrErr)"
                                                     uib-dropdown uib-dropdown-toggle dropdown-append-to-body>
                                                    <button type="button" class="btn btn-sm choices" data-toggle="dropdown">
                                                        <span class="truncating">{{showing.text}}</span>
                                                    </button>
                                                    <button type="button" class="btn btn-sm pick" data-toggle="dropdown">
                                                        <span class="caret"></span>
                                                    </button>
                                                    <ul class="dropdown-menu qz-dropdown-menu qa-dropdown-subscription-drop" uib-dropdown-menu role="menu"
                                                        ewb-tooltip-pos="bottom-dropleft">
                                                        <li ng-repeat="showValue in showValues track by $index" ng-click="browseController.changeMySubscription(showValue)">
                                                            <a href="" ewb-analytics event-action="{{::('AnalyticsActionChangeMySubscriptionFilter' | translate)}}" event-label="{{showValue.value ? ('AnalyticsLabelMySubscriptionFilter' | translate) : ('AnalyticsLabelAllSourcesFilter' | translate)}}">{{showValue.text}}</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <span ng-show="!isAnError">{{::('SortByColon'|translate)}}</span>
                                                <div class="btn-group drop-source ewb-dropdown-default dropdown-toggle dropdown-small qa-dropdown-sort-browse" ng-show="!isAnError && !isSearchActive"
                                                     uib-dropdown uib-dropdown-toggle dropdown-append-to-body>
                                                    <button type="button" class="btn btn-sm choices" data-toggle="dropdown">
                                                        <span class="truncating">{{sorting.BrowseMode.text}}</span>
                                                    </button>
                                                    <button type="button" class="btn btn-sm pick" data-toggle="dropdown">
                                                        <span class="caret"></span>
                                                    </button>
                                                    <ul class="dropdown-menu qz-dropdown-menu qa-dropdown-sort-browse-drop" uib-dropdown-menu role="menu"
                                                        ewb-tooltip-pos="bottom-dropleft">
                                                        <li ng-repeat="sortValue in browseController.sortValues.BrowseMode track by $index" ng-click="browseController.changeOrderBy(sortValue)">
                                                            <a href="">{{sortValue.text}}</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="btn-group drop-source ewb-dropdown-default dropdown-toggle dropdown-small qa-dropdown-sort-search" ng-show="!isAnError && isSearchActive"
                                                     uib-dropdown uib-dropdown-toggle dropdown-append-to-body>
                                                    <button type="button" class="btn btn-sm choices" data-toggle="dropdown">
                                                        <span class="truncating">{{sorting.SearchMode.text}}</span>
                                                    </button>
                                                    <button type="button" class="btn btn-sm pick" data-toggle="dropdown">
                                                        <span class="caret"></span>
                                                    </button>
                                                    <ul class="dropdown-menu qz-dropdown-menu qa-dropdown-sort-search-drop" uib-dropdown-menu role="menu"
                                                        ewb-tooltip-pos="bottom-dropleft">
                                                        <li ng-repeat="sortValue in browseController.sortValues.SearchMode track by $index" ng-click="browseController.changeOrderBy(sortValue)">
                                                            <a href="">{{sortValue.text}}</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <translation-settings ng-show="!isAnError"></translation-settings>
                                                <button type="button" class="qa-tool-export btn btn-deemphasized btn-sm"
                                                        ng-click="browseController.export()" ng-show="!isAnError"
                                                        ewb-analytics event-action="{{::('AnalyticsActionExportEbooksDialog' | translate)}}">
                                                    {{::("Export"|translate)}}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>

<show-warning ng-if="isRecurrent() && !isAnError" show-dismiss="true" show-close="false" class-name="recurrent-results">
                        <div ng-bind-html="'Recurrent'|netFormatHtml:[]"></div>
                    </show-warning>
                    <div ng-show="!isAnError">
                        <div class="browse-books-view-list {{viewType}}" ng-show="!isAnError && Tree.TreeNodes.length != 0">
                            <book-preview ng-repeat="book in books track by $index"></book-preview>
                            <render-metrics-fake ng-if="checkWatcherStarted()"></render-metrics-fake>
                        </div>

<book-paginator class="clearfix"></book-paginator>
                    </div>
                    <show-error ng-show="isAnError && !isSearchActive" message="errorMessage" suggestions="errorSuggestions"></show-error>
                </div>
            </div>
            <show-warning ng-if="isRecurrent() && isAnError" show-dismiss="true" show-close="false" class-name="recurrent-results">
                <div ng-bind-html="'Recurrent'|netFormatHtml:[]"></div>
            </show-warning>
            <div ng-if="(isAnError && isSearchActive) || (isAnError && Tree.TreeNodes.length == 0)">
                <show-error message="errorMessage" suggestions="errorSuggestions"></show-error>
            </div>
        </div>

</div>

<div class="ewb-group">
    <div class="ewb-group-header" onclick="$(this).toggleClass('expanded');" ng-class="{'expanded': isOpen}">
        <icon-click class="triangle">
            <span ewb-svg-use="ihs-icon-arrow rotate-180"></span>
            <span ewb-svg-use="ihs-icon-arrow rotate-270"></span>
        </icon-click>
        <span class="text truncating">{{::("AlsoViewed"|translate)}}</span>
    </div>
    <div class="ewb-group-body also-viewed">
        <ul>
            <li ng-repeat="link in alsoViewedLinks" class="doc-link">
                <a target="_blank" rel="opener" class="pointer" href="{{link.ViewerUrl}}" ng-click="logAlsoViewedDoc(link.SecondDocumentId)" ewb-analytics event-action="{{::('AlsoViewedAction' | translate)}}" event-label="{{::('AlsoViewedDocTabLabel' | translate)}}">{{::link.Title}}</a>
                <div ng-if="link.AccessType == 2" ng-class="{'av-card-shopping': !link.PreviewObjectRelation,'av-card-shopping-preview': link.PreviewObjectRelation}">
                    <a class="pointer"
                       ng-click="!!link.PriceQuoteUrl || openTooltip($event)"
                       href="" open-href="{{::link.PriceQuoteUrl}}"
                       attach-to-body="true"
                       has-preview="{{::!!link.PreviewObjectRelation}}"
                       global-id="{{::link.SecondDocumentId}}"
                       query-id=""
                       title="{{::(link.AccessType | accessSigns:false )}}"
                       bad-content="{{::(link.IsBadContent)}}">
                        <svg ng-if="!link.PreviewObjectRelation" class="ihs-icon ihs-icon-shopping-cart" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39 32"><g id="ihs-icon-shopping-cart" viewBox="0 0 39 32"><path d="M38.72 18.176c-0.256 0.256-0.512 0.448-1.088 0.512l-24.384 3.008 0.256 1.344c0 0 0 0.256-0.256 0.832 0.832 0.512 1.344 1.344 1.6 2.176h15.232c0.512-1.6 2.176-2.688 4.096-2.688 2.432 0 4.352 1.92 4.352 4.352s-1.92 4.352-4.352 4.352c-1.92 0-3.264-1.088-4.096-2.688h-14.912c-0.512 1.6-2.176 2.688-4.096 2.688-2.432 0-4.352-1.92-4.352-4.352 0-1.92 1.344-3.52 3.264-4.096v-0.256l-4.032-20.352h-4.48c-0.832-0.064-1.472-0.704-1.472-1.536s0.64-1.472 1.472-1.472v0h5.568c0 0 1.344-0.064 1.6 1.6l0.256 1.6h28.48c0.512 0 0.832 0.256 1.088 0.512 0.256 0.32 0.576 0.64 0.576 1.152v12.224c0 0.256 0 0.832-0.32 1.088v0 0z"></path></g></svg>
                        <svg ng-if="link.PreviewObjectRelation" class="ihs-icon ihs-icon-shopping-cart-preview" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 32"><g id="ihs-icon-shopping-cart-preview" viewBox="0 0 49 32"><path d="M34.112 23.296c-1.92 0-3.52 1.088-4.096 2.688h-15.104c-0.256-0.832-0.832-1.6-1.6-2.176 0.256-0.512 0.256-0.832 0.256-0.832l-0.256-1.344 21.376-2.816c-0.768 0-1.408-0.256-2.048-0.512-1.152-0.512-2.176-1.152-3.072-2.048-0.832-0.832-1.536-1.856-2.048-3.072-0.512-1.152-0.768-2.432-0.768-3.712s0.256-2.496 0.768-3.712c0.384-0.96 0.96-1.856 1.6-2.56h-20.224l-0.256-1.6c-0.256-1.664-1.6-1.6-1.6-1.6h-5.568c-0.832 0-1.472 0.64-1.472 1.472s0.64 1.472 1.472 1.472v0h4.48l4.096 20.352v0.256c-1.92 0.512-3.264 2.176-3.264 4.096 0 2.432 1.92 4.352 4.352 4.352 1.92 0 3.52-1.088 4.096-2.688h14.848c0.832 1.6 2.176 2.688 4.096 2.688 2.432 0 4.352-1.92 4.352-4.352-0.064-2.432-1.92-4.352-4.416-4.352z"></path><path d="M48.64 18.624l-4.224-4.224c1.024-1.472 1.536-3.136 1.536-4.928 0-1.152-0.256-2.304-0.704-3.392s-1.088-1.984-1.856-2.752c-0.768-0.768-1.728-1.408-2.752-1.856-1.088-0.448-2.176-0.704-3.392-0.704-1.152 0-2.304 0.256-3.392 0.704-0.896 0.384-1.728 0.896-2.432 1.536-0.128 0.128-0.192 0.192-0.32 0.32s-0.256 0.256-0.384 0.448c-0.576 0.704-1.088 1.472-1.472 2.368-0.448 1.088-0.704 2.176-0.704 3.392 0 1.152 0.256 2.304 0.704 3.392s1.088 1.984 1.856 2.752c0.768 0.768 1.728 1.408 2.752 1.856 0.576 0.256 1.152 0.448 1.792 0.512 0.512 0.128 1.024 0.128 1.6 0.128 0.96 0 1.92-0.128 2.816-0.448 0.768-0.256 1.472-0.64 2.112-1.088l4.224 4.224c0.32 0.32 0.64 0.448 1.088 0.448s0.768-0.128 1.088-0.448c0.32-0.32 0.448-0.704 0.448-1.088 0.064-0.448-0.128-0.832-0.384-1.152zM41.152 13.376c-0.256 0.256-0.512 0.512-0.832 0.704-0.896 0.64-1.92 0.896-3.072 0.896-1.536 0-2.816-0.512-3.904-1.6s-1.6-2.368-1.6-3.904c0-1.536 0.512-2.816 1.6-3.904s2.368-1.6 3.904-1.6c1.152 0 2.176 0.32 3.072 0.896 0.32 0.192 0.576 0.448 0.832 0.704 1.088 1.088 1.6 2.368 1.6 3.904s-0.512 2.816-1.6 3.904z"></path></g></svg>
                    </a>
                </div>
                <div ng-if="link.AccessType == 3" class="av-card-shopping">
                    <a title="{{::(link.AccessType | accessSigns:false )}}" class="click-tooltip">
                        <span ewb-svg-use="{{link.AccessType | accessSigns:true}}"></span>
                    </a>
                </div>
            </li>
        </ul>
    </div>
</div>

<pl-modal-title close-action="modalOptions.close('cancel')">{{modalOptions.titleText}}</pl-modal-title>
<div class="modal-body">
    <p>{{modalOptions.bodyText}}</p>
</div>
<div class="modal-footer">
    <div class="pull-right">
        <pl-button mode="warning" ng-show="{{modalOptions.showCloseButton}}" ng-click="modalOptions.ok()">{{modalOptions.closeButtonText}}</pl-button>
        <pl-button mode="deemphasized" ng-click="modalOptions.close()">{{modalOptions.actionButtonText}}</pl-button>
    </div>
</div>

<div class="ewb-group qa-attachments-container">
    <div class="ewb-group-header" onclick="$(this).toggleClass('expanded');" ng-class="{'expanded': ewbAttachments.isOpen}">
        <icon-click>
            <span ewb-svg-use="ihs-icon-arrow rotate-180"></span>
            <span ewb-svg-use="ihs-icon-arrow rotate-270"></span>
        </icon-click>
        <span class="text truncating">{{::ewbAttachments.attachmentsLabel}}</span>
    </div>
    <div class="ewb-group-body">
        <div class="ewb-list">
            <ul>
                <li ng-repeat="attachment in ewbAttachments.visibleDocuments" ng-model="ewbAttachments.attachments" ng-click="ewbAttachments.downloadAttachment($index)">
                    <span class="truncating" three-dots-tooltip>{{attachment.Name}}</span>
                </li>
                <li ng-show="ewbAttachments.showMoreCount > 0" ng-click="ewbAttachments.showAllDocument()">
                    <small class="truncating" three-dots-tooltip>{{::ewbAttachments.showMoreLabel}}</small>
                </li>
                <li ng-show="ewbAttachments.showMoreCount == 0" ng-click="ewbAttachments.showLessDocument()">
                    <small class="truncating" three-dots-tooltip>{{::("ShowLess"|translate)}}</small>
                </li>
            </ul>
        </div>
    </div>
</div>

<div id="container">
    <div class="ui-layout-center viewer-content-wrapper fullsize-wrap">

<show-error ng-show="model.isError" message="model.errorMessage"></show-error>

<div ng-if="showNoCompare">
            <div class="alert alert-warning">
                <span ewb-svg-use="ihs-icon-warning"></span>
                {{NoCompareMessage}}
            </div>
        </div>

<div ng-if="showCompareChoices">
            <div class="compare-panel">
                <table class="compare-table">
                    <tr>
                        <td colspan="3">{{::("YouCanCompareMessage" | translate)}}</td>
                    </tr>
                    <tr>
                        <td colspan="3">{{::("DocumentCompareSelect" | translate)}}</td>
                    </tr>
                    <tr class="compare-center">
                        <td><span ewb-svg-use="ihs-icon-document compare-document-icon"></span></td>
                        <td><span ewb-svg-use="ihs-icon-documents compare-document-icon"></span></td>
                        <td><span ewb-svg-use="ihs-icon-document compare-document-icon"></span></td>
                    </tr>
                    <tr class="compare-center">
                        <td>
                            <div class="radio compare-account-radio">
                                <input type="radio" id="compareDocumentOld" ng-model="model.assignTo" ng-click="checkboxSelected(SuccessorRedlineId)"
                                       value="{{SuccessorRedlineId}}" name="compare-document-year"  ng-disabled="!SuccessorHasAccess" />
                            </div>
                        </td>
                        <td></td>
                        <td>
                            <div class="radio compare-account-radio">
                                <input type="radio" id="compareDocumentNew" ng-model="model.assignTo" ng-click="checkboxSelected(PredecessorRedlineId)"
                                       value="{{PredecessorRedlineId}}" name="compare-document-year" ng-disabled="!PredecessorHasAccess" />
                            </div>
                        </td>
                    </tr>
                    <tr class="compare-center">
                        <td ng-bind-html="SuccessorData"></td>
                        <td></td>
                        <td ng-bind-html="PredecessorData"></td>
                    </tr>
                    <tr class="compare-center">
                        <td colspan="3">
                            <button ng-class="compareHasBeenSelected ? 'btn btn-default btn-sm': 'btn btn-sm disabled'" ng-click="openCompareDocument()">
                                {{::("Compare" | translate)}}
                            </button>
                        </td>
                    </tr>
                </table>
            </div>
        </div>

<compare-doc-tab document="document" options="options" active="active"></compare-doc-tab>

</div>

<div id="container" class="splitter-container">
    <div class="ui-layout-west viewer-navigation" id="toc">
        <div class="viewer-navigation-scroll">
            <div ng-if="!documentController.licenseError">
                <div class="viewer-navigation-header">
                    <h2 class="truncating qa-doc-title"
                        tooltip-append-to-body="true"
                        tooltip-popup-delay="500"
                        tooltip-placement="bottom"
                        ng-attr-tooltip-class="{{documentController.hasLongTitle ? 'tooltip-long-doc-title' : undefined}}"
                        uib-tooltip="{{documentController.title}}">
                        {{documentController.filteredTitle}}
                    </h2>
                    <p class="truncating"
                       ng-if="documentController.author">{{::("txtBy" | translate)}} {{documentController.author}}</p>
                </div>

{{::('TitleColon'|translate)}} {{microAlert.Title}}

{{::('CreatedBy'|translate)}} {{microAlert.Creator.FullName}}

{{::('DateColon'|translate)}} {{microAlert.CreatedDate | ihsDateUtcToLocal}}

{{::('SetMicroAlert'|translate)}}

{{::('Title'|translate)}}

{{::('TitleIsRequired'|translate)}}

{{::('_Auto_US199276_0002'|translate)}}

{{::("Filter" | translate)}} ({{ numberOfFilters }})

({{1}})

({{item.rank}})

p.{{item.region[0].page}} {{mapHeadings(item.headings)}}

{{note.Title}}

{{ewbSearchHighlighter.searchCurrentCount}} / {{ewbSearchHighlighter.documentWordsLength}}

{{::("RevisionGroup"|translate)}} ({{ewbRevisionGroupTree.totalCount}})

{{document.Number}}
{{ewbRevisionGroupTree.getShowMoreTitle()}}

{{item.Field}}:

{{ewbGridItem.item.Title}} ({{ewbGridItem.item.Content.Count}} {{::("Items" | translate)}}) {{ewbGridItem.item.Content.DisplayDate | ihsDateUtcToLocal}}

{{::("Filters" | translate)}}:

{{::("ToolColon" | translate)}} {{::("Research" | translate)}} {{::("BrowseCollections" | translate)}} {{::("PatentIntelligence" | translate)}} {{::("PatentIntelligence" | translate)}} {{::("PatentIntelligence" | translate)}} {{::("AsmeToolNameUppercase" | translate)}} {{::("NbbiNbciUppercase" | translate)}} {{::("UkiUppercase" | translate)}}

{{ewbGridItem.item.Title}} ({{ewbGridItem.item.Content.Count}} {{::("WatchListDocuments" | translate)}}) {{ewbGridItem.item.Content.DisplayDate | ihsDateUtcToLocal}}

{{::("Filters" | translate)}}:

{{::("txtItaMsg3" | translate)}}
{{::("txtItaMsg4" | translate)}}
{{::("txtItaMsg5" | translate)}}
{{::("txtItaMsg6" | translate)}}
{{::("txtItaMsg7" | translate)}}

{{::("txtItaMsg9" | translate)}}
{{::("txtItaMsg10" | translate)}}
{{::("txtItaMsg11" | translate)}}

{{ meta.Name }}

{{ fact.Fr | number }}
{{ fact.Name.Value }}

{{::("Save"|translate)}} | {{::("Export"|translate)}}

‹‹

{{::('BibliographicData'|translate)}}
{{::('Abstract'|translate)}}
{{::(Entry.Code|translate)}}

{{::("PickListResultHeader"|translate)}} {{("PickListResultFormat"|netFormat:[filter.Items[0], filter.Items[1], filter.Items[2], filter.Items[3], filter.Items.length-4] )}} {{item}}{{($index!==filter.Items.length-1) ? ",":"" }}

× × {{::("Info"|translate)}}

{{::("txtUseFreeModeExample1"|translate)}}
{{::("txtUseFreeModeExample2"|translate)}}
{{::("txtUseFreeModeExample3"|translate)}}

{{::("RefineSourceSelection"|translate)}}

{{::('SynonymsEnabled' | translate)}} ×

{{result.ProductName}} ({{result.Count | number}})

{{::model.filter.paging}}

{{th.text}}
{{td.accessClass ? "" : td.text}}

{{::model.filter.paging}}

{{::("txtRaMsg3" | translate)}}
{{::("txtRaMsg4" | translate)}}
{{::("txtRaMsg5" | translate)}}

{{::("RemovedWords" | translate)}} {{item}},

Settings Customization Dashboard

Ranking settings(will be used when new search factors does not supported by one of federated sites)

Search Tree Sorting Factors

Search Tree Grouping Factors

Return extended ranking info from API

{{::("MembersInMyGroup" | translate)}}: {{group.Members.Count}}

{{::("MyGroupsCreated" | translate)}}: {{group.DateCreated | ihsDateUtcToLocal}}

{{::lang.name}}

{{::("txtEwbHighlightingDownload" | translate)}} ({{::("AlreadyInstalled" | translate | lowercase)}})

{{::("Actions" | translate)}}
{{::('SortByColon'|translate)}}
- {{sortValue.text}}

{{::metaItem.Text}}: {{$last ? '' : ', '}} ({{::iseDate.LocalName.Name}} )

{{::xDocument.DisplayName}}:

{{::("PatentIntelligenceColonGraph" | translate | wordWiseLimit:30:true)}}

...

{{::("WithinColon" | translate)}}

{{::('Fact' \| translate) }}	{{::('txtNoOfResults' \| translate) }}	{{::('Citation' \| translate) }}

{{::(wsQueryCard.isAlert() ? "Alert" : "Query" | translate | wordWiseLimit:30:true)}}

{{ ::('DocumentStatusColon' | translate) }}
{{::xref.DisplayName}}: {{::xref.REFDOCNUM}}
{{ ::('MetadataTypeSpecialAU' | translate) }}
{{ ::('AssigneeColon' | translate) }}
{{ ::('MetadataTypeSpecialInventor' | translate) }}
{{ ::('MetadataTypeSpecialDP' | translate) }}
{{ ::('MetadataTypeSpecialLanguage' | translate) }}
{{ ::('PublicationColon' | translate) }}
{{ ::('MetadataTypeSpecialPublisher' | translate) }}
{{ ::('MetadataTypeISBN' | translate) }}
{{ ::('MetadataTypeISSN' | translate) }}
{{ ::('PageCountColon' | translate) }}

{{::("PatentIntelligenceColonChart" | translate | wordWiseLimit:30:true)}}

{{::('AssigneeColon' | translate)}}

{{columnName.name }}

Name	{{microAlertsTabController.microAlertStatusTitle}}	Full Document Alert Status	Comparison Available	Last updated	Micro-Alerts Count
{{document.DocumentNumber}} {{document.DocumentTitle}}			View	{{document.LatestAlertCreationDate \| date: 'MMM dd, yyyy'}}	{{document.AlertCount}}

{{::("Actions" | translate)}}

{{::("AllProjects" | translate)}} >

{{::("Actions" | translate)}}

{{::('More' | translate)}}/{{::('Edit' | translate)}}

{{::wsProjectDescriptionController.linkLess.title}} | {{::wsProjectDescriptionController.linkMore.title}}

Under construction

{{::("Actions" | translate)}}
{{::('SortByColon'|translate)}}
- {{sortValue.text}}

Under construction

{{Calendar.DayText(dayItem.ts)}}

{{Calendar.DayText(dayItem.ts)}}
- {{::(item.isAlert ? "ReturnedResults" : "Query"|translate)}}: {{::item.QueryToolName}}:
  {{::("WithinColon"|translate)}}
  - {{::("Document"|translate)}}:
  {{::("Document"|translate)}}:

{{::("Actions" | translate)}}

{{::('ListNameColon'|translate)}}
{{::('DescriptionColon'|translate)}}
{{::('SharingOptions'|translate)}}
{{::('Notifications'|translate)}}
{{::('Filter'|translate)}}
{{::('SortedBy'|translate)}}

		{{::('DOCNUM'\|translate)}}	{{::('Title'\|translate)}}	{{::('_Auto_US140862_0000'\|translate)}}	{{::('Status'\|translate)}}	{{::('PublicationDate'\|translate)}}
	{{citation.position}}	{{citation.Document.Number}} {{item.DisplayName}} {{item.REFDOCNUM}}	{{citation.Document.Title.Translated \|\| citation.Document.Title.Original}} {{::('_Auto_US142541_0000'\|translate)}}: {{citation.ChangeType}}	{{::('Specific'\|translate)}}	{{::('MostRecentVersion'\|translate)}}	{{citation.Status}}	{{citation.PubDate}}

{{citation.Document.Title.Translated || citation.Document.Title.Original}}

{{::('_Auto_US142541_0000'|translate)}}: {{citation.ChangeType}}

{{::("AllWatchLists" | translate)}} >

{{::("Actions" | translate)}}

{{wsWatchListContentController.processItemsCount(totalItemsWithoutFilters)}}

{{::('More' | translate)}}/{{::('Edit' | translate)}}

{{::wsWatchListDescriptionController.linkLess.title}} | {{::wsWatchListDescriptionController.linkMore.title}}

Under construction

{{tab.Text}} ({{tab.Count}}) {{tab.SearchCount}}

{{ ewbCompSubReqCtrl.document.displayNumber }} - {{ ewbCompSubReqCtrl.document.title }}

</div>
            </div>
        </div>
    </form>
 </div>

<div class="custom-collection-block-exception">
    <div ng-if="addCollectionModel.exceptions.ExcludedCustomCollectionDocuments.length > 0" class="caption">{{::('CCBlockExceptions' | translate)}}</div>
    <div ng-if="addCollectionModel.exceptions.ExcludedCustomCollectionDocuments.length == 0" class="caption">{{::('SubmittedQuoteDetails' | translate)}}</div>

<div ng-if="addCollectionModel.exceptions.ExcludedCustomCollectionDocuments.length > 0" ng-bind-html="ccbe.ccBlockExceptionsMsg"></div>
    <div ng-if="addCollectionModel.exceptions.ExcludedCustomCollectionDocuments.length == 0" ng-bind-html="ccbe.submittedQuoteDetailsMsg"></div>

<ul ng-if="addCollectionModel.exceptions.ExcludedCustomCollectionDocuments.length > 0" class="exceptions">
        <li>{{::('CCBlockExceptionsErrorMsg' | translate)}}</li>
    </ul>

<div class="content">
        <uib-tabset>
            <uib-tab ng-if="addCollectionModel.exceptions.IncludedCustomCollectionDocuments.length > 0" heading="{{::('NumberOfIncludedDocs' | translate | netFormat:[includedCount])}}">
                <custom-collection-table data="addCollectionModel.exceptions.IncludedCustomCollectionDocuments"></custom-collection-table>
            </uib-tab>
            <uib-tab ng-if="addCollectionModel.exceptions.ExcludedCustomCollectionDocuments.length > 0" heading="{{('NumberOfExcludedDocs' | translate | netFormat:[excludedCount])}}">
                <custom-collection-table class="excluded" data="addCollectionModel.exceptions.ExcludedCustomCollectionDocuments"></custom-collection-table>
            </uib-tab>
        </uib-tabset>
    </div>
</div>

<div class="cc-document-version">
    <h2>{{::('SelectDocumentVersion' | translate)}}</h2>
    <div class="description" ng-bind-html="SelectDocumentVersionDescription"></div>
    <div class="selection">
        <span class="">{{::('MostRecentColon' | translate)}}</span>
        <span class="rb radio"><input type="radio" id="cb-a-1" ng-model="mostRecent" value="true" /><label for="cb-a-1">{{::('Yes' | translate)}}</label></span>
        <span class="rb radio"><input type="radio" id="cb-a-2" ng-model="mostRecent" value="false" /><label for="cb-a-2">{{::('No' | translate)}}</label></span>
    </div>
</div>

<div class="custom-collction-exception">
    <div class="caption">{{ccee.ccExceptionsTitle}}</div>
    <div ng-bind-html="ccee.ccExceptionsMsg"></div>

<div class="custom-collction-exception">
    <div ng-if="addCollectionModel.exceptions.Exceptions.length > 0" class="caption">{{::('CCExceptions' | translate)}}</div>
    <div ng-if="addCollectionModel.exceptions.Exceptions.length == 0" class="caption">{{::('SubmittedQuoteDetails' | translate)}}</div>

<div ng-if="addCollectionModel.exceptions.Exceptions.length > 0" ng-bind-html="cce.ccExceptionsMsg"></div>
    <div ng-if="addCollectionModel.exceptions.Exceptions.length == 0" ng-bind-html="cce.submittedQuoteDetailsMsg"></div>

<ul ng-if="addCollectionModel.exceptions.Exceptions.length > 0" class="exceptions">
        <li ng-repeat="e in addCollectionModel.exceptions.Exceptions">{{e}}</li>
    </ul>

<div class="quote-id" ng-if="addCollectionModel.exceptions.Exceptions.length == 0">
        {{::('QuoteIDColon' | translate)}} {{addCollectionModel.exceptions.QuoteId}}
    </div>

<div class="content">
        <uib-tabset>
            <uib-tab heading="{{::('QuoteDetails' | translate)}}" active="true">
                <div class="details">
                    <p>{{::('ListNameColon' | translate)}} {{addCollectionModel.exceptions.WatchListName}}</p>
                    <p>{{::('PCNColon' | translate)}} {{addCollectionModel.exceptions.Pcn}}</p>
                    <p>{{::('SitesColon' | translate)}} {{addCollectionModel.exceptions.Sites}}</p>
                    <p>{{::('SimultaneousUsersColon' | translate)}} {{addCollectionModel.exceptions.SimultaneousUsers}}</p>
                    <p>{{::('CompanyOrOrganizationColon' | translate)}} {{addCollectionModel.exceptions.CompanyOrg}}</p>
                    <p>{{::('PhoneColon' | translate)}} {{addCollectionModel.exceptions.Phone}}</p>
                    <p ng-if="addCollectionModel.exceptions.IsSalesRep == true">{{::('LicToAcctId' | translate)}} {{addCollectionModel.exceptions.AccountLicensedTo}}</p>
                    <p>{{::('PotentialUsersColon' | translate)}} {{addCollectionModel.exceptions.PotentialUsers}}</p>
                    <p>{{::('CollectionDescriptionColon' | translate)}} {{addCollectionModel.exceptions.PcnDescription}}</p>
                    <p>{{::('QuoteDescriptionColon' | translate)}} {{addCollectionModel.exceptions.QuoteDescription}}</p>

<p ng-if="addCollectionModel.exceptions.IsSalesRep == true">{{::('NumberOfEmployeesColon' | translate)}} {{addCollectionModel.exceptions.NumberOfEmployees}}</p>
                    <p ng-if="addCollectionModel.exceptions.IsSalesRep == true">
                        {{::('EnterpriseWideColon' | translate)}}
                        <span ng-show="addCollectionModel.exceptions.IsEnterpriseWide == true">{{::('Yes' | translate)}}</span>
                        <span ng-show="addCollectionModel.exceptions.IsEnterpriseWide == false">{{::('No' | translate)}}</span>
                    </p>

<p title="{{addCollectionModel.exceptions.CountriesSelectedLong}}">
                        {{::('CountriesColon' | translate)}} 
                        <span ng-if="addCollectionModel.exceptions.CountriesSelectedLong === undefined">{{addCollectionModel.exceptions.CountriesSelectedShort}}</span>
                        <span ng-if="addCollectionModel.exceptions.CountriesSelectedLong !== undefined">{{addCollectionModel.exceptions.CountriesSelectedShort}}, and more...</span>
                    </p>
                    <p>{{::('CollectionNoteColon' | translate)}} {{addCollectionModel.exceptions.Note}}</p>
                </div>
            </uib-tab>
            <uib-tab ng-if="addCollectionModel.exceptions.IncludedCustomCollectionDocuments.length > 0" heading="{{::('NumberOfIncludedDocs' | translate | netFormat:[addCollectionModel.exceptions.IncludedCustomCollectionDocuments.length])}}">
                <custom-collection-table data="addCollectionModel.exceptions.IncludedCustomCollectionDocuments"></custom-collection-table>
            </uib-tab>
            <uib-tab ng-if="addCollectionModel.exceptions.ExcludedCustomCollectionDocuments.length > 0" heading="{{('NumberOfExcludedDocs' | translate | netFormat:[excludedCount])}}">
                <custom-collection-table class="excluded" data="addCollectionModel.exceptions.ExcludedCustomCollectionDocuments"></custom-collection-table>
            </uib-tab>
        </uib-tabset>
    </div>

</div>

<table class="custom-collection-table">
    <thead>
        <tr class="header">
            <th></th>
            <th>{{::('Version' | translate)}}</th>
            <th>{{::('DocumentNumber' | translate)}}</th>
            <th>{{::('Language' | translate)}}</th>
            <th>{{::('Date' | translate)}}</th>
            <th>{{::('Status' | translate)}}</th>
            <th ng-if="showExceptions(data)">{{::('Exception' | translate)}}</th>          
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="x in data" ng-class-odd="'odd'" ng-class-even="'even'">
            <td>{{ $index + 1 }}</td>
            <td>{{ x.Version }}</td>
            <td>{{ x.Number }}</td>
            <td>{{ x.Languages }}</td>
            <td>{{ x.Date | ihsDate }}</td>
            <td>{{ x.Status }}</td>
            <td ng-if="showExceptions(data)">{{ formatReason(x.Reason) }}</td>
        </tr>
    </tbody>
</table>

<div class="custom-collection-dialog-container isrr-modal-dialog">
    <form name="customCollectionForm" novalidate>
        <div class="modal-header" ng-switch on="modalOptions.modalContext">
            <ewb-dlg-close ng-if="!(model.exceptions.Exceptions.length > 0 || model.exceptions.ExcludedCustomCollectionDocuments.length > 0)" ng-click="$emit('close')"></ewb-dlg-close>
            <ewb-dlg-maximize ng-if="allowMaximize()" is-maximized="isMaximized" ng-click='toggleMaximize()'></ewb-dlg-maximize>
            <h3 class="modal-title" ng-switch-when="bibliographic-data">{{::('AdditionalDetailsAboutYourQuote' | translate)}}</h3>
            <h3 ng-switch-when="errors" class="modal-title">{{::(customCollectionError.title | translate)}}</h3>
            <h3 ng-switch-when="exception" ng-if="model.exceptions.Exceptions.length > 0" class="modal-title">{{::('CCExceptions' | translate)}}</h3>
            <h3 ng-switch-when="exception" ng-if="model.exceptions.Exceptions.length == 0" class="modal-title">{{::('SubmittedQuoteDetails' | translate)}}</h3>
            <h3 ng-switch-when="block-exception" ng-if="model.exceptions.ExcludedCustomCollectionDocuments.length > 0" class="modal-title">{{::('CCBlockExceptions' | translate)}}</h3>
            <h3 ng-switch-when="block-exception" ng-if="model.exceptions.ExcludedCustomCollectionDocuments.length == 0" class="modal-title">{{::('SubmittedQuoteDetails' | translate)}}</h3>
            <h3 class="modal-title" ng-switch-when="submit-watch-list">{{::('SubmitWatchListToCustomCollection' | translate)}}</h3>
            <h3 class="modal-title" ng-switch-when="create-collection">{{::('AdditionalDetailsAboutYourQuote' | translate)}}</h3>
            <h3 class="modal-title" ng-switch-when="addon-collection">{{::('AdditionalDetailsAboutYourQuote' | translate)}}</h3>
            <h3 class="modal-title" ng-switch-when="renew-collection">{{::('AdditionalDetailsAboutYourQuote' | translate)}}</h3>
            <h3 class="modal-title" ng-switch-when="sales-renew-custom">{{::('CreateCustomRenewal' | translate)}}</h3>
            <h3 class="modal-title" ng-switch-when="sales-renew-block">{{::('CreateBlockRenewal' | translate)}}</h3>
            <h3 class="modal-title" ng-switch-when="sales-renew-block-confirm">{{::('CreateBlockRenewal' | translate)}}</h3>
            <h3 class="modal-title" ng-switch-when="most-recent">{{::('AddDocumentToRequests' | translate)}}</h3>
            <h3 class="modal-title" ng-switch-default>{{::('AvailableCollections' | translate)}}</h3>
        </div>
        <div class="modal-body" ng-switch on="modalOptions.modalContext">
            <ws-error-dir taberror="false" ng-show="isAnError"></ws-error-dir>
            <custom-collection-bibliographic-data ng-switch-when="bibliographic-data" add-collection-model="model"></custom-collection-bibliographic-data>
            <custom-collection-error error-model="customCollectionError" ng-switch-when="errors"></custom-collection-error>
            <custom-collection-exception add-collection-model="model" excluded-count="excludedCount" ng-switch-when="exception"></custom-collection-exception>
            <custom-collection-block-exception add-collection-model="model" excluded-count="excludedCount" included-count="includedCount" ng-switch-when="block-exception"></custom-collection-block-exception>
            <custom-collection-select-available ng-switch-when="available-collections" on-selection="selectCollection(collection)" add-collection-model="model"></custom-collection-select-available>
            <custom-collection-document-version ng-switch-when="most-recent" on-selection="selectDocumentVersion(mostRecent)"></custom-collection-document-version>
            <custom-collection-document-version ng-switch-when="document-version" on-selection="selectDocumentVersion(mostRecent)"></custom-collection-document-version>
            <custom-collection-to-block-confirm ng-switch-when="to-block-confirm"></custom-collection-to-block-confirm>
            <custom-collection-submit-watch-list on-selection="changeChoice(choice)" show-block="isCanAddToBlockColection" chosen="watchListSubmitChoice" ng-switch-when="submit-watch-list"></custom-collection-submit-watch-list>
            <custom-collection-quote ng-switch-when="create-collection" rules="rules" model="quoteModel"></custom-collection-quote>
            <custom-collection-select-pcn ng-switch-when="select-custom-collection-account" on-selection="selectDialogValue(selectedValue)" rules="rules"></custom-collection-select-pcn>
            <custom-collection-select-pcn ng-switch-when="select-custom-collection-pcn" on-selection="selectDialogValue(selectedValue)" rules="rules"></custom-collection-select-pcn>
            <custom-collection-select-pcn ng-switch-when="select-block-collection" on-selection="selectDialogValue(selectedValue)" rules="rules"></custom-collection-select-pcn>
            <custom-collection-select-pcn ng-switch-when="upgrade-site-simo" on-selection="selectDialogValue(selectedValue)" rules="modalOptions"></custom-collection-select-pcn>
            <custom-collection-select-pcn ng-switch-when="sales-renew-custom" on-selection="selectDialogValue(selectedValue)" rules="modalOptions"></custom-collection-select-pcn>
            <custom-collection-select-pcn ng-switch-when="sales-renew-block" on-selection="selectDialogValue(selectedValue)" rules="modalOptions"></custom-collection-select-pcn>
            <custom-collection-quote ng-switch-when="addon-collection" rules="rules" model="quoteModel"></custom-collection-quote>
            <custom-collection-quote ng-switch-when="renew-collection" rules="rules" model="quoteModel"></custom-collection-quote>
            <custom-collection-select-block-confirm ng-switch-when="block-confirm-collection" rules="rules"></custom-collection-select-block-confirm>
            <div ng-switch-when="sales-renew-block-confirm">
                <div>
                    <p>{{::('CreateBlockRenewalDesc' | translate)}}</p>
                    <p>{{::('CreateBlockRenewalNote' | translate)}}</p>
                </div>
            </div>
        </div>
        <div class="modal-footer" ng-switch on="modalOptions.modalContext">

<div class="text-right" ng-switch-when="bibliographic-data">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="goToAvailableCollections()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-click="submitBibliographicData();" ng-disabled="IsBibliographicDataInvalid()">{{::("SubmitForPricing" | translate)}}</button>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-controller="customCollectionBibliographicDataController" ng-click="clear(model)">{{::("Clear" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="exception">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancelQuote()" ng-if="!processFinished">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-click="processWithoutExceptionsPrompt($event);" ng-if="processWithoutExceptionsEnabled">{{::("Continue" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-click="onClickCancel();" ng-if="processFinished">{{::("Close" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="block-exception">
                <button type="submit" class="btn btn-default btn-sm" ng-click="onClickCancel();" ng-if="processFinished">{{::("Close" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="available-collections">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="most-recent">
                <button type="submit" class="btn btn-default btn-sm" ng-click="okDocumentVersion();">{{::("Ok" | translate)}}</button>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="document-version">
                <button type="submit" class="btn btn-default btn-sm" ng-click="okDocumentVersion();">{{::("Ok" | translate)}}</button>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="to-block-confirm">
                <button type="submit" class="btn btn-default btn-sm" ng-click="okToBlockConfirm();">{{::("Ok" | translate)}}</button>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="submit-watch-list">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-click="submitAsCustomCollection();">{{::("Next" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="create-collection">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="quoteModel.clear()">{{::("Clear" | translate)}}</button>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-disabled="!quoteModel.IsValid" ng-click="createCustomCollection();">{{::("SubmitForPricing" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="addon-collection">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="quoteModel.clear()">{{::("Clear" | translate)}}</button>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-disabled="!quoteModel.IsValid" ng-click="createCustomCollection();">{{::("SubmitForPricing" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="renew-collection">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="quoteModel.clear()">{{::("Clear" | translate)}}</button>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-disabled="!quoteModel.IsValid" ng-click="createCustomCollection();">{{::("SubmitForPricing" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="select-custom-collection-account">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-click="processCustomCollectionAccount();">{{::("Next" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="select-custom-collection-pcn">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-disabled="isPcnNotSelected" ng-click="processCustomCollectionPcn();">{{::("Next" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="upgrade-site-simo">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-disabled="isPcnNotSelected" ng-click="processSalesRepCustomRenewal(true);">{{::("Next" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="sales-renew-custom">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-disabled="isPcnNotSelected" ng-click="processSalesRepCustomRenewal(false);">{{::("Next" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="sales-renew-block">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-disabled="isPcnNotSelected" ng-click="displyBlockRenewalConfirmation();">{{::("Next" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="sales-renew-block-confirm">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-disabled="isPcnNotSelected" ng-click="blockRenewalConfirm();">{{::("CreateBlockRenewal" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="select-block-collection">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-disabled="isPcnNotSelected" ng-click="processBlockCollection();">{{::("Next" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-when="block-confirm-collection">
                <button type="button" ng-if="!rules.CanAddToBlock" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Continue" | translate)}}</button>
                <button type="button" ng-if="rules.CanAddToBlock" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
                <button type="submit" ng-if="rules.CanAddToBlock" class="btn btn-default btn-sm" ng-click="submitBlockCollection();">{{::("OK" | translate)}}</button>
            </div>
            <div class="text-right" ng-switch-default>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="onClickCancel()">{{::("Cancel" | translate)}}</button>
            </div>
        </div>
    </form>
</div>

<div class="isrr-dialog">
    <form name="ccCreateCollectionForm" ng-if="model.IsLoaded">
        <div class="row">
            <div class="col-xs-6" ng-if="model.validateRules.Pcn.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.Pcn.isValid}">
                    <label for="pcnInput" ng-class="{'required-add' : model.validateRules.Pcn.isRequired}">{{ ::("PCNToAddOrRenewColon" | translate) }}</label>
                    <input type="text" class="form-control" id="pcnInput" ng-model="model.collection.Pcn"
                           ng-change="model.validate()" ng-disabled="model.validateRules.Pcn.isDisabled" />
                </div>
            </div>
            <div class="col-xs-6" ng-if="model.validateRules.AccountLicensedTo.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.AccountLicensedTo.isValid}">
                    <label for="accountInput" ng-class="{'required-add' : model.validateRules.AccountLicensedTo.isRequired}">{{ ::("AccountLicensedToColon" | translate) }}</label>
                    <input type="text" class="form-control" id="accountInput" ng-model="model.collection.AccountLicensedTo"
                           ng-change="model.validate()" ng-disabled="model.validateRules.AccountLicensedTo.isDisabled" maxlength="7"/>
                    <label for="accountInput" ng-show="rules.SubmitType == 'new'"><small>{{ ::("AccountLicensedToHint" | translate) }}</small></label>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-6" ng-if="model.validateRules.Company.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.Company.isValid}">
                    <label for="compOrOrgInput" ng-class="{'required-add' : model.validateRules.Company.isRequired}">{{ ::("CompanyOrOrganizationColon" | translate) }}</label>
                    <input type="text" class="form-control" id="compOrOrgInput" ng-model="model.collection.Company"
                           ng-change="model.validate()" ng-disabled="model.validateRules.Company.isDisabled" maxlength="200"/>
                </div>
            </div>
            <div class="col-xs-6" ng-if="model.validateRules.Phone.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.Phone.isValid}">
                    <label for="phoneInput" ng-class="{'required-add' : model.validateRules.Phone.isRequired}">{{ ::("PhoneColon" | translate) }}</label>
                    <input type="text" class="form-control" id="phoneInput" ng-model="model.collection.Phone"
                           ng-change="model.validate()" ng-disabled="model.validateRules.Phone.isDisabled" maxlength="20"/>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-2" ng-if="model.validateRules.Sites.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.Sites.isValid}">
                    <label for="sitesInput" ng-class="{'required-add' : model.validateRules.Sites.isRequired}">{{ ::("SitesColon" | translate) }}</label>
                    <input type="text" class="form-control" id="sitesInput" ng-model="model.collection.Sites"
                           ng-change="model.validate()" ng-disabled="model.validateRules.Sites.isDisabled" />
                </div>
            </div>
            <div class="col-xs-2" ng-if="model.validateRules.SimultaneousUsers.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.SimultaneousUsers.isValid}">
                    <label for="simUsersInput" ng-class="{'required-add' : model.validateRules.SimultaneousUsers.isRequired}">{{ ::("SimultaneousUsersColon" | translate) }}</label>
                    <input type="text" class="form-control" id="simUsersInput" ng-model="model.collection.SimultaneousUsers"
                           ng-change="model.validate()" ng-disabled="model.validateRules.SimultaneousUsers.isDisabled" />
                </div>
            </div>
            <div class="col-xs-2" ng-if="model.validateRules.IsEnterpriseWide.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.IsEnterpriseWide.isValid}">
                    <label for="isEnterpriseWideInput" ng-class="{'required-add' : model.validateRules.IsEnterpriseWide.isRequired}">{{ ::("EnterpriseWideColon" | translate) }}</label>
                    <br />
                    <input type="checkbox" id="isEnterpriseWideInput" ng-model="model.collection.IsEnterpriseWide"
                           ng-change="model.validate()" ng-disabled="model.validateRules.IsEnterpriseWide.isDisabled" />
                    <span>{{::("EnterpriseWideInputText" | translate)}}</span>
                </div>
            </div>
            <div class="col-xs-3" ng-if="model.validateRules.PotentialUsers.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.PotentialUsers.isValid}">
                    <label for="potUsersInput" ng-class="{'required-add' : model.validateRules.PotentialUsers.isRequired}">{{ ::("PotentialUsersColon" | translate) }}</label>
                    <input type="text" class="form-control" id="potUsersInput" ng-model="model.collection.PotentialUsers" name="potUsersCount" required
                           ng-change="model.validate()" ng-disabled="model.validateRules.PotentialUsers.isDisabled" />
                </div>
            </div>
            <div class="col-xs-3" ng-if="model.validateRules.NumberOfEmployees.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.NumberOfEmployees.isValid}">
                    <label for="numOfEmploeesInput" ng-class="{'required-add' : model.validateRules.NumberOfEmployees.isRequired}">{{ ::("NumberOfEmployeesColon" | translate) }}</label>
                    <input type="text" class="form-control" id="numOfEmploeesInput" ng-model="model.collection.NumberOfEmployees" name="numOfEmploeesCnt" required
                           ng-change="model.validate()" ng-disabled="model.validateRules.NumberOfEmployees.isDisabled" />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.CountriesSelectedShort.isValid}">
                    <label for="countriesInput" ng-class="{'required-add' : model.validateRules.CountriesSelectedShort.isRequired}">{{ ::("CountriesColon" | translate) }}</label>
                    <input type="text" class="form-control" id="countriesInput" ng-disabled="true"
                           ng-value="model.collection.CountriesSelectedShort" title="{{model.allSelectedCountries}}" />
                </div>
                <div class="form-group" ng-if="model.validateRules.CountriesSelectedShort.isVisible">
                    <select class="col-xs-12" multiple size="7" ng-model="model.collection.SelectedCountries" ng-change="model.changeCountries()">
                        <option ng-repeat="option in model.collection.Countries" value="{{option.Value}}" ng-selected="option.Selected">{{option.Text}}</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.PcnDescription.isValid}">
                    <label for="pcnDescriptionInput" ng-class="{'required-add' : model.validateRules.PcnDescription.isRequired}">{{ ::("CollectionDescriptionColon" | translate) }}</label>
                    <input type="text" class="form-control" id="pcnDescriptionInput" ng-model="model.collection.PcnDescription"
                           ng-change="model.validate()" ng-disabled="model.validateRules.PcnDescription.isDisabled" />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12" ng-if="model.validateRules.QuoteDescription.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.QuoteDescription.isValid}">
                    <label for="descriptionInput" ng-class="{'required-add' : model.validateRules.QuoteDescription.isRequired}">{{ ::("QuoteDescriptionColon" | translate) }}</label>
                    <input type="text" class="form-control" id="descriptionInput" ng-model="model.collection.QuoteDescription"
                           ng-change="model.validate()" ng-disabled="model.validateRules.QuoteDescription.isDisabled" />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12" ng-if="model.validateRules.Note.isVisible">
                <div class="form-group" ng-class="{'has-error': !model.validateRules.Note.isValid}">
                    <label for="notesInput" ng-class="{'required-add' : model.validateRules.Note.isRequired}">{{ ::("CollectionNoteColon" | translate) }}</label>
                    <textarea type="text" class="form-control" id="notesInput" ng-model="model.collection.Note"
                              ng-change="model.validate()" ng-disabled="model.validateRules.Note.isDisabled" />
                </div>
            </div>
        </div>
    </form>

</div>

<div class="cc-select-available">
    <h2>{{::('SelectAnAvailableCollection' | translate)}}</h2>
    <div class="description" ng-bind-html="SelectAnAvailableCollectionDescription"></div>
    <table class="fixed-headers">
        <thead>
            <tr>
                <td class="sortable-column-header" ng-click="columnSortClick('CollectionType')">
                    <div class="sortable-column-header-content">
                        <span>{{::("CustomCollectionsCollectionType" | translate)}}</span>
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('CollectionType')"></ewb-column-sort>
                    </div>
                </td>
                <td class="sortable-column-header" ng-click="columnSortClick('Pcn')">
                    <div class="sortable-column-header-content">
                        <span>{{::("CustomCollectionsPCN" | translate)}}</span>
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('Pcn')"></ewb-column-sort>
                    </div>
                </td>
                <td class="sortable-column-header" ng-click="columnSortClick('PcnDescription')">
                    <div class="sortable-column-header-content">
                        <span>{{::("CollectionDescription" | translate)}}</span>
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('PcnDescription')"></ewb-column-sort>
                    </div>
                </td>
                <td class="sortable-column-header" ng-click="columnSortClick('AvailableNumberOfDocuments')">
                    <div class="sortable-column-header-content">
                        <span>{{::("CustomCollectionsAvailDocs" | translate)}}</span>
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('AvailableNumberOfDocuments')"></ewb-column-sort>
                    </div>
                </td>
                <td class="sortable-column-header" ng-click="columnSortClick('MaxNumberOfDocuments')">
                    <div class="sortable-column-header-content">
                        <span>{{::("CustomCollectionsMaxDocs" | translate)}}</span>
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('MaxNumberOfDocuments')"></ewb-column-sort>
                    </div>
                </td>
                <td></td>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="collection in AvailableCollections track by $index">
                <td>{{collection.CollectionType}}</td>
                <td>
                    <a href="" ng-click="selectCollection(collection)" title="{{::('CustomCollectionsSelectCollection' | translate)}}" ng-if="collection.CanAddToCollection">{{collection.Pcn}}</a>
                    <span class="disabled" ng-if="!collection.CanAddToCollection">{{collection.Pcn}}</span>
                </td>
                <td>{{collection.PcnDescription}}</td>
                <td><span ng-show="collection.AvailableNumberOfDocuments>0">{{collection.AvailableNumberOfDocuments}}</span></td>
                <td><span ng-show="collection.MaxNumberOfDocuments">{{collection.MaxNumberOfDocuments}}</span></td>
                <td><a href="" ng-click="viewCollection(collection, $event)" title="{{::('CustomCollectionsViewCollection' | translate)}}">{{::("CustomCollectionsViewCollection" | translate)}}</a></td>
            </tr>
        </tbody>
    </table>

<div class="isrr-dialog">
    <div ng-if="rules.IsErrorMessageShow" class="description">
        <p ng-bind-html="rules.Message"></p>
    </div>
    <div ng-if="!rules.IsErrorMessageShow" class="description">
        <p ng-bind-html="WatchListAddToBlockCollectionConfirm"></p>
    </div>
</div>

<div class="isrr-dialog">

<div ng-if="isSalesRepBlockRenewal">
        <p>{{::("CreateBlockRenewalInstructions" | translate)}}</p>
        <ul>
            <li>{{::("CreateBlockRenewalInstructions1" | translate)}}</li>
            <li>{{::("CreateBlockRenewalInstructions2" | translate)}}</li>
            <li>{{::("CreateBlockRenewalInstructions3" | translate)}}</li>
            <li>{{::("CreateBlockRenewalInstructions4" | translate)}}</li>
            <li>{{::("CreateBlockRenewalInstructions5" | translate)}}</li>
        </ul>
    </div>

<h2>{{AvailableItemsDescription}}</h2>

<br />

<table class="table table-bordered table-hover fixed-headers select-pcn" ng-show="ShowItems.length && isFullLoading" ng-if="!isSalesRepBlockRenewal">
        <thead>
            <tr>
                <td class="sortable-column-header" ng-click="columnSortClick('PcnName')">
                    <div class="sortable-column-header-content">
                        <span>{{::("CustomCollectionsPCN" | translate)}}</span>
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('PcnName')"></ewb-column-sort>
                    </div>
                </td>
                <td class="sortable-column-header" ng-click="columnSortClick('SubaccountId')">
                    <div class="sortable-column-header-content">
                        <span>{{::("Account" | translate)}} </span>
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('SubaccountId')"></ewb-column-sort>
                    </div>
                </td>
                <td class="sortable-column-header" ng-click="columnSortClick('PcnDescription')">
                    <div class="sortable-column-header-content">
                        <span>{{::("CollectionDescription" | translate)}}</span> 
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('PcnDescription')"></ewb-column-sort>
                    </div>
                </td>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="item in ShowItems track by $index" ng-class="{'selected' : selectedRow == item}" ng-click="selectRow($event, item)">
                <td>{{item.PcnName}}</td>
                <td>{{item.SubaccountId}}</td>
                <td>{{item.PcnDescription}}</td>
            </tr>
        </tbody>
    </table>

<table class="table table-bordered table-hover fixed-headers select-pcn" ng-show="ShowItems.length && isFullLoading" ng-if="isSalesRepBlockRenewal">
        <thead>
            <tr>
                <td class="sortable-column-header" ng-click="columnSortClick('Pcn')">
                    <div class="sortable-column-header-content">
                        <span>{{::("CustomCollectionsPCN" | translate)}} </span>
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('Pcn')"></ewb-column-sort>
                    </div>
                </td>
                <td class="sortable-column-header" ng-click="columnSortClick('AccountLicensedTo')">
                    <div class="sortable-column-header-content">
                        <span>{{::("Account" | translate)}}</span>
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('AccountLicensedTo')"></ewb-column-sort>
                    </div>
                </td>
                <td class="sortable-column-header" ng-click="columnSortClick('PcnDescription')">
                    <div class="sortable-column-header-content">
                        <span>{{::("CollectionDescription" | translate)}}</span>
                        <ewb-column-sort ng-if="enableColumnSorting()" sort-state="getColumnSortState('PcnDescription')"></ewb-column-sort>
                    </div>
                </td>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="item in ShowItems track by $index" ng-class="{'selected' : selectedRow == item}" ng-click="selectRowBlock($event, item)">
                <td>{{item.Pcn}}</td>
                <td>{{item.AccountLicensedTo}}</td>
                <td>{{item.PcnDescription}}</td>
            </tr>
        </tbody>
    </table>

<div class="alert alert-warning" ng-if="!ShowItems.length && isFullLoading">
        <span>{{::('CollectionsNotAvailable' | translate)}}</span>
    </div>

</div>

<div>
    <h2>{{::('SubmitCollectionColon' | translate)}}</h2>
    <div class="form-group">
        <div class="radio">
            <input type="radio" id="SubmitAsNewCollection" ng-model="selection.choice" ng-change="setChoice()" ng-value="1" />
            <label for="SubmitAsNewCollection">{{::('SubmitAsNewCollection' | translate)}}</label>
        </div>
        <div class="radio">
            <input type="radio" id="SubmitAsCurrentCollection" ng-model="selection.choice" ng-change="setChoice()" ng-value="2" />
            <label for="SubmitAsCurrentCollection">{{::('SubmitAsCurrentCollection' | translate)}}</label>
        </div>
        <div class="radio">
            <input type="radio" id="SubmitAsRenewalCollection" ng-model="selection.choice" ng-change="setChoice()" ng-value="3" />
            <label for="SubmitAsRenewalCollection">{{::('SubmitAsRenewalCollection' | translate)}}</label>
        </div>
        <div class="radio" ng-if="showBlock">
            <input type="radio" id="SubmitAsLicensedBlockCollection" ng-model="selection.choice" ng-change="setChoice()" ng-value="4" />
            <label for="SubmitAsLicensedBlockCollection">{{::('SubmitAsLicensedBlockCollection' | translate)}}</label>
        </div>
        <div class="radio" ng-if="showBlock">
            <input type="radio" id="SubmitAsRenewalBlockCollection" ng-model="selection.choice" ng-change="setChoice()" ng-value="5" />
            <label for="SubmitAsRenewalBlockCollection">{{::('SubmitAsRenewalBlockCollection' | translate)}}</label>
        </div>
    </div>
</div>

<div class="cc-document-version">
    <h2>{{::('AddToBlockCollection' | translate)}}</h2>
    <div class="description" ng-bind-html="AddToBlockCollectionConfirm"></div>
</div>

<div class="qa-conf-dialog">
    <pl-modal-title close-action="clickBtnClose($event)" text="'DeleteDocument'"></pl-modal-title>
    <div class="modal-body">
        <p>{{::("DeleteDocFromCollectionConfirmation" | translate)}}</p>
    </div>
    <div class="modal-footer">
        <div class="text-right">
            <pl-button type="submit" mode="warning" ng-click="clickBtnOk($event)" text="'Delete'"></pl-button>
            <pl-button mode="btn-deemphasized" ng-click="clickBtnClose($event)" text="'Cancel'"></pl-button>
        </div>
    </div>
</div>

<div class="quote-details-dialog">
    <form name="customCollectionForm" novalidate>
        <pl-modal-title close-action="clickBtnClose($event)">{{::quoteTitle}}</pl-modal-title>
        <div class="modal-body">
            <ws-error-dir taberror="false" ng-show="isAnError"></ws-error-dir>
            <div class="qd-description">
                <table>
                    <tr>
                        <td class="tag">
                            <div class="panel panel-default nowrap p-16">
                                <h2>{{::('QuoteIDColon' | translate)}}<span class="inf">{{model.quoteId}}</span></h2>
                                <p class="lbl last price" ng-if="showTotalPrice">{{::('TotalPriceColon' | translate)}}<span class="inf" ng-if="model.TotalPrice">{{model.TotalPrice}} (USD)</span></p>
                                <p class="lbl last price" ng-if="showProratedPrice">{{::('ProRatedPriceColon' | translate)}}<span class="inf" ng-if="model.ProratedPrice">{{model.ProratedPrice}} (USD)</span></p>
                            </div>
                        </td>
                        <td class="note" ng-if="model.DeleteDocSuccessMsg">
                            <div class="panel panel-default nowrap alert-success">
                                <p style="margin:6px">{{::('DeleteSuccessAlert' | translate)}}</p>
                            </div>
                        </td>
                        <td class="note" ng-bind-html="QuoteDetailsNote"></td>
                    </tr>
                </table>
            </div>
            <div class="qd-data">
                <div class="panel panel-default">
                    
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#general" data-toggle="tab">{{::("QuoteDetails" | translate)}}</a></li>
                        <li><a href="#include" data-toggle="tab" ng-if="!controller.loading && model.IncludedCustomCollectionDocuments.length">{{('NumberOfIncludedDocs' | translate | netFormat:[model.IncludedCustomCollectionDocuments.length])}}</a></li>
                        <li><a href="#exclude" data-toggle="tab" ng-if="!controller.loading && model.ExcludedCustomCollectionDocuments.length">{{('NumberOfExcludedDocs' | translate | netFormat:[model.ExcludedCustomCollectionDocuments.length])}}</a></li>
                    </ul>
                    
                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="general">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-lg-6 cell">
                                        <p class="lbl">{{::("LastUpdatedDateColon" | translate)}}<span class="inf">{{model.ModificationDate | ihsDate}}</span></p>
                                        <p class="lbl">{{::("RenewalDateColon" | translate)}}<span class="inf" ng-class="{'past': model.past }">{{model.RenewalDate | ihsDate}}</span></p>
                                        <p class="lbl" ng-if="model.LicensedDate">{{::("LicensedDateColon" | translate)}}<span class="inf">{{model.LicensedDate | ihsDate}}</span></p>
                                    </div>
                                    <div class="col-lg-6 cell">
                                        <p class="lbl">{{::("CollectionTypeColon" | translate)}}<span class="inf"><strong>{{model.CollectionType}}</strong></span></p>
                                        <p class="lbl">{{::("RequestTypeColon" | translate)}}<span class="inf">{{model.RequestType}}</span></p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 sprtr">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6 cell">
                                        <p class="lbl">{{model.EstimatedPriceName}}<span class="inf">{{model.EstimatedPrice}}</span></p>
                                        <p class="lbl" ng-if="!showICCRPrices">{{::('CustomPriceColon' | translate)}}<span class="inf">{{model.CustomPrice}}</span></p>
                                        <p class="lbl" ng-if="showICCRPrices">{{::('ProRatedPriceColon' | translate)}}<span class="inf">{{model.ProratedPrice}}</span></p>
                                        <p class="lbl"><span class="inf">{{::('AllPricesAreInUSD' | translate)}}</span></p>
                                    </div>
                                    <div class="col-lg-6 cell">
                                        <p class="lbl">{{::("StatusColon" | translate)}}<span class="inf strong">{{model.StatusName}}</span></p>
                                        <p class="lbl">{{::("PCNColon" | translate)}}<span class="inf">{{model.Pcn}}</span></p>
                                        <p class="lbl descsr">{{::("CollectionDescriptionColon" | translate)}}<span class="inf">{{model.PcnDescription}}</span></p>
                                        <p class="lbl descsr">{{::("QuoteDescriptionColon" | translate)}}<span class="inf">{{model.QuoteDescription}}</span></p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 sprtr">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6 cell">
                                        <p class="lbl">{{::("UserColon" | translate)}}<span class="inf">{{model.UserName}}</span></p>
                                        <p ng-if="quoteDetailsCtrl.isISRR" class="lbl">{{::("UserEmailColon" | translate)}}<span class="inf">{{model.UserEmail}}</span></p>
                                        <p ng-if="quoteDetailsCtrl.isISRR" class="lbl">{{::("UserIdColon" | translate)}}<span class="inf">{{model.ErcUserId}}</span></p>
                                    </div>
                                    <div class="col-lg-6 cell">
                                        <p class="lbl">{{::("AccountNumberColon" | translate)}}<span class="inf strong">{{model.SubaccountId}}</span></p>
                                        <p ng-if="quoteDetailsCtrl.isISRR" class="lbl">{{::("CompanyOrOrganizationColon" | translate)}}<span class="inf strong">{{model.CompanyOrg}}</span></p>
                                        <p ng-if="quoteDetailsCtrl.isISRR" class="lbl">{{::("PhoneColon" | translate)}}<span class="inf strong">{{model.Phone}}</span></p>
                                        <p ng-if="quoteDetailsCtrl.isISRR" class="lbl">{{::("AccountLicensedToColon" | translate)}}<span class="inf strong">{{model.AccountLicensedTo}}</span></p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 sprtr">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6 cell">
                                        <p class="lbl">{{::("PotentialUsersColon" | translate)}}<span class="inf">{{model.PotentialUsers}}</span></p>
                                        <p class="lbl">{{::("WatchListNameColon" | translate)}}<span class="inf">{{model.WatchListName}}</span></p>
                                        <p ng-if="quoteDetailsCtrl.isISRR" class="lbl">{{::("NumberOfEmployeesColon" | translate)}}<span class="inf">{{model.NumberOfEmployees}}</span></p>
                                        <p class="lbl orgs">{{::("OrgTotalsColon" | translate)}}</p>
                                        <div class="inf" ng-repeat="org in model.orgTotals track by $index">{{org.Text}}<span class="special" ng-if="org.ErrorText"> {{org.ErrorText}}</span></div>
                                    </div>
                                    <div class="col-lg-6 cell">
                                        <p class="lbl">{{::("SitesColon" | translate)}}<span class="inf strong">{{model.Sites}}</span></p>
                                        <p class="lbl">{{::("SimultaneousUsersColon" | translate)}}<span class="inf strong">{{model.SimultaneousUsers}}</span></p>
                                        <p ng-if="quoteDetailsCtrl.isISRR" class="lbl">{{::("EnterpriseWideColon" | translate)}}<span ng-if="model.IsEnterpriseWide" class="inf strong">{{::("Yes" | translate)}}</span><span ng-if="!model.IsEnterpriseWide" class="inf strong">{{::("No" | translate)}}</span></p>
                                        <p class="lbl">{{::("CountriesColon" | translate)}} 
                                            <span ng-if="model.CountriesSelectedLong === undefined" class="inf strong" title="{{model.CountriesSelectedLong}}">{{model.CountriesSelectedShort}}</span>
                                            <span ng-if="model.CountriesSelectedLong !== undefined" class="inf strong" title="{{model.CountriesSelectedLong}}">{{model.CountriesSelectedShort}}, and more...</span>
                                        </p>
                                    </div>
                                </div>
                                <div ng-if="quoteDetailsCtrl.isISRR" class="row">
                                    <div class="col-lg-12 sprtr">
                                    </div>
                                    <div class="col-lg-6 cell">
                                        <p class="lbl">{{::("CPTUserColon" | translate)}}<a class="inf" title="{{::model.CustomPriceEmailLinkTitle}}" ng-if="model.CustomPriceEmailLink" href="{{model.CustomPriceEmailLink}}">{{model.CustomPriceEmailLinkName}}</a></p>
                                    </div>
                                    <div class="col-lg-6 cell">
                                        <p class="lbl">{{::("OEUserColon" | translate)}}<span class="inf">{{model.IhsOrderManagementUser}}</span></p>
                                    </div>
                                </div>
                                <div ng-if="model.OptionalPaymentMethod.length">
                                    <div class="row">
                                        <div class="col-lg-12 sprtr">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12 cell">
                                            <p class="lbl">{{::("InvoiceInformationColon" | translate)}}<span class="inf">{{model.OptionalPaymentMethod}}</span></p>
                                        </div>
                                    </div>
                                </div>
                                <div ng-if="quoteDetailsCtrl.isISRR" class="row">
                                    <div class="col-lg-12 sprtr">
                                    </div>
                                    <div class="col-lg-12 cell">
                                        <p class="lbl">{{::("CollectionNoteColon" | translate)}}<span class="inf strong">{{model.Note}}</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>

<div class="tab-pane fade" id="include">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th ng-if="showCheckBoxes" class="range-selection">
                                            <input class="top-checkbox" type="checkbox" ng-click="topToggleChecked()" ng-model="model.isTopChecked"/>
                                            <span ewb-svg-use="ihs-icon-delete"></span>
                                        </th>
                                        <th>{{::('Version' | translate)}}</th>
                                        <th>{{::('DocumentNumber' | translate)}}</th>
                                        <th>{{::('ColumnTitle' | translate)}}</th>
                                        <th>{{::('Language' | translate)}}</th>
                                        <th>{{::('Date' | translate)}}</th>
                                        <th>{{::('Status' | translate)}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="x in model.IncludedCustomCollectionDocuments track by $index">
                                        <td>{{ $index + 1 }}</td>
                                        <td ng-if="showCheckBoxes"><input type="checkbox" ng-change="rowToggleChecked($index)" ng-model="model.isRowChecked[$index]"/></td>
                                        <td>{{ x.Version }}</td>
                                        <td>{{ x.Number }}</td>
                                        <td>{{ x.Title }}</td>
                                        <td>{{ x.Languages }}</td>
                                        <td>{{ x.Date | ihsDate }}</td>
                                        <td>{{ x.Status }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

<div class="tab-pane fade" id="exclude">
                            <table class="table table-bordered1 table-hover1 table-striped quotes fixed-headers excluded">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>{{::('Version' | translate)}}</th>
                                        <th>{{::('DocumentNumber' | translate)}}</th>
                                        <th>{{::('ColumnTitle' | translate)}}</th>
                                        <th>{{::('Language' | translate)}}</th>
                                        <th>{{::('Date' | translate)}}</th>
                                        <th>{{::('Status' | translate)}}</th>
                                        <th>{{::('Exception' | translate)}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="x in model.ExcludedCustomCollectionDocuments track by $index">
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ x.Version }}</td>
                                        <td>{{ x.Number }}</td>
                                        <td>{{ x.Title }}</td>
                                        <td>{{ x.Languages }}</td>
                                        <td>{{ x.Date | ihsDate }}</td>
                                        <td>{{ x.Status }}</td>
                                        <td>{{ x.Reason }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <div ng-if="showBtnDocumentsDelete" class="text-left">
                <span ewb-svg-use="ihs-icon-delete"></span>
                <span>
                    <a href="" ng-click="deleteDocumentConfirmation($event)" title="{{::('DeleteSelectedDocuments' | translate)}}">{{::("DeleteSelected" | translate)}} [{{model.NumberSelected}}]</a>
                </span>
            </div>
            <div class="text-right">
                <button type="submit" class="btn btn-default btn-sm" ng-if="showBtnRePrice" ng-click="clickBtnRePrice($event)">{{::("RePrice" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-if="showBtnDelete" ng-click="clickBtnDelete($event)">{{::("Delete" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-if="showBtnICCRAcceptPrice" ng-click="clickBtnICCRAcceptPrice($event)">{{::("AcceptPrice" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-if="showBtnISRRAcceptPrice" ng-click="clickBtnISRRAcceptPrice()">{{::("AcceptPrice" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-if="showBtnRequestCustomPrice" ng-click="clickBtnRequestCustomPrice($event)">{{::("RequestCustomPrice" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-if="showBtnDownloadList" ng-click="clickBtnDownloadList($event)">{{downloadListBtnName}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-if="showBtnCancelQuote" ng-click="clickBtnCancelQuote($event)">{{::("CancelQuote" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-if="showBtnSubmitToCpt" ng-click="clickBtnBtnSubmitToCpt($event)">{{::("SubmitToCptPricing" | translate)}}</button>
                <button type="submit" class="btn btn-default btn-sm" ng-if="showBtnReQuote" ng-click="clickBtnReQuote($event)">{{::("ReQuoteCollection" | translate)}}</button>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="clickBtnClose($event)">{{::("Close" | translate)}}</button>
            </div>
        </div>
    </form>
</div>

<div class="modal-content qa-conf-dialog">
    <pl-modal-title text="'AcceptPaymentMethod'"></pl-modal-title>

<div class="modal-body  qa-conf-dialog-body">
        <h2>{{::('QuoteIDColon' | translate)}}<span class="inf"><strong>{{modalOptions.QuoteId}}</strong></span></h2>
        <h2 class="lbl last price">{{::('ProRatedPriceColon' | translate)}}<span class="inf">{{modalOptions.Price}}</span></h2>
        <h2>{{::("PCNColon" | translate)}}<span class="inf">{{modalOptions.Pcn}}</span></h2>
        <hr>
        <p ng-bind-html="modalOptions.bodyHtml"></p>
        <p>{{::('OptionalPaymentMethodColon' | translate)}}</p>
        <textarea class="form-control" ng-model="modalOptions.PaymentMethodText">

</div>
            </div>
        </div>
    </div>

<div class="modal-footer">
        <div class="text-right">
            <button type="button" class="btn btn-deemphasized btn-sm" ng-click="clear($event)">{{::("Clear" | translate)}}</button>
            <button type="button" class="btn btn-deemphasized btn-sm" ng-click="clickBtnClose($event)">{{::("Cancel" | translate)}}</button>
            <button type="button" class="btn btn-default btn-sm" ng-click="submit($event)">{{::("Submit" | translate)}}</button>
        </div>
    </div>

</div>

<div class="showError im-ff-ErrRootElement" ng-if="!!Message || !!Suggestions">
    <div ng-show="!!Message" class="im-ff-ErrMain" ng-bind-html="Message"></div>
    <div ng-show="!!Suggestions" class="im-ff-ErrBody" ng-bind-html="Suggestions"></div>
</div>

<div class="ewb-tree">
    <ul>
        <li>
            <input type="checkbox" id="item-0" /><label for="item-0">folder</label>
            <ul>
                <li>
                    <input type="checkbox" id="item-0-0" /><label for="item-0-0">folder1</label>
                    <ul>
                        <li>
                            <input type="checkbox" id="item-0-0-0" /><label for="item-0-0-0">folder2</label>
                            <ul>
                                <li><a href="./">Documents</a></li>
                                <li><a href="./">Documents</a></li>
                                <li><a href="./">Documents</a></li>
                                <li><a href="./">Documents</a></li>
                            </ul>
                        </li>
                        <li><a href="./">item2</a></li>
                        <li><a href="./">item3</a></li>
                        <li><a href="./">item3</a></li>
                        <li><a href="./">item3</a></li>
                    </ul>
                </li>
                <li><a href="./">item1</a></li>
                <li><a href="./">item1</a></li>
                <li><a href="./">item1</a></li>
                <li><a href="./">item1</a></li>
            </ul>

</li>
    </ul>
    <div class="ewb-tree-node" ng-repeat="treeNode in treeNodes track by $index">
        <ul>
            <li>
                <input type="checkbox" ng-attr-checked="{{value || false}}" id="item-{{treeNode.Value}}" /><label for="item-{{treeNode.Value}}">{{treeNode.Text}}</label>
                <ul>
                    <li>
                        <a href=".">item</a>
                    </li>
                    <li>
                        <a href=".">item</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

<div>
    <h1 class="qa-folder-name">{{contentCtrl.folderTitle}}</h1>
    <div class="asme-folder-container">
        <div class="asme-folder qa-asme-folder" ng-repeat="folder in contentCtrl.folders track by $index">
            <span ng-if="toolType == toolTypes.Asme" class="thumbnail-asme qa-thumbnail-asme" ng-click="contentCtrl.onFolderClick(folder)"></span>
            <span ng-if="toolType == toolTypes.Nbbi" class="thumbnail-nbbi" ng-click="contentCtrl.onFolderClick(folder)"></span>
            <p class="qa-thumbnail-title thumbnail-title first">{{contentCtrl.thumbnailTexts[0]}}</p>
            <h1 class="qa-thumbnail-year thumbnail-title second">{{contentCtrl.thumbnailTexts[1]}}</h1>
            <h1 class="qa-folder-title folder-title" ng-click="contentCtrl.onFolderClick(folder)">{{folder.Text}}</h1>
        </div>
    </div>
</div>

<pl-modal-title close-action="$emit('close')" text="'ExportResults'"></pl-modal-title>
<div class="modal-body">
    <div class="export-dlg-to">{{::('ExportToColon'|translate)}}</div>
    <div class="export-dlg-lst form-group qa-export-type-radio-group">
        <pl-radio class="export-radio-item" ng-repeat="item in settings.formats" id="expTo_{{item.Id}}" name="exportFormat" ng-model="$parent.selectedFormatIndex" ng-value="$index" ng-disabled="inProgress">
            {{::item.Name}}
        </pl-radio>
    </div>
    <div class="export-include" ng-show="showRadioSelectors">
        <div class="export-dlg-to">{{::('IncludeColon'|translate)}}</div>
        <div class="export-dlg-lst form-group qa-export-results-radio-group">
            <pl-radio ng-repeat="selector in radioSelectors" id="expIncl_{{$index}}" name="exportRadioSelector" ng-model="$parent.radioSelectorIndex" ng-value="$index" ng-disabled="inProgress">
                {{::selector.text}}
            </pl-radio>
            <div class="export-warn-msg" ng-show="checkWarning4000()">{{::('UpTo4Minutes'|translate)}}</div>
        </div>
    </div>
    <div class="export-include" ng-show="showCheckSelectors">
        <div class="export-dlg-to">{{::('IncludeColon'|translate)}}</div>
        <div class="export-dlg-lst form-group">
            <div ng-repeat="selector in checkSelectors">
                <pl-check id="expIncl_{{$index}}" ng-model="selector.checked" ng-disabled="inProgress" ng-change="checkSelectorChange()">
                    {{::selector.text}}
                </pl-check>
            </div>
        </div>
    </div>
    <div class="export-include" ng-show="showFileName">
        <div class="export-dlg-to required-add">{{::('FileNameColon'|translate)}}</div>
        <div class="export-file-name form-group">
            <input type="text" class="form-control" ng-model="fileNameValue" required maxlength="{{fileNameMaxLength}}" />
        </div>
    </div>
    <div class="export-include" ng-show="settings.warningMessage">
        <div class="export-warn-msg">{{::settings.warningMessage}}</div>
    </div>
</div>
<div class="modal-footer" ng-class="{'exp-progress': inProgress}">
    <div class="text-left">
        <p class="loading-splash-icon-margin"> </p>
        <span class="loading-splash-icon loading-splash-icon-export preloader-small" ng-show="inProgress"></span>
    </div>
    <div class="text-right">
        <pl-button class="qa-export-button" ng-click="export($event)" ng-hide="inProgress" ng-disabled="isDisabled" text="'Export'"></pl-button>
        <pl-button class="qa-cancel-button" mode="deemphasized" ng-click="stopExport()" text="'Cancel'"></pl-button>
    </div>
</div>

<div class="modal-content about-dialog">

<pl-modal-title close-action="$emit('close')" text="'About'"></pl-modal-title>

<div class="modal-body">
        <div class="loading-splash" ng-if="aboutCtrl.isLoading">
            <span class="loading-splash-icon preloader-small"></span>
        </div>
        <show-error ng-if="!aboutCtrl.isLoading && aboutCtrl.errorMessage" message="aboutCtrl.errorMessage"></show-error>
        <div ng-if="!aboutCtrl.isLoading && !aboutCtrl.errorMessage">
            <p ng-bind-html="'VersionColon'         | netFormatHtml : [aboutCtrl.appVersion]"></p>
            <p ng-bind-html="'UserIdColonStrong'    | netFormatHtml : [aboutCtrl.ercUserId]"></p>
            <p ng-bind-html="'UserNameColonStrong'  | netFormatHtml : [aboutCtrl.userName]"></p>
            <p ng-bind-html="'UserEmailColonStrong' | netFormatHtml : [aboutCtrl.userEmail]"></p>
            <p bind-html-compile="'SubAccountIdAndNameColon'| netFormat : [aboutCtrl.subaccountInformation.subaccountId, aboutCtrl.subaccountInformation.subaccountName]"></p>
            <p bind-html-compile="'SessionColonStrong'| netFormat : [aboutCtrl.userSession]"></p>
            <p bind-html-compile="'IpAddressColonStrong'| netFormat : [aboutCtrl.userIpAddress]"></p>
            <div class="loading-splash" ng-if="aboutCtrl.isAdminMembersLoading">
                <span class="loading-splash-icon preloader-small"></span>
            </div>
            <div ng-if="!aboutCtrl.isAdminMembersLoading">
                <div ng-if="aboutCtrl.customCollectionAdminMembers !== null && aboutCtrl.customCollectionAdminMembers !== ''">
                    <p bind-html-compile="'CustomCollectionAdminsColonStrong'| netFormat : [aboutCtrl.customCollectionAdminMembers]"></p>
                </div>
                <div ng-if="aboutCtrl.customCollectionAdminMembers === null || aboutCtrl.customCollectionAdminMembers === ''">
                    <p ng-bind-html="'CustomCollectionAdminsColonStrong'| netFormatHtml : [('CustomCollectionAdminAnAvailableDescription'| netFormatHtml)]"></p>
                </div>
            </div>
            <p ng-bind-html="('BrowserColon') | netFormat : [aboutCtrl.browser]"></p>
            <p ng-bind="aboutCtrl.userAgent"></p>
            <p ng-show="aboutCtrl.IsHybridConfiguration && aboutCtrl.licenseId" bind-html-compile="'LicenseIDColon' | netFormat : [aboutCtrl.licenseId]"></p>
            <p ng-show="aboutCtrl.IsHybridConfiguration && aboutCtrl.licenseInfo.SupportInfo.Email" bind-html-compile="'GoldfireAdministratorColon' | netFormat : [aboutCtrl.licenseInfo.SupportInfo.Email]"></p>
            <p>{{aboutCtrl.date | ihsDateTime}}</p>
            <div class="checkbox shim-left" ng-show="aboutCtrl.showTrackPerformance">
                <input id="trackPerformance" type="checkbox" ng-model="aboutCtrl.trackPerformance" ng-change="aboutCtrl.trackPerformanceChanged()" />
                <label for="trackPerformance" ng-bind-html="'TrackPerformance'|translate"></label>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <div class="text-right">
            <pl-button mode="deemphasized" ng-click="$emit('close')" text="'Close'"></pl-button>
        </div>
    </div>
</div>

<div class="modal-content qa-conf-dialog">
    <pl-modal-title close-action="modalOptions.close('cancel')" show-close="modalOptions.showCloseButton">{{modalOptions.titleText}}</pl-modal-title>
    <div class="modal-body qa-conf-dialog-body">
        <div class="scroll-results">
            <iframe width="100%"
                    height="99%"
                    ng-src="https://www.surveymonkey.com/r/ML93T8M"
                    frameborder="0"></iframe>
        </div>
    </div>
</div>

<header class="ihs-header navbar fixed-header-background navbar-default navbar-fixed-top qa-header-container" ng-class="{ 'header-border': isHomePage && !redesignNav, 'service-page-header-border' : isServicePage  }" unsupported-browser>
        <div class="brand pull-left logo-container shim-left shim-right d-flex-column flex-justify-center" data-href="{{(isDocumentPage || isHomePage) ? '' : '#/'}}"
             ng-class="{ 'extra-gap-between-lines': isProductTitleSpecial }">
            <h1 ng-class="withRebranding ? 'brand-app-name-accuris' : 'brand-app-name'">{{ProductTitle}}</h1>
            <span ng-if="!withRebranding" class="brand-app-name small-part">{{"brand_by_SPGlobal"|translate}}</span>
            <span ng-if="withRebranding" class="brand-app-name-accuris small-part-accuris">{{"brand_by_Accuris"|translate}}</span>
        </div>
        <div ng-include="iconTemplateId"></div>
        <div class="nav-tools" ng-if="isDocumentPage">
            <div class="viewer-title shim-right truncating" three-dots-tooltip="single"></div>
            <button ng-if="isDocumentPage && isEnableCloseButton" id="closeDocument" type="button" class="btn btn-default btn-sm btn-close pull-right qa-close-button" ng-click="closeViewer($event)">{{ ::("Close"|translate) }}</button>
            <a href="/" class="pull-right shim-top-mini shim-right" ng-if="isOuterLink">{{ ::("GoToEwb" | translate)}}</a>
        </div>
        <ul ng-if="!redesignNav" class="ihs-menu nav navbar-nav {{navbarColorClass}} qa-header-bottom">
            <li ng-class="{ active: isActiveTool('#/search') }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="'txtResearcherDescription' | translate" popover-icon-class="'ihs-icon-researcher'" ng-if="!isDocumentPage && !isHomePage" ng-click="isResearch()">
                <a href="#/search" class="uppercase-text qa-header-researcher">{{ ::("Research" | translate) }}</a>
            </li>
            
            
            <li ng-class="{ active: isActiveTool('#/browse') }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="'txtDiscoverDescription' | translate" popover-icon-class="'ihs-icon-discover'" ng-if="showTool('#/browse')" ng-model="showBrowseBook">
                <a href="#/browse" class="uppercase-text qa-header-browse">{{ ::("BrowseCollections" | translate)}}</a>
            </li>
            
            
            <li ng-class="{ active: isActiveTool('#/asme') }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="'AsmeToolDescription' | translate" popover-icon-class="'ihs-icon-asme'" ng-model="showAsme" ng-if="!isDocumentPage && !isHomePage && showAsme">
                <a href="#/asme" class="qa-header-asme">{{ ::("AsmeToolNameUppercase" | translate)}}</a>
            </li>
            
            
            <li ng-class="{ active: isActiveTool('#/nbbi') }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="'txtNbbiNbciDescription' | translate" popover-icon-class="'ihs-icon-nbbi'" ng-model="showNbbi" ng-if="!isDocumentPage && !isHomePage && showNbbi">
                <a href="#/nbbi">{{ ::("NbbiNbciUppercase" | translate)}}</a>
            </li>
            
            
            <li ng-class="{ active: isActiveTool('#/ita') }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="'txtPatentIntelligenceDescription' | translate" popover-icon-class="'ihs-icon-patents'" ng-model="showIta" ng-if="showTool('#/ita')">
                <a href="#/ita" class="uppercase-text qa-header-ita">{{ ::("PatentIntelligence" | translate)}}</a>
            </li>
            <li ng-class="{ active: isActiveTool('#/workspace') }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="'txtTooltipMenuMyData' | translate" popover-placement="'bottom-right'" popover-icon-class="''" class="pull-right mws-menu-item" ng-if="!isDocumentPage" ws-save-card-error="" popover-disabled="popoverDisabled">
                <a href="#/workspace" class="uppercase-text qa-header-workspace" tooltip-append-to-body="true" tooltip-popup-delay="500" tooltip-placement="bottom">{{ ::("MyWorkspaces" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.Document }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="" popover-placement="'bottom-right'" popover-icon-class="''" ng-if="isDocumentPage && isDocumentPageWithTabs && showDocument" ws-save-card-error="" popover-disabled="true">
                <a ng-click="docChangeViewType(documentViewTypes.Document);" class="qa-header-document" tooltip-append-to-body="true" tooltip-popup-delay="500" tooltip-placement="bottom">{{ ::("Document" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.PreviewDocument }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="" popover-placement="'bottom-left'" popover-icon-class="''" ng-if="isDocumentViewer && isDocumentPage && isDocumentPageWithTabs && showPreviewDocumentTab" ws-save-card-error="" popover-disabled="true">
                <a ewb-analytics event-action="{{::('AnalyticActionOpenPreviewDocumentTab' | translate)}}" event-label="{{::('AnalyticsLabelDocumentViewer' | translate)}}"
                   ng-click="docChangeViewType(documentViewTypes.PreviewDocument, true);" class="qa-header-document">{{ ::("PreviewDocumentTitle" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.Summary }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="" popover-placement="'bottom-right'" popover-icon-class="''" ng-if="isDocumentPage && isDocumentPageWithTabs && !isError" ws-save-card-error="" popover-disabled="true">
                <a ng-click="docChangeViewType(documentViewTypes.Summary);" class="qa-header-document" tooltip-append-to-body="true" tooltip-popup-delay="500" tooltip-placement="bottom">{{ ::("Summary" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.DocumentHistory }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="" popover-placement="'bottom-right'" popover-icon-class="''" ng-if="isDocumentViewer && isDocumentPage && isDocumentPageWithTabs && showDocumentHistoryTab" ws-save-card-error="" popover-disabled="true">
                <a ewb-analytics event-action="{{::('AnalyticsActionOpenDocumentHistoryTab' | translate)}}" event-label="{{::('AnalyticsLabelDocumentViewer' | translate)}}"
                   ng-click="docChangeViewType(documentViewTypes.DocumentHistory);" class="qa-header-document" tooltip-append-to-body="true" tooltip-popup-delay="500" tooltip-placement="bottom">{{ ::("DocumentHistoryTitle" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.RelatedDocuments }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="" popover-placement="'bottom-right'" popover-icon-class="''" ng-if="isDocumentViewer && isDocumentPage && isDocumentPageWithTabs && showRelatedTab" ws-save-card-error="" popover-disabled="true">
                <a ewb-analytics event-action="{{::('AnalyticActionOpenRelatedDocumentsTab' | translate)}}" event-label="{{::('AnalyticsLabelDocumentViewer' | translate)}}"
                   ng-click="docChangeViewType(documentViewTypes.RelatedDocuments);" class="qa-header-document" tooltip-append-to-body="true" tooltip-popup-delay="500" tooltip-placement="bottom">{{ ::("RelatedDocumentsTitle" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.RedlineDocument, disabled: !hasRedlineAccess }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="'RedlineAvailableToSubscribersOnly'|translate" popover-placement="'bottom-left'" popover-icon-class="''" ng-if="isDocumentViewer && isDocumentPage && isDocumentPageWithTabs && showRedlineDocumentTab" ws-save-card-error="" popover-disabled="hasRedlineAccess">
                <a ewb-analytics event-action="{{::('AnalyticActionOpenRedlineDocument' | translate)}}" event-label="{{::('AnalyticLabelDocViewRedlineTab' | translate)}}"
                   ng-click="hasRedlineAccess && docChangeViewType(documentViewTypes.RedlineDocument);" class="qa-header-document">{{ ::("RedlineDocumentTitle" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.Model3d, disabled: !hasModel3dAccess }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="'Model3dAvailableToSubscribersOnly'|translate" popover-placement="'bottom-left'" popover-icon-class="''" ng-if="isDocumentViewer && isDocumentPage && isDocumentPageWithTabs && showModel3dTab" ws-save-card-error="" popover-disabled="hasModel3dAccess">
                <a ewb-analytics event-action="{{::('AnalyticActionOpenModel3dTab' | translate)}}" event-label="{{::('AnalyticsLabelDocumentViewer' | translate)}}"
                   ng-click="hasModel3dAccess && docChangeViewType(documentViewTypes.Model3d);" class="qa-header-document">{{ ::("Model3dTitle" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.NasaApplicationNotes }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="" popover-placement="'bottom-right'" popover-icon-class="''" ng-if="isDocumentViewer && isDocumentPage && isDocumentPageWithTabs && showNasaApplicationNotesTab" ws-save-card-error="" popover-disabled="true">
                <a ng-click="docChangeViewType(documentViewTypes.NasaApplicationNotes);" class="qa-header-document" tooltip-append-to-body="true" tooltip-popup-delay="500" tooltip-placement="bottom">{{ ::("nasaApplicationNotes" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.NasaLessonsLearned }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="" popover-placement="'bottom-right'" popover-icon-class="''" ng-if="isDocumentViewer && isDocumentPage && isDocumentPageWithTabs && showNasaLessonsLearnedTab" ws-save-card-error="" popover-disabled="true">
                <a ng-click="docChangeViewType(documentViewTypes.NasaLessonsLearned);" class="qa-header-document" tooltip-append-to-body="true" tooltip-popup-delay="500" tooltip-placement="bottom">{{ ::("nasaLessonsLearned" | translate)}}</a>
            </li>
            <li ng-repeat="tab in headerTabsConfig"
                class="{{:: tab.disabled ? 'disable' :'' }}"
                ng-class="{ active: documentViewType == tab.documentViewType }"
                ng-click="docChangeViewType(tab.documentViewType, tab)">
                <a class="qa-header-document"
                   title="{{::tab.documentViewTypeTranslationTooltip}}"
                   ng-bind="::tab.documentViewTypeTranslation"></a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.Qpl}" ewb-prevent-double-click="" navi-tool-popover="" popover-text="" popover-placement="'bottom-left'" popover-icon-class="''" ng-if="isDocumentViewer && isDocumentPage && isDocumentPageWithTabs && showQplTab" ws-save-card-error="" popover-disabled="true">
                <a ewb-analytics event-action="{{::('AnalyticsActionOpenQPL' | translate)}}" event-label="{{::('AnalyticsLabelDocViewer_QPLTab' | translate)}}"
                   ng-click="docChangeViewType(documentViewTypes.Qpl);" class="qa-header-document">{{ ::("QPLTab" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.SlashSheet}" ewb-prevent-double-click="" navi-tool-popover="" popover-text="" popover-placement="'bottom-left'" popover-icon-class="''" ng-if="isDocumentViewer && isDocumentPage && isDocumentPageWithTabs && showSlashSheetTab" ws-save-card-error="" popover-disabled="true">
                <a ewb-analytics event-action="{{::('AnalyticsActionOpenSlashSheet' | translate)}}" event-label="{{::('AnalyticsLabelDocViewer_SlashSheets' | translate)}}"
                   ng-click="docChangeViewType(documentViewTypes.SlashSheet);" class="qa-header-document">{{ ::("SlashSheets" | translate)}}</a>
            </li>
            <li ng-class="{ active: documentViewType == documentViewTypes.CompareDocument }" ewb-prevent-double-click="" navi-tool-popover="" popover-text="" popover-placement="'bottom-right'" popover-icon-class="''" ng-if="isDocumentPage && isDocumentPageWithTabs && showCompareDocumentTab && showDocument" ws-save-card-error="" popover-disabled="true">
                <a ng-click="docChangeViewType(documentViewTypes.CompareDocument);" class="qa-header-document" tooltip-append-to-body="true" tooltip-popup-delay="500" tooltip-placement="bottom">{{ ::("Advantage" | translate)}}</a>
            </li>
        </ul>

</header>

<product-tour-popup></product-tour-popup>

<div class="HL-dlg">
	<div class="modal-content">
		<pl-modal-title close-action="$emit('close')" text="'Alert'"></pl-modal-title>
		<div class="modal-body">
			<div class="content" bind-html-compile="chromeLimitationMessage"></div>
		</div>
	</div>
</div>

<div class="HL-dlg">
    <div class="modal-content">
        <pl-modal-title close-action="$emit('close')" text="'HighlightingPluginCaption'"></pl-modal-title>
        <div class="modal-body">
            <div class="content" bind-html-compile="Content"></div>
            <pl-check class="form-group" ng-model="confirmed" text="'DoNotShowMessage'"></pl-check>
        </div>

<div class="modal-footer">
            <div class="right">
                <pl-button mode="btn-primary" ng-click="openDocument()" text="'OpenDocument'"></pl-button>
            </div>
        </div>
    </div>
</div>

<div ng-show="searchMode && isSearchComplite">
    <div ng-if="context == 'ws-info'" class="ws-info-panel alert alert-success">
        <div class="container">
            <div class="row">
                <div class="left-col">
                    <span class="qa-search-result"><span ng-bind-html="message">content</span></span>
                </div>
                <div class="right-col">
                    <a class="qa-clear-search" href="" ng-click="actionMethod()">{{::("ClearSearch"|translate)}}</a>
                </div>
            </div>
        </div>
    </div>

<div ng-if="context == 'ws-error'" class="ws-info-panel alert alert-danger">
        <div class="container">
            <div class="row">
                <div class="left-col">
                    <span class="qa-search-result"><span ng-bind-html="message">content</span></span>
                </div>
                <div class="right-col">
                    <a class="qa-clear-search" href="" ng-click="actionMethod()">{{::("ClearSearch"|translate)}}</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="btn-group dropdown lang-selector">
    <input type="button" class="btn btn-info dropdown-toggle lang-button" lang-selector-popover="" popover-placement="bottom" popover-content="popoverState.content" popover-show="popoverState.visible" ng-click="onClick();" title='{{::("QZLangDropTooltip"|translate)}}' data-toggle="dropdown" value="{{lang.ShortName}}" />
    <ul class="dropdown-menu lang-selector-dropdown qz-dropdown-menu" role="menu" ng-click="selectLang($event, this)">
        <li class="title">{{::("QZLangDropTitle"|translate)}}</li>
        <li class="separator"></li>
        <li ng-repeat="l in languages track by l.Id" data-id="{{::l.Id}}" class="pointer" ewb-analytics event-action="{{::('AnalyticsActionQueryLanguage' | translate)}}" event-label="{{::l.Name}}">
            <a href="">
                <div class="lang-selector-short-name">{{::l.ShortName}}</div>
                <span class="lang-selector-local-name"> {{::l.LocalName}}</span>
            </a>
        </li>
    </ul>
</div>

<div ng-if="showMessage">
    <div class="alert" ng-class="{ 'alert-warning' : isWarning, 'alert-danger': !isWarning, 'alert-dismissable' : licenseIsDismissable}">
        <button ng-if="licenseIsDismissable" type="button" class="close" ng-click="dismissAlert()" aria-hidden="true">×</button>
        <p ng-bind-html="licenseErrorMessage"></p>
        <p>{{::(isWarning ? 'Warning' : 'Error'| translate) + ' ' + licenseErrorCode}}</p>
    </div>
</div>

<div class="shim-left">
    <span class="task-description small" ng-if="isAdmin && !loadFailed">{{::("SearchConfigurationsDragDropDescriptionAdmin" | translate)}}</span>
    <span class="task-description small" ng-if="!isAdmin && !loadFailed">{{::("SearchConfigurationsDragDropDescription" | translate)}}</span>
    <div class="tasks-container" ng-class="{'is-loading': isLoading}">
        <div class="alert alert-danger" ng-if="!!errorMsg" ng-bind-html="errorMsg"></div>
        <div class="tasks-gridster no-transition" gridster="gridsterOpts">
            <div class="load-splash">
                <div>
                    <div>
                        <span class="loading-splash-icon preloader-small"></span>
                    </div>
                </div>
            </div>
            <ul ng-model="tasks" class="qa-lang-pref">
                <li gridster-item="task" class="no-transition" data-sizey="task.sizeY" ng-repeat="task in tasks track by $index">
                    <div class="task-item-host" data-id="{{task.id}}" ng-class="{'hidden-task': task.hidden}">
                        <div class="task-item-body">
                            <div class="task-item-left">
                                <div>
                                    <span class="task-item-name">{{task.displayName}}</span>
                                </div>
                                <div>
                                    <span class="task-item-info qa-task-sources">{{('SourcesColon' | netFormat : task.sourcesFormat)}}</span>
                                </div>
                                <div>
                                    <span class="task-item-info qa-task-filters">{{('FiltersColon' | netFormat : task.filtersFormat)}}</span>
                                </div>
                            </div>
                            <div class="task-item-right">
                                <div class="task-item-type">
                                    <div ng-if="task.isDefault" class="default-task">{{::('Default' | translate)}}</div>
                                    <div ng-if="!task.isDefault">{{::('ModifiedColon' | translate)}} {{task.showDate}}</div>
                                </div>
                                <div class="task-item-buttons">
                                    <table>
                                        <tr>
                                            <td ng-if="(!isAdmin && task.taskType == tasksTypes.UserTask)
                                                || (isAdmin && task.taskType == tasksTypes.AdminTask)"
                                                uib-tooltip="{{getTooltipRemoveBtn(task)}}"
                                                tooltip-placement="top"
                                                tooltip-append-to-body="true">
                                                <div ng-click="!isSwitcherTask(task) || deleteTask(task, $event)"
                                                     ng-disabled="!isSwitcherTask(task)"
                                                     class="task-item-icon-box">
                                                    <span ewb-svg-use="ihs-icon-delete"></span>
                                                </div>
                                            </td>
                                            <td ng-if="(isAdmin && task.taskType != tasksTypes.UserTask)
                                                    || (!isAdmin && task.taskType != tasksTypes.AdminTask)">
                                                <div ng-click="startEditTask($event, task)"
                                                     class="task-item-icon-box"
                                                     uib-tooltip="{{::('Edit' | translate)}}">
                                                    <span ewb-svg-use="ihs-icon-edit"></span>
                                                </div>
                                            </td>
                                            <td>
                                                <div ng-click="copyTask(task); $event.stopPropagation();"
                                                     class="task-item-icon-box"
                                                     uib-tooltip="{{::('Copy' | translate)}}">
                                                    <span ewb-svg-use="ihs-icon-paste"></span>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="ihs-icon-show-text">
                                                    {{task.hidden? 'Hide': 'Show' | translate}}
                                                </span>
                                            </td>
                                            <td>
                                                <div class="task-item-switch-box"
                                                     uib-tooltip="{{getTooltipSwitcher(task)}}"
                                                     tooltip-placement="top"
                                                     tooltip-append-to-body="true">
                                                    <label class="switch">
                                                        <input type="checkbox"
                                                               ng-model="task.visible"
                                                               ng-change="switchVisibleTask(task)"
                                                               ng-disabled="!isSwitcherTask(task)">
                                                        <span class="slider round qa-task-slider" ng-click="!isSwitcherTask(task)"></span>
                                                    </label>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>

</div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="task-create">
            <div class="task-create-button" ng-click="startCreateTask($event);"
                 ng-if="!loadFailed"
                 uib-tooltip="{{::('CreateNewSearchConfiguration' | translate)}}">
                <div class="task-create-button-icon">
                    <span ewb-svg-use="ihs-icon-plus"></span>
                </div>
                <div class="task-create-button-text">{{::('CreateNewSearchConfiguration' | translate)}}</div>
            </div>
        </div>
    </div>
</div>

<div class="create-task-modal">
    <div class="create-task-container">
        <div class="row">
            <span class="close-btn shim-top-short" ng-click="close()">
                <span ewb-svg-use="ihs-icon-x">×</span>
            </span>
        </div>

<source-selection model="model.ss"
                          hide-cancel="true"
                          hide-apply="true"
                          init-complete="InitComplete"></source-selection>

<div class="adv-query row shim-top">
            <div class="col-md-12">
                <span>{{::("AddManyAdvancedFiltersInfo"|translate)}}</span>
            </div>
            <div class="col-md-12">
                <ewb-meta-facet-filters meta-facet-filters="{{metaFacetFilter}}"></ewb-meta-facet-filters>
            </div>
            <div class="col-md-12 shim-bottom shim-top-short">
                <ul class="nav navbar-nav pull-left pointer">
                    <li ng-class="{'active':!showQueryBuilder}" data-toggle="tab" ng-click="switchMode(false, $event)">
                        <a>{{::('AdvancedQuery'|translate)}}</a>
                    </li>
                    <li ng-class="{'active':!!showQueryBuilder}" data-toggle="tab" ng-click="switchMode(true, $event)">
                        <a>{{::('QueryBuilder'|translate)}}</a>
                    </li>
                </ul>
            </div>

<div class="row-in-qz add-filter-row">
                    <div class="col-md-4">
                        <a href="" ng-click="addFilter($event)" class="addFilter"
                           ewb-analytics event-action="{{::('AnalyticsActionAddFilter' | translate)}}"
                           event-label="{{::('AnalyticsLabelAdvancedQueryTool' | translate)}}">{{::("AddFilter"|translate)}}</a>
                    </div>
                </div>
            </div>

<hr>

<div class="row">
                <div class="alert alert-danger save-task-result col-md-5" ng-if="!!saveError">
                    {{saveError}}
                </div>
                <button type="button"
                        class="btn btn-default shim-bottom-short pull-right qa-save-task-button"
                        ng-click="saveTask()"
                        ng-disabled="isSaveTaskDisabled()">
                    {{::('SaveSearchConfiguration' | translate)}}
                </button>
                <button type="button" class="btn btn-deemphasized pull-right shim-bottom-short shim-right-short" ng-click="close()">
                    {{::('Cancel' | translate)}}
                </button>
            </div>
        </div>
    </div>
</div>

<div class="modal-content qa-conf-dialog">
    <pl-modal-title close-action="$emit('close')" show-close="modalOptions.showCrossCloseBtn">{{modalOptions.titleText}}</pl-modal-title>

<div class="modal-body qa-conf-dialog-body">
        <p ng-if="modalOptions.useBodyHtml" ng-bind-html="modalOptions.bodyHtml"></p>
        <p ng-if="!modalOptions.useBodyHtml">{{modalOptions.bodyText}}</p>
    </div>

<div class="modal-footer">
        <div class="pull-right" ng-show="!modalOptions.hideButton">
            <pl-button class="qa-confirm" ng-click="modalOptions.ok()">{{modalOptions.actionButtonText}}</pl-button>
            <pl-button class="qa-cancel" mode="deemphasized" ng-show="{{modalOptions.showCloseButton}}" ng-click="modalOptions.closeAllToOrigin()">{{modalOptions.closeButtonText}}</pl-button>
            <pl-button class="qa-cancel" mode="deemphasized" ng-show="{{modalOptions.showCancelButton}}" ng-click="$emit('close')">{{modalOptions.cancelButtonText}}</pl-button>
        </div>
    </div>
</div>

<div class="modal-content">
    <pl-modal-title close-action="$emit('close')" show-close="false">{{modalOptions.titleText}}</pl-modal-title>

<div class="modal-body">
        <p ng-if="modalOptions.useBodyHtml" ng-bind-html="modalOptions.bodyHtml"></p>
        <p ng-if="!modalOptions.useBodyHtml">{{modalOptions.bodyText}}</p>

<div class="form-group checkbox">
            <input type="checkbox" id="hideMessage" ng-model="modalOptions.hideMessage">
            <label for="hideMessage">{{modalOptions.checkboxText}}</label>
        </div>
    </div>

<div class="modal-footer">
        <div class="pull-right">
            <pl-button class="qa-confirm" ng-click="modalOptions.ok()">{{modalOptions.actionButtonText}}</pl-button>
        </div>
    </div>
</div>

<div>
    <div class="im-ff-more-results" ng-if="!loadingMain && !isAnError">

</span>

</div>

</ul>
            </div>
        </div>
    </div>

<div class="im-ff-more-results" ng-if="!loadingMain && isAnError">
        <show-error ng-show="isAnError" message="errorMessage" suggestions="errorSuggestions"></show-error>
    </div>
</div>

<div>
    <div ng-if="document.isError" class="error">
        <div ng-bind-html="document.error" class="alert alert-danger"></div>
    </div>
    <nasa-application-notes number="document.number" notes="document.notes" ng-if="!document.isError"></nasa-application-notes>
</div>

<div class="nasa-application-notes">
    <div class="row nasa-link">
        <a href="https://standards.nasa.gov/node/add/application-note/{{::number}}" target="_blank" class="pull-right">{{::('nasaAddApplicationNote') | translate}}</a>
    </div>
    <div ng-if="!notes.length" class="alert alert-info shim-top-short">{{('_Auto_US176234_0000' | translate)}}</div>
    <div class="row nasa-notes" ng-if="notes.length">
        <table>
            <tr>
                <th>{{::('nasaApplicableRevision' | translate)}}</th>
                <th>{{::('nasaCenter' | translate)}}</th>
                <th>{{::('Date' | translate)}}</th>
                <th>{{::('nasaNote' | translate)}}</th>
            </tr>
            <tr ng-repeat="note in notes">
                <td>{{::note.revision}}</td>
                <td>{{::note.center}}</td>
                <td>{{::(note.date | ihsDate)}}</td>
                <td><span>{{note.note}}</span><a ng-if="note.showMore" ng-click="moreNote(note)" class="nasa-more">... {{::('More' | translate)}}</a></td>
            </tr>
        </table>
    </div>
</div>

<div>
    <div ng-if="document.isError" class="error">
        <div ng-bind-html="document.error" class="alert alert-danger"></div>
    </div>
    <nasa-lessons-learned lessons="document.lessons" ng-if="!document.isError"></nasa-lessons-learned>
</div>

<div class="nasa-lessons-learned">
    <div class="row nasa-link">
        <a href="https://standards.nasa.gov/lessons-learned-disclaimer" rel="noopener noreferrer" target="_blank" class="pull-left">{{::('Disclaimer' | translate)}}</a>
        <a href="https://nen.nasa.gov/web/ll" target="_blank" rel="noopener noreferrer" class="pull-right">{{::('nasaAddLessonLearned' | translate)}}</a>
    </div>
    <div ng-if="!lessons.length" class="alert alert-info shim-top-short">{{('_Auto_US176234_0001' | translate)}}</div>
    <div class="row nasa-lessons" ng-if="lessons.length">
        <table>
            <tr>
                <th>{{::('nasaLL' | translate)}}</th>
                <th>{{::('Title' | translate)}}</th>
                <th>{{::('Date' | translate)}}</th>
                <th>{{::('nasaRelevanceToStandard' | translate)}}</th>
            </tr>
            <tr ng-repeat="lesson in lessons">
                <td ng-if="!lesson.uri">{{::lesson.ll}}</td>
                <td ng-if="lesson.uri"><a target="_blank" href="{{::lesson.uri}}">{{::lesson.ll}}</a></td>
                <td>{{::lesson.title}}</td>
                <td>{{::(lesson.date | ihsDate)}}</td>
                <td><span>{{lesson.standard}}</span><a ng-if="lesson.showMore" ng-click="moreLesson(lesson)" class="nasa-more">... {{::('More' | translate)}}</a></td>
            </tr>
        </table>
    </div>
</div>

<pl-modal-title close-action="close()" text="'nasaTools'"></pl-modal-title>
<div class="modal-body container-fluid">
    <div ng-hide="loadComplete" class="load-screen">
        <div class="loading-splash">
            <span class="loading-splash-icon preloader-small"></span>
        </div>
    </div>
    <div ng-show="loadComplete">
        <div class="nasa-title" ng-if="!isError">
            <span>{{::title}}</span>
        </div>
        <div class="row">
            <div ng-if="isError" class="error">
                <div ng-bind-html="error" class="alert alert-danger"></div>
            </div>
            <div class="nav nav-tabs-2" ng-if="!isError">
                <uib-tabset active="tool">
                    <uib-tab heading="{{::('nasaApplicationNotes' | translate)}}" ng-if="notes.length" index="'an'">
                        <nasa-application-notes number="number" notes="notes"></nasa-application-notes>
                    </uib-tab>
                    <uib-tab heading="{{::('nasaLessonsLearned' | translate)}}" ng-if="lessons.length" index="'ll'">
                        <nasa-lessons-learned lessons="lessons"></nasa-lessons-learned>
                    </uib-tab>
                </uib-tabset>
            </div>
        </div>
        <div class="row btn-panel">
            <pl-button class="pull-right" mode="deemphasized" ng-click="close()" text="'Close'"></pl-button>
        </div>
    </div>
</div>

<div class="connector-credentinal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <ewb-dlg-close ng-click="$emit('close')"></ewb-dlg-close>
            <h3 class="modal-title">{{::model.connectorCredentialsTitle}}</h3>
        </div>
        <div class="modal-body">
            <div class="content">{{::model.description}}</div>
            <div class="form-group">
                <label for="inputUserName">{{::("UserNameColon" | translate)}}</label>
                <input type="text" class="form-control" name="inputUserName" ng-model="model.UserName"/>
            </div>
            <div class="form-group">
                <label for="inputPassword">{{::("PasswordColon" | translate)}}</label>
                <input type="password" class="form-control" name="inputPassword" ng-model="model.Password"/>
            </div>
        </div>

<div class="modal-footer">
            <div class="text-right">
                <button type="button" class="btn btn-default btn-sm btn-primary" ng-click="openCorporateDocument()">
                    {{::('OpenDocument'|translate)}}
                </button>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="$emit('close')">
                    {{::("Cancel" | translate)}}
                </button>
            </div>
        </div>
    </div>
</div>

<div type="text/ng-template" id="NewerVersionAvailable.html">
    <div class="modal-content">
        <pl-modal-title close-action="$emit('close')">{{modalOptions.titleText}}</pl-modal-title>

<div class="modal-body qa-conf-dialog-body">
            <p ng-bind-html="modalOptions.explainText"></p>
            <div class="form-group" ng-init="choice=1">
                <div class="radio">
                    <input type="radio" id="LatestVersionOption" name="choice" ng-model="choice" value="1" />
                    <label for="LatestVersionOption">{{::('OpenLatestVersion' | translate)}}</label>
                </div>
                <div class="radio">
                    <input type="radio" id="IndexedVersionOption" name="choice" ng-model="choice" value="2" />
                    <label for="IndexedVersionOption">{{::('OpenIndexedVersion' | translate)}}</label>
                </div>
            </div>
        </div>

<span class="addpolicynotes-container" ng-switch on="template" ng-click="addPolicyNotesClick($event)">
    <button ng-switch-when="button" type="button"
            three-dots-tooltip="tree-item-check" class="btn btn-default btn-sm add-policy-note qa-policynote-link">
        {{buttonText}}
    </button>
    <button ng-switch-when="shortbutton" type="button"
            three-dots-tooltip="tree-item-check" class="btn btn-default btn-sm add-policy-note qa-policynote-link">
        {{::('PolicyNote' | translate)}}
    </button>
    <button ng-switch-when="icon" type="button" class="svg-host-button policynote-link qa-policynote-link"
            title="{{tooltipText}}">
        <span ewb-svg-use="ihs-icon" ng-class="notesCount > 0 ? 'ihs-icon-note' : 'ihs-icon-attributes'"></span>
    </button>
    <div ng-switch-when="icon2" type="button" class="svg-host-button link-add-policy-notes qa-policynote-link"
            title="{{::(addPolicyNotesAvailable ? 'CreateEditPolicyNoteForThisDocument' : 'ViewPolicyNoteForThisDocument') | translate}}">
        <span ewb-svg-use="ihs-icon {{::noteIconClass}}" ng-class="notesCount > 0 ? 'ihs-icon-note' : 'ihs-icon-attributes'"></span>
    </div>
    <div ng-switch-when="summary" 
         class="toolbar_block qa-policynote-link"
         title="{{tooltipText}}">
        <span class="toolbar__icon" ewb-svg-use="ihs-icon" ng-class="(notesCount > 0 ? 'ihs-icon-note' : 'ihs-icon-attributes')"></span>
        <span class="toolbar__text">{{buttonText}}</span>
    </div>

<a href="" ng-switch-default class="qa-policynote-link">{{buttonText}}</a>
</span>

<div class="modal-header">
    <ewb-dlg-close ng-click="onCloseClicked()"></ewb-dlg-close>
    <h3 class="modal-title">{{ ::('PolicyNote' | translate) }}</h3>
</div>

<div class="modal-body container-fluid policy-notes" ng-class="{'mws': options.IsFromMws, '': !options.IsFromMws, 'error' : isAnError}">
    <div ng-hide="loadComplete" class="load-screen">
        <div class="loading-splash">
            <span class="loading-splash-icon preloader-small"></span>
        </div>
    </div>
    <div ng-show="loadComplete" ng-class="{'sum-only': showSummaryOnly}">
        <div class="doc-number shim-bottom">
            <b trim-text  trim-row="2" trim-value="options.documentTitle" ng-bind="options.documentTitle"></b>
        </div>
        <card-popup-error ng-show="loadComplete && isAnError"></card-popup-error>
        <div class="note-tabs-contaiter">
            <div ng-if="!isAnError" class="note-tabs">
                <ul class="nav nav-tabs-2">
                    <li ng-repeat="note in notes track by $index"
                        class="qa-note"
                        ng-class="{ active: isActiveNote(note), disabled : disableNavigation }">
                        <a ng-click="!disableNavigation && setActiveNote(note)">
                            {{::('Note' | translate)}} {{$index + 1}}
                        </a>
                    </li>
                    <li class="add-notes" ng-if="hasEditRight && !hideAddBtn" ng-class="{disabled : disableNavigation}">
                        <a ng-click="!disableNavigation && !disableAddBtn && addNewNote()" ng-class="{disabled : disableAddBtn || disableNavigation }">{{::('AddNewNote' | translate)}}</a>
                    </li>
                </ul>
                
                <div class="nav-tabs-2 tab-content">
                    <div class="tab-pane fade in active" id="home-2">
                        <div ng-if="isEditMode" class="note-content edit-mode">
                            <div class="title-container">
                                <div class="form-group title-group">
                                    <label class="required-add">{{::('Title' | translate)}}</label>
                                    <input class="form-control short" ng-model="activeNote.Title" ng-change="titleChange()">
                                </div>
                                <div class="form-group apply-group" ng-if="isStandartDocument">
                                    <label>{{::('ApplyNoteToColon' | translate)}}</label>
                                    <div class="radio">
                                        <input type="radio" id="radio-1" ng-model="activeNote.UseDocumentFamily" ng-value="false" ng-change="titleChange()">
                                        <label for="radio-1">
                                            {{::('TheDocument' | translate)}}
                                        </label>
                                    </div><div class="radio">
                                        <input type="radio" id="radio-2" ng-model="activeNote.UseDocumentFamily" ng-value="true" ng-change="titleChange()">
                                        <label for="radio-2">
                                            {{::('DocumentFamily' | translate)}}
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="text-area-container">
                                <div class="rich-editor-host note-text" ewb-rich-edit model="activeNote" field="'Text'" readonly="readonly" insert-images="true"></div>
                            </div>
                            <div class="btn-container">
                                <button class="btn btn-sm btn-deemphasized" ng-show="activeNote.AccountNoteId" ng-click="onDeleteNote(activeNote)">{{ ::('DeleteThisNote' | translate) }}</button>
                            </div>
                        </div>
                        <div ng-if="!isEditMode" class="note-content">
                            <icon-click ng-if="hasEditRight" ng-click="changeMode()"><span ewb-svg-use="ihs-icon-edit icon-md"> </span></icon-click>
                            <div class="title-container">
                                <div class="form-group apply-group" ng-if="isStandartDocument">
                                    <label> <b>{{::('AppliesToColon' | translate)}}</b> {{applyToText(activeNote.UseDocumentFamily)}}</label>
                                </div>
                                <div class="form-group title-group">
                                    <span ng-bind="'TitleWithDash'  | netFormat : [activeNote.Title]"></span>
                                    <div class="mod-date">{{ activeNote.ModifiedDate | ihsDate }}</div>
                                </div>
                            </div>
                            <div class="text-area-container reset-pl-for-rich-text">
                                <div class="note-text" ng-bind-html="activeNote.Text | asHtml"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pull-right shim-top" ng-if="isEditMode">
                <button ng-class="{'btn-inactive' : disableSaveBtn}" class="btn btn-sm btn-default" ng-click="!disableSaveBtn && onSave(activeNote)">{{ ::('Save' | translate) }}</button>
                <button class="btn btn-sm btn-deemphasized" ng-click="onCancelClicked(activeNote)">{{ ::('Cancel' | translate) }}</button>
            </div>
            <div class="pull-right shim-top" ng-if="!isEditMode">
                <button class="btn btn-sm btn-deemphasized" ng-click="onCloseClicked()">{{ ::('Close' | translate) }}</button>
            </div>
        </div>

</div>
</div>

<div class="product-tour-popup" ng-show="isVisible" ng-class="{'qa-run-at-login': !productTourService.getDoNotRunAtLogin()}">
    <div class="modal-body">
        <div class="modal-title">
            {{::('GuidedTour' | translate)}}
        </div>
        <table>
            <tr>
                <td>
                    <button type="button" class="btn btn-default btn-sm shim-right-mini qa-btn-prev" ng-click="prevStep()" ng-disabled="!productTourService.isNavigationEnabled()">{{::('ProductTourBack' | translate)}}</button>
                </td>
                <td>
                    <button type="button" class="btn btn-default btn-sm shim-left-mini shim-right-short qa-btn-next" ng-click="nextStep()" ng-disabled="!productTourService.isNavigationEnabled()">{{::('ProductTourNext' | translate)}}</button>
                </td>
                <td>
                    <div class="btn-group drop-source dropdown-select dropdown-select-small dropdowns-tour shim-right-short qa-dropdown ewb-dropdown-default">
                        <button ng-disabled="!productTourService.isNavigationEnabled()"
                                type="button"
                                class="dropdown-toggle btn dropdown-selected-item" data-toggle="dropdown" aria-expanded="false" ng-click="productTourService.tooggleOpenDropdown()">
                            <span class="truncating" title="tour">{{activeStepName()}}</span>
                        </button>
                        <button ng-disabled="!productTourService.isNavigationEnabled()"
                                type="button"
                                class="dropdown-toggle btn dropdown-btn"
                                data-toggle="dropdown" aria-expanded="true" ng-click="productTourService.tooggleOpenDropdown()">
                            <span class="caret"></span>
                        </button>

<ul class="dropdown-menu" role="menu">
                            <li ng-repeat="tour in productTourService.getProductTourInfo() track by $index">
                                <a class="truncating" href="" ng-click="productTourService.gotoStep(tour.id, 0, true)" title="{{tour.title}}">{{tour.title}}</a>
                            </li>
                        </ul>
                    </div>
                </td>
                <td>
                    <button type="button" class="btn btn-default btn-sm qa-btn-close" ng-click="stopTour()" ng-disabled="!productTourService.isStopTourEnabled()">{{::('Close' | translate)}}</button>
                </td>
            </tr>
            <tr>
                <td colspan="4" class="form-group">
                    <div class="checkbox">
                        <input type="checkbox" id="tourDoNotRunAtLogin" ng-model="doNotRunAtLogin" ng-change="onDoNotRunAtLoginChanged()" />
                        <label for="tourDoNotRunAtLogin">{{::('ProductTourDoNotShowMeThisAgain' | translate)}}</label>
                    </div>
                </td>
            </tr>
        </table>
        <div class="tour-error-ms" ng-if="tourError">
            <p ng-bind-html="('ProductTourErrorMessage' | translate)"></p>
        </div>
    </div>
</div>

<div class="form-group">
    <label>{{::("SaveToColon" | translate)}}</label>

<button ng type="button"
                class="dropdown-toggle btn dropdown-selected-item choices "
                data-toggle="dropdown"
                ng-disabled="ewbSelectProjectController.disabled || ewbSelectProjectController.newItem"
                ng-class="{'disabled': ewbSelectProjectController.disabled}">
            <span class="truncating" title="{{ewbSelectProjectController.selectedProject.Name}}">{{ewbSelectProjectController.selectedProject.Name}}</span>
        </button>

<ul class="dropdown-menu" role="menu">
            <li ng-repeat="project in ewbSelectProjectController.projects track by project.Id"
                ng-click="ewbSelectProjectController.onProjectSelected(project.Id)">
                <a class="truncating" href="" title="{{project.Name}}">{{project.Name}}</a>
            </li>
        </ul>
        <iframe class="dropdown-frame" src="about:blank" frameborder="0" scrolling="auto"></iframe>
    </div>

<span class="new-link qa-new-link"
       ng-show="!ewbSelectProjectController.projectInputVisible || ewbSelectProjectController.forceDisplayLink"
       ng-click="ewbSelectProjectController.newProjectClick()">{{::("NewProject" | translate)}}</span>
</div>

<div ng-if="ewbSelectProjectController.noProjectsOrBookmarks" class="btn-group">
    <span>{{ewbSelectProjectController.selectedProject.Name}}</span>
</div>
<div ng-if="!ewbSelectProjectController.noProjectsOrBookmarks" class="btn-group drop-source dropdown-select dropdown-select-small qa-dropdown-select-project ewb-dropdown-default" ng-style="ewbSelectProjectController.getStyle()">
    <button type="button" class="dropdown-toggle btn dropdown-selected-item choices" data-toggle="dropdown" ng-disabled="ewbSelectProjectController.disabled" ng-class="{'disabled': ewbSelectProjectController.disabled}">
        <span class="truncating" title="{{ewbSelectProjectController.selectedProject.Name}}">{{ewbSelectProjectController.selectedProject.Name}}</span>
    </button>
    <button type="button" class="dropdown-toggle btn dropdown-btn pick" data-toggle="dropdown" ng-disabled="ewbSelectProjectController.disabled" ng-class="{'disabled': ewbSelectProjectController.disabled, 'highlightfirst': ewbSelectProjectController.highlightfirst, 'highlightfirsttwo': ewbSelectProjectController.highlightfirsttwo}">
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li ng-repeat="project in ewbSelectProjectController.projects track by project.Id" ng-click="ewbSelectProjectController.onProjectSelected(project.Id)">
            <a class="truncating" href="" title="{{project.Name}}">{{project.Name}}</a>
        </li>
    </ul>
</div>
<input type="hidden" ng-model="ewbSelectProjectController.selectedProjectId" ng-pattern="ewbSelectProjectController.getValidationPattern" />

<div ng-transclude></div>
<div class="im-qz-drop-down qta-popup"
     ng-class="{'partial-mode':partialMode, 'double-table':docSeparatorIndex !== -1}"
     ng-style="{'left':leftOffset}"
     ng-show="showQta"
     click-outside="clickOutside()">

<td class="recentQuery" colspan="2">
                                <span class="text-query">{{>DisplayName}}</span>
                                <span class="dismiss" data-line-id="{{:Id}}">
                                    <a event-action="{{res:'AnalyticsActionQTADismiss'}}">{{res:'Dismiss'}}</a>
                                </span>
                            </td>

<td class="suggestion" colspan="2" event-action="{{res:'AnalyticsActionQTA'}}" event-label="{{res:'AnalyticsLabelQTASuggestion'}}">
                                <span class="text-query suggest-txt">{{:DisplayName}}</span>
                            </td>

{{/if}}
                    </tr>
                {{/for}}
            </tbody>
        </table>
    </script>

<td class="separator" colspan="2"><div><span>{{res:'QTATitleSeparator'}}</span></div></td>

<td class="qta-title qta-title-source" event-action="{{res:'AnalyticsActionQTA'}}" event-label="{{res:'AnalyticsLabelQTAInTitle'}}">
                            <span><small>{{>SourceName}}:</small></span>
                        </td>

<td class="qta-title qta-title-name" event-action="{{res:'AnalyticsActionQTA'}}" event-label="{{res:'AnalyticsLabelQTAInTitle'}}">
                            <span>{{:DisplayName}}</span>
                        </td>

{{/if}}
                </tr>
                {{/for}}
            </tbody>
        </table>
    </script>

</div>

<form name="sendDialog" novalidate ng-enter="send($event)" ng-enter-prevent-default="false" ng-enter-exclude-textarea="true">
    <div ng-init="form=sendDialog"></div>
    <div class="modal-header qa-send-dialog">
        <ewb-dlg-close ng-click="$emit('close')"></ewb-dlg-close>
        <h3 class="modal-title">{{::dialogTitle}}</h3>
    </div>
    <div class="modal-body">
        <ws-error-dir taberror="false" ng-show="isAnError"></ws-error-dir>
        <div ng-class="{'has-error': isFieldInvalid('sendFrom')}" class="form-group">
            <label for="sendFrom">{{::("FromColon" | translate)}}</label>
            <input type="text" class="form-control" name="sendFrom" ng-disabled="true" ng-model="sendData.from" ewb-email />
            <div ng-show="isFieldInvalid('sendFrom')">
                <label ng-show="sendDialog.sendFrom.$error.ewbEmail" class="control-label">{{::("InvalidEmailAddress" | translate)}}</label>
            </div>
        </div>
        <div ng-class="{'has-error': isFieldInvalid('sendTo')}" class="form-group">
            <label class="required-add" for="sendTo">{{::("ToColon" | translate)}}</label>
            <input type="text" class="form-control" name="sendTo" ng-model="sendData.to" required ewb-multiple-emails placeholder="{{::('SendToPlaceholder' | translate)}}" />
            <div ng-show="isFieldInvalid('sendTo')">
                <label ng-show="sendDialog.sendTo.$error.required" class="control-label">{{::("Required" | translate)}}</label>
                <label ng-show="sendDialog.sendTo.$error.ewbMultipleEmails" class="control-label">{{::("InvalidEmailAddress" | translate)}}</label>
            </div>
        </div>
        <div class="form-group">
            <label for="sendCC">{{::("CCColon" | translate)}}</label>
            <input type="text" class="form-control" name="sendCC" ng-model="sendData.cc" />
        </div>
        <div class="form-group">
            <label for="sendSubject">{{::("SubjectColon" | translate)}}</label>
            <input type="text" class="form-control" name="sendSubject" ng-model="sendData.subject" maxlength="300" />
        </div>
        <div class="form-group">
            <label for="sendMessage">{{::("MessageColon" | translate)}}</label>
            <textarea class="form-control" ng-model="sendData.message" name="sendMessage" maxlength="5000"/>
        </div>
        <div class="form-group">
            <label for="sendEncodeAs" class="shim-right">{{::("EncodeAsColon" | translate)}}</label>
            <div ng-repeat="selector in sendEncodesAs" class="radio-inline">
                <input type="radio" id="sendEncode_{{selector.Id}}" name="sendEncodeAs" ng-model="sendData.sendEncodeAsId" ng-value="selector.Id" ng-disabled="inProgress" />
                <label for="sendEncode_{{selector.Id}}">{{::selector.Name}}</label>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <div class="text-right">
            <button type="submit" class="btn btn-default btn-sm" ng-disabled="sendDialog.$invalid" ng-class="{'disabled': sendDialog.$invalid}" ng-click="send($event)">
                {{::("Send" | translate)}}
            </button>
            <button type="button" class="btn btn-deemphasized btn-sm" ng-click="$emit('close')">
                {{::("Cancel" | translate)}}
            </button>
        </div>
    </div>
</form>

<div class="card-sharing-icon"
     ewb-analytics
     event-action="{{::('AnalyticsActionInvokeShareProjectDialog' | translate)}}"
     ng-click="cardSharingInfo.showSharingDialog($event);">
    <span ng-if="!card.IsShared" ewb-svg-use="ihs-icon-share ihs-icon-private-card"
          uib-tooltip="{{::cardSharingInfo.privateCardTooltip}}"
          tooltip-append-to-body="true"></span>
    <span shared-card-tooltip
          ng-if="card.IsShared"
          card="{{card}}"
          uib-popover-template="'SharedCard.Tooltip.tmpl.html'"
          popover-placement="top"
          popover-close-outside-click="hideTipOutside()"
          popover-trigger="'tipShow'"
          ewb-event="tipEvent"
          ng-mouseenter="showTip()"
          ng-mouseleave="hideTip()"
          popover-popup-delay="600"
          popover-append-to-body="true"
          popover-class="shd-card-popover">
        <span ewb-svg-use="{{card.EffectivePermissions == cardSharingInfo.Right.Owner ? 'ihs-icon-shared-out' : 'ihs-icon-shared-in'}}"></span></span>
</div>

<span ng-if="(card.WatchListHaveUnviewedUpdate || card.CollaboratorOperations)"
      class="badge"
      popover-class="shd-card-popover"
      updated-document-tooltip
      watch-list-id="{{card.Id}}"
      uib-popover-template="'app/components/workspace/cardsLayout/watchListCard/wsWatchListPopoverTemplate.html'"
      popover-placement="top"
      ewb-event="wlTipEvent"
      shared-card-tooltip
      card="{{card}}"
      popover-trigger="'showUpdatedDocumentCount'"
      ng-mouseenter="showLastUpdatedTooltip()"
      ng-mouseleave="hideLastUpdatedTooltip()"
      popover-close-outside-click="hideLastUpdatedTooltip()"
      popover-popup-delay="600"
      popover-append-to-body="true">!</span>

<div class="modal-header"
     modal-resizable="true"
     size-settings="Common.SharingGroupMembersDlgSize" 
     modal-tablet-aware="true"
     size='{ "height": "380", "width": "560", "minWidth": "560", "minHeight": "380" }'>
    <ewb-dlg-close ng-click="onClose()"></ewb-dlg-close>
    <h3 class="modal-title">{{::model.getTitle()}}</h3>
</div>

<div class="shd-general-prompt">{{::('SharingDialogGroupPrompt'|translate)}}</div>

<div class="shd-permissions-list-wrapper">
        <div class="shd-individuals-members"
             ng-show="!model.individuals.showErrorText && model.individuals.data.length > 0"
             ui-grid="model.individuals" 
             grid-scope-path="model.individuals.gridApi.grid"
             ewb-grid-resize-modal
             ui-grid-infinite-scroll 
             ui-grid-selection></div>

<div class="shd-error-panel" ng-if="!!model.individuals.showErrorText">{{model.individuals.showErrorText}}</div>

<div class="shd-shared-buttons text-right">
        <button class="btn btn-sm btn-default qa-apply-button" ng-click="onApply()" ng-disabled="!model.isModified">{{::("Apply"|translate)}}</button>
        <button class="btn btn-sm btn-deemphasized qa-cancel-button" ng-click="onClose()">{{::("Cancel"|translate)}}</button>
    </div>

</div>

</script>

<uib-tabset active="activeTab">

<uib-tab index="0"
                         select="tabActivated(0, $event)"
                         class="shd-individuals"
                         heading="{{::('SharingDialogTab2Title'|translate)}}">
                    <div class="shd-individuals-content"
                         ng-if="activeTab === 0">
                        <div>{{::('ShareThisPrompt'|translate)}}</div>
                        <div class="shd-search-panel">
                            <input type="text" class="form-control truncating qa-query-field" placeholder="{{::('Search'|translate)}}"
                                   maxlength="256" ng-enter ng-enter-prevent-default="true"
                                   ng-model="usersModel.searchPattern" ng-change="usersModel.doSearch()" />
                            <button ng-click="onClearSearch($event)" ng-show="!!usersModel.searchPattern" class="qa-clear-query svg-host-button">
                                <span ewb-svg-use="ihs-icon-x">×</span>
                            </button>
                        </div>

<div class="shd-individuals-members"
                             grid-scope-path="usersModel.list.gridApi.grid"
                             ewb-grid-resize-modal
                             ui-grid="usersModel.list"
                             ui-grid-infinite-scroll
                             ui-grid-selection></div>
                        <div class="shd-error-panel users-place-for-return-if-zero" ng-if="!!usersModel.list.showErrorText" bind-html-compile="usersModel.list.showErrorText | netFormat : ['$parent.usersModel.doSearch(true)']"></div>
                        <div class="shd-nomore-panel users-place-for-return-if-zero" ng-if="!usersModel.list.showErrorText && usersModel.list.allData.length > 0 && usersModel.list.data.length == 0 && !usersModel.isListLoading && !usersModel.isFullLoading">{{::('SharingDialogNoIndividualsForShare'|translate)}}</div>

</div>
                </uib-tab>

<uib-tab index="1"
                         select="tabActivated(1, $event)"
                         class="shd-your-groups"
                         heading="{{::('ShareThisDialogYourGroupsTab'|translate)}}">
                    <div class="shd-groups-content" ng-if="activeTab === 1">

<div class="shd-groups-members"
                             grid-scope-path="groupsModel.list.gridApi.grid"
                             ewb-grid-resize-modal
                             ui-grid="groupsModel.list"
                             ui-grid-infinite-scroll
                             ui-grid-selection>
                        </div>
                        <div class="shd-error-panel groups-place-for-return-if-zero" ng-if="!!groupsModel.list.showErrorText" bind-html-compile="groupsModel.list.showErrorText | netFormat : ['$parent.groupsModel.doSearch(true)']"></div>
                        <div class="shd-nomore-panel groups-place-for-return-if-zero" ng-if="!groupsModel.list.showErrorText && groupsModel.list.allData.length > 0 && groupsModel.list.data.length == 0 && !groupsModel.isListLoading && !groupsModel.isFullLoading">{{::('SharingDialogNoGroupsForShare'|translate)}}</div>

</div>
                </uib-tab>

</uib-tabset>

</div>

<div class="shd-right-wrapper">
                <div class="shd-shared-header" ng-class="{ 'no-owner': !Owner || hideOwner }">
                    <div ng-if="isReadOnly && !openError" class="alert alert-info qa-alert-info">
                        {{::("YouCanOnlyViewThisItem"|translate)}}
                    </div>
                    <div class="owner-with-email-one-line IHS-Color-G8">
                        <div class="shd-msg-area-new shim-bottom-short" ng-hide="!Owner || hideOwner">
                            <div class="shr-owner-name">
                                <span>{{('SharingDialogIsOwner'|netFormat: [""])}}</span>
                                <span><a href="mailto:{{Owner.Email}}">{{Owner.Name}}</a></span>
                            </div>
                        </div>
                        <div class="shd-msg-area-new">
                            <label class="strong-label">
                                {{::('ShareThisWith'|translate)}}
                            </label>
                            <button class="btn btn-sm btn-link clear-all-link qa-clearall-link"
                                    ng-disabled="isReadOnly"
                                    ng-click="onClearAll()">
                                {{::('ClearAll'|translate)}}
                            </button>
                        </div>
                    </div>
                </div>
                
                <div class="alert alert-warning shd-already-shared-warning" ng-if="showAlreadySharedWarning">
                    <span>{{::'ThereAreAlreadySharedItems'|translate}}</span>
                </div>

<div class="shd-shared-body" ng-if="!isGroupCreation">
                    <div ng-if="permissions.list.data.length == 0" class="no-item-text">
                        {{('SharingThisDialogEmptyRightPart'|translate)}}
                    </div>
                    <div class="shd-permissions-list-wrapper"
                         ng-class="{ 'shd-permissions-list-wrapper-readonly': isReadOnly }">
                        <div ng-if="!openError"
                             class="member-list-container"
                             grid-scope-path="permissions.list.gridApi.grid"
                             ewb-grid-resize-modal
                             ui-grid="permissions.list"
                             ui-grid-selection
                             ui-grid-auto-resize>
                        </div>
                    </div>

</div>

<div class="groups-creation-header" ng-if="isGroupCreation">
                    <label class="access-right-label shim-left-large">{{::('AccessRights'|translate)}}</label>
                    <div class="form-group access-right shim-right">
                        <select class="form-control short sharing-right-dropdown"
                                ng-model="newGroup.right">
                            <option ng-repeat="option in newGroup.selectOptions track by option.id"
                                    value="{{option.id}}">
                                {{option.name}}
                            </option>
                        </select>
                    </div>
                </div>

<div class="shd-shared-body" ng-if="isGroupCreation">
                    <div class="shd-permissions-list-wrapper group-creation shim-left-large"
                         ng-class="{ 'shd-permissions-list-wrapper-readonly': isReadOnly }">
                        <div class="member-list-container new-group"
                             grid-scope-path="newGroup.list.gridApi.grid"
                             ui-grid="newGroup.list"
                             ewb-grid-resize-modal
                             ui-grid-selection
                             ui-grid-auto-resize>
                        </div>
                    </div>
                </div>
                <div class="groups-controls text-right">
                    <div class="form-group shim-right" ng-if="isGroupCreation">
                        <label>{{::("GroupNameTableHeader" | translate)}}</label>
                        <div class="btn-group great-z-index new-container">
                            <input class="shim-left-short pull-left group-name"
                                   type="text"
                                   placeholder="{{::('EnterGroupNamePlaceholder' | translate)}}"
                                   ng-model="newGroup.groupName"
                                   maxlength="100">
                            <button type="button"
                                    ng-click="cancelCreateNewGroup()"
                                    class="btn pick back-to-list">
                                <div class="control-arrow-container">
                                    <span ewb-svg-use="ihs-icon-chevron simple control-arrow"></span>
                                </div>
                            </button>
                            <button class="btn btn-xs btn-default small qa-save-group-button save-group-button"
                                    ng-click="onApply()"
                                    ng-disabled="!newGroup.canApply()">
                                {{::("Save"|translate)}}
                            </button>
                        </div>
                    </div>
                </div>

<div class="shd-shared-buttons text-right">
                    <button class="btn btn-sm btn-link create-group-link qa-clearall-link"
                            ng-if="isCreateGroupVisible"
                            ng-hide="isGroupCreation"
                            ng-disabled="isReadOnly"
                            ng-click="createNewGroup()">
                        <div class="ihs-icon svg-host-button">
                            <span ewb-svg-use="ihs-icon-admin-group icon-md"></span>
                        </div>
                        <div class="create-group-link-text">{{::('CreateGroup'|translate)}}</div>
                    </button>
                    <button class="btn btn-sm btn-default qa-save-button"
                            ng-click="onApply()"
                            ng-disabled="isGroupCreation || !permissions.canApply()">
                        {{::("Save"|translate)}}
                    </button>
                    <button class="btn btn-sm btn-deemphasized qa-cancel-button"
                            ng-click="onClose()">
                        {{::("Cancel"|translate)}}
                    </button>
                </div>

</div>

</div>

tooltip-append-to-body="true"
          tooltip-popup-delay="200"
          tooltip-placement="parent-right"
          uib-tooltip-html="grid.appScope.getTooltip(row.entity)"

>{{t.Text}}</span>

<span ng-if="row.entity.ItemId === -11 || row.entity.ItemId === -12" class='recent-title'>{{row.entity.full_Name}}</span>
</script>

<div ng-if="row.entity.IsItemAfterLine" class="line">
    </div>

<select ng-if="row.entity.hasExcludeOption" class="form-control short sharing-right-dropdown"
                ng-model="row.entity.Right"
                ng-change="grid.appScope.onRightChanged()"
                ng-disabled="row.grid.appScope.isReadOnly">
            <option ng-repeat="option in row.grid.appScope.permissions.extendedSelectOptions track by option.id"
                    value="{{option.id}}">
                {{option.name}}
            </option>
        </select>
    </div>
</script>

<li ng-show="exists('CommitteeMembers')"
    class="expandable"
    ng-class="{'has-extra': metadata.CommitteeMembers.length > 1, 'is-expanded': isExpanded }">

<div ng-show="metadata.CommitteeMembers.length == 1">
        <span class="label">{{ ::('Committee' | translate) }}:</span>
        <span class="value">{{ formatCommittee(metadata.CommitteeMembers[0]) }}</span>
    </div>

<div ng-show="metadata.CommitteeMembers.length > 1">
        <div class="expandable" ng-click="isExpanded = !isExpanded">
            <span ewb-svg-use="ihs-icon-arrow icon-sm" ng-class="isExpanded?'rotate-270':'rotate-180'"></span>
            <span class="label">{{ ::('Committee' | translate) }}:</span>
        </div>

<div class="ise-meta-extra">
            <div ng-repeat="committee in ::metadata.CommitteeMembers track by $index">
                <span class="value">{{ formatCommittee(committee) }}</span>
            </div>
        </div>
    </div>
</li>

<div class="patent-summary">
    <doc-history-tab document="document"
                     active="active"
                     lang="lang()"
                     context="context">
    </doc-history-tab>
</div>

<div>

<span class="history-doc-label">{{ 'DocumentHistoryLabel' | netFormat: [ model.rows.length ] }}</span>
        <div class="history-doc-error"><span ng-bind-html="model.errorMessage"></span></div>
        <div class="history-doc-empty-message"><span>{{ ::('DocumentHistoryEmpty' | translate) }}</span></div>

<div ng-repeat="ch in model.columns" class="history-doc-cell col-{{$index}}">
                            {{ch.displayName}}
                        </div>

</div>

<a target="_blank" rel="opener" ng-if="c.type['link'] && $index > 0" ng-click="openDoc(r)" href="{{r['Url'+c.field]}}" class="{{ model.getItemClass(r, c.field, $index) }}" ng-class="{'no-popup' : model.getUrlAccess(r)}">
                                {{ model.getItemValue(r, c.field, $index) }}
                            </a>

<span ng-if="!c.type['link'] && $index > 0"
                                  title="{{ model.getItemTooltip(r, c.field, $index) }}"
                                  ng-click="model.openShopCart($event, r, c.field)"
                                  global-id="{{model.getGlobalId(r)}}"
                                  attach-to-body="true">
                                    {{ model.getItemValue(r, c.field, $index) }}
                                    <span ng-if="model.drawExtraDate(r, c.field)" ng-repeat="iseDate in model.getExtraDates(r)" title="{{ model.getExtraDateTooltip(iseDate) }}" class="{{ model.getExtraDateClass(iseDate) }}"><br />{{::iseDate.value}}</span>
                            </span>

<div ng-if="model.getValue(r, 'SmartCompare')" class="qa-smart-compare doc-link pointer shim-top-mini shim-right-mini">
                                    <div ewb-document-compare="history"
                                         location="document"
                                         customPopoverPlacement="auto bottom-right"
                                         global-id="{{model.getValue(r,'GlobalId')}}"
                                         comparison-id="{{model.getValue(r,'SmartCompareIds')}}"
                                         ng-click="openDocumentCompare()"
                                         title="{{::('DocumentCompareTooltip' | translate)}}"
                                         comparison-initiator="HistoryTab">
                                        <span ewb-svg-use="ihs-icon-smart-compare document-toolbar-icons"></span>
                                    </div>
                                </div>
                                <div ng-if="model.getValue(r, 'RedlineInfo.HasRedline')" class="qa-redline doc-link">
                                    <a ng-if="model.getValue(r, 'RedlineInfo.HasAccess')" ng-click="openRedline()" class="qa-redline-link" href="{{model.getValue(r,'RedlineInfo.Url')}}" target="_blank" rel="opener">{{ model.getValue(r,'RedlineInfo.LinkName')}}</a>
                                    <span class="text-muted" ng-if="!model.getValue(r, 'RedlineInfo.HasAccess')" title="{{model.getValue(r, 'RedlineInfo.UrlTitle')}}">{{ model.getValue(r,'RedlineInfo.LinkName')}}</span>
                                </div>
                                <div ng-if="model.getValue(r, 'ThreeDModelInfo')" class="qa-3DModel doc-link">
                                    <a ng-if="model.getValue(r, 'ThreeDModelInfo.HasAccess')" ng-click="openThreeDModel()" class="model3dlink" href="{{model.getValue(r, 'ThreeDModelInfo.Url')}} " target="_blank" rel="opener">{{::('Model3dTitle' | translate) }}</a>
                                    <span class="text-muted" ng-if="!model.getValue(r, 'ThreeDModelInfo.HasAccess')"  title="{{'Model3dAvailableToSubscribersOnly'|translate}}">{{::('Model3dTitle' | translate) }}</span>
                                </div>
                                <div ng-if="model.getValue(r, 'FlisInfo.HasFlis')" class="qa-flis-button doc-link">
                                    <a href="{{::model.getValue(r, 'FlisInfo.Url')}}" target="_blank" rel="opener"
                                       ewb-analytics="OpenFlisData" ewb-analytics-label="DocumentHistory"
                                       ng-click="">{{::('Flis' | translate) }}</a>
                                </div>
                                <div ng-if="model.getValue(r, 'HasQpl')" class="qa-qpl doc-link">
                                    <a ng-click="model.openQpl()" class="qa-qpl-link" auth-href="#/document/{{::model.getValue(r,'GlobalId')}}?tab={{::model.qplTabId}}" title="{{::'QPLTooltip' | translate}}" target="_blank" rel="opener">{{ 'QPLLink' | translate }}</a>
                                </div>
                                <div ng-if="model.getValue(r, 'HasSlashSheet')"  class="qa-slash-sheet doc-link">
                                    <a ng-click="model.openSlashSheet()" class="qa-slash-sheets-link" auth-href="#/document/{{::model.getValue(r,'GlobalId')}}?tab={{::model.slashSheetTabId}}" title="{{::'SlashSheetTooltip' | translate}}" target="_blank" rel="opener">{{ 'SlashSheets' | translate }}</a>
                                </div>
                            </div>

<div class="history-doc-extra" ng-if="c.type['extra'] && r['Extra']" ng-bind-html="model.getItemExtra(r)"></div>
                        </div>

</div>

</div>
        </div>
        <div class="history-doc-loading"><span class="loading-splash-icon preloader-small"></span></div>

</section>

</div>

<li ng-class="{'is-expanded': isExpanded }" class="has-extra">

<div class="expandable" ng-click="isExpanded = !isExpanded">
        <span ewb-svg-use="ihs-icon-arrow icon-sm" ng-class="isExpanded?'rotate-270':'rotate-180'"></span>
        <span class="label">{{ ::source.Title }}:</span>
    </div>

<li ng-show="exists('Publisher')"
    class="m-publisher"
    ng-class="{'has-extra': exists('OrganizationInfo'), 'is-expanded': isExpanded }">

<div class="expandable" ng-click="isExpanded = !isExpanded">
        <span ng-show="exists('OrganizationInfo')" ewb-svg-use="ihs-icon-arrow icon-sm" ng-class="isExpanded?'rotate-270':'rotate-180'"></span>
        <span class="label">{{ PublisherLabel | translate }}:</span>
        <span class="value">{{ PublisherValue }}</span>
    </div>

<div class="m-publisher-extra" ng-if="exists('OrganizationInfo')">
        <div ng-show="showSupplierButton()">
            <a class="btn-link font-weight-bold" ng-href="{{ ViewerUrl }}" target="_blank">{{ PublisherValue }}</a>
        </div>
        
        <div ng-repeat="info in metadata.OrganizationInfo | filter: { OrganizationClassCode: '!COPYRIGHT' } " class="m-publisher-extra-info" ng-controller="publisherController" ng-switch on="info.OrganizationTypeCode">
            <span ng-switch-when="WEBSITE" ng-init="jsonObj = (info.Value | fromJSON)">
                <span ng-repeat="item in jsonObj " ng-switch on="item.IsLink">
                    <a ng-switch-when="true" class="cursor" href="{{item.Value}}" target="_blank" ewb-analytics event-action="{{::('AnalyticsActionSDOLink' | translate)}}" event-label="{{::('AnalyticsLabelSdoLink'  | netFormat: [ metadata.Publisher])}}">{{::item.Value | formatUrl}}</a>
                    <span class="value" ng-switch-default>{{ item.Value }}</span>
                </span>
            </span>
            <span class="label" ng-switch-default>{{ formatLabel(info) }}</span>
            <span class="value" ng-switch-default>{{ formatValue(info) }}</span>
        </div>
        <div ng-if="metadata.HasBba">
            <span class="metadata_container_main_table_ul__icon" ewb-svg-use="ihs-icon-checkmark"></span>
            <span class="metadata_container_main_table_ul__label">{{ ::('BbaCertified' | translate) }}</span>
        </div>
    </div>
</li>

<div ng-class="{'patent-summary' : isDocumentViewer}">
    <qpl-content document="document"
                      active="active"
                      lang="lang()">
    </qpl-content>
</div>

<div>
    <section class="qpl-tab-main" ng-class="{'is-loading': model.isLoading, 'is-error': model.isError, 'is-empty': (model.isLoaded && model.rows.length < 1)  }">

<span class="qpl-doc-label">{{ 'DocumentqplLabel' | netFormat: [ model.pagingModel.total ] }}</span>
        <div class="qpl-doc-error"><span ng-bind-html="model.errorMessage"></span></div>
        <div class="qpl-doc-empty-message"><span>{{ ::('DocumentQplEmpty' | translate) }}</span></div>

<div class="qpl-doc-table" ng-class="{'has-scroll': hasScroll() }">
                <div class="qpl-doc-thead">
                    <div class="qpl-doc-trow">
                        <div ng-repeat="ch in model.columns" class="qpl-doc-cell col-{{$index}}">
                            {{ch.displayName}}
                        </div>
                    </div>
                </div>
                <div class="qpl-doc-tbody">
                    <div class="qpl-doc-trow row-{{$index}}" ng-repeat="r in model.rows">

<a target="_blank" rel="opener" ng-if="c.type=='link'" ng-click="model.openDoc(r)" href="" open-href="{{r['Url'+c.field]}}" class="{{ model.getItemClass(r, c.field, $index) }}" ng-class="{'no-popup' : model.getUrlAccess(r)}">{{ model.getItemValue(r, c.field, $index) }}</a>

<div class="additional-links" ng-if="c.field === 'DocNumber'">
                            </div>
                            <span ng-if="c.type!='link'" title="{{ model.getItemTooltip(r, c.field, $index) }}"
                                  ng-click="model.openShopCart($event, r, c.field)"
                                  global-id="{{model.getGlobalId(r)}}"
                                  attach-to-body="true"><icon-click ng-if="model.getItemClass(r, c.field, $index)"><span ewb-svg-use="{{ model.getItemClass(r, c.field, $index) }}"></span></icon-click>{{ model.getItemValue(r, c.field, $index) }}
                                <span ng-if="model.drawExtraDate(r, c.field)" ng-repeat="iseDate in model.getExtraDates(r)" title="{{ model.getExtraDateTooltip(iseDate) }}" class="{{ model.getExtraDateClass(iseDate) }}"><br />{{::iseDate.value}}</span>
                            </span>
                        </div>

</div>
                    <div class="more-container">
                        <input type="button" class="btn btn-link btn-more-link" ng-click="model.loadMore()"
                               ng-if="model.pagingModel.haveMore" value="{{ 'MoreDocumentsWithCount' | netFormat: [ model.pagingModel.remainder ] }}" />
                    </div>
                </div>
            </div>
        </div>
        <div class="qpl-doc-loading"><span class="loading-splash-icon preloader-small"></span></div>

</section>

</div>

<div class="patent-summary">
    <related-docs-tab document="document"
                      active="active"
                      lang="lang()"
                      context="context">
    </related-docs-tab>
</div>

<div>

<span class="related-doc-label">{{ 'RelatedDocumentsCount' | netFormat: [ model.data.TotalCount ] }}</span>
        <div class="related-doc-error"><span ng-bind-html="model.errorMessage"></span></div>
        <div class="related-doc-empty-message"><span>{{ ::('RelatedDocEmpty' | translate) }}</span></div>

<div class="related-doc-table" ng-repeat="g in model.data.Groups" ng-if="g.TotalCount > 0" ng-class="{ 'is-expanded': g.isExpanded, 'has-category': g.hasCategory }">

<span class="pull-left shim-right-mini"
                          ng-click="toggleGroup(g, $event)"
                          ng-class="g.isExpanded?'rotate-270':'rotate-180'">
                        <span ewb-svg-use="ihs-icon-arrow icon-sm"></span>
                    </span>
                    <span class="shim-right-mini" ng-click="toggleGroup(g, $event)"
                          uib-popover="{{ model.getItemTooltip(g) }}"
                          popover-append-to-body="true"
                          popover-trigger="'mouseenter'"
                          popover-popup-delay="500"
                          popover-placement="bottom-right">{{ model.getGroupName(g) }}</span>

<span class="text-grayed">{{ 'ParenthesesFormat' | netFormat: [ g.TotalCount ] }}</span>

</div>

<div ng-repeat="c in model.columns" class="related-doc-cell col-{{$index}}"
                             uib-popover="{{ model.getItemTooltip(r, c.field, $index) }}"
                             popover-append-to-body="true"
                             popover-trigger="'mouseenter'"
                             popover-popup-delay="500"
                             popover-placement="bottom-right">
                            
                            <span ng-if="$index === 0"
                                  ng-click="handleClick($event, r, c.field, model.isLink(r, c), model.getItemClass(r, c.field, $index))"
                                  title="{{ getTitle(r, c.field, model.isLink(r, c), $index) }}" global-id="{{model.getGlobalId(r)}}"
                                  ng-class="!!model.getGlobalId(r) ? '' : 'not-active-status'" attach-to-body="true">
                                <icon-click>
                                    <span ng-if="isShoppingCartVisible(r, c.field, $index)" ewb-svg-use="{{ model.getItemClass(r, c.field, $index) }}"></span>
                                </icon-click>
                            </span>
                            
                            <a ng-if="model.isLink(r, c) && $index > 0" target="_blank" rel="opener" ng-click="openDoc(r)" href="{{r['Url'+c.field]}}">
                                {{ model.getItemValue(r, c.field, $index) }}
                            </a>
                            <span ng-if="!model.isLink(r, c) && $index > 0" attach-to-body="true"
                                  ng-click="model.openShopCart($event, r, c.field)" global-id="{{model.getGlobalId(r)}}" ng-class="!!model.getGlobalId(r) ? '' : 'not-active-status'"
                                  title="{{ model.getItemTitle(r, c.field, $index) }}">
                                {{ model.getItemValue(r, c.field, $index) }}
                            </span>

<div class="additional-links" ng-if="c.field === 'DocNumber'">
                                <div ng-if="model.getValue(r, 'SmartCompare')" class="qa-smart-compare doc-link pointer shim-top-mini shim-right-mini">
                                    <div ewb-document-compare="related"
                                         location="document"
                                         customPopoverPlacement="auto bottom-right"
                                         global-id="{{model.getValue(r,'GlobalId')}}"
                                         comparison-id="{{model.getValue(r,'SmartCompareIds')}}"
                                         ng-click="openDocumentCompare()"
                                         title="{{::('DocumentCompareTooltip' | translate)}}"
                                         comparison-initiator="RelatedTab">
                                        <span ewb-svg-use="ihs-icon-smart-compare document-toolbar-icons"></span>
                                    </div>
                                </div>
                                <div ng-if="model.getValue(r, 'RedlineInfo.HasRedline')" class="qa-redline doc-link">
                                    <a ng-click="openRedline()" ng-if="model.getValue(r, 'RedlineInfo.HasAccess')" class="qa-redline-link" href="{{model.getValue(r,'RedlineInfo.Url')}}" target="_blank" rel="opener">{{ model.getValue(r,'RedlineInfo.LinkName')}}</a>
                                    <span class="text-muted" ng-if="!model.getValue(r, 'RedlineInfo.HasAccess')" title="{{model.getValue(r, 'RedlineInfo.UrlTitle')}}">{{ model.getValue(r,'RedlineInfo.LinkName')}}</span>
                                </div>
                                <div ng-if="model.getValue(r, 'ThreeDModelInfo')" class="qa-3DModel doc-link">
                                    <a ng-click="openThreeDModel()" ng-if="model.getValue(r, 'ThreeDModelInfo.HasAccess')" class="model3dlink" href="{{model.getValue(r, 'ThreeDModelInfo.Url')}} " target="_blank" rel="opener">{{::('Model3dTitle' | translate) }}</a>
                                    <span class="text-muted" ng-if="!model.getValue(r, 'ThreeDModelInfo.HasAccess')" disabled="" title="{{'Model3dAvailableToSubscribersOnly'|translate}}">{{::('Model3dTitle' | translate) }}</span>
                                </div>
                                <div ng-if="model.getValue(r, 'HasQpl')" class="qa-qpl doc-link">
                                    <a ng-click="model.openQpl()" class="qa-qpl-link" href="#/document/{{::model.getValue(r,'GlobalId')}}?tab={{::model.qplTabId}}" title="{{::'QPLTooltip' | translate}}" target="_blank" rel="opener">{{ 'QPLLink' | translate }}</a>
                                </div>
                            </div>
                        </div>

</div>
                    <div class="more-container">
                        <input type="button" class="btn btn-link btn-more-link" ng-click="nextPageForGroup(g, $event)"
                               ng-if="g.MoreItemsCount > 0" value="{{ 'RelatedDocMoreItems' | netFormat: [ g.MoreItemsCount ] }}" />
                    </div>
                </div>

</div>

</div>
        <div class="related-doc-loading">
            <span class="loading-splash-icon preloader-small"></span>
        </div>

</section>

</div>

<div >
    <revision-content document="document"
                      active="active"
                      lang="lang()">
    </revision-content>
</div>

<div>

<span class="revision-doc-label">{{ 'DocumentRevisionLabel' | netFormat: [ model.rows.length ] }}</span>
        <div class="revision-doc-error"><span ng-bind-html="model.errorMessage"></span></div>
        <div class="revision-doc-empty-message"><span>{{ ::('DocumentRevisionEmpty' | translate) }}</span></div>

<div class="revision-doc-table" ng-class="{'has-scroll': hasScroll() }">
                <div class="revision-doc-thead">
                    <div class="revision-doc-trow">
                        <div ng-repeat="ch in model.columns" class="revision-doc-cell col-{{$index}}">
                            {{ch.displayName}}
                        </div>
                    </div>
                </div>
                <div class="revision-doc-tbody">
                    <div class="revision-doc-trow row-{{$index}}" ng-repeat="r in model.rows">
                        
                        <div ng-repeat="c in model.columns" class="revision-doc-cell col-{{$index}}" title="{{c.tooltip || model.getItemTooltip(r, c.field, $index)}}">
                            
                            <a target="_blank" rel="opener" ng-if="c.type=='link'" ng-click="openDoc(r)" href="" open-href="{{r['Url'+c.field]}}" class="{{ model.getItemClass(r, c.field, $index) }}" ng-class="{'no-popup' : model.getUrlAccess(r)}">{{ model.getItemValue(r, c.field, $index) }}</a>

<div class="additional-links" ng-if="c.field === 'DocNumber'">
                                <div ng-if="model.getValue(r, 'SmartCompare')" class="qa-smart-compare doc-link pointer shim-top-mini shim-right-mini">
                                    <div ewb-document-compare="revision"
                                         location="document"
                                         customPopoverPlacement="auto bottom-right"
                                         global-id="{{model.getValue(r,'GlobalId')}}"
                                         comparison-id="{{model.getValue(r,'SmartCompareIds')}}"
                                         ng-click="openDocumentCompare()"
                                         title="{{::('DocumentCompareTooltip' | translate)}}"
                                         comparison-initiator="Summary">
                                        <span ewb-svg-use="ihs-icon-smart-compare document-toolbar-icons"></span>
                                    </div>
                                </div>
                                <div ng-if="model.getValue(r, 'RedlineInfo.HasRedline')" class="qa-redline doc-link">
                                    <a ng-if="model.getValue(r, 'RedlineInfo.HasAccess')" ng-click="openRedline()" class="qa-redline-link" href="{{model.getValue(r,'RedlineInfo.Url')}}" target="_blank" rel="opener">{{ model.getValue(r,'RedlineInfo.LinkName')}}</a>
                                    <span class="text-muted" ng-if="!model.getValue(r, 'RedlineInfo.HasAccess')" title="{{model.getValue(r, 'RedlineInfo.UrlTitle')}}">{{ model.getValue(r,'RedlineInfo.LinkName')}}</span>
                                </div>
                                <div ng-if="model.getValue(r, 'ThreeDModelInfo')" class="qa-3DModel doc-link">
                                    <a ng-if="model.getValue(r, 'ThreeDModelInfo.HasAccess')" ng-click="openThreeDModel()" class="model3dlink" href="{{model.getValue(r, 'ThreeDModelInfo.Url')}} " target="_blank" rel="opener">{{::('Model3dTitle' | translate) }}</a>
                                    <span class="text-muted" ng-if="!model.getValue(r, 'ThreeDModelInfo.HasAccess')" title="{{'Model3dAvailableToSubscribersOnly'|translate}}">{{::('Model3dTitle' | translate) }}</span>
                                </div>
                                <div ng-if="model.getValue(r, 'FlisInfo.HasFlis')" class="qa-flis-button doc-link">
                                    <a href="{{::model.getValue(r, 'FlisInfo.Url')}}" target="_blank" rel="opener" ng-click="">{{::('Flis' | translate) }}</a>
                                </div>
                            </div>
                            <span ng-if="c.type!='link'" title="{{ model.getItemTooltip(r, c.field, $index) }}"
                                  ng-click="model.openShopCart($event, r, c.field)"
                                  global-id="{{model.getGlobalId(r)}}"
                                  attach-to-body="true"><icon-click ng-if="model.getItemClass(r, c.field, $index)"><span ewb-svg-use="{{ model.getItemClass(r, c.field, $index) }}"></span></icon-click>{{ model.getItemValue(r, c.field, $index) }}<span ng-if="model.drawExtraDate(r, c.field)" ng-repeat="iseDate in model.getExtraDates(r)" title="{{ model.getExtraDateTooltip(iseDate) }}" class="{{ model.getExtraDateClass(iseDate) }}"><br/>{{::iseDate.value}}</span></span>
                            <div class="revision-doc-extra" ng-if="c.type=='extra' && r['Extra']" ng-bind-html="model.getItemExtra(r)"></div>
                        </div>

</div>
                </div>
            </div>
        </div>
        <div class="revision-doc-loading"><span class="loading-splash-icon preloader-small"></span></div>

</section>

</div>

<div ng-class="{'patent-summary' : isDocumentViewer}">
    <slash-sheet-content document="document"
                      active="active"
                      lang="lang()">
    </slash-sheet-content>
</div>

<div>
    <section class="slash-tab-main"  ng-class="{'is-loading': model.isLoading, 'is-error': model.isError, 'is-empty': (model.isLoaded && model.rows.length < 1)  }" >

<span class="slash-doc-label">{{ 'DocumentSlashSheetsLabel' | netFormat: [ model.pagingModel.total ] }}</span>
        <div class="slash-doc-error"><span ng-bind-html="model.errorMessage"></span></div>
        <div class="slash-doc-empty-message"><span>{{ ::('DocumentSlashSheetEmpty' | translate) }}</span></div>
        
        <div class="slash-doc-table-container" >

<div class="slash-doc-table" ng-class="{'has-scroll': hasScroll() }">
                <div class="slash-doc-thead">
                    <div class="slash-doc-trow">
                        <div ng-repeat="ch in model.columns" class="slash-doc-cell col-{{$index}}">
                            {{ch.displayName}}
                        </div>
                    </div>
                </div>
                <div class="slash-doc-tbody">
                    <div class="slash-doc-trow row-{{$index}}" ng-repeat="r in model.rows">

<div ng-repeat="c in model.columns" class="slash-doc-cell col-{{$index}}" title="{{c.tooltip || model.getItemTooltip(r, c.field, $index)}}">
                            <a target="_blank" rel="opener" ng-if="c.type=='link'" ng-click="model.openDoc(r)" href="" open-href="{{r['Url'+c.field]}}" class="{{ model.getItemClass(r, c.field, $index) }}" ng-class="{'no-popup' : model.getUrlAccess(r)}">{{ model.getItemValue(r, c.field, $index) }}</a>
                            <div class="additional-links" ng-if="c.field === 'DocNumber'">
                            </div>
                            <icon-click ng-click="model.openShopCart($event, r, c.field)" global-id="{{model.getGlobalId(r)}}">
                                <span ng-if="c.type!='link'" title="{{ model.getItemTooltip(r, c.field, $index) }}"
                                      global-id="{{model.getGlobalId(r)}}"
                                      attach-to-body="true">
                                    <span ng-if="model.getItemClass(r, c.field, $index)" 
                                          ewb-svg-use="{{ model.getItemClass(r, c.field, $index) }}">
                                    </span>{{ model.getItemValue(r, c.field, $index) }}
                                    <span ng-if="model.drawExtraDate(r, c.field)" ng-repeat="iseDate in model.getExtraDates(r)" 
                                          title="{{ model.getExtraDateTooltip(iseDate) }}" 
                                          class="{{ model.getExtraDateClass(iseDate) }}"><br />{{::iseDate.value}}
                                    </span>
                                </span>
                            </icon-click>
                        </div>

</div>
                    <div class="more-container">
                        <input type="button" class="btn btn-link btn-more-link" ng-click="model.loadMore()"
                               ng-if="model.pagingModel.haveMore" value="{{ 'MoreDocumentsWithCount' | netFormat: [ model.pagingModel.remainder ] }}" />
                    </div>
                </div>
            </div>
        </div>
        <div class="slash-doc-loading"><span class="loading-splash-icon preloader-small"></span></div>

</section>

</div>

<div class="container-fluid summary-main" ng-mouseup="$emit('summaryMouseup', $event);" ewb-touchend="$emit('summaryMouseup', $event);">
    <div class="summary-loader qa-summary-loader" ng-hide="updateComplete">
        <div class="preloader-small"></div>
    </div>
    <div class="thumb-container">
        <a href="" open-href="{{url}}" target="_blank" rel="opener" class="thumb" ewb-open-with-wait-url open-with-wait-url-blind-login="true" document="metadata" ng-click="viewDocument($event)">
            <div class="thumb-default" ng-class="thumb.thumbClass()" ng-if="!thumb.hasThumb()"
                 ewb-analytics event-action="{{::('AnalyticsActionOpenDocument' | translate)}}" event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}"></div>
            <img class="thumb-image" width="115" height="150" auth-src="{{metadata.Thumbnail}}" title="{{metadata.Title}}" ng-if="thumb.hasThumb()"
                 ewb-analytics event-action="{{::('AnalyticsActionOpenDocument' | translate)}}" event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}" />
        </a>
        <div class="summary-doc-access-icon" title="{{::('Unlisted_279_PCNKeyIconTooltip'|translate)}}">
            <span ng-if="metadata.Access == 1" ewb-svg-use="ihs-icon-protected-access"></span>
        </div>
        <div class="add-policy-notes-icon" ng-if="(showEmptyNotesIcon && metadata.addPolicyNotesAvailable) || metadata.notesCount > 0">
            <add-policy-notes global-id="{{GlobalId || metadata.GlobalId}}"
                              document-title="{{metadata.Value.Title ? metadata.Value.Title : metadata.Title}}"
                              notes-count="{{metadata.notesCount}}"
                              document-class="{{metadata.ContentClassId}}"
                              template="icon"></add-policy-notes>
        </div>
        <div class="my-publication-tool"
             ng-if="::metadata.HasMyPublicationInfo"
             title="{{:: 'MyPublicationIconTitle' | translate }}">
            <span ewb-svg-use="ihs-icon-my-publication"></span>
        </div>
    </div>
    <div class="right-container">
        <div ng-if="!options.IsFromMws" class="row">
            <div class="language-picker">
                <div class="btn-group drop-source ewb-dropdown-default qa-lang-current">
                    <button type="button" class="btn btn-sm dropdown-toggle language-dropdown choices" data-toggle="dropdown" ng-disabled="error">
                        <span class="truncating language-current">{{ language.current.Label || dafaultLangText }}</span>
                    </button>
                    <button type="button" class="btn btn-sm dropdown-toggle language-caret pick" data-toggle="dropdown" ng-disabled="error">
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu qa-lang-list" role="menu">
                        <li ng-repeat="option in language.items track by option.Id" ng-click="onLangChanged($event, option)">
                            <a href="">{{option.Label}}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

<shop-cart-res-shield ng-if="metadata.Access == 2" options="options" preview="metadata.PreviewInfo" ng-class="{'row': options.IsFromMws}"></shop-cart-res-shield>
        <summary-shield ng-if="metadata.Access == 3 || metadata.Access == 4" access-type="metadata.Access" ng-class="{'row': options.IsFromMws}"></summary-shield>

<div class="text-container qa-summary-text-container">
            <div class="metadata">
                <div class="title-zone">
                    <h1 ng-if="options.showSimpleTitle" class="qa-summary-title">{{metadata.Value.Title ? metadata.Value.Title : metadata.Title}}</h1>
                    <a ng-if="!options.showSimpleTitle" href="" class="d-title qa-summary-title" open-href="{{url}}" target="_blank" rel="opener" ewb-open-with-wait-url open-with-wait-url-blind-login="true" document="metadata" ng-click="viewDocument($event)"
                       ewb-analytics event-action="{{::('AnalyticsActionOpenDocument' | translate)}}" event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}">{{metadata.Value.Title ? metadata.Value.Title : metadata.Title}}</a>
                    <div class="d-extra clearfix">
                        <div class="d-knowledge-base">{{metadata.KbName}}</div>
                    </div>
                </div>
                <ul class="list-unstyled">
                    <li ng-if="exists('NasaDocumentStatus') && metadata.ShowNasaDocumentStatus" class="m-nasa-status">
                        <span class="label">{{ ::('nasaDocumentStatus' | translate) }}</span>
                        <span class="value">{{metadata.NasaDocumentStatus}}</span>
                    </li>
                    <li ng-if="exists('DocumentStatus')" class="qa-document-status">
                        <span class="label">{{ ::('DocumentStatus' | translate)}}:</span>
                        <a class="value" target="_blank" ng-class="getColorClassForDocumentStatus(metadata.DocumentStatus)" ng-href="{{options.statusUrl}}" title="{{::('DocumentStatusTooltip' | translate)}}">{{metadata.DocumentStatus}}</a>
                        <span ng-repeat="item in metadata.XRefDocuments" class="qa-doc-status-item">
                            <br />
                            <span class="xref-doc-title">{{::item.DisplayName}}:</span>
                            <span ng-if="item.REFID == '-1'">{{::item.REFDOCNUM}}</span>
                            <a ng-if="item.REFID !== '-1'" class="repl-doc-url" visited-document target="_blank" rel="opener"
                               href="#/document/{{::item.REFID}}?pr=refid{{item.isFamilyId ? '&FamilyId=true' : ''}}">{{::item.REFDOCNUM}}</a>
                        </span>
                    </li>
                    <li ng-if="exists('Author')" class="m-author">
                        <span class="label">{{ ::('AUTHOR' | translate) }}:</span>
                        <span class="value">{{metadata.Author}}</span>
                    </li>
                    <li ng-if="exists('Assignee')" class="m-assignie">
                        <span class="label">{{ ::('PA' | translate) }}:</span>
                        <span class="value">{{metadata.Assignee}}</span>
                    </li>
                    <li ng-if="exists('Inventor')" class="m-inventor">
                        <span class="label">{{ ::('Inventor' | translate) }}:</span>
                        <span class="value">{{metadata.Inventor}}</span>
                    </li>
                    <li ng-if="exists('GlobalizedDates')" class="m-date">
                        <span class="label">{{ ::('PublicationDate' | translate) }}:</span>
                        <span class="value">{{ metadata.GlobalizedDates.join(";") }}</span>
                        <span ng-if="exists('IseDateMetaFields')">
                            <span ng-repeat="iseDate in metadata.IseDateMetaFields">
                                <span ng-if="iseDate.LocalName" class="value qa-isedate-{{::iseDate.LocalName.Name}}" title="{{::iseDate.LocalName.Description}}">({{::iseDate.LocalName.Name}} {{::iseDate.Value}})</span>
                            </span>
                        </span>
                    </li>
                    <li ng-if="exists('PostedDate')" class="m-date">
                        <span class="label">{{ ::('PostedDateColon' | translate) }}</span>
                        <span class="value">{{metadata.PostedDate}}</span>
                    </li>
                    <li ng-if="exists('Geography')" class="m-geography">
                        <span class="label">{{ ::('GeographyColon' | translate) }}</span>
                        <span class="value">{{metadata.Geography}}</span>
                    </li>
                    <li ng-if="exists('DocumentLanguages')" class="m-language">
                        <span class="label">{{ ::('DocumentLanguage' | translate) }}:</span>
                        <span class="value">{{metadata.DocumentLanguages.join('; ')}}</span>
                    </li>
                    <li ng-if="exists('Publication')" class="m-publication">
                        <span class="label">{{ ::('Publication' | translate) }}:</span>
                        <span class="value">{{metadata.Publication}}</span>
                    </li>
                    <publisher-list-item metadata="metadata"></publisher-list-item>
                    <committee-info metadata="metadata"></committee-info>
                    <li ng-if="exists('Isbn')" class="m-isbn">
                        <span class="label">{{ ::('MetadataTypeISBN' | translate) }}</span>
                        <span class="value">{{metadata.Isbn}}</span>
                    </li>
                    <li ng-if="exists('Issn')" class="m-issn">
                        <span class="label">{{ ::('MetadataTypeISSN' | translate) }}</span>
                        <span class="value">{{metadata.Issn}}</span>
                    </li>
                    <li ng-if="exists('PageCount')" class="m-pagecount">
                        <span class="label">{{ ::('PageCountColon' | translate) }}</span>
                        <span class="value">{{metadata.PageCount}}</span>
                    </li>
                    <li ng-if="exists('Harmonized')" class="m-harmonized">
                        <span class="label">{{ ::('HarmonizedColon' | translate) }}</span>
                        <span class="value">{{metadata.Harmonized}}</span>
                    </li>
                    <li ng-repeat="item in metadata.IseStandardClasses track by $index" class="m-ise-standard">
                        <span class="label">{{ ::item.Name }}:</span>
                        <span class="value">{{ ::item.Value }}</span>
                    </li>
                    <ise-summary-meta-item ng-repeat="iseItem in ::metadata.IseDocumentMetadata track by $index" source="iseItem" class="m-ise-doc-meta"></ise-summary-meta-item>
                </ul>
                
                <div class="additional-links" ng-if="(exists('RedlineInfo') && metadata.RedlineInfo.HasRedline) || metadata.FlisInfo.HasFlis || ThreeDModelInfo.Has3DModel">
                    <div ng-if="exists('RedlineInfo') && metadata.RedlineInfo.HasRedline" class="qa-redline doc-link">
                        <span ng-if="!metadata.RedlineInfo.HasAccess" disabled class="pointer qa-redline-link" title="{{metadata.RedlineInfo.UrlTitle}}">{{::metadata.RedlineInfo.LinkName}}</span>
                        <a ng-if="metadata.RedlineInfo.HasAccess" ng-click="openRedline()" class="red-status qa-redline-link" href="{{::metadata.RedlineInfo.Url}}" rel="opener" target="_blank">{{::metadata.RedlineInfo.LinkName}}</a>
                    </div>
                    <div ng-if="ThreeDModelInfo.Has3DModel" class="doc-link">
                        <span ng-if="!ThreeDModelInfo.HasAccess" disabled title="{{'Model3dAvailableToSubscribersOnly'|translate}}">{{::('Model3dTitle' | translate) }}</span>
                        <a ng-if="ThreeDModelInfo.HasAccess" class="model3dlink" href="{{::ThreeDModelInfo.Url}}" target="_blank" rel="opener" ng-click="open3DModel()">{{::('Model3dTitle' | translate) }}</a>
                    </div>
                    <div ng-if="exists('FlisInfo') && metadata.FlisInfo.HasFlis" class="qa-flis-button doc-link">
                        <a href="{{::metadata.FlisInfo.Url}}"
                           ewb-analytics event-action="{{::('OpenFlisData' | translate)}}"
                           event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}"
                           target="_blank" rel="opener" ng-click="">{{::('Flis' | translate) }}</a>
                    </div>
                </div>
            </div>

<div ng-if="!useSummaryInternalTabs">
                <div class="slider" ng-if="$root.checkPermission('at-gnrtd-smmrs-rw') && exists('SummaryItems') && !exists('Abstract') && !options.IsFromMws">
                    <span class="label">{{ ::('Summary' | translate) }}</span>
                    <a ng-click="summary.prev()" class="link-prev qa-link-prev" ng-class="{'disabled': !summary.prevAllowed()}">{{ ::('Less' | translate) }}</a>
                    <rzslider rz-slider-model="summary.relevance" rz-slider-floor="summary.minRelevance" rz-slider-ceil="summary.maxRelevance" rz-slider-hide-limit-labels="true" class="summary-slider"></rzslider>
                    <a ng-click="summary.next()" class="link-next qa-link-next" ng-class="{'disabled': !summary.nextAllowed()}">{{ ::('More' | translate) }}</a>
                </div>
                <div class="summary">
                    <div class="explanatorynote-container" ng-if="exists('ExplanatoryNote')">
                        <h5>{{ ::('ExplanatoryNote' | translate) }}</h5>
                        <div class="abstract-content-full">
                            <p ng-repeat="explanatorynoteText in metadata.ExplanatoryNote track by $index" ng-bind-html="explanatorynoteText"></p>
                        </div>
                    </div>
                    <div class="abstract-container" ng-if="exists('Abstract')">
                        <h5>{{ ::('Abstract' | translate) }}</h5>
                        <div class="abstract-content-full">
                            <p ng-repeat="abstractText in metadata.Abstract track by $index">{{abstractText}}</p>
                        </div>
                    </div>
                    <dl class="summary-container" ng-if="$root.checkPermission('at-gnrtd-smmrs-rw') && exists('SummaryItems') && !exists('Abstract')">
                        <dt ng-repeat-start="summaryItem in metadata.SummaryItems">{{::(summaryItem.Field | translate)}}</dt>
                        <dd ng-repeat-end ng-bind-html="summaryItem.Value.ShowValue | replaceHtml | wordBreak "></dd>
                    </dl>
                    <div class="no-summary" ng-if="!exists('SummaryItems') && !exists('Abstract')">
                        {{ noSummaryMessage() | translate }}
                    </div>
                </div>
            </div>

<uib-tabset ng-if="useSummaryInternalTabs" type="tabs-2" class="nav-tabs-2-container" active="activeSummaryInternalTab">

<uib-tab heading="{{ ::('Summary' | translate) }}" index="0" ng-if="$root.checkPermission('at-gnrtd-smmrs-rw') && !exists('Abstract')">

<div class="slider" ng-if="exists('SummaryItems') && !options.IsFromMws">
                        <span class="label">{{ ::('Summary' | translate) }}</span>
                        <a ng-click="summary.prev()" class="link-prev qa-link-prev" ng-class="{'disabled': !summary.prevAllowed()}">{{ ::('Less' | translate) }}</a>
                        <rzslider rz-slider-model="summary.relevance" rz-slider-floor="summary.minRelevance" rz-slider-ceil="summary.maxRelevance" rz-slider-hide-limit-labels="true" class="summary-slider"></rzslider>
                        <a ng-click="summary.next()" class="link-next qa-link-next" ng-class="{'disabled': !summary.nextAllowed()}">{{ ::('More' | translate) }}</a>
                    </div>

<div class="summary">
                        <dl class="summary-container" ng-if="exists('SummaryItems')">
                            <dt ng-repeat-start="summaryItem in metadata.SummaryItems">{{::(summaryItem.Field | translate)}}</dt>
                            <dd ng-repeat-end ng-bind-html="summaryItem.Value.ShowValue | replaceHtml | wordBreak "></dd>
                        </dl>
                        <div class="no-summary" ng-if="!exists('SummaryItems') && !exists('Abstract')">
                            {{ noSummaryMessage() | translate }}
                        </div>
                    </div>
                </uib-tab>

<uib-tab heading="{{ ::('Abstract' | translate) }}" index="0" ng-if="exists('Abstract')">
                    <div class="summary">
                        <div class="abstract-container">
                            <p class="metadata_tab_container__label">{{ ::('Abstract' | translate)}}:</p>
                            <div class="abstract-content-full">
                                <p ng-repeat="abstractText in metadata.Abstract track by $index">{{abstractText}}</p>
                            </div>
                        </div>
                    </div>
                </uib-tab>

<uib-tab heading="{{ ::('ExplanatoryNote' | translate) }}" index="1" ng-if="exists('ExplanatoryNote')">
                    <div class="abstract-content-full">
                        <p ng-repeat="explanatorynoteText in metadata.ExplanatoryNote track by $index" ng-bind-html="explanatorynoteText"></p>
                    </div>
                </uib-tab>

<uib-tab heading="{{ ::('ComesIntoForce' | translate) }}" index="2" ng-if="exists('ComesToForceInfo')">

<table class="table table-hover">
                        <thead class="text-nowrap">
                            <tr>
                                <th ng-repeat="ch in metadata.ComesIntoForceModel.columns" class="col-{{$index}}">
                                    {{ch.displayName}}
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="row-{{$index}}" ng-repeat="r in metadata.ComesIntoForceModel.rows">
                                <td ng-repeat="c in metadata.ComesIntoForceModel.columns" class="col-{{$index}}">
                                    <span attach-to-body="true">{{ metadata.ComesIntoForceModel.getItemValue(r, c.field) }}</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </uib-tab>

</uib-tabset>

</div>

</div>
</div>

<div id="summary-container" class="splitter-container">

<div class="ui-layout-east also-viewed-panel" ng-show="loadComplete" ng-if="alsoViewedEnabled">
        <div class="viewer-navigation-scroll">
            <div class="also-viewed-panel-header">
                <icon-click ng-click="toggleAlsoViewedPanel($event)">
                    <span ewb-svg-use="ihs-icon-chevron rotate-180 splitter-chevron icon-sm"></span>
                    <span ewb-svg-use="ihs-icon-chevron rotate-180 splitter-chevron icon-sm" style="margin-left: -8px;"></span>
                </icon-click>
                <span class="strong shim-left-short">{{::('AlsoViewed'|translate)}}</span>
            </div>
            <div class="also-viewed-card-list">
                <div class="also-viewed-card" ng-repeat="link in alsoViewedLinks">
                    <div class="row also-viewed-content" ng-class="{'clear-bottom-padding': link.AccessType == 2 || link.AccessType == 3}">
                        <div class="av-card-title">
                            <a target="_blank" rel="opener" class="pointer" href="{{::link.ViewerUrl}}" ng-click="logAlsoViewedDoc(link.SecondDocumentId)" ewb-analytics event-action="{{::('AlsoViewedAction' | translate)}}" event-label="{{::('AlsoViewedSumTabLabel' | translate)}}">{{::link.Title}}</a>
                        </div>
                        <div class="av-card-meta-no-title">
                            <span ng-if="!!link.StatusGeneric">{{::link.StatusGeneric}}</span>
                            <span ng-if="!!link.PublishDate">{{::link.PublishDate | ihsDate : 'yearMonth' }}</span>
                            <span ng-if="!!link.OrganizationCode">{{::link.OrganizationCode}}</span>
                        </div>
                        <div class="av-card-meta-with-title" ng-if="link.OrganizationName">
                            <span>
                                <span class="av-meta-title">{{::("Publisher" | translate)}}:</span>
                                <span class="av-mata-value">{{::link.OrganizationName}}</span>
                            </span>
                        </div>
                        <div ng-if="link.AccessType == 2" ng-class="{'av-card-shopping': !link.PreviewObjectRelation,'av-card-shopping-preview': link.PreviewObjectRelation}">
                            <a class="pointer"
                               ng-click="!!link.PriceQuoteUrl || openTooltip($event)"
                               href="" open-href="{{::link.PriceQuoteUrl}}"
                               attach-to-body="true"
                               has-preview="{{::!!link.PreviewObjectRelation}}"
                               global-id="{{::link.SecondDocumentId}}"
                               query-id=""
                               title="{{::(link.AccessType | accessSigns:false )}}"
                               bad-content="{{::(link.IsBadContent)}}">
                                <svg ng-if="!link.PreviewObjectRelation" class="ihs-icon ihs-icon-shopping-cart" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39 32"><g id="ihs-icon-shopping-cart" viewBox="0 0 39 32"><path d="M38.72 18.176c-0.256 0.256-0.512 0.448-1.088 0.512l-24.384 3.008 0.256 1.344c0 0 0 0.256-0.256 0.832 0.832 0.512 1.344 1.344 1.6 2.176h15.232c0.512-1.6 2.176-2.688 4.096-2.688 2.432 0 4.352 1.92 4.352 4.352s-1.92 4.352-4.352 4.352c-1.92 0-3.264-1.088-4.096-2.688h-14.912c-0.512 1.6-2.176 2.688-4.096 2.688-2.432 0-4.352-1.92-4.352-4.352 0-1.92 1.344-3.52 3.264-4.096v-0.256l-4.032-20.352h-4.48c-0.832-0.064-1.472-0.704-1.472-1.536s0.64-1.472 1.472-1.472v0h5.568c0 0 1.344-0.064 1.6 1.6l0.256 1.6h28.48c0.512 0 0.832 0.256 1.088 0.512 0.256 0.32 0.576 0.64 0.576 1.152v12.224c0 0.256 0 0.832-0.32 1.088v0 0z"></path></g></svg>
                                <svg ng-if="link.PreviewObjectRelation" class="ihs-icon ihs-icon-shopping-cart-preview" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 32"><g id="ihs-icon-shopping-cart-preview" viewBox="0 0 49 32"><path d="M34.112 23.296c-1.92 0-3.52 1.088-4.096 2.688h-15.104c-0.256-0.832-0.832-1.6-1.6-2.176 0.256-0.512 0.256-0.832 0.256-0.832l-0.256-1.344 21.376-2.816c-0.768 0-1.408-0.256-2.048-0.512-1.152-0.512-2.176-1.152-3.072-2.048-0.832-0.832-1.536-1.856-2.048-3.072-0.512-1.152-0.768-2.432-0.768-3.712s0.256-2.496 0.768-3.712c0.384-0.96 0.96-1.856 1.6-2.56h-20.224l-0.256-1.6c-0.256-1.664-1.6-1.6-1.6-1.6h-5.568c-0.832 0-1.472 0.64-1.472 1.472s0.64 1.472 1.472 1.472v0h4.48l4.096 20.352v0.256c-1.92 0.512-3.264 2.176-3.264 4.096 0 2.432 1.92 4.352 4.352 4.352 1.92 0 3.52-1.088 4.096-2.688h14.848c0.832 1.6 2.176 2.688 4.096 2.688 2.432 0 4.352-1.92 4.352-4.352-0.064-2.432-1.92-4.352-4.416-4.352z"></path><path d="M48.64 18.624l-4.224-4.224c1.024-1.472 1.536-3.136 1.536-4.928 0-1.152-0.256-2.304-0.704-3.392s-1.088-1.984-1.856-2.752c-0.768-0.768-1.728-1.408-2.752-1.856-1.088-0.448-2.176-0.704-3.392-0.704-1.152 0-2.304 0.256-3.392 0.704-0.896 0.384-1.728 0.896-2.432 1.536-0.128 0.128-0.192 0.192-0.32 0.32s-0.256 0.256-0.384 0.448c-0.576 0.704-1.088 1.472-1.472 2.368-0.448 1.088-0.704 2.176-0.704 3.392 0 1.152 0.256 2.304 0.704 3.392s1.088 1.984 1.856 2.752c0.768 0.768 1.728 1.408 2.752 1.856 0.576 0.256 1.152 0.448 1.792 0.512 0.512 0.128 1.024 0.128 1.6 0.128 0.96 0 1.92-0.128 2.816-0.448 0.768-0.256 1.472-0.64 2.112-1.088l4.224 4.224c0.32 0.32 0.64 0.448 1.088 0.448s0.768-0.128 1.088-0.448c0.32-0.32 0.448-0.704 0.448-1.088 0.064-0.448-0.128-0.832-0.384-1.152zM41.152 13.376c-0.256 0.256-0.512 0.512-0.832 0.704-0.896 0.64-1.92 0.896-3.072 0.896-1.536 0-2.816-0.512-3.904-1.6s-1.6-2.368-1.6-3.904c0-1.536 0.512-2.816 1.6-3.904s2.368-1.6 3.904-1.6c1.152 0 2.176 0.32 3.072 0.896 0.32 0.192 0.576 0.448 0.832 0.704 1.088 1.088 1.6 2.368 1.6 3.904s-0.512 2.816-1.6 3.904z"></path></g></svg>
                            </a>
                        </div>
                        <div ng-if="link.AccessType == 3" class="av-card-shopping">
                            <a title="{{::(link.AccessType | accessSigns:false )}}" class="click-tooltip">
                                <span ewb-svg-use="{{link.AccessType | accessSigns:true}}"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div>
<section class="toc-main">
    <ul class="toc-content list-unstyled">
    <li ng-repeat="item in toc.items" ng-init="node=item" ihs-toc-item ewb-analytics event-action="{{::('AnalyticsActionTOCItem' | translate)}}" event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}"></li>
</ul>
</section>
</div>

<div class="modal-header">
    <ewb-dlg-close ng-click="onCloseClicked()"></ewb-dlg-close>
    <h3 class="modal-title">{{ ::('Summary' | translate) }}</h3>
</div>
<div class="modal-body container-fluid summary-dialog"
     ewb-analytics-feature-label-prefix="AnalyticsLabelSummary"
     ng-class="{'mws': options.IsFromMws, '': !options.IsFromMws}">
    <div ng-hide="loadComplete" class="load-screen">
        <div class="loading-splash">
            <span class="loading-splash-icon preloader-small"></span>
        </div>
    </div>
    <div ng-show="loadComplete" ng-class="{'sum-only': showSummaryOnly}">
        <div class="row fullSize" ng-if="fullSize && options.IsFromMws">
            <p class="title" ng-bind-html="::options.Title | highlight:highlight"></p>
            <p ng-show="options.Query.length" class="query">
                <b>{{::('QueryColon' | translate) }}</b>
                <a href="" ng-click="runQuery()"
                   ewb-analytics event-category="{{::('AnalyticsCategoryMWSPopup' | translate)}}"
                   event-action="{{::('AnalyticsActionRunQuery' | translate)}}"
                   event-label="{{::('AnalyticsLabelPopup' | translate)}}"
                   ng-bind-html="::options.Query | highlight:highlight"></a>
            </p>
            <p ng-show="options.facetIterator && options.facetIterator.length">
                <b>{{::("WithinColon" | translate)}}</b> <applied-facet-text facet-iterator="options.facetIterator" limit="110" highlight="highlight"></applied-facet-text>
            </p>
            <p class="popup-description reset-pl-for-rich-text" ng-bind-html="::options.Description | highlightHtml:highlight"></p>
        </div>
        <div class="row fullSize" ng-if="fullSize">
            <div class="tabs">
                <uib-tabset active="active">
                    <uib-tab class="summary-tab" heading="{{ ::('Summary' | translate) }}" index="'summary'" active="activeTab.summary" ng-click="selectActiveTab('summary')">
                        <ihs-summary-content></ihs-summary-content>
                    </uib-tab>
                    <uib-tab ng-show="showToc" class="toc-tab" heading="{{ ::('TableOfContents' | translate) }}" index="'toc'" ng-click="selectActiveTab('toc')" ewb-analytics event-action="{{::('AnalyticsActionTOC' | translate)}}" event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}">
                        <ihs-summary-toc active="activeTab.toc" tocdata="tableOfContents" showtoc="showToc" url="url" bibliographicdata="bibliographicData"></ihs-summary-toc>
                    </uib-tab>
                    <uib-tab class="history-tab" ng-if="hasDocHistory" heading="{{ ::('DocumentHistoryTitle' | translate) }}" index="'history'" active="activeTab.history" ng-click="selectActiveTab('history')" ewb-analytics event-action="{{::('AnalyticsActionOpenDocumentHistoryTab' | translate)}}" event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}">
                        <doc-history-tab document="options.Document" active="activeTab.history" lang="selectedLanguage()" hdocuments="HistoryDocuments" context="context"></doc-history-tab>
                    </uib-tab>
                    <uib-tab class="related-tab" ng-if="hasRelatedDocs" heading="{{ ::('RelatedDocumentsTitle' | translate ) }}" index="'related'" active="activeTab.related" ng-click="selectActiveTab('related')" ewb-analytics event-action="{{::('AnalyticActionOpenRelatedDocumentsTab' | translate)}}" event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}">
                        <related-docs-tab document="options.Document" active="activeTab.related" lang="selectedLanguage()" rdocuments="RelatedDocuments" context="context"></related-docs-tab>
                    </uib-tab>
                    <uib-tab class="revision-tab" ng-if="hasRevisionGroup" heading="{{ ::('RevisionGroup' | translate ) }}" index="'revision'" active="activeTab.revision"
                             ng-click="selectActiveTab('revision')"
                             ewb-analytics
                             event-action="{{::('AnalyticsActionOpenRevisionGroupsTab' | translate)}}"
                             event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}">
                        <revision-tab document="options.Document" active="activeTab.revision" lang="selectedLanguage()" revdocuments="RevisionDocuments"></revision-tab>
                    </uib-tab>
                    <uib-tab class="qpl-tab" ng-if="hasQlpTab" heading="{{ ::('QPLTab' | translate ) }}" index="'qpl'" active="activeTab.qpl"
                             ng-click="selectActiveTab('qpl')"
                             ewb-analytics
                             event-action="{{::('AnalyticsActionOpenQPL' | translate)}}"
                             event-label="{{::('AnalyticsLabelSummaryDialog_QPLTab' | translate)}}">
                        <qpl-tab document="options.Document" active="activeTab.qpl" lang="selectedLanguage()" rdocuments="qplDocuments" context="context"></qpl-tab>
                    </uib-tab>
                    <uib-tab class="slash-sheet-tab" ng-if="hasSlashSheetTab" heading="{{ ::('SlashSheets' | translate ) }}" index="'slashSheet'" active="activeTab.slashSheet"
                             ng-click="selectActiveTab('slashSheet')"
                             ewb-analytics
                             event-action="{{::('AnalyticsActionOpenSlashSheet' | translate)}}"
                             event-label="{{::('AnalyticsLabelSummaryDialog_SlashSheets' | translate)}}">
                        <slash-sheet-tab document="options.Document" active="activeTab.slashSheet" lang="selectedLanguage()" rdocuments="slashSheetDocuments" context="context"></slash-sheet-tab>
                    </uib-tab>
                </uib-tabset>
            </div>
            <div class="buttons">
                <section class="button-set" ng-if="!options.IsFromMws">
                    <div class="heading">{{ ::('DocumentColon' | translate) }}</div>
                    <ul class="list-unstyled">
                        <li>
                            <ewb-bookmark-modal-ex bookmark-type-id="bookmark.TypeId" bookmark-parameters="bookmark.options" bookmark-title="metadata.Title" template-type="doc" usage-source="usageSource" usage-kb-id="kbId" usage-query-id="queryId"
                                                   ewb-analytics event-action="{{::('AnalyticsActionBookmarkDialog' | translate)}}" event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}"></ewb-bookmark-modal-ex>
                        </li>
                        <li>
                            <a href="#" open-href="{{url}}" target="_blank" rel="opener" class="btn btn-sm btn-default doc-view"
                               ng-click="filterViewClick($event)"
                               ewb-open-with-wait-url open-with-wait-url-blind-login='true'
                               ewb-analytics event-action="{{::('AnalyticsActionOpenDocument' | translate)}}" event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}">{{ ::('View' | translate) }}</a>
                        </li>
                        <li ng-if="exists('HasPdf')">
                            <button class="btn btn-sm btn-default doc-get-pdf" ng-click="onGetPdfClicked()">{{ ::('GetPdf' | translate) }}</button>
                        </li>
                        <li ng-if="isStandartDocument">
                            <add-document-to-watch-list global-id="GlobalId"></add-document-to-watch-list>
                        </li>
                        <li ng-if="isAddToWishlistAvailable() && !options.Document.PriceQuoteUrl.trim()">
                            <add-to-wishlist global-id="{{GlobalId}}" doc-title="{{options.Document.Title}}" doc-number="{{options.Document.Number}}" template="button"></add-to-wishlist>
                        </li>
                        <li ng-if="isAddToCustomCollectionAvailable() && !options.Document.PriceQuoteUrl.trim()">
                            <add-to-custom-collection global-id="{{GlobalId}}" template="button" space-context="summary"></add-to-custom-collection>
                        </li>
                        <li ng-if="addPolicyNotesAvailable">
                            <add-policy-notes global-id="{{GlobalId}}"
                                              notes-count="{{metadata.notesCount}}"
                                              document-title="{{metadata.Title}}"
                                              document-class="{{metadata.ContentClassId}}"
                                              template="button"></add-policy-notes>
                        </li>
                        <li ng-if="metadata.NasaHasApplicationNotes===true">
                            <button class="btn btn-sm btn-default qa-nasa-view-an" data-global-id="{{::GlobalId}}" data-title="{{::options.Document.Title}}" three-dots-tooltip="tree-item-check" data-tool="an" ng-click="nasaToolClick($event)">{{::("nasaViewApplicationNotes" | translate)}}</button>
                        </li>
                        <li ng-if="metadata.NasaHasApplicationNotes===false">
                            <a class="btn btn-sm btn-default nasa-submit-an" href="https://standards.nasa.gov/node/add/application-note/{{::options.Document.Number}}" three-dots-tooltip="tree-item" target="_blank">{{::("nasaSubmitApplicationNote" | translate)}}</a>
                        </li>
                        <li ng-if="metadata.NasaHasLessonsLearned===true">
                            <button class="btn btn-sm btn-default qa-nasa-view-ll" data-global-id="{{::GlobalId}}" three-dots-tooltip="tree-item-check" data-title="{{::options.Document.Title}}" data-tool="ll" ng-click="nasaToolClick($event)">{{::("nasaViewLessonsLearned" | translate)}}</button>
                        </li>
                        <li ng-if="metadata.NasaHasLessonsLearned===false">
                            <a class="btn btn-sm btn-default nasa-submit-ll" href="https://nen.nasa.gov/web/ll" three-dots-tooltip="tree-item" target="_blank" rel="noopener noreferrer">{{::("nasaSubmitLessonLearned" | translate)}}</a>
                        </li>
                    </ul>
                </section>
                <section class="button-set">
                    <div class="heading">{{ ::('Summary' | translate) }}:</div>
                    <ul class="list-unstyled">
                        <li>
                            <button ng-if="!options.IsFromMws" class="btn btn-sm btn-default sum-save" three-dots-tooltip="tree-item-check" ng-click="onSaveClicked(metadata, $event)" ewb-analytics event-action="{{::('AnalyticsActionSaveSummaryDialog' | translate)}}">{{ ::('SaveToMyWorkspaces' | translate) }}</button>
                        </li>
                        <li>
                            <button ng-if="options.IsFromMws" type="button" class="btn btn-default btn-sm" ng-click="sendCard()"
                                    ewb-analytics
                                    event-action="{{::('AnalyticsActionInvokeSendDialogPopup' | translate)}}"
                                    event-label="{{::('AnalyticsLabelSummary' | translate)}}">
                                {{::("Send" | translate)}}
                            </button>
                        </li>
                        <li>
                            <button class="btn btn-sm btn-default sum-export" ng-click="onExportClicked()" ewb-analytics event-action="{{::('AnalyticsActionExportSummaryDialog' | translate)}}">{{ ::('Export' | translate) }}</button>
                        </li>
                        <li>
                            <button class="btn btn-sm btn-default sum-close" ng-click="onCloseClicked()">{{ ::('Close' | translate) }}</button>
                        </li>
                        <li ng-if="addPolicyNotesAvailable">
                            <add-policy-notes ng-if="options.IsFromMws"
                                              document-title="{{metadata.Title}}"
                                              notes-count="{{metadata.notesCount}}"
                                              document-class="{{metadata.ContentClassId}}"
                                              global-id="{{GlobalId}}" template="shortbutton"></add-policy-notes>
                        </li>
                    </ul>
                </section>
            </div>
        </div>
        <div class="container-small" ng-if="!fullSize">
            <ihs-summary-content></ihs-summary-content>
        </div>
    </div>
</div>

<div id="DocumentDisplay" style="width: 800px; height: 500px;">
    <iframe ng-src="{{threeD}}" style="width: 800px; height: 500px;" 
            class="three-d-iframe" id="docIframe" frameborder="0"></iframe>
</div>

<script type="text/ng-template" id="tocTreeItem">
    <div class="item-name" ng-click="$emit('onTocItemClicked', node)">{{node.Title}}</div>
    <ul ng-if="node.Items.length" class="list-unstyled">
        <li ng-repeat="item in node.Items" ng-init="node=item" ng-include="'tocTreeItem'"></li>
    </ul>
</script>

<div class="metadata_tab_container" ng-mouseup="$emit('summaryMouseup', $event);" ewb-touchend="$emit('summaryMouseup', $event);">
    <section class="cif-date-tab-main">
        <div class="cif-date-doc-table-container">
            <div class="cif-date-doc-table">
                <div class="cif-date-doc-thead">
                    <div class="cif-date-doc-trow">
                        <div ng-repeat="ch in metadata.ComesIntoForceModel.columns" class="cif-date-doc-cell col-{{$index}}">
                            {{ch.displayName}}
                        </div>
                    </div>
                </div>
                <div class="cif-date-doc-tbody">
                    <div class="cif-date-doc-trow row-{{$index}}" ng-repeat="r in metadata.ComesIntoForceModel.rows">
                        <div ng-repeat="c in metadata.ComesIntoForceModel.columns" class="cif-date-doc-cell col-{{$index}}">
                            <span attach-to-body="true">{{ metadata.ComesIntoForceModel.getItemValue(r, c.field) }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<li class="expandable"
    ng-class="{'has-extra': metadata.CommitteeMembers.length > 1, 'is-expanded': isExpanded }">

<div ng-show="metadata.CommitteeMembers.length == 1">
        <span class="metadata_container_main_table_ul__label">{{ ::('Committee' | translate) }}:</span>
        <span class="metadata_container_main_table_ul__value">{{ formatCommittee(metadata.CommitteeMembers[0]) }}</span>
    </div>

<div ng-show="metadata.CommitteeMembers.length > 1">
        <div class="expandable" ng-click="isExpanded = !isExpanded">
            <span ewb-svg-use="ihs-icon-arrow icon-sm" ng-class="isExpanded?'rotate-270':'rotate-180'"></span>
            <span class="metadata_container_main_table_ul__label">{{ ::('Committee' | translate) }}:</span>
        </div>

<div class="ise-meta-extra">
            <div ng-repeat="committee in ::metadata.CommitteeMembers track by $index">
                <span class="metadata_container_main_table_ul__value">{{ formatCommittee(committee) }}</span>
            </div>
        </div>
    </div>
</li>

<div class="metadata_tab_container" ng-mouseup="$emit('summaryMouseup', $event);" ewb-touchend="$emit('summaryMouseup', $event);">
    <div class="right-container">
        <div class="text-container qa-explanatory-note-container">
            <div class="summary">
                <div class="explanatorynote-container" ng-if="exists('ExplanatoryNote')">
                    <h5>{{ ::('ExplanatoryNote' | translate) }}</h5>
                    <div class="abstract-content-full">
                        <p ng-repeat="explanatorynoteText in metadata.ExplanatoryNote track by $index" ng-bind-html="explanatorynoteText"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<li ng-class="{'is-expanded': isExpanded }" class="has-extra">

<div class="m-kb-info pointer">
    <div class="expandable" ng-click="isExpanded = !isExpanded">
        <span ewb-svg-use="ihs-icon-arrow icon-sm" ng-class="isExpanded?'rotate-270':'rotate-180'"></span>
        <span class="kb-info-label">{{::('KnowledgeBaseInfo' | translate) }}</span>
    </div>

<li class="m-publisher"
    ng-class="{'has-extra': exists('OrganizationInfo'), 'is-expanded': isExpanded }">

<div class="expandable" ng-click="isExpanded = !isExpanded">
        <span ng-show="exists('OrganizationInfo')" ewb-svg-use="ihs-icon-arrow icon-sm" ng-class="isExpanded?'rotate-270':'rotate-180'"></span>
        <span class="metadata_container_main_table_ul__label">{{ PublisherLabel | translate }}:</span>
        <span class="metadata_container_main_table_ul__value">{{ PublisherValue }}</span>
    </div>

<div class="m-publisher-extra" ng-if="exists('OrganizationInfo')">
        <div ng-show="showSupplierButton()">
            <a class="btn-link font-weight-bold" ng-href="{{ ViewerUrl }}" target="_blank" rel="opener">{{ PublisherValue }}</a>
        </div>
        
        <div ng-repeat="info in metadata.OrganizationInfo | filter: { OrganizationClassCode: '!COPYRIGHT' } " class="m-publisher-extra-info" ng-controller="publisherController" ng-switch on="info.OrganizationTypeCode">
            <span ng-switch-when="WEBSITE" ng-init="jsonObj = (info.Value | fromJSON)">
                <span ng-repeat="item in jsonObj " ng-switch on="item.IsLink">
                    <a ng-switch-when="true" class="cursor" href="{{item.Value}}" target="_blank" ewb-analytics event-action="{{::('AnalyticsActionSDOLink' | translate)}}" event-label="{{::('AnalyticsLabelSdoLink'  | netFormat: [ metadata.Publisher])}}">{{::item.Value | formatUrl}}</a>
                    <span class="metadata_container_main_table_ul__value" ng-switch-default>{{ item.Value }}</span>
                </span>
            </span>
            <span class="metadata_container_main_table_ul__label" ng-switch-default>{{ formatLabel(info) }}</span>
            <span class="metadata_container_main_table_ul__value" ng-switch-default>{{ formatValue(info) }}</span>
        </div>
        <div ng-if="metadata.HasBba">
            <span class="metadata_container_main_table_ul__icon" ewb-svg-use="ihs-icon-checkmark"></span>
            <span class="metadata_container_main_table_ul__label">{{ ::('BbaCertified' | translate) }}</span>
        </div>
    </div>
</li>

<div class="ihs-type-body alert summary-shield alert-warning">
    <div ng-if="!loading">
        <span ng-if="(preview && preview.HasPreview)" title="{{ ::'PreviewAvailable' | translate }}">
            <span ewb-svg-use="ihs-icon-shopping-cart-preview"></span>
        </span>
        <span ng-if="!(preview && preview.HasPreview)" ewb-svg-use="ihs-icon-shopping-cart"></span>
        <div class="text-area">
            <div ng-if="isError">
                <div ng-if="pricesUnavailable" class="header">{{ ::'PricesUnavailable' | translate }}</div>
                <div ng-if="badContent">
                    <div class="header">{{ ::'ShoppingCartHeaderShort' | translate }}</div>
                    <div class="options"><div ng-bind-html="badContentMsg"></div></div>
                </div>
            </div>
            <div ng-if="!isError">
                <div ng-if="IsAenorNoAction">
                    <div class="header" ng-bind-html="'AenorShoppingCartNoActionPopoverHeader' |netFormatHtml:[]"></div>
                </div>
                <div ng-if="!IsAenorNoAction">
                    <div class="header" ng-if="!(preview && preview.HasPreview)">
                        {{(hasNoTools ? 'ShoppingCartHeaderShort' : 'ShoppingCartPopoverHeader' | translate)}}
                    </div>
                    <div class="header" ng-if="(preview && preview.HasPreview)">
                        {{(hasNoTools ? 'ShoppingCartPopoverShortPreview' : 'ShoppingCartPopoverHeaderPreview' | translate)}}
                    </div>
                    <div ng-if="showPrices">
                        <div class="options">
                            <div ng-if="isTechstreetShoppCart">
                                <div>{{ ::'ShoppingCartPopoverRedirectText' | translate }}</div>
                                <div class="shop-prices-summary">
                                    <a href="javascript:void(0);"  class="click-price" ng-click="redirectToStore($event,'Hard copy')">{{ ::'HardCopyShort' | translate }}</a>
                                    <a href="javascript:void(0);" class="click-price shim-left-short" ng-click="redirectToStore($event,'Electronic copy')">{{ ::'ElectronicCopyShort' | translate }}</a>
                                </div>
                            </div>
                            <div ng-if="!isTechstreetShoppCart">
                                <div>{{ ::'ShoppingCartPopoverText' | translate }}</div>
                                <a ng-href="{{priceQuoteUrl}}" ng-if="priceQuoteUrl" target="_blank">{{ ::'RequestQuote' | translate }}</a>
                                <div class="shop-prices-summary" ng-if="!priceQuoteUrl">
                                    <a ng-href="{{hardCopy.url}}" ng-if="hardCopy.available" target="_blank" ng-click="cdeLogPriceCart('Hard copy')">{{('HardCopy' | netFormat : [hardCopy.price])}}</a>
                                    <div ng-if="!hardCopy.available">{{('HardCopy' | netFormat : [hardCopy.price])}}</div>
                                    <a ng-href="{{electrCopy.url}}" ng-if="electrCopy.available" target="_blank" class="shim-left-short" ng-click="cdeLogPriceCart('Electronic copy')">{{('ElectronicCopy' | netFormat : [electrCopy.price])}}</a>
                                    <div ng-if="!electrCopy.available" class="shim-left-short">{{('ElectronicCopy' | netFormat : [electrCopy.price])}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div ng-if="!IsAenorNoAction && wishlistAvailable">
                <span>{{::'AddDocumentToSubscriptionColon' | translate}}<add-to-wishlist global-id="{{options.Document.GlobalId}}" doc-title="{{options.Document.Title}}" doc-number="{{options.Document.Number || options.docDisplayNumber}}" template="link"></add-to-wishlist></span>
            </div>
            <div ng-if="!IsAenorNoAction && ccAvailable">
                <span>{{::'AddDocumentToSubscriptionColon' | translate}}<add-to-custom-collection global-id="{{options.Document.GlobalId}}" template="link" space-context="summary"></add-to-custom-collection></span>
            </div>
        </div>
    </div>
    <div ng-if="loading" class="preloader-small"></div>
</div>

<div class="metadata_tab_container" ng-mouseup="$emit('summaryMouseup', $event);" ewb-touchend="$emit('summaryMouseup', $event);">
    <div class="summary-loader qa-summary-loader" ng-hide="updateComplete">
        <div class="preloader-small"></div>
    </div>
   <div class="thumb-container" ng-if="thumb.hasThumb()">
        <a href="" open-href="{{url}}" target="_blank" rel="opener" class="thumb" ewb-open-with-wait-url open-with-wait-url-blind-login="true" document="metadata" ng-click="viewDocument($event)">
            <img class="thumb-image" width="120" height="156" auth-src="{{metadata.Thumbnail}}" title="{{metadata.Title}}" 
                 ewb-analytics event-action="{{::('AnalyticsActionOpenDocument' | translate)}}" 
                 event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}"
                 onerror="this.style.display = 'none';"/>
            
        </a>
    </div>
    <div class="right-container">
        
        <div class="text-container qa-summary-text-container">
            <div class="slider" ng-if="exists('SummaryItems') && !exists('Abstract') && !options.IsFromMws">
                <span class="label">{{ ::('Summary' | translate) }}</span>
                <a ng-click="summary.prev()" class="link-prev qa-link-prev" ng-class="{'disabled': !summary.prevAllowed()}">{{ ::('Less' | translate) }}</a>
                <rzslider rz-slider-model="summary.relevance" rz-slider-floor="summary.minRelevance" rz-slider-ceil="summary.maxRelevance" rz-slider-hide-limit-labels="true" class="summary-slider"></rzslider>
                <a ng-click="summary.next()" class="link-next qa-link-next" ng-class="{'disabled': !summary.nextAllowed()}">{{ ::('More' | translate) }}</a>
            </div>
            <div class="summary">
                <div class="abstract-container" ng-if="exists('Abstract')">
                    <p class="metadata_tab_container__label">{{ ::('Abstract' | translate)}}:</p>
                    <div class="abstract-content-full">
                        <p ng-repeat="abstractText in metadata.Abstract track by $index">{{abstractText}}</p>
                    </div>
                </div>
                <dl class="summary-container" ng-if="exists('SummaryItems') && !exists('Abstract')">
                    <dt ng-repeat-start="summaryItem in metadata.SummaryItems">{{::(summaryItem.Field | translate)}}</dt>
                    <dd ng-repeat-end ng-bind-html="summaryItem.Value.ShowValue | replaceHtml | wordBreak "></dd>
                </dl>
                <div class="no-summary" ng-if="!exists('SummaryItems') && !exists('Abstract')">
                    {{ noSummaryMessage() | translate }}
                </div>
            </div>
        </div>

</div>
</div>

<script type="text/ng-template" id="tocTreeTemplate">
    <div class="toc-element"
         ewb-analytics event-action="{{::('AnalyticsActionTOCItem' | translate)}}" event-label="{{::('AnalyticsLabelDocViewer' | translate)}}">
        <icon-click tag="button" ng-if="node.Items.length" ng-click="toggleExpand(node, $event)" class="triangle">
            <span ewb-svg-use="ihs-icon-arrow" ng-class="expanded(node) ? 'rotate-270' : 'rotate-180'"></span>
        </icon-click>

<span class="truncating" three-dots-tooltip ng-click="summaryResTocController.goToPage(node)" >{{node.Title}}</span>
    </div>
    <ul ng-if="node.Items.length && expanded(node)" class="list-unstyled toc-indent">
        <li ng-repeat="item in node.Items"
            ng-include="'tocTreeTemplate'"
            ng-init="node=item">
        </li>
    </ul>
</script>

<div class="metadata_container_toolbar control-panel-2">
    <ul>
        
        <li ng-if="!options.noBookmarks && !options.IsSummaryDocumentTab && !options.IsFromMws"
            class="metadata_container_toolbar_li">
            <div class="toolbar_block qa-bookmark-btn"
                 ng-disabled="disabled"
                 ewb-bookmark-item=""
                 document-info="options.Document"
                 bookmarks-count="bookmarksCount"
                 bookmark-type-id="bookmark.TypeId"
                 bookmark-parameters="bookmark.options"
                 bookmark-title="metadata.Title"
                 template-type="bookmark"
                 usage-source="usageSource"
                 usage-kb-id="kbId"
                 usage-query-id="queryId"
                 context="usageSource"
                 placeholder="sum"
                 title="{{::('BookmarkDocumentTooltip' | translate)}}">

<span class="toolbar__icon" ewb-svg-use="ihs-icon ihs-icon-bookmark"
                      ng-class="bookmarksCount > 0? 'ihs-icon-bookmark-fill': 'ihs-icon-bookmark'"></span>
                <span class="toolbar__text">{{::('Bookmark'| translate)}}</span>
            </div>
        </li>
        
        <li class="metadata_container_toolbar_li" ng-if="canAddToWatchList && !options.IsFromMws">
            <div save-to-watch-list=""
                 class="toolbar_block qa-watch-btn"
                 global-id="{{GlobalId}}"
                 ng-disabled="disabled"
                 use-batch-for-counter="useBatch"
                 watch-lists-count="watchListsCount">

<span class="toolbar__icon" ewb-svg-use="ihs-icon" ng-class="watchListsCount > 0 ? 'ihs-icon-show-tags' : 'ihs-icon-show-tags-outline'"></span>
                <span class="toolbar__text">{{::('Watch' | translate)}}</span>
            </div>

</li>
        
        <li class="metadata_container_toolbar_li" ng-if="options.IsFromMws">
            <div class="toolbar_block qa-send-btn"
                 title="{{::('Send'| translate)}}"
                 ng-click="sendCard()"
                 ewb-analytics
                 event-action="{{::('AnalyticsActionExportSummaryDialog' | translate)}}">
                <span class="toolbar__icon" ewb-svg-use="ihs-icon-share"></span>
                <span class="toolbar__text">{{::('Send' | translate)}}</span>
            </div>
        </li>
        
        <li class="metadata_container_toolbar_li" ng-if="!options.noProjects && !options.IsFromMws">
            <summary-save-to-my-workspaces options="options"
                                           metadata="metadata"
                                           uid="Uid"
                                           open-save-dialog="onSaveClicked(metadata, $$event)"
                                           template-type="summaryPopover">
            </summary-save-to-my-workspaces>
        </li>

<li class="metadata_container_toolbar_li" ng-if="!options.IsSummaryDocumentTab && (metadata.HasPdf && metadata.HasPdf === true) && !options.IsFromMws">
            <div class="toolbar_block qa-get-pdf-btn"
                 title="{{::('GetPdf'| translate)}}"
                 ng-click="onGetPdfClicked()"
                 ewb-analytics
                 event-action="{{::('AnalyticsActionInvokeSendDialogPopup' | translate)}}">
                <span class="toolbar__icon" ewb-svg-use="ihs-icon-arrow-tail"></span>
                <span class="toolbar__text">{{::('GetPdf' | translate)}}</span>
            </div>
        </li>

<li class="metadata_container_toolbar_li">
            <div class="toolbar_block qa-export-btn"
                 title="{{::('ExportSummaryTooltip'| translate)}}"
                 ng-click="onExportClicked($event)"
                 ewb-analytics
                 event-action="{{::('AnalyticsActionExportSummaryDialog' | translate)}}">
                <span class="toolbar__icon" ewb-svg-use="ihs-icon-download"></span>
                <span class="toolbar__text">{{::('Export' | translate)}}</span>
            </div>
        </li>

<li class="metadata_container_toolbar_li" ng-if="metadata.addPolicyNotesAvailable || metadata.notesCount > 0">
            <add-policy-notes global-id="{{GlobalId}}"
                              notes-count="{{metadata.notesCount}}"
                              document-title="{{metadata.Title}}"
                              document-class="{{metadata.ContentClassId}}"
                              template="summary"></add-policy-notes>
        </li>

<li class="metadata_container_toolbar_li copy-link-container qa-copylink-btn" ng-if="metadata.copyLinkAvailable">
            <copy-link class="copy-link-directive copy-link-summary-res-toolbar-view" global-id="GlobalId" kb-id="kbId" link-url="url" product="metadata.copyLinkProduct" destination="metadata.copyLinkDestination" link-type="metadata.copyLinkType"></copy-link>
        </li>

<li class="metadata_container_toolbar_li smart-compare-container d-flex flex-align-center qa-smart-compare-btn" ng-if="metadata.smartCompareIds">
            <div ewb-document-compare="summary"
                 class="d-flex flex-align-center pointer"
                 location="document"
                 customPopoverPlacement="auto bottom-right"
                 global-id="{{GlobalId}}"
                 comparison-id="{{metadata.smartCompareIds}}"
                 ng-click="openDocumentCompare()"
                 title="{{::'DocumentCompareTooltip' | translate}}"
                 comparison-initiator="DocumentTab">
                <span ewb-svg-use="ihs-icon-smart-compare document-toolbar-icons"></span>
                <span class="special shim-left-mini pl-primary-color">{{::"Compare"|translate}}</span>
            </div>
        </li>

<li ng-if="((metadata.NasaHasApplicationNotes===true) || (metadata.NasaHasLessonsLearned===true)) && !options.IsFromMws" class="metadata_container_toolbar_li dropdown">
            <div class="toolbar_block qa-nasa-dropdown"
                 title="{{::('nasaTools' | translate)}}"
                 data-toggle="dropdown"
                 role="button"
                 aria-haspopup="true"
                 aria-expanded="false">
                <span class="toolbar__icon" ewb-svg-use="ihs-icon-nasa"></span>
                <span class="toolbar__text">{{::('nasaTools' | translate)}}</span>
                <span class="toolbar__arrow" ewb-svg-use="ihs-icon-arrow rotate-270"></span>
            </div>

<ul class="dropdown-menu">
                <li ng-if="metadata.NasaHasApplicationNotes===true">
                    <a class="qa-nasa-view-an" data-global-id="{{::GlobalId}}" data-title="{{::options.Document.Title}}" three-dots-tooltip="tree-item-check" data-tool="an" ng-click="nasaToolClick($event)">{{::("nasaViewApplicationNotes" | translate)}}</a>
                </li>
                <li ng-if="metadata.NasaHasApplicationNotes===false">
                    <a class="nasa-submit-an" href="https://standards.nasa.gov/node/add/application-note/{{::options.Document.Number}}" three-dots-tooltip="tree-item" target="_blank">{{::("nasaSubmitApplicationNote" | translate)}}</a>
                </li>
                <li ng-if="metadata.NasaHasLessonsLearned===true">
                    <a class="qa-nasa-view-ll" data-global-id="{{::GlobalId}}" three-dots-tooltip="tree-item-check" data-title="{{::options.Document.Title}}" data-tool="ll" ng-click="nasaToolClick($event)">{{::("nasaViewLessonsLearned" | translate)}}</a>
                </li>
                <li ng-if="metadata.NasaHasLessonsLearned===false">
                    <a class="nasa-submit-ll" href="https://nen.nasa.gov/web/ll" three-dots-tooltip="tree-item" target="_blank" rel="noopener noreferrer">{{::("nasaSubmitLessonLearned" | translate)}}</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

<div class="modal-header" modal-resizable="true" size="dlgSizeInfo">
    <ewb-dlg-close ng-click="onCloseClicked()"></ewb-dlg-close>
    <h3 class="modal-title">{{ ::('Summary' | translate) }}</h3>
</div>

<summary-res-toolbar></summary-res-toolbar>

<div class="metadata_container_main_left">
                <div class="metadata_container_main_table">
                    <div  ng-if="options.Query.length || (options.facetIterator && options.facetIterator.length)" class="metadata_container_main_table_part" ng-class="!options.Description.length ? 'mws_fullsize' : ' mws_query'">
                        <ul class="metadata_container_main_table_ul ihs-type-body list-unstyled">
                            <li ng-if="options.Query.length">
                                <span class="metadata_container_main_table_ul__label">{{::('QueryColon' | translate) }}</span>
                                <span class="metadata_container_main_table_ul__value">
                                    <a href="" ng-click="runQuery()"
                                       ewb-analytics event-category="{{::('AnalyticsCategoryMWSPopup' | translate)}}"
                                       event-action="{{::('AnalyticsActionRunQuery' | translate)}}"
                                       event-label="{{::('AnalyticsLabelPopup' | translate)}}"
                                       ng-bind-html="::options.Query | highlight:highlight"></a>
                                </span>
                            </li>
                            <li ng-if="options.facetIterator && options.facetIterator.length">
                                <span class="metadata_container_main_table_ul__label">{{::("WithinColon" | translate)}}</span>
                                <span class="metadata_container_main_table_ul__value">
                                    <applied-facet-text facet-iterator="options.facetIterator" limit="110" highlight="highlight"></applied-facet-text>
                                </span>
                            </li>
                        </ul>
                    </div>
                    <div class="metadata_container_main_table_part" ng-if="options.Description.length" ng-class="!(options.Query.length || (options.facetIterator && options.facetIterator.length)) ? 'mws_fullsize' : ' mws_description'">
                        <ul class="metadata_container_main_table_ul ihs-type-body list-unstyled">
                            <li>
                                <span class="metadata_container_main_table_ul__label">{{::("DescriptionColon" | translate)}}</span>
                                <br/>
                                <span class="metadata_container_main_table_ul__value" ng-bind-html="::options.Description | highlightHtml:highlight"></span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="metadata_container_main_data">
            <div class="metadata_container_main_left">
                <div class="metadata_container_main_alerts">
                    <shop-cart-res-shield ng-if="metadata.Access == 2" options="options" preview="metadata.PreviewInfo"></shop-cart-res-shield>
                    <summary-shield ng-if="metadata.Access == 3 || metadata.Access == 4" access-type="metadata.Access"></summary-shield>
                </div>
                <div class="metadata_container_main_header">
                    <div class="metadata_container_main_header_title">
                        <h1 ng-if="options.showSimpleTitle" class="metadata_container_main_header_title__text qa-summary-title">{{metadata.Value.Title ? metadata.Value.Title : metadata.Title}}</h1>
                        <a ng-if="!options.showSimpleTitle" href="" class="metadata_container_main_header_title__text qa-summary-title" open-href="{{url}}" target="_blank" rel="opener" ewb-open-with-wait-url open-with-wait-url-blind-login="true" document="metadata"
                           ng-click="viewDocument($event)">{{metadata.Value.Title ? metadata.Value.Title : metadata.Title}}</a>
                    </div>
                    <div class="metadata_container_main_header_source">
                        <span class="metadata_container_main_header_source__text">{{metadata.KbName}}</span>
                    </div>
                </div>
                <div class="metadata_container_main_table">

<div class="metadata_container_main_table_part" ng-repeat="metadataGroup in ::metadataGroups track by $index">
                        <ul class="metadata_container_main_table_ul ihs-type-body list-unstyled">
                            <div ng-repeat="metadataItem in metadataGroup track by $index">
                            <li ng-if="(metadataItem.Field == 'NasaDocumentStatus' && metadata.ShowNasaDocumentStatus)" class="m-nasa-status">
                                <span class="metadata_container_main_table_ul__label">{{ ::('nasaDocumentStatus' | translate) }}</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.NasaDocumentStatus}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'DocumentStatus')" class="qa-document-status">
                                <span class="metadata_container_main_table_ul__label">{{ ::('DocumentStatus' | translate)}}:</span>
                                <a class="metadata_container_main_table_ul__value" target="_blank" ng-class="getColorClassForDocumentStatus(metadata.DocumentStatus)" ng-href="{{options.statusUrl}}" title="{{::('DocumentStatusTooltip' | translate)}}">{{metadata.DocumentStatus}}</a>
                                <span ng-repeat="item in metadata.XRefDocuments" class="qa-doc-status-item">
                                    <br />
                                    <span class="xref-doc-title">{{::item.DisplayName}}:</span>
                                    <span ng-if="item.REFID == '-1'">{{::item.REFDOCNUM}}</span>
                                    <a ng-if="item.REFID !== '-1'" class="repl-doc-url" visited-document target="_blank" rel="opener"
                                       href="#/document/{{::item.REFID}}?pr=refid{{item.isFamilyId ? '&FamilyId=true' : ''}}">{{::item.REFDOCNUM}}</a>
                                </span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'Author')" class="m-author">
                                <span class="metadata_container_main_table_ul__label">{{ ::('AUTHOR' | translate) }}:</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.Author}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'Assignee')" class="m-assignie">
                                <span class="metadata_container_main_table_ul__label">{{ ::('PA' | translate) }}:</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.Assignee}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'Inventor')" class="m-inventor">
                                <span class="metadata_container_main_table_ul__label">{{ ::('Inventor' | translate) }}:</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.Inventor}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'GlobalizedDates')" class="m-date">
                                <span class="metadata_container_main_table_ul__label">{{ ::('PublicationDate' | translate) }}:</span>
                                <span class="metadata_container_main_table_ul__value">{{ metadata.GlobalizedDates.join(";") }}</span>
                                <span ng-if="metadata.IseDateMetaFields && metadata.IseDateMetaFields.length > 0">
                                    <span ng-repeat="iseDate in metadata.IseDateMetaFields">
                                        <span ng-if="iseDate.LocalName" class="value qa-isedate-{{::iseDate.LocalName.Name}}" title="{{::iseDate.LocalName.Description}}">({{::iseDate.LocalName.Name}} {{::iseDate.Value}})</span>
                                    </span>
                                </span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'PostedDate') && metadata.PostedDate" class="m-date">
                                <span class="metadata_container_main_table_ul__label">{{ ::('PostedDateColon' | translate) }}</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.PostedDate}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'Geography') && metadata.Geography" class="m-geography">
                                <span class="metadata_container_main_table_ul__label">{{ ::('GeographyColon' | translate) }}</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.Geography}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'DocumentLanguage') && metadata.DocumentLanguages.length" class="m-language">
                                <span class="metadata_container_main_table_ul__label">{{ ::('MetadataTypeSpecialLanguage' | translate) }}</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.DocumentLanguages.join("; ")}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'Publication')" class="m-publication">
                                <span class="metadata_container_main_table_ul__label">{{ ::('Publication' | translate) }}:</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.Publication}}</span>
                            </li>
                            <publisher-res-list-item ng-if="(metadataItem.Field == 'Publisher')" metadata="metadata" url="url"></publisher-res-list-item>
                            <committee-res-info ng-if="(metadataItem.Field == 'CommitteeMembers')" metadata="metadata"></committee-res-info>
                            <li ng-if="(metadataItem.Field == 'Isbn')" class="m-isbn">
                                <span class="metadata_container_main_table_ul__label">{{ ::('MetadataTypeISBN' | translate) }}</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.Isbn}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'Issn')" class="m-issn">
                                <span class="metadata_container_main_table_ul__label">{{ ::('MetadataTypeISSN' | translate) }}</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.Issn}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'PageCount')" class="m-pagecount">
                                <span class="metadata_container_main_table_ul__label">{{ ::('PageCountColon' | translate) }}</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.PageCount}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'Harmonized') && metadata.Harmonized" class="m-harmonized">
                                <span class="metadata_container_main_table_ul__label">{{ ::('HarmonizedColon' | translate) }}</span>
                                <span class="metadata_container_main_table_ul__value">{{metadata.Harmonized}}</span>
                            </li>
                            <li ng-if="(metadataItem.Field == 'IseStandardClasses')" ng-repeat="item in metadata.IseStandardClasses track by $index" class="m-ise-standard">
                                <span class="metadata_container_main_table_ul__label">{{ ::item.Name }}:</span>
                                <span class="metadata_container_main_table_ul__value">{{ ::item.Value }}</span>
                            </li>
                            <ise-summary-res-meta-item ng-if="(metadataItem.Field == 'IseDocumentMetadata')" ng-repeat="iseItem in ::metadata.IseDocumentMetadata track by $index" source="iseItem" class="m-ise-doc-meta"></ise-summary-res-meta-item>

</div>
                            <li ng-if="$last">
                                <div class="additional-links" ng-if="(exists('RedlineInfo') && metadata.RedlineInfo.HasRedline) || metadata.FlisInfo.HasFlis || ThreeDModelInfo.Has3DModel">
                                    <div ng-if="exists('RedlineInfo') && metadata.RedlineInfo.HasRedline" class="qa-redline doc-link">
                                        <span ng-if="!metadata.RedlineInfo.HasAccess" disabled class="pointer qa-redline-link" title="{{metadata.RedlineInfo.UrlTitle}}">{{::metadata.RedlineInfo.LinkName}}</span>
                                        <a ng-if="metadata.RedlineInfo.HasAccess" ng-click="openRedline()" class="red-status qa-redline-link" href="{{::metadata.RedlineInfo.Url}}" target="_blank" rel="opener">{{::metadata.RedlineInfo.LinkName}}</a>
                                    </div>
                                    <div ng-if="ThreeDModelInfo.Has3DModel" class="doc-link">
                                        <span ng-if="!ThreeDModelInfo.HasAccess" disabled title="{{'Model3dAvailableToSubscribersOnly'|translate}}">{{::('Model3dTitle' | translate) }}</span>
                                        <a ng-if="ThreeDModelInfo.HasAccess" class="model3dlink" href="{{::ThreeDModelInfo.Url}}" target="_blank" rel="opener" ng-click="open3DModel()">{{::('Model3dTitle' | translate) }}</a>
                                    </div>
                                    <div ng-if="exists('FlisInfo') && metadata.FlisInfo.HasFlis" class="qa-flis-button doc-link">
                                        <a href="{{::metadata.FlisInfo.Url}}"
                                           ewb-analytics event-action="{{::('OpenFlisData' | translate)}}"
                                           event-label="{{::('AnalyticsLabelSummaryDialog' | translate)}}"
                                           target="_blank" rel="opener" ng-click="">{{::('Flis' | translate) }}</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <kb-info document="options.UrlOptions.item.Document" raw-url="Uid" ng-if="showKbInfo && Uid"></kb-info>
                </div>
            </div>

</div>

<div ng-show="loadComplete" class="modal-footer footer_container">
    <a class="btn btn-default ihs-button-short footer_container__button" href="" open-href="{{url}}" target="_blank" rel="opener" ewb-open-with-wait-url open-with-wait-url-blind-login="true" document="metadata"
       ng-click="viewDocument($event)" title="{{::('OpenDocument' | translate)}}">{{::('OpenDocument' | translate)}}</a>
    <span class="resize-icon" ewb-svg-use="ihs-icon-arrow-drag"></span>
</div>

<span class="translation-settings" uib-dropdown auto-close="outsideClick">
    <div type="button" class="qa-translation-btn translation-btn btn btn-deemphasized btn-sm" uib-dropdown-toggle ng-click="init()" ewb-analytics event-action="{{::('AnalyticsActionTranslationDialog' | translate)}}">{{::("Translation"|translate)}}</div>
    <div class="dropdown-menu translation-settings-content" uib-dropdown-menu>
        <div class="transl-container">
            <div class="table-row">
                <div class="cell">{{::("TranslateResultsToColon"|translate)}}</div>
                <div class="cell">
                    <div class="btn-group drop-source ewb-dropdown-default dropdown-small qa-lang-dropdown">
                        <button type="button" class="btn btn-sm uib-dropdown-toggle language-dropdown choices" data-toggle="dropdown">
                            <span class="truncating language-current">{{ showTargetLang.text }}</span>
                        </button>
                        <button type="button" class="btn btn-sm uib-dropdown-toggle language-caret pick" data-toggle="dropdown">
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu nested-prevent qa-lang-list" role="menu" >
                            <li ng-repeat="showValue in showTargetLangsList track by showValue.value" ng-click="changeTargetLanguage(showValue)">
                                <a href="">{{showValue.text}}</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="table-row">
                <div class="cell">{{::("TranslateFromLangColon"|translate)}}</div>
                <div class="cell form-group">
                    <pl-check ng-repeat="l in showSelectedLanguages" ng-disabled="isLangDisabled(l.Id)" id="translCh_{{::l.Id}}" ng-model="l.checked">
                        {{::l.LocalName}}
                    </pl-check>
                </div>
            </div>
        </div>

<div class="modal-header">
</div>
<div class="modal-body">
    <p>{{progressMsg}}</p>
</div>
<div class="modal-footer">
    <div class="text-left">
        <button class="btn btn-sm btn-primary" ng-click="onClose()">{{::("Close"|translate)}}</button>
    </div>
</div>

<div class="show-warning" ng-class="className">
    <div class="show-warning-body" ng-transclude></div>
    <img class="show-warning-close" ng-if="showClose" src="content/img/ihs-ew-icon-x.svg" title="{{::('Close'|translate)}}" ng-click="hide()">
    <div class="show-warning-dismiss" ng-if="showDismiss">
        <span ng-click="hide()">{{::("Dismiss"|translate)}}</span>
    </div>
</div>

<div class="form-group">
    <label>{{::("SaveToColon" | translate)}}</label>
    <div ng-if="!ewbSelectWatchListController.watchListInputVisible"
         class="drop-container anim-width btn-group drop-source dropdown-select dropdown-select-small qa-dropdown-select-watchlist ewb-dropdown-default"
         ng-style="ewbSelectWatchListController.getStyle()"
         ng-click="ewbSelectWatchListController.open()">

<button ng type="button"
                class="dropdown-toggle btn dropdown-selected-item choices "
                data-toggle="dropdown"
                ng-disabled="ewbSelectWatchListController.disabled || ewbSelectWatchListController.newItem"
                ng-class="{'disabled': ewbSelectWatchListController.disabled}">
            <span class="truncating" title="{{ewbSelectWatchListController.selectedWatchList.Name}}">{{ewbSelectWatchListController.selectedWatchList.Name}}</span>
        </button>

<ul class="dropdown-menu" role="menu">
            <li ng-repeat="watchList in ewbSelectWatchListController.watchLists track by watchList.Id" ng-click="ewbSelectWatchListController.onWatchListSelected(watchList.Id)">
                <a class="truncating" href="" title="{{watchList.Name}}">{{watchList.Name}}</a>
            </li>
        </ul>
        <iframe class="dropdown-frame" src="about:blank" frameborder="0" scrolling="auto"></iframe>
    </div>

<span class="new-link qa-new-link" ng-show="!ewbSelectWatchListController.watchListInputVisible || ewbSelectWatchListController.forceDisplayLink" 
       ng-click="ewbSelectWatchListController.newWatchListClick()">{{::("NewWatchlist" | translate)}}</span>
</div>

<div class="checkbox" >
    <input type="checkbox" id="isMostRecentDocument" ng-model="ewbSelectWatchListController.isMostRecent">
    <label for="isMostRecentDocument">{{::("AutoUpdateDocumentWatchList"|translate)}}</label>
</div>

<div ng-if="ewbSelectWatchListController.microAlertNoteVisible"
     class="micro-alert_note IHS-Color-D7A-Add">
    <span>{{::("LastMicroAlertWatchListNote"|translate)}}</span>
</div>

<div class="btn-group drop-source dropdown-select dropdown-select-small qa-dropdown-select-watch-list ewb-dropdown-default" ng-style="ewbSelectWatchListController.getStyle()">
    <button type="button" class="dropdown-toggle btn dropdown-selected-item choices" data-toggle="dropdown" ng-disabled="ewbSelectWatchListController.disabled" ng-class="{'disabled': ewbSelectWatchListController.disabled}">
        <span class="truncating" title="{{ewbSelectWatchListController.selectedWatchList.Name}}">{{ewbSelectWatchListController.selectedWatchList.Name}}</span>
    </button>
    <button type="button"
            class="dropdown-toggle btn dropdown-btn pick"
            data-toggle="dropdown"
            ng-disabled="ewbSelectWatchListController.disabled"
            ng-class="{'disabled': ewbSelectWatchListController.disabled, 'highlightfirst': ewbSelectWatchListController.highlightfirst, 'highlightfirsttwo': ewbSelectWatchListController.highlightfirsttwo}">
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li ng-repeat="watchList in ewbSelectWatchListController.watchLists track by watchList.Id" ng-click="ewbSelectWatchListController.onWatchListSelected(watchList.Id)">
            <a class="truncating" href="" title="{{watchList.Name}}">{{watchList.Name}}</a>
        </li>
    </ul>
</div>
<input type="hidden" ng-model="ewbSelectWatchListController.selectedWatchListId" ng-pattern="ewbSelectWatchListController.getValidationPattern" />

<a class="qa-update-with-replacement" ng-disabled="isShared"
   ng-class="{'inactive disabled': isShared}"
   href="" ng-click="updateWithReplacement()">
    {{LinkText}}
</a>

<div class="add-to-watch-list-dialog-container">
    <form name="watchListData" novalidate ng-enter-prevent-default="false" ng-enter-exclude-textarea="true">
        <div class="modal-header qa-add-project">
            <ewb-dlg-close ng-click="$emit('close')"></ewb-dlg-close>
            <h3 class="modal-title">{{::("DocumentReplacement" | translate)}}</h3>
        </div>
        <div class="modal-body">
            <ws-error-dir taberror="false" ng-if="isAnError" class="watch-list-error"></ws-error-dir>
            <watch-list-error-dir listname="watchListData.WatchList.Name" docnumber="docNumber" doctitle="docTitle" showerror="showAddError" ng-if="isAlreadyExist"></watch-list-error-dir>
            <p>{{::("SuccessfullyUpdatedWatchList" | translate)}}</p>
            <p>{{RemoveDocumentMessage}}</p>
            <p>{{AddingDocumentMessage}}</p>

</div>
        <div class="modal-footer">
            <div class="text-right">
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="$emit('close')">
                    {{::("OK" | translate)}}
                </button>
            </div>
        </div>
    </form>
</div>

<div class="form-group shim-zero">
    {{::('_Auto_US140862_0000'|translate)}}
    <div class="radio-size-10">
        <input ng-disabled="isShared" ng-class="{'inactive disabled': isShared}" type="radio" id="radio-change-to-specific-{{$id}}" ng-value="true"
               ng-model="isSpecific" ng-click="toggleUpdateToSpecificOrMostRecent()">
        <label for="radio-change-to-specific-{{$id}}">
            {{LinkTextChangeToSpecific}}
        </label>
    </div>
    <div class="radio-size-10">
        <input ng-disabled="isShared" ng-class="{'inactive disabled': isShared}" type="radio" id="radio-change-to-most-recent-{{$id}}" ng-value="false"
               ng-model="isSpecific" ng-click="toggleUpdateToSpecificOrMostRecent()" >
        <label for="radio-change-to-most-recent-{{$id}}">
            {{LinkTextChangeToMostRecent}}
        </label>
    </div>
</div>

<div class="form-group watch-list-error-container alert alert-warning alert-dismissable">
    <span ewb-svg-use="ihs-icon-warning"></span>
    <span ng-bind-html="Message"></span>
    <span ng-if="message.message">{{message.message}}</span>
</div>

<div class="add-to-watch-list-dialog-container">
    <form name="WatchListDataForm" novalidate ng-enter="save()" ng-enter-prevent-default="false" ng-enter-exclude-textarea="true">
        <pl-modal-title class="qa-add-project" close-action="$emit('close')" text="'AddToWatchList'"></pl-modal-title>
        <div class="modal-body">
            <label ng-if="message.message" ng-class="message.isWarning ? 'error-label' : ''">{{message.message}}</label>

<label ng-show="IsAlreadyInWatchlists">{{::("DocumentsAlreadyInWatchLists" | translate)}}</label>
            <div class="inclusion-watchlists-container" ng-show="IsAlreadyInWatchlists">
                <ul>
                    <li class="inclusion-watchlists" ng-repeat="wlTitle in WlTitles" data-id="{{ wlTitle.Id }}" title="">
                        <span class="watch-list-title">
                            {{wlTitle.Name}}
                        </span>
                    </li>
                </ul>
            </div>
            <label ng-show="IsAlreadyInWatchlists">{{::("AddWatchListDocumentAgain" | translate)}}</label>
            <br ng-if="isAnError || isAlreadyExist" />
            <div class="form-group text-left last">
                <label>{{::("SelectList" | translate)}}</label> <ewb-select-watch-list selected-watch-list-id="watchListData.WatchListId" selected-watch-list="watchListData.WatchList" style-width="200px" skip-preselected="true" global-ids="globalIds"></ewb-select-watch-list> <label>{{::("Required" | translate)}}</label>
                <watch-list-error-dir listname="watchListData.WatchList.Name" warning="isWarning" ng-if="isAlreadyExist"></watch-list-error-dir>

<div class="checkbox">
                    <input type="checkbox" id="isMostRecentDocument" ng-model="watchListData.isMostRecent">
                    <label for="isMostRecentDocument">{{::("AutoUpdateDocumentWatchList"|translate)}}</label>
                </div>

<div class="form-group" ng-if="allResults">
                    <div class="radio-inline">
                        <input type="radio" ng-model="radio.SetOfResults" value="all-page" id="dlgSaveResultAll" class="pointer" />
                        <label for="dlgSaveResultAll">{{::("txtSaveAllResults" | translate)}}</label>
                    </div>
                    <div class="radio-inline">
                        <input type="radio" ng-model="radio.SetOfResults" value="all-results" id="dlgSaveResultPage" class="pointer" />
                        <label for="dlgSaveResultPage">{{::("txtSaveAllFoundResults" | netFormatEval : [radio.searchResultLimitSize])}}</label>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <div class="loading-splash preloader-small" ng-show="inProgress">
                <span class="loading-splash-icon"></span>
            </div>
            <div class="text-right">
                <button type="submit" class="btn btn-default btn-sm" ng-disabled="inProgress || watchListData.$invalid || setDisable" ng-class="{'disabled': addWatchListModel.$invalid || setDisable}" ng-click="save()">
                    {{::("Add" | translate)}}
                </button>
                <button type="button" class="btn btn-deemphasized btn-sm" ng-click="$emit('close')">
                    {{::("Cancel" | translate)}}
                </button>
            </div>
        </div>
    </form>
</div>

<div class="add2cc-container add-to-wishlist" ng-switch on="template" ng-class="{'inline': isInline}">
    <div ng-switch-when="cart" class="add2cc-wrapper">
        <div class="add2cc-or shim-bottom-short">{{::orText}}</div>
        <div class="add2cc-btn shim-top-short">
            <button ng-if="!showSubscriptionRequest" type="button" ng-click="addDocumentToWishlistClick()"
                    class="btn btn-default btn-sm qa-add-to-my-wish-list">{{::('AddToMyWishList'|translate)}}</button>

<button ng-if="showSubscriptionRequest" type="button" ng-click="addDocumentToWishlistClick()"
                    class="btn btn-default btn-sm qa-add-to-my-wish-list">{{::('RequestAccess'|translate)}}</button>
        </div>
    </div>
    <button ng-switch-when="button" ng-if="addToWishlistAvailable && !showSubscriptionRequest" type="button"
            ng-click="addDocumentToWishlistClick($event)" class="btn btn-default btn-sm qa-add-to-my-wish-list"
            ng-disabled="btnDisabled">{{::('AddToMyWishList'|translate)}}</button>
    <a ng-switch-when="link" href="" ng-if="addToWishlistAvailable && !showSubscriptionRequest"
       ng-click="addDocumentToWishlistClick($event)"
       class="pointer qa-add-to-my-wish-list" ng-disabled="btnDisabled">{{::('AddToMyWishList'|translate)}}</a>

<button ng-switch-when="button" ng-if="addToWishlistAvailable && showSubscriptionRequest" type="button"
            ng-click="addDocumentToWishlistClick($event)" class="btn btn-default btn-sm qa-add-to-my-wish-list"
            ng-disabled="btnDisabled">{{::('RequestAccess'|translate)}}</button>
    <a ng-switch-when="link" href="" ng-if="addToWishlistAvailable && showSubscriptionRequest"
       ng-click="addDocumentToWishlistClick($event)"
       class="pointer qa-add-to-my-wish-list" ng-disabled="btnDisabled">{{::('RequestAccess'|translate)}}</a>
</div>

<div class="modal-content add2wl" ng-switch on="context">
    <div ng-switch-default>
        <pl-modal-title ng-if="!showSubscriptionRequest" close-action="onClickCancel()" text="'AddDocumentToWishlistTitle'"></pl-modal-title>
        <pl-modal-title ng-if="showSubscriptionRequest" close-action="onClickCancel()" text="'AddDocumentToRequests'"></pl-modal-title>
        <div class="modal-body">
            <h2>{{::("DocumentRequestedColon"|translate)}}</h2>
            <p>{{modalOptions.docTitle}}</p>
            <hr />
            <p ng-bind-html="Description"></p>
            <form name="addToWishlistForm">
                <textarea name="justification" class="form-control" ng-model="modalOptions.justification" ng-maxlength="2048" maxlength="2048">

{{::("UsageReportingAdminRole"|translate)}}

{{::("ShoppingCartAdminRole"|translate)}}

{{::("ISECustomCollectionRole"|translate)}}

{{::("ISESalesRepRole"|translate)}}

{{::("DataOwnershipManagement"|translate)}}

{{::("RLMTRole"|translate)}}

{{::("ISECustomSectionsRole"|translate)}}

{{::("ISENoteRole"|translate)}}

{{::("ISEMyPublicationsRole"|translate)}}

{{::("KnowledgeCollectionAdminRole"|translate)}}

{{::("HybridCloudAdminRole"|translate)}}

{{::("IntelligentLinkingToolAdminRole"|translate)}}

{{::('Date' | translate)}}

{{::('Location' | translate)}}

{{::('ChangeOrChanges' | translate)}}

{{::('Name' | translate)}}

{{::('Details' | translate)}}

{{::("CustomCollectionRenewBlock" | translate)}}

{{::("CustomCollectionRenewCollection" | translate)}}

{{::("CustomCollectionUpgradeSites" | translate)}}

{{::('ReferenceLinks' | translate)}}

{{::('_Auto_US206490_0000' | translate)}}

{{::group.header}}

{{::"ManageUserData" | translate}}

{{::('ReassignManageOwnerDialogCaption'|translate)}}

{{::('ShoppingCartSettingsColon' | translate)}}

{{::('Selected' | translate)}}

{{::("ExpandYourResults" | translate)}}

{{::("UpgradeToPremium" | translate)}}

{{::("ThisDocumentIsntCurrentlyAvailable" | translate)}}

{{::("DocumentProcessingIsInProgress" | translate)}}

{{model.title}}

{{::ewbGridItem.item.Content.Title}}

{{ewbGridItem.item.Title}}

{{ewbGridItem.item.Title}}

{{ewbGridItem.item.Title}} {{ewbGridItem.item.Title}}

{{::("Description" | translate)}}

{{::("txtResultsToExpect" | translate)}}

{{::("txtGainingAccess" | translate)}}

{{filter}}

{{key}}

{{g.title}}

{{::'NotificationsTitle'|translate}}

{{patentController.PatentInfo.NumberTitle}}

{{::getTitle()}}

{{::("Description" | translate)}}

{{::("txtGainingAccess" | translate)}}

{{::group.header}}

{{::('GroupName' | translate)}}

{{:: "NotificationAndAlertSettings" | translate }}

{{:: "NotificationAndAlertSettingsMonthlyNewsBrief" | translate }}

{{:: "NotificationAndAlertSettingsWeeklyUpdates" | translate }}

{{:: "Supplements" | translate }}

{{:: "PublisherContent" | translate }}

{{:: "SelectedPublishers" | translate }}

Upload internal standards

{{::("Bookmark" | translate | wordWiseLimit:30:true)}}

{{card.DateUpdated | ihsDateUtcToLocal}}

{{card.Type | wordWiseLimit:30:true}}

{{card.DateUpdated | ihsDateUtcToLocal}}

{{::("SearchResult" | translate)}}

{{::("txtSetOfResults" | translate)}}

{{::("PatentIntelligenceColonGraph" | translate | wordWiseLimit:30:true)}}

{{card.DateUpdated | ihsDateUtcToLocal}}

{{::('Category' | translate | wordWiseLimit:30:true)}}

{{card.DateUpdated | ihsDateUtcToLocal}}

{{::(wsQueryCard.isAlert() ? "Alert" : "Query" | translate | wordWiseLimit:30:true)}}

{{card.DateUpdated | ihsDateUtcToLocal}}

{{::('Summary' | translate | wordWiseLimit:30:true)}}

{{card.DateUpdated | ihsDateUtcToLocal}}

{{::("PatentIntelligenceColonChart" | translate | wordWiseLimit:30:true)}}

{{card.DateUpdated | ihsDateUtcToLocal}}

{{::('txtItaTable' | translate | wordWiseLimit:30:true)}}

{{card.DateUpdated | ihsDateUtcToLocal}}

{{::("Close" | translate)}}

{{::("Close" | translate)}}

Raw url

HTML <a> Tag

Embedded code

{{ewbWidgetCtrl.title}}