Failed to execute template. Cause: [Access denied when checking [script] access to [xwiki:Collaboratory.UX.HbpSkin.WebHome] for user [xwiki:XWiki.Admin]]. Click on this message for details.

CLB Search Component - HBP Wiki

IAM21 instance, do not create collab nor modify a team, your changes will be lost


Changes for page CLB Search Component

Last modified by bougault on 2023/01/17 11:42
From version 7.33
edited by bougault
on 2023/01/17 09:41
Change comment: There is no comment for this version
To version 7.28
edited by bougault
on 2023/01/13 14:51
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -66,24 +66,8 @@
66 66   get styles() {
67 67   return `
68 68   input[type="text"] {
69 - display: block;
70 - width: 100%;
71 - height: 36px;
72 - padding: 6px 12px;
73 - font-size: 16px;
74 - line-height: 1.428571429;
75 - color: #555555;
76 - background-color: #fff;
77 - background-image: none;
78 - border: 1px solid #ccc;
79 - border-radius: 4px;
80 - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
81 - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
82 - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
83 - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
84 - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
69 + border: 1px solid red;
85 85   }
86 -
87 87   `
88 88   }
89 89   handlePrevPage = () => {
... ... @@ -128,7 +128,7 @@
128 128   const { title_, spaces, doccontent_en } = results[i];
129 129   const elt = document.createElement('clb-search-result');
130 130   elt.setAttribute('data-title', title_);
131 - elt.setAttribute('data-href', spaces.join('/'));
115 + elt.setAttribute('data-breadcrumbs');
132 132   elt.innerHTML = doccontent_en;
133 133   resultsContainer.appendChild(elt);
134 134   }
... ... @@ -150,8 +150,8 @@
150 150   return this.getAttribute('data-title');
151 151   }
152 152  
153 - get hrefAttr() {
154 - return this.getAttribute('data-href');
137 + get breadcrumbsAttr() {
138 + return this.getAttribute('data-breadcrumbs');
155 155   }
156 156  
157 157   get styles() {
... ... @@ -164,7 +164,7 @@
164 164   get html() {
165 165   return `
166 166   <div>
167 - <a href="/bin/view/${this.hrefAttr}">${this.titleAttr}</a>
151 + <a href="/bin/view/${this.breadcrumbsAttr.join("/")}>${this.titleAttr}</a>
168 168   <div>
169 169   <slot></slot>
170 170   </div>
... ... @@ -175,7 +175,6 @@
175 175   this.attachShadow({ mode: 'open' });
176 176   this.shadowRoot.appendChild(this.template.content.cloneNode(true));
177 177   }
178 -
179 179   }
180 180  );
181 181  </script>