Vishal.Chandora/freeu-project
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixing changes

Browse Source
This commit is contained in:
Ritikesh yadav
2024-05-09 16:09:45 +05:30
parent a522f8135a
commit a31d97c3cc
2 changed files with 247 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
resources/views/Frontend/Pages/handpicked-investment.blade.php
View File

@@ -1,4 +1,4 @@
@extends('Frontend.layouts.master')
{{-- @extends('Frontend.layouts.master')
@section('style')
<style>
.page-item.active .page-link {
@@ -182,4 +182,194 @@
}
});
</script>
@endsection --}}
{{-- adarsh codes start --}}
@extends('Frontend.layouts.master')
@section('style')
<style>
.page-item.active .page-link {
/ z-index: 3; /
color: #fff !important;
background-color: #113268 !important;
border-color: #113268 !important;
/ border-radius: 50%; /
/ padding: 6px 12px; /
}
.company-logo {
height: 25% !important;
}
</style>
@endsection
@section('content')
<div class="primary-investment">
<h2 class="page-heading">Primary Investment Opportunities</h2>
<p class="page-desc">
<i>
Invest in Individual Funds and Exotic <br> Strategies. Personalized way of finding the <br> right
investments for
you.
</i>
</p>
<div class="container-fluid">
<div class="opportunities w-100 mx-auto">
<div class="primary-tabs explore-assets">
<p class="sub-heading mb-2">Asset type</p>
<div class="d-flex gap-3 btn-group mb-3">
<button class="inactive parent-filter category-checkbox" id="financial-assets">Financial <br>
Assets</button>
<button class="inactive parent-filter category-checkbox" id="real-assets">Real <br> Assets</button>
</div>
<p class="sub-heading mb-2">Geographic Focus</p>
<div class="d-flex gap-3 btn-group mb-3">
<button class="inactive parent-filter category-checkbox" id="india"><img
src="{{ asset('public/assets/media/FrontendImages/india-map-country.svg') }}"
alt="">India</button>
<button class="inactive parent-filter category-checkbox" id="global"><img
src="{{ asset('public/assets/media/FrontendImages/login-img/global-map.png') }}"
alt="">Global</button>
</div>
<div id="categories_list">
<?php
// $checked = in_array($category->id, $urlCategories) ? 'checked' : '';
?>
</div>
</div>
<div class="primary-cards display-products">
<!--<div class="parimay-card mt-4 mb-5 display-products">-->
@include('Frontend.Pages.handpicked-investment.pagination')
<!--</div>-->
</div>
<input type="hidden" name="hidden_page" id="hidden_page" value="1" />
<input type="hidden" name="asset_type" id="asset_type" />
<input type="hidden" name="geographic_focus" id="geographic_focus" />
</div>
</div>
</div>
@endsection
@section('scripts')
<script>
var firstTime = true;
$(document).ready(function() {
$(`#financial-assets`).addClass('active');
listCategories();
// $('.category-checkbox').on('click', filter);
});
// $(document).ready(function() {
// $('.category-checkbox').click(filter);
// });
// Call listCategories function when Asset type or Geographic Focus changes
$('#financial-assets, #real-assets, #india, #global').on('click', function() {
listCategories();
});
function listCategories() {
// Clear the existing content only if no checkbox is selected
if ($("input[type='checkbox'][name='categories']:checked").length === 0) {
$('#categories_list').empty();
}
// Append new checkboxes if no checkbox is selected or it's the first time
if (firstTime || true) {
if ($('#financial-assets, #real-assets').hasClass('active') || $('#india, #global').hasClass('active') ||
firstTime) {
if (!$('input[type=checkbox]').is(':checked') || $('#financial-assets, #real-assets').hasClass(
'active') || $('#india, #global').hasClass('active')) {
// Append only unchecked checkboxes
$('#categories_new_list .inp-oppt').each(function() {
var checkboxValue = $(this).find("input[type='checkbox']").val();
if (!$('#categories_list').find("input[type='checkbox'][value='" + checkboxValue + "']")
.length) {
$('#categories_list').append($(this).clone());
}
});
firstTime = false;
}
}
} else {
// Uncheck selected category checkboxes when changing Asset type or Geographic Focus
$('#categories_list input[type="checkbox"]').prop('checked', false);
}
}
$('.parent-filter').click(function() {
let id = this.id;
// $('#categories_list').html('').html($('#categories_new_list').html());
// $('#categories_list').addClass('d-none');
$('#categories_list input[type="checkbox"]').prop('checked', false);
listCategories();
if (id == 'financial-assets' || id == 'real-assets') {
$(`#financial-assets , #real-assets`).removeClass('active');
$('#asset_type').val(id);
}
if (id == 'india' || id == 'global') {
$(`#india , #global`).removeClass('active');
$('#geographic_focus').val(id);
}
$(`#${id}`).addClass('active');
// console.log("parent filter called");
})
$(function() {
// var categories = "{{ $categories }}";
// var location = JSON.parse('[' + categories.slice(0,-1) + ']');
// console.log(JSON.parse(categories));
const urlParams = new URLSearchParams(window.location.search);
$('#serach').val(urlParams.get('search'));
function fetch_data(page, query, categories, assetType, geographicFocus) {
$.ajax({
type: 'get',
url: "primary-investment/fetch_data?page=" +
page +
"&query=" + query + "&categories=" + categories + "&assetType=" +
assetType +
"&geographicFocus=" + geographicFocus,
success: function(data) {
// console.log(data);
// $('.pagination').html('');
$('.display-products').html('').html(data);
listCategories();
}
});
}
$('#serach').on('keyup', filter);
// $('.category-checkbox').on('click', filter);
$(document.body).on('click', '.category-checkbox', filter);
function filter() {
console.log("fileter is xcalled");
var query = $('#serach').val();
var categories = [];
$("input:checkbox[name=categories]:checked").each(function() {
categories.push($(this).val());
});
// alert(categories);
var page = $('#hidden_page').val();
var assetType = $('#asset_type').val();
var geographicFocus = $('#geographic_focus').val();
//fetch_data(page, query, categories);
fetch_data(page, query = '', categories, assetType, geographicFocus);
}
});
</script>
@endsection
{{-- adarsh codes ends --}}

56
resources/views/Frontend/Pages/handpicked-investment/pagination.blade.php
View File

@@ -1,3 +1,57 @@
{{-- <div id="categories_new_list" style="display: none;">
@php($category = [])
@forelse($products as $product)
@if(!in_array($product->category_id,$category))
<div class="inp-oppt">
<input class="category-checkbox checkbox-effect checkbox-effect-1" id="product{{ $product->category_id }}"
type="checkbox" value="{{ $product->category_id }}" name="categories" {{ $checked ?? '' }}/>
<label for="product{{ $product->category_id }}">{{ $product->category_name }}</label><br>
</div>
@php(array_push($category,$product->category_id))
@endif
@empty
<h3>No Category Found</h3>
@endforelse
</div>
<div class="parimay-card mt-4 mb-5 display-products">
@forelse($products as $product)
<div class="assets-card">
<a href="{{ auth()->guard('users')->check() == true ? route(routeForHandpickedInvestment($product->category_id), $product->slug ?? 'abc') : route('login') }}"
data-route="{{ route(routeForHandpickedInvestment($product->category_id), $product->slug ?? 'abc') }}"
class="redirect_to_page">
<div class="card-logo">
@if ($product->company_logo)
<img src="{{ $product->company_logo }}">
@else
<img src="{{ asset('public/assets/media/FrontendImages/menu-logo.png') }}">
@endif
</div>
<div class="blur-md">
@if ($product->geographic_focus == 'Global')
<img src="{{ imagePath('public/assets/media/FrontendImages/world.png') }}">
@else($product->geographic_focus == 'India')
<img src="{{ imagePath('public/assets/media/FrontendImages/map.svg') }}">
@endif
<img src="{{ asset(getCategoryIcons($product->category_id)) }}">
<p>{{ $product->product_name }}</p>
</div>
<div class="middle-sec p-0">
<p class="cate">Category: {{ $product->category_name }}</p>
</div>
<div class="dics">
<h4>Minimum Investment: {{ $product->minimum_investment }}</h4>
<p>{{ $product->description }}</p>
</div>
</a>
</div>
@empty
<h3>No Data Found</h3>
@endforelse
</div>
<div class="pagination">{{ $products->links() }}</div> --}}
{{-- adarsh code start --}}
<div id="categories_new_list" style="display: none;">
@php($category = [])
@forelse($products as $product)
@@ -69,3 +123,5 @@
@endforelse
</div>
<div class="pagination">{{ $products->links() }}</div>
{{-- adarsh code ends --}}