Projects page setup

src/html/project.html

@@ -30,31 +30,4 @@
       </div>
     </div>
   </div>
-  
-  <script type="text/javascript">
-    document.addEventListener("DOMContentLoaded", function (event) {
-      var projectsListElt = document.querySelector('#projectsList');
-      var projectsTableElt = document.querySelector('#projectsTable');
-      var projectDivElt = document.querySelector('#projectDiv');
-      var projectDetailElt = document.querySelector('#projectDetail');
-      var projectTitleElt = document.querySelector('#projectTitle');
-      var projectsListTitleElt = document.querySelector('#projectsListTitle');
-      projectsListElt.addEventListener('select', function (event) {
-        projectsTableElt.style.display = 'none';
-        projectsListTitleElt.style.display = 'none';
-        projectDivElt.style.display = 'block';
-        projectTitleElt.style.display ='block';
-        projectDetailElt.setAttribute("data-src", event.detail.resource['@id']);
-        projectTitleElt.setAttribute("data-src", event.detail.resource['@id']);
-      });
-      projectDivElt.addEventListener('click', function (event) {
-        if (event.target.id == "projectDivBackButton") {
-          projectDivElt.style.display = 'none';
-          projectTitleElt.style.display = 'none';
-          projectsTableElt.style.display = 'block';
-          projectsListTitleElt.style.display = 'block';
-        }
-      });
-    });
-  </script>
 </div>

src/html/projects.html

@@ -1,10 +1,8 @@
 <div id="projects" style="display: none">
   <ldp-display 
-    id="projectsList" 
+    id="projects-list" 
     data-src="http://localhost:8000/projects/"
-    set-label="number, label-separator, name"
-    value-label-separator="&nbsp;-&nbsp;"
-    data-fields="label" 
+    data-fields="number, name" 
     search-fields="number, name"
     next="project"
   ></ldp-display>