28b8980c76
* Basic implementations * Working implementation * See all button added * Added tests for See All Members button * Added click test * Grid design * Nit fix to trigger build failure * Applied design changes * Nit design fixes * Revert limit * Applied Ben's suggestion * Removed fixed hight * Grid layout changes * Updated test * Indentation fix * Added members page test
62 lines
2.6 KiB
Text
62 lines
2.6 KiB
Text
<div id="sidebar-left" class="m:gap-4 hidden m:grid js-user-info">
|
|
<%# given the probability that organizations can have lots of users,
|
|
here we're using the any?/find_each pattern to avoid loading possibly
|
|
too many objects in memory %>
|
|
<% if @organization_users.any? %>
|
|
<div class="crayons-card crayons-card--secondary org-sidebar-widget">
|
|
<header class="crayons-card__header">
|
|
<h3 class="crayons-subtitle-3">
|
|
<%= t("views.organizations.team") %>
|
|
</h3>
|
|
</header>
|
|
<div class="org-sidebar-widget-body">
|
|
<% @organization_users.limit(@user_limit).find_each_respecting_scope do |user| %>
|
|
<div class="org-sidebar-widget-user-pic">
|
|
<a href="/<%= user.username %>">
|
|
<img src="<%= user.profile_image_url_for(length: 90) %>" alt="<%= user.username %> profile image" loading="lazy" />
|
|
</a>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% if @organization_users.count > @user_limit %>
|
|
<a class="c-cta ml-5 mt-1 mr-5 mb-5" onclick="location.href='/<%= @organization.slug %>/members'">
|
|
<%= t("views.organizations.all_members") %>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<% if @organization.story.present? %>
|
|
<div class="crayons-card crayons-card--secondary">
|
|
<header class="crayons-card__header">
|
|
<h3 class="crayons-subtitle-3">
|
|
<%= t("views.organizations.story") %>
|
|
</h3>
|
|
</header>
|
|
<div class="crayons-card__body">
|
|
<%= sanitized_sidebar @organization.story %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% if @organization.tech_stack.present? %>
|
|
<div class="crayons-card crayons-card--secondary">
|
|
<header class="crayons-card__header">
|
|
<h3 class="crayons-subtitle-3"><%= t("views.organizations.stack") %></h3>
|
|
</header>
|
|
<div class="crayons-card__body">
|
|
<%= sanitized_sidebar @organization.tech_stack %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% if @organization_users.any? %>
|
|
<div class="crayons-card crayons-card--secondary p-4">
|
|
<div class="flex items-center mb-4">
|
|
<%= crayons_icon_tag(:post, class: "mr-3 color-base", title: t("views.organizations.side.post.icon")) %>
|
|
<%= t "views.organizations.side.post.text", count: @organization.public_articles_count %>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<%= crayons_icon_tag(:team, class: "mr-3 color-base", title: t("views.organizations.side.member.icon")) %>
|
|
<%= t "views.organizations.side.member.text", count: @organization_users.size %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|