haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-27 15:54:39 +00:00
Code Issues Releases Wiki Activity

[org admin] 'info' page: added an 'over traffic' tip for the 'Traffic this month' module (#8006)

Browse Source
This commit is contained in:
llj
2025-07-04 16:57:53 +08:00
committed by GitHub
parent 171b1a6827
commit 50db744b99
2 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/css/org-admin-info-page.css
View File

@@ -48,3 +48,13 @@
font-size: .8125rem; font-size: .8125rem;
color: #666666; color: #666666;
} }
#traffic-over-tip-icon {
color: #bdbdbd;
font-size: .875rem;
margin-left: 6px;
}
#traffic-over-tip-icon:hover {
color: #999999;
}

12
frontend/src/pages/org-admin/org-info.js
View File

@@ -1,4 +1,5 @@
import React, { Component, Fragment } from 'react'; import React, { Component, Fragment } from 'react';
import { UncontrolledTooltip } from 'reactstrap';
import { orgAdminAPI } from '../../utils/org-admin-api'; import { orgAdminAPI } from '../../utils/org-admin-api';
import { mediaUrl, gettext, orgMemberQuotaEnabled, enableSeafileAI } from '../../utils/constants'; import { mediaUrl, gettext, orgMemberQuotaEnabled, enableSeafileAI } from '../../utils/constants';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
@@ -109,7 +110,16 @@ class OrgInfo extends Component {
)} )}
</div> </div>
<div className="info-content-item"> <div className="info-content-item">
<h4 className="info-content-item-heading">{gettext('Traffic this month')}</h4> <h4 className="info-content-item-heading">
{gettext('Traffic this month')}
<i className="sf3-font-help sf3-font" id="traffic-over-tip-icon"></i>
<UncontrolledTooltip
placement="right"
target={'#traffic-over-tip-icon'}
>
{gettext('After exceeding the traffic limit, the file download speed will be restricted.')}
</UncontrolledTooltip>
</h4>
{traffic_limit > 0 ? ( {traffic_limit > 0 ? (
<> <>
<p className="info-content-space-text">{`${(download_traffic / traffic_limit * 100).toFixed(2)}%`}</p> <p className="info-content-space-text">{`${(download_traffic / traffic_limit * 100).toFixed(2)}%`}</p>