binda 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5fdbd3a53b7c0c27db1b20d03b562cce049886ef
-  data.tar.gz: d8678b7b7ee4a36804234f19f13abbaac7a38974
+  metadata.gz: 8a14502da9b61e81895cb12acda199217a9f8e17
+  data.tar.gz: d66be0ef4a7bb1546e2ec9490bf567692e297a66
 SHA512:
-  metadata.gz: 82c4198e24a5d9cc12aaefbf713c870a7250a46ee7d5b7a8edca6d16617d6d8d6772574fada749b638d61ab6b6158f107e897e358a6f84146b48ccf2da7b94a7
-  data.tar.gz: 81a8f0072979bfeb62d247240f4a258bc60f29cf247332b2a7b9334d918b0ec4793774240dc19edbb282a0f9c28992af6727005aba781a577663f9bf9f5d2893
+  metadata.gz: 63b76465c699918032cacfccc5a0dddd95ccfb3052528580747948bf47d84f3ac13ec0eda43a23bdc307936ab776670027e666150b07ab03759d7de0a3c8f50d
+  data.tar.gz: c074e52665ecb324967767c34def618217b978e66199cbcf9a64e71b9151212665d8a1f796c6a414a9ad454d0386c40a8a98417715bae884e65a2e2566b61f1c

data/README.md

@@ -2,7 +2,6 @@
 A modular CMS for Ruby on Rails 5.1.
 
 [![Code Climate](https://codeclimate.com/github/lacolonia/binda/badges/gpa.svg)](https://codeclimate.com/github/lacolonia/binda)
-[![Issue Count](https://codeclimate.com/github/lacolonia/binda/badges/issue_count.svg)](https://codeclimate.com/github/lacolonia/binda)
 [![Build Status](https://travis-ci.org/a-barbieri/binda.svg?branch=master)](https://travis-ci.org/lacolonia/binda)
 [![Test Coverage](https://api.codeclimate.com/v1/badges/5dc62774a6b8b63aa72b/test_coverage)](https://codeclimate.com/github/lacolonia/binda/test_coverage)
 [![Dependency Status](https://gemnasium.com/badges/github.com/lacolonia/binda.svg)](https://gemnasium.com/github.com/lacolonia/binda)
@@ -25,9 +24,10 @@ Let's say your website needs a set of pages with a subtitle. That's super easy.
 
 - create a "Page" _structure_
 - go to General Details of "Page" _structure_ (see the small pencil icon)
-- set a "Subtitle" _field-settings_ based both on a _String_ field type. 
+- set a "Description" _field-settings_ based both on a _String_ field type. 
+- set a "Featured Image" _field-settings_ based both on a _Image_ field type. 
 
-Done! Now you'll see the "Pages" tab in your menu which will contain all your pages.
+Done! Now you'll see the "Pages" tab in your menu which will contain all your pages and where you can set the description and the featured image.
 
 It's easier learning by doing than by reading. ;-)
 Watch the preview on [Binda's vimeo channel](https://vimeo.com/bindacms/010-preview)

data/app/assets/javascripts/binda/components/{form_item_choice.js → field_setting_choices.js}

@@ -5,11 +5,11 @@
 import { _FormItemEditor } from './form_item_editor'
 
 
-class FormItemChoice {
+class FieldSettingChoices {
 	
 	constructor()
 	{
-		this.target = '.form-item--choice'
+		this.target = '.field-setting-choices--choice'
 	}
 
 	isSet()
@@ -20,20 +20,20 @@ class FormItemChoice {
 
 	setEvents()
 	{
-		$(document).on('click', '.form-item--add-choice', addChoice )
+		$(document).on('click', '.field-setting-choices--add-choice', addChoice )
 		
-		$(document).on('click', '.form-item--delete-choice', deleteChoice )
-		$(document).on('click', '.form-item--js-delete-choice', function( event )
+		$(document).on('click', '.field-setting-choices--delete-choice', deleteChoice )
+		$(document).on('click', '.field-setting-choices--js-delete-choice', function( event )
 		{
 			event.preventDefault()
-			$( this ).closest('.form-item--choice').remove()
+			$( this ).closest('.field-setting-choices--choice').remove()
 			// Update form item editor size
 			_FormItemEditor.resize()
 		})
 	}
 }
 
-export let _FormItemChoice = new FormItemChoice()
+export let _FieldSettingChoices = new FieldSettingChoices()
 
 
 /**
@@ -44,10 +44,11 @@ function addChoice(event)
 {
 	event.preventDefault()
 	// Clone the new choice field
-	var choices = $( this ).closest('.form-item--choices')
-	var newchoice = choices.find('.form-item--new-choice')
-	var clone = newchoice.clone().removeClass('form-item--new-choice').toggle()
-	clone.find('.form-item--toggle-choice').toggle()
+	var choices_id = $( this ).data('choices-id')
+	var choices = $(`#${choices_id}`)
+	var newchoice = choices.find('.field-setting-choices--new-choice')
+	var clone = newchoice.clone().removeClass('field-setting-choices--new-choice').toggle()
+	clone.find('.field-setting-choices--toggle-choice').toggle()
 	// Append the clone right after
 	choices.prepend( clone )
 	// Update form item editor size
@@ -59,7 +60,7 @@ function deleteChoice( event )
 {
 	event.preventDefault()
 
-	var choice = $( this ).closest('.form-item--choice')
+	var choice = $( this ).closest('.field-setting-choices--choice')
 	var destination = $( this ).attr('href')
 	var self = this
 

data/app/assets/javascripts/binda/components/form_item_repeater.js

@@ -54,42 +54,46 @@ function addNewItem( event )
 		// the code contained between the two SPLIT comments
 		let parts = data.split('<!-- SPLIT -->')
 		let newRepeater = parts[1]
+		setupAndAppend( newRepeater, $list )
+	})
+}
 
-		// Append the item
-		$list.prepend( newRepeater )
-		let new_repeater_item = $list.find('.form-item--repeater').get(0)
+function setupAndAppend( newRepeater, $list )
+{
+	// Append the item
+	$list.prepend( newRepeater )
+	let new_repeater_item = $list.find('.form-item--repeater').get(0)
 
-		// Prepare animation
-		new_repeater_item.style.maxHeight = 0
+	// Prepare animation
+	new_repeater_item.style.maxHeight = 0
 
-		// Group fields if sotrable is enabled
-		if ( $list.hasClass('sortable--enabled') ) 
+	// Group fields if sotrable is enabled
+	if ( $list.hasClass('sortable--enabled') ) 
+	{
+		$(new_repeater_item).find('.form-item--repeater-fields').each(function()
 		{
-			$(new_repeater_item).find('.form-item--repeater-fields').each(function()
-			{
-				this.style.maxHeight = 0 + 'px'
-			})
-		}
-
-		// Setup TinyMCE for the newly created item
-		var textarea_editor_id = $list.find('textarea').last('textarea').attr('id')
-		tinyMCE.EditorManager.execCommand('mceAddEditor',true, textarea_editor_id);
-		
-		// Resize the editor (is it needed with the new configuration?)
-		// _FormItemEditor.resize()
-		
-		// Update select input for Select2 plugin
-		setupSelect2( $list.find('select') )
+			this.style.maxHeight = 0 + 'px'
+		})
+	}
 
-		// Refresh Sortable to update the added item with Sortable features
-		$list.sortable('refresh')
+	// Setup TinyMCE for the newly created item
+	var textarea_editor_id = $list.find('textarea').last('textarea').attr('id')
+	tinyMCE.EditorManager.execCommand('mceAddEditor',true, textarea_editor_id);
 	
-		// Run animation 50ms after previous style declaration (see above) otherwise animation doesn't get triggered
-		setTimeout( function()
-		{
-			new_repeater_item.style.maxHeight = new_repeater_item.scrollHeight + 'px' 
-		}, 50)
-	})
+	// Resize the editor (is it needed with the new configuration?)
+	// _FormItemEditor.resize()
+	
+	// Update select input for Select2 plugin
+	setupSelect2( $list.find('select') )
+
+	// Refresh Sortable to update the added item with Sortable features
+	$list.sortable('refresh')
+
+	// Run animation 50ms after previous style declaration (see above) otherwise animation doesn't get triggered
+	setTimeout( function()
+	{
+		new_repeater_item.style.maxHeight = new_repeater_item.scrollHeight + 'px' 
+	}, 50)
 }
 
 function deleteRepeter( event )

data/app/assets/javascripts/binda/components/login_form.js

@@ -19,8 +19,8 @@ class LoginForm {
     else { return false }
   }
 
-  setEvents () 
-  {
+	init()
+	{
   	this.$form = $('.login--form')
   	this.$questions = $('ol.login--questions > li')
   	this.questionsCount = this.$questions.length
@@ -30,13 +30,16 @@ class LoginForm {
   	this.$questions.first().addClass('login--current')
 		
 		//disable form autocomplete
-		this.$form.attr('autocomplete', 'off')
+		this.$form.attr('autocomplete', 'off')	
+		this.setEvents()
+	}
 
+  setEvents() 
+  {
 		let self = this
-	
 
 		// first input
-		let firstInput = this.$questions.get(this.current).querySelector( 'input, textarea, select' )
+		let firstInput = this.$questions.get(this.current).querySelector( 'input, textarea, select' )		
 
 		// focus
 		let onFocusStart = function() 
@@ -48,21 +51,21 @@ class LoginForm {
 		firstInput.addEventListener('focus', onFocusStart )
 
 		// show next question
-		this.$nextButton.on('click', function( event ) 
-		{
+		this.$nextButton.on('click', ( event )=>{
+
 			event.preventDefault()
-			self._nextQuestion()
+			this._nextQuestion()
 		} )
 
 		// pressing enter will jump to next question
-		this.$form.on('keydown', function( event ) 
-		{
+		this.$form.on('keydown', ( event )=>{
+
 			let keyCode = event.keyCode || event.which
 			// enter
 			if( keyCode === 13 ) 
 			{
 				event.preventDefault()
-				self._nextQuestion()
+				this._nextQuestion()
 			}
 		})
   }
@@ -70,10 +73,7 @@ class LoginForm {
   _nextQuestion() 
   {
 		// check if form is filled
-		if( this.current === this.questionsCount - 1 ) 
-		{
-			this.isFilled = true
-		}
+		if( this.current === this.questionsCount - 1 ) { this.isFilled = true }
 
   	// current question
 		let currentQuestion = this.$questions.get(this.current)

data/app/assets/javascripts/binda/components/sortable.js

@@ -49,26 +49,7 @@ export default function()
 
 	// Add event to any sortable toggle button
 	// TODO: make this event available to element which aren't standard form repeaters
-	$(document).on('click', '.standard-form--repeater .sortable--toggle', function( event )
-	{
-		event.preventDefault()
-		let id = '#' + $( this ).data('repeater-id')
-
-		if ( $( id ).hasClass('sortable--disabled') )
-		{ 
-			$( id ).sortable('enable')
-			$( id ).find('.form-item--repeater-fields').each(close)
-			$( id ).find('.form-item--collapsable').addClass('form-item--collapsed')
-		}
-		else
-		{ 
-			$( id ).sortable('disable')
-		}
-
-	 	$( id ).toggleClass('sortable--disabled')
-	 	$( id ).toggleClass('sortable--enabled')
-	 	$( this ).children('.sortable--toggle-text').toggle()
-	})
+	$(document).on('click', '.standard-form--repeater .sortable--toggle', toggleSortable)
 }
 
 
@@ -90,4 +71,25 @@ function close()
 function open()
 {
 	this.style.maxHeight = this.scrollHeight + "px";
+}
+
+function toggleSortable(event)
+{
+	event.preventDefault()
+	let id = '#' + $( this ).data('repeater-id')
+
+	if ( $( id ).hasClass('sortable--disabled') )
+	{ 
+		$( id ).sortable('enable')
+		$( id ).find('.form-item--repeater-fields').each(close)
+		$( id ).find('.form-item--collapsable').addClass('form-item--collapsed')
+	}
+	else
+	{ 
+		$( id ).sortable('disable')
+	}
+
+ 	$( id ).toggleClass('sortable--disabled')
+ 	$( id ).toggleClass('sortable--enabled')
+ 	$( this ).children('.sortable--toggle-text').toggle()
 }