You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
2.9 KiB
68 lines
2.9 KiB
<% @tabs = { definition: 'Definition', examples: 'Examples', usage: 'Usage', settings: 'Settings' } if @tabs == 'module' %>
|
|
<% @tabs = { overview: 'Overview', usage: 'Usage', examples: 'Examples', settings: 'Settings' } if @tabs == 'behavior' %>
|
|
<div class="<% if @tabs?: %>tab <% end %>segment">
|
|
<div class="container">
|
|
<div class="introduction">
|
|
|
|
<h1 class="ui header">
|
|
<%=@document.title %>
|
|
<% if @document.status?: %><span class="ui label"><%= @document.status %></span><% end %>
|
|
</h1>
|
|
|
|
<p><%=@document.description %></p>
|
|
<% if @document.type is 'UI Element' or @document.type is 'UI View' or @document.type is 'UI Collection': %>
|
|
<div class="ui divider"></div>
|
|
<div class="ui right floated basic labeled icon toggle overview button">
|
|
Definition Mode
|
|
<i class="book icon"></i>
|
|
</div>
|
|
<% end %>
|
|
<% if @document.type is 'UI Module': %>
|
|
<a href="/module.html" class="ui right floated basic labeled icon button">
|
|
Learn about Modules
|
|
<i class="help icon"></i>
|
|
</a>
|
|
<% end %>
|
|
<% if @document.themes?: %>
|
|
<div class="ui floating dropdown theme basic button" data-element="<%= @document.element %>" data-type="<%= @document.elementType %>">
|
|
<span class="text">Choose Theme</span>
|
|
<div class="menu ui transition hidden">
|
|
<% for id, name of @document.themes: %>
|
|
<div class="item" data-value="<%= name %>"><%= (name.charAt(0).toUpperCase() + name.slice(1)) %></div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<div class="ui secondary button">
|
|
Download
|
|
</div>
|
|
</div>
|
|
<div class="advertisement">
|
|
<% unless 'development' in @getEnvironments(): %>
|
|
<div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/51619/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
|
|
<% end %>
|
|
</div>
|
|
<% if @tabs?: %>
|
|
<% index = 0 %>
|
|
<% tabCount = 0 %>
|
|
<% numbers = ['zero', 'one', 'two', 'three', 'four', 'five', 'six'] %>
|
|
<% colors = ['red', 'teal', 'blue', 'purple', 'black', 'orange'] %>
|
|
<% for id, name of @tabs: %>
|
|
<% tabCount++ %>
|
|
<% end %>
|
|
<div class="<%= numbers[tabCount] %> item tabular ui menu">
|
|
<% for id, name of @tabs: %>
|
|
<a class="<%= if index == 0 then 'active ' %>item" data-tab="<%= id %>"><%= name %></a>
|
|
<% index++ %>
|
|
<% end %>
|
|
</div>
|
|
<% index = 0 %>
|
|
<div class="fluid vertical ui menu">
|
|
<% for id, name of @tabs: %>
|
|
<a class="<%= if index == 0 then 'active ' %>item" data-tab="<%= id %>"><%= name %></a>
|
|
<% index++ %>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|