p3xr.ng.component('p3xrMainKeyString', {
    template: require('./p3xr-main-key-string.html'),
    bindings: {
        p3xrValue: '=',
        p3xrValueBuffer: ' =',
        p3xrKey: '<',
        p3xrResponse: '<',
    },
    controller: function (p3xrSocket, p3xrCommon, $rootScope, p3xrDialogJsonView, p3xrDialogJsonEditor, $scope) {

        this.setBufferUpload = () => {
            const input = document.getElementById('p3xr-main-key-string-upload-buffer');
            input.value = ''; // Clear the input value
            input.click();
        }


        this.bufferDisplay = (value) => {            
            const result = '(' + p3xr.settings.prettyBytes(value.byteLength) + ')'
            //console.log('bufferDisplay', result     )
            return result
        }
            
        $scope.readFileAsBuffer = async (event) => {
            const file = event.target.files[0];
            if (!file) {
                return;
            }
            const reader = new FileReader();
            reader.onload = async (loadEvent) => {
                const arrayBuffer = loadEvent.target.result;
                // Process the buffer here
                //console.log(arrayBuffer);

                try {
                    if (this.editable === true) {
                        await p3xrCommon.confirm({
                            message: p3xr.strings.confirm.uploadBuffer
                         })
    
                        if (this.buffer === true) {
                            this.p3xrValueBuffer = arrayBuffer
                        } else {    
                            this.p3xrValue = arrayBuffer
                        }
                        p3xrCommon.toast(p3xr.strings.confirm.uploadBufferDone)
                        $scope.$digest()
                        return
                    }    
                } catch(e) {
                    p3xrCommon.generalHandleError(e)
                    return
                } 

                try {
                     await p3xrCommon.confirm({
                        message: p3xr.strings.confirm.uploadBuffer
                     })


                     p3xr.ui.overlay.show()

                    const response = await p3xrSocket.request({
                        action: 'key-set',
                        payload: {
                            type: this.p3xrResponse.type,
                            value: arrayBuffer,
                            key: this.p3xrKey,
                        }
                    })
                    p3xrCommon.toast(p3xr.strings.confirm.uploadBufferDoneAndSave)
                    window['gtag']('config', p3xr.settings.googleAnalytics,
                        {
                            'page_path': '/key-set'
                        }
                    );
                    $rootScope.$broadcast('p3xr-refresh-key');                    
    
                } catch (e) {
                    p3xrCommon.generalHandleError(e)
                } finally {
                    p3xr.ui.overlay.hide()                    
                }

            };
            reader.onerror = (error) => {
                p3xrCommon.generalHandleError(error)
            } 
            reader.readAsArrayBuffer(file);
        }


        this.copy = async() => {
            await global.p3xr.clipboard({
                value: this.p3xrValue
            })
            p3xrCommon.toast(p3xr.strings.status.dataCopied)
        }

        this.downloadBuffer = async () => {
            try {
                /*
                const response = await p3xrSocket.request({
                    action: 'key-get-string-buffer',
                    payload: {
                        key: this.p3xrKey,
                    }
                })
                */
                //console.log('response', response)

                const blob = new Blob([this.p3xrValueBuffer]);
                const url = window.URL.createObjectURL(blob);
                const a = document.createElement('a');
                a.href = url;
                a.download = `${this.p3xrKey}.bin`;
                document.body.appendChild(a);
                a.click();
                window.URL.revokeObjectURL(url);
                document.body.removeChild(a);
            } catch (e) {
                p3xrCommon.generalHandleError(e)
            } finally {
            }
        }

        this.editable = false;
        this.buffer = false
        this.originalValue = undefined
        this.edit = () => {
            if (this.p3xrValue.length < p3xr.settings.maxValueAsBuffer ) {
                this.originalValue = p3xr.clone(this.p3xrValue) 
                this.buffer = false
            } else {
                this.originalValue = p3xr.clone(this.p3xrValueBuffer)
                this.buffer = true
            }
            this.editable = true
        }

        this.cancelEdit = () => {
            console.log('cancelEdit', this.originalValue)
            if (this.buffer === true) {
                this.p3xrValueBuffer = this.originalValue                
            } else {
                this.p3xrValue = this.originalValue
            }
            this.editable = false
            this.buffer = false
        }


        this.validateJson = false

        this.save = async () => {
            if (this.validateJson === true) {
                try {
                    JSON.parse(this.buffer ? this.p3xrValueBuffer : this.p3xrValue)
                } catch (e) {
                    p3xrCommon.toast({
                        message: p3xr.strings.label.jsonViewNotParsable
                    })
                    return
                }
            }

            try {
                p3xr.ui.overlay.show()
                const request = {
                    action: 'key-set',
                    payload: {
                        type: this.p3xrResponse.type,
                        value: this.buffer ? this.p3xrValueBuffer : this.p3xrValue,
                        key: this.p3xrKey,
                    }
                }
                //console.log('request', request)
                const response = await p3xrSocket.request(request)

                window['gtag']('config', p3xr.settings.googleAnalytics,
                    {
                        'page_path': '/key-set'
                    }
                );

                this.editable = false
            } catch (e) {
                p3xrCommon.generalHandleError(e)
            } finally {
                p3xr.ui.overlay.hide()
                $rootScope.$broadcast('p3xr-refresh-key');
            }
        }

        this.jsonViewer = (options) => {
            p3xrDialogJsonView.show({
                event: options.$event,
                value: this.p3xrValue
            })
//            this.showJson = !this.showJson
        }

        this.jsonEditor = async(options) => {
            try {
                const result = await p3xrDialogJsonEditor.show({
                    event: options.$event,
                    value: this.p3xrValue
                })
                this.p3xrValue = result.obj
                await this.save()
            } catch(e) {
                p3xrCommon.generalHandleError(e)
            }
//            this.showJson = !this.showJson
        }

        this.formatJson = async () => {
            try {
                this.p3xrValue = JSON.stringify(JSON.parse(this.p3xrValue), null, p3xr.settings.jsonFormat)
                await this.save()
            } catch(e) {
                p3xrCommon.toast({
                    message: p3xr.strings.label.jsonViewNotParsable
                })
            }
        }

    }
})