Commit c250a0a6 authored by Roque's avatar Roque

erp5_web_project_ui: front page styles

parent ff5681e1
......@@ -11,10 +11,65 @@
</head>
<body>
<div>
<p>
</p>
<!-- FAKE CONTENT TO TEST STYLES -->
<div class="front-project-list">
<ul>
<li>
<div class="project-box">
<div class="project-title">Nexedi ERP5</div>
<div class="project-info">
<div class="left">
<div class="project-line">
<span class="status red"></span>
<span class="name">Milestones</span>
<span class="ok-total">4 (1)</span>
</div>
<div class="project-line">
<span class="status green"></span>
<span class="name">Tasks</span>
<span class="ok-total">24 (7)</span>
</div>
<div class="project-line">
<span class="status orange"></span>
<span class="name">Bugs</span>
<span class="ok-total">12 (6)</span>
</div>
<div class="project-line">
<span class="status green"></span>
<span class="name">Test Results</span>
<span class="ok-total">24 (7)</span>
</div>
<div class="project-line">
<span class="status red"></span>
<span class="name">Tasks Reports</span>
<span class="ok-total">24 (7)</span>
</div>
</div>
<div>
<div class="project-line"><a link="erp5.com">Project Forum</a></div>
<div class="project-line">more info...</div>
<div class="project-line">more info...</div>
<div class="project-line">more info...</div>
</div>
</div>
</div>
</li>
<li>
<div class="project-box">
<div class="project-title">Officejs</div>
<div class="project-line">
<span class="name">Milestones</span>
<span class="status orange"></span>
<span class="ok-total">4(1)</span>
</div>
<div class="project-line">
<span class="name">Tasks</span>
<span class="status red"></span>
<span class="ok-total">24(7)</span>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>
......@@ -141,9 +141,8 @@
if (project_id in project_list_dict) {
if (item.value.portal_type in project_list_dict[project_id]) {
var project_row = project_list_dict[project_id][item.value.portal_type];
if (status_ok) {
project_row.ok_count++;
} else {
project_row.total_count++;
if (!status_ok) {
project_row.out_count++;
if (project_row.status < item.status) {
project_row.status = item.status;
......@@ -151,11 +150,19 @@
}
project_row.list.push(item);
} else {
project_list_dict[project_id][item.value.portal_type] = { "status": item.status, "ok_count" : 0 + status_ok, "out_count" : 0 + !status_ok, "list" : [item] };
project_list_dict[project_id][item.value.portal_type] = { "status": item.status,
"total_count" : 1,
"out_count" : 0 + !status_ok,
"list" : [item]
};
}
} else {
project_list_dict[project_id] = {};
project_list_dict[project_id][item.value.portal_type] = { "status": item.status, "ok_count" : 0 + status_ok, "out_count" : 0 + !status_ok, "list" : [item] };
project_list_dict[project_id][item.value.portal_type] = { "status": item.status,
"total_count" : 1,
"out_count" : 0 + !status_ok,
"list" : [item]
};
}
}
return project_list_dict;
......
#generate-rss {
padding: 5.5pt;
margin-right: 12pt;
background-color: #FF6600;
border-color: #FF6600;
color: #FFFFFF;
border-radius: 0.325em;
border-width: 0.5px;
border-style: solid;
min-width: 6em;
line-height: 1.5;
display: none;
text-align: center;
width: fit-content;
/* FRONT PAGE */
div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list {
margin-top: 10px;
}
.restore-button {
padding: 6pt;
margin-right: 12pt;
background-color: #FF6600;
color: #FFFFFF;
border-radius: 0.325em;
border-width: 0.5px;
div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box {
margin-bottom: 10px;
border-style: solid;
min-width: 8em;
line-height: 1.5;
border-width: 1px;
border-radius: 5px;
padding: 5px;
padding: 5px;
padding-left: 15px;
}
#wrap1 iframe {
height: 100%;
div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .project-info {
display: inline-flex;
}
#wrap2 iframe {
height: 100%;
div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .project-info .left {
width: 35%;
}
.gadget-content .ui-field-contain .graph-spinner {
position: relative;
top: 100px;
width: 120px;
div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .project-line {
margin-bottom: 5px;
font-family: "Roboto", Arial, sans-serif;
font-size: 1.25em;
line-height: 1.58em;
letter-spacing: -.003em;
}
.gadget-content .ui-field-contain .count-spinner {
top: 20px;
width: 120px;
div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .project-title {
color: #19535F;
font-weight: normal;
font-size: 24px;
line-height: 33px;
font-weight: bold;
margin-bottom: 5px;
}
div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .status {
padding-left: 21px;
margin-right: 5px;
}
div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .status.orange {
background: #f0ad4e !important;
}
div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .status.red {
background: #de1e00 !important;
}
div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .status.green {
background: #00b80c !important;
}
.gadget-content .ui-field-contain .bottom .first-line-buttons {
-webkit-appearance: none;
margin-top: 0;
......@@ -123,4 +135,27 @@ input[type="submit"] {
.worklist-title {
color: #777777;
margin-top: 10px;
}
\ No newline at end of file
}
/* for future graphs*/
#wrap1 iframe {
height: 100%;
}
#wrap2 iframe {
height: 100%;
}
.gadget-content .ui-field-contain .graph-spinner {
position: relative;
top: 100px;
width: 120px;
}
.gadget-content .ui-field-contain .count-spinner {
top: 20px;
width: 120px;
}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment