Templated index.php
This commit is contained in:
64
src/html/projects.html
Normal file
64
src/html/projects.html
Normal file
@ -0,0 +1,64 @@
|
||||
<div id="projects" style="display: none">
|
||||
<h1 class="page-title" id="projectsListTitle">Projets</h1>
|
||||
<div id="projectsTable">
|
||||
<ol>
|
||||
<li id="categorieNumber">Numéro</li>
|
||||
<li id="categorieNumberAlt">N°</li>
|
||||
<li id="categorieTitle">Titre</li>
|
||||
<li id="categorieAssociate">Associé</li>
|
||||
<li id="categorieIncome">CA</li>
|
||||
<li id="categorieState">Etat</li>
|
||||
</ol>
|
||||
<ldp-display id="projectsList" data-src="http://lucky.alwaysdata.net/api/projects/" data-fields="number, title, associate, income-div, state" set-income-div="income, euro" value-euro=" €"></ldp-display>
|
||||
</div>
|
||||
|
||||
<!-- project view -->
|
||||
<ldp-display id="projectTitle" data-fields="title, space, number" value-space=" - "></ldp-display>
|
||||
<div id="projectDiv" style="display: none;">
|
||||
<div class="container-fluid" id="projectContainer">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-9" id="projectLeftCol">
|
||||
<div class="chat-box">
|
||||
<img src=".\img\chat_image.PNG" alt="Chat box">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3" id="projectRightCol">
|
||||
<ldp-display id="projectDetail" data-fields="right-panel" set-right-panel="quotation-div, income-div, nextBill" set-quotation-div="quotation, euro" set-income-div="income, euro" value-euro=" €"></ldp-display>
|
||||
<button id="projectDivBackButton" type="button" class="btn btn-primary">Back</button>
|
||||
</div>
|
||||
|
||||
<!-- <button id="projectDivBackButton" type="button" class="btn btn-primary"><i class="material-icons">reply</i></button> -->
|
||||
</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>
|
||||
|
Reference in New Issue
Block a user