Spaces:
Running
Running
Add 3 files
Browse files- README.md +7 -5
- index.html +295 -19
- prompts.txt +1 -0
README.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
-
colorTo:
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
|
| 1 |
---
|
| 2 |
+
title: digital-menu
|
| 3 |
+
emoji: 🐳
|
| 4 |
+
colorFrom: red
|
| 5 |
+
colorTo: blue
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite
|
| 10 |
---
|
| 11 |
|
| 12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
index.html
CHANGED
|
@@ -1,19 +1,295 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Digital Menu Availability Configuration</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
+
<style>
|
| 10 |
+
.shift-tag {
|
| 11 |
+
transition: all 0.2s ease;
|
| 12 |
+
}
|
| 13 |
+
.shift-tag:hover {
|
| 14 |
+
transform: translateY(-2px);
|
| 15 |
+
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
| 16 |
+
}
|
| 17 |
+
.menu-card {
|
| 18 |
+
transition: all 0.3s ease;
|
| 19 |
+
}
|
| 20 |
+
.menu-card:hover {
|
| 21 |
+
transform: translateY(-3px);
|
| 22 |
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
| 23 |
+
}
|
| 24 |
+
.tab-active {
|
| 25 |
+
border-bottom: 3px solid #3b82f6;
|
| 26 |
+
font-weight: 600;
|
| 27 |
+
color: #1e40af;
|
| 28 |
+
}
|
| 29 |
+
.availability-badge {
|
| 30 |
+
animation: pulse 2s infinite;
|
| 31 |
+
}
|
| 32 |
+
@keyframes pulse {
|
| 33 |
+
0% { opacity: 0.9; }
|
| 34 |
+
50% { opacity: 0.6; }
|
| 35 |
+
100% { opacity: 0.9; }
|
| 36 |
+
}
|
| 37 |
+
</style>
|
| 38 |
+
</head>
|
| 39 |
+
<body class="bg-gray-50 min-h-screen">
|
| 40 |
+
<div class="container mx-auto px-4 py-8">
|
| 41 |
+
<!-- Header -->
|
| 42 |
+
<header class="mb-8">
|
| 43 |
+
<h1 class="text-3xl font-bold text-gray-800">Digital Menu Availability</h1>
|
| 44 |
+
<p class="text-gray-600 mt-2">Configure when and how your menus appear to customers</p>
|
| 45 |
+
</header>
|
| 46 |
+
|
| 47 |
+
<!-- Tabs -->
|
| 48 |
+
<div class="flex border-b border-gray-200 mb-8">
|
| 49 |
+
<button class="tab-active px-6 py-3 text-sm focus:outline-none">
|
| 50 |
+
<i class="fas fa-calendar-alt mr-2"></i>Availability Settings
|
| 51 |
+
</button>
|
| 52 |
+
<button class="px-6 py-3 text-sm text-gray-500 hover:text-blue-700 focus:outline-none">
|
| 53 |
+
<i class="fas fa-eye mr-2"></i>Visibility Preview
|
| 54 |
+
</button>
|
| 55 |
+
<button class="px-6 py-3 text-sm text-gray-500 hover:text-blue-700 focus:outline-none">
|
| 56 |
+
<i class="fas fa-cog mr-2"></i>Advanced Settings
|
| 57 |
+
</button>
|
| 58 |
+
</div>
|
| 59 |
+
|
| 60 |
+
<!-- Main Content -->
|
| 61 |
+
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
| 62 |
+
<!-- Configuration Panel -->
|
| 63 |
+
<div class="lg:col-span-2 bg-white rounded-lg shadow-md p-6">
|
| 64 |
+
<h2 class="text-xl font-semibold text-gray-800 mb-6">Menu Availability Configuration</h2>
|
| 65 |
+
|
| 66 |
+
<!-- Informational Banner -->
|
| 67 |
+
<div class="bg-blue-50 border-l-4 border-blue-500 p-4 mb-6 rounded">
|
| 68 |
+
<div class="flex">
|
| 69 |
+
<div class="flex-shrink-0">
|
| 70 |
+
<i class="fas fa-info-circle text-blue-500"></i>
|
| 71 |
+
</div>
|
| 72 |
+
<div class="ml-3">
|
| 73 |
+
<p class="text-sm text-blue-700">
|
| 74 |
+
Configure whether menus should be <strong>visible all the time</strong> with informative schedules,
|
| 75 |
+
or <strong>hidden outside their availability windows</strong>.
|
| 76 |
+
</p>
|
| 77 |
+
</div>
|
| 78 |
+
</div>
|
| 79 |
+
</div>
|
| 80 |
+
|
| 81 |
+
<!-- Toggle for Global Setting -->
|
| 82 |
+
<div class="mb-8">
|
| 83 |
+
<div class="flex items-center justify-between mb-4">
|
| 84 |
+
<div>
|
| 85 |
+
<h3 class="text-lg font-medium text-gray-800">Availability Behavior</h3>
|
| 86 |
+
<p class="text-sm text-gray-500">Choose how menus appear based on their schedules</p>
|
| 87 |
+
</div>
|
| 88 |
+
<div class="relative inline-block w-12 mr-2 align-middle select-none">
|
| 89 |
+
<input type="checkbox" id="availability-toggle" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer"/>
|
| 90 |
+
<label for="availability-toggle" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"></label>
|
| 91 |
+
</div>
|
| 92 |
+
</div>
|
| 93 |
+
<div class="flex space-x-4">
|
| 94 |
+
<div class="flex-1 bg-gray-50 p-4 rounded-lg border border-gray-200">
|
| 95 |
+
<div class="flex items-center mb-2">
|
| 96 |
+
<i class="fas fa-eye text-green-500 mr-2"></i>
|
| 97 |
+
<span class="font-medium">Informative Mode</span>
|
| 98 |
+
</div>
|
| 99 |
+
<p class="text-sm text-gray-600">Menus are always visible with clear schedule information. Customers can see future menus (like Christmas) but can't order them yet.</p>
|
| 100 |
+
</div>
|
| 101 |
+
<div class="flex-1 bg-gray-50 p-4 rounded-lg border border-gray-200 opacity-50">
|
| 102 |
+
<div class="flex items-center mb-2">
|
| 103 |
+
<i class="fas fa-eye-slash text-red-500 mr-2"></i>
|
| 104 |
+
<span class="font-medium">Restrictive Mode</span>
|
| 105 |
+
</div>
|
| 106 |
+
<p class="text-sm text-gray-600">Menus are hidden outside their availability windows. Only current available menus are shown.</p>
|
| 107 |
+
</div>
|
| 108 |
+
</div>
|
| 109 |
+
</div>
|
| 110 |
+
|
| 111 |
+
<!-- Menu List with Availability Settings -->
|
| 112 |
+
<div>
|
| 113 |
+
<h3 class="text-lg font-medium text-gray-800 mb-4">Menu Availability Settings</h3>
|
| 114 |
+
|
| 115 |
+
<!-- Menu Item 1 -->
|
| 116 |
+
<div class="menu-card bg-white border border-gray-200 rounded-lg p-4 mb-4 hover:shadow-md">
|
| 117 |
+
<div class="flex items-start justify-between">
|
| 118 |
+
<div>
|
| 119 |
+
<h4 class="font-medium text-gray-800">Daily Menu</h4>
|
| 120 |
+
<p class="text-sm text-gray-500">Regular menu from Monday to Friday</p>
|
| 121 |
+
</div>
|
| 122 |
+
<label class="relative inline-flex items-center cursor-pointer">
|
| 123 |
+
<input type="checkbox" checked class="sr-only peer">
|
| 124 |
+
<div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600"></div>
|
| 125 |
+
</label>
|
| 126 |
+
</div>
|
| 127 |
+
|
| 128 |
+
<div class="mt-4">
|
| 129 |
+
<div class="flex items-center mb-2">
|
| 130 |
+
<i class="fas fa-clock text-gray-500 mr-2"></i>
|
| 131 |
+
<span class="text-sm font-medium text-gray-700">Availability Schedule</span>
|
| 132 |
+
</div>
|
| 133 |
+
|
| 134 |
+
<div class="flex flex-wrap gap-2 mb-3">
|
| 135 |
+
<span class="shift-tag bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full flex items-center">
|
| 136 |
+
<i class="fas fa-calendar-day mr-1"></i> Monday-Friday
|
| 137 |
+
</span>
|
| 138 |
+
<span class="shift-tag bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full flex items-center">
|
| 139 |
+
<i class="fas fa-clock mr-1"></i> 12:00-16:00
|
| 140 |
+
</span>
|
| 141 |
+
</div>
|
| 142 |
+
|
| 143 |
+
<div class="flex items-center text-sm text-gray-600">
|
| 144 |
+
<i class="fas fa-info-circle text-blue-500 mr-2"></i>
|
| 145 |
+
<span>This menu will be visible all the time with clear schedule information</span>
|
| 146 |
+
</div>
|
| 147 |
+
</div>
|
| 148 |
+
</div>
|
| 149 |
+
|
| 150 |
+
<!-- Menu Item 2 -->
|
| 151 |
+
<div class="menu-card bg-white border border-gray-200 rounded-lg p-4 mb-4 hover:shadow-md">
|
| 152 |
+
<div class="flex items-start justify-between">
|
| 153 |
+
<div>
|
| 154 |
+
<h4 class="font-medium text-gray-800">Weekend Menu</h4>
|
| 155 |
+
<p class="text-sm text-gray-500">Special weekend offerings</p>
|
| 156 |
+
</div>
|
| 157 |
+
<label class="relative inline-flex items-center cursor-pointer">
|
| 158 |
+
<input type="checkbox" checked class="sr-only peer">
|
| 159 |
+
<div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600"></div>
|
| 160 |
+
</label>
|
| 161 |
+
</div>
|
| 162 |
+
|
| 163 |
+
<div class="mt-4">
|
| 164 |
+
<div class="flex items-center mb-2">
|
| 165 |
+
<i class="fas fa-clock text-gray-500 mr-2"></i>
|
| 166 |
+
<span class="text-sm font-medium text-gray-700">Availability Schedule</span>
|
| 167 |
+
</div>
|
| 168 |
+
|
| 169 |
+
<div class="flex flex-wrap gap-2 mb-3">
|
| 170 |
+
<span class="shift-tag bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full flex items-center">
|
| 171 |
+
<i class="fas fa-calendar-day mr-1"></i> Saturday-Sunday
|
| 172 |
+
</span>
|
| 173 |
+
<span class="shift-tag bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full flex items-center">
|
| 174 |
+
<i class="fas fa-clock mr-1"></i> 12:00-23:00
|
| 175 |
+
</span>
|
| 176 |
+
</div>
|
| 177 |
+
|
| 178 |
+
<div class="flex items-center text-sm text-gray-600">
|
| 179 |
+
<i class="fas fa-info-circle text-blue-500 mr-2"></i>
|
| 180 |
+
<span>Customers can see this menu during week but will know it's only available weekends</span>
|
| 181 |
+
</div>
|
| 182 |
+
</div>
|
| 183 |
+
</div>
|
| 184 |
+
|
| 185 |
+
<!-- Menu Item 3 - Special Event -->
|
| 186 |
+
<div class="menu-card bg-white border border-gray-200 rounded-lg p-4 mb-4 hover:shadow-md">
|
| 187 |
+
<div class="flex items-start justify-between">
|
| 188 |
+
<div>
|
| 189 |
+
<h4 class="font-medium text-gray-800">Easter Special Menu</h4>
|
| 190 |
+
<p class="text-sm text-gray-500">Special dishes for Easter week</p>
|
| 191 |
+
</div>
|
| 192 |
+
<label class="relative inline-flex items-center cursor-pointer">
|
| 193 |
+
<input type="checkbox" checked class="sr-only peer">
|
| 194 |
+
<div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600"></div>
|
| 195 |
+
</label>
|
| 196 |
+
</div>
|
| 197 |
+
|
| 198 |
+
<div class="mt-4">
|
| 199 |
+
<div class="flex items-center mb-2">
|
| 200 |
+
<i class="fas fa-clock text-gray-500 mr-2"></i>
|
| 201 |
+
<span class="text-sm font-medium text-gray-700">Availability Schedule</span>
|
| 202 |
+
</div>
|
| 203 |
+
|
| 204 |
+
<div class="flex flex-wrap gap-2 mb-3">
|
| 205 |
+
<span class="shift-tag bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full flex items-center">
|
| 206 |
+
<i class="fas fa-calendar-day mr-1"></i> April 1-10
|
| 207 |
+
</span>
|
| 208 |
+
<span class="shift-tag bg-yellow-100 text-yellow-800 text-xs px-3 py-1 rounded-full flex items-center">
|
| 209 |
+
<i class="fas fa-eye mr-1"></i> Visible from March 1
|
| 210 |
+
</span>
|
| 211 |
+
</div>
|
| 212 |
+
|
| 213 |
+
<div class="flex items-center text-sm text-gray-600">
|
| 214 |
+
<i class="fas fa-info-circle text-blue-500 mr-2"></i>
|
| 215 |
+
<span>This menu will be visible starting March 1 but only available during Easter week</span>
|
| 216 |
+
</div>
|
| 217 |
+
</div>
|
| 218 |
+
</div>
|
| 219 |
+
</div>
|
| 220 |
+
</div>
|
| 221 |
+
|
| 222 |
+
<!-- Preview Panel -->
|
| 223 |
+
<div class="bg-white rounded-lg shadow-md p-6">
|
| 224 |
+
<h2 class="text-xl font-semibold text-gray-800 mb-6">Customer Preview</h2>
|
| 225 |
+
|
| 226 |
+
<!-- Date Selector -->
|
| 227 |
+
<div class="mb-6">
|
| 228 |
+
<label class="block text-sm font-medium text-gray-700 mb-2">Preview for date:</label>
|
| 229 |
+
<div class="relative">
|
| 230 |
+
<input type="date" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 p-2 border" value="2023-04-05">
|
| 231 |
+
<div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
|
| 232 |
+
<i class="fas fa-calendar text-gray-400"></i>
|
| 233 |
+
</div>
|
| 234 |
+
</div>
|
| 235 |
+
</div>
|
| 236 |
+
|
| 237 |
+
<!-- Preview Content -->
|
| 238 |
+
<div class="space-y-4">
|
| 239 |
+
<div class="border border-gray-200 rounded-lg p-4">
|
| 240 |
+
<div class="flex justify-between items-start">
|
| 241 |
+
<h3 class="font-medium text-gray-800">Daily Menu</h3>
|
| 242 |
+
<span class="availability-badge bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">
|
| 243 |
+
Available now
|
| 244 |
+
</span>
|
| 245 |
+
</div>
|
| 246 |
+
<p class="text-sm text-gray-500 mt-1">Available: Monday-Friday, 12:00-16:00</p>
|
| 247 |
+
</div>
|
| 248 |
+
|
| 249 |
+
<div class="border border-gray-200 rounded-lg p-4">
|
| 250 |
+
<div class="flex justify-between items-start">
|
| 251 |
+
<h3 class="font-medium text-gray-800">Weekend Menu</h3>
|
| 252 |
+
<span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full">
|
| 253 |
+
View only
|
| 254 |
+
</span>
|
| 255 |
+
</div>
|
| 256 |
+
<p class="text-sm text-gray-500 mt-1">Available: Saturday-Sunday, 12:00-23:00</p>
|
| 257 |
+
</div>
|
| 258 |
+
|
| 259 |
+
<div class="border border-gray-200 rounded-lg p-4">
|
| 260 |
+
<div class="flex justify-between items-start">
|
| 261 |
+
<h3 class="font-medium text-gray-800">Easter Special Menu</h3>
|
| 262 |
+
<span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full">
|
| 263 |
+
Coming soon
|
| 264 |
+
</span>
|
| 265 |
+
</div>
|
| 266 |
+
<p class="text-sm text-gray-500 mt-1">Available: April 1-10 (Visible from March 1)</p>
|
| 267 |
+
</div>
|
| 268 |
+
</div>
|
| 269 |
+
|
| 270 |
+
<!-- Help Section -->
|
| 271 |
+
<div class="mt-8 bg-blue-50 p-4 rounded-lg">
|
| 272 |
+
<h3 class="text-sm font-medium text-blue-800 mb-2">How this works for customers:</h3>
|
| 273 |
+
<ul class="text-xs text-blue-700 space-y-1">
|
| 274 |
+
<li class="flex items-start">
|
| 275 |
+
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
|
| 276 |
+
<span>All menus are visible with clear availability information</span>
|
| 277 |
+
</li>
|
| 278 |
+
<li class="flex items-start">
|
| 279 |
+
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
|
| 280 |
+
<span>Customers can plan ahead by viewing future special menus</span>
|
| 281 |
+
</li>
|
| 282 |
+
<li class="flex items-start">
|
| 283 |
+
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
|
| 284 |
+
<span>Clear indicators show whether a menu is currently available</span>
|
| 285 |
+
</li>
|
| 286 |
+
</ul>
|
| 287 |
+
</div>
|
| 288 |
+
</div>
|
| 289 |
+
</div>
|
| 290 |
+
|
| 291 |
+
<!-- Footer Actions -->
|
| 292 |
+
<div class="mt-8 flex justify-end space-x-4">
|
| 293 |
+
<button class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
|
| 294 |
+
|
| 295 |
+
</html>
|
prompts.txt
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
CREATE A DESIGN THAT WOULD HAVE A SOLUTION FOR THE FOLLOWING SLACK DISCUSSION ABOUT CARTE BLANCHE: Hola 16:23 Estem amb isma acabant de requisitar l'esquema d'una cosa que ens faltava de carta digital, la disponibilitat 16:24 I tenim dubtes de quina restricció / informació li deixem configurar, es a dir els "shifts" 16:24 Basicament, els shifts serien "informatius"? o si no esta dins d'algun shift no mostrariem aquell menú? 16:25 exemple: menu diaria aplica amb un shift de dilluns a divendres, i menu cap de setmana amb un shift de dissabte a diumenge. Consultes la carta digital un dimecres, mostres les dues cartes amb els horaris corresponents o nomes li mostres la que "pot demanar" aquell moment? 16:25 Independentment, un menú el podran activar o desactivar 16:25 Quin comportament veurieu millor? 16:26 Partint de que els competidors simplement tenen "activar" / "desactivar" Pere Egea 16:35 Jo no amagaria res per shift. Ho deixarie visible pero infomatiu Ferran Romero 16:38 Que opini la resta si us plau Alex 16:39 Vale, aviam... anem a pensar si té o no sentit. 16:39 Per mi els shifts es informatiu 16:39 Tu arribes a un restaurant i pots demanar la carta del menú de demà 16:39 No la pots demanar 16:39 pero la pots veure Mario 16:41 estic d'acord jo també, la consulta de la carta hauria de ser atemporal Alex 16:41 O si demanes un menú de nit, no el pots demanar pero el pots veure 16:41 correcte Mario 16:41 tampoc sé què tan transparents volem ser, tot i que això ja no afecta a l'esquema Isma :prohibido_el_paso: 16:42 un horari informatiu es molt simple 16:42 un shift amb logica te més complexitat 16:42 a nivell desquema Mario 16:42 I mean no sé fins quin punt volem mostrar l'horari o simplement informar que aquest producte està subjecte a horaris Ferran Romero 16:42 les opcions son, nomes shifts (implica visibilitat), nomes horaris (implica nomes informar), o les dues coses, que si vol que X dia es vegi l'horari, li posi un shift Alex 16:42 Per mi es purament informatiu 16:42 No sé en quin cas pot existir un menu amb shifts que sigui "exclusiu" 16:43 M'imagino el menú de nadal Ferran Romero 16:43 menu de setmana santa 1 respuesta Hoy a la(s) 16:49Ver hilo Alex 16:43 pero bé, que el pots eliminar Ferran Romero 16:43 si, eso Alex 16:43 no? Ferran Romero 16:43 @Sonia P. @Paula Galvis opineu 16:43 o maneu Alex 16:43 Si @Sonia P. Isma :prohibido_el_paso: 16:49 ha respondido a un hilo: menu de setmana santa per altre banda, hauries de poder veure el menu de setmana santa abans de setmana santa, no? aixi que posem shift o no, el horari ha de estar imagino 16:49 horari informatiu 100% ha de estar 16:49 i seria parlar si te sentit un shift sobre la visibilitrat (editado) Mario 16:50 home si vols veure el menu de setmana santa abans de setmana santa no hauria d'haver un shift sobre visibilitat 16:50 o t'he entes malament poder Nuevo Ferran Romero 16:50 es el que ha dit Isma :prohibido_el_paso: 16:50 fer q es pugui veure a partir de 1 de març i posarli horari informatiu de que es x setmana santa 16:51 per exemple Mario 16:51 vale entenc Ferran Romero 16:51 seria a lo millor tenir shifts per tenir antelacions Mario 16:51 ara si Ferran Romero 16:51 rollo, ja tenim disponible el menu de setmana santa Mario 16:51 una visibilitat programada basicament Ferran Romero 16:51 o de nadal 16:51 si Mario 16:53 sera tota una tasca que l'establiment ho entengui Ferran Romero 16:53 a vere no es tant complicat si es mostra bé 16:54 una cosa es l'horari 16:54 i l'altre "quan serà visible" Mario 16:54 crec que ens han demostrat prou lo burros que son xdd
|