![\"Estrellas\"](\"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2015\/03\/Estrellas.png\")
Muchas veces he escrito sobre la capacidad que existe en SharePoint de emplear\u00a0utilidades ya implementadas por el propio servidor. Estos componentes nos facilitan mucho el desarrollo y, por regla general, son bastante configurables.<\/p>\nMuchas veces he escrito sobre la capacidad que existe en SharePoint de emplear\u00a0utilidades ya implementadas por el propio servidor. Estos componentes nos facilitan mucho el desarrollo y, por regla general, son bastante configurables.<\/p>\n
En esta ocasi\u00f3n, vamos a destripar el componente de \u00abRating\u00bb \/Valoraci\u00f3n que se le puede agregar a las bibliotecas de SharePoint de documentos y noticias de forma simple<\/strong>. Un requerimiento muy habitual en las Intranet es poder otorgar la funcionalidad de valorar la noticia por parte del usuario que la est\u00e1 leyendo.<\/strong> Y a trav\u00e9s\u00a0este componente lo podemos hacer\u00a0sin problemas.<\/p>\n <\/p>\n Para empezar a utilizar este componente, lo podemos activar a trav\u00e9s de la interfaz gr\u00e1fica. Vamos a la configuraci\u00f3n de la biblioteca de documentos\/ p\u00e1ginas y activar el rating. El rating puede ser de dos formas:\u00a0Like<\/strong> o\u00a0Estrellas<\/strong>.<\/p>\n Activarlo mediante la interfaz gr\u00e1fica puede ser una soluci\u00f3n que utilicen los usuarios avanzados\/usuarios finales de SharePoint, pero en nuestros desarrollos debemos de dotar de la calidad de realizarlo sin hacer click<\/strong> (o minimizar el n\u00famero de clicks a realizar). Para ello, vamos a activar esta funcionalidad con el siguiente script de PowerShell:<\/p>\n Una vez lo tenemos activado, tenemos que ver c\u00f3mo poder utilizar este componente tanto en los DisplayTemplate como en nuestro c\u00f3digo C#<\/strong> bien en PageLayout o nuestros WebParts.<\/p>\n En primer lugar, nos hemos creado un M\u00f3dulo con todas las funcionalidades que tenemos para obtener las estrellitas y para generar el HTML que renderizar\u00e1 el valor de las mismas. El c\u00f3digo seria el siguiente:<\/p>\n Una vez tenemos estos valores, dentro de la plantilla del DisplayTemplate, deberemos de indicar la siguiente llamada:<\/p>\n Para utilizarlo dentro de los PageLayouts, primero debemos registrar el componente en la cabecera del ASPX:<\/p>\n A continuaci\u00f3n, con a\u00f1adir la siguiente l\u00ednea ya tendremos disponible las estrellitas en nuestro desarrollo:<\/p>\n Aunque… \u00a1\u00a1esto no pod\u00eda ser tan sencillo como parece!! Existe un bug reconocido: la primera vez que se carga la p\u00e1gina con las estrellitas no se muestran las im\u00e1genes en Internet Explorer<\/strong>. Esto es debido al orden de carga de los ficheros de JavaScript propios de SharePoint. \u00a1SOLUCI\u00d3N!<\/strong> Tenemos que a\u00f1adir una funci\u00f3n JavaScript, que har\u00e1 que una vez que est\u00e9 cargada la p\u00e1gina, muestre las estrellas. Para ello podemos utilizar el siguiente c\u00f3digo:<\/p>\n http:\/\/almondlabs.com\/blog\/adding-interactive-ratings-to-sharepoint-2013-search-results-part-2\/ <\/a> Muchas veces he escrito sobre la capacidad que existe en SharePoint de emplear\u00a0utilidades ya implementadas por el propio servidor. Estos componentes nos facilitan mucho el desarrollo y, por regla general, son bastante configurables. En esta ocasi\u00f3n, vamos a destripar el … Continue reading \u00bfEmpezamos?<\/h2>\n
\n![\"configuracion\"](\"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2015\/03\/configuracion.png\")
<\/a><\/p>\n<\/a><\/p>\n\r\nParam\r\n(\r\n [Parameter(Mandatory=$true)]\r\n [string]$UrlWeb = $(Read-Host -Prompt "Web Url")\r\n)\r\nAdd-PSSnapin "Microsoft.SharePoint.PowerShell" -ErrorAction SilentlyContinue\r\n$web=Get-SPWeb $UrlWeb;\r\n$list=$web.Lists["P\u00e1ginas"];\r\nif($list -ne $null)\r\n{\r\n Write-Host $list.Title "not null";\r\n $assembly=[System.Reflection.Assembly]::Load("Microsoft.SharePoint.Portal, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c")\r\n $reputationHelper =$assembly.GetType("Microsoft.SharePoint.Portal.ReputationHelper");\r\n $bindings = @("EnableReputation", "NonPublic", "Static");\r\n [System.Reflection.BindingFlags]$flags = [System.Reflection.BindingFlags]::Static -bor [System.Reflection.BindingFlags]::NonPublic;\r\n $methodInfo = $reputationHelper.GetMethod("EnableReputation", $flags);\r\n #For enabling Ratings\r\n $values = @($list, "Ratings", $false);\r\n #OR for enabling Likes\r\n #$values = @($list, "Likes", $false);\r\n $methodInfo.Invoke($null, @($values));\r\n #For disable Rating or Likes\r\n <#$methodInfo = $reputationHelper.GetMethod("DisableReputation", $flags);\r\n $disableValues = @($list);\r\n $methodInfo.Invoke($null, @($disableValues));#>\r\n}\r\n<\/pre>\nUtilizarlo en DisplayTemplate<\/h3>\n
\r\nvar Encamina = Encamina || {};\r\nEncamina.Ratings = function () {\r\n var ratings = {\r\n termStoreName: '',\r\n termSetId: '',\r\n currentTerm: '',\r\n root: this,\r\n MenuItem: function (title, url) {\r\n\r\n },\r\n currentMenuItems: new Array(),\r\n init: function (termName, termId, current) {\r\n this.termStoreName = termName;\r\n this.termSetId = termId;\r\n this.currentTerm = current;\r\n },\r\n GenerateRatingStars: function (rating, ratingCount) {\r\n var decRating = rating.value - Math.floor(rating.value);\r\n var totalStars = 5;\r\n var html = "";\r\n if (ratingCount == "") {\r\n ratingCount = 0;\r\n }\r\n var filledImage = "\/_layouts\/15\/images\/RatingsSmallStarFilled.png";\r\n var emptyImage = "\/_layouts\/15\/images\/RatingsSmallStarEmpty.png";\r\n var halfImage = "\/_layouts\/15\/images\/RatingsSmallStarLeftHalfFilled.png";\r\n html += "<div class='ms-comm-noWrap'><span id='averageRatingElement-" + rating + "'>";\r\n for (var i = 0; i < totalStars; i++) {\r\n var count = i + 1;\r\n var img = emptyImage;\r\n if (count <= rating) {\r\n img = filledImage;\r\n } else if (decRating > 0) {\r\n img = halfImage;\r\n decRating = 0;\r\n }\r\n\r\n html += "<span class='ratingsImageContainer star-' data-starnumber='" + count + "'>";\r\n html += "<img id='averageRatingElement-" + rating + "-img-" + count + "' src='" + img + "'\/>";\r\n html += "<\/span>";\r\n }\r\n html += "<\/span><span class='ms-comm-ratingSeparator'\/>";\r\n html += "<span class='ms-comm-ratingCountContainer' id='averageRatingElement-" + ratingCount + "-count'>";\r\n html += " " + ratingCount + "<\/span><\/span><\/div>";\r\n return html;\r\n },\r\n UpdateRating: function (siteUrl, listId, listItemId, context) {\r\n return function (element, arguments) {\r\n var rating = element.currentTarget.dataset.starnumber;\r\n\r\n function RatingSuccess(sender, args) {\r\n SP.UI.Notify.addNotification('Valoraci\u00f3n actualizada', false);\r\n var queryState = new Srch.QueryState();\r\n var queryStateArgs = new Srch.QueryEventArgs(queryState);\r\n debugger;\r\n context.ClientControl.raiseQueryReadyEvent(queryStateArgs);\r\n }\r\n\r\n function RatingFailure(sender, args) {\r\n SP.UI.Notify.addNotification('Error actualizando valoraci\u00f3n:' + args.get_message(), false);\r\n }\r\n\r\n if (rating != null && rating != "" && !isNaN(rating)) {\r\n var spCtx = new SP.ClientContext(siteUrl + "\/AlDia\/Circulares");\r\n Microsoft.Office.Server.ReputationModel.Reputation.setRating(spCtx, listId, listItemId, parseInt(rating));\r\n spCtx.executeQueryAsync(Function.createDelegate(this, RatingSuccess), Function.createDelegate(this, RatingFailure));\r\n }\r\n\r\n };\r\n }\r\n };\r\n return ratings;\r\n}();\r\n<\/pre>\n\r\n<!--#_\r\n function SearchRating(avgRating, ratingCount, selector, siteUrl, listId, listItemId, context) {\r\n var stars = $("#" +selector+ " .ratingsImageContainer");\r\n stars.on("click", Encamina.Ratings.UpdateRating(siteUrl, listId, listItemId, context));\r\n }\r\n\r\n var AverageRating = $getItemValue(ctx, "AverageRating");\r\n\t var RatingCount = $getItemValue(ctx, "RatingCount");\r\n var RatingDisplay = Encamina.Ratings.GenerateRatingStars(AverageRating, RatingCount);\r\n AddPostRenderCallback(ctx, function() {\r\n SearchRating(AverageRating, RatingCount, ratingsId, siteUrl, listId, listItemId, ctx);\r\n });\r\n\r\n _#-->\r\n<\/pre>\nUtilizarla en los PageLayout<\/h3>\n
\r\n<%@ Register TagPrefix="SharePointPortalControls" Namespace="Microsoft.SharePoint.Portal.WebControls" Assembly="Microsoft.SharePoint.Portal, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>\r\n<\/pre>\n
\r\n <SharePointPortalControls:AverageRatingFieldControl ID="PageRatingControl" FieldName="AverageRating" runat="server"\/>\r\n<\/pre>\n
\r\n<script type="text\/javascript">\r\n function fixIE10StarRatingIssue() {\r\n if (SP.UI.Reputation != null) {\r\n SP.UI.Reputation.RatingsHelpers.$c(false);\r\n jQuery('.votacion > script').each(function () {\r\n eval($(this).text());\r\n });\r\n }\r\n }\r\n _spBodyOnLoadFunctionNames.push('fixIE10StarRatingIssue');\r\n<\/script>\r\n<\/pre>\nReferencias<\/h2>\n
\nhttp:\/\/weblogs.asp.net\/bsimser\/adding-ratings-and-comments-to-sharepoint-publishing-pages<\/a>
\nhttp:\/\/community.rightpoint.com\/blogs\/viewpoint\/archive\/2014\/10\/19\/add-comments-and-ratings-to-a-sharepoint-2013-page-layout-using-design-manager.aspx <\/a><\/p>\n<\/span>","protected":false},"excerpt":{"rendered":"