JS шаблон абстрактная фабрика

abstract_factory.js

function BluePopup () {
  //создание всплывающего окна
}
 
BluePopup.prototype.attach = function (elemens) {
  //присоединение других ui-элементов к окну
}
 
BluePopupFactory.register('popup', BluePopup);
 
function BluePopupButton () {
  //создание кнопки для синего всплывающего окна
}
 
BluePopupButton.prototype.setText = function (text) {
  //установка текста на кнопке
}
 
BluePopupFactory.register('button', BluePopupButton);
 
function BluePopupTitle () {
  //создание заголовка для синего окна
}
 
BluePopupTitle.prototype.setText = function (text) {
  //установка текста заголовка
}
 
BluePopupFactory.register('title', BluePopupTitle);
 
 
function UI () {
  //класс, отвечающий за ui-элементы
}
UI.createPopup = function (factory) {
  var popup = factory.create('popup'),
      buttonOk = factory.create('button'),
      buttonCancel = factory.create('button'),
      title = factory.create('title');
 
  buttonOk.setText('OK');
  buttonCancel.setText('Cancel');
 
  title.setText('Untitled');
 
  popup.attach([buttonOk, buttonCancel, title]);
}