組織の単語をリボンにし、タブのアイコンを所有してみましょう
"Welcome Back!" は、クライアントコンポーネントの PaneRibbon に root レイアウトから出てきます。 言葉遣いは今の組織の選び方であり、このサイトはそれを学ぶので ブラウザーで取得する config.json から構成します。 それはまだこのもの サイト 言う — フォールバック すべての ...
サインインを介してジョブの広告を運ぶ, キャリアのタブに上陸
パブリックキャリアボードに応募し、すでにアカウントをお持ちの方 レジスタページにアクセスし、サインインリンクに従って、到着するために使用される クリックした Thing の兆候がないダッシュボード。 これは、広告主を貫く サインインして、アプリケーションフォームが開いた場所に置きます。 その順序でチェックしたTWOキ...
2角でグライマーをフェードアウトし、半分にキャップ
現在は右上隅と左下隅に完全に死ぬ 左上と右下を上回る、半分の不透明度でピーク。 各革命 2つのエピソードとして読みます。 連続的なラップ、そしてそれが死ぬコーナーはリボンの占有者です、従って 決して競争しません。 キーフレームの不透明度ではなく、ラッパーの静的マスクとして実装 角が座っている角度がペインのアスペクト比...
5秒ごとにペインのギャップを丸めるグリマーを実行
ペインに集中したコニックグラデーション、 --glimmer-period、塗装 2回:15pxのギャップを埋め、ペイン独自の境界に2pxのリムを埋めます。 ザ・オブ・ザ・ リムはそれを販売する半分です - ギャップだけでバックグラウンドとして読みます 効果は、スイープパスとして光をキャッチするエッジとして、ライトとし...
角のリボンの下に丸みのあるペインのすべての画面をシート
すべてのルートは .kamo-pane の内部をレンダリングします: ブラウザから 15px をセットするカード 14px の半径、ソフトシャドウ、オーバーフロー:hidden のエッジなので、ページ自体 コンテンツは、丸みのある長方形にクリップされます。 パンも運ぶ translateZ(0) は `position...
進行中のロックアウトを表示するので、保持されているサインインはそれ自体を説明しています
サーバは今、梯子にサインインを拒否します - 5つの無料試行、その後5 秒、それから5、15および30分のロックを、そして永久ブロック締めて下さい。 この画面のどれも「無効なユーザー名」で答える またはパスワード」と静かに何もしないボタン、サイトとして読み込む セキュリティ制御の作業ではなく壊れている。 4つの状態、...
SIGTERMにドレインし、読みやすさプローブに答え、2つのポッドを実行します
次に、SIGTERM を bare process.exit(143) で扱います。そのため、このPod をどれでも重ねてデプロイします。 フォームポスト、サーバーアクション、ストリーミングされたRSCペイロード、アップロード。 目に見えないとき 最後のミリ秒のリクエスト。全てのプッシュに展開するクラスターには見えない...
Orgのオーバーレイカラーのサインインサイトのすべてのロゴをペイント
オルガは、自宅の横にカモ内部で「ログインサイトロゴオーバーレイ」を選択します ページとロード画面オーバーレイ。 サイト全体のための1つの設定: サインインフォーム、ワークスペースピッカー、パスワード回復およびリセット、および サインアウト画面は同じ背景に同じロゴであり、誰も望んでいません シェードを5回セットする。 ...
アドレス変更の手紙のリンクに答える
/verify-email-change は変更されたアドレスの文字にトークンを消費し、 何が起こったのか。 手紙は、ワークスペースではなく、ここに住んでいます 個人的なメールボックスに移動します。通常、署名されていない電話を読みます ワークスペースは、多くの場合、何も署名しません。 login.<domain> は ...
署名付きメンバーがサインインフォームにアクセスし、ワークスペースピッカーから退出しましょう
同じ問題の2つの半分:ログインページは片道の通りでした。 既存の***クッキーをロード時に検証し、セッションがまだあったとき 良いことに、所属するワークスペースに直進しました。 フォームを作る すでにサインインしている人には到達できない - 複数の組織のメンバー ここに戻って来るすべての試みがそれらをバウンスしたので...
選択したワークスペースを回復し、orgのスクロールバーのリストを与える
ワークスペースピッカーの2つのこと、同じリストについて。 最後に使用したメンバーのワークスペースは、あらかじめ選択され、ボタンに名前が付けられます。 アンケートではなく確認画面です。 しかし、それにスクロールされていない。 ツイート 普通に座っている20組織のメンバーがリストを開いた ボタンの上に見出しの下に、彼らが...
ワークスペースピッカーは、各orgのロゴを示しています
ロゴに立っている2文字が1つを運ぶという応答の回避策でした。 それは、 これで、org のテーマが暫定されたフォルダからサーバー側を解決しました。 初期を解読するのではなく、5つのワークスペースから選ぶメンバー。 モノグラムはフォールバックとして滞在し、それは正式ではなく、実際のものです:何も org がロゴをアップ...
ブランドと範囲 ?org= のサインイン画面
login.kamocrm.com は、すべての組織のサインイン画面です。 ホスト名は、そのホスト名が署名していると言えるわけではありません。 ?org= do: id または alias によって組織名をつけ、ブランディングを選択します。 塗料, 彼らがいる組織としての資格情報と旅行 チェックする。 クレデンシャル...
ワークスペースピッカーを追加
組織の名前が存在しないというサインインは、リストではなくリストに戻ってくる セッション これはクライアントの半分です: /api/login はペイロードを通したパス (no-OTK チェックのため、そうしないと完全に良い報告します) 失敗としてサインイン)、/api/session/select は選択を中継し、植物...
ライブステータスレールの周りのウェルカムパネルを再構築
左側の列は、一般的な見出し、セキュリティの緯度と山でした 周囲の装飾(ドットグリッド、フローティングオーブ、パルスダッシュ)。 それを取り替えて下さい 1つの共有ウェルカムパネルコンポーネント:重量コントラストジェストロックアップ、ヘアライン ルール、オリエンテーションのコピーの単一行、およびレポートするモノスペース化...
在庫アラートをアニメーションステータスプレートに置き換える
インラインサインインメッセージ(ログイン成功) リダイレクト...「無効」 ユーザー名および/またはパスワード。") は、MUI のデフォルトアラートを使用しており、パステルはプラス パステルテキストのマッチングは、ガラスのログインカードに対してジェネリックとして読みます。 StatusMessageは、その式を反転...
Orgのシーケンシャル/シャッフルのスライドショーの注文を Honour
config.json では、背景画像カウントとともに背景順を処理します。 事前にシャッフル再ランダム化し、フレームを繰り返すことはありません 画面; 不在なキーは、すべてのorgが持っていたものですシーケンシャルを維持します。 2つのスイパー画面はクロスフェードを維持しますが、自分のタイマーを駆動します shuff...
ログインホストを転送して、回復はorgを解決できます
パスワードの回復は、メンバーのプライマリメールボックスアドレスのみを受け入れます。 1 つの org 内のアカウント名。 このプロキシは、クラスターのセキュリティサービスにリーチ DNS なので、ホストはサービス名で、ブラウザのホストは旅行する必要があります。 X-Forwarded-Host — バックエンドが読み込...
2番目の要因で停止したログインを完了
SecurityService は 2 番目のファクター (§164.312(d)) でログインをゲートします。 1つが owed はセッションを作成しますが、ワンタイムキーを保持し、 代わりに、短命チャレンジトークン — 誰もOTKを保持していないセッション 到達不能。 このBFFは、無条件に1TimeKeyを期待...
アナリティクスの追加 + ?registered=1 歓迎通知
- マウント分析 ルートレイアウトの Analytics クライアントコンポーネント: next/script analytics.kamocrm.com の loader は、データドメインでスコープ付け login.kamocrm.com のみ (サイトはホワイトラベル付きです。テナントドメインは必須です) 決して...
トライアルオーガニゼーションのためにパワードバイ上のTRIAL使用だけピルを表示
セルフフェッチ /api/trial-status (SecurityService の公開試用統計へのプロキシ) エンドポイントは、ログインホストによって解決されます)、および上のアンバーの丸薬をレンダリングします orgのアカウントがアクティブなネイティブトライアルにあるときにパワードバイピル。 失敗 隠されて開く...
Kamo-loginはソフトウェアのauthのロゴ+タブのタイトルを敬います
- DynamicMetaLoader: config.json からソフトウェア ID + auth セレクタを読み込み、タブを設定 解決された名前(authNameBrandSource)、persist auth-logo state から sessionStorage - Brand.ts + ThemeLog...
?linked=1でアカウントリンク通知を表示する
既存のアカウントを新しいorgに登録すると、ここにリダイレクトします。 ?linked=1. "あなたはすでにカモアカウントを持っている - 私たちは、この組織を追加しました お問い合わせ 既存のパスワードでサインインし、メールを埋めます。 既存のミラー ?email verified の処理.
パネル bleeds はページを去りました従って端は決して bounce で示しません; カードはすぐに ~250ms 衰退します
- 歓迎/回復パネルは左の端から-welcome-bleed (16rem)を拡張します --welcome-w にまだピン留めされた右の端を使って; 内部のコンテンツのパディングはあります つまり、テキストが置くように補正されます。 ばねのオーバーシュートはもはや明らかにできません パネルの左端。 - カードは完全に...
振り付けられた入口 — bg の負荷の後でパネルのばねは、そしてカード衰退します
最初の背景画像(onLoad、3秒の安全フォールバック)を待ってから、 オフスクリーン左から歓迎/回復パネルをバウンス(物理スプリング、 剛さ 300/低下17)。 バウンスではフォームカードをfade+scaleに決済します。 場所。 モバイル(パネル非表示)と減少モーションはバウンスをスキップし、フェード 直接カー...
歓迎パネルと背景のポインターのパララックス(x+y)
どちらのレイヤーも異なるレートと反対方向のポインタで漂流します 板ばねを使って。 背景は1.12をスケールアップし、ウェルカムパネルは特大 16px は右側の端がピン留めされたので、ドリフトは決して露出しません エッジ。 既存のKen Burnsの背景アニメーションは無接触で下にスタックします。 好ましい感情の下で障害...
アニメーションロゴを右下に移動し、パワードバイピルを中心とする
PowerByKamo はオプションのロゴを獲得します。Slot は、直接上を中心とする 固定右下アンカー内の丸薬(他のページは影響しません)。 アニメーション ロゴは、左上隅からサインインのスロットに移動し、回復します ページ; 携帯電話や携帯電話のランドスケープ中にまだ非表示 プロンプトを回転.
左ピンの半透明の歓迎のパネル+中心にされた円形の形態カード
歓迎/回復パネルは今フル高さ、左端に洗い流します、上の 半透明の洗浄と角の角で背景画像。モバイルに隠されている。 パネルの上に浮かび上がるロゴ。 ログイン/回復フォームは、フルラウンド 左側のスペースにガラスカードを中央に.
ログイン後のチェックアウトに有料サインアップ
成功したauth(マニュアルまたは自動ログイン)の後、 apex-domainを消費します sp checkout plan Cookie は、kamo-register によって残され、買い手をへリダイレクトします。 デフォルトアプリの代わりに /subscribe?plan= ページ(Stripe checkout...
HTML の頭部の org の短い名前そして記述を使用して下さい
DynamicMetaLoader はドキュメントを "Login - {siteNameShort}" に設定します。 org の説明をメタの説明タグに書きます。 静的 layout.tsx フォールバック更新。ハードコードされた KamoCRM OG/Twitter メタデータを削除します.
失敗したログインの試みの後のReset Capcha ***
ユーザは、それぞれのパスワードが誤った後に人間であることを再検証しなければなりません。 ウィジェットを呼び出します。reset() と CapchaVerified/payload をクリアします。 クレデンシャル障害とネットワークエラーの両方.
フォームをロックし、カッチャの後に自動生成され、早期に送信
ユーザーがCapchaウィジェットが検証される前に送信した場合、フォームは ウィジェットがプログラム的にトリガーされるようになりました。 おすすめ 認証はログインが自動的に進行します。 エラーの場合 エラーメッセージを表示せずにロックを解除します.
確認済みのバナーとメールの事前確認後、メールの事前確認を表示
?email verified=1&email=... をマウントのURLから読み込み、成功を示す アラートは、ユーザ名フィールドを入力してから、URLをクリーンにします.
/reset-passwordの追加ページ、更新パスワードを忘れたリンク
3段メールパスワードリセット:メールフォーム→8文字コード入力→ 新しいパスワード。 URL からトークンを自動検証します。 ガラス形態カード, 背景カルーセル、Capcha ***、Framer Motionトランジション。 /reset-password (ローカル) にパスワードを忘れました.
登録するパスワードを忘れました。{domain}/recover
既存の replaceDeepestAlias パターンを使用して、一貫性のある レジスタリンク パスワードリセットは現在、kamo-register に住んでいます.
EMAIL NOT VERIFIED エラーをリッチな認証カードに置き換える
ログインが EMAIL NOT VERIFIED に失敗すると、ログインカードが置換されます。 洗練された「チェックボックス」画面: アニメーション封筒SVG 開口部の折り返しと フローティングスパークル、マスクされたメール表示、30秒のメールボタンを再送 SVGカウントダウンリング、成功/エラー/レートリミットフィー...
/recoverページ(SP3)にワイヤ実際のAPI呼び出し
FakeSubmit() をrecoveryApi 呼び出しで置き換えます。 SMS OTPを追加 フェーズ、シードメール入力、新しいパスワードステップ、トークンランディングの確認 ?token= URL パラメータで.
Add 微妙なKamoCRMバックリンクをauthページに追加
小さな「カモCRMによるパワード」スタイルのフッターバッジを3人に追加- authの表面に直面して(ログイン、回復、検証)。 カモロビンは 共有されたホワイトラベルのauthアプリは、クライアントのドメインが機能します。これにより、 クライアント間で何千ものユニークなURLから安定したdofollowバックリンク ka...
Add ?next= 転送パラメータは、ポストログインリダイレクトのためのサポート
URL から ?next=/path をキャプチャし、手動ログインの両方で実行 と自動ログインフロー、OTKリダイレクトURLに追加してkamo-internal セッション検証後に意図した宛先にリダイレクトできます.
Capcha npmパッケージをプライベートレーベルのkamo-capcha-widget forkに置き換える
アップストリームCapcha npmパッケージからMIT-forkedへの切り替え kamo-capcha-ウィジェットとすべてのブランディングがソースで除去されます。 影の DOM をハッキングし、試してみた CSS のオーバーライドを削除 ブランディングを隠すため、不要.
ドメイン固有の設定でUSERNAMEとREMEMBER MEクッキーを追加
- 成功したログイン(1年間の有効期限)でチェックされていることを思い出させるときにユーザー名クッキーを設定します - 任意のログインの試みでチェックされていないことを覚えていれば、ユーザー名クッキーをクリア - チェックボックスの状態に基づいてREMEMBER MEクッキーを'1'または'0'に設定する - ページの...
自動SSLとルーティング用のドメインアグノスティックインgressRouteを追加
- ログインサブドメイン用のHostRegexpパターンでk8s/ingressroute.yamlを追加 - CI/CD を更新し、IngressRoute を自動的にデプロイする - Cloudflareのような自動SSL証明書生成を有効にします - クラスター(kamocrm.com、baddi3.comなど)で...