<commit_before>Ember.TEMPLATES['gridSettings'] = Ember.Handlebars.compile(
'<div class="btn-group">' +
'<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Grid<span class="caret"></span></a>' +
'<div class="dropdown-menu">' +

	'<p>' +
		'<label>Grid Lines</label>' +
		'<input type="color"' +
			'{{ bindAttr value="content.gridline_color" }}' +
			'{{ action "gridlineColorChange" on="change" }}/>' +
	'</p>' +

	'<p>' +
		'<label>Line Opacity</label>' +
		'<input type="number" step="0.1" min="0.0" max="1.0" ' +
			'{{ bindAttr value="content.grid_opacity" }}' +
			'{{ action "gridOpacityChange" on="change" }}/>' +
	'</p>' +

	'<p>' +
		'<label>Background</label>' +
		'<input type="color"' +
			'{{ bindAttr value="content.background_color" }}' +
			'{{ action "backgroundColorChange" on="change" }}/>' +
	'</p>' +

'</div>' +
'</div>');

RPGB.GridPropertiesView = Ember.View.extend({
	templateName: 'gridSettings',
	content: null,
	showProperties: 'none',

	toggleShowProperties: function(){
		if(this.get('showProperties') == 'none'){
			this.set('showProperties', 'block');
		} else {
			this.set('showProperties', 'none');
		}
	},

	backgroundColorChange: function(ev){
		this.set('content.background_color', ev.target.value);
	},

	gridOpacityChange: function(ev){
		this.set('content.grid_opacity', parseFloat(ev.target.value));
	},

	gridlineColorChange: function(ev){
		this.set('content.gridline_color', ev.target.value);
	}
});<commit_msg>Fixed setting properties due to change to bootstrap<commit_after>Ember.TEMPLATES['gridSettings'] = Ember.Handlebars.compile(
'<div class="btn-group">' +
	'<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Grid<span class="caret"></span></a>' +
	'<div class="dropdown-menu">' +

		'<p>' +
			'<label>Grid Lines</label>' +
			'<input type="color"' +
				'{{ bindAttr value="content.gridline_color" }}' +
				'{{ action "gridlineColorChange" on="change" }}/>' +
		'</p>' +

		'<p>' +
			'<label>Line Opacity</label>' +
			'<input type="number" step="0.1" min="0.0" max="1.0" ' +
				'{{ bindAttr value="content.grid_opacity" }}' +
				'{{ action "gridOpacityChange" on="change" }}/>' +
		'</p>' +

		'<p>' +
			'<label>Background</label>' +
			'<input type="color"' +
				'{{ bindAttr value="content.background_color" }}' +
				'{{ action "backgroundColorChange" on="change" }}/>' +
		'</p>' +

	'</div>' +
'</div>');

RPGB.GridPropertiesView = Ember.View.extend({
	templateName: 'gridSettings',
	content: null,
	showProperties: 'none',

	/*toggleShowProperties: function(){
		if(this.get('showProperties') == 'none'){
			this.set('showProperties', 'block');
		} else {
			this.set('showProperties', 'none');
		}
	},*/

	didInsertElement: function(){
		$('input').click(function(ev){
			ev.stopPropagation();
		});
	},

	backgroundColorChange: function(ev){
		this.set('content.background_color', ev.target.value);
		return false;
	},

	gridOpacityChange: function(ev){
		this.set('content.grid_opacity', parseFloat(ev.target.value));
		return false;
	},

	gridlineColorChange: function(ev){
		this.set('content.gridline_color', ev.target.value);
		return false;
	}
});
{'fraction_non_alphanumeric': 0.22751827136955832, 'fraction_numerical': 0.0038131553860819827, 'mean_word_length': 4.797421731123388, 'pattern_counts': {'":': 0, '<': 49, '<?xml version=': 0, '>': 49, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3311516', 'n_tokens_mistral': 1231, 'n_tokens_neox': 1121, 'n_words': 173}