<commit_before>Ext.require([
             'AIDRFM.common.AIDRFMFunctions',
             'AIDRFM.common.StandardLayout',
             'AIDRFM.common.Header',
             'AIDRFM.common.Footer',
             'Ext.ux.data.PagingMemoryProxy',
             'AIDRPUBLIC.interactive-view-download.view.SingleFilterPanel'
             ]);

Ext.define('AIDRPUBLIC.interactive-view-download.view.InteractiveViewDownloadPanel', {
	extend: 'AIDRFM.common.StandardLayout',
	alias: 'widget.interactive-view-download-view',

	initComponent: function () {
		var me = this;

		this.breadcrumbsNoClassifier = Ext.create('Ext.form.Label', {
			html: '<div class="bread-crumbs">' +
			'<a href="' + BASE_URL + '/protected/home">My Collections</a><span>&nbsp;>&nbsp;</span>' +
			'<span>Download</span></div>',
			margin: 0,
			padding: 0
		});

		this.breadcrumbs = Ext.create('Ext.form.Label', {
			html: '<div class="bread-crumbs">' +
			'<a href="' + BASE_URL + '/protected/home">My Collections</a><span>&nbsp;>&nbsp;</span>' +
			'<a href="' + BASE_URL + '/protected/' + CRISIS_CODE + '/tagger-collection-details">Classifier for ' + CRISIS_NAME + '</a>' +
			'<span>&nbsp;>&nbsp;Interactive View/Download</span></div>',
			margin: 0,
			padding: 0
		});

		this.screenTitle = Ext.create('Ext.form.Label', {
			cls: 'header-h1 bold-text',
			text: CRISIS_NAME,
			margin: '10 0 10 0'
		});

		this.statusL = Ext.create('Ext.form.Label', {
			padding: '0 0 10 0'
		});

		this.applyFilterButton = Ext.create('Ext.Button', {
			text: 'Apply Filter',
			cls:'btn btn-blue',
			id: 'applyFilterButton',
			disabled: true
		});

		this.resetFiltersButton = Ext.create('Ext.Button', {
			text: 'Reset Filters',
			cls:'btn btn-red',
			id: 'resetFilters',
			margin: '0 10 0 0',
			disabled: true
		});

		this.addFilterButton = Ext.create('Ext.button.Button', {
			iconCls: 'add',
			margin: '1 10 0 0',
			text : null,
			scale: 'small',
			id: 'addFilter',
			tooltip: 'Add new filter',
			disabled: true
		});

		this.filterBlock = Ext.create('Ext.container.Container', {
			margin: 0,
			padding: 0,
			defaultType: 'single-filter-panel',
			id: 'filterBlock',
			layout: {
				type: 'vbox',
				align: 'stretch'
			},
			items: []
		});

		this.filterFieldSet = Ext.create('Ext.form.FieldSet', {
			title: 'Filter',
			layout: {
				type: 'vbox',
				align: 'stretch'
			},
			items: [
			        this.filterBlock,
			        {
			        	xtype: 'container',
			        	margin: '10 0 0 0',
			        	layout: {
			        		type: 'hbox',
			        		align: 'stretch'
			        	},
			        	items: [
			        	        this.addFilterButton,
			        	        {
			        	        	xtype: 'container',
			        	        	layout: 'hbox',
			        	        	flex: 1
			        	        },
			        	        this.resetFiltersButton,
			        	        this.applyFilterButton
			        	        ]
			        }
			        ]
		});

		this.downloadTweetsL = Ext.create('Ext.form.Label', {
			text: 'Download',
			padding: '0 0 0 0',
			cls: 'header-h2'
		});

		this.downloadTweetsDescription = Ext.create('Ext.form.Label', {
			id: 'downloadTweetsDescriptionId',
			text: '',
			padding: '0 0 10 0'
		});

		this.contactOwnerL = Ext.create('Ext.form.Label', {
			cls: 'styled-text',
			margin: '10 0 0 0',
			html: '',
			flex: 1
		});

		this.curatorInfoR = Ext.create('Ext.form.Label', {
			cls: 'styled-text',
			margin: '10 0 0 0',
			html: ''
		});

		this.downloadFormat = Ext.create('Ext.form.RadioGroup', {
			fieldLabel: 'Format',
			labelWidth: 55,
			columns: [150, 210, 240],
			items: [
			        {
			        	boxLabel: 'Spreadsheet (.csv)',
			        	name: 'format',
			        	inputValue: 'csv',
			        	checked: true
			        },
			        {
			        	boxLabel: 'Single JSON object (.json)',
			        	name: 'format',
			        	inputValue: 'JSON'
			        },
			        {
			        	boxLabel: 'One JSON per line (.txt-json)',
			        	name: 'format',
			        	inputValue: 'TEXT_JSON'
			        }
			        ]
		});

		this.downloadContents = Ext.create('Ext.form.RadioGroup', {
			fieldLabel: 'Contents',
			labelWidth: 55,
			columns: [205, 90],
			items: [
			        {
			        	boxLabel: 'Full tweets (max. 100K items)',
			        	name: 'contents',
			        	inputValue: 'full',
			        	checked: true
			        },
			        {
			        	boxLabel: 'Ids only',
			        	name: 'contents',
			        	inputValue: 'ids'
			        }
			        ]
		});

		this.downloadButton = Ext.create('Ext.Button', {
			text: 'Generate Downloadable File',
			cls:'btn btn-blue',
			id: 'downloadButton',
			margin: '10 0 0 0'
		});<commit_msg>Remove download by tweetId from UI only. Finishes #102152468.<commit_after>Ext.require([
             'AIDRFM.common.AIDRFMFunctions',
             'AIDRFM.common.StandardLayout',
             'AIDRFM.common.Header',
             'AIDRFM.common.Footer',
             'Ext.ux.data.PagingMemoryProxy',
             'AIDRPUBLIC.interactive-view-download.view.SingleFilterPanel'
             ]);

Ext.define('AIDRPUBLIC.interactive-view-download.view.InteractiveViewDownloadPanel', {
	extend: 'AIDRFM.common.StandardLayout',
	alias: 'widget.interactive-view-download-view',

	initComponent: function () {
		var me = this;

		this.breadcrumbsNoClassifier = Ext.create('Ext.form.Label', {
			html: '<div class="bread-crumbs">' +
			'<a href="' + BASE_URL + '/protected/home">My Collections</a><span>&nbsp;>&nbsp;</span>' +
			'<span>Download</span></div>',
			margin: 0,
			padding: 0
		});

		this.breadcrumbs = Ext.create('Ext.form.Label', {
			html: '<div class="bread-crumbs">' +
			'<a href="' + BASE_URL + '/protected/home">My Collections</a><span>&nbsp;>&nbsp;</span>' +
			'<a href="' + BASE_URL + '/protected/' + CRISIS_CODE + '/tagger-collection-details">Classifier for ' + CRISIS_NAME + '</a>' +
			'<span>&nbsp;>&nbsp;Interactive View/Download</span></div>',
			margin: 0,
			padding: 0
		});

		this.screenTitle = Ext.create('Ext.form.Label', {
			cls: 'header-h1 bold-text',
			text: CRISIS_NAME,
			margin: '10 0 10 0'
		});

		this.statusL = Ext.create('Ext.form.Label', {
			padding: '0 0 10 0'
		});

		this.applyFilterButton = Ext.create('Ext.Button', {
			text: 'Apply Filter',
			cls:'btn btn-blue',
			id: 'applyFilterButton',
			disabled: true
		});

		this.resetFiltersButton = Ext.create('Ext.Button', {
			text: 'Reset Filters',
			cls:'btn btn-red',
			id: 'resetFilters',
			margin: '0 10 0 0',
			disabled: true
		});

		this.addFilterButton = Ext.create('Ext.button.Button', {
			iconCls: 'add',
			margin: '1 10 0 0',
			text : null,
			scale: 'small',
			id: 'addFilter',
			tooltip: 'Add new filter',
			disabled: true
		});

		this.filterBlock = Ext.create('Ext.container.Container', {
			margin: 0,
			padding: 0,
			defaultType: 'single-filter-panel',
			id: 'filterBlock',
			layout: {
				type: 'vbox',
				align: 'stretch'
			},
			items: []
		});

		this.filterFieldSet = Ext.create('Ext.form.FieldSet', {
			title: 'Filter',
			layout: {
				type: 'vbox',
				align: 'stretch'
			},
			items: [
			        this.filterBlock,
			        {
			        	xtype: 'container',
			        	margin: '10 0 0 0',
			        	layout: {
			        		type: 'hbox',
			        		align: 'stretch'
			        	},
			        	items: [
			        	        this.addFilterButton,
			        	        {
			        	        	xtype: 'container',
			        	        	layout: 'hbox',
			        	        	flex: 1
			        	        },
			        	        this.resetFiltersButton,
			        	        this.applyFilterButton
			        	        ]
			        }
			        ]
		});

		this.downloadTweetsL = Ext.create('Ext.form.Label', {
			text: 'Download',
			padding: '0 0 0 0',
			cls: 'header-h2'
		});

		this.downloadTweetsDescription = Ext.create('Ext.form.Label', {
			id: 'downloadTweetsDescriptionId',
			text: '',
			padding: '0 0 10 0'
		});

		this.contactOwnerL = Ext.create('Ext.form.Label', {
			cls: 'styled-text',
			margin: '10 0 0 0',
			html: '',
			flex: 1
		});

		this.curatorInfoR = Ext.create('Ext.form.Label', {
			cls: 'styled-text',
			margin: '10 0 0 0',
			html: ''
		});

		this.downloadFormat = Ext.create('Ext.form.RadioGroup', {
			fieldLabel: 'Format',
			labelWidth: 55,
			columns: [150, 210, 240],
			items: [
			        {
			        	boxLabel: 'Spreadsheet (.csv)',
			        	name: 'format',
			        	inputValue: 'csv',
			        	checked: true
			        },
			        {
			        	boxLabel: 'Single JSON object (.json)',
			        	name: 'format',
			        	inputValue: 'JSON'
			        },
			        {
			        	boxLabel: 'One JSON per line (.txt-json)',
			        	name: 'format',
			        	inputValue: 'TEXT_JSON'
			        }
			        ]
		});

		this.downloadContents = Ext.create('Ext.form.RadioGroup', {
			fieldLabel: 'Contents',
			labelWidth: 55,
			columns: [205, 90],
			items: [
			        {
			        	boxLabel: 'Full tweets (max. 100K items)',
			        	name: 'contents',
			        	inputValue: 'full',
			        	checked: true
			        },
//			        {
//			        	boxLabel: 'Ids only',
//			        	name: 'contents',
//			        	inputValue: 'ids'
//			        }
			        ]
		});

		this.downloadButton = Ext.create('Ext.Button', {
			text: 'Generate Downloadable File',
			cls:'btn btn-blue',
			id: 'downloadButton',
			margin: '10 0 0 0'
		});
{'fraction_non_alphanumeric': 0.1606915570640645, 'fraction_numerical': 0.01813746287653797, 'mean_word_length': 1.9753865572735878, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 45, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 31, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3757226', 'n_tokens_mistral': 3953, 'n_tokens_neox': 3135, 'n_words': 606}