import angular from 'angular'; import _ from 'lodash-es'; import chardet from 'chardet'; import { Base64 } from 'js-base64'; import KubernetesFormValidationHelper from 'Kubernetes/helpers/formValidationHelper'; import KubernetesConfigurationHelper from 'Kubernetes/helpers/configurationHelper'; import { KubernetesConfigurationFormValuesEntry } from 'Kubernetes/models/configuration/formvalues'; class KubernetesConfigurationDataController { /* @ngInject */ constructor($async) { this.$async = $async; this.editorUpdate = this.editorUpdate.bind(this); this.editorUpdateAsync = this.editorUpdateAsync.bind(this); this.onFileLoad = this.onFileLoad.bind(this); this.onFileLoadAsync = this.onFileLoadAsync.bind(this); this.showSimpleMode = this.showSimpleMode.bind(this); this.showAdvancedMode = this.showAdvancedMode.bind(this); } onChangeKey(entry) { if (entry && entry.Used) { return; } this.state.duplicateKeys = KubernetesFormValidationHelper.getDuplicates(_.map(this.formValues.Data, (data) => data.Key)); this.state.invalidKeys = KubernetesFormValidationHelper.getInvalidKeys(_.map(this.formValues.Data, (data) => data.Key)); this.isValid = Object.keys(this.state.duplicateKeys).length === 0 && Object.keys(this.state.invalidKeys).length === 0; } addEntry() { this.formValues.Data.push(new KubernetesConfigurationFormValuesEntry()); } removeEntry(index, entry) { if (entry.Used) { return; } this.formValues.Data.splice(index, 1); this.onChangeKey(); } async editorUpdateAsync(cm) { if (this.formValues.DataYaml !== cm.getValue()) { this.formValues.DataYaml = cm.getValue(); this.isEditorDirty = true; } } editorUpdate(cm) { return this.$async(this.editorUpdateAsync, cm); } async onFileLoadAsync(event) { const entry = new KubernetesConfigurationFormValuesEntry(); const encoding = chardet.detect(Buffer.from(event.target.result)); const decoder = new TextDecoder(encoding); entry.Key = event.target.fileName; entry.IsBinary = KubernetesConfigurationHelper.isBinary(encoding); if (!entry.IsBinary) { entry.Value = decoder.decode(event.target.result); } else { const stringValue = decoder.decode(event.target.result); entry.Value = Base64.encode(stringValue); } this.formValues.Data.push(entry); this.onChangeKey(); } onFileLoad(event) { return this.$async(this.onFileLoadAsync, event); } addEntryFromFile(file) { if (file) { const temporaryFileReader = new FileReader(); temporaryFileReader.fileName = file.name; temporaryFileReader.onload = this.onFileLoad; temporaryFileReader.readAsArrayBuffer(file); } } showSimpleMode() { this.formValues.IsSimple = true; this.formValues.Data = KubernetesConfigurationHelper.parseYaml(this.formValues); this.onChangeKey(); } showAdvancedMode() { this.formValues.IsSimple = false; this.formValues.DataYaml = KubernetesConfigurationHelper.parseData(this.formValues); } $onInit() { this.state = { duplicateKeys: [], invalidKeys: {}, }; } } export default KubernetesConfigurationDataController; angular.module('portainer.kubernetes').controller('KubernetesConfigurationDataController', KubernetesConfigurationDataController);