@@ -3,7 +3,7 @@
{{ template "head.tpl.html" . }}
< body class = "relative bg-gray-80 0 text-gray-700 p-4 pt-10 flex flex-col min-h-screen max-w-screen-xl mx-auto justify-center" >
< body class = "relative bg-gray-85 0 text-gray-700 p-4 pt-10 flex flex-col min-h-screen max-w-screen-xl mx-auto justify-center" >
{{ template "header.tpl.html" . }}
@@ -56,25 +56,25 @@
< main class = "mt-10 flex-grow" >
< div class = "flex justify-center" >
< div class = "p-1" >
< div class = "flex justify-center p-4 bg-white rounded shadow" >
< div class = "flex justify-center p-4 bg-gray-900 border border-gray-700 text-gray-300 rounded-md shadow" >
< p class = "mx-2" > < strong > ▶️< / strong > < span title = "Start Time" > {{ .FromTime.T | date }}< / span > < / p >
< p class = "mx-2" > < strong > ⏹< / strong > < span title = "End Time" > {{ .ToTime.T | date }}< / span > < / p >
< p class = "mx-2" > < strong > ⏱< / strong > < span id = "total-span" title = "Total Hours" > < / span > < / p >
< p class = "mx-2" > < strong > ⏹️ < / strong > < span title = "End Time" > {{ .ToTime.T | date }}< / span > < / p >
< p class = "mx-2" > < strong > ⏱️ < / strong > < span id = "total-span" title = "Total Hours" > < / span > < / p >
< / div >
< / div >
< / div >
< div class = "flex flex-wrap justify-center" >
< div class = "w-full lg:w-1/2 p-1" >
< div class = "p-4 pb-10 bg-white rounded shadow m-2 flex flex-col" id = "project-container" style = "height: 300px" >
< div class = "p-4 pb-10 bg-gray-900 border border-gray-700 text-gray-300 rounded-md shadow m-2 flex flex-col" id = "project-container" style = "height: 300px" >
< div class = "flex justify-between" >
< div class = "w-1/4 flex-1" > < / div >
< span class = "font-semibold w-1/2 text-center flex-1" > Projects< / span >
< div class = "flex justify-end flex-1 text-xs items-center" >
< label for = "project-top-picker" class = "mr-1" > Show: < / label >
< input type = "number" min = "1" id = "project-top-picker" data-entity = "0" class = "w-1/4 top-picker bg-gray-2 00 rounded-md text-center" value = "10" >
< input type = "number" min = "1" id = "project-top-picker" data-entity = "0" class = "w-1/4 top-picker bg-gray-8 00 rounded-md text-center" value = "10" >
< / div >
< / div >
< canvas id = "chart-projects" > < / canvas >
< canvas id = "chart-projects" class = "mt-2" > < / canvas >
< div class = "hidden placeholder-container flex items-center justify-center h-full flex-col" >
< img src = "assets/images/no_data.svg" class = "w-20" alt = "No data" / >
< span class = "text-sm mt-4" > No data available ...< / span >
@@ -82,13 +82,13 @@
< / div >
< / div >
< div class = "w-full lg:w-1/2 p-1" >
< div class = "p-4 pb-10 bg-white rounded shadow m-2 flex flex-col" id = "os-container" style = "height: 300px" >
< div class = "p-4 pb-10 bg-gray-900 border border-gray-700 text-gray-300 rounded-md shadow m-2 flex flex-col" id = "os-container" style = "height: 300px" >
< div class = "flex justify-between" >
< div class = "w-1/4 flex-1" > < / div >
< span class = "font-semibold w-1/2 text-center flex-1" > Operating Systems< / span >
< div class = "flex justify-end flex-1 text-xs items-center" >
< label for = "os-top-picker" class = "mr-1" > Show: < / label >
< input type = "number" min = "1" id = "os-top-picker" data-entity = "1" class = "w-1/4 top-picker bg-gray-2 00 rounded-md text-center" value = "10" >
< input type = "number" min = "1" id = "os-top-picker" data-entity = "1" class = "w-1/4 top-picker bg-gray-8 00 rounded-md text-center" value = "10" >
< / div >
< / div >
< canvas id = "chart-os" > < / canvas >
@@ -99,13 +99,13 @@
< / div >
< / div >
< div class = "w-full lg:w-1/2 p-1" >
< div class = "p-4 pb-10 bg-white rounded shadow m-2 flex flex-col relative" id = "language-container" style = "height: 300px" >
< div class = "p-4 pb-10 bg-gray-900 border border-gray-700 text-gray-300 rounded-md shadow m-2 flex flex-col relative" id = "language-container" style = "height: 300px" >
< div class = "flex justify-between" >
< div class = "w-1/4 flex-1" > < / div >
< span class = "font-semibold w-1/2 text-center flex-1" > Languages< / span >
< div class = "flex justify-end flex-1 text-xs items-center" >
< label for = "language-top-picker" class = "mr-1" > Show: < / label >
< input type = "number" min = "1" id = "language-top-picker" data-entity = "3" class = "w-1/4 top-picker bg-gray-2 00 rounded-md text-center" value = "10" >
< input type = "number" min = "1" id = "language-top-picker" data-entity = "3" class = "w-1/4 top-picker bg-gray-8 00 rounded-md text-center" value = "10" >
< / div >
< / div >
< canvas id = "chart-language" > < / canvas >
@@ -116,13 +116,13 @@
< / div >
< / div >
< div class = "w-full lg:w-1/2 p-1" >
< div class = "p-4 pb-10 bg-white rounded shadow m-2 flex flex-col" id = "editor-container" style = "height: 300px" >
< div class = "p-4 pb-10 bg-gray-900 border border-gray-700 text-gray-300 rounded-md shadow m-2 flex flex-col" id = "editor-container" style = "height: 300px" >
< div class = "flex justify-between" >
< div class = "w-1/4 flex-1" > < / div >
< span class = "font-semibold w-1/2 text-center flex-1" > Editors< / span >
< div class = "flex justify-end flex-1 text-xs items-center" >
< label for = "editor-top-picker" class = "mr-1" > Show: < / label >
< input type = "number" min = "1" id = "editor-top-picker" data-entity = "2" class = "w-1/4 top-picker bg-gray-2 00 rounded-md text-center" value = "10" >
< input type = "number" min = "1" id = "editor-top-picker" data-entity = "2" class = "w-1/4 top-picker bg-gray-8 00 rounded-md text-center" value = "10" >
< / div >
< / div >
< canvas id = "chart-editor" > < / canvas >
@@ -133,13 +133,13 @@
< / div >
< / div >
< div class = "w-full lg:w-1/2 p-1" >
< div class = "p-4 pb-10 bg-white rounded shadow m-2 flex flex-col" id = "machine-container" style = "height: 300px" >
< div class = "p-4 pb-10 bg-gray-900 border border-gray-700 text-gray-300 rounded-md shadow m-2 flex flex-col" id = "machine-container" style = "height: 300px" >
< div class = "flex justify-between" >
< div class = "w-1/4 flex-1" > < / div >
< span class = "font-semibold w-1/2 text-center flex-1" > Machines< / span >
< div class = "flex justify-end flex-1 text-xs items-center" >
< label for = "machine-top-picker" class = "mr-1" > Show: < / label >
< input type = "number" min = "1" id = "machine-top-picker" data-entity = "4" class = "w-1/4 top-picker bg-gray-2 00 rounded-md text-center" value = "10" >
< input type = "number" min = "1" id = "machine-top-picker" data-entity = "4" class = "w-1/4 top-picker bg-gray-8 00 rounded-md text-center" value = "10" >
< / div >
< / div >
< canvas id = "chart-machine" > < / canvas >