57 lines
2.1 KiB
Plaintext
57 lines
2.1 KiB
Plaintext
@{
|
|
ViewData["Title"] = "Cuisine";
|
|
}
|
|
<head>
|
|
<title>@ViewData["Title"]</title>
|
|
<link rel="stylesheet" href="~/css/HelloFresh/cuisine.css" asp-append-version="true" />
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/tippy.js@6/dist/tippy.css" />
|
|
|
|
<!-- Custom fonts for this template-->
|
|
<link href="~/lib/fontawesome-free/css/all.css" rel="stylesheet" type="text/css">
|
|
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
|
|
|
|
</head>
|
|
|
|
<section id="cuisineApp" class="cui-root">
|
|
<!-- Side panel (repliable) -->
|
|
<aside id="cuiSide" class="cui-side">
|
|
<header class="cui-side-head">
|
|
<h2>Recettes</h2>
|
|
<button id="toggleSide" class="ghost" aria-expanded="true" title="Replier/ouvrir">⟨</button>
|
|
</header>
|
|
<div id="recipeScroller" class="cui-cards"></div>
|
|
</aside>
|
|
|
|
<!-- Main PDF area -->
|
|
<main class="cui-main">
|
|
<div class="cui-toolbar">
|
|
<div class="cui-title">
|
|
<span id="currentName">Sélectionnez une recette</span>
|
|
</div>
|
|
<div class="cui-actions">
|
|
<button id="openPdf" class="primary" disabled>Ouvrir le PDF</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cui-view">
|
|
<!-- Aperçu non plein écran -->
|
|
<iframe id="pdfPreview" class="cui-iframe" title="Aperçu PDF"></iframe>
|
|
<div id="pdfPlaceholder" class="cui-placeholder">
|
|
Choisissez une recette pour afficher son PDF.
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</section>
|
|
|
|
<!-- Overlay plein écran -->
|
|
<div id="viewerOverlay" class="viewer hidden" aria-hidden="true">
|
|
<div class="viewer-top">
|
|
<button id="closeViewer" class="ghost" aria-label="Fermer">✕</button>
|
|
<div id="viewerTitle" class="viewer-title">PDF</div>
|
|
</div>
|
|
<iframe id="pdfFrameFull" class="viewer-iframe" title="Lecteur PDF"></iframe>
|
|
</div>
|
|
|
|
<script src="~/js/HelloFresh/cuisine.js" asp-append-version="true"></script>
|