<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">
<div class=""><br class="">
</div>
<div class="">Your screenshot was dropped from your email, so I don’t know exactly what you want, but you can monkey patch ResourceRenderer methods and change or decorate output with something like this in your plugins/local/frontend/views/layout_head_html.erb:</div>
<div class=""><br class="">
</div>
<div class="">
<pre style="background-color: rgb(255, 255, 255); font-family: Menlo; font-size: 9pt;" class=""><span style="background-color:#efefef;" class=""><</span><span style="color:#000080;background-color:#efefef;font-weight:bold;" class="">meta </span><span style="color:#0000ff;background-color:#efefef;font-weight:bold;" class="">name=</span><span style="color:#008000;background-color:#efefef;font-weight:bold;" class="">"controller" </span><span style="color:#0000ff;background-color:#efefef;font-weight:bold;" class="">content=</span><span style="color:#008000;background-color:#efefef;font-weight:bold;" class="">"</span><span style="color:#000080;background-color:#efefef;font-weight:bold;" class=""><%=</span><span style="color:#000080;background-color:#f2e8e4;font-weight:bold;" class=""> </span><span style="background-color:#f2e8e4;font-weight:bold;" class="">controller</span><span style="color:#0000ff;background-color:#f2e8e4;font-weight:bold;" class="">.</span><span style="background-color:#f2e8e4;font-weight:bold;" class="">controller_name </span><span style="color:#000080;background-color:#efefef;font-weight:bold;" class="">%></span><span style="color:#008000;background-color:#efefef;font-weight:bold;" class="">" </span><span style="background-color:#efefef;" class="">/></span><br class=""><span style="background-color:#efefef;" class=""><</span><span style="color:#000080;background-color:#efefef;font-weight:bold;" class="">script </span><span style="color:#0000ff;background-color:#efefef;font-weight:bold;" class="">type=</span><span style="color:#008000;background-color:#efefef;font-weight:bold;" class="">"text/javascript"</span><span style="background-color:#efefef;" class="">></span><br class=""> <span style="color:#000080;font-weight:bold;" class="">var </span><span style="color:#660e7a;font-weight:bold;font-style:italic;" class="">controller </span>= <span style="font-style:italic;" class="">$</span>(<span style="color:#008000;font-weight:bold;" class="">'</span><span style="color:#000080;font-weight:bold;" class="">html head meta</span><span style="color:#008000;font-weight:bold;" class="">[name="controller"]' </span>).<span style="color:#7a7a43;" class="">attr</span>(<span style="color:#008000;font-weight:bold;" class="">'content'</span>);<br class=""> <span style="color:#660e7a;font-weight:bold;" class="">console</span>.<span style="color:#660e7a;font-weight:bold;" class="">log</span>( <span style="color:#660e7a;font-weight:bold;font-style:italic;" class="">controller </span>+ <span style="color:#008000;font-weight:bold;" class="">" Controller"</span>);<br class=""><span style="background-color:#efefef;" class=""></</span><span style="color:#000080;background-color:#efefef;font-weight:bold;" class="">script</span><span style="background-color:#efefef;" class="">></span><br class=""><span style="color:#0000ff;background-color:#f2e8e4;font-weight:bold;" class=""><% </span><span style="color:#000080;background-color:#f2e8e4;font-weight:bold;" class="">if </span><span style="background-color:#f2e8e4;font-weight:bold;" class="">controller</span><span style="color:#0000ff;background-color:#f2e8e4;font-weight:bold;" class="">.</span><span style="background-color:#f2e8e4;font-weight:bold;" class="">controller_name </span><span style="color:#0000ff;background-color:#f2e8e4;font-weight:bold;" class="">== </span><span style="color:#008000;background-color:#f2e8e4;font-weight:bold;" class="">'resources' </span><span style="color:#0000ff;background-color:#f2e8e4;font-weight:bold;" class="">%></span><span style="color:#0000ff;font-weight:bold;" class=""><br class=""></span><span style="background-color:#efefef;" class=""><</span><span style="color:#000080;background-color:#efefef;font-weight:bold;" class="">script </span><span style="color:#0000ff;background-color:#efefef;font-weight:bold;" class="">type=</span><span style="color:#008000;background-color:#efefef;font-weight:bold;" class="">"text/javascript" </span><span style="background-color:#efefef;" class="">></span><br class=""> <span style="font-style:italic;" class="">$</span>( <span style="color:#000080;font-weight:bold;" class="">function</span>() {<br class=""> <span style="color:#000080;font-weight:bold;" class="">if </span>(typeof(<span style="font-style:italic;" class="">ResourceRenderer</span>) != <span style="color:#008000;font-weight:bold;" class="">'undefined'</span>) {<br class=""> <span style="color:#000080;font-weight:bold;" class="">var </span><span style="color:#458383;" class="">_build_container_summary </span>= <span style="font-style:italic;" class="">ResourceRenderer</span>.<span style="color:#660e7a;font-weight:bold;" class="">prototype</span>.<span style="color:#7a7a43;" class="">build_container_summary</span>; <span style="color:#808080;font-style:italic;" class="">// stash old method<br class=""></span><span style="color:#808080;font-style:italic;" class=""> </span><span style="font-style:italic;" class="">ResourceRenderer</span>.<span style="color:#660e7a;font-weight:bold;" class="">prototype</span>.<span style="color:#7a7a43;" class="">build_container_summary </span>= <span style="color:#000080;font-weight:bold;" class="">function </span>(node) {<br class=""> <span style="color:#000080;font-weight:bold;" class="">var </span><span style="color:#458383;" class="">summary </span>= <span style="color:#458383;" class="">_build_container_summary</span>.<span style="color:#7a7a43;" class="">apply</span>(<span style="color:#000080;font-weight:bold;" class="">this</span>, [node]); <span style="color:#808080;font-style:italic;" class="">// call old method<br class=""></span><span style="color:#808080;font-style:italic;" class=""> </span><span style="color:#660e7a;font-weight:bold;" class="">console</span>.<span style="color:#660e7a;font-weight:bold;" class="">log</span>(node);<br class=""> <span style="color:#660e7a;font-weight:bold;" class="">console</span>.<span style="color:#660e7a;font-weight:bold;" class="">log</span>(<span style="color:#458383;" class="">summary</span>);<br class=""> <span style="color:#000080;font-weight:bold;" class="">return </span><span style="color:#008000;font-weight:bold;" class="">`[ </span>${summary}<span style="color:#008000;font-weight:bold;" class=""> ]`</span>;<br class=""> };<br class=""> }<br class=""> });<br class=""><span style="background-color:#efefef;" class=""></</span><span style="color:#000080;background-color:#efefef;font-weight:bold;" class="">script</span><span style="background-color:#efefef;" class="">></span><br class=""><span style="color:#0000ff;background-color:#f2e8e4;font-weight:bold;" class=""><% </span><span style="color:#000080;background-color:#f2e8e4;font-weight:bold;" class="">end </span><span style="color:#0000ff;background-color:#f2e8e4;font-weight:bold;" class="">%></span></pre>
<div class=""><br class="">
</div>
</div>
<div class="">( Strip out all of the console.log debugging after you get it to do what you want. ) </div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class="">In a different use case, for adding IIIF image viewers for digital objects, what I want to modify is not available until the digital object file versions accordion is expanded, so I had to bind the bootstrap event to the body and delegate the
event to the accordion element: </div>
<div class=""><br class="">
</div>
<div class="">
<div class=""><span style="font-size: 12px;" class="">$('body').on( 'show.bs.collapse', '#digital_object_file_versions__accordion', 'data', function ($x) {...} );</span></div>
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class="">— Steve M. </div>
<div class=""><br class="">
</div>
<br class="">
<div>
<blockquote type="cite" class="">
<div class="">On Apr 20, 2017, at 10:50 AM, Kevin Clair <<a href="mailto:Kevin.Clair@du.edu" class="">Kevin.Clair@du.edu</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div class="WordSection1" style="page: WordSection1; font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<div style="margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 11pt;" class="">Hello,<o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 11pt;" class=""><o:p class=""> </o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 11pt;" class="">I’m wondering if anyone on the list has managed to write a plugin to override Javascript functions in the ArchivesSpace frontend. Here at Denver our preference is to display component IDs in the resource tree view instead
of Top Container information (see attached screenshot). Currently we do this through our local plugins [1], but since it looks like v2.0.0 moves all of that functionality into the script at<span class="Apple-converted-space"> </span><a href="https://github.com/archivesspace/archivesspace/blob/master/frontend/app/assets/javascripts/tree_renderers.js.erb" style="color: purple; text-decoration: underline;" class="">https://github.com/archivesspace/archivesspace/blob/master/frontend/app/assets/javascripts/tree_renderers.js.erb</a>,
I can’t figure out a way to customize the tree rendering to override the default behavior.<o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 11pt;" class=""><o:p class=""> </o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 11pt;" class="">There will likely be local resistance to upgrading if we lose this display customization, so any help with this would be appreciated. thanks! -k<o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 11pt;" class=""><o:p class=""> </o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 9pt;" class="">[1]<span class="Apple-converted-space"> </span><a href="https://github.com/duspeccoll/plugins_local/blob/master/frontend/views/shared/_tree.html.erb" style="color: purple; text-decoration: underline;" class="">https://github.com/duspeccoll/plugins_local/blob/master/frontend/views/shared/_tree.html.erb</a><o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 11pt;" class=""><o:p class=""> </o:p></span></div>
</div>
<span style="font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; float: none; display: inline !important;" class="">_______________________________________________</span><br style="font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">
<span style="font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; float: none; display: inline !important;" class="">Archivesspace_Users_Group
mailing list</span><br style="font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">
<a href="mailto:Archivesspace_Users_Group@lyralists.lyrasis.org" style="color: purple; text-decoration: underline; font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">Archivesspace_Users_Group@lyralists.lyrasis.org</a><br style="font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">
<a href="http://lyralists.lyrasis.org/mailman/listinfo/archivesspace_users_group" style="color: purple; text-decoration: underline; font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">http://lyralists.lyrasis.org/mailman/listinfo/archivesspace_users_group</a></div>
</blockquote>
</div>
<br class="">
</body>
</html>