Skip to content

erp5
erp5
Commit c250a0a6 authored by Roque's avatar Roque
Browse files
Options

erp5_web_project_ui: front page styles

parent ff5681e1
Hide whitespace changes
Inline Side-by-side
Showing with 141 additions and 44 deletions
bt5/erp5_web_project_ui/SkinTemplateItem/portal_skins/erp5_web_project/gadget_front_page_info.html.html
View file @ c250a0a6
...@@ -11,10 +11,65 @@ ...@@ -11,10 +11,65 @@
</head> </head>
<body> <body>
<!-- FAKE CONTENT TO TEST STYLES -->
<div> <div class="front-project-list">
<p> <ul>
</p> <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> </div>
</body> </body>
</html> </html>
bt5/erp5_web_project_ui/SkinTemplateItem/portal_skins/erp5_web_project/gadget_front_page_info.js.js
View file @ c250a0a6
...@@ -141,9 +141,8 @@ ...@@ -141,9 +141,8 @@
if (project_id in project_list_dict) { if (project_id in project_list_dict) {
if (item.value.portal_type in project_list_dict[project_id]) { if (item.value.portal_type in project_list_dict[project_id]) {
var project_row = project_list_dict[project_id][item.value.portal_type]; var project_row = project_list_dict[project_id][item.value.portal_type];
if (status_ok) { project_row.total_count++;
project_row.ok_count++; if (!status_ok) {
} else {
project_row.out_count++; project_row.out_count++;
if (project_row.status < item.status) { if (project_row.status < item.status) {
project_row.status = item.status; project_row.status = item.status;
...@@ -151,11 +150,19 @@ ...@@ -151,11 +150,19 @@
} }
project_row.list.push(item); project_row.list.push(item);
} else { } 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 { } else {
project_list_dict[project_id] = {}; 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; return project_list_dict;
......
bt5/erp5_web_project_ui/SkinTemplateItem/portal_skins/erp5_web_project/gadget_project_info.css.css
View file @ c250a0a6
#generate-rss { /* FRONT PAGE */
padding: 5.5pt;
margin-right: 12pt; div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list {
background-color: #FF6600; margin-top: 10px;
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;
} }
.restore-button { div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box {
padding: 6pt; margin-bottom: 10px;
margin-right: 12pt;
background-color: #FF6600;
color: #FFFFFF;
border-radius: 0.325em;
border-width: 0.5px;
border-style: solid; border-style: solid;
min-width: 8em; border-width: 1px;
line-height: 1.5; border-radius: 5px;
padding: 5px;
padding: 5px;
padding-left: 15px;
} }
#wrap1 iframe { div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .project-info {
height: 100%; display: inline-flex;
} }
#wrap2 iframe { div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .project-info .left {
height: 100%; width: 35%;
} }
.gadget-content .ui-field-contain .graph-spinner { div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .project-line {
position: relative; margin-bottom: 5px;
top: 100px; font-family: "Roboto", Arial, sans-serif;
width: 120px; font-size: 1.25em;
line-height: 1.58em;
letter-spacing: -.003em;
} }
.gadget-content .ui-field-contain .count-spinner { div[data-gadget-url$="gadget_front_page_info.html"] .front-project-list .project-box .project-title {
top: 20px; color: #19535F;
width: 120px; 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 { .gadget-content .ui-field-contain .bottom .first-line-buttons {
-webkit-appearance: none; -webkit-appearance: none;
margin-top: 0; margin-top: 0;
...@@ -123,4 +135,27 @@ input[type="submit"] { ...@@ -123,4 +135,27 @@ input[type="submit"] {
.worklist-title { .worklist-title {
color: #777777; color: #777777;
margin-top: 10px; 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
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7