Department Student Papers

This is a svelte projects that creates rows in a table to display information on student dissertations and theses. Information is pulled from firebase to generate this information. These rows display like so, with '{}' indicating dynamically generated content:

Name & Title Degree Document Year PDF Description
{paper.lastName}, {paper.firstName} {paper.degree} {paper.document} {paper.year} Downloadable PDF icon {paper.title}

Attributes

  • data-department - This attribute takes a string as a parameter (case sensistive) with a department name for filtering purposes. Currently used values for this attribute:
    • "Electrical and Computer Engineering" - shows on ECE's page
  • data-source -this attribute takes a string as a parameter (case sensitive) and finds a file with that name for data that can be used in place of firebase data. The current options for this are:
    • "{dependency tag of test data}" - uses development data: for testing purposes, not to be used on client end
    • "" - uses firebase data: for client end

Implementation

								
<div  
id="department-papers"
data-department="Electrical and Computer Engineering"
data-source="" > 
</div>
<script defer="" src="path to build javascript file"></script>

							

Example

Name & Title Degree Document Year PDF Description