[Item] metadata for CS

[windingwind]

Modified on template #223 . Auto-adjust metadata according to item type.

<h2>${topItem.getField('title')}</h2>
<table>
    <tr>
        <th style="background-color:#dbeedd;">
            <p style="text-align: right">Title </p>
        </th>
        <td style="background-color:#dbeedd;">
            <p>${topItem.getField('title')}</p>
        </td>
    </tr>
    <tr>
        <th style="background-color:#f3faf4;">
            <p style="text-align: right">${(()=>{
              if(topItem.itemType === "conferencePaper") return "Conference";
              if(topItem.itemType === "journalArticle") return "Journal";
              if(topItem.itemType === "report") return "Publisher";
              return "Publisher";})()}</p>
        </th>
        <td style="background-color:#f3faf4;"><p>${(()=>{
              if(topItem.itemType === "conferencePaper") {
                const res =  topItem.getField("conferenceName");
                return res?res:topItem.getField("proceedingsTitle");
              };
              if(topItem.itemType === "journalArticle") return topItem.getField("publicationTitle");
              if(topItem.itemType === "report") return topItem.getField("institution");
              return topItem.getField("publicationTitle");})()}</p>
        </td>
    </tr>
    <tr>
        <th style="background-color:#dbeedd;">
            <p style="text-align: right">Authors </p>
        </th>
        <td style="background-color:#dbeedd;">
            <p>${topItem.getCreators().map((v)=>v.firstName+" "+v.lastName).join("; ")}</p>
        </td>
    </tr>
    <tr>
        <th style="background-color:#f3faf4;">
            <p style="text-align: right">Pub. date </p>
        </th>
        <td style="background-color:#f3faf4;">
            <p>${topItem.getField('date')}</p>
        </td>
    </tr>
    <tr>
        <th style="background-color:#dbeedd;">
            <p style="text-align: right">DOI </p>
        </th>
        <td style="background-color:#dbeedd;">
            <a href="https://doi.org/${topItem.getField('DOI')}">${topItem.getField('DOI')}</a>
        </td>
    </tr>
    <tr>
        <th style="background-color:#f3faf4;">
            <p style="text-align: right">URL</p>
        </th>
        <td style="background-color:#f3faf4;">
            <p>${topItem.getField('url')}</p>
        </td>
    </tr>
    <tr>
        <th style="background-color:#dbeedd;">
            <p style="text-align: right">CitationKey</p>
        </th>
        <td style="background-color:#dbeedd;">
            <p>${topItem.citationKey?topItem.citationKey:''}</p>
        </td>
    </tr>
</table>

[windingwind]

Extra Metadata Fields:

Item Link. Click to open the PDF attachment.

    <tr>
        <th style="background-color:#f3faf4;">
            <p style="text-align: right">PDF Attachment</p>
        </th>
        <td style="background-color:#f3faf4;">
            <p>${((topItem) => {
  const getPDFLink = (_item) => {
    let libraryID = _item.libraryID;
    let library = Zotero.Libraries.get(libraryID);
    let itemKey = _item.key;
    let itemLink = "";
    if (library.libraryType === "user") {
      itemLink = `zotero://open-pdf/library/items/${itemKey}`;
    } else if (library.libraryType === "group") {
      itemLink = `zotero://open-pdf/groups/${library.id}/items/${itemKey}`;
    }
    return `<a href="${itemLink}">${_item.getFilename()}</a>`;
  };
  return Zotero.Items.get(topItem.getAttachments())
    .filter((i) => i.isPDFAttachment())
    .map((i) => getPDFLink(i))
    .join("\n");
})(topItem)
}</p>
        </td>
    </tr>

[cauliyang]

fix a bug to fetch "citation key"

<h1> <span>&lt;Title&gt;</span></h1>\n <hr/>
</span></h1>\n <h2 style="color: #1B5E20; background-color:#F1F8E9;">💡 Meta Data
</h2> 

<table>
    <tr>
        <th style="background-color:#dbeedd;">
            <p style="text-align: left">Title </p>
        </th>
        <td style="background-color:#dbeedd;">${topItem.getField('title')}
        </td>
    </tr>
    <tr>
        <th style="background-color:#f3faf4;">
            <p style="text-align:  left">Journal </p>
        </th>
        <td style="background-color:#f3faf4;">${topItem.getField('publicationTitle')}
        </td>
    </tr>
    <tr>
        <th style="background-color:#dbeedd;">
            <p style="text-align:  left">Authors </p>
        </th>
        <td style="background-color:#dbeedd;">${topItem.getCreators().map((v)=>v.firstName+" "+v.lastName).join("; ")}
        </td>
    </tr>
    <tr>
        <th style="background-color:#f3faf4;">
            <p style="text-align: left">Pub. date </p>
        </th>
        <td style="background-color:#f3faf4;">${topItem.getField('date')}
        </td>
    </tr>
    <tr>
        <th style="background-color:#dbeedd;">
            <p style="text-align: left">DOI </p>
        </th>
        <td style="background-color:#dbeedd;">
        <a href="https://doi.org/${topItem.getField('DOI')}">${topItem.getField('DOI')}</a>     
        </td>
    </tr>
 <tr>
        <th style="background-color:#dbeedd;">
            <p style="text-align: left">CitationKey</p>
        </th>
        <td style="background-color:#dbeedd;">
            <p> ${topItem.getField('citationKey')}  </p>
        </td>
    </tr>

    <tr>
        <th style="background-color:#f3faf4;">
            <p style="text-align: left">PDF Attachment</p>
        </th>
        <td style="background-color:#f3faf4;">
            <p>${((topItem) => {
  const getPDFLink = (_item) => {
    let libraryID = _item.libraryID;
    let library = Zotero.Libraries.get(libraryID);
    let itemKey = _item.key;
    let itemLink = "";
    if (library.libraryType === "user") {
      itemLink = `zotero://open-pdf/library/items/${itemKey}`;
    } else if (library.libraryType === "group") {
      itemLink = `zotero://open-pdf/groups/${library.id}/items/${itemKey}`;
    }
    return `<a href="${itemLink}">${_item.getFilename()}</a>`;
  };
  return Zotero.Items.get(topItem.getAttachments())
    .filter((i) => i.isPDFAttachment())
    .map((i) => getPDFLink(i))
    .join("\n");
})(topItem)
}</p>
        </td>
    </tr>


</table>
<p></p>



</span></h1>\n <h2 style="color:  #E65100; background-color:  #FFF8E1;">📜 Background & Aims</h2> <hr/>
<p></p>
</span></h1>\n <h2 style="color:#2E7D32; background-color:    #F1F8E9;">&#x1F4CA Research</h2> <hr/>
<p></p>
</span></h1>\n <h2 style="color:#4A148C; background-color:    #F5F5F5;">🚩 Result </h2> <hr/>
<p></p>

</span></h1>\n <h2 style="color: #006064; background-color:   #E0F7FA;">📌 Ideas & Questions </h2> <hr/>
<p></p>
</span></h1>\n <h2 style="color:#1565C0; background-color:   #E1F5FE;">🔬 Method</h2> <hr/>
<h3>  <span><span style="color:  #1565C0">Model：</span></span></h3>
<h3>  <span style="color: #1565C0">Algorithm：</span></h3>
<h3>  <span style="color: #1565C0">others：</span></h3>

[Fontanapink]

Is it possible to make it so that if I click on the title of it, it will take me to the item in my Zotero library (not the pdf)?