JSFiddle - React, Tailwind, and code Playground

by adelura

JavaScript

function PhoneContainer(agrs) {
    var emulator = new Emulator(args.display),
        slider = new Slider(args.phones),
        mediator = new ApplicationEmulatorMediatior(args.application, emulator);
}

function Phone(display) {
}

/**
 * INIT
 *
 * chcemy mieć stronę na której mamy po lewej stronie telefon
 * i po prawej stronie telefon z jedną i ta samą aplikacją
 * w inicie tej strony robimy:
 */

var phones = [new Iphone(), new HtcDesire()],
    application = new Application(appData),
    phoneContainers = [
        new PhoneContainer({
            application: application,
            display: $('.display1'),
            slider: $('.slider1'),
            phones: phones
        }),
        new PhoneContainer({
            application: application,
            display: $('.display2'),
            slider: $('.slider2'),
            phones: phones
        })
    ];

/**
 * chcemy mieć stronę podglądu aplikacji
 * w inicie tej strony robimy:
 */
 var phones = [new Iphone(), new HtcDesire()],
    application = new Application(appData),
    phoneContainer = new PhoneContainer({
        application: application,
        display: $('.display1'),
        slider: $('.slider1'),
        phones: phones
    });

/**
 * chcemy mieć stronę z edytorem aplikacji
 */
 var phones = [new Iphone(), new HtcDesire()],
    application = new Application(appData),
    phoneContainer = new PhoneContainer({
        application: application,
        display: $('.display1'),
        slider: $('.slider1'),
        phones: phones
    }),
    emulator = phoneContainer.getEmulator();