'use strict';

var $, constantsBuilder, constants;

$ = require('jQuery'); // for finding and building elements
constantsBuilder = require('constants'); // constants library

constants = constantsBuilder.buildConstantsObject();

// This defines the IDS that are going to be used
constants.ids.$add({
  listCreateName: 'listCreateName',
  listCreateDescription: 'listCreateDescription',
});

// Define the custom Classes we want to add
constants.classes.$add({
  buttonPrimary: 'button-primary',
  inputLabel: 'input-label',
});

// defining custom events
constants.events.$add({
  nameChange: 'change:name',
  typeChange: 'change:type',
  descriptionChange: 'change:description'
});

// defining custom attributes, the base attributes for HTML should already exist.
constants.attributes.$add({
  attributeId: 'attrid'
});

// defining localization values that we will be using
constants.localizations.$add({
  description: 'DESCRIPTION',
  detailListTypeStandard: 'DETAIL_LIST_TYPE_STANDARD',
});

// Here, we define what helper methods to call, this section helps to utilize
// existing libraries in use with our constants to help cut down on copy-pasta and
// long lines of code.

// this defines the localizations.getLocalizedValue() method.
// example call: constants.localizations.description.getLocalizedValue();
constants.localizations.$setGetLocalizedValueFunction(function(localizationValue){
  return globalize.getLocalizedValue(localizationValue); // Make a call to some function that returns our localized value
});

// this defines the HTML element building function, here we are using JQuery, but any
// library can be used, what gets passed in is the HTML for the element.
// example call:
// var divEl = constants.tags.div.buildElement();
constants.tags.$setElementBuilderFunction(function(elementHtml){
  return $(elementHtml);
});

// this defines the findElements function for constants.classes. this function should return
// all instances of the class.
// to be used (so, if the class was 'input-label', you would get passed '.input-label')
// example call:
// var inputLabel = constants.classes.inputLabel.findElements();
constants.classes.$setFindElementsFunction(function(selector){
  return $(selector);
});

// this defines the findElements function for constants.ids. this function should return
// all instances of the ID.
// to be used (so, if the ID was 'listCreateName', you would get passed '#listCreateName')
// example call:
// var listCreateNameEl = constants.IDS.listCreateName.findElements();
constants.ids.$setFindElementsFunction(function(selector){
  return $(selector);
});

module.exports = { constants: constants };

  'use strict';

  var listConstants, CLASSES, IDS, TAGS, LOCALS, EVENTS, ATTRIBUTES;

  listConstants = require('./listConstants');

  CLASSES = listConstants.classes;
  ATTRIBUTES = listConstants.attributes;
  IDS = listConstants.ids;
  TAGS = listConstants.tags;
  LOCALS = listConstants.localizations;
  EVENTS = listConstants.events;

  //classes examples:
  var className = CLASSES.inputLabel.name; // 'input-label'
  var classSelector = CLASSES.inputLabel.selector // '.input-label'
  var classEl = CLASSES.inputLabel.findElements(); // should return all instances if findElements is defined for classes in the constants file correctly.

  // ids examples
  var idName = IDS.listCreateName.name; // 'listCreateName'
  var idSelector = IDS.listCreateName.selector // '#listCreateName'
  var idEl = IDS.listCreateName.findElements(); // should return all instances if findElements is defined for classes in the constants file correctly.

  // Localizations examples
  var localizationName = LOCALS.description.name; // return "DESCRIPTION", as defined in the listConstants.js
  var localizationText = LOCALS.description.getLocalizedValue(); // returns what the localization function would return if "DESCRIPTION" was passed into it.

  // Attributes examples
  var attributeName = ATTRIBUTES.attributeId; // returns 'attrId'

  // Events examples
  var eventName = EVENTS.click; // this wasn't defined in listConstants, but is a common browser event and already defined. returns 'click';

  // HTML Tag examples:
  var divName = TAGS.div.name; // returns 'div'
  var divHtml = TAGS.div.html; // returns '<div />'
  var divEl = TAGS.div.buildElement(); // returns a new div Element if correctly defined in listConstants.js