include ../defines.mk

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

JSSRC=							\
	form/UserSelector.js				\
	form/RemoteSelector.js				\
	form/DataStoreSelector.js			\
	data/RunningTasksStore.js			\
	button/TaskButton.js				\
	config/UserView.js				\
	config/RemoteView.js				\
	config/ACLView.js				\
	config/SyncView.js				\
	config/DataStoreConfig.js			\
	window/UserEdit.js				\
	window/RemoteEdit.js				\
	window/SyncJobEdit.js				\
	window/ACLEdit.js				\
	window/DataStoreEdit.js				\
	window/CreateDirectory.js			\
	window/ZFSCreate.js				\
	window/FileBrowser.js				\
	window/BackupFileDownloader.js			\
	dashboard/DataStoreStatistics.js		\
	dashboard/LongestTasks.js			\
	dashboard/RunningTasks.js			\
	dashboard/TaskSummary.js			\
	Utils.js					\
	ZFSList.js					\
	DirectoryList.js				\
	LoginView.js					\
	VersionInfo.js					\
	SystemConfiguration.js				\
	Subscription.js					\
	DataStorePrune.js				\
	DataStoreStatistic.js				\
	DataStoreContent.js				\
	DataStorePanel.js				\
	ServerStatus.js					\
	ServerAdministration.js				\
	Dashboard.js					\
	NavigationTree.js				\
	Application.js					\
	MainView.js

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

js:
	mkdir js

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

.PHONY: lint
lint: ${JSSRC}
	eslint ${JSSRC}

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

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/ ;)