d87537ab29
* Fix accessibility concerns in settings UI * Update nav aria-labels Co-authored-by: Suzanne Aitchison <suzanne@forem.com> * Add hidden labels for color selectors Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
71 lines
3.2 KiB
Text
71 lines
3.2 KiB
Text
<%= javascript_packs_with_chunks_tag "colorPreview", "validateFileInputs", defer: true %>
|
|
|
|
<div class="crayons-card crayons-card--content-rows">
|
|
<h2>Join An Organization</h2>
|
|
<%= form_tag "/users/join_org" do %>
|
|
<div class="crayons-field mb-6">
|
|
<%= label_tag :org_secret, "Secret code", class: "crayons-field__label" %>
|
|
<p class="crayons-field__description">Provided to you by an org admin</p>
|
|
<%= text_field_tag :org_secret, nil, placeholder: "...", class: "crayons-textfield", autocomplete: "off" %>
|
|
</div>
|
|
|
|
<button class="crayons-btn" type="submit">Join Organization</button>
|
|
<% end %>
|
|
</div>
|
|
|
|
<p class="align-center fs-small color-base-60 mb-6 fw-bold">OR</p>
|
|
|
|
<div class="crayons-card crayons-card--content-rows">
|
|
<header>
|
|
<h2 class="mb-2">Create An Organization</h2>
|
|
<p>Starred fields are required</p>
|
|
</header>
|
|
|
|
<%= form_for @organization, html: { class: "grid gap-6" } do |f| %>
|
|
<div class="crayons-field">
|
|
<%= f.label :name, "Name *", class: "crayons-field__label" %>
|
|
<%= f.text_field :name, class: "crayons-textfield", placeholder: "Acme Inc." %>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= f.label :slug, "Username *", class: "crayons-field__label" %>
|
|
<%= f.text_field :slug, class: "crayons-textfield", placeholder: "acmeinc" %>
|
|
<p class="crayons-field__description">Your organization URL will be <%= app_url %>/{username}</p>
|
|
</div>
|
|
|
|
<div class="crayons-field">
|
|
<%= f.label :profile_image, "Profile image *", class: "crayons-field__label" %>
|
|
<%= f.file_field :profile_image, accept: "image/*", class: "crayons-card crayons-card--secondary p-3 flex items-center flex-1 w-100" %>
|
|
</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>
|
|
|
|
<%= render partial: "shared/logo_design", locals: { f: f, account: @user } %>
|
|
|
|
<div class="crayons-field">
|
|
<%= f.label :url, "Website url *", class: "crayons-field__label" %>
|
|
<%= f.url_field :url, placeholder: "https://yoursite.com", class: "crayons-textfield" %>
|
|
</div>
|
|
|
|
<div class="crayons-field">
|
|
<%= f.label :summary, "Summary *", class: "crayons-field__label" %>
|
|
<%= f.text_area :summary, class: "crayons-textfield", rows: 3, placeholder: "..." %>
|
|
</div>
|
|
|
|
<div class="crayons-field">
|
|
<%= f.label :proof, "Proof *", class: "crayons-field__label" %>
|
|
<p class="crayons-field__description">This is just a quick blurb indicating or link that shows that you clearly are associated with this organization.</p>
|
|
<%= f.text_area :proof, placeholder: "...", class: "crayons-textfield" %>
|
|
<p class="crayons-field__description">You must have your organization's permission to submit this form. Dishonesty may result in a permanent suspension.</p>
|
|
</div>
|
|
|
|
<button class="crayons-btn w-max" type="submit">Create Organization</button>
|
|
<% end %>
|
|
</div>
|