91 lines
5.9 KiB
Plaintext
91 lines
5.9 KiB
Plaintext
@page "/"
|
||
@using PlaylistShared.Pwa.Services
|
||
@inject NavigationManager Navigation
|
||
|
||
<MudContainer MaxWidth="MaxWidth.Large" Class="mt-8">
|
||
<MudCard>
|
||
<MudCardHeader>
|
||
<CardHeaderContent>
|
||
<MudText Typo="Typo.h4" GutterBottom>🎵 Playlist share</MudText>
|
||
<MudText Typo="Typo.body1">Делитесь плейлистами Яндекс.Музыки с друзьями и управляйте треками вместе!</MudText>
|
||
</CardHeaderContent>
|
||
</MudCardHeader>
|
||
|
||
<MudCardContent>
|
||
<MudText Typo="Typo.h6" GutterBottom>🚀 Как начать</MudText>
|
||
|
||
<MudGrid>
|
||
<MudItem xs="12" md="6">
|
||
<MudPaper Class="pa-4" Elevation="0" Style="background-color: rgba(0,0,0,0.04); border-radius: 8px;">
|
||
<MudText Typo="Typo.h6" GutterBottom>1️⃣ Регистрация и вход</MudText>
|
||
<MudText Typo="Typo.body2" Class="mb-2">
|
||
• Нажмите <MudLink Href="/register" Style="font-weight:bold;">«Регистрация»</MudLink> и создайте аккаунт.<br />
|
||
• Или <MudLink Href="/login" Style="font-weight:bold;">войдите</MudLink> в систему, если уже зарегистрированы.
|
||
</MudText>
|
||
</MudPaper>
|
||
</MudItem>
|
||
|
||
<MudItem xs="12" md="6">
|
||
<MudPaper Class="pa-4" Elevation="0" Style="background-color: rgba(0,0,0,0.04); border-radius: 8px;">
|
||
<MudText Typo="Typo.h6" GutterBottom>2️⃣ Получение токена Яндекс.Музыки</MudText>
|
||
<MudText Typo="Typo.body2" Class="mb-2">
|
||
Токен нужен для доступа к вашим плейлистам. Получите его один раз:
|
||
</MudText>
|
||
<ol style="margin-left: 1.2rem;">
|
||
<li>Перейдите по <MudLink Href="https://oauth.yandex.ru/authorize?response_type=token&client_id=23cabbbdc6cd418abb4b39c32c41195d" Target="_blank">ссылке</MudLink></li>
|
||
<li>Авторизуйтесь в Яндексе (если ещё не вошли)</li>
|
||
<li>Нажмите «Разрешить»</li>
|
||
<li>Скопируйте <strong>access_token</strong> из адресной строки после перенаправления</li>
|
||
</ol>
|
||
<MudAlert Severity="Severity.Info" Class="mt-2">
|
||
Пример: <code>https://music.yandex.ru/#access_token=ВАШ_ТОКЕН&...</code>
|
||
</MudAlert>
|
||
</MudPaper>
|
||
</MudItem>
|
||
|
||
<MudItem xs="12" md="6">
|
||
<MudPaper Class="pa-4" Elevation="0" Style="background-color: rgba(0,0,0,0.04); border-radius: 8px;">
|
||
<MudText Typo="Typo.h6" GutterBottom>3️⃣ Добавление токена в профиле</MudText>
|
||
<MudText Typo="Typo.body2" Class="mb-2">
|
||
• Перейдите в <MudLink Href="/profile" Style="font-weight:bold;">Профиль</MudLink><br />
|
||
• Вставьте скопированный токен в поле «Токен Яндекс.Музыки»<br />
|
||
• Нажмите «Сохранить»
|
||
</MudText>
|
||
<MudAlert Severity="Severity.Success" Class="mt-2">✅ Токен сохраняется в зашифрованном виде.</MudAlert>
|
||
</MudPaper>
|
||
</MudItem>
|
||
|
||
<MudItem xs="12" md="6">
|
||
<MudPaper Class="pa-4" Elevation="0" Style="background-color: rgba(0,0,0,0.04); border-radius: 8px;">
|
||
<MudText Typo="Typo.h6" GutterBottom>4️⃣ Расшаривание плейлиста</MudText>
|
||
<MudText Typo="Typo.body2" Class="mb-2">
|
||
• Откройте <MudLink Href="/my-playlists" Style="font-weight:bold;">Мои плейлисты</MudLink><br />
|
||
• Нажмите «Поделиться» рядом с нужным плейлистом<br />
|
||
• Скопируйте полученную ссылку и отправьте друзьям
|
||
</MudText>
|
||
<MudAlert Severity="Severity.Info" Class="mt-2">
|
||
Вы можете настроить права на добавление/удаление треков для гостей.
|
||
</MudAlert>
|
||
</MudPaper>
|
||
</MudItem>
|
||
</MudGrid>
|
||
|
||
<MudDivider Class="my-6" />
|
||
|
||
<MudText Typo="Typo.h6" GutterBottom>📌 Важно</MudText>
|
||
<MudGrid>
|
||
<MudItem xs="12" sm="6">
|
||
<MudAlert Severity="Severity.Warning" Variant="Variant.Outlined">
|
||
🔐 Токен даёт доступ к вашим плейлистам. Никому его не сообщайте.
|
||
</MudAlert>
|
||
</MudItem>
|
||
<MudItem xs="12" sm="6">
|
||
<MudAlert Severity="Severity.Info" Variant="Variant.Outlined">
|
||
🎧 Для работы с плейлистами нужна активная подписка Яндекс.Плюс?<br />
|
||
<MudText Typo="Typo.body2">Нет, достаточно обычного аккаунта.</MudText>
|
||
</MudAlert>
|
||
</MudItem>
|
||
</MudGrid>
|
||
</MudCardContent>
|
||
</MudCard>
|
||
</MudContainer> |