mirror of
https://github.com/indentlabs/notebook.git
synced 2025-10-26 11:19:22 +00:00
117 lines
3.8 KiB
Plaintext
117 lines
3.8 KiB
Plaintext
<div class="row">
|
|
<div class="col s12 m3">
|
|
<%= image_tag 'basil/portrait.png', style: 'width: 100%' %>
|
|
</div>
|
|
<div class="col s12 m9">
|
|
<h1 style="font-size: 2em; margin-left: 1rem">Hey, I'm Basil.</h4>
|
|
<h2 style="font-size: 1.4em; margin-left: 1rem">I can help you visualize your ideas.</h2>
|
|
<p style="margin-left: 1rem">
|
|
This is a little About Me page.
|
|
<%= link_to 'Click here to start generating images of your notebook pages.', basil_path %>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col s12 m3 l2">
|
|
<h1 class="center orange-text" style="margin-bottom: 0; margin-top: 1.6em"><%= number_with_delimiter @queued.count %></h1>
|
|
<div class="center grey-text"><strong>requests in queue</strong></div>
|
|
</div>
|
|
<div class="col s12 m3 l2">
|
|
<h1 class="center orange-text" style="margin-bottom: 0; margin-top: 1.6em; font-size: 2.95em"><%= time_ago_in_words @average_wait_time.seconds.ago %></h1>
|
|
<div class="center grey-text">
|
|
<strong>average wait time<br />today</strong>
|
|
</div>
|
|
</div>
|
|
<div class="col s12 m6 l8">
|
|
<div class="grey lighten-3">
|
|
<%=
|
|
bar_chart @seconds_over_time,
|
|
colors: ['#EF6C00'],
|
|
label: 'Images that took this long',
|
|
title: 'Wait times today (in minutes)'
|
|
%>
|
|
</div>
|
|
<br /><br />
|
|
</div>
|
|
|
|
<div class="col s12 m4 l3">
|
|
<h1 class="center purple-text" style="margin-bottom: 0; margin-top: 1.6em"><%= number_with_delimiter @commissions.count %></h1>
|
|
<div class="center grey-text"><strong>total images created</strong></div>
|
|
</div>
|
|
<div class="col s12 m8 l9 grey lighten-3">
|
|
<%=
|
|
area_chart @commissions.group_by_day(:created_at).map { |date, count| [date.to_date, count] },
|
|
colors: ['#9C27B0', '#2196F3'],
|
|
title: 'Images created per day',
|
|
suffix: ' images'
|
|
%>
|
|
</div>
|
|
|
|
<div class="col s12">
|
|
<div class="card-panel">
|
|
At his average rate of <%= pluralize @average_commissions_per_day.to_i, 'image' %> per day, Basil is predicted to generate his 1,000,000<sup>th</sup> image on
|
|
<%= (DateTime.current + @days_til_1_million_commissions.days).strftime "%A, %B %e, %Y" %>.
|
|
</div>
|
|
<br /><br /><br />
|
|
</div>
|
|
|
|
<div class="col s12 m8 l7 grey lighten-3">
|
|
<%=
|
|
column_chart [
|
|
{ name: "Historical average", data: @emoji_counts_all_time },
|
|
{ name: "Today", data: @emoji_counts_today, }
|
|
],
|
|
colors: ['#2196F3', '#C88ED2'],
|
|
title: "Quality: #{number_with_delimiter @feedback_today.values.sum + @feedback_before_today.values.sum} #{'image'.pluralize @feedback_before_today.values.sum} rated",
|
|
suffix: '%'
|
|
%>
|
|
</div>
|
|
<div class="col s12 m4 l5">
|
|
<div class="grey lighten-3">
|
|
<%=
|
|
pie_chart @emoji_counts_today,
|
|
colors: ['#B71C1C', '#D95151', '#757575' '#1B5E20', '#236428', '#43A047', '#2196F3'],
|
|
legend: 'right',
|
|
donut: true,
|
|
title: "Today's quality ratings",
|
|
suffix: '%'
|
|
%>
|
|
</div>
|
|
<br /><br /><br />
|
|
</div>
|
|
|
|
<div class="col s12 m6 grey lighten-3">
|
|
<%=
|
|
bar_chart @average_score_per_style,
|
|
title: "Average quality score per style",
|
|
min: -2,
|
|
max: 2,
|
|
colors: ['#2196F3']
|
|
%>
|
|
</div>
|
|
<div class="col s12 m6 grey lighten-3">
|
|
<%=
|
|
bar_chart @total_score_per_style,
|
|
title: "Total quality score per style",
|
|
colors: ['#2196F3']
|
|
%>
|
|
</div>
|
|
<div class="col s12">
|
|
<div class="center">
|
|
<br />
|
|
<%= link_to 'Click here to help by rating your images.', basil_rating_queue_path %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<%=
|
|
column_chart @average_score_per_page_type,
|
|
title: "Average quality score per page type",
|
|
colors: ['#2196F3']
|
|
%>
|
|
</div>
|
|
</div> |