1- import type { FrontendAPIInterface } from "./types/FrontendAPI" ;
1+ import type { FilterParams , FrontendAPIInterface } from "./types/FrontendAPI" ;
2+ import type { FrontendAPIInterface , ConfirmParams , AlertParams , } from '@/types/FrontendAPI' ;
3+ import type { AdminForthFilterOperators , AdminForthResourceColumn } from '@/types/Common' ;
4+ import { useToastStore } from '@/stores/toast' ;
5+ import { useModalStore } from '@/stores/modal' ;
6+ import { useCoreStore } from '@/stores/core' ;
7+ import { useFiltersStore } from '@/stores/filters' ;
8+ import router from '@/router'
29
3- export default window . adminforth as FrontendAPIInterface ;
10+
11+
12+ declare global {
13+ interface Window {
14+ adminforth : FrontendAPIInterface ;
15+ }
16+ }
17+
18+ class FrontendAPI implements FrontendAPIInterface {
19+ public toastStore :any
20+ public modalStore :any
21+ public filtersStore :any
22+ public coreStore :any
23+
24+ public list : {
25+ refresh ( ) : Promise < { error ? : string } > ;
26+ silentRefresh ( ) : Promise < { error ? : string } > ;
27+ silentRefreshRow ( ) : Promise < { error ? : string } > ;
28+ closeThreeDotsDropdown ( ) : Promise < { error ? : string } > ;
29+ closeUserMenuDropdown : ( ) => void ;
30+ setFilter : ( filter : FilterParams ) => void ;
31+ updateFilter : ( filter : FilterParams ) => void ;
32+ clearFilters : ( ) => void ;
33+ }
34+
35+ public menu : {
36+ refreshMenuBadges : ( ) => void ;
37+ }
38+
39+ closeUserMenuDropdown ( ) : void {
40+ console . log ( 'closeUserMenuDropdown' )
41+ }
42+
43+
44+ constructor ( ) {
45+
46+ this . menu = {
47+ refreshMenuBadges : ( ) => {
48+ console . log ( 'refreshMenuBadges' )
49+ }
50+ }
51+
52+ this . list = {
53+ refresh : async ( ) => {
54+ console . log ( 'refresh' ) ;
55+ return { error : 'Not implemented' }
56+ } ,
57+ silentRefresh : async ( ) => {
58+ console . log ( 'silentRefresh' )
59+ return { error : 'Not implemented' }
60+ } ,
61+ silentRefreshRow : async ( ) => {
62+ console . log ( 'silentRefreshRow' )
63+ return { error : 'Not implemented' }
64+ } ,
65+ closeThreeDotsDropdown : async ( ) => {
66+ console . log ( 'closeThreeDotsDropdown' )
67+ return { error : 'Not implemented' }
68+ } ,
69+ closeUserMenuDropdown : ( ) => {
70+ console . log ( 'closeUserMenuDropdown' )
71+ } ,
72+ setFilter : this . setListFilter . bind ( this ) ,
73+ updateFilter : this . updateListFilter . bind ( this ) ,
74+ clearFilters : this . clearListFilters . bind ( this ) ,
75+ }
76+ }
77+
78+ confirm ( params : ConfirmParams ) : Promise < void > {
79+ return new Promise ( ( resolve , reject ) => {
80+ this . modalStore . setModalContent ( {
81+ content : params . message ,
82+ acceptText : params . yes || 'Yes' ,
83+ cancelText : params . no || 'Cancel'
84+ } )
85+ this . modalStore . onAcceptFunction = resolve
86+ this . modalStore . onCancelFunction = reject
87+ this . modalStore . togleModal ( )
88+ } )
89+ }
90+
91+ alert ( params : AlertParams ) : void {
92+ this . toastStore . addToast ( {
93+ message : params . message ,
94+ messageHtml : params . messageHtml ,
95+ variant : params . variant ,
96+ timeout : params . timeout
97+ } )
98+ }
99+
100+ listFilterValidation ( filter : FilterParams ) : boolean {
101+ if ( router . currentRoute . value . meta . type !== 'list' ) {
102+ throw new Error ( `Cannot use ${ this . setListFilter . name } )
103+ } else {
104+ console . log ( this . coreStore . resourceColumnsWithFilters , 'core store' )
105+ const filterField = this . coreStore . resourceColumnsWithFilters . find ( ( col : AdminForthResourceColumn ) => col . name === filter . field )
106+ if ( ! filterField ) {
107+ throw new Error ( `Field ${ filter . field } )
108+ }
109+
110+ }
111+ return true
112+ }
113+
114+ setListFilter ( filter : FilterParams ) : void {
115+ if ( this . listFilterValidation ( filter ) ) {
116+ if ( this . filtersStore . filters . some ( ( f ) => { return f . field === filter . field && f . operator === filter . operator } ) ) {
117+ throw new Error ( `Filter ${ filter . field } ${ filter . operator } )
118+ } else {
119+ this . filtersStore . setFilter ( filter )
120+ }
121+ }
122+ }
123+
124+ clearListFilters ( ) : void {
125+ this . filtersStore . clearFilters ( )
126+ }
127+
128+ updateListFilter ( filter : FilterParams ) : void {
129+ if ( this . listFilterValidation ( filter ) ) {
130+ const index = this . filtersStore . filters . findIndex ( ( f : FilterParams ) => f . field === filter . field )
131+ if ( index === - 1 ) {
132+ this . filtersStore . setFilter ( filter )
133+ } else {
134+ const filters = [ ...this . filtersStore . filters ] ;
135+ if ( filter . value === undefined ) {
136+ filters . splice ( index , 1 ) ;
137+ } else {
138+ filters [ index ] = filter ;
139+ }
140+ this . filtersStore . setFilters ( filters ) ;
141+ }
142+ }
143+ }
144+
145+ }
146+
147+ const frontendAPI : FrontendAPIInterface = new FrontendAPI ( ) ;
148+ window . adminforth = frontendAPI ;
149+
150+ export function initFrontedAPI ( ) {
151+ // force init
152+ const api : FrontendAPI = frontendAPI as FrontendAPI ;
153+ api . toastStore = useToastStore ( ) ;
154+ api . modalStore = useModalStore ( ) ;
155+ api . coreStore = useCoreStore ( ) ;
156+ api . filtersStore = useFiltersStore ( ) ;
157+ }
158+
159+
160+ export default frontendAPI ;
0 commit comments