├── scriptReplaceFilesWithExtension.ps1
├── EmployeeDirectory.css
├── Item_LargePicture_Hero.html
├── Item_Person_Table.html
├── Control_Slideshow_Hero.html
└── Control_SearchResults_Table.html


/scriptReplaceFilesWithExtension.ps1:
--------------------------------------------------------------------------------
 1 | $goodFiles = Read-Host -Prompt 'Input the path of the directory you want to copy from' 
 2 | $badFiles = Read-Host -Prompt 'Input the path of the directory you want to past to' 
 3 | $fileExtensionType = Read-Host -Prompt 'Input the extension type you want to replace (make sure to include .extensionname)'
 4 | Get-ChildItem $goodFiles | ForEach-Object {
 5 |     $currentFile = $_
 6 |     $currentFileName =  $_.BaseName
 7 |     Write-Host $currentFile
 8 |     $badFileLocation = Get-ChildItem -Recurse $badFiles | Where-Object { $_.BaseName -Match "$currentFileName" -and $_.extension -eq $fileExtensionType} | Select-Object -ExpandProperty DirectoryName
 9 | 
10 |     if($badFileLocation) {   # if this variable is not null, we've found original file location
11 |         Write-Host "found file [$currentFile] in location: [$badFileLocation]. overwriting the original."
12 |         Copy-Item -Path $goodFiles\$currentFile -Destination $badFileLocation -Force
13 |         Write-Host "Deleting [$fileExtensionType] : [$badFileLocation][$currentFileName].jse file"
14 |         Remove-Item -Path $badFileLocation\$currentFileName.jse -Force
15 |     }
16 |     else {
17 |         Write-Warning "Could not find a [$fileExtensionType] file named [$currentFileName] in location [$badFiles]."
18 |     }
19 | 
20 | }


--------------------------------------------------------------------------------
/EmployeeDirectory.css:
--------------------------------------------------------------------------------
  1 | /* Alpha links for search */
  2 | #DeltaPlaceHolderSearchArea{
  3 | 	display:none;
  4 | }
  5 | .ms-core-suiteLinkList{
  6 | 	display:none;
  7 | }
  8 | #ResultHeader{
  9 | 	margin:5px 5px 5px 5px!important;
 10 | 	display:block!important;
 11 | }
 12 | .note{
 13 | 	width:33%;
 14 | 	float:right;
 15 | }
 16 | #edir-alpha-links {
 17 | 	margin-top:10px;
 18 | }
 19 | #edir-alpha-links span {
 20 | 	padding:0 3px 0 3px;
 21 | 	width:35px;
 22 | 	font-size:18px;
 23 | }
 24 | #edir-alpha-links span.no-link {
 25 | 	padding:0 6px 0 6px;
 26 | }
 27 | #edir-alpha-links span a {
 28 | 	padding:0 3px 0 3px;
 29 | 	border-radius:6px 6px 6px 6px;
 30 | 	background-color:#26917b;
 31 | 	color:#fff;
 32 | }
 33 | #edir-alpha-links span a.selected {
 34 | 	background-color:#26917b;
 35 | }
 36 | /* Alpha links for search */
 37 | .ms-listviewtable{
 38 | 	border-collapse:collapse!important;
 39 | }
 40 | .peopleItem td{
 41 | 	border:thin black solid;
 42 | }
 43 | .peopleHeader {
 44 | }
 45 | .peopleHeader td{
 46 | 	border:thin black solid;
 47 | }
 48 | 
 49 | tbody:nth-child(even) {
 50 | 	    background-color: #d3d3d3;
 51 | 
 52 | }
 53 | tr:nth-child(even) {
 54 |     /*background-color: #d3d3d3;*/
 55 | }
 56 | .ms-viewheadertr {
 57 | 	background:#26917b;
 58 | }
 59 | .ms-vh2{
 60 | 	color:white;
 61 | 	font-weight:bold;
 62 | 	font-size:10pt;
 63 | 	text-align:center;
 64 | }
 65 | .label {
 66 | 	width:46%;
 67 | 	margin-top:8px;
 68 | 	margin-right:10px;
 69 | 	font-weight:bold;
 70 | 	float:none!important;
 71 | }
 72 | .ms-vh2 {
 73 | }
 74 | .clear {
 75 | 	clear:both;
 76 | }
 77 | .left{
 78 | 	float:left;
 79 | 	width:40%
 80 | }
 81 | .right{
 82 | 	float:right;
 83 | 	width:40%;
 84 | }
 85 | .btnRight{
 86 | 	float:right;
 87 | 	width:20%;
 88 | }
 89 | .profileDetail{
 90 | 	padding:15px;
 91 | 	position:fixed;
 92 | 	width:800px;
 93 | 	top: 40%;
 94 | 	left: 50%;
 95 | 	margin-left: -400px; 
 96 | 	margin-top: -40px;
 97 | 	z-index:100;
 98 | }
 99 | .ms-srch-sb-border{
100 | 	border:thin black solid!important;
101 | }


--------------------------------------------------------------------------------
/Item_LargePicture_Hero.html:
--------------------------------------------------------------------------------
 1 | <html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"> 
 2 | <head>
 3 | <title>Hero Large Picture</title>
 4 | 
 5 | <!--[if gte mso 9]><xml>
 6 | <mso:CustomDocumentProperties>
 7 | <mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden>
 8 | <mso:ManagedPropertyMapping msdt:dt="string">&#39;Picture URL&#39;{Picture URL}:&#39;PublishingImage;PictureURL;PictureThumbnailURL&#39;,&#39;Link URL&#39;{Link URL}:&#39;Path&#39;,&#39;Line 1&#39;{Line 1}:&#39;Title&#39;,&#39;Line 2&#39;{Line 2}:&#39;Description&#39;,&#39;SecondaryFileExtension&#39;,&#39;ContentTypeId&#39;</mso:ManagedPropertyMapping>
 9 | <mso:MasterPageDescription msdt:dt="string">This Item Display Template will show an item image with the title of the item overlaying the image. It is best used with the Slideshow Control Display Template and with images that are more than 400 pixels wide.</mso:MasterPageDescription>
10 | <mso:ContentTypeId msdt:dt="string">0x0101002039C03B61C64EC4A04F5361F385106603</mso:ContentTypeId>
11 | <mso:TargetControlType msdt:dt="string">;#Content Web Parts;#</mso:TargetControlType>
12 | <mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
13 | <mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
14 | <mso:HtmlDesignStatusAndPreview msdt:dt="string">https://mtrx.sharepoint.com/sites/MyMatrixMattersDev/_catalogs/masterpage/Display%20Templates/Content%20Web%20Parts/Item_LargePicture_Hero.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
15 | </mso:CustomDocumentProperties>
16 | </xml><![endif]-->
17 | </head>
18 | 
19 | <body>
20 | 
21 |     <!--
22 |             Warning: Do not try to add HTML to this section. Only the contents of the first <div>
23 |             inside the <body> tag will be used while executing Display Template code. Any HTML that
24 |             you add to this section will NOT become part of your Display Template.
25 |     -->
26 |     <script>
27 |         $includeLanguageScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Language Files/{Locale}/CustomStrings.js");
28 |     </script>
29 | 
30 |     <!--
31 |         Use the div below to author your Display Template. Here are some things to keep in mind:
32 |         * Surround any JavaScript logic as shown below using a "pound underscore" (#_ ... _#) token
33 |         inside a comment.
34 | 
35 |         * Use the values assigned to your variables using an "underscore pound equals"
36 |         (_#= ... =#_) token.
37 |     -->
38 | 
39 |     <div id="Item_LargePicture">
40 | <!--#_
41 | var encodedId = $htmlEncode(ctx.ClientControl.get_nextUniqueId() + "_largePicture_");
42 | 
43 | var linkURL = $getItemValue(ctx, "Link URL");
44 | linkURL.overrideValueRenderer($urlHtmlEncodeValueObject);
45 | 
46 | var line1 = $getItemValue(ctx, "Line 1");
47 | var line2 = $getItemValue(ctx, "Line 2");
48 | 
49 | var pictureURL = $getItemValue(ctx, "Picture URL");
50 | var pictureId = encodedId + "picture";
51 | var pictureMarkup = Srch.ContentBySearch.getPictureMarkup(pictureURL, 814, 457, ctx.CurrentItem, "media", line1, pictureId);
52 | 
53 | var containerId = encodedId + "container";
54 | var pictureLinkId = encodedId + "pictureLink";
55 | var pictureContainerId = encodedId + "pictureContainer";
56 | var dataContainerId = encodedId + "dataContainer";
57 | var dataContainerOverlayId = encodedId + "dataContainerOverlay";
58 | var line1LinkId = encodedId + "line1Link";
59 | var line1Id = encodedId + "line1";
60 | var line2Id = encodedId + "line2";
61 |  _#-->
62 |         <div class="cbs-largePictureContainer" id="_#= containerId =#_" data-displaytemplate="ItemLargePicture">
63 |             <div class="cbs-largePictureImageContainer" id="_#= pictureContainerId =#_" style="width:100%!important;height:458px!important;max-height:900px!important;max-width:900px!important;">
64 |                 <a class="cbs-pictureImgLink" href="_#= linkURL =#_" title="_#= $htmlEncode(line1) =#_" id="_#= pictureLinkId =#_">
65 |                     _#= pictureMarkup =#_
66 |                 </a>
67 |             </div>
68 |             <div class="cbs-largePictureDataOverlay"  id="_#= dataContainerOverlayId =#_" style="width:100%!important;"></div>
69 |             <div class="video-capture cbs-largePictureDataContainer" id="_#= dataContainerId =#_">
70 |                 <a class="cbs-largePictureLine1Link" href="_#= linkURL =#_" title="_#= $htmlEncode(line1) =#_" id="_#= line1LinkId =#_">
71 |                     <h1 id="_#= line1Id =#_"> _#= line1 =#_</h1>
72 |                 </a>
73 |             </div>
74 |         </div>
75 |     </div>
76 | </body>
77 | </html>
78 | 


--------------------------------------------------------------------------------
/Item_Person_Table.html:
--------------------------------------------------------------------------------
  1 | <html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"> 
  2 | <head>
  3 | <title>People Search Table Item</title>
  4 | 
  5 | <!--[if gte mso 9]><xml>
  6 | <mso:CustomDocumentProperties>
  7 | <mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden>
  8 | <mso:MasterPageDescription msdt:dt="string">Displays a result tailored for a person.</mso:MasterPageDescription>
  9 | <mso:ContentTypeId msdt:dt="string">0x0101002039C03B61C64EC4A04F5361F385106603</mso:ContentTypeId>
 10 | <mso:TargetControlType msdt:dt="string">;#SearchResults;#</mso:TargetControlType>
 11 | <mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
 12 | <mso:CrawlerXSLFile msdt:dt="string"></mso:CrawlerXSLFile>
 13 | <mso:ManagedPropertyMapping msdt:dt="string">&#39;AccountName&#39;:&#39;AccountName&#39;,&#39;FirstName&#39;:&#39;FirstName&#39;,&#39;LastName&#39;:&#39;LastName&#39;,&#39;Department&#39;:&#39;Department&#39;,&#39;JobTitle&#39;:&#39;JobTitle&#39;,&#39;Path&#39;:&#39;Path&#39;,&#39;PictureURL&#39;:&#39;PictureURL&#39;,&#39;PreferredName&#39;:&#39;PreferredName&#39;,&#39;WorkEmail&#39;:&#39;WorkEmail&#39;,&#39;WorkPhone&#39;:&#39;WorkPhone&#39;,&#39;MobilePhone&#39;:&#39;MobilePhone&#39;,&#39;YomiDisplayName&#39;:&#39;YomiDisplayName&#39;,&#39;Skills&#39;:&#39;Skills&#39;,&#39;BaseOfficeLocation&#39;:&#39;BaseOfficeLocation&#39;,&#39;AboutMe&#39;:&#39;AboutMe&#39;,&#39;Interest&#39;:&#39;Interests&#39;,&#39;Schools&#39;:&#39;Schools&#39;</mso:ManagedPropertyMapping>
 14 | <mso:HtmlDesignPreviewUrl msdt:dt="string"></mso:HtmlDesignPreviewUrl>
 15 | <mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
 16 | <mso:HtmlDesignStatusAndPreview msdt:dt="string">https://activeinetservices.sharepoint.com/sites/xyz/_catalogs/masterpage/Display Templates/Content Web Parts/Custom/Item_Person_Table.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
 17 | </mso:CustomDocumentProperties>
 18 | </xml><![endif]-->
 19 | </head>
 20 | <body>
 21 |     <div id="Item_Person">
 22 | <!--#_ 
 23 | 		if(!$isNull(ctx.CurrentItem) && !$isNull(ctx.ClientControl)){
 24 | 			var encodedPath = $urlHtmlEncode(ctx.CurrentItem.Path);    
 25 | 			var id = ctx.ClientControl.get_nextUniqueId();
 26 |                     var itemId = id + Srch.U.Ids.item;
 27 | 			 var hoverId = id + Srch.U.Ids.hover;
 28 |              var hoverUrl = "~sitecollection/_catalogs/masterpage/Display Templates/Search/Item_Default_HoverPanel.js";   
 29 |              var accountName = ctx.CurrentItem.AccountName;
 30 |              var userName = accountName.substr(accountName.indexOf('\\') + 1)             
 31 |              var imgLink = "/_layouts/15/userphoto.aspx?size=L&accountname=" + $htmlEncode(ctx.CurrentItem.WorkEmail);
 32 | 
 33 |  				ctx.currentItem_ShowHoverPanelCallback = Srch.U.getShowHoverPanelCallback(itemId, hoverId, hoverUrl);
 34 |                     ctx.currentItem_HideHoverPanelCallback = Srch.U.getHideHoverPanelCallback();
 35 |                     _#-->
 36 |                     
 37 |                     
 38 | <!--#_
 39 | 			// If this is the first item in the results, emit the table header
 40 | 			if(ctx.CurrentItemIdx === 0) {
 41 | _#-->
 42 | 				<thead class="peopleHeader">
 43 | 					<tr class="ms-viewheadertr ms-vhltr">
 44 | 						<td class="ms-vh2">Display Name</td>
 45 | 						<td class="ms-vh2">First Name
 46 | 														<a href="#" title="FirstName ASC" onclick="$getClientControl(this).sortOrRank('FirstName-ASC');return false;">
 47 |     <img alt="Ascending" src="/_layouts/15/images/sortaz.gif">
 48 | </a>
 49 | <a href="#" title="FirstName DES" onclick="$getClientControl(this).sortOrRank('FirstName-DES');return false;">
 50 |     <img alt="Descending" src="/_layouts/15/images/sortza.gif">
 51 | </a>
 52 | 
 53 | 						</td>
 54 | 						<td class="ms-vh2">Last Name
 55 | 						</td>
 56 | 				
 57 | 						<td class="ms-vh2">Title</td>
 58 | 						<td class="ms-vh2">Office</td>
 59 | 						<td class="ms-vh2">Department</td>
 60 | 						<td class="ms-vh2">Work #</td>
 61 | 						<td class="ms-vh2">Mobile #</td>
 62 | 						<td class="ms-vh2">Email</td>
 63 | 					</tr>
 64 | 				</thead>
 65 | <!--#_ 
 66 | 			} 
 67 | _#-->
 68 | <tbody class="peopleItem">
 69 | 			<tr>
 70 | 				<td class="ms-vb2">
 71 | 					<a clicktype="Result" id="NameFieldLink" style="cursor: pointer; cursor: hand; " onclick="javascript:document.getElementById('_#= $htmlEncode(hoverId) =#_').style.display = 'block';"  title="_#= ctx.CurrentItem.PreferredName =#_">_#= ctx.CurrentItem.PreferredName =#_ </a>
 72 | 				</td>
 73 | 				<td class="ms-vb2">_#=ctx.CurrentItem.FirstName=#_</td>		
 74 | 				<td class="ms-vb2">_#=ctx.CurrentItem.LastName=#_</td>	
 75 | 				<td class="ms-vb2">_#=ctx.CurrentItem.JobTitle=#_</td>		
 76 |                 <td class="ms-vb2">_#= ctx.CurrentItem.BaseOfficeLocation =#_</td>
 77 | 				<td class="ms-vb2">_#=ctx.CurrentItem.Department=#_</td>
 78 | 				<td class="ms-vb2"><a href="tel:_#=ctx.CurrentItem.WorkPhone=#_">_#=ctx.CurrentItem.WorkPhone=#_</a></td>				
 79 | 				<td class="ms-vb2"><a href="tel:_#=ctx.CurrentItem.MobilePhone=#_">_#=ctx.CurrentItem.MobilePhone=#_</a></td>
 80 | 				<td class="ms-vb2">
 81 | 					<a href="mailto:_#=ctx.CurrentItem.WorkEmail=#_">_#=ctx.CurrentItem.WorkEmail=#_</a>
 82 | 				</td>
 83 | 			</tr>
 84 | 			</tbody>
 85 | <!--#_ 
 86 | 	} 
 87 | _#-->
 88 |     <div id="_#= $htmlEncode(hoverId) =#_" class="profileDetail" style="display:none;">
 89 |             <div style="background-color:#fff;box-shadow:10px 10px 5px #888;border:1px #000 solid;padding:10px;">
 90 |                 <h2 class="left">Profile Detail</h2>
 91 |             <button id="close" class="btnRight" name="Close" value="Close" onclick="javascript:document.getElementById('_#= $htmlEncode(hoverId) =#_').style.display = 'block';">Close</button>
 92 |                   <div class="clear"></div>
 93 |                   
 94 |                 <div class="clear"></div>
 95 |                <div class="left">
 96 |                  <label class="label">Name:</label>
 97 |                       _#=ctx.CurrentItem.PreferredName=#_
 98 |                 </div>	
 99 |               <div class="right">
100 |                  <!--<img style="height:100px;width:100px;" src="_#=ctx.CurrentItem.PictureURL=#_"/>-->
101 |                   <img style="height:150px;width:150px;" src="_#=imgLink=#_"/>
102 |                 </div>
103 |                 <div class="left">
104 |                 <label class="label">Email:</label>
105 |                     <a href="mailto:_#=ctx.CurrentItem.WorkEmail=#_">_#=ctx.CurrentItem.WorkEmail=#_</a>
106 |                 </div>
107 |                  <div class="left">
108 |                 <label class="label">Title:</label>
109 |                     _#=ctx.CurrentItem.JobTitle=#_
110 |                 </div>
111 |  				<div class="left">
112 |                 <label class="label">Department:</label>
113 |                     _#=ctx.CurrentItem.Department=#_
114 |                 </div>
115 |  				<div class="left">
116 |                 <label class="label">Skills:</label>
117 |                    _#=ctx.CurrentItem.Skills=#_
118 |                 </div>
119 |  				<div class="left">
120 |                 <label class="label">About Me:</label>
121 |                    _#=ctx.CurrentItem.AboutMe=#_
122 |                 </div>
123 |  				<div class="left">
124 |                 <label class="label">Office:</label>
125 |                     _#=ctx.CurrentItem.BaseOfficeLocation=#_
126 |                 </div>
127 |                 <div class="left">
128 |                 <label class="label">Work Phone:</label>
129 |                     _#=ctx.CurrentItem.WorkPhone=#_
130 |                 </div>
131 |                 <div class="clear"></div>
132 |   					<div>
133 |                 <label class="label">Mobile Phone:</label>
134 |                     _#=ctx.CurrentItem.MobilePhone=#_
135 |                 </div>
136 |             </div>
137 |         </div>
138 | 
139 |     </div>
140 | </body>
141 | </html>
142 | 


--------------------------------------------------------------------------------
/Control_Slideshow_Hero.html:
--------------------------------------------------------------------------------
  1 | <html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"> 
  2 | <head>
  3 | <title>Hero Image Slideshow</title>
  4 | 
  5 | <!--[if gte mso 9]><xml>
  6 | <mso:CustomDocumentProperties>
  7 | <mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden>
  8 | <mso:MasterPageDescription msdt:dt="string">This Control Display Template will show a picture slideshow that rotates through a set of items every 5 seconds. It will show one item at a time with the title of the item overlaying the picture.</mso:MasterPageDescription>
  9 | <mso:ContentTypeId msdt:dt="string">0x0101002039C03B61C64EC4A04F5361F385106601</mso:ContentTypeId>
 10 | <mso:TargetControlType msdt:dt="string">;#Content Web Parts;#</mso:TargetControlType>
 11 | <mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
 12 | <mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
 13 | <mso:HtmlDesignStatusAndPreview msdt:dt="string">https://mtrx.sharepoint.com/sites/MyMatrixMattersDev/_catalogs/masterpage/Display%20Templates/Content%20Web%20Parts/Control_Slideshow_Hero.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
 14 | </mso:CustomDocumentProperties>
 15 | </xml><![endif]-->
 16 | </head>
 17 | 
 18 | <body>
 19 | 
 20 |     <!--
 21 |             Warning: Do not try to add HTML to this section. Only the contents of the first <div>
 22 |             inside the <body> tag will be used while executing Display Template code. Any HTML that
 23 |             you add to this section will NOT become part of your Display Template.
 24 |     -->
 25 |     <script>
 26 |         $includeLanguageScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Language Files/{Locale}/CustomStrings.js");
 27 |     </script>
 28 | 
 29 |     <!--
 30 |         Use the div below to author your Display Template. Here are some things to keep in mind:
 31 |         * Surround any JavaScript logic as shown below using a "pound underscore" (#_ ... _#) token
 32 |         inside a comment.
 33 | 
 34 |         * Use the values assigned to your variables using an "underscore pound equals"
 35 |         (_#= ... =#_) token.
 36 |     -->
 37 | 
 38 |     <div id="Slideshow">
 39 | <!--#_ 
 40 | var $noResults = Srch.ContentBySearch.getControlTemplateEncodedNoResultsMessage(ctx.ClientControl);
 41 | 
 42 | if (!$isNull(ctx.ClientControl) &&
 43 |     !$isNull(ctx.ClientControl.shouldRenderControl) &&
 44 |     !ctx.ClientControl.shouldRenderControl())
 45 | {
 46 |     return "";
 47 | }
 48 | ctx.ListDataJSONGroupsKey = "ResultTables";
 49 | 
 50 | window.cbs_Slideshow_init = function(controlDiv){
 51 |     if(!controlDiv.timer){
 52 |         cbs_Slideshow_setSlideStatus(controlDiv.children[0].children[0], controlDiv.children[2].children[0], true);
 53 |         var timer = document.createAttribute("timer");
 54 |         controlDiv.setAttributeNode(timer);
 55 | 
 56 |         cbs_addMouseHandlers(controlDiv);
 57 | 
 58 |         var numResults = ctx.ClientControl.get_numberOfItems();
 59 |         if($isNull(window._slideShowCount))
 60 |         {
 61 |             window._slideShowCount = {};
 62 |         }
 63 |         window._slideShowCount[controlDiv.id] = numResults;
 64 | 
 65 |         var startIndex = cbs_getStyle(controlDiv, 'direction') != 'rtl' ? 0 : numResults - 1;
 66 |         cbs_Slideshow_changeSlide(controlDiv, startIndex);
 67 |         cbs_Slideshow_timer(controlDiv, startIndex);
 68 |     }
 69 | };
 70 | 
 71 | window.cbs_addMouseHandlers = function(slideshow)
 72 | {
 73 |     if($isNull(slideshow) || $isNull(slideshow.children) || slideshow.children.length == 0 || 
 74 |         $isNull(slideshow.children[0].children) || slideshow.children[0].children.length == 0){
 75 |         return;
 76 |     }
 77 |     var slideItems = slideshow.children[0].children;
 78 |     for(var slideNum = 0; slideNum < slideItems.length; slideNum++){
 79 | 
 80 |         (function()
 81 |         {
 82 |             var currentSlideNumber = slideNum;
 83 |             var slideItem = slideItems[currentSlideNumber];
 84 |             cbs_addEventListener(slideItem, 'mouseover', function(){ clearTimeout(slideshow.timer); });
 85 |             cbs_addEventListener(slideItem, 'mouseout', function(){ cbs_Slideshow_changeSlide(slideshow, currentSlideNumber); }); 
 86 |         })();
 87 |     }
 88 | }
 89 | 
 90 | window.cbs_Slideshow_timer = function(controlDiv, currentIdx){
 91 |     var TimerDelayMilliSeconds = 5000;
 92 |     if($isNull(controlDiv) || controlDiv.children.length == 0){
 93 |         setTimeout(function(){cbs_Slideshow_timer(controlDiv, currentIdx); controlDiv = null; currentIdx = null;}, TimerDelayMilliSeconds);
 94 |         return;
 95 |     }
 96 | 
 97 |     currentIdx += cbs_getStyle(controlDiv, 'direction') != 'rtl' ? 1 : -1;
 98 |     var numResults = window._slideShowCount[controlDiv.id];
 99 |     if(currentIdx >= numResults){
100 |         currentIdx = 0;
101 |     }
102 |     else if(currentIdx < 0)
103 |     {
104 |         currentIdx = numResults - 1;
105 |     }
106 |     clearTimeout(controlDiv.timer);
107 |     controlDiv.timer = setTimeout(function(){cbs_Slideshow_changeSlide(controlDiv, currentIdx); controlDiv = null; currentIdx = null;}, TimerDelayMilliSeconds);
108 | };
109 | 
110 | window.cbs_Slideshow_onclick = function(target, idx){
111 |     var slideshow = target.parentNode.parentNode;
112 | 
113 |     clearTimeout(slideshow.timer);
114 |     cbs_Slideshow_changeSlide(slideshow, idx);
115 | };
116 | 
117 | window.cbs_Slideshow_changeSlide = function(slideshow, slideIndex){
118 |     if($isNull(slideshow)){return;}
119 |     if($isNull(slideshow.children) || slideshow.children.length == 0){cbs_Slideshow_timer(slideshow, slideIndex); return;}
120 | 
121 |     var slideItems = slideshow.children[0].children;
122 |     var buttonItems = slideshow.children[2].children;
123 |     var numResults = slideItems.length;
124 |     for(var k = 0; k < numResults; k++){
125 |         if(k == slideIndex) {continue;}
126 |         var buttonElement = k < buttonItems.length ? buttonItems[k] : null;
127 |         cbs_Slideshow_setSlideStatus(slideItems[k], buttonElement, false);
128 |     }
129 |     if(slideIndex >= 0 && slideIndex < numResults){
130 |         var buttonElement = slideIndex < buttonItems.length ? buttonItems[slideIndex] : null;
131 |         cbs_Slideshow_setSlideStatus(slideItems[slideIndex], buttonElement, true);
132 |     }
133 | 
134 |     cbs_Slideshow_timer(slideshow, slideIndex); 
135 | };
136 | 
137 | window.cbs_Slideshow_setSlideStatus = function(slideElement, buttonElement, isActive){
138 |     if(!$isNull(slideElement)){
139 |         slideElement.style.display = isActive ? "block" : "none";
140 |     }
141 |     if(!$isNull(buttonElement)){
142 |         var activeButtonClassName = "owl-dot active";
143 |         var inactiveButtonClassName = "owl-dot inactive";
144 |         var oldClassName = isActive ? inactiveButtonClassName : activeButtonClassName;
145 |         var newClassName = isActive ? activeButtonClassName : inactiveButtonClassName;
146 |         buttonElement.className = buttonElement.className.replace(oldClassName, newClassName);
147 |     }
148 | }
149 | 
150 | window.cbs_getStyle = function(element,propertyName)
151 | {
152 |     var styleValue = null;
153 |     if($isNull(element)){return styleValue;}
154 | 
155 |     if (element.currentStyle){
156 |         styleValue = element.currentStyle[propertyName];
157 |     }
158 |     else if (window.getComputedStyle){
159 |         styleValue = document.defaultView.getComputedStyle(element,null).getPropertyValue(propertyName);
160 |     }
161 |     return styleValue;
162 | }
163 | 
164 | window.cbs_addEventListener = function(element, eventName, func)
165 | {
166 |     if(!$isNull(element) && !$isEmptyString(eventName) && !$isNull(func))
167 |     {
168 |         if(!$isNull(element.addEventListener))
169 |         {
170 |             element.addEventListener(eventName, func);
171 |         }
172 |         else if (!$isNull(element.attachEvent))
173 |         {
174 |             eventName = eventName.indexOf("on") == 0 ? eventName : "on" + eventName;
175 |             element.attachEvent(eventName, func);
176 |         }
177 |     }
178 | }
179 | 
180 | var encodedId = $htmlEncode(ctx.ClientControl.get_nextUniqueId() + "_slideShow_");
181 | var itemsContainerId = encodedId + "container";
182 | var pagingOverlayId = encodedId + "pagingOverlay";
183 | var pagingBarId = encodedId + "pagingBar";
184 | var pagingMoreId = encodedId + "pagingMore";
185 | 
186 | ctx.OnPostRender = [];
187 | 
188 | ctx.OnPostRender.push(function(){
189 |     var slideshows = document.querySelectorAll(".cbs-Slideshow");
190 | 
191 |     for(var i = 0; i < slideshows.length; i++){
192 |         cbs_Slideshow_init(slideshows[i]);
193 |     }
194 | });
195 | _#-->
196 |         <div class="cbs-Slideshow" id="_#= encodedId =#_" data-displaytemplate="ControlSlideshow" style="width:100%!important;height:458px!important;">
197 |             <div class="cbs-SlideshowItems" id="_#= itemsContainerId =#_">
198 |                 _#= ctx.RenderGroups(ctx) =#_
199 |             </div>
200 | <!--#_
201 | if (ctx.ClientControl.get_shouldShowNoResultMessage()){
202 | _#-->
203 |             <div class="cbs-SlideShow-noResults">_#= $noResults =#_</div>
204 | <!--#_
205 | }
206 | _#-->
207 |             <div class="cbs-SlideshowPagingBarOverlay" id="_#= pagingOverlayId =#_"></div>
208 |             <div class="owl-dots" id="_#= pagingBarId =#_">
209 |         
210 | <!--#_
211 | var MaxNumOfResults = 12;
212 | var numResults = ctx.ClientControl.get_numberOfItems();
213 | var numResultsToShowPaging = Math.min(numResults, MaxNumOfResults);
214 | for(var i = 0; i < numResultsToShowPaging; i++){
215 |     var anchorId = encodedId + "pagingControl" + i;
216 | _#-->
217 |                 <a class="owl-dot inactive" href="javascript:{}" onclick="cbs_Slideshow_onclick(this, _#= i =#_);" id="_#= anchorId =#_">
218 |                     <span>&nbsp;</span>
219 |                 </a>
220 | <!--#_
221 | }
222 | if(numResults > numResultsToShowPaging){
223 | _#-->
224 |                 <div class="cbs-SlideshowPaging-More" id="_#= pagingMoreId =#_">
225 |                     <span>&hellip;</span>
226 |                 </div>
227 | <!--#_
228 | }
229 | _#-->
230 |             </div>
231 |         </div>
232 |     </div>
233 | </body>
234 | </html>
235 | 


--------------------------------------------------------------------------------
/Control_SearchResults_Table.html:
--------------------------------------------------------------------------------
  1 | <html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"> 
  2 | <head>
  3 | <title>People Search Table Control</title>
  4 | 
  5 | <!--[if gte mso 9]><xml>
  6 | <mso:CustomDocumentProperties>
  7 | <mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden>
  8 | <mso:MasterPageDescription msdt:dt="string">Displays the Search Results control.</mso:MasterPageDescription>
  9 | <mso:ContentTypeId msdt:dt="string">0x0101002039C03B61C64EC4A04F5361F385106601</mso:ContentTypeId>
 10 | <mso:TargetControlType msdt:dt="string">;#SearchResults;#</mso:TargetControlType>
 11 | <mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
 12 | <mso:HtmlDesignStatusAndPreview msdt:dt="string">https://activeinetservices.sharepoint.com/sites/xyz/_catalogs/masterpage/Display Templates/Content Web Parts/Custom/Control_SearchResults_Table.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
 13 | <mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
 14 | <mso:CrawlerXSLFile msdt:dt="string"></mso:CrawlerXSLFile>
 15 | <mso:HtmlDesignPreviewUrl msdt:dt="string"></mso:HtmlDesignPreviewUrl>
 16 | </mso:CustomDocumentProperties>
 17 | </xml><![endif]-->
 18 | </head>
 19 | <body>
 20 | 	<script>
 21 | 		$includeCSS(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Content Web Parts/Custom/EmployeeDirectory.css");
 22 | 		$includeLanguageScript(this.url, location.protocol + "//code.jquery.com/jquery-1.11.2.min.js");
 23 | 	</script>
 24 | 
 25 |     <div id="Control_SearchResults">
 26 | 
 27 | <!--#_
 28 | 		// Make REST calls to the Search API to "light up" the letters.
 29 | 		var alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
 30 | 		var letters = alphabet.split("");
 31 | 		var lettersSearch = []; // Array to hold the AJAX promises
 32 | 		var currentSearch = (location.href.indexOf("k=lastname%3A") > 0) ? location.href.split("k=lastname%3A")[1].substr(0, 1) : "";
 33 | 		var thisPage = location.pathname;
 34 | _#-->                    
 35 | 
 36 | 		<!-- Alpha selector container -->
 37 | 		<div id="edir-alpha-links">
 38 | 			<span><a href=_#=thisPage=#_>All</a></span>
 39 | <!--#_
 40 | 		// Loop through the alphabet and make a call to the search API for each starting letter
 41 | 		for(var i=0; i < letters.length; i++) {
 42 | 			var searchTerm = letters[i];
 43 | 			var letterClass = (currentSearch === searchTerm) ? "selected" : "";		
 44 | 
 45 | 			// TODO Build the calls into one REST $batch. See: http://www.andrewconnell.com/blog/part-1-sharepoint-rest-api-batching-understanding-batching-requests
 46 | 			lettersSearch[i] = getSearchResultsUsingREST("LastName%3A" + searchTerm + "*");
 47 | _#-->
 48 | 			<span id="edir-alpha-links-_#= searchTerm =#_">
 49 | 				<a class="_#=letterClass=#_" href="_#= location.pathname =#_#k=lastname%3A_#= searchTerm =#_*">_#= searchTerm =#_</a>
 50 | 			</span>
 51 | <!--#_
 52 | 		}
 53 | _#-->                    
 54 | 		</div>	
 55 | <!--#_
 56 | 		// When all the requests have completed...
 57 | 		$.when.apply($, lettersSearch).done(function() {
 58 | 
 59 | 			for(var i=0; i < letters.length; i++) {
 60 | 		
 61 | 				var searchTerm = letters[i];		
 62 | 				var count = this[i];
 63 | 
 64 | 				var letter = $("#edir-alpha-links-" + letters[i]);
 65 | 				if(count == 0) {
 66 | 					letter.html(searchTerm);
 67 | 					letter.addClass("no-link");
 68 | 				};
 69 | 			}
 70 | 
 71 | 		});
 72 | 
 73 | 		function getSearchResultsUsingREST(queryText) {
 74 | 		
 75 | 			var result = new $.Deferred();
 76 | 			var resultCount = 0;
 77 | 		
 78 | 			// We only need to fetch the first result for each letter to know if we should light it up
 79 | 			// The sourceId is the GUID for the 'Local People Results' Result Source
 80 | 			var searchUrl = _spPageContextInfo.webAbsoluteUrl + "/_api/search/query?querytext='" + queryText + "'&sourceId=%27b09a7990-05ea-4af9-81ef-edfab16c4e31%27&rowlimit=1&selectproperties='WorkId'";
 81 | 		
 82 | 			var p = $.ajax({
 83 | 				url: searchUrl,
 84 | 				method: "GET",
 85 | 				headers: { "Accept": "application/json; odata=verbose" }
 86 | 			});
 87 | 			
 88 | 			p.done(function(data) {
 89 | 				// Return just the count of results, which will be 0 or 1
 90 | 				result.resolveWith(data.d.query.PrimaryQueryResult.RelevantResults.RowCount);
 91 | 			});
 92 | 		
 93 | 			return result.promise();
 94 | 		}
 95 | 
 96 | _#-->                    
 97 | 
 98 | 
 99 | 
100 | <!--#_
101 |         if (Srch.U.shouldAnimate(ctx.DataProvider)){            
102 |             Srch.U.hideElement(ctx.ClientControl.get_element());
103 |             ctx.OnPostRender = function(){ Srch.U.animateResults(ctx.ClientControl, ctx.DataProvider.get_userAction()); }; 
104 |         }
105 | _#-->                    
106 |         <div class="ms-srch-result" id="Result" name="Control">
107 | <!--#_ 
108 |             if(!$isNull(ctx.ScriptApplicationManager) && !$isNull(ctx.DataProvider) && !$isNull(ctx.ClientControl)){
109 |                 var appStates = ctx.ScriptApplicationManager.states;
110 | 
111 |                 var getUpScopeHtml;
112 |                 if(ctx.ClientControl.get_showUpScopeMessage()){  
113 |                     getUpScopeHtml = function(linkId) {
114 |                         var upScopeUrl = ctx.DataProvider.get_upScopeUrl();
115 |                         if (!$isEmptyString(upScopeUrl)) {
116 |                             var upScopeTitle = String.format($resource("rs_UpscopeTitle"), $resource("rs_UpScopeActionPhrase"));
117 |                             var upScopeLinkHtml = String.format('<a id="{0}" href="{1}" class="ms-searchNotification" title="{2}">' + 
118 |                                 $htmlEncode($resource("rs_UpScopeActionPhrase")) +
119 |                             '</a>', $htmlEncode(linkId), $urlHtmlEncode(upScopeUrl), $htmlEncode(upScopeTitle));
120 |                             return String.format($htmlEncode($resource("rs_Upscope")), upScopeLinkHtml);
121 |                         }
122 |                     };
123 | _#-->
124 |                     <div id="UpScopeLinkTop" class="ms-srch-upscope-top">
125 |                         _#= getUpScopeHtml("UpScopeLinkTopA") =#_
126 |                     </div>
127 | <!--#_                     
128 |                 }
129 |                                 var showSortOptions = ctx.ClientControl.get_showSortOptions() && !$isEmptyArray(ctx.DataProvider.get_availableSorts());
130 | 
131 |                 var availableSorts = ctx.DataProvider.get_availableSorts();
132 | 				availableSorts.push({"name":"FirstName-ASC","sorts":[{"p":"FirstName","d":0}]});
133 | 				availableSorts.push({"name":"FirstName-DES","sorts":[{"p":"FirstName","d":1}]});
134 | 				availableSorts.push({"name":"Title-ASC","sorts":[{"p":"Title","d":0}]});
135 | 				availableSorts.push({"name":"Title-DES","sorts":[{"p":"Title","d":1}]});
136 | 
137 | 				ctx.DataProvider.set_availableSorts(availableSorts);
138 |                 
139 |                 var showLanguageOptions = ctx.ClientControl.get_showLanguageOptions() && !$isNull(appStates.languages) && appStates.languages.length > 1;
140 | 
141 |                 if(showSortOptions || showLanguageOptions){                    
142 |                     var resultHeaderClassNoEncode = "ms-metadata";
143 |                     if (showLanguageOptions && !showSortOptions && ctx.ClientControl.get_repositionLanguageDropDown()) {
144 |                          resultHeaderClassNoEncode += " ms-srch-result-resultHeader-onlyLanguage";
145 |                     }
146 | _#-->                
147 |                     <div id="ResultHeader" class="_#= resultHeaderClassNoEncode =#_">
148 |                         <ul id="Actions">                    
149 | <!--#_ 
150 |                             if(showLanguageOptions){
151 |                                var languageDropDownClassNoEncode = "";
152 |                                if (ctx.ClientControl.get_repositionLanguageDropDown()) {
153 |                                     languageDropDownClassNoEncode = "ms-srch-result-languageDropDown";                                   
154 |                                }
155 | _#-->
156 |                                 <li id="Lang" class="_#= languageDropDownClassNoEncode =#_">
157 |                                     <select title="_#= $htmlEncode(Srch.Res.rs_LanguageDescription) =#_" id="LangSel" onchange="$getClientControl(this).changeQueryLanguage(this.value);">
158 | <!--#_ 
159 |                                     for (var i = 0; i < appStates.languages.length; i++) {
160 |                                         var lang = appStates.languages[i];
161 |                                         if(ctx.DataProvider.get_currentQueryState().l == lang.id) { 
162 | _#-->
163 |                                             <option selected="selected" value="_#= $htmlEncode(lang.id) =#_">
164 |                                                 _#= $htmlEncode(lang.label) =#_
165 |                                             </option>
166 | <!--#_ 
167 |                                         } else { 
168 | _#-->
169 |                                             <option value="_#= $htmlEncode(lang.id) =#_">
170 |                                                 _#= $htmlEncode(lang.label) =#_
171 |                                             </option>
172 | <!--#_ 
173 |                                         } 
174 |                                     } 
175 | _#-->
176 |                                     </select>
177 |                                 </li>
178 | <!--#_                      
179 |                             }
180 |                             if(showSortOptions){
181 |                                 var availableSorts = ctx.DataProvider.get_availableSorts();
182 | _#-->
183 | 								<h3>Click the dropdown to sort</h3>
184 |                                 <li id="Sortby">
185 |                                     <select title="_#= $htmlEncode(Srch.Res.rs_SortDescription) =#_" id="SortbySel" onchange="$getClientControl(this).sortOrRank(this.value);">
186 | <!--#_ 
187 |                                     for (var i = 0; i < availableSorts.length; i++) {
188 |                                         var cplxsort = availableSorts[i];
189 |                                         if(!$isNull(cplxsort)){
190 |                                             if(ctx.DataProvider.getSortRankName() == cplxsort.name) { 
191 | _#-->
192 |                                                 <option selected="selected" value="_#= $htmlEncode(cplxsort.name) =#_">
193 |                                                     _#= $htmlEncode(cplxsort.name) =#_
194 |                                                 </option>
195 | <!--#_ 
196 |                                             } else { 
197 | _#-->
198 |                                                 <option value="_#= $htmlEncode(cplxsort.name) =#_">
199 |                                                     _#= $htmlEncode(cplxsort.name) =#_
200 |                                                 </option>
201 | <!--#_ 
202 |                                             } 
203 |                                         }
204 |                                     } 
205 | _#-->
206 |                                     </select>
207 | 
208 |                                 </li>
209 | <!--#_                      	
210 |                             }
211 | _#-->
212 |                         </ul>
213 |                     </div>
214 | <!--#_
215 |                 }
216 |                 var hasPersonalResults = false;
217 |                 if(ctx.ClientControl.get_showPersonalFavorites()){                    
218 | 
219 |                     var pfTable = Srch.U.getTableOfType(ctx.ClientControl.get_currentResultTableCollection(), Microsoft.SharePoint.Client.Search.Query.KnownTableTypes.personalFavoriteResults);
220 |                     if(!$isNull(pfTable)){                        
221 |                         var pfRows = pfTable[Srch.U.PropNames.resultRows];
222 |                         if(!$isNull(pfRows) && pfRows.length > 0)
223 |                         {
224 |                             var pfRow = pfRows[0];
225 |                             if(!$isNull(pfRow) && !$isEmptyString(pfRow.Title) && !$isEmptyString(pfRow.Url))
226 |                             {
227 |                                 hasPersonalResults = true;
228 |                                 var pfId = ctx.ClientControl.get_nextUniqueId();
229 |                                 var pfTitle = Srch.U.getHighlightedProperty(pfId, pfRow, "Title");
230 |                                 if ($isEmptyString(pfTitle))
231 |                                     pfTitle = $htmlEncode(pfRow.Title);
232 | _#-->                
233 |                                 <div class="ms-srch-result-personalResult">
234 |                                     <div class="ms-srch-result-personalResult-prompt">_#= $htmlEncode(Srch.Res.qs_PersonalResultTitleSingular) =#_</div>                                    
235 |                                     <a id="PersonalResult" class="ms-textLarge" href="_#= $urlHtmlEncode(pfRow.Url) =#_">_#= Srch.U.trimTitle(pfTitle, Srch.U.titleTruncationLength, 2) =#_</a>
236 |                                 </div>
237 | <!--#_ 
238 |                             }
239 |                         }
240 |                     } 
241 |                 }
242 |                 if(ctx.ClientControl.get_showDidYouMean() && !hasPersonalResults){                    
243 |                     if(!$isNull(ctx.ListData) && !$isEmptyString(ctx.ListData.SpellingSuggestion)){
244 |                         var dymTerm = ctx.ListData.SpellingSuggestion;
245 |                         var dymHtml = "<a id='DidYouMean' class='ms-bold ms-italic' href='#' onclick='$getClientControl(this).changeQueryTerm(\"" + $scriptEncode(dymTerm) + "\");return Srch.U.cancelEvent(event);'>" + $htmlEncode(dymTerm) + "</a>";
246 | _#-->                
247 |                         <div class="ms-srch-result-didYouMean">
248 |                             _#= String.format($htmlEncode(Srch.Res.rs_DidYouMean), dymHtml) =#_
249 |                         </div>
250 | <!--#_ 
251 |                     } 
252 |                 }
253 |                 if (Srch.U.isPageInEditMode()){
254 |                     var sourcesHtml = "<a href='" + $urlHtmlEncode(ctx.ScriptApplicationManager.get_resultSourcesUrl()) + "' target='_blank'>" + $htmlEncode(Srch.Res.rs_Edit_ResultSources) + "</a>";
255 |                     var displayTemplatesHtml = "<a href='" + $urlHtmlEncode(ctx.ScriptApplicationManager.get_displayTemplatesUrl()) + "' target='_blank'>" + $htmlEncode(Srch.Res.rs_Edit_DisplayTemplate) + "</a>";
256 |                     var resultTypesHtml = "<a href='" + $urlHtmlEncode(ctx.ScriptApplicationManager.get_resultTypesUrl()) + "' target='_blank'>" + $htmlEncode(Srch.Res.rs_Edit_ResultType) + "</a>";
257 |                     var queryRulesHtml = "<a href='" + $urlHtmlEncode(ctx.ScriptApplicationManager.get_queryRulesUrl()) + "' target='_blank'>" + $htmlEncode(Srch.Res.rs_Edit_QueryRules) + "</a>";
258 |                     var configureResultsUrl = "javascript:HelpWindowKey(\"WSSEndUser_ConfigureResultsWPInEditMode\")";
259 |                     var configureResultsLink = "<a href=" + configureResultsUrl + ">" + $htmlEncode(Srch.Res.rs_Edit_ConfigureSearchResults_Link) + "</a>";  
260 | _#--> 
261 |                     <div id="EditMode-CustomizingResults" class="ms-trcnoti-base ms-srch-msg ms-srch-msg-border">
262 |                         <div class="ms-srch-msg-section">
263 |                             <h2 class="ms-accentText">_#= $htmlEncode(Srch.Res.rs_Edit_ResultSourcesTitle) =#_</h2>
264 |                             <div>_#= String.format($htmlEncode(Srch.Res.rs_Edit_ResultSourcesDescription), sourcesHtml) =#_</div>
265 |                         </div>
266 |                         <div class="ms-srch-msg-section">
267 |                             <h2 class="ms-accentText">_#= $htmlEncode(Srch.Res.rs_Edit_ResultTypesTitle) =#_</h2>
268 |                             <div>_#= String.format($htmlEncode(Srch.Res.rs_Edit_ResultTypesDescription), displayTemplatesHtml, resultTypesHtml) =#_</div>
269 |                         </div>
270 |                         <div class="ms-srch-msg-section">
271 |                             <h2 class="ms-accentText">_#= $htmlEncode(Srch.Res.rs_Edit_QueryRulesTitle) =#_</h2>
272 |                             <div>_#= String.format($htmlEncode(Srch.Res.rs_Edit_QueryRulesDescription), queryRulesHtml) =#_</div>
273 |                         </div>
274 |                         <div class="ms-srch-msg-section">
275 |                             <div>_#= String.format($htmlEncode(Srch.Res.rs_Edit_ConfigureSearchResults), configureResultsLink) =#_</div>
276 |                         </div>
277 |                     </div>
278 | <!--#_                     
279 |                 }
280 | _#-->        
281 |                 <div id="Groups" class="ms-srch-result-groups">
282 | <!--#_ 
283 |                     ctx.ListDataJSONGroupsKey = "ResultTables"; 
284 | _#-->
285 |                     <table width="100%" class="ms-listviewtable">
286 |                     _#= ctx.RenderGroups(ctx) =#_
287 |                     </table>
288 | <!--#_
289 |                     if(ctx.ClientControl.get_shouldShowNoResultMessage()){
290 | _#-->
291 |                         <div id="NoResult" class="ms-srch-result-noResults">
292 | <!--#_
293 |                             var emptyMessage = ctx.ClientControl.get_emptyMessage();
294 |                             if ($isEmptyString(emptyMessage))
295 |                             {
296 | _#-->
297 |                                 <div class="ms-textLarge ms-srch-result-noResultsTitle">_#= $htmlEncode(Srch.Res.rs_NoResultsTitle) =#_</div>
298 |                                 <div>_#= $htmlEncode(Srch.Res.rs_NoResultsSuggestions) =#_</div>
299 |                                 <ul>
300 |                                     <li>_#= $htmlEncode(Srch.Res.rs_NoResultsSpelling) =#_</li>
301 |                                     <li>_#= $htmlEncode(Srch.Res.rs_NoResultsDifferentTerms) =#_</li>
302 |                                     <li>_#= $htmlEncode(Srch.Res.rs_NoResultsGeneralTerms) =#_</li>
303 |                                     <li>_#= $htmlEncode(Srch.Res.rs_NoResultsFewerTerms) =#_</li>
304 | <!--#_
305 |                                     if(ctx.DataProvider.get_currentQueryState().r){
306 | _#-->
307 |                                         <li>_#= $htmlEncode(Srch.Res.rs_NoResultsRefiners) =#_</li>
308 | <!--#_
309 |                                     }
310 |                                     var searchTipsUrl = "javascript:HelpWindowKey(\"WSSEndUser_SearchTips\")";
311 |                                     var searchTipsLink = "<a href=" + searchTipsUrl + ">" + $htmlEncode(Srch.Res.rs_NoResultsTips_Link) + "</a>";
312 | _#-->
313 |                                     <li>_#= String.format($htmlEncode(Srch.Res.rs_NoResultsTips), searchTipsLink) =#_</li>
314 |                                 </ul>
315 | <!--#_
316 |                             }
317 |                             else
318 |                             {
319 | _#-->
320 |                                 _#= $htmlEncode(emptyMessage) =#_
321 | <!--#_
322 |                             }
323 | _#-->
324 |                         </div>
325 | <!--#_
326 |                     }
327 | _#-->
328 |                 </div>
329 | 
330 | <!--#_
331 |                 if(ctx.ClientControl.get_showUpScopeMessage()){
332 | _#-->
333 |                     <div id="UpScopeLinkBottom" class="ms-srch-upscope-bottom">
334 |                         _#= getUpScopeHtml("UpScopeLinkBottomA") =#_
335 |                     </div>
336 | <!--#_ 
337 |                 } 
338 | 
339 |                 if(ctx.ClientControl.get_showPaging()){
340 |                     var pagingInfo = ctx.ClientControl.get_pagingInfo();
341 |                     if(!$isEmptyArray(pagingInfo)){ 
342 | _#-->
343 |                         <ul id="Paging" class="ms-srch-Paging">
344 | <!--#_ 
345 |                         for (var i = 0; i < pagingInfo.length; i++) {
346 |                             var pl = pagingInfo[i];
347 |                             if(!$isNull(pl)) {
348 |                                 var imagesUrl = GetThemedImageUrl('searchresultui.png');
349 |                                 if(pl.startItem == -1) { 
350 |                                     var selfLinkId = "SelfLink_" + pl.pageNumber;
351 | _#-->
352 |                                     <li id="PagingSelf"><a id="_#= $htmlEncode(selfLinkId) =#_">_#= $htmlEncode(pl.pageNumber) =#_</a></li>
353 | <!--#_ 
354 |                                 } else if(pl.pageNumber == -1) { 
355 |                                     var iconClass = Srch.U.isRTL() ? "ms-srch-pagingNext" : "ms-srch-pagingPrev";                                    
356 | _#-->
357 |                                     <li id="PagingImageLink"><a id="PageLinkPrev" href="#" class="ms-commandLink ms-promlink-button ms-promlink-button-enabled ms-verticalAlignMiddle" title="_#= $htmlEncode(pl.title) =#_" onclick="$getClientControl(this).page(_#= $htmlEncode(pl.startItem) =#_);return Srch.U.cancelEvent(event);">
358 |                                         <span class="ms-promlink-button-image">
359 |                                             <img src="_#= $urlHtmlEncode(imagesUrl) =#_" class="_#= $htmlEncode(iconClass) =#_" alt="_#= $htmlEncode(pl.title) =#_" />
360 |                                         </span>
361 |                                     </a></li>
362 | <!--#_ 
363 |                                 } else if(pl.pageNumber == -2) { 
364 |                                     var iconClass = Srch.U.isRTL() ? "ms-srch-pagingPrev" : "ms-srch-pagingNext";
365 | _#-->
366 |                                     <li id="PagingImageLink"><a id="PageLinkNext" href="#" class="ms-commandLink ms-promlink-button ms-promlink-button-enabled ms-verticalAlignMiddle" title="_#= $htmlEncode(pl.title) =#_" onclick="$getClientControl(this).page(_#= $htmlEncode(pl.startItem) =#_);return Srch.U.cancelEvent(event);">
367 |                                         <span class="ms-promlink-button-image">
368 |                                             <img src="_#= $urlHtmlEncode(imagesUrl) =#_" class="_#= $htmlEncode(iconClass) =#_" alt="_#= $htmlEncode(pl.title) =#_" />
369 |                                         </span>
370 |                                     </a></li>
371 | <!--#_ 
372 |                                 } else { 
373 |                                     var pageLinkId = "PageLink_" + pl.pageNumber;
374 | _#-->
375 |                                     <li id="PagingLink"><a id="_#= $htmlEncode(pageLinkId) =#_" href="#" title="_#= $htmlEncode(pl.title) =#_" onclick="$getClientControl(this).page(_#= $htmlEncode(pl.startItem) =#_);return Srch.U.cancelEvent(event);">_#= $htmlEncode(pl.pageNumber) =#_</a></li>
376 | <!--#_ 
377 |                                 }
378 |                             }
379 |                         } 
380 | _#-->
381 |                         </ul>
382 | <!--#_ 
383 |                     }
384 |                 } 
385 | _#-->
386 | 
387 |                 <div class="ms-srch-resultFooter">
388 | <!--#_ 				
389 |                     if(ctx.ClientControl.get_showResultCount() && ctx.DataProvider.get_totalRows() > 0){						
390 |                         var start = ctx.DataProvider.get_currentQueryState().s;
391 |                         var resultsPerPage = ctx.DataProvider.get_resultsPerPage();
392 |                         var totalRows = ctx.DataProvider.get_totalRows();
393 |                         var countDisplayString = Srch.Res.rs_ApproximateResultCount;
394 |                         if (start + resultsPerPage > totalRows) { countDisplayString = (totalRows == 1)? Srch.Res.rs_SingleResultCount : Srch.Res.rs_ResultCount; }
395 | _#-->
396 |                         <div id="ResultCount" class="ms-srch-resultscount">
397 |                             _#= String.format($htmlEncode(countDisplayString), $htmlEncode(totalRows.localeFormat("N0"))) =#_
398 |                         </div>
399 | <!--#_ 
400 |                     }				
401 | _#-->
402 | 
403 |                     <ul id="ResultFooter">
404 | <!--#_ 
405 |                         if(ctx.ClientControl.get_showAlertMe()){
406 |                             var alertMeLabel = $htmlEncode($resource("rs_AlertMe"));
407 |                             var queryTerm = ctx.DataProvider.get_currentQueryState().k;
408 |                             var serializedQuery = Srch.U.getTableProperty(ctx.ClientControl.get_currentResultTableCollection(), "SerializedQuery");
409 | _#-->
410 |                             <li id="AlertMeLi">
411 |                                 <a id="CSR_AM1" href="javascript:{}" title="_#= alertMeLabel =#_" onclick="EnsureScriptParams('SearchUI.js', 'Srch.SU.searchResultAlertMe', '_#= $scriptEncode(queryTerm) =#_', '_#= $scriptEncode(serializedQuery) =#_');">
412 |                                     _#= alertMeLabel =#_
413 |                                 </a>
414 |                             </li>
415 | <!--#_ 
416 |                         }
417 | 
418 |                         if(ctx.ClientControl.get_showPreferencesLink()){
419 |                             var preferencesUrl = ctx.ScriptApplicationManager.get_preferencesUrl();
420 |                             if(!$isEmptyString(preferencesUrl)){ 
421 | _#-->
422 |                                 <li id="Preferences"><a title="_#= $htmlEncode(Srch.Res.rs_Preferences) =#_" id="PreferencesLink" href="_#= $urlHtmlEncode(preferencesUrl) =#_">_#= $htmlEncode(Srch.Res.rs_Preferences) =#_</a></li>
423 | <!--#_ 
424 |                             }
425 |                         }
426 | 
427 |                         if(ctx.ClientControl.get_showAdvancedLink()){
428 |                             var advancedUrl = ctx.ClientControl.get_advancedUrl();
429 |                             if(!$isEmptyString(advancedUrl)){ 
430 | _#-->
431 |                                 <li id="Advanced"><a title="_#= $htmlEncode(Srch.Res.rs_Advanced) =#_" id="AdvancedLink" href="_#= $urlHtmlEncode(advancedUrl) =#_">_#= $htmlEncode(Srch.Res.rs_Advanced) =#_</a></li>
432 | <!--#_ 
433 |                             }
434 |                         }
435 | _#-->
436 |                     </ul>
437 |                 </div>
438 | <!--#_ 
439 |             } 
440 | _#-->
441 |         </div>
442 |     </div>
443 | </body>
444 | </html>
445 | 


--------------------------------------------------------------------------------