diff --git a/HOW_TO_UPDATE_THEME.md b/HOW_TO_UPDATE_THEME.md new file mode 100644 index 0000000..b4e2454 --- /dev/null +++ b/HOW_TO_UPDATE_THEME.md @@ -0,0 +1,68 @@ +# How to Update the Chennora Theme + +## The 3 cards are not showing because the theme module needs to be upgraded in Odoo. + +### Quick Fix - Upgrade via Web Interface: + +1. **Open your browser** and go to: `http://localhost:10002` + +2. **Login to Odoo** with your credentials + +3. **Go to Apps** (click the grid icon in top menu) + +4. **Remove the "Apps" filter**: + - You'll see a search bar that says "Apps" + - Click the ❌ (X) next to "Apps" to remove the filter + +5. **Search for "chennora"**: + - Type "chennora" in the search box + - You should see "Dine360 Theme Chennora" + +6. **Click "Upgrade"**: + - Click the "Upgrade" button on the module card + - Wait for the upgrade to complete + +7. **Go to Website**: + - Click "Website" in the top menu + - Or go to: `http://localhost:10002` + +8. **Refresh the page** (Ctrl + F5 or Cmd + Shift + R) + +### What Changed: + +✅ **3 New Food Images Added:** +- `gobi-65.png` - Crispy Gobi 65 +- `unlimited-thali.png` - Unlimited Thali +- `fish-curry.png` - Fiery Fish Curry + +✅ **New Card Design:** +- Dark background (#04121D) +- Text on left, image on right +- Yellow "ORDER NOW" buttons +- Matches your reference design + +### If Images Still Don't Show: + +The images are located at: +``` +/dine360_theme_chennora/static/src/img/gobi-65.png +/dine360_theme_chennora/static/src/img/unlimited-thali.png +/dine360_theme_chennora/static/src/img/fish-curry.png +``` + +You can verify they load by visiting: +- `http://localhost:10002/dine360_theme_chennora/static/src/img/gobi-65.png` +- `http://localhost:10002/dine360_theme_chennora/static/src/img/unlimited-thali.png` +- `http://localhost:10002/dine360_theme_chennora/static/src/img/fish-curry.png` + +### Alternative: Restart Everything + +If the upgrade doesn't work, try: + +```bash +cd d:\ODOO_Final +docker-compose down +docker-compose up +``` + +Then upgrade the module again through the web interface. diff --git a/IMPLEMENTATION_SUMMARY.md b/IMPLEMENTATION_SUMMARY.md new file mode 100644 index 0000000..c84446e --- /dev/null +++ b/IMPLEMENTATION_SUMMARY.md @@ -0,0 +1,142 @@ +# Chennora Theme Implementation Summary + +## Completed Steps + +### 1. Asset Migration +✅ **Copied main.css** from Vite project to Odoo theme +- Source: `d:\chennora-final\chennora\src\assets\main.css` +- Destination: `d:\ODOO_Final\odoo-testing-addons\addons\dine360_theme_chennora\static\src\css\main.css` + +✅ **Copied all assets** (images, icons, etc.) +- Source: `d:\chennora-final\chennora\public\assets` +- Destination: `d:\ODOO_Final\odoo-testing-addons\addons\dine360_theme_chennora\static\src\assets\` +- Total: 1039 files copied + +✅ **Updated __manifest__.py** +- Added main.css to assets_frontend +- Added Bootstrap Icons CDN link to layout.xml + +### 2. Homepage Structure Analysis + +The Chennora Vite website homepage consists of these sections (in order): + +1. **Banner** - Hero carousel with 3 slides +2. **Offer Cards** - 3 promotional cards (Gobi 65, Unlimited Thali, Fish Curry) +3. **About Section** - Image + text about the restaurant +4. **Today's Special** - CTA section with background image +5. **Categories** - Feature category slider (18+ food categories) +6. **Popular Menu** - Interactive menu with center image +7. **Client Testimonials** - Google reviews carousel +8. **FAQ** - Accordion with 3 questions +9. **Blog** - Latest 3 blog posts +10. **Gallery** - Image slider (8 images) + +### 3. Current Odoo Implementation Status + +✅ **Already Implemented in pages.xml:** +- Banner carousel (3 slides) ✓ +- Offer cards section ✓ +- About section ✓ +- Today's Special/Why Choose section ✓ +- Categories grid ✓ +- Popular Deals section ✓ +- Testimonials carousel ✓ +- FAQ accordion ✓ +- Blog section ✓ +- Gallery masonry ✓ + +## What's Missing + +### Critical Items: + +1. **CSS Asset Loading** + - Main.css is added but needs verification that all styles load correctly + - Asset paths need to be updated from `/assets/` to `/dine360_theme_chennora/static/src/assets/` + +2. **JavaScript Dependencies** + - React Slick carousel (used in Vite) → Need Odoo equivalent or vanilla JS + - Bootstrap Icons (added via CDN) + - Custom animations and interactions + +3. **Dynamic Content** + - Blog posts (currently hardcoded, need to pull from Odoo blog module) + - Google Reviews API integration + - Menu items (need to connect to product catalog) + +4. **Asset Path Updates in XML** + - Update all image references in pages.xml to use correct Odoo paths + - Currently using `/web/image/` for some, need consistency + +## Next Steps + +### Phase 1: Asset Path Correction +```bash +# Update all asset references in pages.xml from: +/assets/img/... +# to: +/dine360_theme_chennora/static/src/assets/img/... +``` + +### Phase 2: Test and Verify +1. Restart Odoo server +2. Update the theme module +3. Check homepage rendering +4. Verify all images load +5. Check CSS styling + +### Phase 3: Dynamic Content Integration +1. Connect blog section to Odoo blog posts +2. Integrate product catalog for menu items +3. Set up Google Reviews API (if needed) + +### Phase 4: JavaScript Enhancements +1. Add carousel functionality (if not using Odoo's built-in) +2. Add smooth scroll animations +3. Add interactive elements + +## File Locations + +### Odoo Theme Files: +- **Main Theme**: `d:\ODOO_Final\odoo-testing-addons\addons\dine360_theme_chennora\` +- **Layout**: `views/layout.xml` +- **Pages**: `views/pages.xml` +- **CSS**: `static/src/css/main.css` +- **Assets**: `static/src/assets/` +- **Images**: `static/src/img/` (banner images) + +### Vite Reference Files: +- **Source**: `d:\chennora-final\chennora\` +- **Components**: `src/Components/Home/` +- **Assets**: `public/assets/` +- **Main CSS**: `src/assets/main.css` + +## Commands to Resume + +```bash +# Navigate to Odoo directory +cd d:\ODOO_Final + +# Restart Odoo (if needed) +docker-compose restart + +# Update module +# Go to Apps → dine360_theme_chennora → Upgrade +``` + +## Key Differences: Vite vs Odoo + +| Feature | Vite (React) | Odoo (QWeb) | +|---------|--------------|-------------| +| Carousel | React Slick | Bootstrap Carousel | +| Routing | React Router | Odoo Controllers | +| State | useState/useEffect | Server-side rendering | +| Assets | `/assets/` | `/module_name/static/` | +| Styling | CSS Modules | Global CSS | + +## Notes + +- The homepage structure in pages.xml closely matches the Vite version +- Main.css contains all the styling (335KB, 16,263 lines) +- Bootstrap Icons added via CDN for icon support +- All promotional images and content are already in place +- Need to verify asset paths work correctly in Odoo context diff --git a/addons/Dine360_Chennora/__pycache__/__init__.cpython-310.pyc b/addons/Dine360_Chennora/__pycache__/__init__.cpython-310.pyc index 8dd4d94..2ed5107 100644 Binary files a/addons/Dine360_Chennora/__pycache__/__init__.cpython-310.pyc and b/addons/Dine360_Chennora/__pycache__/__init__.cpython-310.pyc differ diff --git a/addons/dine360_dashboard/__pycache__/__init__.cpython-310.pyc b/addons/dine360_dashboard/__pycache__/__init__.cpython-310.pyc index 7b77e4b..839edc1 100644 Binary files a/addons/dine360_dashboard/__pycache__/__init__.cpython-310.pyc and b/addons/dine360_dashboard/__pycache__/__init__.cpython-310.pyc differ diff --git a/addons/dine360_dashboard/controllers/__pycache__/__init__.cpython-310.pyc b/addons/dine360_dashboard/controllers/__pycache__/__init__.cpython-310.pyc index 748d0c2..566d5ae 100644 Binary files a/addons/dine360_dashboard/controllers/__pycache__/__init__.cpython-310.pyc and b/addons/dine360_dashboard/controllers/__pycache__/__init__.cpython-310.pyc differ diff --git a/addons/dine360_dashboard/controllers/__pycache__/cors.cpython-310.pyc b/addons/dine360_dashboard/controllers/__pycache__/cors.cpython-310.pyc index b985205..e986eec 100644 Binary files a/addons/dine360_dashboard/controllers/__pycache__/cors.cpython-310.pyc and b/addons/dine360_dashboard/controllers/__pycache__/cors.cpython-310.pyc differ diff --git a/addons/dine360_dashboard/controllers/__pycache__/main.cpython-310.pyc b/addons/dine360_dashboard/controllers/__pycache__/main.cpython-310.pyc index ce43cf7..54c28f2 100644 Binary files a/addons/dine360_dashboard/controllers/__pycache__/main.cpython-310.pyc and b/addons/dine360_dashboard/controllers/__pycache__/main.cpython-310.pyc differ diff --git a/addons/dine360_restaurant/__pycache__/__init__.cpython-310.pyc b/addons/dine360_restaurant/__pycache__/__init__.cpython-310.pyc index 8d9611c..3ad319e 100644 Binary files a/addons/dine360_restaurant/__pycache__/__init__.cpython-310.pyc and b/addons/dine360_restaurant/__pycache__/__init__.cpython-310.pyc differ diff --git a/addons/dine360_restaurant/models/__pycache__/__init__.cpython-310.pyc b/addons/dine360_restaurant/models/__pycache__/__init__.cpython-310.pyc index 9494735..be10abf 100644 Binary files a/addons/dine360_restaurant/models/__pycache__/__init__.cpython-310.pyc and b/addons/dine360_restaurant/models/__pycache__/__init__.cpython-310.pyc differ diff --git a/addons/dine360_restaurant/models/__pycache__/res_users.cpython-310.pyc b/addons/dine360_restaurant/models/__pycache__/res_users.cpython-310.pyc index 43e0a48..9f8090c 100644 Binary files a/addons/dine360_restaurant/models/__pycache__/res_users.cpython-310.pyc and b/addons/dine360_restaurant/models/__pycache__/res_users.cpython-310.pyc differ diff --git a/addons/dine360_theme_chennora/__pycache__/__init__.cpython-310.pyc b/addons/dine360_theme_chennora/__pycache__/__init__.cpython-310.pyc index 8346bf0..48b4f5b 100644 Binary files a/addons/dine360_theme_chennora/__pycache__/__init__.cpython-310.pyc and b/addons/dine360_theme_chennora/__pycache__/__init__.cpython-310.pyc differ diff --git a/addons/dine360_theme_chennora/static/description/cover.png b/addons/dine360_theme_chennora/static/description/cover.png index 394347f..97377a9 100644 Binary files a/addons/dine360_theme_chennora/static/description/cover.png and b/addons/dine360_theme_chennora/static/description/cover.png differ diff --git a/addons/dine360_theme_chennora/static/src/scss/theme.scss b/addons/dine360_theme_chennora/static/src/scss/theme.scss index 45fde8e..b10ed46 100644 --- a/addons/dine360_theme_chennora/static/src/scss/theme.scss +++ b/addons/dine360_theme_chennora/static/src/scss/theme.scss @@ -1 +1,70 @@ -/* Put your custom CSS/SCSS rules here */ \ No newline at end of file +/* Chennora Theme Custom Styles */ + +// Hero Button Hover +.btn-lg.flat:hover, +.btn-custom:hover { + background-color: #2BB1A5 !important; + color: white !important; + transform: translateY(-3px); + transition: all 0.3s ease; +} + +// Category Card Hover +.category-item { + transition: all 0.3s ease; + cursor: pointer; + + &:hover { + transform: translateY(-10px); + + .category-img { + border-color: #FECD4F !important; + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); + } + } +} + +// Background Text Overlay +.bg-text-overlay { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + text-align: center; + z-index: 0; + pointer-events: none; + + h1 { + font-size: 8rem; + font-weight: 900; + color: rgba(0, 0, 0, 0.03); // Very subtle + white-space: nowrap; + text-transform: uppercase; + margin: 0; + } +} + +// Section Headers +.section-title-wrapper { + position: relative; + z-index: 1; + text-align: center; + margin-bottom: 50px; + + .title-icon { + width: 40px; + margin: 0 10px; + filter: brightness(0.8); + } +} + +// Footer +footer#bottom { + background-color: #0d3b37 !important; // Dark Teal + color: white; + + a:hover { + color: #FECD4F !important; + } +} \ No newline at end of file diff --git a/addons/dine360_theme_chennora/views/pages.xml b/addons/dine360_theme_chennora/views/pages.xml index 3d24fd3..939922c 100644 --- a/addons/dine360_theme_chennora/views/pages.xml +++ b/addons/dine360_theme_chennora/views/pages.xml @@ -7,65 +7,70 @@