carloshra/nexus-spa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/v19' into v19

Browse Source 
# Conflicts:
#	src/views/uikit/tabledoc.ts
This commit is contained in:
Çetin
2025-01-06 16:04:31 +03:00
parent 9a18016deb c751c9c938
commit d4aad54ff7
9 changed files with 213 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/landing/herowidget.ts
View File

@@ -14,7 +14,7 @@ import { ButtonModule } from 'primeng/button';
<div class="mx-6 md:mx-20 mt-0 md:mt-6"> <div class="mx-6 md:mx-20 mt-0 md:mt-6">
<h1 class="text-6xl font-bold text-gray-900 leading-tight"><span class="font-light block">Eu sem integer</span>eget magna fermentum</h1> <h1 class="text-6xl font-bold text-gray-900 leading-tight"><span class="font-light block">Eu sem integer</span>eget magna fermentum</h1>
<p class="font-normal text-2xl leading-normal md:mt-4 text-gray-700">Sed blandit libero volutpat sed cras. Fames ac turpis egestas integer. Placerat in egestas erat...</p> <p class="font-normal text-2xl leading-normal md:mt-4 text-gray-700">Sed blandit libero volutpat sed cras. Fames ac turpis egestas integer. Placerat in egestas erat...</p>
<button pButton pRipple type="button" label="Get Started" class="p-button-rounded text-xl border-0 mt-4 bg-blue-500 font-normal leading-normal px-4 text-white"></button> <button pButton pRipple [rounded]="true" type="button" label="Get Started" class="!text-xl mt-8 !px-4"></button>
</div> </div>
<div class="flex justify-center md:justify-end"> <div class="flex justify-center md:justify-end">
<img src="/demo/images/landing/screen-1.png" alt="Hero Image" class="w-9/12 md:w-auto" /> <img src="/demo/images/landing/screen-1.png" alt="Hero Image" class="w-9/12 md:w-auto" />

12
src/components/landing/pricingwidget.ts
View File

@@ -23,7 +23,7 @@ import { RippleModule } from 'primeng/ripple';
<span class="text-5xl font-bold mr-2 text-surface-900 dark:text-surface-0">$0</span> <span class="text-5xl font-bold mr-2 text-surface-900 dark:text-surface-0">$0</span>
<span class="text-surface-600 dark:text-surface-200">per month</span> <span class="text-surface-600 dark:text-surface-200">per month</span>
</div> </div>
<button pButton pRipple label="Get Started" class="block mx-auto mt-6 p-button-rounded border-0 ml-4 font-light leading-tight bg-blue-500 text-white"></button> <button pButton pRipple label="Get Started" class="p-button-rounded border-0 ml-4 font-light leading-tight bg-blue-500 text-white"></button>
</div> </div>
<p-divider class="w-full bg-surface-200"></p-divider> <p-divider class="w-full bg-surface-200"></p-divider>
<ul class="my-8 list-none p-0 flex text-surface-900 dark:text-surface-0 flex-col px-8"> <ul class="my-8 list-none p-0 flex text-surface-900 dark:text-surface-0 flex-col px-8">
@@ -56,7 +56,7 @@ import { RippleModule } from 'primeng/ripple';
<span class="text-5xl font-bold mr-2 text-surface-900 dark:text-surface-0">$1</span> <span class="text-5xl font-bold mr-2 text-surface-900 dark:text-surface-0">$1</span>
<span class="text-surface-600 dark:text-surface-200">per month</span> <span class="text-surface-600 dark:text-surface-200">per month</span>
</div> </div>
<button pButton pRipple label="Get Started" class="block mx-auto mt-6 p-button-rounded border-0 ml-4 font-light leading-tight bg-blue-500 text-white"></button> <button pButton pRipple label="Get Started" class="p-button-rounded border-0 ml-4 font-light leading-tight bg-blue-500 text-white"></button>
</div> </div>
<p-divider class="w-full bg-surface-200"></p-divider> <p-divider class="w-full bg-surface-200"></p-divider>
<ul class="my-8 list-none p-0 flex text-surface-900 dark:text-surface-0 flex-col px-8"> <ul class="my-8 list-none p-0 flex text-surface-900 dark:text-surface-0 flex-col px-8">
@@ -89,7 +89,7 @@ import { RippleModule } from 'primeng/ripple';
<span class="text-5xl font-bold mr-2 text-surface-900 dark:text-surface-0">$5</span> <span class="text-5xl font-bold mr-2 text-surface-900 dark:text-surface-0">$5</span>
<span class="text-surface-600 dark:text-surface-200">per month</span> <span class="text-surface-600 dark:text-surface-200">per month</span>
</div> </div>
<button pButton pRipple label="Try Free" class="block mx-auto mt-6 p-button-rounded border-0 ml-4 font-light leading-tight bg-blue-500 text-white"></button> <button pButton pRipple label="Try Free" class="p-button-rounded border-0 ml-4 font-light leading-tight bg-blue-500 text-white"></button>
</div> </div>
<p-divider class="w-full bg-surface-200"></p-divider> <p-divider class="w-full bg-surface-200"></p-divider>
<ul class="my-8 list-none p-0 flex text-surface-900 dark:text-surface-0 flex-col px-8"> <ul class="my-8 list-none p-0 flex text-surface-900 dark:text-surface-0 flex-col px-8">
@@ -114,8 +114,6 @@ import { RippleModule } from 'primeng/ripple';
</div> </div>
</div> </div>
</div> </div>
`, `
}) })
export class PricingWidget { export class PricingWidget {}
}

26
src/components/landing/topbarwidget.component.ts
View File

@@ -29,43 +29,39 @@ import { LayoutService } from '@/src/service/layout.service';
<span class="text-surface-900 dark:text-surface-0 font-medium text-2xl leading-normal mr-20">SAKAI</span> <span class="text-surface-900 dark:text-surface-0 font-medium text-2xl leading-normal mr-20">SAKAI</span>
</a> </a>
<a pButton [text]="true" severity="secondary" [rounded]="true" pRipple class="lg:!hidden" pStyleClass="@next" enterClass="hidden" leaveToClass="hidden" [hideOnOutsideClick]="true">
<a pButton pRipple class="cursor-pointer block lg:hidden text-surface-700 dark:text-surface-100" pStyleClass="@next" enterClass="hidden" leaveToClass="hidden" [hideOnOutsideClick]="true">
<i class="pi pi-bars !text-2xl"></i> <i class="pi pi-bars !text-2xl"></i>
</a> </a>
<div class="items-center bg-surface-0 dark:bg-surface-900 grow justify-between hidden lg:flex absolute lg:static w-full left-0 px-12 lg:px-0 z-20" style="top:120px"> <div class="items-center bg-surface-0 dark:bg-surface-900 grow justify-between hidden lg:flex absolute lg:static w-full left-0 top-full px-12 lg:px-0 z-20 rounded-border">
<ul class="list-none p-0 m-0 flex lg:items-center select-none flex-col lg:flex-row cursor-pointer"> <ul class="list-none p-0 m-0 flex lg:items-center select-none flex-col lg:flex-row cursor-pointer gap-8">
<li> <li>
<a (click)="router.navigate(['/landing'], {fragment: 'home'})" pRipple class="px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl"> <a (click)="router.navigate(['/landing'], { fragment: 'home' })" pRipple class="px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl">
<span>Home</span> <span>Home</span>
</a> </a>
</li> </li>
<li> <li>
<a (click)="router.navigate(['/landing'], {fragment: 'features'})" pRipple class="px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl"> <a (click)="router.navigate(['/landing'], { fragment: 'features' })" pRipple class="px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl">
<span>Features</span> <span>Features</span>
</a> </a>
</li> </li>
<li> <li>
<a (click)="router.navigate(['/landing'], {fragment: 'highlights'})" pRipple class="px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl"> <a (click)="router.navigate(['/landing'], { fragment: 'highlights' })" pRipple class="px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl">
<span>Highlights</span> <span>Highlights</span>
</a> </a>
</li> </li>
<li> <li>
<a (click)="router.navigate(['/landing'], {fragment: 'pricing'})" pRipple class="px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl"> <a (click)="router.navigate(['/landing'], { fragment: 'pricing' })" pRipple class="px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl">
<span>Pricing</span> <span>Pricing</span>
</a> </a>
</li> </li>
</ul> </ul>
<div class="flex border-t lg:border-t-0 border-surface py-4 lg:py-0 mt-4 lg:mt-0 gap-2"> <div class="flex border-t lg:border-t-0 border-surface py-4 lg:py-0 mt-4 lg:mt-0 gap-2">
<button pButton pRipple label="Login" routerLink="/auth/login" [text]="true"></button> <button pButton pRipple label="Login" routerLink="/auth/login" [rounded]="true" [text]="true"></button>
<button pButton pRipple label="Register" routerLink="/auth/login"></button> <button pButton pRipple label="Register" routerLink="/auth/login" [rounded]="true"></button>
</div> </div>
</div> </div> `
`,
}) })
export class TopbarWidget { export class TopbarWidget {
constructor(public router: Router) {}
constructor(public router: Router) { }
} }

15
src/routes.ts
View File

@@ -1,17 +1,22 @@
import { Routes } from '@angular/router'; import { Routes } from '@angular/router';
import { AppLayout} from '@/src/layout/applayout'; import { AppLayout } from '@/src/layout/applayout';
import { Documentation } from '@/src/views/pages/documentation'; import { Documentation } from '@/src/views/pages/documentation';
import { Dashboard } from '@/src/views/dashboard'; import { Dashboard } from '@/src/views/dashboard';
import { Landing } from './views/pages/landing';
import { Notfound } from './views/pages/notfound';
export const routes: Routes = [ export const routes: Routes = [
{ path: '', component: AppLayout, {
path: '',
component: AppLayout,
children: [ children: [
{ path: '', component: Dashboard }, { path: '', component: Dashboard },
{ path: 'uikit', loadChildren: () => import('./views/uikit/uikit.routes') }, { path: 'uikit', loadChildren: () => import('./views/uikit/uikit.routes') },
{ path: 'documentation', component: Documentation }, { path: 'documentation', component: Documentation },
{ path: 'pages', loadChildren: () => import('./views/pages/pages.routes') }, { path: 'pages', loadChildren: () => import('./views/pages/pages.routes') }
] ]
}, },
{path: 'auth', loadChildren: () => import('./views/pages/auth/auth.routes') }, { path: 'landing', component: Landing },
{ path: 'notfound', component: Notfound },
{ path: 'auth', loadChildren: () => import('./views/pages/auth/auth.routes') }
]; ];

2
src/views/pages/auth/login.ts
View File

@@ -63,7 +63,7 @@ import { FloatingConfigurator } from '@/src/components/floatingconfigurator';
</div> </div>
<span class="font-medium no-underline ml-2 text-right cursor-pointer text-primary">Forgot password?</span> <span class="font-medium no-underline ml-2 text-right cursor-pointer text-primary">Forgot password?</span>
</div> </div>
<p-button label="Sign In" class="w-full" routerLink="/"></p-button> <p-button label="Sign In" styleClass="w-full" routerLink="/"></p-button>
</div> </div>
</div> </div>
</div> </div>

22
src/views/pages/landing.ts
View File

@@ -1,9 +1,9 @@
import {Component} from '@angular/core'; import { Component } from '@angular/core';
import {RouterModule} from '@angular/router'; import { RouterModule } from '@angular/router';
import {RippleModule} from 'primeng/ripple'; import { RippleModule } from 'primeng/ripple';
import {StyleClassModule} from 'primeng/styleclass'; import { StyleClassModule } from 'primeng/styleclass';
import {ButtonModule} from 'primeng/button'; import { ButtonModule } from 'primeng/button';
import {DividerModule} from 'primeng/divider'; import { DividerModule } from 'primeng/divider';
import { HeroWidget } from '@/src/components/landing/herowidget'; import { HeroWidget } from '@/src/components/landing/herowidget';
import { FeaturesWidget } from '@/src/components/landing/featureswidget'; import { FeaturesWidget } from '@/src/components/landing/featureswidget';
import { HighlightsWidget } from '@/src/components/landing/highlightswidget'; import { HighlightsWidget } from '@/src/components/landing/highlightswidget';
@@ -13,13 +13,11 @@ import { TopbarWidget } from '@/src/components/landing/topbarwidget.component';
@Component({ @Component({
standalone: true, standalone: true,
imports: [RouterModule,TopbarWidget, HeroWidget, FeaturesWidget, HighlightsWidget, PricingWidget, FooterWidget, RippleModule, StyleClassModule, ButtonModule, DividerModule], imports: [RouterModule, TopbarWidget, HeroWidget, FeaturesWidget, HighlightsWidget, PricingWidget, FooterWidget, RippleModule, StyleClassModule, ButtonModule, DividerModule],
template:` template: `
<div class="bg-surface-0 dark:bg-surface-900"> <div class="bg-surface-0 dark:bg-surface-900">
<div id="home" class="landing-wrapper overflow-hidden"> <div id="home" class="landing-wrapper overflow-hidden">
<div class="py-6 px-6 mx-0 md:mx-12 lg:mx-20 lg:px-20 flex items-center justify-between relative lg:static"> <topbar-widget class="py-6 px-6 mx-0 md:mx-12 lg:mx-20 lg:px-20 flex items-center justify-between relative lg:static" />
<topbar-widget />
</div>
<hero-widget /> <hero-widget />
<features-widget /> <features-widget />
<highlights-widget /> <highlights-widget />
@@ -27,6 +25,6 @@ import { TopbarWidget } from '@/src/components/landing/topbarwidget.component';
<footer-widget /> <footer-widget />
</div> </div>
</div> </div>
`, `
}) })
export class Landing {} export class Landing {}

10
src/views/pages/pages.routes.ts
View File

@@ -1,15 +1,11 @@
import { Routes } from '@angular/router'; import { Routes } from '@angular/router';
import { Documentation } from '@/src/views/pages/documentation'; import { Documentation } from '@/src/views/pages/documentation';
import { Crud } from '@/src/views/pages/crud'; import { Crud } from '@/src/views/pages/crud';
import { Landing } from '@/src/views/pages/landing';
import { Empty } from '@/src/views/pages/empty'; import { Empty } from '@/src/views/pages/empty';
import { Notfound } from '@/src/views/pages/notfound';
export default [ export default [
{ path: 'documentation', component: Documentation}, { path: 'documentation', component: Documentation },
{ path: 'crud', component: Crud}, { path: 'crud', component: Crud },
{ path: 'landing', component: Landing}, { path: 'empty', component: Empty },
{ path: 'empty', component: Empty},
{ path: 'notfound', component: Notfound},
{ path: '**', redirectTo: '/notfound' } { path: '**', redirectTo: '/notfound' }
] as Routes; ] as Routes;

2
src/views/uikit/inputdoc.ts
View File

@@ -202,7 +202,7 @@ import { ToggleButtonModule } from 'primeng/togglebutton';
</div> </div>
</p-fluid> </p-fluid>
<p-fluid class="flex mt-20"> <p-fluid class="flex mt-8">
<div class="card flex flex-col gap-6 w-full"> <div class="card flex flex-col gap-6 w-full">
<div class="font-semibold text-xl">InputGroup</div> <div class="font-semibold text-xl">InputGroup</div>
<div class="flex flex-col md:flex-row gap-6"> <div class="flex flex-col md:flex-row gap-6">

21
src/views/uikit/tabledoc.ts
View File

@@ -286,19 +286,24 @@ interface expandedRows {
<p-table [value]="product.orders" dataKey="id" responsiveLayout="scroll"> <p-table [value]="product.orders" dataKey="id" responsiveLayout="scroll">
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th pSortableColumn="id">Id <th pSortableColumn="id">
Id
<p-sortIcon field="price"></p-sortIcon> <p-sortIcon field="price"></p-sortIcon>
</th> </th>
<th pSortableColumn="customer">Customer <th pSortableColumn="customer">
Customer
<p-sortIcon field="customer"></p-sortIcon> <p-sortIcon field="customer"></p-sortIcon>
</th> </th>
<th pSortableColumn="date">Date <th pSortableColumn="date">
Date
<p-sortIcon field="date"></p-sortIcon> <p-sortIcon field="date"></p-sortIcon>
</th> </th>
<th pSortableColumn="amount">Amount <th pSortableColumn="amount">
Amount
<p-sortIcon field="amount"></p-sortIcon> <p-sortIcon field="amount"></p-sortIcon>
</th> </th>
<th pSortableColumn="stats">Status <th pSortableColumn="stats">
Status
<p-sortIcon field="status"></p-sortIcon> <p-sortIcon field="status"></p-sortIcon>
</th> </th>
<th style="width: 4rem"></th> <th style="width: 4rem"></th>
@@ -309,9 +314,9 @@ interface expandedRows {
<td>{{ order.id }}</td> <td>{{ order.id }}</td>
<td>{{ order.customer }}</td> <td>{{ order.customer }}</td>
<td>{{ order.date }}</td> <td>{{ order.date }}</td>
<td>{{ order.amount | currency:'USD' }}</td> <td>{{ order.amount | currency: 'USD' }}</td>
<td><span <td>
[class]="'order-badge order-' + order.status.toLowerCase()">{{ order.status }}</span> <span [class]="'order-badge order-' + order.status.toLowerCase()">{{ order.status }}</span>
</td> </td>
<td> <td>
<p-button type="button" icon="pi pi-search"></p-button> <p-button type="button" icon="pi pi-search"></p-button>