include ../defines.mk

IMAGES := \
	images/icon-tape.svg 				\
	images/logo-128.png 				\
	images/proxmox_logo.png

TAPE_UI_FILES=

ifdef TEST_TAPE_GUI
TAPE_UI_FILES=						\
	tape/form/AllocationSelector.js			\
	tape/form/ChangerSelector.js			\
	tape/form/DriveSelector.js			\
	tape/form/PoolSelector.js			\
	tape/form/RetentionSelector.js			\
	tape/form/TapeDevicePathSelector.js		\
	tape/window/ChangerEdit.js			\
	tape/window/DriveEdit.js			\
	tape/window/LabelMedia.js			\
	tape/window/PoolEdit.js				\
	tape/window/TapeBackup.js			\
	tape/BackupOverview.js				\
	tape/ChangerStatus.js				\
	tape/DriveConfig.js				\
	tape/PoolConfig.js				\
	TapeManagement.js
endif

JSSRC=							\
	Utils.js					\
	form/UserSelector.js				\
	form/TokenSelector.js				\
	form/AuthidSelector.js				\
	form/RemoteSelector.js				\
	form/DataStoreSelector.js			\
	form/CalendarEvent.js				\
	form/PermissionPathSelector.js			\
	data/RunningTasksStore.js			\
	button/TaskButton.js				\
	config/UserView.js				\
	config/TfaView.js				\
	config/TokenView.js				\
	config/RemoteView.js				\
	config/ACLView.js				\
	config/SyncView.js				\
	config/VerifyView.js				\
	config/WebauthnView.js				\
	window/ACLEdit.js				\
	window/AddTfaRecovery.js			\
	window/AddTotp.js				\
	window/AddWebauthn.js				\
	window/BackupFileDownloader.js			\
	window/BackupGroupChangeOwner.js		\
	window/CreateDirectory.js			\
	window/DataStoreEdit.js				\
	window/FileBrowser.js				\
	window/NotesEdit.js				\
	window/RemoteEdit.js				\
	window/NotifyOptions.js				\
	window/SyncJobEdit.js				\
	window/UserEdit.js				\
	window/UserPassword.js				\
	window/TokenEdit.js				\
	window/TfaEdit.js				\
	window/VerifyJobEdit.js				\
	window/ZFSCreate.js				\
	dashboard/DataStoreStatistics.js		\
	dashboard/LongestTasks.js			\
	dashboard/RunningTasks.js			\
	dashboard/TaskSummary.js			\
	panel/Tasks.js					\
	panel/XtermJsConsole.js				\
	panel/AccessControl.js				\
	panel/StorageAndDisks.js			\
	panel/UsageChart.js				\
	ZFSList.js					\
	DirectoryList.js				\
	LoginView.js					\
	VersionInfo.js					\
	SystemConfiguration.js				\
	Subscription.js					\
	datastore/Summary.js				\
	datastore/Notes.js				\
	datastore/PruneAndGC.js				\
	datastore/Prune.js				\
	datastore/Content.js				\
	datastore/OptionView.js				\
	datastore/Panel.js				\
	datastore/DataStoreListSummary.js		\
	datastore/DataStoreList.js			\
	ServerStatus.js					\
	ServerAdministration.js				\
	Dashboard.js					\
	${TAPE_UI_FILES}				\
	NavigationTree.js				\
	Application.js					\
	MainView.js

all: js/proxmox-backup-gui.js css/ext6-pbs.css

js:
	mkdir js

.PHONY: OnlineHelpInfo.js
OnlineHelpInfo.js:
	$(MAKE) -C ../docs onlinehelpinfo
	mv ../docs/output/scanrefs/OnlineHelpInfo.js .

js/proxmox-backup-gui.js: .lint-incremental js OnlineHelpInfo.js ${JSSRC}
	cat OnlineHelpInfo.js ${JSSRC} >$@.tmp
	mv $@.tmp $@

.PHONY: check
check:
	eslint --strict ${JSSRC}
	touch ".lint-incremental"

.lint-incremental: ${JSSRC}
	eslint $?
	touch "$@"

.PHONY: clean
clean:
	find . -name '*~' -exec rm {} ';'
	rm -rf js .lint-incremental

install: js/proxmox-backup-gui.js css/ext6-pbs.css index.hbs
	install -dm755 $(DESTDIR)$(JSDIR)
	install -m644 index.hbs $(DESTDIR)$(JSDIR)/
	install -dm755 $(DESTDIR)$(JSDIR)/js
	install -m644 js/proxmox-backup-gui.js $(DESTDIR)$(JSDIR)/js/
	install -dm755 $(DESTDIR)$(JSDIR)/css
	install -m644 css/ext6-pbs.css $(DESTDIR)$(JSDIR)/css/
	install -dm755 $(DESTDIR)$(JSDIR)/images
	$(foreach i,$(IMAGES), \
	    install -m644 $(i) $(DESTDIR)$(JSDIR)/images/ ;)