3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-17 21:26:10 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Multiple team invitations on onboarding

Browse source
This commit is contained in:
Pablo Alba 2022-04-28 17:04:44 +02:00
parent bd7ea210f5
commit fb879660d0
12 changed files with 89 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/app/main/data/dashboard.cljs
View file

@ -326,11 +326,9 @@
;; --- EVENT: create-team-with-invitations
;; NOTE: right now, it only handles a single email, in a near future
;; this will be changed to the ability to specify multiple emails.
(defn create-team-with-invitations
[{:keys [name email role] :as params}]
[{:keys [name emails role] :as params}]
(us/assert string? name)
(ptk/reify ::create-team-with-invitations
ptk/WatchEvent
@ -339,7 +337,7 @@
:or {on-success identity
on-error rx/throw}} (meta params)
params {:name name
:emails #{email}
:emails #{emails}
:role role}]
(->> (rp/mutation! :create-team-and-invite-members params)
(rx/tap on-success)

41
frontend/src/app/main/ui/onboarding/team_choice.cljs
View file

@ -6,6 +6,7 @@
(ns app.main.ui.onboarding.team-choice
(:require
[app.common.data :as d]
[app.common.spec :as us]
[app.main.data.dashboard :as dd]
[app.main.data.messages :as dm]
@ -72,8 +73,8 @@
[:div.modal-overlay
[:div.modal-container.onboarding-team
[:div.title
[:h2 {:data-test "onboarding-choice-team-up"} (tr "onboarding.choice.team-up")]
[:p (tr "onboarding.choice.team-up-desc")]]
[:h2 {:data-test "onboarding-choice-team-up"} (tr "onboarding.choice.team-up.create-team")]
[:p (tr "onboarding.choice.team-up.create-team-desc")]]
[:& fm/form {:form form
:on-submit on-submit}
@ -81,14 +82,14 @@
[:div.team-row
[:& fm/input {:type "text"
:name :name
:label (tr "onboarding.team-input-placeholder")}]]
:label (tr "onboarding.choice.team-up.create-team-placeholder")}]]
[:div.buttons
[:button.btn-secondary.btn-large
{:on-click #(st/emit! (modal/show {:type :onboarding-choice}))}
(tr "labels.cancel")]
(tr "labels.back")]
[:& fm/submit-button
{:label (tr "labels.next")}]]]
{:label (tr "labels.continue")}]]]
[:img.deco {:src "images/deco-left.png" :border "0"}]
[:img.deco.right {:src "images/deco-right.png" :border "0"}]]]))
@ -98,10 +99,10 @@
[{:value "editor" :label (tr "labels.editor")}
{:value "admin" :label (tr "labels.admin")}])
(s/def ::email ::us/email)
(s/def ::emails (s/and ::us/set-of-emails d/not-empty?))
(s/def ::role ::us/keyword)
(s/def ::invite-form
(s/keys :req-un [::role ::email]))
(s/keys :req-un [::role ::emails]))
;; This is the final step of team creation, consists in provide a
;; shortcut for invite users.
@ -154,27 +155,31 @@
[:div.modal-overlay
[:div.modal-container.onboarding-team
[:div.title
[:h2 (tr "onboarding.choice.team-up")]
[:p (tr "onboarding.choice.team-up-desc")]]
[:h2 (tr "onboarding.choice.team-up.invite-members")]
[:p (tr "onboarding.choice.team-up.invite-members-desc")]]
[:& fm/form {:form form
:on-submit on-submit}
[:div.invite-row
[:& fm/input {:name :email
:label (tr "labels.email")}]
[:& fm/select {:name :role
:options roles}]]
[:div.invite-row
[:& fm/multi-input {:type "email"
:name :emails
:auto-focus? true
:trim true
:valid-item-fn us/parse-email
:label (tr "modals.invite-member.emails")}]
[:& fm/select {:name :role :options roles}]]
[:div.buttons
[:button.btn-secondary.btn-large
{:on-click #(st/emit! (modal/show {:type :onboarding-choice}))}
(tr "labels.cancel")]
(tr "labels.back")]
[:& fm/submit-button
{:label (tr "labels.create")}]]
{:label (tr "onboarding.choice.team-up.invite-members-submit")}]]
[:div.skip-action
{:on-click on-skip}
[:div.action "Skip and invite later"]]]
[:div.action (tr "onboarding.choice.team-up.invite-members-skip")]]]
[:img.deco {:src "images/deco-left.png" :border "0"}]
[:img.deco.right {:src "images/deco-right.png" :border "0"}]]]))