Story/cite 188 (#221)

* [CITE-188] added details column in citation list * [CITE-188] added expand icon in citation list * [CITE-188] Added details column and changed icon * [CITE-188] Fixed review comments * [CITE-188] Changed the bib-entry class for icon * [CITE-188] Added arrow icon
diging · Mar 16, 2023 · ed9443e · ed9443e
1 parent 14571ec
commit ed9443e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/citesphere/src/main/webapp/WEB-INF/views/auth/group/items.html b/citesphere/src/main/webapp/WEB-INF/views/auth/group/items.html
@@ -530,6 +530,7 @@ <h4 class="panel-title">
 			<th th:each="column:${columns}" th:with="columnLabel=${@labelsResource.getProperty('_item_attribute_label_' + column)}">
 				[[${columnLabel}]]
 			</th>
+			<th>Details</th>
 		</tr>
 
 		<tr th:id="'tr-'+${entry.key}" data-action='draggable' class="items" th:each="entry,loop : ${items}">
@@ -599,6 +600,11 @@ <h4 class="panel-title">
 				</a>
 				</span>
 			</td>
+			<td>
+			    <a class="bib-entry" th:href="@{|/auth/group/${zoteroGroupId}/items/${entry.key}?index=${loop.index}&collectionId=${collectionId}&page=${currentPage}&sortBy=${sort}|}">
+			        <i class="icon-arrow-right-alt"></i>
+			    </a>
+			</td>    
 		 	<td th:each="column:${columns}" style="max-width:300px;">
 		 		[[${entry[column]}]]
 		 	</td>

diff --git a/citesphere/src/main/webapp/resources/bootstrap/grid.css b/citesphere/src/main/webapp/resources/bootstrap/grid.css
@@ -93,6 +93,11 @@ body{
   color: #337ab7;
 }
 
+[class*="icon-arrow-right-alt"]{
+  font-size: 18px;
+  color: #8a6d3b;
+}
+
 [class*="icon-arrow-left"]{
   font-size: 18px;
   color: #337ab7;

diff --git a/citesphere/src/main/webapp/resources/diging-icon-pack/diging-icon-pack.css b/citesphere/src/main/webapp/resources/diging-icon-pack/diging-icon-pack.css
@@ -148,6 +148,9 @@
 .icon-arrow-right:before {
   content: "\e906";
 }
+.icon-arrow-right-alt:before {
+  content: "\e906";
+}
 .icon-arrow-up:before {
   content: "\e907";
 }