Смысл в том что это не "круто"

Почему?

UI.js 0.4 практически готов
 

Это например модуль Menu он делает поведение меню, все дочерние элементы контейнера он принимает за пункты меню, за шаблон активного пункта меню принимает первый пункт. все просто... пока просто))

<link rel="stylesheet" href="http://football-forecasts.ru/style.css"/>
<script src="http://football-forecasts.ru/fix.js"></script>
<script src="http://football-forecasts.ru/ui.min.js"></script>

<style>
  .green{ background-color: green }
  .red{ background-color: red}
</style>


<script>
ui.module['Menu'] = function(module) {

  var $items = module.children();
  var $active = $items.eq(0);
  var activeClass = $items.eq(0).classMask($items.eq(1));

  $items.on('click', function() {
    $active.removeClass(activeClass);
    $active = this.addClass(activeClass);
  });

};
</script>


<nav ui="Menu" class="row Menu">
  <a class="__active">google</a>
  <a>yandex</a>
  <a>microsoft</a>
  <a>msn</a>
  <a>rambler</a>
  <a>yahoo</a>
</nav>


<ul ui="Menu" class="column Menu">
  <li class="green __active">Пункт 1</li>
  <li class="green">Пункт 2</li>
  <li class="green">Пункт 3</li>
  <li class="red">Пункт 4</li>
  <li class="green">Пункт 5</li>
</ul>

Скоро добавлю ваши любимые модельки и шаблоны)

недавно тебя вспоминал :) В лагерь на лето ездил что ли? )

мне 21 год какой лагерь

и кстати, в будущем модули будут подгружаться автоматически из моей базы данных на сайте)

тот самый :D

гхыыы :D

так это ж 0.4
до 1.0 еще далеко:)

нет) но дальit пойдет совместимойть,я примерно понял как она должна выглядить теперь пойду только нарасчивать.

Например кто привык работать с моделями, они могут сделать так.


ах да, теперь можно просто работать и просто изменяя массив и вызывая module.apply обсервер найдет изменения и перересует их )

но это подходит для динамических штук как сообщения чата например, а бывает, как в примере выше данные УЖЕ введены в html и их надо получить, и иногда работать с ними в jquery стиле не круто, и некотоым людям куда приятнее получить модель из этих html элементов и работать уже с ней.

ну вот можно запилить функцию типа




а так же вторым аргументом можно сувать типа шаблон того КАК заполнять модель, например делать массив типа

[{innerHTML:'',classNeme:''},{innerHTML:'',classNem e:''}]
и работать уже с такой моделью ну короче хуй знат можно придумать уже этим занимаюсь)

API (интерфейс) обычно становится стабильным на мажорной версии 1 и дальше с мажорными версиями немного меняется, сохраняя совместимость

а какое тут API? документации нет... собстно, как и домашней страницы библиотеки

чо правда)?: а я думал это я придумал)

дайте мне еще немного времени)


ui="Модуль" ui="Модуль-виджет"

Вообщзе-то уже ничего давно не плавает... и с html я давно определился ...

но у меня маленький монитор с большим разрешением как у эпл) ну учту ок

Дзен-трансгуманист,
аа стой ты не понял, вот эта вот херня что за шаблон берется первый пункт и.т.п. это все просто ПРИДУМАЛ ЧЕЛОЕВК СОЗДАВАВШИЙ МОДУЛЬ блять)) это просто то что позволяет движок и все)) то есть как видишь модуль создан на стороне пользователя, по этому я его и показал, движок это просто

ui="Модуль"
ui="Модуль Модуль2" - 2 модуля на одном элементе
ui="Модуль-виджет"
ui="Модуль2 Модуль-виджет" - это и модуль и виджет какого-то модуля одновременно
ui="Модуль{ ДругойМодуль }" - подписываемся на все сообщения другого модуля
ui="Модуль{ ДругойМодуль сокет1 сокет2 }" - подписываемся только на сообщения по этим сокетам
ui="Модуль{ ДругойМодуль сокет1 сокет2, СовсемДругойМодуль сокет 1 }" - подписываемся на несколько модулей


Если ни один сокет не указан то подписываемся на все сокеты но разумеется обрабатываем только нужные нам) сокеты между модулями это как розетки по которым они обмениваются сообщениями) я позже покажу как это) Сокеты можно как слушать так и передавать в них что-то.

а я уже сделал страничку для своей платформы анимации ))

правда API поменялся, как и сам механизм и философия библиотеки вообще, я вообще пока не занимаюсь ничем во время сессии , ну да пох )

http://colch.github.io/melAnim/

как только освобожусь из под гнета сессии, первым делом займусь опенсоурс проектом ребят с форума (привет команде!), а потом переделаю фреймворк и документацию

между делом, пьяный мозг твердит, что у страничек на github огромный потенциал!

это которая если есть использует css а если нет то эмулиирует?

да) потому что я пока не дал ему моделей и прочих штук) пока это просто jquery с модулями

и раз уж о jquery стайле заговорили, давно хотел это сделать =)



ну слоев тут вроде как нет пока хотя задумывалось как аналог CSS только с "поведением" а не с оформлением, а там есть слои и прочее. тут пока нет слоев, то есть сделать то можно тока будет путаница ну пока хз.

иногда хочется создать что-то вроде мини модулей... ну или типа того тоже думаю над этим, ну или слои создать.
или как-то виджеты сделать чем-то большим короче думаю.

блин пасоны мне нравится эта штука)) подключил либу, создал папочку с модулями, и все само работает.

можно заниматься сайтом а не архитектурой сайта


даже щас это уже приятно

Вроде не вижу ничего плохого том чтобы слушать события дочерних сущностей.

И тебе привет :)

кстати, по сути движок это не ограничивает, ни что не мешает захуярить один модуль в другой и сделать его виджетом самого себя, или сделать виджет вообще родителем (по DOM) модуля (айдишники однако тащат)

<div ui="Menu Menu-item"></div> сам себе и модуль и виджет модуля)

<div ui="Menu#id-item">
  <div ui="Meni#id"></div>
</div>

я сделал это для того потому что не знал вообще что делаю) чтобы потом гибкость была

По сути эти штуки просто маркеры того что чем будет, и все. логика применяется игнорируя почти разметку, то ест не должно быть зависимости от разметки, ну разве что иногда в случае меню например) . (надо это учитывать когда модули пилить будешь)

такая хунта позволяет пихать модули в модули, обьявить в одном диве все модули, а ниже только виджеты к ним по айдишнику подцеплять короче извращаться позволяет

путаю, а что? я не знаю как назвать, придумай название?

у меня так и есть, выходит что не путаю

модуль это когда система состоит из кусочков взаимозаменяемых и один такой кусочек модуль.

ну вот, юзеринтерфейс состоит из модулей) нельзя создать модуль который ни чо нерисует)
(ну это пока нельзя потому что это ui часть)


кстати а с сервером можно общаться типа того)) api задаешь такой и все



или если передать в ui.api констурктор то он сконструирует обьект api ) ну вы поняли

Пасоны просьба, я не совсем представляю как привязать модель к шаблону.

Например я хочу работать с моделью меню так

this.items = ['пункт 1','пункт 2','пункт 3','пункт 4'];
this.active = 2; // индекс активного пункта

чтобы я просто менял this.active а он применял класс к этому пункту меню. как должен выглядить шаблон этого во всяких ангулярах там и.т.п. подскажите кто знает

так штоле?

а все придумал))) все проще))



п.с. класс __active мы получаем уже известным выше способом

переменная active хранится в замыкании и мы можем при module.apply отслеживать её изменения и.т.п. короче это не суть суть в том что я понял что так куда круче описывать шаблоны чем засирать html

это if обсервер =) а функция применяется для каждого элемента в наборе (сам модуль тоже наследует от набора, применяется к контейнеру на который помешан модуль)

ну чо норм тема с модельками?

Пишешь так



в коде пишешь так


И этот конструктор примерится к этому диву где ты можешь сделать с дивом разные вещи.

Например так:

<script src="http://football-forecasts.ru/fix.js"></script>
<script src="http://football-forecasts.ru/ui.min.js"></script>

<script>
ui.module['Menu'] = function(module) {

  module.on('click', function() {
    alert('я див')
  })

};
</script>
 
<div ui="Menu">menu</div>

функция которая кладется в ui.module применяется как конструктор к каждому найденому модулю)


Menu это модуль, внутрь модулей можно помещать виджеты, виджеты пишутся через черточку, а вначале имя модуля к которому они относятся:




В коде они доступны так:


все просто

в идеале тебе вообще ничего не нужно получать, система должна состоять из отдельно живущих модулей и самодостаточных без внешнего воздействия) НО, на всякий случай я оставил это:

Модулям можно давать айдишники, айдишники уникальны для всех типов модулей. Айдишники пишутся через решетку после обьявления модуля

<script>
ui.module['Menu'] = function(module) {

  this.say = function(){ alert('say') };

};
</script>


<div ui="Menu#myMenu"></div>


<script>
  ui.myMenu.say() //тут наш инстанс лежит по айдишнику
</script>

щас, отличная идея) ни разу не сталкивался с потребностью в шаблонах. ща попробуем сделать.

Ну короче ГРУБО говоря, это задумывалось делать как есть глобальный модуль Template и шаблон описывается как его "виджет".




Потом юзером создается модуль InputDate который подписывается на все сокеты модуля Template но слушает только нужный, одноименный.

Внутри же мы слушаем как модуль шаблонов после инициализации начнет рассылать всем подписчикам копии шаблона (а сам шаблон из разметки удалит разумеется).





Но тут надо продумать как красиво сделать чтобы можно было например применять разные шаблоны датавводителей и.т.п. а не только одноименные.

А да, у виджетов на этот случай есть второй уровень этим мы дадим знать что на что нацеплять и какие обработчики на что вешать)))

п.с. модуль Template глобальный и встроенный его обьявлять не нужно) он висит на уровне боди

но это все на текущем движке, так то можно придумать для шаблонов чо нить поудобнее.

да и мне кажется неправославно как-то для такой важной штуки использовать модули не по назначению.да и хранить шаблоны в разметке тож не круто) лучше в отдельных файлах. имхо. надо будет подумать над этим) и ты только что придумал версию 0.6

вы же говорили што это ЗЛО БЛЯТЬ!!" а я поверил и убрал параметры!! пздц

ну я не собираюсь это делать целенаправленно так как я через 2 дна устраиваюсь на работу и доделываю свой другой сайт, ну а так спс за цель простого примера. ну ок\ Да и щас есть ващи поважнее например сокеты реализовать) и методы добавить разные.


вопрос, как скзаать-то, шаблон и дизайн этой штуки кто им должен заниматься?
он должен находиться в отдельном файле или нет? и.т.п. Как это у обычных людей организовано?

ты заставил меня сделать это ;(;(;((;(;(я так не хотел вводить что-то кроме ui

видишь ли в чем дело, модули будут автоматически подгружаться с моего сервера если не найдены локально. А это означает что они должны быть универсальны чтобы на зеленом сайте не появлялся синий модуль календаря. А это значит что у модулей не должно быть привязки к стилям. Но оформление у модулей должно быть, как это сделать? как привязывать логику в html я придумал а как привязывать стили пользователя к модулям?

с CDN, ты хотел сказать?

самый лучший юнит тест для любого проекта :)

ладно вы правы...прост мне все страшно что вдруг получится ангуляр. вот уже и шаблоны появляются(( и директива вторая... но с другой стороны нет смысла тупо стараться НЕ БЫТЬ похожим на ангуляр. Нужно понапиздить во со всех все хорошее и добавить своего хорошего.

Чудо функция Class
 

http://habrahabr.ru/post/132698/#comment_4404597

у меня баттхерд (((((

Эврика !!!!
Не только ты умеешь функцию Class писать, жизнь млять кончена :D
Тебе эту ccылку раз 10 давали по моему, когда ты свои классы пиарил :)

В следующий раз когда покажется что ты очень крут читай это

Чувак всерьез думал, что он умный и избранный, написав функцию???
ППц...