soluciones tema3

Author: kanedaki

tema3/soluciones/i18n.js

@@ -0,0 +1,32 @@
+var I18n = (function() {
+  var locales = {},
+      instancia;
+
+  var I18n = Class.extend({
+    init: function(locale) {
+      this.locale = locale;
+    },
+    translate: function(path) {
+      var position = locales[this.locale],
+        path = path.split('.'),
+        currentPath;
+      while (currentPath = path.shift()) {
+        position = position[currentPath];
+      }
+      return position;
+    }
+  });
+
+  I18n.addTranslation = function(locale, dict) {
+    locales[locale] = dict;
+  };
+
+  I18n.withCurrentLocale = function() {
+    if (!instancia) {
+      instancia = new this(Config.locale);
+    }
+    return instancia;
+  };
+
+  return I18n;
+}());

tema3/soluciones/i18n_skeleton.js

@@ -0,0 +1,28 @@
+var I18n = (function() {
+  // ???
+
+  var I18n = Class.extend({
+    init: function(locale) {
+      // ???
+    },
+    translate: function(path) {
+      var position = locales[this.locale],
+        path = path.split('.'),
+        currentPath;
+      while (currentPath = path.shift()) {
+        position = position[currentPath];
+      }
+      return position;
+    }
+  });
+
+  I18n.addTranslation = function(locale, dict) {
+    // ???
+  };
+
+  I18n.withCurrentLocale = function() {
+    // ???
+  };
+
+  return I18n;
+}());

tema3/soluciones/intermedio_observable.js

@@ -0,0 +1,72 @@
+var Observable = {
+  mixed: function(klass) {
+    var klass_init = klass.prototype.init;
+    klass.prototype.init = function() {
+      this._subscribers = {};
+      return klass_init.apply(this, arguments);
+    };
+  },
+  subscribe: function(event, callback) {
+    this._subscribers[event] || (this._subscribers[event] = []);
+    this._subscribers[event].push(callback);
+  },
+  unsubscribe: function(event, callback) {
+    var subs = this._subscribers[event];
+    if (!subs) { return; }
+    for (var i=0; i<subs.length; i++) {
+      if (subs[i] === callback) {
+        subs.splice(i, 1);
+        break;
+      }
+    }
+  },
+  publish: function(event) {
+    var args = [].slice.call(arguments, 1),
+        subscribers = this._subscribers[event];
+    if (subscribers) {
+      subscribers.forEach(function(sub){ sub.apply({}, args); });
+    }
+  }
+};
+
+var Input = Class.extend({
+  init: function(value) {
+    this.value = value;
+  },
+  getValue: function() {
+    return this.value;
+  },
+  setValue: function(value) {
+    if (this.validate(value)) {
+      this.value = value;
+      this.publish('change', value);
+    } else {
+      this.publish('invalid', value);
+    }
+  },
+  validate: function(value) {
+    return (/^\S+$/).test(value);
+  }
+});
+
+Input.mixin(Observable);
+
+InputView = Class.extend({
+  init: function(input) {
+    this.input = input;
+    this.input.subscribe('change', bind(this, this.update));
+    this.input.subscribe('invalid', bind(this, this.invalid));
+  },
+  update: function(newValue) {
+    console.log("CHANGED: " + newValue);
+  },
+  invalid: function(value) {
+    console.log("El valor: " + value + " no es válido!");
+  }
+});
+
+var input = new Input();
+var observer = new InputView(input);
+
+input.setValue("Despierta!");
+input.setValue("    ");

tema3/soluciones/intermedio_observable_skeleton.js

@@ -0,0 +1,55 @@
+var Observable = {
+  mixed: function(klass) {
+    // ???
+  },
+  subscribe: function(event, callback) {
+    // ???
+  },
+  unsubscribe: function(event, callback) {
+    // ???
+  },
+  publish: function(event) {
+    // ???
+};
+
+var Input = Class.extend({
+  init: function(value) {
+    this.value = value;
+  },
+  getValue: function() {
+    return this.value;
+  },
+  setValue: function(value) {
+    if (this.validate(value)) {
+      this.value = value;
+      this.publish('change', value);
+    } else {
+      this.publish('invalid', value);
+    }
+  },
+  validate: function(value) {
+    return (/^\S+$/).test(value);
+  }
+});
+
+Input.mixin(Observable);
+
+InputView = Class.extend({
+  init: function(input) {
+    this.input = input;
+    this.input.subscribe('change', bind(this, this.update));
+    this.input.subscribe('invalid', bind(this, this.invalid));
+  },
+  update: function(newValue) {
+    console.log("CHANGED: " + newValue);
+  },
+  invalid: function(value) {
+    console.log("El valor: " + value + " no es válido!");
+  }
+});
+
+var input = new Input();
+var observer = new InputView(input);
+
+input.setValue("Despierta!");
+input.setValue("    ");

tema3/soluciones/klass.js

@@ -54,4 +54,3 @@ var Class = (function(Class) {
 
   return Class;
 }(Class || function(){}));
-

tema3/soluciones/namespace.js

@@ -0,0 +1,12 @@
+var MiLib = (function(my) {
+  my.namespace = function(string, sandbox) {
+    var spaces = string.split('.'),
+        root = my,
+        space;
+    while (space = spaces.shift()) {
+      root = root[space] || (root[space] = {});
+    }
+    return sandbox(root);
+  };
+  return my;
+}(MiLib || {}));