Унылого треша тред

[iKillMaxmaxmaximus]

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

<script src="http://yourjavascript.com/3017238062/fix.js"></script>
<script src="http://yourjavascript.com/77261820331/ui.js"></script>

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

  $('item').model('state', false).toggle('state');

};
</script>



<ul ui-template="Chat">
  <h4>из шаблона</h4>
  <li ui="Chat-item">рас {{state}}</li>
</ul>


<div ui="Chat">
  <h4>обычный</h4>
    <button ui="Chat-item">рас {{state}}</button>
</div>



<ui>Chat</ui>
<ui>Chat</ui>

Можно еще чо то типа того сделать, типа виды шаблонов



ну или какие нить параметры захерачить

[DjDiablo]

Хоть что-то.

1)Тебе нужно определится где ты будешь хранить шаблон. В index.html он на фик обычно не нужен. В extjs или angular его прям в скриптах хранят. В WebComponents шаблон, стиль и код компонента хранятся в отдельном html файле.

2)Как планируешь вот такую заморочку реализовывать.

<tabs>
  <tab caption="первая вкладка"> содержимое </tab>
  <tab caption="вторая вкладка"> содержимое</tab>
  <tab caption="третья вкладка"> содержимое </tab>
  <tab caption="четвёртая вкладка"> содержимое </tab>
</tabs>

[iKillMaxmaxmaximus]

2)Как планируешь вот такую заморочку реализовывать.

1) разумеется хранить в html нельзя это тупо, так как если например в шаблоне картинка src="{{src}}" то он начнет подгружаться сразу же, и будет куча ошибок. я вот думаю как шаблоны подгружать по вызову автоматически и.т.п. то есть ровно как и логику подгружать при использовании так и разметку подгружать при использовании. Щас думаю как это сделать, чтобы можно было настраивать пути, локальные или удаленные, импорты и.т.п.


2) лол как раз это делал разными способами) ща покажу как)

[iKillMaxmaxmaximus]

2)Как планируешь вот такую заморочку реализовывать.

так стоп погоди, ты имеешь ввиду именно новые html элементы или что?
или просто модуль вкладок?

[DjDiablo]

<ui>tabs</ui>

непохоже на

<tabs>
   <tab></tab>
</tabs>

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

UPD: Хотя наверное можно так.

<ul ui="Tabs">
    <li caption="заголовок"> содержимое</li>
</ul>

[iKillMaxmaxmaximus]

непонятно как вкладки с содержимым описывать.

пока, вот так:




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

[iKillMaxmaxmaximus]

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

<tabs>
<tab></tab>
<tabs>

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




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

А кастомные элементы будут оч высокоуровневы как красивая обертка на модули, не?

[iKillMaxmaxmaximus]

tabs и tab - кастомные элементы
короч суть такова, щас я их добавлю)
суть такова

ищутся кастомные элементы, потом на их основе генерируется шаблон и заполняется данными, потом этот шаблон подставляется на место кастомных элементов.

а потом это все хавает парсер как обычный модуль) не?

то есть некая обертка на вызов шаблона)

то есть ВОТ ЭТО ВОТ подставится сюда с уже заполненными данными:



а потом по этому пройдется обычный парсер

а как именно данными заполнять шаблон будем описывать в ui.element['']

норм идея? ^__^

[iKillMaxmaxmaximus]

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

лол тогда и не надо вот это вот писать

<ui>Chat</ui>

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

<chat smiles="true"></chat>

годно?

[DjDiablo]

Я хз если честно
В WebComponents придётся распарсить сначало содержимое кастомного элемента. Затем полученную инфу вставить в шаблон. Делать это ручками придётся.