Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2026-01-05 23:25:04 +01:00
Code Issues Projects Releases Wiki Activity

Update stats page #366

Browse source
This commit is contained in:
Infinite 2020-02-29 22:24:44 +01:00
parent 93c7ad7559
commit 429df84479
2 changed files with 53 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

104
ui/v2.5/src/components/Stats.tsx
View file

@ -12,69 +12,47 @@ export const Stats: React.FC = () => {
return (
<div className="mt-5">
<div className="col col-sm-8 m-sm-auto">
<nav className="col col-sm-8 m-sm-auto row">
<div className="flex-grow-1">
<div>
<p className="heading">
<FormattedMessage id="scenes" defaultMessage="Scenes" />
</p>
<p className="title">
<FormattedNumber value={data.stats.scene_count} />
</p>
</div>
</div>
<div className="flex-grow-1">
<div>
<p className="heading">
<FormattedMessage id="galleries" defaultMessage="Galleries" />
</p>
<p className="title">
<FormattedNumber value={data.stats.gallery_count} />
</p>
</div>
</div>
<div className="flex-grow-1">
<div>
<p className="heading">
<FormattedMessage id="performers" defaultMessage="Performers" />
</p>
<p className="title">
<FormattedNumber value={data.stats.performer_count} />
</p>
</div>
</div>
<div className="flex-grow-1">
<div>
<p className="heading">
<FormattedMessage id="studios" defaultMessage="Studios" />
</p>
<p className="title">
<FormattedNumber value={data.stats.studio_count} />
</p>
</div>
</div>
<div className="flex-grow-1">
<div>
<p className="heading">
<FormattedMessage id="tags" defaultMessage="Tags" />
</p>
<p className="title">
<FormattedNumber value={data.stats.tag_count} />
</p>
</div>
</div>
</nav>
<h5>
<FormattedMessage id="stats.notes" defaultMessage="Notes" />
</h5>
<em>
<FormattedMessage
id="stats.warning"
defaultMessage="This is still an early version, some things are still a work in progress."
/>
</em>
<div className="col col-sm-8 m-sm-auto row stats">
<div className="flex-grow-1">
<p className="title">
<FormattedNumber value={data.stats.scene_count} />
</p>
<p className="heading">
<FormattedMessage id="scenes" defaultMessage="Scenes" />
</p>
</div>
<div className="flex-grow-1">
<p className="title">
<FormattedNumber value={data.stats.gallery_count} />
</p>
<p className="heading">
<FormattedMessage id="galleries" defaultMessage="Galleries" />
</p>
</div>
<div className="flex-grow-1">
<p className="title">
<FormattedNumber value={data.stats.performer_count} />
</p>
<p className="heading">
<FormattedMessage id="performers" defaultMessage="Performers" />
</p>
</div>
<div className="flex-grow-1">
<p className="title">
<FormattedNumber value={data.stats.studio_count} />
</p>
<p className="heading">
<FormattedMessage id="studios" defaultMessage="Studios" />
</p>
</div>
<div className="flex-grow-1">
<p className="title">
<FormattedNumber value={data.stats.tag_count} />
</p>
<p className="heading">
<FormattedMessage id="tags" defaultMessage="Tags" />
</p>
</div>
</div>
</div>
);

12
ui/v2.5/src/index.scss
View file

@ -294,3 +294,15 @@ code {
.error-message {
white-space: "pre-wrap";
}
.stats {
.title {
font-size: 3vw;
text-align: center;
}
.heading {
text-align: center;
text-transform: uppercase;
}
}