Advertisement
psycho8948

WMS - IdeaDetailPage

Mar 18th, 2023
767
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 15.27 KB | Source Code | 0 0
  1. ********************************************************
  2. web.php
  3. Route::get('/idea/{id}', [IdeaController::class, 'updateForm'])->name('update-idea');
  4. Route::get('/idea/{id}/view', [IdeaController::class, 'view'])->name('view-idea');
  5. ********************************************************
  6.  
  7.  
  8. ********************************************************
  9. IdeaController.php (Add new functions)
  10.     public function updateForm($id)
  11.     {
  12.         $idea = Idea::find($id);
  13.  
  14.         $data = [
  15.             'idea' => $idea,
  16.             'pagename' => 'Update Idea'
  17.         ];
  18.  
  19.         return view('idea.update-idea', $data);
  20.     }
  21.     public function view($id)
  22.     {
  23.         $idea = Idea::find($id);
  24.  
  25.         $data = [
  26.             'idea' => $idea,
  27.             'pagename' => $idea->title
  28.         ];
  29.  
  30.         return view('idea.view-idea', $data);
  31.     }
  32. ********************************************************
  33.  
  34.  
  35.  
  36. ********************************************************
  37. IdeaController.php (Replace this function)
  38.     public function show_form()
  39.     {
  40.         return view("idea.create-idea")->with('pagename', 'Create Idea');
  41.     }
  42. ********************************************************
  43.  
  44.  
  45.  
  46. ********************************************************
  47. view-idea.blade.php (Create New File)
  48. <x-app-layout>
  49.     <div class="layout-main">
  50.         @include('layouts.header')
  51.         <div class="content-wrapper py-2">
  52.             <div class="container">
  53.                 <ul class="d-flex align-items-center custom-breadcrumb list-unstyled mb-2 py-1">
  54.                     <li>
  55.                         <a href="{{ route('ideator.dashboard') }}">Home</a>
  56.                     </li>
  57.                     <li>
  58.                         <a href="{{ route('ideator.ideas') }}">Ideas</a>
  59.                     </li>
  60.                     <li>
  61.                         {{ $pagename }}
  62.                     </li>
  63.                 </ul>
  64.                 <h5 class="page-title">{{ $pagename }}</h5>
  65.             </div>
  66.             <!-- Start Dynamic Sections Starts here -->
  67.             <section class="view-idea py-5">
  68.                 <div class="container">
  69.                     <div class="row align-items-center">
  70.                         <div class="col-lg-5">
  71.                             <figure class="idea-image">
  72.                                 <img src="https://images.unsplash.com/photo-1512314889357-e157c22f938d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2071&q=80" class="w-100" alt="{{ $idea->title }}">
  73.                             </figure>
  74.                         </div>
  75.                         <div class="col-lg-7">
  76.                             <div class="idea-details">
  77.                                 <div class="idea-details-text mb-4">
  78.                                     <p class="title mb-0">Title</p>
  79.                                     <span class="d-block">Agro farming Project</span>
  80.                                 </div>
  81.                                 <div class="idea-details-text mb-4">
  82.                                     <p class="title mb-0">Idea Category</p>
  83.                                     <span class="d-block">Crypto</span>
  84.                                 </div>
  85.                                 <div class="idea-details-text mb-4">
  86.                                     <p class="title mb-0">Country</p>
  87.                                     <span class="d-block">United Kingdom</span>
  88.                                 </div>
  89.                                 <div class="idea-details-text mb-4">
  90.                                     <p class="title mb-0">Region</p>
  91.                                     <span class="d-block">Cambridge</span>
  92.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                     </div>
  96.                     <div class="row mt-4">
  97.                         <div class="col-lg-12">
  98.                             <div class="h4">Description</div>
  99.                             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi tenetur doloremque minima quis a commodi nostrum suscipit, culpa mollitia ipsum exercitationem, repellat eius ex quibusdam perspiciatis reiciendis inventore. Dolorem blanditiis earum debitis dicta voluptatem explicabo, quisquam autem! Repellat, dolores nihil.</p>
  100.                             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi tenetur doloremque minima quis a commodi nostrum suscipit, culpa mollitia ipsum exercitationem, repellat eius ex quibusdam perspiciatis reiciendis inventore. Dolorem blanditiis earum debitis dicta voluptatem explicabo, quisquam autem! Repellat, dolores nihil.</p>
  101.                             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi tenetur doloremque minima quis a commodi nostrum suscipit, culpa mollitia ipsum exercitationem, repellat eius ex quibusdam perspiciatis reiciendis inventore. Dolorem blanditiis earum debitis dicta voluptatem explicabo, quisquam autem! Repellat, dolores nihil.</p>
  102.                             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi tenetur doloremque minima quis a commodi nostrum suscipit, culpa mollitia ipsum exercitationem, repellat eius ex quibusdam perspiciatis reiciendis inventore. Dolorem blanditiis earum debitis dicta voluptatem explicabo, quisquam autem! Repellat, dolores nihil.</p>
  103.                         </div>
  104.                     </div>
  105.                 </div>
  106.             </section>
  107.             <!-- Start Dynamic Sections Ends here -->
  108.         </div>
  109.     </div>
  110. </x-app-layout>
  111. ********************************************************
  112.  
  113.  
  114. ********************************************************
  115. update-idea.blade.php (Create new file)
  116. <x-app-layout>
  117.     <div class="layout-main">
  118.         @include('layouts.header')
  119.         <div class="content-wrapper py-2">
  120.             <div class="container">
  121.                 <ul class="d-flex align-items-center custom-breadcrumb list-unstyled mb-2 py-1">
  122.                     <li>
  123.                         <a href="FIXME:">Home</a>
  124.                     </li>
  125.                     <li>
  126.                         {{ $pagename }}
  127.                     </li>
  128.                 </ul>
  129.                 <h5 class="page-title">{{ $pagename }}</h5>
  130.             </div>
  131.             <!-- Start Dynamic Sections Starts here -->
  132.             <section class="create-idea py-5">
  133.                 <div class="container">
  134.                     <div class="row auth">
  135.                         <div class="col-12 position-relative">
  136.                             <div class="card p-4">
  137.                                 <div class="auth-form-wrapper">
  138.                                     <div class="auth-form">
  139.                                         <h4 class="mb-4 text-center">Update an Idea</h4>
  140.                                         <form action="{{route('ideator.create-idea')}}" method="POST">
  141.                                         @csrf
  142.                                         <div class="row">
  143.                                                 <div class="col-lg-6">
  144.                                                     <div class="form-group">
  145.                                                         <input type="text" placeholder="Title" name="title" class="form-control">
  146.                                                     </div>
  147.                                                     <div class="form-group">
  148.                                                         <input type="text" placeholder="Abstract" name="abstract" class="form-control">
  149.                                                     </div>
  150.                                                     <div class="form-group">
  151.                                                         <textarea rows="5" placeholder="Content" name="content" class="form-control"></textarea>
  152.                                                     </div>
  153.                                                    
  154.                                                     <div class="form-group">
  155.                                                     <p class="mb-0" id="rangeValue">Risk Rating: 0</p>
  156.                                                         <input type="range" min="0" max="10" value="0" oninput="rangeValue.innerText = `Risk Rating: ${this.value}`" placeholder="Risk Rating" name="risk_rating" class="form-control">
  157.                                                     </div>
  158.                                                     <div class="form-group">
  159.                                                         <input type="date" placeholder="Expiry date" name="expiry_date" class="form-control">
  160.                                                     </div>
  161.                                                     <div class="form-group">
  162.                                                         <select id="category" name="category" class="form-control">
  163.                                                             <option value="" disabled selected hidden>Select Category</option>
  164.                                                             <option value="real-estate">Real Estate</option>
  165.                                                             <option value="equity">Equity</option>
  166.                                                             <option value="crypto">Crypto</option>
  167.                                                             <option value="bonds">Bonds</option>
  168.                                                             <option value="nft">NFTs</option>
  169.                                                             <option value="forex">Forex</option>
  170.                                                         </select>
  171.                                                     </div>
  172.                                                     <div class="form-group">
  173.                                                         <input type="text" placeholder="Instruments" name="instruments" class="form-control">
  174.                                                     </div>
  175.                                                 </div>
  176.                                                 <div class="col-lg-6">
  177.                                                     <div class="form-group">
  178.                                                         <select id="Currency" name="currency" class="form-control">
  179.                                                             <option value="" disabled selected hidden>Select Currency</option>
  180.                                                             <option value="gbp">GBP</option>
  181.                                                             <option value="usd">USD</option>
  182.                                                             <option value="inr">INR</option>
  183.                                                             <option value="pkr">PKR</option>
  184.                                                             <option value="ngn">NGN</option>
  185.                                                             <option value="euro">EURO</option>
  186.                                                         </select>
  187.                                                     </div>
  188.                                                     <div class="form-group">
  189.                                                         <input type="text" placeholder="Major Sector" name="major_sector" class="form-control">
  190.                                                     </div>
  191.                                                     <div class="form-group">
  192.                                                         <input type="text" placeholder="Minor Sector" name="minor_sector" class="form-control">
  193.                                                     </div>
  194.                                                     <div class="form-group">
  195.                                                         <select id="Region" name="region" class="form-control">
  196.                                                             <option value="" disabled selected hidden>Select Region</option>
  197.                                                             <option value="north-america">North America</option>
  198.                                                             <option value="south-america">South America</option>
  199.                                                             <option value="europe">Europe</option>
  200.                                                             <option value="asia">Asia</option>
  201.                                                             <option value="africa">Africa</option>
  202.                                                             <option value="antarctica">Antarctica</option>
  203.                                                             <option value="ocenia">Oceania</option>
  204.                                                         </select>
  205.                                                     </div>
  206.                                                     <div class="form-group">
  207.                                                         <select id="country" name="country" class="form-control">
  208.                                                             <option value="" disabled selected hidden>Select Country</option>
  209.                                                             <option value="uk">United Kingdom</option>
  210.                                                             <option value="india">India</option>
  211.                                                         </select>
  212.                                                     </div>
  213.                                                     <div class="form-group">
  214.                                                         <input type="file" placeholder="Upload a cover image" name="image" class="dropify">
  215.                                                     </div>
  216.                                                 </div>
  217.                                             </div>
  218.                                            
  219.                                             <button type="submit" class="btn btn-custom w-100">Publish</button>
  220.                                         </form>
  221.                                     </div>
  222.                                 </div>
  223.                             </div>
  224.                         </div>
  225.                     </div>
  226.                 </div>
  227.             </section>
  228.             <!-- Start Dynamic Sections Ends here -->
  229.         </div>
  230.     </div>
  231. </x-app-layout>
  232. ********************************************************
  233.  
  234.  
  235. ********************************************************
  236. idea-list.blade.php (Replace FIXME: with this)
  237. {{ route('ideator.view-idea', ['id' => $idea->id]) }}
  238. ********************************************************
  239.  
  240.  
  241. ********************************************************
  242. style.scss (Backend Folder) after running `npm run watch`
  243. // View Idea Starts
  244.  
  245. section.view-idea {
  246.     figure {
  247.         &.idea-image {
  248.             img {
  249.                 border-radius: 5px;
  250.                 border: 2px solid $primary;
  251.             }
  252.         }
  253.     }
  254.     .idea-details {
  255.         .idea-details-text {
  256.             p {
  257.                 color: #666;
  258.                font-weight: 400;
  259.             }
  260.             span {
  261.                 font-size: 1.3rem;
  262.                 font-weight: 600;
  263.             }
  264.         }
  265.     }
  266. }
  267.  
  268. // View Idea Ends
  269. ********************************************************
  270.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement