Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Myronkaifung content reorg staging #1216

Draft
wants to merge 13 commits into
base: main
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 32 additions & 31 deletions components/FeedbackCollector/FeedbackCollector.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,59 +2,60 @@
@use "sass:color";

.root {
border-top-width: 1px;
padding-top: 28px;
border-top-width: 1px;
padding-top: 28px;
}

.title {
font-weight: 500;
font-size: 16px;
font-weight: 500;
font-size: 16px;
}

.feedback {
margin-bottom: 36px;
margin-top: 36px;
margin-bottom: 36px;
margin-top: 36px;
}

.buttonContainer {
display: inline-flex;
flex-wrap: wrap;
display: inline-flex;
flex-wrap: wrap;
}

.button {
background-color: colors.$base80;
border-radius: 16px;
box-shadow: 0 6px 12px color.adjust(colors.$black, $alpha: -0.95);
display: flex;
font-weight: 500;
margin-right: 16px;
margin-top: 16px;
padding: 16px 24px;
// background-color: colors.$base80;
border-radius: 16px;
box-shadow: 0 6px 12px color.adjust(colors.$black, $alpha: -0.95);
display: flex;
font-weight: 500;
margin-right: 16px;
margin-top: 16px;
padding: 16px 24px;
transition: 0.5s;

&:hover {
background-color: colors.$purple20;
color: colors.$purple100;
box-shadow: 0 6px 12px color.adjust(colors.$purple140, $alpha: -0.95);
transition: 0.5s;

&:hover {
background-color: colors.$purple20;
box-shadow: 0 6px 12px color.adjust(colors.$purple140, $alpha: -0.95);
transition: 0.5s;

.thumbsDown, .thumbsUp {
color: colors.$purple200;
transition: 0.5s;
}

.thumbsDown,
.thumbsUp {
color: colors.$purple140;
transition: 0.5s;
}
}
}

.thumbsUp {
color: green;
color: green;
}

.thumbsDown {
color: colors.$lava140;
color: colors.$lava140;
}

.inlineIcon {
display: inline-block;
margin-left: 8px;
width: 22px;
display: inline-block;
margin-left: 8px;
width: 22px;
}
61 changes: 31 additions & 30 deletions pages/docs/_meta.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,54 +3,55 @@
"type": "separator",
"title": "INTRO"
},
"what-is-mixpanel": "What is Mixpanel?",
"what-to-track": "What to Track",
"quickstart": "Quickstart",
"what-is-mixpanel": "What is Mixpanel?",
"what-to-track": "What to Track",
"quickstart": "Quickstart",
"data-in": {
"type": "separator",
"title": "DATA IN"
},
"tracking-methods": "Tracking Methods",
"data-structure": "Data Structure",
"migration": "Migration",
"tracking-best-practices": "Best Practices",
"tracking-methods": "Tracking Methods",
"data-structure": "Data Structure",
"migration": "Migration",
"tracking-best-practices": "Best Practices",
"analysis": {
"type": "separator",
"title": "ANALYSIS"
},
"reports": "Reports",
"boards": "Boards",
"users": "Users",
"features": "Features",
"reports": "Reports",
"boards": "Boards",
"users": "Users",
"features": "Features",
"admin": {
"type": "separator",
"title": "ADMIN"
},
"orgs-and-projects": "Orgs & Projects",
"data-governance": "Data Governance",
"access-security": "Access Security",
"privacy": "Privacy",
"pricing": "Pricing",
"orgs-and-projects": "Orgs & Projects",
"data-governance": "Data Governance",
"access-security": "Access Security",
"privacy": "Privacy",
"pricing": "Pricing",
"data-out": {
"type": "separator",
"title": "DATA OUT"
},
"data-pipelines": "Data Pipelines",
"cohort-sync": "Cohort Sync",
"exporting-methods": "Exporting Methods",
"data-pipelines": "Data Pipelines",
"cohort-sync": "Cohort Sync",
"support": {
"type": "separator",
"title": "SUPPORT"
},
"community": "Community",
"get-help": {
"title": "Get Help ↗",
"newWindow": true,
"href": "https://mixpanel.com/get-support"
},
"response-times": "Response Times",
"hire-an-expert": {
"title": "Hire an Expert ↗",
"newWindow": true,
"href": "https://mixpanel.com/partners/experts/matchmaking"
}
"community": "Community",
"get-help": {
"title": "Get Help ↗",
"newWindow": true,
"href": "https://mixpanel.com/get-support"
},
"response-times": "Response Times",
"hire-an-expert": {
"title": "Hire an Expert ↗",
"newWindow": true,
"href": "https://mixpanel.com/partners/experts/matchmaking"
}
}
1 change: 1 addition & 0 deletions pages/docs/access-security/_meta.json
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
{
"login": "Login",
"two-factor-authentication": "Two Factor Authentication",
"single-sign-on": "Single Sign-On"
}
30 changes: 30 additions & 0 deletions pages/docs/access-security/login.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
# Login

## Overview

Mixpanel users access Mixpanel's UI by authenticating through a login process. Mixpanel supports a few different methods for login.

## Magic Link Login
- is the default for all users when they sign up for a new account
- Unless domain is claimed or other access security settings (see 2FA and SSO)
- When you click sign in, an email is sent to the email associated with your account. Click the link in the email to login.

## Password Login
- Can override default magic link login by navigating to Personal Settings and defining a password.
- After defining a password, login defaults to password moving forward and magic link option will no longer be used.
- Change password in the same personal settings page

## Organization-wide Access Security Settings
- org owners/admins can enforce requirements for access security to safeguard data.
- 2FA: Whenever users sign in with a username and password, they also need to enter a security code generated on their mobile device. Users do not need a security code when signing in through the organization's identity provider (SSO).
- SSO: Enable users of your organization to log in with single sign-on. Can also require users to login using SSO and assign roles/permissions via IdP.

## FAQ

#### Why am I not receiving the magic login link after I click in?
Check the junk/spam inbox for the email or click the resend the email from the login page.

If you are not seeing the email even after checking spam and resending the email, it is possible that your account may be associated with a different email. In this case, try signing up for a new account using your provided email. If your account already exists, this is another way to send the magic login link to your email. If your account does not exist, it will create one for you.

#### Why don't I see my team's data and reports?
If you signed up via an invitation from a teammate, it is possible that the invitation was sent with the incorrect access permission. Reach out to your teammate and have them follow [these instructions to grant you access](/docs/orgs-and-projects/roles-and-permissions#invite-users).
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# SSO
# Single Sign-On


## Overview
Expand Down
1 change: 0 additions & 1 deletion pages/docs/access-security/single-sign-on/_meta.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
{
"overview": "Overview",
"azure": "Azure",
"jumpcloud": "JumpCloud",
"okta": "Okta"
Expand Down
49 changes: 49 additions & 0 deletions pages/docs/boards/overview.mdx → pages/docs/boards.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -114,3 +114,52 @@ Row heights can now be adjusted to either show more report content, or hide empt
A row's height is initially determined by the tallest card within that row. Text cards can be very short if they contain only one line of text, or very tall if they contain many lines. Meanwhile, reports always start at their minimum height, but may warrant expansion in order to show more data (more bars on a bar chart, for example).

A row will start life at the minimum possible height.

### Step 5: Board-wide Date Ranges and Filters

Boards allow you to alter some aspects of the queries within each of the reports on that board, making it simple to ensure every report is showing results from a consistent set of data.  Both date ranges and filters can be added by clicking "Add Filter" at the top right of the board.  This will open a row, shown below, where the date range can be selected, and filters can be applied.

![/Screen_Shot_2022-01-07_at_2.35.49_PM.png](/Screen_Shot_2022-01-07_at_2.35.49_PM.png)

By default, date ranges and filters are temporary, allowing you to explore the data without overwriting the board. But, if you wish to save the date range and filter selections you've made to the board, so they'll appear for other users as well, click "Save to Board."

**Note**
Applying date ranges and filters on a board does not change the queries saved in each individual report; instead, it only changes the data displayed when you view those reports in the current board. If you click into a report from the board, however, Mixpanel will maintain the date range and filters to ensure you see data consistent between the board and report. Navigate to the report on its own, though, and you'll see the report's original saved date range and filters.

## Board Subscriptions

Board Subscriptions allow you to receive a snapshot of a board sent as an email or a slack message. Subscriptions allow members to share recent data with both project members and external audiences, providing quick and meaningful insight into a Mixpanel project.

You must be a Project Owner, Admin, or Analyst to create a subscription.

Subscriptions will send the board on a recurring schedule. You can choose a daily, weekly or monthly interval. Note that subscriptions only show the 8 reports that are on the top of a board.

To create a Subscription:

1. Select **Subscribe** from the header at the top right of the board. You can see a list of existing subscriptions for the board here as well. Select "Create New".
![/subscribe1.png](/subscribe1.png)

2. Fill out the resulting form, selecting the desired email recipients or Slack channel, as well as the sending frequency (daily, weekly, or monthly).
![/subscribe2.png](/subscribe2.png)
- Any email address will receive the email, whether or not they are internal or external to your organization
- Private Slack Channels are not available at this time
3. Click "Subscribe".

### Seeing All Subscriptions
![/subscribe3.png](/subscribe3.png)

You can access this by clicking the "Subscribe" button at the top right of the board. Then select "View All".
This gives you a view of all subscriptions across all users.

### Subscriptions for Private Boards

It is possible to subscribe to a private board. However, there are some restrictions to what will be visible or accessible.

1. If you convert a regular board with subscriptions into a private board, existing subscriptions will still work with existing recipients. However, if they click **View Board**, they will not be able to access your private board. Creating new subscriptions or editing existing subscriptions within the private board will force you to limit recipients to yourself.
2. You cannot edit subscriptions of someone else’s private board without selecting a different board that you have access to (regardless of your permissions or role). You can still delete the subscription or select a different board.

## TV Mode

The **Enter TV Mode** option enables displaying a Board on a big screen (such as a TV in the office) where top-level company metrics / KPIs can be constantly monitored. The Board will auto-refresh every 10 minutes when in TV mode.

![image](/boards-tv-mode.png "Enter TV Mode")
4 changes: 2 additions & 2 deletions pages/docs/boards/_meta.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"overview": "Overview",
"sharing-and-permission", "Sharing and Permission",
"templates": "Templates",
"boards-on-boards": "Boards on Boards",
"public-boards": "Public Boards",
"advanced": "Advanced"
"move-board": "Move Board"
}
Loading