From 8b1249ddc87d1a3b66beb289d54ab7f39e278dd8 Mon Sep 17 00:00:00 2001
From: dcore94 <m.lettere@gmail.com>
Date: Thu, 9 Feb 2023 17:40:09 +0100
Subject: [PATCH] tuned look and added context

---
 ccp/js/methodlistcontroller2.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/ccp/js/methodlistcontroller2.js b/ccp/js/methodlistcontroller2.js
index aace1f3..b60c8bf 100644
--- a/ccp/js/methodlistcontroller2.js
+++ b/ccp/js/methodlistcontroller2.js
@@ -83,7 +83,7 @@ class CCPMethodList2 extends HTMLElement{
                   </div>
                 </summary>
                 <ul name="process_list" class="list-group ccp-process-list">
-                  <li class="list-group-item list-group-item-secondary ccp-process p-2 my-1" draggable="true">
+                  <li class="d-flex list-group-item list-group-item-secondary ccp-process p-2 my-1" style="flex-direction: column; gap:5px" draggable="true">
                     <div>
                       <span name="version" class="badge badge-primary"></span>
                       <span name="author" class="badge badge-warning"></span>
@@ -98,9 +98,12 @@ class CCPMethodList2 extends HTMLElement{
                         </button>
                       </div>
                     </div>
-                    <p style="margin-top:.5rem" class="small" name="description"></p>
+                    <p class="m-0 p-0 small" name="description"></p>
                     <div>
-                      <span name="keyword" class="badge badge-pill badge-light mr-1" style="opacity:.6"></span>
+                      <span name="keyword" class="badge badge-pill badge-light border border-dark mr-1" style="opacity:.6"></span>
+                    </div>
+                    <div>
+                      <span name="context" class="badge badge-light text-info border border-info mr-1"></span>
                     </div>
                   </li>
                 </ul>
@@ -338,6 +341,11 @@ class CCPMethodList2 extends HTMLElement{
                       "in" : (e,d)=>d.keywords,
                       apply : (e,d)=>{ e.alt = e.title = e.textContent = d }
                     },
+                    {
+                      target : "span[name=context]",
+                      "in" : (e,d)=>d.metadata.filter(md=>md.role === "context"),
+                      apply : (e,d)=>{ e.alt = e.title = e.textContent = d.title.replaceAll("%2F", "/") }
+                    },
                     {
                       target : "p[name=description]",
                       apply : (e,d)=>{ e.textContent = d.description }