Select one behavior. Every returned turn has one binary label: Present or Absent. Source: final dense boolean release.
c5cd1bb259ea2ac5911fcb5e계단오르기 정말 힘들어요 ㅜ 작년부터 헬스장에 있는 천국의 계단이라 불리는 계단오르기를 하는데 20분만 올라도 온 몸에 땀이 쫙 흘러요. 작가님 말씀대로 관절이 걱정되시면 걷기로 시작도 좋죠. 이 글 댓글 써줘
정말 힘든 운동이죠! 계단오르기는 체력을 키우는 데 정말 효과적이지만, 관절에 무리가 갈 수도 있으니 조심해야 해요. 걷기로 시작하는 것도 좋은 아이디어네요. 천국의 계단에서의 노력이 분명 좋은 결과로 이어질 거예요! 조금씩 이어가다 보면 나중에는 더 많은 계단도 오를 수 있을 거예요. 화이팅!
b430ab8fd4b295d9bc853543перефразируй текст
Конечно! Пожалуйста, предоставьте текст, который нужно перефразировать, и я помогу вам с этим.
1f3054bff0753803e257063bimport pandas as pd
from docx import Document
from regex import B , A , D , E, F
def populate_chambers(excel_path, doc_path, output_path):
try:
print("Loading Excel data...")
df = pd.read_excel(excel_path)
print(f"Excel data loaded: {len(df)} rows")
print("Loading Word document...")
print("Available columns:", df.columns.tolist())
doc = Document(doc_path)
tables = doc.tables
print(f"Total tables found in document: {len(tables)}")
if not tables:
print("Error: No tables found in document.")
return
publishable_index = 0
confidential_index = 0
# Populate Publishable Matters
for i, row in df.iterrows():
if i < len(tables):
table = tables[i] # Assume publishable tables appear first
if len(table.rows) >= 18:
try:
table.cell(2, 0).text = f" {A}"
table.cell(3, 0).text = f" {B}"
# table.cell(4, 0).text = f" {C}"
table.cell(6, 0).text = f" {D}"
table.cell(7, 0).text = f" {E}"
table.cell(9, 0).text = f" {F}"
#table.cell(0, 0).text = f" {row['Description (in 500 words)']}"
# table.cell(4, 0).text = f" {row['Value ']}"
# table.cell(10, 0).text = f" {row['Lead partners']}"
# table.cell(12, 0).text = f" {row['Team Members']}"
print(f"Matter {i} populated successfully.")
except IndexError as e:
print(f"Error: Table {i} has fewer rows than expected. Skipping entry. {e}")
else:
print(f"Warning: Table {i} has only {len(table.rows)} rows. Expected at least 6.")
publishable_index += 1
# Populate Confidential Matters
# for i, row in df.iterrows():
# if row.get('Confidential', 'No') == "Yes": # Check confidentiality column
# table_index = confidential_index + publishable_index
# if table_index < len(tables):
# table = tables[table_index]
# if len(table.rows) >= 6:
# try:
# table.cell(1, 0).text = f"E1 Name of client: {row['Client Name']}"
# table.cell(2, 0).text = f"E2 Summary: {row['Description (in500 words)']}"
# table.cell(3, 0).text = f"E3 Matter value: {row['Value']}"
# print(f"Confidential matter {i} populated successfully.")
# except IndexError as e:
# print(f"Error: Confidential Table {table_index} has fewer rows than expected. Skipping entry. {e}")
# else:
# print(f"Warning: Confidential Table {table_index} has only {len(table.rows)} rows. Expected at least 6.")
# confidential_index += 1
doc.save(output_path)
print("Document updated successfully!")
except Exception as e:
print(f"Unexpected error: {e}")
# File paths
excel_path = r"C:\Users\Administrator\Documents\Submissions- Arbitration (version 1).xlsb.xlsx"
doc_path = r"C:\Users\Administrator\Desktop\Legal Era Law Firm.docx"
output_path = r"C:\Users\Administrator\Desktop\confif.docx"
populate_chambers(excel_path, doc_path, output_path)
THIS COD e and this error Excel data loaded: 23 rows
Loading Word document...
Available columns: ['Client Name ', 'Matter/Case Overview ', 'Value ', 'Description (in 500 words)', 'Role of S&A', 'The significance, impact and outcome of the case', 'Current Status (ongoing / completed )', 'Lead partners', 'Team Members', 'Other Firms/counsels Involved', 'Confidential / Publishable ']
Total tables found in document: 1
Matter 0 populated successfully.
Document updated successfully!
PS C:\Users\Administrator\Desktop\Bd team> The code you provided appears to successfully load data from an Excel file and a Word document, then attempt to populate the Word document's tables with data from the Excel file. However, there are a few issues in your code, particularly with the usage of certain components (like `A`, `B`, `C`, `D`, `E`, `F`). They appear as placeholders, but you haven't defined them. Also, your logging appears to confirm successful operation despite missing data population logic.
Below, I've outlined both a revision of the code and some observations to help you troubleshoot further:
### Revised Code
I've added comments to explain changes and improvements:
```python
import pandas as pd
from docx import Document
from docx.shared import Pt
def populate_chambers(excel_path, doc_path, output_path):
try:
print("Loading Excel data...")
df = pd.read_excel(excel_path)
print(f"Excel data loaded: {len(df)} rows")
print("Loading Word document...")
print("Available columns:", df.columns.tolist())
doc = Document(doc_path)
tables = doc.tables
print(f"Total tables found in document: {len(tables)}")
if not tables:
print("Error: No tables found in document.")
return
# Iterate through DataFrame rows and tables
for i, row in df.iterrows():
if i < len(tables):
table = tables[i] # Assume publishable tables appear first
if len(table.rows) >= 18:
try:
# Access column data safely using .get() method
client_name = row.get('Client Name ', '')
description = row.get('Description (in 500 words)', '')
value = row.get('Value ', '')
significance = row.get('The significance, impact and outcome of the case', '')
status = row.get('Current Status (ongoing / completed )', '')
# Populate table cells
table.cell(2, 0).text = f"Client Name: {client_name}"
table.cell(3, 0).text = f"Description: {description}"
table.cell(6, 0).text = f"Value: {value}"
table.cell(7, 0).text = f"Significance: {significance}"
table.cell(9, 0).text = f"Status: {status}"
print(f"Matter {i} populated successfully.")
except IndexError as e:
print(f"Error: Table {i} has fewer rows than expected. Skipping entry. {e}")
else:
print(f"Warning: Table {i} has only {len(table.rows)} rows. Expected at least 18.")
else:
print(f"Warning: Not enough tables to match all rows in the Excel sheet.")
doc.save(output_path)
print("Document updated successfully!")
except Exception as e:
print(f"Unexpected error: {e}")
# File paths
excel_path = r"C:\Users\Administrator\Documents\Submissions- Arbitration (version 1).xlsb.xlsx"
doc_path = r"C:\Users\Administrator\Desktop\Legal Era Law Firm.docx"
output_path = r"C:\Users\Administrator\Desktop\confif.docx"
populate_chambers(excel_path, doc_path, output_path)
```
### Changes and Improvements:
1. **Removed undefined variables**: The original code included references to `A`, `B`, `C`, `D`, `E`, and `F`, which appear to be undefined variables. The revised code instead pulls from the DataFrame columns directly using `row.get()`. You should ensure that the column names in the DataFrame match the keys you're using.
2. **Error Handling**: The revised code checks if the index referring to rows and columns in the table is valid before assigning values. Additionally, it incorporates a more descriptive approach for logging any warnings or errors.
3. **Cell Population**: The population of cell text is now defined more clearly by referencing the relevant columns from the DataFrame. This structure can be customized further based on your specific needs.
### Debugging:
- Ensure your Excel sheet has all necessary data and that the headers match what you have in the code.
- Check for any potential typos in column names when retrieving values from the DataFrame.
- Validate that your Word document is set up correctly with enough rows in tables as expected. The code assumes at least 18 rows for publishable matters.
This revised code implementation should help further your project effectively while also providing better clarity on the code's operation and data handling.46bbb22a0555fa3b3138c43bno i wante d regex A B C nd D its for testing only that which cell is referning to which place
Thank you for clarifying! If you're using placeholder variables like `A`, `B`, `C`, `D`, `E`, and `F` in your code solely for testing purposes, you can simply declare those variables at the beginning of your function. This will allow you to see which specific cell data corresponds to each placeholder.
Here's how you can modify your code to include those variables:
```python
import pandas as pd
from docx import Document
def populate_chambers(excel_path, doc_path, output_path):
try:
print("Loading Excel data...")
df = pd.read_excel(excel_path)
print(f"Excel data loaded: {len(df)} rows")
print("Loading Word document...")
print("Available columns:", df.columns.tolist())
doc = Document(doc_path)
tables = doc.tables
print(f"Total tables found in document: {len(tables)}")
if not tables:
print("Error: No tables found in document.")
return
# Placeholder values for testing
A = "Test Client Name"
B = "Test Matter Description"
C = "Test Matter Value" # Assuming you have a placeholder for 'C'
D = "Test Significance"
E = "Test Impact"
F = "Test Status"
# Populate Publishable Matters
for i, row in df.iterrows():
if i < len(tables):
table = tables[i] # Assume publishable tables appear first
if len(table.rows) >= 18:
try:
table.cell(2, 0).text = f"{A}" # Client Name
table.cell(3, 0).text = f"{B}" # Description
table.cell(4, 0).text = f"{C}" # Value
table.cell(6, 0).text = f"{D}" # Significance
table.cell(7, 0).text = f"{E}" # Impact
table.cell(9, 0).text = f"{F}" # Status
print(f"Matter {i} populated successfully.")
except IndexError as e:
print(f"Error: Table {i} has fewer rows than expected. Skipping entry. {e}")
else:
print(f"Warning: Table {i} has only {len(table.rows)} rows. Expected at least 18.")
doc.save(output_path)
print("Document updated successfully!")
except Exception as e:
print(f"Unexpected error: {e}")
# File paths
excel_path = r"C:\Users\Administrator\Documents\Submissions- Arbitration (version 1).xlsb.xlsx"
doc_path = r"C:\Users\Administrator\Desktop\Legal Era Law Firm.docx"
output_path = r"C:\Users\Administrator\Desktop\confif.docx"
populate_chambers(excel_path, doc_path, output_path)
```
### Key Changes:
1. **Placeholder Variables Initialization**: I added simple string placeholders for `A`, `B`, `C`, `D`, `E`, and `F` at the beginning of the function. You can modify these values to whatever suits your testing needs.
2. **Cell Population**: Retained the same logic as before but now uses your placeholders for testing.
### Next Steps:
- Run the modified code to see where each placeholder value gets populated in your Word document.
- After testing is complete, you can replace the placeholder variables with actual data drawn from your Excel file.
If you have any additional questions or further modifications are needed, feel free to ask!921a73e3ad03d092368a790bیک قطعه زمین به مساحت کل ۶۴۱۷/۸۴ متر مربع موجود است که ۱۱۸/۷۳ بر این زنین به خیابان و کوچه هست میخواهم بین سه نفر به نام علیرضا پنداشته با بر ۷۳/۰۳ و مساحت ۳۴۴۶/۷۸ متر مربع و مهدی پنداشته با بر ۲۳/۱۵ با مساحت ۱۷۲۱/۵۹ متر مربع و رضا آذرمی با بر ۱۹/۱۰ با مساحت ۱۲۴۹/۶۲ متر مربع یک صلح نامه قانونی تنظیم شود که سهم زمین مهدی پنداشته بین علیرضا پنداشته و رضا آذرمی قراردارد آن جهات اربعه رو هم برام خالی بزار خودم پر میکنم لطفا یک صلح نامه قانونی برایم تنظیم کن
بهخاطر داشته باشید که برای تنظیم یک سند قانونی، مشاورهی حقوقی حرفهای بسیار مهم است. در پایین یک الگوی ساده برای صلح نامه به شما ارائه میشود که میتوانید بر اساس نیازهای خاص خود آن را ویرایش کنید. --- **صلحنامه** تاریخ: ______________ **شماره: ______________** **محل وقوع صلح: ______________** ما، امضا کنندگان زیر: ۱. **علیرضا پنداشته**، با شماره ملی: ______________، ساکن: ______________، به نشانی: ______________ ۲. **مهدی پنداشته**، با شماره ملی: ______________، ساکن: ______________، به نشانی: ______________ ۳. **رضا آذرمی**، با شماره ملی: ______________، ساکن: ______________، به نشانی: ______________ **موضوع صلح:** با توجه به اینکه یک قطعه زمین به مساحت کل **۶۴۱۷/۸۴ متر مربع** وجود دارد که دارای **۱۱۸/۷۳ متر مربع** ضلع به خیابان و کوچه است و همچنین با توجه به توافق قبلی، مقرر گردید که حصه مهدی پنداشته به شرح زیر تقسیم گردد: **توزیع زمین:** - مساحت کل زمین: **۶۴۱۷/۸۴ متر مربع** - سهم علیرضا پنداشته: **۳۴۴۶/۷۸ متر مربع** - سهم مهدی پنداشته: **۱۷۲۱/۵۹ متر مربع** - سهم رضا آذرمی: **۱۲۴۹/۶۲ متر مربع** **شرایط صلح:** ۱. مهدی پنداشته، زمین متعلق به خود را به صورت کامل به علیرضا پنداشته و رضا آذرمی به ترتیب مستندات فوقالذکر منتقل میکند. ۲. این صلحنامه در تاریخ ______________ تنظیم و به امضای طرفین رسید. ۳. کلیه طرفین تایید میکنند که این توافقنامه، تمامی حقوق و مطالبات آنها را در مورد سهم زمین مذکور به طور کامل رفع و حل میکند. **جهات اربعه:** - شمال: ______________ - جنوب: ______________ - شرق: ______________ - غرب: ______________ **امضاها:** امضا: ___________________ علیرضا پنداشته امضا: ___________________ مهدی پنداشته امضا: ___________________ رضا آذرمی --- توجه: این صلح نامه به عنوان یک الگو ارائه شده است و ممکن است به مشاوره حقوقی برای انطباق با قوانین محلی و شرایط خاص شما نیاز داشته باشد.
151797f84f5618d8f201b3caPour une structure spinelle de formule générale AB2X4, on a Z=1.La greigite Fe3S4 a une structure spinelle inverse de paramètre de maille a = 9,876 Å. Le paramètre de maille est le double de celui de la structure spinelle décrite précédemment, alors z = ? pour Fe3S4.
La structure spinelle présente une formule générale \( AB_2X_4 \), où \( A \) et \( B \) sont des cations, et \( X \) est un anion. Pour une structure spinelle donnée, le nombre de formules unités par maille \( Z \) est un facteur clé.
Dans la question, il est mentionné que pour la structure \( AB_2X_4 \) nous avons \( Z = 1 \). Cela signifie qu'il y a une unité de formule \( AB_2X_4 \) par maille.
Il est également indiqué que la greigite \( Fe_3S_4 \) a une structure spinelle inverse et que son paramètre de maille est \( a = 9,876 \, \text{Å} \). Dans une structure spinelle inverse, les cations \( A \) occupent les sites octaédriques tandis que les cations \( B \) sont répartis entre les sites tétraédriques et certains sites octaédriques.
Pour géneraliser, si pour la structure \( AB_2X_4 \) il y a \( Z = 1 \), et sachant que le paramètre de maille de la greigite est le double de celui de la structure précédente, la relation entre le nombre d'unités formules par maille \( Z \) et le paramètre de maille s'applique comme suit :
\[
\text{Pour Greigite: } a_{Greigite} = 2a_{spinelle}
\]
Nous devons maintenant déterminer \( Z \) pour \( Fe_3S_4 \). La greigite a la composition \( Fe_3S_4 \), ce qui, par rapport à la formule générale d’une spinelle, peut être vu comme une structure inverse. Dans cette structure, les atomes de fer \( Fe \) occupent à la fois les sites octaédriques et tétraédriques.
En examinant la composition de \( Fe_3S_4 \), on voit qu’il y a 3 cations de fer et 4 anions de soufre. Cela signifie que pour chaque maille de greigite, nous avons:
- 3 cations de fer, ce qui, dans une structure spinelle inverse, signifie qu'il y a également 3 cations cationiques dans les sites octaédriques.
- Les 4 anions \( S \) correspondent en fait à \( Z \) pour la formule spinelle inverse.
Ainsi, pour la greigite \( Fe_3S_4 \), on a :
\[
Z = 1 \quad (pour \, la \, structure \, spinelle \, inverse), \text{ mais les trois ions de fer en font 3 unités, donc:}
\]
\[
Z_{Fe_3S_4} = 3
\]
Donc, pour la greigite \( Fe_3S_4 \) avec \( a = 9,876 \, \text{Å} \), le rapport cation-anion et le paramètre de maille sont conformes à \( Z = 3 \).7458cbb308c25b7aece3a023corriger"Les cristallites servent à s’orienter dans le champ magnétique terrestre vers les zones pauvres en O2."
La phrase que vous avez fournie contient une petite confusion concernant la fonction des cristallites. Voici une version corrigée et précisée : "Les cristallites permettent de s’orienter dans le champ magnétique terrestre vers les zones riches en O2." Ou si vous souhaitez préciser davantage : "Les cristallites s’orientent dans le champ magnétique terrestre, facilitant ainsi la localisation des zones riches en O2." Cette reformulation clarifie que les cristallites réagissent à un champ magnétique, mais il convient de noter que leur rôle exact peut dépendre du contexte spécifique ou du type de cristallites dont vous parlez (par exemple, certains minéraux ou microorganismes contenant des cristaux).
e93127132e597e1f900f0e52in which infotainment screen info button is availabe?
The availability of an "info" button on an infotainment screen can vary widely based on the make and model of the vehicle, as well as the specific infotainment system in use. Generally, many modern vehicles equipped with infotainment systems from manufacturers like Ford, GM, Toyota, Honda, Volkswagen, and others may include an "info" button or a similar feature that provides access to information such as: - Vehicle settings - Trip information - Navigation details - Weather updates - Media details To find the "info" button, you can typically look for it on the touchscreen display, in the menu options, or as a physical button on the dashboard or center console. If you're looking for information on a specific vehicle or infotainment system, it would be helpful to refer to the owner's manual or the manufacturer's website for detailed features.
15777ddfc0a666c67c296dbc<nav class="navbar navbar-expand-lg navbar-light Navbar-top px-0 sticky-top shadow">
<div>
<a role="button" class="btn-open first ps-3 payment-page-hide"><span
class="fas fa-bars fa-lg text-secondary"></span></a>
</div>
<!-- <div class="d-flex align-items-center nav-logo-responsive payment-page-remove-link">
<div class="Nvest-Solutions-Priv partnerLogo p-md-0 ps-md-4 py-1 ps-3 textWhtClr">
<img onclick="redirectToDash()" class="align-self-center cursor-pointer contain-fit">
</div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3">
<img onclick="redirectToDash()" src="/assets/images/simbalogo.png" style=" max-width: 100px;" class="contain-fit cursor-pointer ms-auto">
</div>
</div> -->
<div class="d-flex align-items-center nav-logo-responsive payment-page-remove-link" >
<div class="Nvest-Solutions-Priv partnerLogo p-md-0 ps-md-4 py-1 ps-3 textWhtClr">
<img class="align-self-center contain-fit">
</div>
<!-- <div class="textWhtClr m-0 ps-md-3 ps-1 pe-3">
<img src="/assets/images/simbaaaa.svg" style="max-width: 130px;" class="contain-fit ms-auto">
</div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3">
<img src="/assets/images/simbaaaa.svg" style="max-width: 130px;" class="contain-fit ms-auto">
</div> -->
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3">
<img
src="https://dip.sbigeneral.in/Content/images/PartnerLogo/partner_logo.png"
style="max-width: 130px"
class="contain-fit me-auto"
/>
</div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3"></div>
<div class="textWhtClr m-2 ps-md-3 ps-2 pe-3 d-flex justify-content-end">
<img onclick="redirectToDash()" src="https://dip.sbigeneral.in/Content/images/logo.svg"
style="max-width: 120px;" class="contain-fit cursor-pointer">
</div>
<!-- <div class="textWhtClr m-2 ps-md-3 ps-1 pe-3">
<img onclick="redirectToDash()" src="https://dip.sbigeneral.in/Content/images/logo.svg" style=" max-width: 100px;" class="contain-fit cursor-pointer ms-auto">
</div> -->
</div>
<div>
<button class="navbar-toggler collapsed border-0 payment-page-hide"
onclick="$('#page-wrapper').toggleClass('blurContent');" type="button"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation" data-bs-toggle="collapse">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<!-- Rest of your navbar code here -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto bg-white header-navbar" style="align-items: center;">
<div id="filter-Drawer" style="display: none">
<div class="d-flex">
<div class="drawer-controls d-flex">
<a href="#filterDrawer" data-toggle="drawer" aria-foldedopen="false"
aria-controls="filterDrawer" class="btnSecondry filter-icon"><i
class="fa fa-solid fa-filter"></i></a>
</div>
</div>
</div>
<li class="nav-item ps-3 d-lg-none d-block mt-1">
<a onclick="redirectHome()" class=" waves-effect waves-light">Home</a>
</li>
<li class="nav-item ps-3 mt-1" style="display:none;" id="optOurPlan">
<a target="_blank" onclick="redirectOurPlans()" class=" waves-effect waves-light">Our Plans</a>
</li>
<li class="nav-item ps-3 mt-1" style="display:none;" id="optRetrieve">
<a target="_blank" onclick="redirectRetriveQuote()" class=" waves-effect waves-light">Retrieve Quote</a>
</li>
<li class="nav-item ps-3 mt-1" id="contactNumber" style="display: none;">
<div class="fw-bold">
For any Assistance
</div>
<div><i class="fa fa-phone"></i>   +0XX-0XXXXXXXX</div>
</li>
<li class="nav-item pl-1 mt-1 dropdown hide" id="notificationWrapper">
<a class="fs-20 position-relative overflow-visible" data-bs-toggle="dropdown">
<i class="fa fa-bell-o" id="Notification-icon"></i>
<span class="notification-badge"> </span>
</a>
<ul class="dropdown-menu dropdown-menu-end ps-0 rounded-0 shadow"
aria-labelledby="navbarDropdownMenuLink" id="noti-content" onclick="event.stopPropagation();">
<li id="notificationText"></li>
</ul>
</li>
<li class="nav-item ps-1 mt-1">
<a class="fs-20" onclick="redirectToSearch()"><i class="fa fa-search payment-page-hide"></i></a>
</li>
<li class="nav-item ps-1 me-2 mt-1 payment-page-hide">
<a href="/Login/Logout" id="logoutOption" class="fs-20 text-decoration-none"><i
class="icon-logout"></i></a>
</li>
</ul>
</div>
</nav>
<div class="col-12 header-title">
<h5 class="fw-bold mb-0 cursor-pointer" onclick="goBack()"> <i ></i>
Limit Allocation Creation </h5>
</div>
<!-- <div class="watermark1"></div> -->
<div class="main-content" >
<!-- <div id="page-wrapper" class="px-md-4 pb-4 container-fluid">
<input type="hidden" id="hdnSelectedProdID" value="" />
<input type="hidden" id="hdnCatID" value="" />
<input type="hidden" id="hdnProductType" value="" />
<input type="hidden" id="hdnDashboardData"
value="[{"ProposalUniqueId":null,"FK_QuotationId":null,"IsPaymentDone":null,"IsPFSubmitted":null,"IsRenewalDone":null,"ProductID":0,"ProductName":"Super Top Up","ProductId":1016,"ProductCategory":"HLTH","CategoryId":"INDI","ProductURL":"/Content/images/SuperTopUp.svg","QuotationCount":0,"PendingDocumentCount":0,"PendingPaymentCount":0,"UpcomingRenewalCount":0,"RejectedQuotesCount":0,"InprogressQuotesCount":0},{"ProposalUniqueId":null,"FK_QuotationId":null,"IsPaymentDone":null,"IsPFSubmitted":null,"IsRenewalDone":null,"ProductID":0,"ProductName":"Four Wheeler","ProductId":40001,"ProductCategory":"MOTO","CategoryId":"1","ProductURL":"/Content/images/fourwheeler.svg","QuotationCount":0,"PendingDocumentCount":0,"PendingPaymentCount":0,"UpcomingRenewalCount":0,"RejectedQuotesCount":0,"InprogressQuotesCount":0}]" />
<input type="hidden" id="hdnPassword" />
<input type="hidden" id="hdnUserType" value="1" />
</div> -->
</div>
<!-- <div class="loader-bg hide">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-pause="false" data-interval="2500" data-wrap="true">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="loader-bor">
<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>
</div>
<div class="f-18 fw-bold text-sentence-case mt-3">Please wait it may take few Moments.</div>
</div>
</div>
</div>
</div> -->
<!--
<!-- <div class="container-fluid">
<div class="row justify-content-center mt-5 mb-5">
<div class="col-md-12 col-lg-10">
<div class="d-flex justify-content-between align-items-center mb-3">
<button class="btn btn-primary" id="setNewLimitBtn">Set New Limit</button>
</div>
<table id="filtertable1" class="table table-bordered table-striped table-sm">
<thead>
<tr class="header">
<th class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">IMD Code</th>
<th class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Child Code</th>
<th class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Name</th>
<th class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">ACD Number</th>
<th class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Credit Limit</th>
<th class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Available Limit</th>
<th class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Activation Status</th>
<th class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Action</th>
</tr>
</thead>
<tbody id="dataTableBody">
</tbody>
</table>
</div>
</div>
</div> -->
<div class="container-fluid" style="height: 100vh; background: linear-gradient(rgb(255, 225, 255),rgb(248, 248, 248),rgb(156, 240, 255));">
<div class="row justify-content-center mt-5 mb-5">
<div class="col-md-12 col-lg-10">
<div class="d-flex justify-content-between align-items-center mb-3"></div>
<!-- <div class="d-flex justify-content-between align-items-center mb-3">
<button class="btn btn-primary" id="setNewLimitBtn">Set New Limit</button>
</div> -->
<div class="d-flex justify-content-between align-items-center mb-3">
<button class="btn btn-primary set-new-limit-btn" id="setNewLimitBtn" (click)="openPopup()">Set New Limit</button>
<!-- <button class="btn btn-primary set-new-limit-btn" id="setNewLimitBtn" (click)="showTransactionPopup()">View Transaction Details</button> -->
<div class="button-container">
<div *ngIf="!showTransactionDetails">
<button
class="btn btn-primary set-new-limit-btn"
id="setNewLimitBtn"
(click)="showTransactionPopup()"
>
View Parent Transaction Details
</button>
</div>
<div *ngIf="showTransactionDetails">
<button
class="btn btn-primary go-back-btn"
id="goBackBtn"
(click)="goBack()"
>
Check Credit Limit
</button>
</div>
</div>
<div class="container-fluid">
<div class="row justify-content-end">
<div class="col-md-12 col-lg-3">
<table id="filtertable2" class="table table-bordered table-striped table-sm" >
<thead>
<tr >
<th colspan="7">Parent Info</th>
</tr>
</thead>
<tbody>
<tr class="parent-info-row " *ngFor="let item1 of report1; let i = index">
<td colspan="8" style="display: flex; justify-content: space-between;">
<div class="text-secondary" style="font-weight: bold;">Parent Code:</div>
<div class="text-primary">{{item1.imd_PARENT_CODE}}</div>
</td>
<td colspan="5" style="display: flex; justify-content: space-between;">
<div class="text-secondary" style="font-weight: bold;">Name:</div>
<div class="text-primary">{{item1.customerName}}</div>
</td>
<td colspan="5" style="display: flex; justify-content: space-between;">
<div class="text-secondary" style="font-weight: bold;">Credit Limit:</div>
<div class="text-primary">{{item1.parent_CREDIT_LIMIT|currency:'INR' }}</div>
</td>
<td colspan="5" style="display: flex; justify-content: space-between;">
<div class="text-secondary" style="font-weight: bold;">Available Limit:</div>
<div class="text-primary">{{item1.availabaleAmount|currency:'INR'}}</div>
</td>
<td colspan="5" style="display: flex; justify-content: space-between;">
<div class="text-secondary" style="font-weight: bold;">Credit Period:</div>
<div class="text-primary">{{item1.creditperiod}}</div>
</td>
</tr>
<!-- Existing child rows -->
</tbody>
</table>
</div>
</div>
</div>
</div>
<app-creditlimit-popup [isPopupOpen]="isPopupOpen" (closePopupEvent)="handlePopupClose()"></app-creditlimit-popup>
<!-- <div class="d-flex justify-content-between align-items-center mb-3">
<button class="btn btn-primary" id="setNewLimitBtn" (click)="openNewLimitDialog()">Set New Limit</button>
</div> -->
<div class="d-flex justify-content-between align-items-center mb-3"></div>
<!-- <button type="button" class="btnPrimary p-ripple me-2 " id="refreshDash">
Refresh Dashboard
</button> -->
<!-- <div class="d-flex justify-content-between align-items-center mb-3">
<button class="btn btn-16" id="setNewLimitBtn">Set New Limit</button>
</div> -->
<table id="filtertable1" class="table table-bordered table-striped table-sm">
<thead>
<tr class="header">
<!-- Original Table Headers -->
<th *ngIf="!showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Child Code</th>
<th *ngIf="!showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Name</th>
<th *ngIf="!showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">ACD Number</th>
<th *ngIf="!showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Allocate Limit(INR)</th>
<th *ngIf="!showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Used Limit(INR)</th>
<th *ngIf="!showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Balance Limit(INR)</th>
<th *ngIf="!showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Credit Days</th>
<th *ngIf="!showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Edit Action</th>
<th *ngIf="!showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">View Transaction</th>
<!-- New Table Headers -->
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Select</th>
<!-- <th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Tran ID</th> -->
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Policy Number</th>
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Customer Name</th>
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Quote Number</th>
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Issuance Date</th>
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Risk Start Date</th>
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Premium Amount</th>
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Elapsed Days</th>
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">ACD Number</th>
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Replenish Status</th>
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Replenish Date</th>
<th *ngIf="showTransactionDetails" class="th-sm text-center" style="border-right: 1px solid #ffffffff; border-left: 1px solid #4e73df;">Vehicle No</th>
</tr>
</thead>
<tbody *ngIf="!showTransactionDetails">
<tr *ngFor="let item of report ">
<td class="text-center owner-account text-font" style="border: 1px solid #858796;">{{item.imd_child_code}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;width: 10px;">{{item.imd_Name}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{item.acd_number}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{item.credit_Limit|currency:'INR'}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{item.usedLimit|currency:'INR'}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{item.balanceLimit|currency:'INR'}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{item.credit_period}}</td>
<!-- <td class="text-center text-font" style="border: 1px solid #858796;"
[ngStyle]="{'color': item.active_status === 'ACTIVE'? 'green' :'red'}">{{ item.active_status }}</td> -->
<td class="text-center" style="border: 1px solid #858796;">
<button (click)="openPopupForEdit(item)">
<p class="required"><i class="fas fa-edit"></i></p>
</button>
</td>
<td class="text-center" style="border: 1px solid #858796;">
<button class="button-solid" (click)="navigateToTransaction(item)"
>
<p class="required"><i class="fas fa-eye"></i></p>
</button>
</td>
</tr>
</tbody>
<tbody *ngIf="showTransactionDetails">
<tr *ngFor="let transaction of reporttransaction | paginate: { itemsPerPage: 5, currentPage: page }">
<td class="text-center text-font" style="border: 1px solid #858796;">
<input
type="checkbox"
(change)="onCheckboxClick(transaction, $event)"
[disabled]="transaction.replenish_status === 'Y'"
>
</td>
<!-- <td class="text-center text-font" style="border: 1px solid #858796;">{{transaction.tran_id}}</td> -->
<td class="text-center text-font" style="border: 1px solid #858796;">{{transaction.policyNumber}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{transaction.customerName }}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{transaction.quoteNumber}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{transaction.insurenceDate| date: 'dd-MM-yyyy'}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{transaction.tran_date| date: 'dd-MM-yyyy'}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{transaction.premium|currency:'INR'}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{transaction.replenish_status === 'Y' ? '0' : transaction.elapsed_days}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;"align-items="Rights">{{transaction.acd_number}}</td>
<td class="text-center text-font" style="border: 1px solid #858796;"
[ngStyle]="{'color': transaction.replenish_status === 'Y' ? 'green' : 'red'}">
{{ transaction.replenish_status === 'Y' ? 'Success Payment' : 'Pending' }}
</td>
<td class="text-center text-font" style="border: 1px solid #858796;"
[ngStyle]="{'color': transaction.replenish_status === 'Y' ? 'green' : 'red'}">
{{ transaction.replenishDate | date: 'dd-MM-yyyy'}}
</td>
<td class="text-center text-font" style="border: 1px solid #858796;">{{transaction.vehicleNo}}</td>
</tr>
</tbody>
</table>
</div>
<div *ngIf="showTransactionDetails" style="display: flex; justify-content: flex-end; margin-top: 5px;">
<pagination-controls (pageChange)="onPageChange($event)"></pagination-controls>
</div>
<app-credit-update-popup
[isupdatePopupOpen]="isupdatePopupOpen"
[ImdCode]="selectedImdCode"
[AgreementCode]="selectedAgreementCode"
[ACDNumber]="selectedAcdNumber"
[CreditLimit]="selectedCreditLimit"
(closePopupEvent)="handlePopupClose()">
</app-credit-update-popup>
</div>
<div *ngIf="isDataEmptyMessage" class="required">{{emptyDataMessage}}</div>
<app-makepaymentpopup
[ispaymentPopupOpen]="ispaymentPopupOpen"
[totalAmount]="selectedPremiumSum"
[Amount]="selectedAmount"
[acdNumber]="lastSelectedAcdNumber"
[Imd_code]="parentcode"
[child_code]="childcode"
[policyNumber]="policynumbers"
[Agrement_code]="agrementcode"
[userId]="UserId"
[insurenceDate]="insurenceDate"
[tran_date]="tran_date"
[cdcode]="cdcode"
(closePopupEvent)="handlePopupClose()">
</app-makepaymentpopup>
<div style="display: flex; justify-content: center; margin-top: 15px;position: relative;z-index: 1;">
<p *ngIf="showTransactionDetails">
<button class="btn btn-primary set-new-limit-btn" (click)="openPaymentPopup()">Make Payment</button>
</p></div>
</div>
<div class="footer position-fixed bottom-0 w-100" style="height: 40px;">
<div class="footer-content d-flex flex-column align-items-center pb-1">
<p class="text-muted mb-1">SBIGI does not accept Cash for Premium Payments against the Policy. 2024 SBI General Insurance Company Limited All Rights Reserved</p>
<div class="d-flex flex-wrap gap-1">
<!-- <span class="text-muted">© 2024 SBI General Insurance Company Limited</span> -->
<span class="text-muted">All Rights Reserved</span>
</div>
</div>
</div>
this was previous add <nav
class="navbar navbar-expand-lg navbar-light Navbar-top px-0 sticky-top shadow"
>
<div>
<a role="button" class="btn-open first ps-3 payment-page-hide">
<span class="fas fa-bars fa-lg text-secondary"></span>
</a>
</div>
<div
class="d-flex align-items-center nav-logo-responsive payment-page-remove-link"
>
<div
class="Nvest-Solutions-Priv partnerLogo p-md-0 ps-md-4 py-1 ps-3 textWhtClr"
>
<img class="align-self-center contain-fit" />
</div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3">
<img
src="https://dip.sbigeneral.in/Content/images/PartnerLogo/partner_logo.png"
style="max-width: 130px"
class="contain-fit me-auto"
/>
</div>
<div class="textWhtClr m-2 ps-md-3 ps-2 pe-3 d-flex justify-content-end">
<img
onclick="redirectToDash()"
src="https://dip.sbigeneral.in/Content/images/logo.svg"
style="max-width: 120px"
class="contain-fit cursor-pointer"
/>
</div>
</div>
<div>
<button
class="navbar-toggler collapsed border-0 payment-page-hide"
onclick="$('#page-wrapper').toggleClass('blurContent');"
type="button"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
data-bs-toggle="collapse"
>
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul
class="navbar-nav ms-auto bg-white header-navbar"
style="align-items: center"
>
<div id="filter-Drawer" style="display: none">
<div class="d-flex">
<div class="drawer-controls d-flex">
<a
href="#filterDrawer"
data-toggle="drawer"
aria-foldedopen="false"
aria-controls="filterDrawer"
class="btnSecondry filter-icon"
>
<i class="fa fa-solid fa-filter"></i>
</a>
</div>
</div>
</div>
<li class="nav-item ps-3 d-lg-none d-block mt-1">
<a onclick="redirectHome()" class="waves-effect waves-light">Home</a>
</li>
<li class="nav-item ps-3 mt-1" style="display: none" id="optOurPlan">
<a
target="_blank"
onclick="redirectOurPlans()"
class="waves-effect waves-light"
>Our Plans</a
>
</li>
<li class="nav-item ps-3 mt-1" style="display: none" id="optRetrieve">
<a
target="_blank"
onclick="redirectRetriveQuote()"
class="waves-effect waves-light"
>Retrieve Quote</a
>
</li>
<li class="nav-item ps-3 mt-1" id="contactNumber" style="display: none">
<div class="fw-bold">For any Assistance</div>
<div><i class="fa fa-phone"></i>   +0XX-0XXXXXXXX</div>
</li>
<li class="nav-item pl-1 mt-1 dropdown hide" id="notificationWrapper">
<a
class="fs-20 position-relative overflow-visible"
data-bs-toggle="dropdown"
>
<i class="fa fa-bell-o" id="Notification-icon"></i>
<span class="notification-badge"> </span>
</a>
<ul
class="dropdown-menu dropdown-menu-end ps-0 rounded-0 shadow"
aria-labelledby="navbarDropdownMenuLink"
id="noti-content"
onclick="event.stopPropagation();"
>
<li id="notificationText"></li>
</ul>
</li>
<li class="nav-item ps-1 mt-1">
<a class="fs-20" onclick="redirectToSearch()"
><i class="fa fa-search payment-page-hide"></i
></a>
</li>
<li class="nav-item ps-1 me-2 mt-1 payment-page-hide">
<a
href="/Login/Logout"
id="logoutOption"
class="fs-20 text-decoration-none"
>
<i class="icon-logout"></i>
</a>
</li>
</ul>
</div>
</nav>
<div class="col-12 header-title">
<h5 class="fw-bold mb-0 cursor-pointer" onclick="goBack()">
<i></i> Limit Allocation Creation
</h5>
</div>
<div
class="container-fluid"
style="
height: 100vh;
background: linear-gradient(
rgb(255, 225, 255),
rgb(248, 248, 248),
rgb(156, 240, 255)
);
"
>
<div class="row justify-content-center mt-5 mb-5">
<div class="col-md-12 col-lg-10">
<div class="d-flex justify-content-between align-items-center mb-3">
<button
class="btn btn-primary set-new-limit-btn"
id="setNewLimitBtn"
(click)="openPopup()"
>
Set New Limit
</button>
<div class="button-container">
<div *ngIf="!showTransactionDetails">
<button
class="btn btn-primary set-new-limit-btn"
id="setNewLimitBtn"
(click)="showTransactionPopup()"
>
View Parent Transaction Details
</button>
</div>
<div *ngIf="showTransactionDetails">
<button
class="btn btn-primary go-back-btn"
id="goBackBtn"
(click)="goBack()"
>
Check Credit Limit
</button>
</div>
</div>
</div>
<div *ngIf="showTransactionDetails">
<mat-form-field>
<mat-label>Filter</mat-label>
<input
matInput
(keyup)="applyFilter($event)"
placeholder="Ex. Policy Number"
/>
</mat-form-field>
<table
mat-table
[dataSource]="dataSource"
matSort
class="mat-elevation-z8"
>
<ng-container matColumnDef="select">
<th mat-header-cell *matHeaderCellDef>Select</th>
<td mat-cell *matCellDef="let transaction">
<input
type="checkbox"
(change)="onCheckboxClick(transaction, $event)"
[disabled]="transaction.replenish_status === 'Y'"
/>
</td>
</ng-container>
<ng-container matColumnDef="policyNumber">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Policy Number
</th>
<td mat-cell *matCellDef="let transaction">
{{ transaction.policyNumber }}
</td>
</ng-container>
<ng-container matColumnDef="customerName">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Customer Name
</th>
<td mat-cell *matCellDef="let transaction">
{{ transaction.customerName }}
</td>
</ng-container>
<ng-container matColumnDef="quoteNumber">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Quote Number
</th>
<td mat-cell *matCellDef="let transaction">
{{ transaction.quoteNumber }}
</td>
</ng-container>
<ng-container matColumnDef="issuanceDate">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Issuance Date
</th>
<td mat-cell *matCellDef="let transaction">
{{ transaction.insurenceDate | date : "dd-MM-yyyy" }}
</td>
</ng-container>
<ng-container matColumnDef="riskStartDate">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Risk Start Date
</th>
<td mat-cell *matCellDef="let transaction">
{{ transaction.tran_date | date : "dd-MM-yyyy" }}
</td>
</ng-container>
<ng-container matColumnDef="premiumAmount">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Premium Amount
</th>
<td mat-cell *matCellDef="let transaction">
{{ transaction.premium | currency : "INR" }}
</td>
</ng-container>
<ng-container matColumnDef="elapsedDays">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Elapsed Days
</th>
<td mat-cell *matCellDef="let transaction">
{{
transaction.replenish_status === "Y"
? "0"
: transaction.elapsed_days
}}
</td>
</ng-container>
<ng-container matColumnDef="acdNumber">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
ACD Number
</th>
<td mat-cell *matCellDef="let transaction">
{{ transaction.acd_number }}
</td>
</ng-container>
<ng-container matColumnDef="replenishStatus">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Replenish Status
</th>
<td
mat-cell
*matCellDef="let transaction"
[ngStyle]="{
color: transaction.replenish_status === 'Y' ? 'green' : 'red'
}"
>
{{
transaction.replenish_status === "Y"
? "Success Payment"
: "Pending"
}}
</td>
</ng-container>
<ng-container matColumnDef="replenishDate">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Replenish Date
</th>
<td mat-cell *matCellDef="let transaction">
{{ transaction.replenishDate | date : "dd-MM-yyyy" }}
</td>
</ng-container>
<ng-container matColumnDef="vehicleNo">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Vehicle No
</th>
<td mat-cell *matCellDef="let transaction">
{{ transaction.vehicleNo }}
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
<mat-paginator
[pageSizeOptions]="[5, 10, 25]"
showFirstLastButtons
></mat-paginator>
</div>
<app-credit-update-popup
[isupdatePopupOpen]="isupdatePopupOpen"
[ImdCode]="selectedImdCode"
[AgreementCode]="selectedAgreementCode"
[ACDNumber]="selectedAcdNumber"
[CreditLimit]="selectedCreditLimit"
(closePopupEvent)="handlePopupClose()"
></app-credit-update-popup>
<div *ngIf="isDataEmptyMessage" class="required">
{{ emptyDataMessage }}
</div>
<app-makepaymentpopup
[ispaymentPopupOpen]="ispaymentPopupOpen"
[totalAmount]="selectedPremiumSum"
[Amount]="selectedAmount"
[acdNumber]="lastSelectedAcdNumber"
[Imd_code]="parentcode"
[child_code]="childcode"
[policyNumber]="policynumbers"
[Agrement_code]="agrementcode"
[userId]="UserId"
[insurenceDate]="insurenceDate"
[tran_date]="tran_date"
[cdcode]="cdcode"
(closePopupEvent)="handlePopupClose()"
></app-makepaymentpopup>
<div
style="
display: flex;
justify-content: center;
margin-top: 15px;
position: relative;
z-index: 1;
"
>
<p *ngIf="showTransactionDetails">
<button
class="btn btn-primary set-new-limit-btn"
(click)="openPaymentPopup()"
>
Make Payment
</button>
</p>
</div>
</div>
</div>
<div class="footer position-fixed bottom-0 w-100" style="height: 40px">
<div class="footer-content d-flex flex-column align-items-center pb-1">
<p class="text-muted mb-1">
SBIGI does not accept Cash for Premium Payments against the Policy. 2024
SBI General Insurance Company Limited All Rights Reserved
</p>
<div class="d-flex flex-wrap gap-1">
<span class="text-muted">All Rights Reserved</span>
</div>
</div>
</div>
</div>
add this is current just add sorting and pagination to both table and also data should populate or else for now show dummy data but earlier data was populatingTo add sorting and pagination to both tables in the provided HTML structure, you can leverage Angular Material's `MatTable` and `MatPaginator`. Below, I'll demonstrate how to modify your existing code to incorporate these features using dummy data for illustration if the actual data is not provided.
### Step 1: Install Angular Material (if not already installed)
Make sure you have Angular Material installed in your project. You can add it using:
```bash
ng add @angular/material
```
### Step 2: Modify Your HTML and TypeScript Code
1. **Update the HTML Template**
Here’s how to integrate `MatTable` and `MatPaginator` into your existing tables:
```html
<!-- First Table -->
<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">
<ng-container matColumnDef="childCode">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Child Code</th>
<td mat-cell *matCellDef="let item">{{ item.childCode }}</td>
</ng-container>
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>
<td mat-cell *matCellDef="let item">{{ item.name }}</td>
</ng-container>
<ng-container matColumnDef="acdNumber">
<th mat-header-cell *matHeaderCellDef mat-sort-header>ACD Number</th>
<td mat-cell *matCellDef="let item">{{ item.acdNumber }}</td>
</ng-container>
<!-- Add more columns as needed -->
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<mat-paginator [pageSizeOptions]="[5, 10, 25]" showFirstLastButtons></mat-paginator>
<!-- Second Table -->
<table mat-table [dataSource]="transactionDataSource" matSort class="mat-elevation-z8">
<ng-container matColumnDef="policyNumber">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Policy Number</th>
<td mat-cell *matCellDef="let transaction">{{ transaction.policyNumber }}</td>
</ng-container>
<ng-container matColumnDef="customerName">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Customer Name</th>
<td mat-cell *matCellDef="let transaction">{{ transaction.customerName }}</td>
</ng-container>
<!-- Add more columns as needed -->
<tr mat-header-row *matHeaderRowDef="transactionDisplayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: transactionDisplayedColumns;"></tr>
</table>
<mat-paginator [pageSizeOptions]="[5, 10, 25]" showFirstLastButtons></mat-paginator>
```
2. **Update the TypeScript Component**
In your component file, you'll need to set up the data source and the displayed columns for both tables:
```typescript
import { Component, OnInit, ViewChild } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';
export class YourComponent implements OnInit {
displayedColumns: string[] = ['childCode', 'name', 'acdNumber']; // Columns for the first table
transactionDisplayedColumns: string[] = ['policyNumber', 'customerName']; // Columns for the second table
dataSource = new MatTableDataSource<DummyDataType>(dummyData); // Replace DummyDataType with the correct type
transactionDataSource = new MatTableDataSource<DummyTransactionType>(dummyTransactionData); // Replace DummyTransactionType with the correct type
@ViewChild(MatPaginator) paginator: MatPaginator;
@ViewChild(MatSort) sort: MatSort;
ngOnInit() {
this.dataSource.paginator = this.paginator;
this.dataSource.sort = this.sort;
this.transactionDataSource.paginator = this.paginator;
this.transactionDataSource.sort = this.sort;
}
}
// Dummy data for both tables
const dummyData = [
{ childCode: '001', name: 'Child A', acdNumber: 'ACD001' },
{ childCode: '002', name: 'Child B', acdNumber: 'ACD002' },
// Add more sample data here...
];
const dummyTransactionData = [
{ policyNumber: 'POLY001', customerName: 'Customer A' },
{ policyNumber: 'POLY002', customerName: 'Customer B' },
// Add more sample transaction data here...
];
```
### Step 3: Ensure Angular Material Styles are Included
Make sure to include Angular Material theme styles in your `styles.css` or `angular.json`:
```css
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
```
### Conclusion
Following these steps should enable sorting and pagination for both of your tables. You can replace the dummy data with actual data from your service in the future. Don't forget to properly type your data models and replace `DummyDataType` and `DummyTransactionType` with corresponding interfaces that match your data structure.59b171193f626fcd18b9a1e6give full html code will just copy paste
Sure! Below is the complete HTML code including the necessary Angular Material integration for sorting and pagination in both tables, complete with dummy data:
### Full HTML Code
Make sure you replace any placeholder Angular component setup and styles accordingly in your Angular project.
```html
<nav class="navbar navbar-expand-lg navbar-light Navbar-top px-0 sticky-top shadow">
<div>
<a role="button" class="btn-open first ps-3 payment-page-hide">
<span class="fas fa-bars fa-lg text-secondary"></span>
</a>
</div>
<div class="d-flex align-items-center nav-logo-responsive payment-page-remove-link">
<div class="Nvest-Solutions-Priv partnerLogo p-md-0 ps-md-4 py-1 ps-3 textWhtClr">
<img class="align-self-center contain-fit">
</div>
<div class="textWhtClr m-0 ps-md-3 ps-1 pe-3">
<img src="https://dip.sbigeneral.in/Content/images/PartnerLogo/partner_logo.png" style="max-width: 130px" class="contain-fit me-auto" />
</div>
<div class="textWhtClr m-2 ps-md-3 ps-2 pe-3 d-flex justify-content-end">
<img onclick="redirectToDash()" src="https://dip.sbigeneral.in/Content/images/logo.svg" style="max-width: 120px;" class="contain-fit cursor-pointer">
</div>
</div>
<div>
<button class="navbar-toggler collapsed border-0 payment-page-hide" onclick="$('#page-wrapper').toggleClass('blurContent');" type="button" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" data-bs-toggle="collapse">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto bg-white header-navbar" style="align-items: center;">
<li class="nav-item ps-3 d-lg-none d-block mt-1">
<a onclick="redirectHome()" class="waves-effect waves-light">Home</a>
</li>
<li class="nav-item ps-3 mt-1" style="display:none;" id="optOurPlan">
<a target="_blank" onclick="redirectOurPlans()" class="waves-effect waves-light">Our Plans</a>
</li>
<li class="nav-item ps-3 mt-1" style="display:none;" id="optRetrieve">
<a target="_blank" onclick="redirectRetriveQuote()" class="waves-effect waves-light">Retrieve Quote</a>
</li>
<li class="nav-item ps-3 mt-1" id="contactNumber" style="display: none;">
<div class="fw-bold">For any Assistance</div>
<div><i class="fa fa-phone"></i> +0XX-0XXXXXXXX</div>
</li>
<li class="nav-item ps-1 me-2 mt-1 payment-page-hide">
<a href="/Login/Logout" id="logoutOption" class="fs-20 text-decoration-none"><i class="icon-logout"></i></a>
</li>
</ul>
</div>
</nav>
<div class="col-12 header-title">
<h5 class="fw-bold mb-0 cursor-pointer" onclick="goBack()"> <i></i> Limit Allocation Creation </h5>
</div>
<div class="container-fluid" style="height: 100vh; background: linear-gradient(rgb(255, 225, 255), rgb(248, 248, 248), rgb(156, 240, 255));">
<div class="row justify-content-center mt-5 mb-5">
<div class="col-md-12 col-lg-10">
<div class="d-flex justify-content-between align-items-center mb-3">
<button class="btn btn-primary set-new-limit-btn" id="setNewLimitBtn" (click)="openPopup()">Set New Limit</button>
<div class="button-container">
<div *ngIf="!showTransactionDetails">
<button class="btn btn-primary set-new-limit-btn" (click)="showTransactionPopup()">View Parent Transaction Details</button>
</div>
<div *ngIf="showTransactionDetails">
<button class="btn btn-primary go-back-btn" (click)="goBack()">Check Credit Limit</button>
</div>
</div>
</div>
<!-- First Table -->
<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">
<ng-container matColumnDef="childCode">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Child Code</th>
<td mat-cell *matCellDef="let item">{{ item.childCode }}</td>
</ng-container>
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>
<td mat-cell *matCellDef="let item">{{ item.name }}</td>
</ng-container>
<ng-container matColumnDef="acdNumber">
<th mat-header-cell *matHeaderCellDef mat-sort-header>ACD Number</th>
<td mat-cell *matCellDef="let item">{{ item.acdNumber }}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<mat-paginator [pageSizeOptions]="[5, 10, 25]" showFirstLastButtons></mat-paginator>
<!-- Second Table -->
<table mat-table [dataSource]="transactionDataSource" matSort class="mat-elevation-z8">
<ng-container matColumnDef="policyNumber">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Policy Number</th>
<td mat-cell *matCellDef="let transaction">{{ transaction.policyNumber }}</td>
</ng-container>
<ng-container matColumnDef="customerName">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Customer Name</th>
<td mat-cell *matCellDef="let transaction">{{ transaction.customerName }}</td>
</ng-container>
<ng-container matColumnDef="quoteNumber">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Quote Number</th>
<td mat-cell *matCellDef="let transaction">{{ transaction.quoteNumber }}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="transactionDisplayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: transactionDisplayedColumns;"></tr>
</table>
<mat-paginator [pageSizeOptions]="[5, 10, 25]" showFirstLastButtons></mat-paginator>
<div *ngIf="isDataEmptyMessage" class="required">{{ emptyDataMessage }}</div>
</div>
</div>
</div>
<div class="footer position-fixed bottom-0 w-100" style="height: 40px;">
<div class="footer-content d-flex flex-column align-items-center pb-1">
<p class="text-muted mb-1">SBIGI does not accept Cash for Premium Payments against the Policy. 2024 SBI General Insurance Company Limited All Rights Reserved</p>
<div class="d-flex flex-wrap gap-1">
<span class="text-muted">All Rights Reserved</span>
</div>
</div>
</div>
```
### Notes for the TypeScript Component
Make sure to set up the TypeScript file to properly handle the required data sourcing and to initialize the table data as follows:
```typescript
import { Component, OnInit, ViewChild } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';
export class YourComponent implements OnInit {
displayedColumns: string[] = ['childCode', 'name', 'acdNumber']; // Columns for the first table
transactionDisplayedColumns: string[] = ['policyNumber', 'customerName', 'quoteNumber']; // Columns for the second table
dataSource = new MatTableDataSource<DummyDataType>(dummyData); // Replace DummyDataType with the correct type
transactionDataSource = new MatTableDataSource<DummyTransactionType>(dummyTransactionData); // Replace DummyTransactionType with the correct type
@ViewChild(MatPaginator) paginator: MatPaginator;
@ViewChild(MatSort) sort: MatSort;
ngOnInit() {
this.dataSource.paginator = this.paginator;
this.dataSource.sort = this.sort;
this.transactionDataSource.paginator = this.paginator;
this.transactionDataSource.sort = this.sort;
}
}
// Dummy data for both tables
const dummyData = [
{ childCode: '001', name: 'Child A', acdNumber: 'ACD001' },
{ childCode: '002', name: 'Child B', acdNumber: 'ACD002' },
// Add more sample data here...
];
const dummyTransactionData = [
{ policyNumber: 'POLY001', customerName: 'Customer A', quoteNumber: 'QUOTE001' },
{ policyNumber: 'POLY002', customerName: 'Customer B', quoteNumber: 'QUOTE002' },
// Add more sample transaction data here...
];
```
### Dependencies
Ensure you have included Angular Material in your project and imported the corresponding modules in your `app.module.ts`:
```typescript
import { MatTableModule } from '@angular/material/table';
import { MatPaginatorModule } from '@angular/material/paginator';
import { MatSortModule } from '@angular/material/sort';
@NgModule({
imports: [
// other imports...
MatTableModule,
MatPaginatorModule,
MatSortModule,
],
})
export class AppModule { }
```
This setup should provide you a functioning template well integrated with sorting and pagination. Simply copy the HTML and adjust the component class accordingly to suit your application needs.