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.34
edited by bougault
on 2023/01/17 09:49
Change comment: There is no comment for this version
To version 7.29
edited by bougault
on 2023/01/13 14:52
Change comment: There is no comment for this version

Summary

Details

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