206 lines
11 KiB
Text
206 lines
11 KiB
Text
<%= render "shared/webcomponents_loader_script" %>
|
|
|
|
<div class="crayons-card crayons-card--content-rows">
|
|
<h2><%= t("views.settings.org.admin.members") %></h2>
|
|
|
|
<div class="grid gap-2">
|
|
<% @org_organization_memberships.each do |org_membership| %>
|
|
<div class="crayons-card crayons-card--secondary p-4 flex items-center">
|
|
<p class="fw-medium flex-1">
|
|
<a href="<%= org_membership.user.path %>"><%= org_membership.user.name %></a>
|
|
<% if org_membership.user == @user %>
|
|
<span class="c-indicator"><%= t("views.settings.org.admin.you") %></span>
|
|
<% end %>
|
|
|
|
<% if org_membership.type_of_user == "admin" %>
|
|
<span class="c-indicator c-indicator--danger"><%= t("views.settings.org.admin.admin") %></span>
|
|
<% end %>
|
|
</p>
|
|
|
|
<div class="flex">
|
|
<% if org_membership.user == @user && org_membership.type_of_user == "admin" %>
|
|
<!-- TODO: ? -->
|
|
<% elsif org_membership.user != @user && org_membership.type_of_user == "admin" %>
|
|
<%= form_tag "/users/remove_org_admin", onsubmit: "return confirm('#{t('views.settings.org.admin.revoke.confirm', user: org_membership.user.name)}');" do %>
|
|
<%= hidden_field_tag "user_id", org_membership.user_id %>
|
|
<%= hidden_field_tag "organization_id", @organization.id %>
|
|
<button class="crayons-btn crayons-btn--secondary ml-2" title="<%= t("views.settings.org.admin.revoke.title") %>" type="submit"><%= t("views.settings.org.admin.revoke.text") %></button>
|
|
<% end %>
|
|
<% else %>
|
|
<%= form_tag "/users/add_org_admin", onsubmit: "return confirm('#{t('views.settings.org.admin.make.confirm', user: org_membership.user.name)}');" do %>
|
|
<%= hidden_field_tag "user_id", org_membership.user_id %>
|
|
<%= hidden_field_tag "organization_id", @organization.id %>
|
|
<button class="crayons-btn crayons-btn--secondary ml-2" title="<%= t("views.settings.org.admin.make.title") %>" type="submit"><%= t("views.settings.org.admin.make.text") %></button>
|
|
<% end %>
|
|
<%= form_tag "/users/remove_from_org", onsubmit: "return confirm('#{t('views.settings.org.admin.remove.confirm', user: org_membership.user.name)}');" do %>
|
|
<%= hidden_field_tag "user_id", org_membership.user_id %>
|
|
<%= hidden_field_tag "organization_id", @organization.id %>
|
|
<button class="crayons-btn crayons-btn--secondary ml-2" title="<%= t("views.settings.org.admin.remove.title") %>" type="submit"><%= t("views.settings.org.admin.remove.text") %></button>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<header>
|
|
<h2 class="mb-2"><%= t("views.settings.org.admin.grow") %></h2>
|
|
<p><%= t("views.settings.org.admin.invite") %></p>
|
|
</header>
|
|
|
|
<div class="crayons-card crayons-card--secondary p-4">
|
|
<ol class="list-decimal pl-6 mb-2">
|
|
<li><%= t("views.settings.org.admin.inst1_html", url: link_to(app_url, app_url)) %></li>
|
|
<li><%= t("views.settings.org.admin.inst2_html", url: link_to(app_url(user_settings_path(:organization)), app_url(user_settings_path(:organization)))) %></li>
|
|
<li><%= t("views.settings.org.admin.inst3_html") %></li>
|
|
</ol>
|
|
<p>
|
|
<%= t("views.settings.org.admin.secret_code") %>
|
|
<div class="flex">
|
|
<input type="text" class="ff-monospace ff-s fw-medium" autocomplete="off" id="settings-org-secret" value="<%= @organization.secret %>" readonly aria-label="<%= t("views.settings.org.admin.copy.input.aria_label") %>">
|
|
<button id="settings-org-secret-copy-btn" aria-label="<%= t("views.settings.org.admin.copy.button.aria_label") %>" class="c-btn"><%= crayons_icon_tag(:copy, title: t("views.settings.org.admin.copy.icon"), aria_hidden: true) %></button>
|
|
</div>
|
|
<div class="crayons-notice crayons-notice--success mt-2 hidden" id="copy-text-announcer" role="alert"><%= t("views.settings.org.admin.copy.text") %></div>
|
|
</div>
|
|
|
|
<div class="flex items-center">
|
|
<%= form_tag "/organizations/generate_new_secret", onsubmit: "return confirm('#{t('views.settings.org.admin.gen.confirm')}');" do %>
|
|
<%= hidden_field_tag "organization[id]", @organization.id %>
|
|
<button type="submit" class="crayons-btn crayons-btn--secondary"><%= t("views.settings.org.admin.gen.submit") %></button>
|
|
<% end %>
|
|
<p class="fw-medium color-accent-danger ml-3"><%= t("views.settings.org.admin.gen.text") %></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="crayons-card crayons-card--content-rows">
|
|
<h2><%= t("views.settings.org.admin.details") %></h2>
|
|
|
|
<%= form_for @organization, html: { class: "grid gap-6" } do |f| %>
|
|
<%= f.hidden_field :id %>
|
|
<div class="crayons-field">
|
|
<%= f.label :name, class: "crayons-field__label" %>
|
|
<%= f.text_field :name, maxlength: 50, class: "crayons-textfield", placeholder: "Acme Inc." %>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :slug, class: "crayons-field__label" %>
|
|
<%= f.text_field :slug, maxlength: 30, minlength: 2, class: "crayons-textfield" %>
|
|
<p class="crayons-field__description"><%= t("views.settings.org.admin.form.slug", slug: app_url(@organization.slug)) %></p>
|
|
</div>
|
|
|
|
<div class="crayons-field">
|
|
<%= f.label :profile_image, "Profile image *", class: "crayons-field__label" %>
|
|
<div class="flex items-center">
|
|
<span class="crayons-logo crayons-logo--xl mr-2">
|
|
<% if @organization.profile_image_url.present? %>
|
|
<img alt="<%= @organization.name %> profile image" src="<%= optimized_image_url(@organization.profile_image_url, width: 50) %>" class="crayons-logo__image" />
|
|
<% end %>
|
|
</span>
|
|
<%= f.file_field :profile_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="crayons-field">
|
|
<%= f.label :twitter_username, "Twitter username", class: "crayons-field__label" %>
|
|
<%= f.text_field :twitter_username, class: "crayons-textfield" %>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :github_username, "GitHub username", class: "crayons-field__label" %>
|
|
<%= f.text_field :github_username, class: "crayons-textfield" %>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :url, "Website url", class: "crayons-field__label" %>
|
|
<%= f.url_field :url, maxlength: 128, placeholder: "https://yoursite.com", class: "crayons-textfield" %>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :tag_line, class: "crayons-field__label" %>
|
|
<%= f.text_field :tag_line, maxlength: 60, class: "crayons-textfield" %>
|
|
<p class="crayons-field__description"><%= t("views.settings.org.admin.form.tag_line") %></p>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :summary, class: "crayons-field__label" %>
|
|
<%= f.text_area :summary, maxlength: 250, class: "crayons-textfield" %>
|
|
<p class="crayons-field__description"><%= t("views.settings.org.admin.form.summary") %></p>
|
|
</div>
|
|
|
|
<%= render partial: "shared/logo_design", locals: { f: f, account: @organization_membership.organization } %>
|
|
|
|
<div class="crayons-field">
|
|
<%= f.label :location, class: "crayons-field__label" %>
|
|
<%= f.text_field :location, maxlength: 64, class: "crayons-textfield" %>
|
|
<p class="crayons-field__description"><%= t("views.settings.org.admin.form.location") %></p>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :email, class: "crayons-field__label" %>
|
|
<%= f.text_field :email, maxlength: 64, class: "crayons-textfield" %>
|
|
<p class="crayons-field__description"><%= t("views.settings.org.admin.form.email") %></p>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :company_size, class: "crayons-field__label" %>
|
|
<%= f.text_field :company_size, maxlength: 7, class: "crayons-textfield" %>
|
|
<p class="crayons-field__description"><%= t("views.settings.org.admin.form.company_size") %></p>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :story, class: "crayons-field__label" %>
|
|
<%= f.text_area :story, maxlength: 640, class: "crayons-textfield" %>
|
|
<p class="crayons-field__description"><%= t("views.settings.org.admin.form.story") %></p>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :tech_stack, class: "crayons-field__label" %>
|
|
<%= f.text_area :tech_stack, maxlength: 640, class: "crayons-textfield" %>
|
|
<p class="crayons-field__description"><%= t("views.settings.org.admin.form.tech_stack") %></p>
|
|
</div>
|
|
<header>
|
|
<h2 class="mb-2"><%= t("views.settings.org.admin.cta") %></h2>
|
|
<p><%= t("views.settings.org.admin.cta_desc") %></p>
|
|
</header>
|
|
<div class="crayons-field">
|
|
<%= f.label :cta_body_markdown, class: "crayons-field__label" %>
|
|
<%= f.text_area :cta_body_markdown, maxlength: 256, class: "crayons-textfield" %>
|
|
<p class="crayons-field__description"><%= t("views.settings.org.admin.form.cta_body_markdown") %></p>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :cta_button_text, class: "crayons-field__label" %>
|
|
<%= f.text_field :cta_button_text, maxlength: 20, class: "crayons-textfield" %>
|
|
<p class="crayons-field__description"><%= t("views.settings.org.admin.form.cta_button_text") %></p>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :cta_button_url, "Link url", class: "crayons-field__label" %>
|
|
<%= f.text_field :cta_button_url, maxlength: 150, placeholder: "https://example.com", class: "crayons-textfield" %>
|
|
</div>
|
|
|
|
<button class="crayons-btn w-max" type="submit"><%= t("views.settings.org.admin.form.submit") %></button>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="crayons-card crayons-card--content-rows">
|
|
<header>
|
|
<h2 class="color-accent-danger"><%= t("views.settings.danger") %></h2>
|
|
</header>
|
|
<div class="crayons-field">
|
|
<div class="grid gap-2">
|
|
<header>
|
|
<h2><%= t("views.settings.org.admin.delete.heading") %></h2>
|
|
</header>
|
|
<p>
|
|
<%= t("views.settings.org.admin.delete.desc_html") %>
|
|
</p>
|
|
<% if @org_organization_memberships.size === 1 && @organization.articles_count.zero? %>
|
|
<% onsubmit = "return confirm('#{t('views.settings.org.admin.delete.confirm', name: @organization.name)}');" %>
|
|
<%= form_tag organization_path(@organization.id), method: :delete, onsubmit: onsubmit do %>
|
|
<button class="crayons-btn crayons-btn--danger crayons-btn--icon-left" type="submit">
|
|
<%= t("views.settings.org.admin.delete.submit", name: @organization.name) %>
|
|
</button>
|
|
<% end %>
|
|
<% else %>
|
|
<div class="crayons-card crayons-card--secondary">
|
|
<div class="crayons-card__body">
|
|
<%= t("views.settings.org.admin.delete.unmet") %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<p>
|
|
<%= t("views.settings.org.admin.delete.questions_html", email: link_to(ForemInstance.contact_email, ForemInstance.contact_email)) %>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|