API tools faq
paste
Advertisement
psycho8948

WMS - IdeaDetailPage

psycho8948
Mar 18th, 2023
762
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 15.27 KB | Source Code | 0 0
raw download clone embed print report
  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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!