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.
191 lines
9.3 KiB
191 lines
9.3 KiB
<!DOCTYPE html>
|
|
|
|
<% uiElements = @getCollection("documents").findAllLive({type: $in: ['UI Element']},[{title: 1}]).toJSON() %>
|
|
<% uiCollections = @getCollection("documents").findAllLive({type: $in: ['UI Collection']},[{title: 1}]).toJSON() %>
|
|
<% uiViews = @getCollection("documents").findAllLive({type: $in: ['UI View']},[{title: 1}]).toJSON() %>
|
|
<% uiModules = @getCollection("documents").findAllLive({type: $in: ['UI Module']},[{title: 1}]).toJSON() %>
|
|
<% uiBehavior = @getCollection("documents").findAllLive({type: $in: ['UI Behavior']},[{title: 1}]).toJSON() %>
|
|
<% uiSpecification = @getCollection("documents").findAllLive({type: $in: ['UI Specification']},[{title: 1}]).toJSON() %>
|
|
<% currentCollection = @getCollection("documents").findAllLive({type: $in: [@document.type]},[{title: 1}]).toJSON() %>
|
|
<% pageCount = @pageCount(currentCollection) %>
|
|
<% pageNumber = @getPage(currentCollection, @document.id) %>
|
|
<% pageCollection = @getPageCollection(currentCollection, @document.id) %>
|
|
<head>
|
|
|
|
<!-- Standard Meta -->
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
|
|
<!-- Site Properities -->
|
|
<%- @getBlock('meta').toHTML() %>
|
|
<title><%= @getPreparedTitle() %></title>
|
|
|
|
<meta name="description" content="<%= @getPreparedDescription() %>" />
|
|
<meta name="keywords" content="<%= @getPreparedKeywords() %>" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="/stylesheets/reset.css">
|
|
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/button.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/divider.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/header.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/icons.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/input.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/label.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/progress.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/segment.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/step.css">
|
|
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/collections/form.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/collections/grid.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/collections/menu.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/collections/message.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/collections/table.css">
|
|
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/comment.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/feed.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/items.css">
|
|
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/dropdown.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/popup.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/shape.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/checkbox.css">
|
|
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/dimmer.css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="/stylesheets/library/sidr.css">
|
|
<link rel="stylesheet" type="text/css" href="/stylesheets/semantic.css">
|
|
|
|
<%- @getBlock('scripts').toHTML() %>
|
|
|
|
<script src="/javascript/library/jquery.js"></script>
|
|
<script src="/javascript/library/easing.js"></script>
|
|
<script src="/javascript/library/ace/ace.js"></script>
|
|
<script src="/javascript/library/sidr.js"></script>
|
|
<script src="/javascript/library/waypoints.js"></script>
|
|
|
|
<script src="/components/semantic/modules/behavior/state.js"></script>
|
|
<script src="/components/semantic/modules/checkbox.js"></script>
|
|
<script src="/components/semantic/modules/popup.js"></script>
|
|
|
|
<script src="/javascript/semantic.js"></script>
|
|
|
|
</head>
|
|
<body id="example" class="<%= @document.css %>">
|
|
<div class="ui large vertical inverted labeled icon menu" id="menu">
|
|
<div class="item"><a href="/playground.html"><i class="inverted red circular lab icon"></i> <b>Playground</b></a></div>
|
|
<div class="item"><a href="/download.html"><i class="inverted circular upload icon"></i> <b>Download</b></a></div>
|
|
<div class="item">
|
|
<a href="/element.html"><b>Elements</b></a>
|
|
<div class="menu">
|
|
<% for element in uiElements: %>
|
|
<a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a href="/collection.html"><b>Collections</b></a>
|
|
<div class="menu">
|
|
<% for element in uiCollections: %>
|
|
<a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a href="/module.html"><b>Modules</b></a>
|
|
<div class="menu">
|
|
<% for element in uiModules: %>
|
|
<a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a href="/module.html"><b>Behavior</b></a>
|
|
<div class="menu">
|
|
<% for element in uiBehavior: %>
|
|
<a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a href="/view.html"><b>Views</b></a>
|
|
<div class="menu">
|
|
<% for element in uiViews: %>
|
|
<a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a href="/specification.html"><b>Specification</b></a>
|
|
<div class="menu">
|
|
<% for element in uiSpecification: %>
|
|
<a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ui fixed transparent inverted main menu">
|
|
<div class="container">
|
|
<a class="sidebar item"><i class="icon list layout"></i> Contents</a>
|
|
<div class="title item">
|
|
<b><%= @document.type %>:</b> <%= @document.title %>
|
|
</div>
|
|
<div class="icon previous link<%= if pageNumber is 1 then " disabled" %> item">
|
|
<% if pageNumber > 1 and currentCollection[pageNumber - 2]?: %>
|
|
<a href="<%= currentCollection[pageNumber - 2].url %>"><i class="left arrow icon"></i></a>
|
|
<% else: %>
|
|
<i class="left arrow icon"></i>
|
|
<% end %>
|
|
</div>
|
|
<div class="section ui simple dropdown item">
|
|
<span class="count"><%= "#{pageNumber} of #{pageCount}" %></span>
|
|
<div class="menu">
|
|
<% for element, index in currentCollection: %>
|
|
<div class="<%= if element.id is @document.id then 'active ' %>item">
|
|
<a href="<%= element.url %>"><%= (index+1) %>. <%= element.title %></a>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div class="icon next <%= if pageNumber is pageCount then "disabled " %>link item">
|
|
<% if pageNumber isnt pageCount and currentCollection[pageNumber]?: %>
|
|
<a href="<%= currentCollection[pageNumber].url %>"><i class="right arrow icon"></i></a>
|
|
<% else: %>
|
|
<i class="right arrow icon"></i>
|
|
<% end %>
|
|
</div>
|
|
<div class="right menu">
|
|
<% if @document.type is 'UI Element' or @document.type is 'UI View' or @document.type is 'UI Collection' or @document.type is 'UI Module': %>
|
|
<a class="popup designer icon item" title="Designer Mode">
|
|
<i class="icon paint"></i>
|
|
</a>
|
|
<a class="popup developer icon item" title="Developer Mode">
|
|
<i class="icon terminal"></i>
|
|
</a>
|
|
<% end %>
|
|
<a class="popup icon item" title="View project on Github" href="https://github.com/quirkyinc/semantic">
|
|
<i class="icon github"></i>
|
|
</a>
|
|
<!--
|
|
<div class="ui simple dropdown item">
|
|
<i class="icon tint"></i> Theme
|
|
<div class="theme menu">
|
|
<div class="active item" data-theme="flat">Flat</div>
|
|
<div class="item" data-theme="shaded">Shaded</div>
|
|
<div class="item" data-theme="classic">Classic</div>
|
|
</div>
|
|
</div>
|
|
!-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% if @document.title isnt 'Introduction': %>
|
|
<div class="ui black huge sidebar right attached button">
|
|
<i class="icon list layout"></i>
|
|
<span class="text">Menu</span>
|
|
</div>
|
|
<% end %>
|
|
<%- @content %>
|
|
</body>
|
|
|
|
</html>
|