Browse Source
Hey we got it all working again!
Hey we got it all working again!
Former-commit-id:pull/258/headf0e4c158b6Former-commit-id:2c20d7df72
Jack Lukic
12 years ago
174 changed files with 1 additions and 8473 deletions
Split View
Diff Options
-
389previous/button.html
-
1previous/fonts/icons.eot.REMOVED.git-id
-
1previous/fonts/icons.svg.REMOVED.git-id
-
1previous/fonts/icons.ttf.REMOVED.git-id
-
BINprevious/fonts/icons.woff
-
1previous/fonts/neutraface-bold.eot.REMOVED.git-id
-
1previous/fonts/neutraface-bold.otf.REMOVED.git-id
-
1previous/fonts/neutraface-bold.woff.REMOVED.git-id
-
1previous/fonts/neutraface-book.eot.REMOVED.git-id
-
1previous/fonts/neutraface-book.otf.REMOVED.git-id
-
1previous/fonts/neutraface-book.woff.REMOVED.git-id
-
1previous/fonts/neutraface-demi.otf.REMOVED.git-id
-
1previous/fonts/neutraface-italic.eot.REMOVED.git-id
-
1previous/fonts/neutraface-italic.woff.REMOVED.git-id
-
1previous/fonts/neutraface-light.otf.REMOVED.git-id
-
551previous/form.html
-
526previous/generated/docco.css
-
932previous/generated/multiple.html
-
BINprevious/generated/public/fonts/aller-bold.eot
-
1previous/generated/public/fonts/aller-bold.ttf.REMOVED.git-id
-
BINprevious/generated/public/fonts/aller-bold.woff
-
BINprevious/generated/public/fonts/aller-light.eot
-
1previous/generated/public/fonts/aller-light.ttf.REMOVED.git-id
-
BINprevious/generated/public/fonts/aller-light.woff
-
BINprevious/generated/public/fonts/novecento-bold.eot
-
1previous/generated/public/fonts/novecento-bold.ttf.REMOVED.git-id
-
BINprevious/generated/public/fonts/novecento-bold.woff
-
375previous/generated/public/stylesheets/normalize.css
-
BINprevious/images/bg.jpg
-
BINprevious/images/shape/heroku.png
-
BINprevious/images/shape/jira.png
-
BINprevious/images/shape/quirky.png
-
230previous/javascript/semantic.js
-
79previous/javascript/shape.js
-
23previous/javascript/table.js
-
333previous/label.html
-
1previous/library/ace/ace.js.REMOVED.git-id
-
1previous/library/ace/ext-elastic_tabstops_lite.js
-
1previous/library/ace/ext-emmet.js
-
1previous/library/ace/ext-searchbox.js
-
1previous/library/ace/ext-spellcheck.js
-
1previous/library/ace/ext-static_highlight.js
-
1previous/library/ace/ext-textarea.js
-
1previous/library/ace/ext-whitespace.js
-
1previous/library/ace/keybinding-emacs.js
-
1previous/library/ace/keybinding-vim.js
-
1previous/library/ace/mode-abap.js
-
1previous/library/ace/mode-asciidoc.js
-
1previous/library/ace/mode-c9search.js
-
1previous/library/ace/mode-c_cpp.js
-
1previous/library/ace/mode-clojure.js
-
1previous/library/ace/mode-coffee.js
-
1previous/library/ace/mode-coldfusion.js.REMOVED.git-id
-
1previous/library/ace/mode-csharp.js
-
1previous/library/ace/mode-css.js
-
1previous/library/ace/mode-curly.js.REMOVED.git-id
-
1previous/library/ace/mode-dart.js
-
1previous/library/ace/mode-diff.js
-
1previous/library/ace/mode-django.js.REMOVED.git-id
-
1previous/library/ace/mode-dot.js
-
1previous/library/ace/mode-ftl.js
-
1previous/library/ace/mode-glsl.js
-
1previous/library/ace/mode-golang.js
-
1previous/library/ace/mode-groovy.js
-
1previous/library/ace/mode-haml.js
-
1previous/library/ace/mode-haxe.js
-
1previous/library/ace/mode-html.js.REMOVED.git-id
-
1previous/library/ace/mode-jade.js.REMOVED.git-id
-
1previous/library/ace/mode-java.js
-
1previous/library/ace/mode-javascript.js
-
1previous/library/ace/mode-json.js
-
1previous/library/ace/mode-jsp.js
-
1previous/library/ace/mode-jsx.js
-
1previous/library/ace/mode-latex.js
-
1previous/library/ace/mode-less.js
-
1previous/library/ace/mode-liquid.js
-
1previous/library/ace/mode-lisp.js
-
1previous/library/ace/mode-livescript.js
-
1previous/library/ace/mode-logiql.js
-
1previous/library/ace/mode-lsl.js
-
1previous/library/ace/mode-lua.js
-
1previous/library/ace/mode-luapage.js.REMOVED.git-id
-
1previous/library/ace/mode-lucene.js
-
1previous/library/ace/mode-makefile.js
-
1previous/library/ace/mode-markdown.js.REMOVED.git-id
-
1previous/library/ace/mode-mushcode.js
-
1previous/library/ace/mode-mushcode_high_rules.js
-
1previous/library/ace/mode-objectivec.js.REMOVED.git-id
-
1previous/library/ace/mode-ocaml.js
-
1previous/library/ace/mode-pascal.js
-
1previous/library/ace/mode-perl.js
-
1previous/library/ace/mode-pgsql.js.REMOVED.git-id
-
1previous/library/ace/mode-php.js.REMOVED.git-id
-
1previous/library/ace/mode-powershell.js
-
1previous/library/ace/mode-python.js
-
1previous/library/ace/mode-r.js
-
1previous/library/ace/mode-rdoc.js
-
1previous/library/ace/mode-rhtml.js.REMOVED.git-id
-
1previous/library/ace/mode-ruby.js
-
1previous/library/ace/mode-sass.js
@ -1,389 +0,0 @@ |
|||
<!DOCTYPE HTML> |
|||
<html> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
|||
<title>UI Button - Semantic</title> |
|||
|
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/panel.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/button.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/text.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/form.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/icons.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/table.css" type="text/css" media="screen" /> |
|||
|
|||
<link rel="stylesheet" href="../src/ui/flat/menu.css" type="text/css" media="screen" /> |
|||
|
|||
<link rel="stylesheet" href="../src/modules/shape.css" type="text/css" media="screen" /> |
|||
|
|||
<link rel="stylesheet" href="library/sidr.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" href="stylesheets/example.css" type="text/css" media="screen" /> |
|||
|
|||
<script src="library/jquery.js" type="text/javascript"></script> |
|||
<script src="library/ace/ace.js" type="text/javascript"></script> |
|||
<script src="../src/modules/ui/shape.js" type="text/javascript"></script> |
|||
<script src="../src/modules/behavior/state.js" type="text/javascript"></script> |
|||
|
|||
<script src="library/sidr.js" type="text/javascript"></script> |
|||
<script src="library/waypoints.js" type="text/javascript"></script> |
|||
<script src="javascript/semantic.js" type="text/javascript"></script> |
|||
|
|||
</head> |
|||
|
|||
<body id="example"> |
|||
|
|||
<div class="ui large vertical menu" id="menu"> |
|||
<div class="menu"> |
|||
<div class="item"><a href="module.html"><b>Introduction</b></a></div> |
|||
<div class="item"><a href="download"><b>Download</b></a></div> |
|||
<div class="item"> |
|||
<a href="#"><b>UI Elements</b></a> |
|||
<div class="menu"> |
|||
<div class="active item"><a href="button.html">Button</a></div> |
|||
<div class="item"><a href="form.html">Forms</a></div> |
|||
<div class="item"><a href="table.html">Table</a></div> |
|||
<div class="item"><a href="steps.html">Steps</a></div> |
|||
<div class="item"><a href="progress.html">Progress</a></div> |
|||
<div class="item"><a href="text.html">Text Block</a></div> |
|||
<div class="item"><a href="header.html">Headers</a></div> |
|||
<div class="item"><a href="header.html">Segment</a></div> |
|||
<div class="item"><a href="column.html">Columns</a></div> |
|||
<div class="item"><a href="element.html">Elements (Grid System)</a></div> |
|||
<div class="item"><a href="tag.html">Tags</a></div> |
|||
<div class="item"><a href="item.html">Items (Lists of Content)</a></div> |
|||
<div class="item"><a href="panel.html">Panels (Type of Menu)</a></div> |
|||
<div class="item"><a href="icon.html">Icons</a></div> |
|||
<div class="item"><a href="divider.html">Dividers</a></div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<a href="#"><b>UI Views</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="form.html">Forms</a></div> |
|||
<div class="item"><a href="activity.html">Activity Feed</a></div> |
|||
<div class="item"><a href="list.html">Content List</a></div> |
|||
<div class="item"><a href="user-list.html">User List</a></div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<a href="#"><b>UI Modules</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="accordion.html">Accordion</a></div> |
|||
<div class="item"><a href="chatroom.html">Chat Room</a></div> |
|||
<div class="item"><a href="modal.html">Modal</a></div> |
|||
<div class="item"><a href="nag.html">Nag</a></div> |
|||
<div class="item"><a href="popup.html">Popup</a></div> |
|||
<div class="item"><a href="search.html">Search</a></div> |
|||
<div class="item"><a href="star.html">Star Rating</a></div> |
|||
<div class="item"><a href="tab.html">Tabs</a></div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<a href="#"><b>Behavioral Modules</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="api.html">API</a></div> |
|||
<div class="item"><a href="animation.html">Animation</a></div> |
|||
<div class="item"><a href="validate.html">Form Validation</a></div> |
|||
<div class="item"><a href="placeholder.html">Placeholder Text</a></div> |
|||
<div class="item"><a href="shape.html">Shape</a></div> |
|||
<div class="item"><a href="state.html">State</a></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="ui fixed transparent contrasting menu"> |
|||
<div class="container"> |
|||
<div class="title item"> |
|||
Semantic UI: Button |
|||
</div> |
|||
<div class="icon previous disabled item"> |
|||
<i class="icon left-open"></i> |
|||
</div> |
|||
<div class="section dropdown item"> |
|||
1 of 14 |
|||
<div class="menu"> |
|||
<a class="active item">1. Button</a> |
|||
<a href="form.html" class="item">2. Form</a> |
|||
<a class="item">3. Headers</a> |
|||
<a class="item">4. Columns</a> |
|||
<a class="item">5. Elements</a> |
|||
<a class="item">6. Tags</a> |
|||
<a class="item">7. Items</a> |
|||
<a class="item">8. Panels</a> |
|||
</div> |
|||
</div> |
|||
<div class="icon next link item"> |
|||
<a href="form.html"><i class="icon right-open"></i></a> |
|||
</div> |
|||
<div class="right menu"> |
|||
<a class="item" href="http://github.com/quirky/quirkyinc/semantic"> |
|||
<i class="icon cloud"></i> |
|||
</a> |
|||
<a class="item" href="http://github.com/quirky/quirkyinc/semantic"> |
|||
<i class="icon github"></i> |
|||
</a> |
|||
<div class="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> |
|||
|
|||
<div class="ui huge left attached vertical side buttons"> |
|||
<div class="ui large blue sidebar button">Menu</div> |
|||
</div> |
|||
<div class="segment"> |
|||
<div class="container"> |
|||
<h1>Button</h1> |
|||
<p>Buttons indicate a possible action a user may take.</p> |
|||
<p>Button variations are used to explain relationships between user actions and other elements, or to show emphasis.</p> |
|||
</div> |
|||
</div> |
|||
<div class="main container"> |
|||
|
|||
<div class="peek"> |
|||
<div class="ui vertical pointing link menu"> |
|||
<div class="active item">Standard</div> |
|||
<div class="item">States</div> |
|||
<div class="item">Variations</div> |
|||
<div class="item">Groups</div> |
|||
</div> |
|||
</div> |
|||
<h2>Standard</h2> |
|||
|
|||
<div class="example"> |
|||
<h4>Button:</h4> |
|||
<p>A standard button</p> |
|||
<div class="ui button">Button</div> |
|||
</div> |
|||
|
|||
<h2>States</h2> |
|||
|
|||
<div class="example"> |
|||
<h4>Hover</h4> |
|||
<p>Changes when a user moves their cursor over it</p> |
|||
<div class="ui hover button">Hovered Button</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Down</h4> |
|||
<p>Changes when pressed using touch or mouse events</p> |
|||
<div class="ui down button">Pressed Button</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Active</h4> |
|||
<p>Changes to show it is currently the selected user action</p> |
|||
<div class="ui active button">Active Button</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Disabled</h4> |
|||
<p>Changes to show it is currently unable to be interacted with</p> |
|||
<div class="ui disabled button">Disabled Button</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Loading</h4> |
|||
<p>Can show a loading indicator:</p> |
|||
<div class="ui loading button">Loading Button</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Success</h4> |
|||
<p>Can alert to a succesful action:</p> |
|||
<div class="ui success button">Successful Button</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Error</h4> |
|||
<p>Can alert user of an error:</p> |
|||
<div class="ui error button">Error</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>All together:</h4> |
|||
<div class="ui button">Normal</div> |
|||
<div class="ui button hover">Hover</div> |
|||
<div class="ui button down">Down</div> |
|||
<div class="ui button loading">Loading</div> |
|||
<br><br> |
|||
<div class="ui button disabled">Disabled</div> |
|||
<div class="ui button active">Active</div> |
|||
<div class="ui button active toggle">Toggled</div> |
|||
<div class="ui button error">Error</div> |
|||
<div class="ui button success">Success</div> |
|||
</div> |
|||
|
|||
<h2>Variations</h2> |
|||
|
|||
<div class="example"> |
|||
<h4>Sizes</h4> |
|||
<p>Can have different sizes:</p> |
|||
<div class="mini ui button"> |
|||
Mini |
|||
</div> |
|||
<div class="tiny ui button"> |
|||
Tiny |
|||
</div> |
|||
<div class="small ui button"> |
|||
Small |
|||
</div> |
|||
<div class="medium ui button"> |
|||
Medium |
|||
</div> |
|||
<div class="large ui button"> |
|||
Large |
|||
</div> |
|||
<div class="big ui button"> |
|||
Big |
|||
</div> |
|||
<div class="huge ui button"> |
|||
Huge |
|||
</div> |
|||
<div class="massive ui button"> |
|||
Massive |
|||
</div> |
|||
<div class="gigantic ui button"> |
|||
Gigantic |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="example"> |
|||
<h4>Colors</h4> |
|||
<p>Can have different colors:</p> |
|||
<div class="blue ui button">Blue Button</div> |
|||
<div class="purple ui button">Purple Button</div> |
|||
</div> |
|||
|
|||
<h4>Feedback</h4> |
|||
<div class="example"> |
|||
<p>Can be positive or negative:</p> |
|||
<div class="positive ui button">Positive Button</div> |
|||
<div class="negative ui button">Negative Button</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Fluid</h4> |
|||
<p>Can fit parent container:</p> |
|||
<div class="fluid ui button">Fits container</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Bubbly</h4> |
|||
<p>Can be bubbly:</p> |
|||
<div class="bubbly ui button">More bubbly</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Icon</h4> |
|||
<p>Can be formatted as an icon toolbar:</p> |
|||
<div class="massive icon ui button"> |
|||
<i class="icon cloud"></i> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Vertically Attached</h4> |
|||
<p>Can be attached to the top or bottom of other content</p> |
|||
<div class="ui top attached button">Top</div> |
|||
<div style="border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;background-color:#FFFFFF;height:200px;"></div> |
|||
<div class="ui bottom attached button">Bottom</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Horizontally Attached</h4> |
|||
<p>Can be attached to the left or right of other content</p> |
|||
<div class="ui left attached button">Left</div> |
|||
<div style="width: 200px; display: inline-block; background-color: rgb(255, 255, 255); vertical-align: middle; height: 34px; margin: 0px -4px; border-bottom: 2px solid rgb(221, 221, 221); border-top: 2px solid rgb(221, 221, 221);"></div> |
|||
<div class="ui right attached button">Right</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Form Attached</h4> |
|||
<p>Can be attached to an input field</p> |
|||
<div class="ui form"> |
|||
<input type="text" class="attached"> |
|||
<div class="ui attached button">Search</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<h2>Group</h2> |
|||
|
|||
<div class="example"> |
|||
<h4>Buttons</h4> |
|||
<p>Can exist together as groups</p> |
|||
<div class="ui buttons"> |
|||
<div class="ui button">One</div> |
|||
<div class="ui button">Two</div> |
|||
<div class="ui button">Three</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Conditionals</h4> |
|||
<p>Groups can be separated by conditionals</p> |
|||
<div class="ui buttons"> |
|||
<div class="ui button">Cancel</div> |
|||
<div class="or"></div> |
|||
<div class="ui positive button">Save</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<h3>Plural Variations</h3> |
|||
<p>Singular variations can be applied to groups to infer all elements share the same quality</p> |
|||
|
|||
<div class="example"> |
|||
<h4>Icon</h4> |
|||
<p>Groups can be formatted as icon toolbars</p> |
|||
<div class="ui icon buttons"> |
|||
<div class="ui button"><i class="icon pause"></i></div> |
|||
<div class="ui button"><i class="icon play"></i></div> |
|||
<div class="ui button"><i class="icon fast-fw"></i></div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Fluid</h4> |
|||
<p>Groups can be divided evenly to fit parent</p> |
|||
<div class="ui five fluid buttons"> |
|||
<div class="ui button">One</div> |
|||
<div class="ui button">Two</div> |
|||
<div class="ui button">Three</div> |
|||
<div class="ui button">Four</div> |
|||
<div class="ui button">Five</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Colors</h4> |
|||
<p>Groups can have a shared color</p> |
|||
<div class="blue ui buttons"> |
|||
<div class="ui button">One</div> |
|||
<div class="ui button">Two</div> |
|||
<div class="ui button">Three</div> |
|||
</div> |
|||
<div class="blue large icon ui buttons"> |
|||
</div> |
|||
|
|||
|
|||
<div class="example"></div> |
|||
<h4>Sizes</h4> |
|||
<p>Groups can have a shared size</p> |
|||
<div class="huge ui buttons"> |
|||
<div class="ui button">One</div> |
|||
<div class="ui button">Two</div> |
|||
<div class="ui button">Three</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1 +0,0 @@ |
|||
25066de069a62374b39f220581d1314fa60a5f45 |
|||
@ -1 +0,0 @@ |
|||
b9c54d022b2628b920f09afd4cb10d4dc0ce0d17 |
|||
@ -1 +0,0 @@ |
|||
318a2643d3af55fe51b472e7769b99caf74ff7b0 |
|||
@ -1 +0,0 @@ |
|||
bcbdac0112db03c61221dff30aac156ea17ca354 |
|||
@ -1 +0,0 @@ |
|||
a095aa8f6a54db7141b4605fd0bdb7af3f20a1d5 |
|||
@ -1 +0,0 @@ |
|||
e687f3b19d0e732fe65e366f41c9d1d9d1b20415 |
|||
@ -1 +0,0 @@ |
|||
c0bfe9091fe0c8eca2a07e2d357a756a098db8f6 |
|||
@ -1 +0,0 @@ |
|||
4e7ae56252713dd21979f725b872b745b5f1405d |
|||
@ -1 +0,0 @@ |
|||
1f706e3e82012131896883d58311eee778781216 |
|||
@ -1 +0,0 @@ |
|||
45683d0b7594aa05d78d89c45fc89a3f1be44ed7 |
|||
@ -1 +0,0 @@ |
|||
0ee2ef6c76e9f09e071889fb36b00a40e9b28c00 |
|||
@ -1 +0,0 @@ |
|||
a1edbbc12498e8e53c839a2668129d582d68dc47 |
|||
@ -1 +0,0 @@ |
|||
b1f286e072c69b5042008ad89cffe52793868fa9 |
|||
@ -1,551 +0,0 @@ |
|||
<!DOCTYPE HTML> |
|||
<html> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
|||
<title>UI Form - Semantic</title> |
|||
|
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/panel.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/button.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/text.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/form.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/divider.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/block.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/segment.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/checkbox.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/icons.css" type="text/css" media="screen" /> |
|||
|
|||
<link rel="stylesheet" href="../src/ui/flat/menu.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" href="../src/modules/ui/shape.css" type="text/css" media="screen" /> |
|||
|
|||
<link rel="stylesheet" href="library/sidr.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" href="stylesheets/example.css" type="text/css" media="screen" /> |
|||
|
|||
<script src="library/jquery.js" type="text/javascript"></script> |
|||
<script src="library/ace/ace.js" type="text/javascript"></script> |
|||
<script src="library/sidr.js" type="text/javascript"></script> |
|||
<script src="library/waypoints.js" type="text/javascript"></script> |
|||
<script src="javascript/semantic.js" type="text/javascript"></script> |
|||
|
|||
<script src="../src/modules/ui/shape.js" type="text/javascript"></script> |
|||
<script src="../src/modules/behavior/state.js" type="text/javascript"></script> |
|||
|
|||
</head> |
|||
|
|||
<body id="example"> |
|||
|
|||
<div class="ui large vertical menu" id="menu"> |
|||
<div class="menu"> |
|||
<div class="item"><a href="module.html"><b>Introduction</b></a></div> |
|||
<div class="item"><a href="download"><b>Download</b></a></div> |
|||
<div class="item"> |
|||
<a href="#"><b>UI Elements</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="button.html">Button</a></div> |
|||
<div class="active item"><a href="form.html">Forms</a></div> |
|||
<div class="item"><a href="table.html">Table</a></div> |
|||
<div class="item"><a href="steps.html">Steps</a></div> |
|||
<div class="item"><a href="progress.html">Progress</a></div> |
|||
<div class="item"><a href="text.html">Text Block</a></div> |
|||
<div class="item"><a href="header.html">Headers</a></div> |
|||
<div class="item"><a href="header.html">Segment</a></div> |
|||
<div class="item"><a href="column.html">Columns</a></div> |
|||
<div class="item"><a href="element.html">Elements (Grid System)</a></div> |
|||
<div class="item"><a href="tag.html">Tags</a></div> |
|||
<div class="item"><a href="item.html">Items (Lists of Content)</a></div> |
|||
<div class="item"><a href="panel.html">Panels (Type of Menu)</a></div> |
|||
<div class="item"><a href="icon.html">Icons</a></div> |
|||
<div class="item"><a href="divider.html">Dividers</a></div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<a href="#"><b>UI Views</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="form.html">Forms</a></div> |
|||
<div class="item"><a href="activity.html">Activity Feed</a></div> |
|||
<div class="item"><a href="list.html">Content List</a></div> |
|||
<div class="item"><a href="user-list.html">User List</a></div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<a href="#"><b>UI Modules</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="accordion.html">Accordion</a></div> |
|||
<div class="item"><a href="chatroom.html">Chat Room</a></div> |
|||
<div class="item"><a href="modal.html">Modal</a></div> |
|||
<div class="item"><a href="nag.html">Nag</a></div> |
|||
<div class="item"><a href="popup.html">Popup</a></div> |
|||
<div class="item"><a href="search.html">Search</a></div> |
|||
<div class="item"><a href="star.html">Star Rating</a></div> |
|||
<div class="item"><a href="tab.html">Tabs</a></div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<a href="#"><b>Behavioral Modules</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="api.html">API</a></div> |
|||
<div class="item"><a href="animation.html">Animation</a></div> |
|||
<div class="item"><a href="validate.html">Form Validation</a></div> |
|||
<div class="item"><a href="placeholder.html">Placeholder Text</a></div> |
|||
<div class="item"><a href="shape.html">Shape</a></div> |
|||
<div class="item"><a href="state.html">State</a></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="ui fixed transparent contrasting menu"> |
|||
<div class="container"> |
|||
<div class="title item"> |
|||
Semantic UI: Form |
|||
</div> |
|||
<div class="icon previous link item"> |
|||
<a href="button.html"><i class="icon left-open"></i></a> |
|||
</div> |
|||
<div class="section dropdown item"> |
|||
2 of 14 |
|||
<div class="menu"> |
|||
<a href="button.html" class="item">1. Button</a> |
|||
<a class="active item">2. Form</a> |
|||
<a href="table.html" class="item">3. Tables</a> |
|||
<a class="item">4. Columns</a> |
|||
<a class="item">5. Elements</a> |
|||
<a class="item">6. Tags</a> |
|||
<a class="item">7. Items</a> |
|||
<a class="item">8. Panels</a> |
|||
</div> |
|||
</div> |
|||
<div class="icon next link item"> |
|||
<a href="table.html"><i class="icon right-open"></i></a> |
|||
</div> |
|||
<div class="right menu"> |
|||
<a class="item" href="https://github.com/quirkyinc/semantic"> |
|||
<i class="icon cloud"></i> |
|||
</a> |
|||
<a class="item" href="https://github.com/quirkyinc/semantic"> |
|||
<i class="icon github"></i> |
|||
</a> |
|||
<div class="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> |
|||
<div class="ui huge left attached vertical side buttons"> |
|||
<div class="ui large blue sidebar button">Menu</div> |
|||
</div> |
|||
<div class="segment"> |
|||
<div class="container"> |
|||
<h1>Form</h1> |
|||
<p>Forms are a grouping of elements requiring user input.</p> |
|||
<p> |
|||
Forms always include fields, and fields always contain form elements. Fields themselves may also include: |
|||
<a href="#">standard form fields</a>, like labels, inputs and textareas, as well as: |
|||
<a href="#">checkboxes</a>, |
|||
<a href="#">sliders</a>, and |
|||
<a href="#">message blocks</a>. |
|||
</p> |
|||
<p>Validation messages are <a href="#">text blocks</a> which are formatted for use inside forms.</p> |
|||
</div> |
|||
</div> |
|||
<div class="main container"> |
|||
<div class="peek"> |
|||
<div class="ui vertical pointing link menu"> |
|||
<div class="active item">Collection</div> |
|||
<div class="item">Elements</div> |
|||
<div class="item">States</div> |
|||
<div class="item">Variations</div> |
|||
</div> |
|||
</div> |
|||
<h2>Collection</h2> |
|||
|
|||
<div class="example"> |
|||
<h4>Form:</h4> |
|||
<p>A form is a collection of user input elements, and has no stylings of its own.</p> |
|||
<div class="ui info block"> |
|||
<p>This example uses a ui segment to add the padding and background color. This is not required.</p> |
|||
</div> |
|||
<div class="ui form segment"> |
|||
<p>Let's go ahead and get you signed up.</p> |
|||
<div class="two fields"> |
|||
<div class="field"> |
|||
<label>First Name</label> |
|||
<input placeholder="First Name" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Last Name</label> |
|||
<input placeholder="Last Name" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Username</label> |
|||
<input placeholder="Username" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Password</label> |
|||
<input type="password"> |
|||
</div> |
|||
<div class="inline field"> |
|||
<div class="ui checkbox"> |
|||
<input type="checkbox" id="terms" /> |
|||
<label for="terms"></label> |
|||
</div> |
|||
<label>I agree to the terms and conditions</label> |
|||
</div> |
|||
<div class="ui blue submit button">Submit</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<h2>Elements</h2> |
|||
|
|||
<div class="example"> |
|||
<h4>Field</h4> |
|||
<p>A field is a form element containing a label and an input</p> |
|||
<div class="ui form"> |
|||
<div class="field"> |
|||
<label>User Input</label> |
|||
<input type="text"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Text Area</h4> |
|||
<p>A textarea uses the default form element</p> |
|||
<div class="ui form"> |
|||
<div class="field"> |
|||
<label>User Text</label> |
|||
<textarea></textarea> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Checkbox</h4> |
|||
<p>Checkboxes are styled forms of standard form checkboxes.</p> |
|||
<div class="ui form"> |
|||
<div class="field"> |
|||
<label>Checkbox (Using attribute ID to trigger checked event)</label> |
|||
<div class="ui checkbox"> |
|||
<input type="checkbox" id="uniqueid" /> |
|||
<label for="uniqueid"></label> |
|||
</div> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Checkbox (<a href="#">Javascript</a>)</label> |
|||
<div class="ui checkbox"> |
|||
<input type="checkbox"/> |
|||
<label></label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Text Block</h4> |
|||
<p>Text blocks have special meaning inside a form tag. All message blocks are hidden by default.</p> |
|||
<div class="ui form"> |
|||
<div class="ui block"> |
|||
<div class="header">We had some issues</div> |
|||
<ul class="list"> |
|||
<li>Please enter your first name</li> |
|||
<li>Please enter your last name</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<h2>States</h2> |
|||
|
|||
<h3>Form</h3> |
|||
|
|||
<div class="example"> |
|||
<h4>Loading</h4> |
|||
<p>If a form is in loading state, it will automatically show a loading indicator:</p> |
|||
|
|||
<div class="ui loading form segment"> |
|||
<div class="two fields"> |
|||
<div class="field"> |
|||
<label>First Name</label> |
|||
<input placeholder="First Name" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Last Name</label> |
|||
<input placeholder="Last Name" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Username</label> |
|||
<input placeholder="Username" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Password</label> |
|||
<input type="password"> |
|||
</div> |
|||
<div class="inline field"> |
|||
<div class="ui checkbox"> |
|||
<input type="checkbox" id="terms" /> |
|||
<label for="terms"></label> |
|||
</div> |
|||
<label>I agree to the terms and conditions</label> |
|||
</div> |
|||
<div class="ui blue submit button">Submit</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Error</h4> |
|||
<p>If a form is in an error state, it will automatically show any error message blocks:</p> |
|||
<div class="ui error form segment"> |
|||
<div class="ui error block"> |
|||
<div class="header">Action Forbidden</div> |
|||
<p>You can only sign up for an account once with a given e-mail address.</p> |
|||
</div> |
|||
<div class="two fields"> |
|||
<div class="field"> |
|||
<label>First Name</label> |
|||
<input placeholder="First Name" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Last Name</label> |
|||
<input placeholder="Last Name" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Username</label> |
|||
<input placeholder="Username" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Password</label> |
|||
<input type="password"> |
|||
</div> |
|||
<div class="inline field"> |
|||
<div class="ui checkbox"> |
|||
<input type="checkbox" id="terms" /> |
|||
<label for="terms"></label> |
|||
</div> |
|||
<label>I agree to the terms and conditions</label> |
|||
</div> |
|||
<div class="ui blue submit button">Submit</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Warning</h4> |
|||
<p>If a form is in warning state, it will automatically show any warning message block:</p> |
|||
|
|||
<div class="ui warning form segment"> |
|||
<div class="ui warning block"> |
|||
<div class="header">Could you check something!</div> |
|||
<ul class="list"> |
|||
<li>You forgot your <b>first name</b></li> |
|||
<li>And also your <b>last name</b></li> |
|||
</ul> |
|||
</div> |
|||
<div class="two error fields"> |
|||
<div class="field"> |
|||
<label>First Name</label> |
|||
<input placeholder="First Name" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Last Name</label> |
|||
<input placeholder="Last Name" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Username</label> |
|||
<input placeholder="Username" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Password</label> |
|||
<input type="password"> |
|||
</div> |
|||
<div class="inline field"> |
|||
<div class="ui checkbox"> |
|||
<input type="checkbox" id="terms" /> |
|||
<label for="terms"></label> |
|||
</div> |
|||
<label>I agree to the terms and conditions</label> |
|||
</div> |
|||
<div class="ui blue submit button">Submit</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<h3>Form Fields</h3> |
|||
|
|||
<div class="example"> |
|||
<h4>Error</h4> |
|||
<p>Individual fields may contain an error state</p> |
|||
|
|||
<div class="ui error form segment"> |
|||
<div class="two fields"> |
|||
<div class="field error"> |
|||
<label>First Name</label> |
|||
<input placeholder="First Name" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Last Name</label> |
|||
<input placeholder="Last Name" type="text"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Disabled</h4> |
|||
<p>Individual fields may be disabled or read only</p> |
|||
|
|||
<div class="ui error form segment"> |
|||
<div class="two fields"> |
|||
<div class="field"> |
|||
<label>First Name</label> |
|||
<input placeholder="Read Only" readonly="readonly" type="text"> |
|||
</div> |
|||
<div class="disabled field"> |
|||
<label>Last Name</label> |
|||
<input placeholder="Disabled" disabled="disabled" type="text"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<h2>Variations</h2> |
|||
|
|||
<h3>Forms</h3> |
|||
|
|||
<div class="example"> |
|||
<h4>Fluid</h4> |
|||
<p>A form can take the width of its container</p> |
|||
<div class="ui fluid form segment"> |
|||
<div class="two fields"> |
|||
<div class="field"> |
|||
<label>First Name</label> |
|||
<input placeholder="First Name" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Last Name</label> |
|||
<input placeholder="Last Name" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="ui blue submit button">Submit</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Size</h4> |
|||
<p>A form can also be small or large</p> |
|||
<div class="ui small form segment"> |
|||
<div class="two fields"> |
|||
<div class="field"> |
|||
<label>First Name</label> |
|||
<input placeholder="First Name" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Last Name</label> |
|||
<input placeholder="Last Name" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="ui blue small submit button">Submit</div> |
|||
</div> |
|||
<br><br> |
|||
<div class="ui large form segment"> |
|||
<div class="two fields"> |
|||
<div class="field"> |
|||
<label>First Name</label> |
|||
<input placeholder="First Name" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Last Name</label> |
|||
<input placeholder="Last Name" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="ui blue submit button">Submit</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Inverted</h4> |
|||
<p>A form on a dark background may have to invert its color scheme</p> |
|||
|
|||
<div style="background-color: #333333; padding: 15px;"> |
|||
<div class="ui inverted form"> |
|||
<div class="ui info block"> |
|||
<div class="header">We had some issues</div> |
|||
<ul class="list"> |
|||
<li>Please enter your first name</li> |
|||
<li>Please enter your last name</li> |
|||
</ul> |
|||
</div> |
|||
<div class="two fields"> |
|||
<div class="error field"> |
|||
<label>First Name</label> |
|||
<input placeholder="First Name" type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Last Name</label> |
|||
<input placeholder="Last Name" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="ui blue submit button">Submit</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<h3>Fields</h3> |
|||
|
|||
<div class="example"> |
|||
<h4>Inline</h4> |
|||
<p>A field can have its label next to instead of above it.</p> |
|||
<div class="ui form"> |
|||
<div class="ui inline fields"> |
|||
<div class="field"> |
|||
<label>Last name</label> |
|||
<input type="text" placeholder="Full Name"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Date</h4> |
|||
<p>A field can let users know they are for dates</p> |
|||
<div class="ui form"> |
|||
<div class="date field"> |
|||
<label>Birthday</label> |
|||
<input type="text" placeholder="Full Name"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<h2>Groups</h2> |
|||
|
|||
<div class="example"> |
|||
<h4>Field Groups</h4> |
|||
<p>Fields can exist side by side to show relation</p> |
|||
<div class="ui form"> |
|||
<div class="ui three fields"> |
|||
<div class="field"> |
|||
<label>First name</label> |
|||
<input type="text" placeholder="First Name"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Middle name</label> |
|||
<input type="text" placeholder="Middle Name"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Last name</label> |
|||
<input type="text" placeholder="Last Name"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,526 +0,0 @@ |
|||
/*--------------------- Typography ----------------------------*/ |
|||
|
|||
@font-face { |
|||
font-family: 'Neutraface'; |
|||
src: |
|||
url("../fonts/neutraface-book.otf") format('opentype') |
|||
; |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
font-size-adjust: 0.448; |
|||
} |
|||
@font-face { |
|||
font-family: 'Neutraface'; |
|||
src: |
|||
url("../fonts/neutraface-bold.otf") format('opentype') |
|||
; |
|||
font-weight: bold; |
|||
font-style: normal; |
|||
font-size-adjust: 0.448; |
|||
} |
|||
|
|||
|
|||
/*--------------------- Layout ----------------------------*/ |
|||
html { height: 100%; } |
|||
body { |
|||
font-family: "Neutraface", "Helvetica Neue", "Arial", sans-serif; |
|||
font-size: 14px; |
|||
line-height: 18px; |
|||
color: #30404f; |
|||
margin: 0; padding: 0; |
|||
height:100%; |
|||
} |
|||
#container { min-height: 100%; } |
|||
|
|||
a { |
|||
color: #000; |
|||
} |
|||
|
|||
b, strong { |
|||
font-weight: normal; |
|||
} |
|||
|
|||
p, ul, ol { |
|||
margin: 15px 0 0px; |
|||
} |
|||
|
|||
h1, h2, h3, h4, h5, h6 { |
|||
color: #112233; |
|||
font-family: "Neutraface", "Helvetica Neue", "Arial", sans-serif; |
|||
line-height: 1em; |
|||
text-transform: none; |
|||
margin: 30px 0 15px 0; |
|||
} |
|||
h1 { |
|||
margin: 0px 0px 20px; |
|||
font-size: 38px; |
|||
color: #00B4AC; |
|||
} |
|||
h2 { |
|||
margin: 0px 0px 20px; |
|||
font-size: 28px; |
|||
color: #6E4889; |
|||
} |
|||
h3 { |
|||
margin: 0px 0px 20px; |
|||
font-size: 22px; |
|||
} |
|||
h4 { |
|||
margin: 0px 0px 10px; |
|||
font-size: 18px; |
|||
color: #555555; |
|||
} |
|||
h5 { |
|||
margin: 0px 0px 10px; |
|||
font-size: 16px; |
|||
color: #555555; |
|||
} |
|||
a { |
|||
font-weight: bold; |
|||
color: #009FDA; |
|||
text-decoration: none; |
|||
} |
|||
a:hover { |
|||
color: #00BAFF; |
|||
} |
|||
|
|||
hr { |
|||
border: 0; |
|||
background: 1px solid #ddd; |
|||
height: 1px; |
|||
margin: 20px 0; |
|||
} |
|||
|
|||
pre, tt, code { |
|||
font-size: 12px; line-height: 16px; |
|||
font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace; |
|||
margin: 0; padding: 0; |
|||
} |
|||
.annotation pre { |
|||
display: block; |
|||
margin: 0; |
|||
padding: 7px 10px; |
|||
background: #fcfcfc; |
|||
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); |
|||
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); |
|||
box-shadow: inset 0 0 10px rgba(0,0,0,0.1); |
|||
overflow-x: auto; |
|||
} |
|||
.annotation pre code { |
|||
border: 0; |
|||
padding: 0; |
|||
background: transparent; |
|||
} |
|||
|
|||
|
|||
blockquote { |
|||
border-left: 5px solid #ccc; |
|||
margin: 0; |
|||
padding: 1px 0 1px 1em; |
|||
} |
|||
.sections blockquote p { |
|||
font-family: Menlo, Consolas, Monaco, monospace; |
|||
font-size: 12px; line-height: 16px; |
|||
color: #999; |
|||
margin: 10px 0 0; |
|||
white-space: pre-wrap; |
|||
} |
|||
|
|||
ul.sections { |
|||
list-style: none; |
|||
padding:0 0 5px 0;; |
|||
margin:0; |
|||
} |
|||
|
|||
/* |
|||
Force border-box so that % widths fit the parent |
|||
container without overlap because of margin/padding. |
|||
|
|||
More Info : http://www.quirksmode.org/css/box.html |
|||
*/ |
|||
ul.sections > li > div { |
|||
-moz-box-sizing: border-box; /* firefox */ |
|||
-ms-box-sizing: border-box; /* ie */ |
|||
-webkit-box-sizing: border-box; /* webkit */ |
|||
-khtml-box-sizing: border-box; /* konqueror */ |
|||
box-sizing: border-box; /* css3 */ |
|||
} |
|||
|
|||
|
|||
/*---------------------- Jump Page -----------------------------*/ |
|||
#jump_to, #jump_page { |
|||
margin: 0; |
|||
background: white; |
|||
-webkit-box-shadow: 0 0 25px #777; -moz-box-shadow: 0 0 25px #777; |
|||
-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; |
|||
font: 16px Arial; |
|||
cursor: pointer; |
|||
text-align: right; |
|||
list-style: none; |
|||
} |
|||
|
|||
#jump_to a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
#jump_to a.large { |
|||
display: none; |
|||
} |
|||
#jump_to a.small { |
|||
font-size: 22px; |
|||
font-weight: bold; |
|||
color: #676767; |
|||
} |
|||
|
|||
#jump_to, #jump_wrapper { |
|||
position: fixed; |
|||
right: 0; top: 0; |
|||
padding: 10px 15px; |
|||
margin:0; |
|||
} |
|||
|
|||
#jump_wrapper { |
|||
display: none; |
|||
padding:0; |
|||
} |
|||
|
|||
#jump_to:hover #jump_wrapper { |
|||
display: block; |
|||
} |
|||
|
|||
#jump_page { |
|||
padding: 5px 0 3px; |
|||
margin: 0 0 25px 25px; |
|||
} |
|||
|
|||
#jump_page .source { |
|||
display: block; |
|||
padding: 15px; |
|||
text-decoration: none; |
|||
border-top: 1px solid #eee; |
|||
} |
|||
|
|||
#jump_page .source:hover { |
|||
background: #f5f5ff; |
|||
} |
|||
|
|||
#jump_page .source:first-child { |
|||
} |
|||
|
|||
/*---------------------- Low resolutions (> 320px) ---------------------*/ |
|||
@media only screen and (min-width: 320px) { |
|||
.pilwrap { display: none; } |
|||
|
|||
ul.sections > li > div { |
|||
display: block; |
|||
padding:5px 10px 0 10px; |
|||
} |
|||
|
|||
ul.sections > li > div.annotation ul, ul.sections > li > div.annotation ol { |
|||
padding-left: 30px; |
|||
} |
|||
|
|||
ul.sections > li > div.content { |
|||
background: #f5f5ff; |
|||
overflow-x:auto; |
|||
-webkit-box-shadow: inset 0 0 5px #e5e5ee; |
|||
box-shadow: inset 0 0 5px #e5e5ee; |
|||
border: 1px solid #dedede; |
|||
margin:5px 10px 5px 10px; |
|||
padding-bottom: 5px; |
|||
} |
|||
|
|||
ul.sections > li > div.annotation pre { |
|||
margin: 7px 0 7px; |
|||
padding-left: 15px; |
|||
} |
|||
|
|||
ul.sections > li > div.annotation p tt, .annotation code { |
|||
display: inline-block; |
|||
padding: 3px 10px; |
|||
font-size: 14px; |
|||
margin-top: 10px; |
|||
background: #f8f8ff; |
|||
border: 1px solid #dedede; |
|||
} |
|||
} |
|||
|
|||
/*---------------------- (> 481px) ---------------------*/ |
|||
@media only screen and (min-width: 481px) { |
|||
#container { |
|||
position: relative; |
|||
} |
|||
body { |
|||
background-color: #F5F5FF; |
|||
font-size: 15px; |
|||
line-height: 21px; |
|||
} |
|||
pre, tt, code { |
|||
line-height: 18px; |
|||
} |
|||
p, ul, ol { |
|||
margin: 0 0 15px; |
|||
} |
|||
|
|||
|
|||
#jump_to { |
|||
padding: 5px 10px; |
|||
} |
|||
#jump_wrapper { |
|||
padding: 0; |
|||
} |
|||
#jump_to, #jump_page { |
|||
font: 10px Arial; |
|||
text-transform: uppercase; |
|||
} |
|||
#jump_page .source { |
|||
padding: 5px 10px; |
|||
} |
|||
#jump_to a.large { |
|||
display: inline-block; |
|||
} |
|||
#jump_to a.small { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
#background { |
|||
position: absolute; |
|||
top: 0; bottom: 0; |
|||
width: 350px; |
|||
border-right: 1px solid #e5e5ee; |
|||
z-index: -1; |
|||
background: #FCFCFC url(../images/bg.jpg) repeat; |
|||
|
|||
} |
|||
|
|||
ul.sections > li > div.annotation ul, ul.sections > li > div.annotation ol { |
|||
padding-left: 40px; |
|||
} |
|||
|
|||
ul.sections > li { |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
ul.sections > li > div { |
|||
display: inline-block; |
|||
} |
|||
|
|||
ul.sections > li > div.annotation { |
|||
max-width: 350px; |
|||
min-width: 350px; |
|||
min-height: 5px; |
|||
padding: 13px; |
|||
overflow-x: hidden; |
|||
white-space: normal; |
|||
vertical-align: top; |
|||
text-align: left; |
|||
} |
|||
ul.sections > li > div.annotation pre { |
|||
margin: 15px 0 15px; |
|||
padding-left: 15px; |
|||
} |
|||
|
|||
ul.sections > li > div.content { |
|||
padding: 13px; |
|||
vertical-align: top; |
|||
background: #f5f5ff; |
|||
border: none; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.pilwrap { |
|||
position: relative; |
|||
display: inline; |
|||
} |
|||
|
|||
.pilcrow { |
|||
font: 12px Arial; |
|||
text-decoration: none; |
|||
color: #454545; |
|||
position: absolute; |
|||
top: 3px; left: -20px; |
|||
padding: 1px 2px; |
|||
opacity: 0; |
|||
-webkit-transition: opacity 0.2s linear; |
|||
} |
|||
.for-h1 .pilcrow { |
|||
top: 47px; |
|||
} |
|||
.for-h2 .pilcrow, .for-h3 .pilcrow, .for-h4 .pilcrow { |
|||
top: 35px; |
|||
} |
|||
|
|||
ul.sections > li > div.annotation:hover .pilcrow { |
|||
opacity: 1; |
|||
} |
|||
} |
|||
|
|||
/*---------------------- (> 1025px) ---------------------*/ |
|||
@media only screen and (min-width: 1025px) { |
|||
|
|||
body { |
|||
font-size: 16px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
#background { |
|||
width: 525px; |
|||
} |
|||
ul.sections { |
|||
padding-top: 50px; |
|||
} |
|||
ul.sections > li > div.annotation { |
|||
max-width: 525px; |
|||
min-width: 525px; |
|||
padding: 10px 25px 1px 50px; |
|||
} |
|||
ul.sections > li > div.content { |
|||
padding: 9px 15px 16px 25px; |
|||
} |
|||
|
|||
ul.sections p { |
|||
font-size: 16px; |
|||
line-height: 1.33; |
|||
} |
|||
} |
|||
|
|||
/*---------------------- Syntax Highlighting -----------------------------*/ |
|||
|
|||
td.linenos { background-color: #f0f0f0; padding-right: 10px; } |
|||
span.lineno { background-color: #f0f0f0; padding: 0 5px 0 5px; } |
|||
/* |
|||
|
|||
github.com style (c) Vasily Polovnyov <vast@whiteants.net> |
|||
|
|||
*/ |
|||
|
|||
pre code { |
|||
display: block; padding: 0.5em; |
|||
color: #000; |
|||
background: #f8f8ff |
|||
} |
|||
|
|||
pre .comment, |
|||
pre .template_comment, |
|||
pre .diff .header, |
|||
pre .javadoc { |
|||
color: #408080; |
|||
font-style: italic |
|||
} |
|||
|
|||
pre .keyword, |
|||
pre .assignment, |
|||
pre .literal, |
|||
pre .css .rule .keyword, |
|||
pre .winutils, |
|||
pre .javascript .title, |
|||
pre .lisp .title, |
|||
pre .subst { |
|||
color: #954121; |
|||
/*font-weight: bold*/ |
|||
} |
|||
|
|||
pre .number, |
|||
pre .hexcolor { |
|||
color: #40a070 |
|||
} |
|||
|
|||
pre .string, |
|||
pre .tag .value, |
|||
pre .phpdoc, |
|||
pre .tex .formula { |
|||
color: #219161; |
|||
} |
|||
|
|||
pre .title, |
|||
pre .id { |
|||
color: #19469D; |
|||
} |
|||
pre .params { |
|||
color: #00F; |
|||
} |
|||
|
|||
pre .javascript .title, |
|||
pre .lisp .title, |
|||
pre .subst { |
|||
font-weight: normal |
|||
} |
|||
|
|||
pre .class .title, |
|||
pre .haskell .label, |
|||
pre .tex .command { |
|||
color: #458; |
|||
font-weight: bold |
|||
} |
|||
|
|||
pre .tag, |
|||
pre .tag .title, |
|||
pre .rules .property, |
|||
pre .django .tag .keyword { |
|||
color: #000080; |
|||
font-weight: normal |
|||
} |
|||
|
|||
pre .attribute, |
|||
pre .variable, |
|||
pre .instancevar, |
|||
pre .lisp .body { |
|||
color: #008080 |
|||
} |
|||
|
|||
pre .regexp { |
|||
color: #B68 |
|||
} |
|||
|
|||
pre .class { |
|||
color: #458; |
|||
font-weight: bold |
|||
} |
|||
|
|||
pre .symbol, |
|||
pre .ruby .symbol .string, |
|||
pre .ruby .symbol .keyword, |
|||
pre .ruby .symbol .keymethods, |
|||
pre .lisp .keyword, |
|||
pre .tex .special, |
|||
pre .input_number { |
|||
color: #990073 |
|||
} |
|||
|
|||
pre .builtin, |
|||
pre .constructor, |
|||
pre .built_in, |
|||
pre .lisp .title { |
|||
color: #0086b3 |
|||
} |
|||
|
|||
pre .preprocessor, |
|||
pre .pi, |
|||
pre .doctype, |
|||
pre .shebang, |
|||
pre .cdata { |
|||
color: #999; |
|||
font-weight: bold |
|||
} |
|||
|
|||
pre .deletion { |
|||
background: #fdd |
|||
} |
|||
|
|||
pre .addition { |
|||
background: #dfd |
|||
} |
|||
|
|||
pre .diff .change { |
|||
background: #0086b3 |
|||
} |
|||
|
|||
pre .chunk { |
|||
color: #aaa |
|||
} |
|||
|
|||
pre .tex .formula { |
|||
opacity: 0.5; |
|||
} |
|||
@ -1,932 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
|
|||
<html> |
|||
<head> |
|||
<title>Semantic Modules</title> |
|||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
|||
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> |
|||
<link rel="stylesheet" media="all" href="docco.css" /> |
|||
</head> |
|||
<body> |
|||
<div id="container"> |
|||
<div id="background"></div> |
|||
|
|||
<ul class="sections"> |
|||
|
|||
|
|||
|
|||
<li id="section-1"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h1"> |
|||
<a class="pilcrow" href="#section-1">¶</a> |
|||
</div> |
|||
<h1>Semantic Modules</h1> |
|||
<p>This particular pattern is useful for describing a group of elements which share behavior, for example a modal or a popup. |
|||
The module is made up of three parts: <em>a group definition</em>, <em>a singular definition</em>, and a <em>settings object</em>.</p> |
|||
<p>Semantic is unique in that all arbitrary data is a setting. Semantic modules also are self documenting, with module.debug calls serving to explain state, and log performance data. |
|||
<a href="#">Read more about coding conventions</a></p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre><span class="comment">/* |
|||
* # Semantic Module 1.0 |
|||
* http://github.com/quirkyinc/semantic |
|||
* |
|||
* |
|||
* Copyright 2013 Contributors |
|||
* Released under the MIT license |
|||
* http://jquery.org/license |
|||
* |
|||
* Released: April 17 2013 |
|||
*/</span> |
|||
|
|||
;(<span class="function"><span class="keyword">function</span> <span class="params">( $, window, document, undefined )</span> {</span> |
|||
|
|||
$.fn.example = <span class="keyword">function</span>(parameters) {</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-2"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h2"> |
|||
<a class="pilcrow" href="#section-2">¶</a> |
|||
</div> |
|||
<h2>Group</h2> |
|||
<p>Some properties remain constant across all instances of a module.</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> <span class="keyword">var</span></pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-3"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-3">¶</a> |
|||
</div> |
|||
<p>Store a reference to the module group, this can be useful to refer to other modules inside each module</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> $allModules = $(<span class="keyword">this</span>),</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-4"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-4">¶</a> |
|||
</div> |
|||
<p>Extend settings to merge run-time settings with defaults</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> settings = $.extend(<span class="literal">true</span>, {}, $.fn.example.settings, parameters),</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-5"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-5">¶</a> |
|||
</div> |
|||
<p>Define namespaces for storing module instance and binding events</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> eventNamespace = <span class="string">'.'</span> + settings.namespace, |
|||
moduleNamespace = <span class="string">'module-'</span> + settings.namespace,</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-6"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-6">¶</a> |
|||
</div> |
|||
<p>Preserve selector from outside each scope and mark current time for performance tracking</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> selector = $allModules.selector || <span class="string">''</span>, |
|||
time = <span class="keyword">new</span> Date().getTime(), |
|||
performance = [],</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-7"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-7">¶</a> |
|||
</div> |
|||
<p>Preserve original arguments to determine if a method is being invoked</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> query = arguments[<span class="number">0</span>], |
|||
methodInvoked = (<span class="keyword">typeof</span> query == <span class="string">'string'</span>), |
|||
queryArguments = [].slice.call(arguments, <span class="number">1</span>), |
|||
invokedResponse |
|||
;</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-8"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h2"> |
|||
<a class="pilcrow" href="#section-8">¶</a> |
|||
</div> |
|||
<h2>Singular</h2> |
|||
<p>Iterate over all elements to initialize module</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> $allModules |
|||
.each(<span class="keyword">function</span>() { |
|||
<span class="keyword">var</span></pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-9"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-9">¶</a> |
|||
</div> |
|||
<p>Cache selectors using selector definitions for access inside instance of module</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> $module = $(<span class="keyword">this</span>), |
|||
$text = $module.find(settings.selector.text),</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-10"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-10">¶</a> |
|||
</div> |
|||
<p>Define private variables which can be used to maintain internal state, these cannot be changed from outside the module closure so use conservatively</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> foo = <span class="literal">false</span>,</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-11"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-11">¶</a> |
|||
</div> |
|||
<p>Define variables used to track module state. Default values are set using <code>a || b</code> syntax</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> instance = $module.data(moduleNamespace), |
|||
element = <span class="keyword">this</span>,</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-12"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-12">¶</a> |
|||
</div> |
|||
<p>Alias settings object for convenience and performance</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> namespace = settings.namespace, |
|||
error = settings.error, |
|||
className = settings.className,</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-13"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-13">¶</a> |
|||
</div> |
|||
<p>You may also find it useful to alias your own settings</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> text = settings.text, |
|||
|
|||
module |
|||
;</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-14"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h2"> |
|||
<a class="pilcrow" href="#section-14">¶</a> |
|||
</div> |
|||
<h2>Module Behavior</h2> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> module = {</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-15"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h3"> |
|||
<a class="pilcrow" href="#section-15">¶</a> |
|||
</div> |
|||
<h3>Required</h3> |
|||
<h4>Initialize</h4> |
|||
<p>Initialize attaches events and preserves each instance in html metadata</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> initialize: <span class="keyword">function</span>() { |
|||
module.verbose(<span class="string">'Initializing module for'</span>, element); |
|||
$module |
|||
.on(<span class="string">'click'</span> + eventNamespace, module.exampleBehavior) |
|||
;</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-16"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-16">¶</a> |
|||
</div> |
|||
<p>The instance is just a copy of the module definition, we store it in metadata so we can use it outside of scope, but also define it for immediate use</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> instance = module; |
|||
$module |
|||
.data(moduleNamespace, instance) |
|||
; |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-17"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h4"> |
|||
<a class="pilcrow" href="#section-17">¶</a> |
|||
</div> |
|||
<h4>Destroy</h4> |
|||
<p>Removes all events and the instance copy from metadata</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> destroy: <span class="keyword">function</span>() { |
|||
module.verbose(<span class="string">'Destroying previous module for'</span>, element); |
|||
$module |
|||
.removeData(moduleNamespace) |
|||
.off(eventNamespace) |
|||
; |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-18"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h4"> |
|||
<a class="pilcrow" href="#section-18">¶</a> |
|||
</div> |
|||
<h4>Refresh</h4> |
|||
<p>Selectors are cached so we sometimes need to manually refresh the cache</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> refresh: <span class="keyword">function</span>() { |
|||
module.verbose(<span class="string">'Refreshing selector cache for'</span>, element); |
|||
$module = $(element); |
|||
$text = $(<span class="keyword">this</span>).find(settings.selector.text); |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-19"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h3"> |
|||
<a class="pilcrow" href="#section-19">¶</a> |
|||
</div> |
|||
<h3>Custom</h3> |
|||
<h4>By Event</h4> |
|||
<p>Sometimes it makes sense to call an event handler by its type if it is dependent on the event to behave properly</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> event: { |
|||
click: <span class="keyword">function</span>(event) { |
|||
module.verbose(<span class="string">'Preventing default action'</span>); |
|||
<span class="keyword">if</span>( !$module.hasClass(className.disabled) ) { |
|||
module.behavior(); |
|||
} |
|||
event.preventDefault(); |
|||
} |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-20"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h4"> |
|||
<a class="pilcrow" href="#section-20">¶</a> |
|||
</div> |
|||
<h4>By Function</h4> |
|||
<p>Other times events make more sense for methods to be called by their function if it is ambivalent to how it is invoked</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> behavior: <span class="keyword">function</span>() { |
|||
module.debug(<span class="string">'Changing the text to a new value'</span>, text); |
|||
<span class="keyword">if</span>( !module.has.text() ) { |
|||
module.set.text( text); |
|||
} |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-21"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h4"> |
|||
<a class="pilcrow" href="#section-21">¶</a> |
|||
</div> |
|||
<h4>Vocabulary</h4> |
|||
<p>Custom methods should be defined with consistent vocabulary some useful terms: "has", "set", "get", "change", "add", "remove"</p> |
|||
<p>This makes it easier for new developers to get to know your module without learning your schema</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> has: { |
|||
text: <span class="keyword">function</span>(state) { |
|||
module.verbose(<span class="string">'Checking whether text state exists'</span>, state); |
|||
<span class="keyword">if</span>( text[state] === <span class="literal">undefined</span> ) { |
|||
module.error(error.noText); |
|||
<span class="keyword">return</span> <span class="literal">false</span>; |
|||
} |
|||
<span class="keyword">return</span> <span class="literal">true</span>; |
|||
} |
|||
}, |
|||
|
|||
set: { |
|||
text: <span class="keyword">function</span>(state) { |
|||
module.verbose(<span class="string">'Setting text to new state'</span>, state); |
|||
<span class="keyword">if</span>( module.has.text(state) ) { |
|||
$text |
|||
.text( text[state] ) |
|||
; |
|||
settings.onChange(); |
|||
} |
|||
} |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-22"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h3"> |
|||
<a class="pilcrow" href="#section-22">¶</a> |
|||
</div> |
|||
<h3>Standard</h3> |
|||
<h4>Setting</h4> |
|||
<p>Module settings can be read or set using this method</p> |
|||
<p>Settings can either be specified by modifying the module defaults, by initializing the module with a settings object, or by changing a setting by invoking this method |
|||
<code>$(.foo').example('setting', 'moduleName');</code></p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> setting: <span class="keyword">function</span>(name, value) { |
|||
<span class="keyword">if</span>(value !== <span class="literal">undefined</span>) { |
|||
<span class="keyword">if</span>( $.isPlainObject(name) ) { |
|||
$.extend(<span class="literal">true</span>, settings, name); |
|||
} |
|||
<span class="keyword">else</span> { |
|||
settings[name] = value; |
|||
} |
|||
} |
|||
<span class="keyword">else</span> { |
|||
<span class="keyword">return</span> settings[name]; |
|||
} |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-23"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h4"> |
|||
<a class="pilcrow" href="#section-23">¶</a> |
|||
</div> |
|||
<h4>Internal</h4> |
|||
<p>Module internals can be set or retrieved as well |
|||
<code>$(.foo').example('internal', 'behavior', function() { // do something });</code></p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> internal: <span class="keyword">function</span>(name, value) { |
|||
<span class="keyword">if</span>(value !== <span class="literal">undefined</span>) { |
|||
<span class="keyword">if</span>( $.isPlainObject(name) ) { |
|||
$.extend(<span class="literal">true</span>, module, name); |
|||
} |
|||
<span class="keyword">else</span> { |
|||
module[name] = value; |
|||
} |
|||
} |
|||
<span class="keyword">else</span> { |
|||
<span class="keyword">return</span> module[name]; |
|||
} |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-24"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h4"> |
|||
<a class="pilcrow" href="#section-24">¶</a> |
|||
</div> |
|||
<h4>Debug</h4> |
|||
<p>Debug pushes arguments to the console formatted as a debug statement</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> debug: <span class="keyword">function</span>() { |
|||
<span class="keyword">if</span>(settings.debug) { |
|||
module.performance.log(arguments[<span class="number">0</span>]); |
|||
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + <span class="string">':'</span>); |
|||
} |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-25"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h4"> |
|||
<a class="pilcrow" href="#section-25">¶</a> |
|||
</div> |
|||
<h4>Verbose</h4> |
|||
<p>Calling verbose internally allows for additional data to be logged which can assist in debugging</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> verbose: <span class="keyword">function</span>() { |
|||
<span class="keyword">if</span>(settings.verbose && settings.debug) { |
|||
module.performance.log(arguments[<span class="number">0</span>]); |
|||
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + <span class="string">':'</span>); |
|||
} |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-26"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h4"> |
|||
<a class="pilcrow" href="#section-26">¶</a> |
|||
</div> |
|||
<h4>Error</h4> |
|||
<p>Error allows for the module to report named error messages, it may be useful to modify this to push error messages to the user. Error messages are defined in the modules settings object.</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> error: <span class="keyword">function</span>() { |
|||
<span class="keyword">if</span>(console.log !== <span class="literal">undefined</span>) { |
|||
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + <span class="string">':'</span>); |
|||
} |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-27"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h4"> |
|||
<a class="pilcrow" href="#section-27">¶</a> |
|||
</div> |
|||
<h4>Performance</h4> |
|||
<p>This is called on each debug statement and logs the time since the last debug statement.</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> performance: { |
|||
log: <span class="keyword">function</span>(message) { |
|||
<span class="keyword">var</span> |
|||
currentTime, |
|||
executionTime |
|||
; |
|||
<span class="keyword">if</span>(settings.performance) { |
|||
currentTime = <span class="keyword">new</span> Date().getTime(); |
|||
executionTime = currentTime - time; |
|||
time = currentTime; |
|||
performance.push({ |
|||
<span class="string">'Name'</span> : message, |
|||
<span class="string">'Execution Time'</span> : executionTime |
|||
}); |
|||
clearTimeout(module.performance.timer); |
|||
module.performance.timer = setTimeout(module.performance.display, <span class="number">500</span>); |
|||
} |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-28"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-28">¶</a> |
|||
</div> |
|||
<p>Performance data is assumed to be complete 500ms after the last log message receieved</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> display: <span class="keyword">function</span>() { |
|||
<span class="keyword">var</span> |
|||
title = settings.moduleName + <span class="string">' Performance ('</span> + selector + <span class="string">')'</span>, |
|||
caption = settings.moduleName + <span class="string">': '</span> + selector + <span class="string">'('</span> + $allModules.size() + <span class="string">' elements)'</span> |
|||
; |
|||
<span class="keyword">if</span>(console.group !== <span class="literal">undefined</span> && performance.length > <span class="number">0</span>) { |
|||
console.groupCollapsed(title); |
|||
<span class="keyword">if</span>(console.table) { |
|||
console.table(performance); |
|||
} |
|||
<span class="keyword">else</span> { |
|||
$.each(performance, <span class="keyword">function</span>(index, data) { |
|||
console.log(data[<span class="string">'Name'</span>] + <span class="string">':'</span> + data[<span class="string">'Execution Time'</span>]); |
|||
}); |
|||
} |
|||
console.groupEnd(); |
|||
performance = []; |
|||
} |
|||
} |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-29"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h4"> |
|||
<a class="pilcrow" href="#section-29">¶</a> |
|||
</div> |
|||
<h4>Invoke</h4> |
|||
<p>Invoke is used to lookup and invoke a method or property by a dot notation string definition, for example |
|||
<code>$('.foo').example('invoke', 'set.text', 'Foo')</code></p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> invoke: <span class="keyword">function</span>(query, passedArguments, context) { |
|||
<span class="keyword">var</span> |
|||
maxDepth, |
|||
found |
|||
; |
|||
passedArguments = passedArguments || queryArguments; |
|||
context = element || context; |
|||
<span class="keyword">if</span>(<span class="keyword">typeof</span> query == <span class="string">'string'</span> && instance !== <span class="literal">undefined</span>) { |
|||
query = query.split(<span class="string">'.'</span>); |
|||
maxDepth = query.length - <span class="number">1</span>; |
|||
$.each(query, <span class="keyword">function</span>(depth, value) { |
|||
<span class="keyword">if</span>( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) { |
|||
instance = instance[value]; |
|||
<span class="keyword">return</span> <span class="literal">true</span>; |
|||
} |
|||
<span class="keyword">else</span> <span class="keyword">if</span>( instance[value] !== <span class="literal">undefined</span> ) { |
|||
found = instance[value]; |
|||
<span class="keyword">return</span> <span class="literal">true</span>; |
|||
} |
|||
module.error(error.method); |
|||
<span class="keyword">return</span> <span class="literal">false</span>; |
|||
}); |
|||
} |
|||
<span class="keyword">if</span> ( $.isFunction( found ) ) { |
|||
module.verbose(<span class="string">'Executing invoked function'</span>, found); |
|||
<span class="keyword">return</span> found.apply(context, passedArguments); |
|||
} |
|||
<span class="keyword">return</span> found || <span class="literal">false</span>; |
|||
} |
|||
};</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-30"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h3"> |
|||
<a class="pilcrow" href="#section-30">¶</a> |
|||
</div> |
|||
<h3>Determining Intent</h3> |
|||
<p>Invoking a method directly |
|||
$('.foo').module('set.text', 'Ho hum'); |
|||
The module checks to see if you passed in a method name to call</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> <span class="keyword">if</span>(methodInvoked) { |
|||
<span class="keyword">if</span>(instance === <span class="literal">undefined</span>) { |
|||
module.initialize(); |
|||
} |
|||
invokedResponse = module.invoke(query); |
|||
}</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-31"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-31">¶</a> |
|||
</div> |
|||
<p>If you didn't pass in anything it can assume you are initializing the module</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> <span class="keyword">else</span> { |
|||
<span class="keyword">if</span>(instance !== <span class="literal">undefined</span>) { |
|||
module.destroy(); |
|||
} |
|||
module.initialize(); |
|||
} |
|||
}) |
|||
;</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-32"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-32">¶</a> |
|||
</div> |
|||
<p>If you called invoke, you may have a returned value which shoudl be returned, otherwise allow the call to chain</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> <span class="keyword">return</span> (invokedResponse) |
|||
? invokedResponse |
|||
: <span class="keyword">this</span> |
|||
; |
|||
};</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-33"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h2"> |
|||
<a class="pilcrow" href="#section-33">¶</a> |
|||
</div> |
|||
<h2>Settings</h2> |
|||
<p>It is necessary to include a settings object which specifies the defaults for your module</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre>$.fn.example.settings = {</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-34"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h3"> |
|||
<a class="pilcrow" href="#section-34">¶</a> |
|||
</div> |
|||
<h3>Required</h3> |
|||
<p>Used in debug statements to refer to the module itself</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> moduleName : <span class="string">'Todo Module'</span>,</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-35"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-35">¶</a> |
|||
</div> |
|||
<p>Whether debug content should be outputted to console</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> debug : <span class="literal">true</span>,</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-36"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-36">¶</a> |
|||
</div> |
|||
<p>Whether extra debug content should be outputted</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> verbose : <span class="literal">true</span>,</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-37"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-37">¶</a> |
|||
</div> |
|||
<p>Whether to track performance data</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> performance : <span class="literal">true</span>,</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-38"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-38">¶</a> |
|||
</div> |
|||
<p>A unique identifier used to namespace events,and preserve the module instance</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> namespace : <span class="string">'example'</span>,</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-39"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h3"> |
|||
<a class="pilcrow" href="#section-39">¶</a> |
|||
</div> |
|||
<h3>Optional</h3> |
|||
<p>Selectors used by your module</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> selector : { |
|||
example : <span class="string">'.example'</span> |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-40"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-40">¶</a> |
|||
</div> |
|||
<p>Error messages returned by the module</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> error: { |
|||
noText : <span class="string">'The text you tried to display has not been defined.'</span>, method : <span class="string">'The method you called is not defined.'</span> |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-41"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-41">¶</a> |
|||
</div> |
|||
<p>Class names which your module refers to</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> className : { |
|||
disabled : <span class="string">'disabled'</span> |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-42"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap "> |
|||
<a class="pilcrow" href="#section-42">¶</a> |
|||
</div> |
|||
<p>Metadata stored or retrieved by your module. <code>$('.foo').data('value');</code></p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> metadata: { |
|||
notUsed: <span class="string">'notUsed'</span> |
|||
},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-43"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h3"> |
|||
<a class="pilcrow" href="#section-43">¶</a> |
|||
</div> |
|||
<h3>Callbacks</h3> |
|||
<p>Callbacks are often useful to include in your settings object</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> onChange : <span class="keyword">function</span>() {},</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
|
|||
<li id="section-44"> |
|||
<div class="annotation"> |
|||
|
|||
<div class="pilwrap for-h3"> |
|||
<a class="pilcrow" href="#section-44">¶</a> |
|||
</div> |
|||
<h3>Definition Specific</h3> |
|||
<p>You may also want to include settings specific to your module's function</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="content"><div class='highlight'><pre> text: { |
|||
hover : <span class="string">'You are hovering me now'</span>, |
|||
click : <span class="string">'You clicked on me'</span> |
|||
} |
|||
|
|||
}; |
|||
|
|||
|
|||
})( jQuery, window , document );</pre></div></div> |
|||
|
|||
</li> |
|||
|
|||
</ul> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -1 +0,0 @@ |
|||
dc4cc9c27a59ab14fbb7444c6ab35c5b33a034f6 |
|||
@ -1 +0,0 @@ |
|||
c2c72902a1b6ecb6e22376256a3ece17dd100a30 |
|||
@ -1 +0,0 @@ |
|||
2af39b08b07df11423ac44c1fb2ff0ca82e81346 |
|||
@ -1,375 +0,0 @@ |
|||
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */ |
|||
|
|||
/* ========================================================================== |
|||
HTML5 display definitions |
|||
========================================================================== */ |
|||
|
|||
/* |
|||
* Corrects `block` display not defined in IE 8/9. |
|||
*/ |
|||
|
|||
article, |
|||
aside, |
|||
details, |
|||
figcaption, |
|||
figure, |
|||
footer, |
|||
header, |
|||
hgroup, |
|||
nav, |
|||
section, |
|||
summary { |
|||
display: block; |
|||
} |
|||
|
|||
/* |
|||
* Corrects `inline-block` display not defined in IE 8/9. |
|||
*/ |
|||
|
|||
audio, |
|||
canvas, |
|||
video { |
|||
display: inline-block; |
|||
} |
|||
|
|||
/* |
|||
* Prevents modern browsers from displaying `audio` without controls. |
|||
* Remove excess height in iOS 5 devices. |
|||
*/ |
|||
|
|||
audio:not([controls]) { |
|||
display: none; |
|||
height: 0; |
|||
} |
|||
|
|||
/* |
|||
* Addresses styling for `hidden` attribute not present in IE 8/9. |
|||
*/ |
|||
|
|||
[hidden] { |
|||
display: none; |
|||
} |
|||
|
|||
/* ========================================================================== |
|||
Base |
|||
========================================================================== */ |
|||
|
|||
/* |
|||
* 1. Sets default font family to sans-serif. |
|||
* 2. Prevents iOS text size adjust after orientation change, without disabling |
|||
* user zoom. |
|||
*/ |
|||
|
|||
html { |
|||
font-family: sans-serif; /* 1 */ |
|||
-webkit-text-size-adjust: 100%; /* 2 */ |
|||
-ms-text-size-adjust: 100%; /* 2 */ |
|||
} |
|||
|
|||
/* |
|||
* Removes default margin. |
|||
*/ |
|||
|
|||
body { |
|||
margin: 0; |
|||
} |
|||
|
|||
/* ========================================================================== |
|||
Links |
|||
========================================================================== */ |
|||
|
|||
/* |
|||
* Addresses `outline` inconsistency between Chrome and other browsers. |
|||
*/ |
|||
|
|||
a:focus { |
|||
outline: thin dotted; |
|||
} |
|||
|
|||
/* |
|||
* Improves readability when focused and also mouse hovered in all browsers. |
|||
*/ |
|||
|
|||
a:active, |
|||
a:hover { |
|||
outline: 0; |
|||
} |
|||
|
|||
/* ========================================================================== |
|||
Typography |
|||
========================================================================== */ |
|||
|
|||
/* |
|||
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, |
|||
* Safari 5, and Chrome. |
|||
*/ |
|||
|
|||
h1 { |
|||
font-size: 2em; |
|||
} |
|||
|
|||
/* |
|||
* Addresses styling not present in IE 8/9, Safari 5, and Chrome. |
|||
*/ |
|||
|
|||
abbr[title] { |
|||
border-bottom: 1px dotted; |
|||
} |
|||
|
|||
/* |
|||
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. |
|||
*/ |
|||
|
|||
b, |
|||
strong { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
/* |
|||
* Addresses styling not present in Safari 5 and Chrome. |
|||
*/ |
|||
|
|||
dfn { |
|||
font-style: italic; |
|||
} |
|||
|
|||
/* |
|||
* Addresses styling not present in IE 8/9. |
|||
*/ |
|||
|
|||
mark { |
|||
background: #ff0; |
|||
color: #000; |
|||
} |
|||
|
|||
|
|||
/* |
|||
* Corrects font family set oddly in Safari 5 and Chrome. |
|||
*/ |
|||
|
|||
code, |
|||
kbd, |
|||
pre, |
|||
samp { |
|||
font-family: monospace, serif; |
|||
font-size: 1em; |
|||
} |
|||
|
|||
/* |
|||
* Improves readability of pre-formatted text in all browsers. |
|||
*/ |
|||
|
|||
pre { |
|||
white-space: pre; |
|||
white-space: pre-wrap; |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
/* |
|||
* Sets consistent quote types. |
|||
*/ |
|||
|
|||
q { |
|||
quotes: "\201C" "\201D" "\2018" "\2019"; |
|||
} |
|||
|
|||
/* |
|||
* Addresses inconsistent and variable font size in all browsers. |
|||
*/ |
|||
|
|||
small { |
|||
font-size: 80%; |
|||
} |
|||
|
|||
/* |
|||
* Prevents `sub` and `sup` affecting `line-height` in all browsers. |
|||
*/ |
|||
|
|||
sub, |
|||
sup { |
|||
font-size: 75%; |
|||
line-height: 0; |
|||
position: relative; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
sup { |
|||
top: -0.5em; |
|||
} |
|||
|
|||
sub { |
|||
bottom: -0.25em; |
|||
} |
|||
|
|||
/* ========================================================================== |
|||
Embedded content |
|||
========================================================================== */ |
|||
|
|||
/* |
|||
* Removes border when inside `a` element in IE 8/9. |
|||
*/ |
|||
|
|||
img { |
|||
border: 0; |
|||
} |
|||
|
|||
/* |
|||
* Corrects overflow displayed oddly in IE 9. |
|||
*/ |
|||
|
|||
svg:not(:root) { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
/* ========================================================================== |
|||
Figures |
|||
========================================================================== */ |
|||
|
|||
/* |
|||
* Addresses margin not present in IE 8/9 and Safari 5. |
|||
*/ |
|||
|
|||
figure { |
|||
margin: 0; |
|||
} |
|||
|
|||
/* ========================================================================== |
|||
Forms |
|||
========================================================================== */ |
|||
|
|||
/* |
|||
* Define consistent border, margin, and padding. |
|||
*/ |
|||
|
|||
fieldset { |
|||
border: 1px solid #c0c0c0; |
|||
margin: 0 2px; |
|||
padding: 0.35em 0.625em 0.75em; |
|||
} |
|||
|
|||
/* |
|||
* 1. Corrects color not being inherited in IE 8/9. |
|||
* 2. Remove padding so people aren't caught out if they zero out fieldsets. |
|||
*/ |
|||
|
|||
legend { |
|||
border: 0; /* 1 */ |
|||
padding: 0; /* 2 */ |
|||
} |
|||
|
|||
/* |
|||
* 1. Corrects font family not being inherited in all browsers. |
|||
* 2. Corrects font size not being inherited in all browsers. |
|||
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome |
|||
*/ |
|||
|
|||
button, |
|||
input, |
|||
select, |
|||
textarea { |
|||
font-family: inherit; /* 1 */ |
|||
font-size: 100%; /* 2 */ |
|||
margin: 0; /* 3 */ |
|||
} |
|||
|
|||
/* |
|||
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in |
|||
* the UA stylesheet. |
|||
*/ |
|||
|
|||
button, |
|||
input { |
|||
line-height: normal; |
|||
} |
|||
|
|||
/* |
|||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
|||
* and `video` controls. |
|||
* 2. Corrects inability to style clickable `input` types in iOS. |
|||
* 3. Improves usability and consistency of cursor style between image-type |
|||
* `input` and others. |
|||
*/ |
|||
|
|||
button, |
|||
html input[type="button"], /* 1 */ |
|||
input[type="reset"], |
|||
input[type="submit"] { |
|||
-webkit-appearance: button; /* 2 */ |
|||
cursor: pointer; /* 3 */ |
|||
} |
|||
|
|||
/* |
|||
* Re-set default cursor for disabled elements. |
|||
*/ |
|||
|
|||
button[disabled], |
|||
input[disabled] { |
|||
cursor: default; |
|||
} |
|||
|
|||
/* |
|||
* 1. Addresses box sizing set to `content-box` in IE 8/9. |
|||
* 2. Removes excess padding in IE 8/9. |
|||
*/ |
|||
|
|||
input[type="checkbox"], |
|||
input[type="radio"] { |
|||
box-sizing: border-box; /* 1 */ |
|||
padding: 0; /* 2 */ |
|||
} |
|||
|
|||
/* |
|||
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. |
|||
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome |
|||
* (include `-moz` to future-proof). |
|||
*/ |
|||
|
|||
input[type="search"] { |
|||
-webkit-appearance: textfield; /* 1 */ |
|||
-moz-box-sizing: content-box; |
|||
-webkit-box-sizing: content-box; /* 2 */ |
|||
box-sizing: content-box; |
|||
} |
|||
|
|||
/* |
|||
* Removes inner padding and search cancel button in Safari 5 and Chrome |
|||
* on OS X. |
|||
*/ |
|||
|
|||
input[type="search"]::-webkit-search-cancel-button, |
|||
input[type="search"]::-webkit-search-decoration { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
/* |
|||
* Removes inner padding and border in Firefox 4+. |
|||
*/ |
|||
|
|||
button::-moz-focus-inner, |
|||
input::-moz-focus-inner { |
|||
border: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/* |
|||
* 1. Removes default vertical scrollbar in IE 8/9. |
|||
* 2. Improves readability and alignment in all browsers. |
|||
*/ |
|||
|
|||
textarea { |
|||
overflow: auto; /* 1 */ |
|||
vertical-align: top; /* 2 */ |
|||
} |
|||
|
|||
/* ========================================================================== |
|||
Tables |
|||
========================================================================== */ |
|||
|
|||
/* |
|||
* Remove most spacing between table cells. |
|||
*/ |
|||
|
|||
table { |
|||
border-collapse: collapse; |
|||
border-spacing: 0; |
|||
} |
|||
| Before | After |
|---|---|
|
|
| Width: 500 | Height: 500 | Size: 28 KiB |
| Before | After |
|---|---|
|
|
| Width: 250 | Height: 250 | Size: 5.5 KiB |
| Before | After |
|---|---|
|
|
| Width: 250 | Height: 250 | Size: 13 KiB |
| Before | After |
|---|---|
|
|
| Width: 250 | Height: 250 | Size: 6.8 KiB |
@ -1,230 +0,0 @@ |
|||
// namespace
|
|||
window.semantic = { |
|||
handler: {} |
|||
}; |
|||
|
|||
// ready event
|
|||
semantic.ready = function() { |
|||
|
|||
// selector cache
|
|||
var |
|||
$ui = $('.ui').not('.hover, .down'), |
|||
$swap = $('.theme.menu .item'), |
|||
$menu = $('.sidebar.button'), |
|||
$sortTable = $('.sortable.table'), |
|||
$demo = $('.demo'), |
|||
$waypoints = $('h2'), |
|||
|
|||
$example = $('.example'), |
|||
|
|||
$peek = $('.peek'), |
|||
$peekMenu = $peek.find('.item'), |
|||
$code = $('div.code'), |
|||
|
|||
// alias
|
|||
handler |
|||
; |
|||
|
|||
// event handlers
|
|||
handler = { |
|||
|
|||
createIcon: function() { |
|||
$example |
|||
.each(function(){ |
|||
$('<i/>') |
|||
.addClass('icon code') |
|||
.prependTo( $(this) ) |
|||
; |
|||
}) |
|||
; |
|||
}, |
|||
|
|||
createCode: function() { |
|||
var |
|||
$example = $(this).closest('.example'), |
|||
$shape = $example.find('.shape.module'), |
|||
$demo = $example.children().slice(3).not('.annotated, .ignore'), |
|||
$annotated = $example.find('.annotated'), |
|||
$code = $annotated.find('.code'), |
|||
whiteSpace = new RegExp('\\n\\s{4}', 'g'), |
|||
code = '' |
|||
; |
|||
// if ui has wrapper use that
|
|||
if($demo.filter('.ui').size() === 0) { |
|||
$demo = $example.children().eq(3).children(); |
|||
} |
|||
// add source if doesnt exist and initialize
|
|||
if($annotated.size() === 0) { |
|||
$annotated = $('<div/>') |
|||
.addClass('annotated') |
|||
.appendTo($example) |
|||
; |
|||
} |
|||
if( $code.size() === 0) { |
|||
$demo |
|||
.each(function(){ |
|||
if($(this).hasClass('ui')) { |
|||
code += $(this).get(0).outerHTML + "\n"; |
|||
} |
|||
}) |
|||
; |
|||
code = $.trim(code.replace(whiteSpace, '\n')); |
|||
$code = $('<div/>') |
|||
.data('type', 'html') |
|||
.addClass('code') |
|||
.text(code) |
|||
.appendTo($annotated) |
|||
; |
|||
$.proxy(handler.initializeCode, $code)(); |
|||
} |
|||
if( $demo.first().is(':visible') ) { |
|||
$demo.hide(); |
|||
$annotated.fadeIn(500); |
|||
} |
|||
else { |
|||
$annotated.hide(); |
|||
if($demo.size() > 1) { |
|||
$demo.show(); |
|||
} |
|||
else { |
|||
$demo.fadeIn(500); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
initializeCode: function() { |
|||
var |
|||
$code = $(this), |
|||
contentType = $code.data('type') || 'javascript', |
|||
editor = ace.edit($code[0]), |
|||
editorSession = editor.getSession(), |
|||
padding = 4, |
|||
codeHeight = editor.getSession().getScreenLength() * (editor.renderer.lineHeight) + editor.renderer.scrollBar.getWidth() + padding |
|||
; |
|||
editor.setTheme('ace/theme/github'); |
|||
editor.setShowPrintMargin(false); |
|||
editor.setReadOnly(true); |
|||
editor.renderer.setShowGutter(false); |
|||
editor.setHighlightActiveLine(false); |
|||
|
|||
editorSession.setMode('ace/mode/'+ contentType); |
|||
editorSession.setTabSize(2); |
|||
editorSession.setUseSoftTabs(true); |
|||
|
|||
|
|||
$(this).height(codeHeight + 'px'); |
|||
editor.resize(); |
|||
|
|||
}, |
|||
|
|||
peek: function() { |
|||
$('html, body') |
|||
.stop() |
|||
.animate({ |
|||
scrollTop: $waypoints.eq( $peekMenu.index( $(this) ) ).offset().top - 90 |
|||
}, 500, function(){ |
|||
$(this).addClass('active').siblings().removeClass('active'); |
|||
}) |
|||
; |
|||
$('html') |
|||
.one('scroll', function() { |
|||
$('html,body').stop(); |
|||
}) |
|||
; |
|||
}, |
|||
swapStyle: function() { |
|||
var |
|||
theme = $(this).data('theme') |
|||
; |
|||
$(this) |
|||
.addClass('active') |
|||
.siblings() |
|||
.removeClass('active') |
|||
; |
|||
$('head link.ui') |
|||
.each(function() { |
|||
var |
|||
href = $(this).attr('href'), |
|||
subDirectory = href.split('/')[3], |
|||
newLink = href.replace(subDirectory, theme) |
|||
; |
|||
console.log(theme, newLink); |
|||
$(this) |
|||
.attr('href', newLink) |
|||
; |
|||
}) |
|||
; |
|||
} |
|||
}; |
|||
|
|||
// attach events
|
|||
$ui |
|||
.state() |
|||
; |
|||
if($.fn.tablesort !== undefined) { |
|||
$sortTable |
|||
.tablesort() |
|||
; |
|||
} |
|||
|
|||
$waypoints |
|||
.waypoint({ |
|||
continuous : false, |
|||
offset : 215, |
|||
handler : function(direction) { |
|||
var |
|||
index = (direction == 'down') |
|||
? $waypoints.index(this) |
|||
: ($waypoints.index(this) - 1 >= 0) |
|||
? ($waypoints.index(this) - 1) |
|||
: 0 |
|||
; |
|||
$peekMenu |
|||
.removeClass('active') |
|||
.eq( index ) |
|||
.addClass('active') |
|||
; |
|||
} |
|||
}) |
|||
; |
|||
|
|||
if(window.ace !== undefined) { |
|||
$code |
|||
.each(handler.initializeCode) |
|||
; |
|||
} |
|||
|
|||
handler.createIcon(); |
|||
$example |
|||
.find('i.code') |
|||
.on('click', handler.createCode) |
|||
; |
|||
|
|||
$swap |
|||
.on('click', handler.swapStyle) |
|||
; |
|||
|
|||
$menu |
|||
.sidr({ |
|||
name: 'menu' |
|||
}) |
|||
; |
|||
|
|||
$peek |
|||
.waypoint('sticky', { |
|||
offset: 80, |
|||
stuckClass: 'stuck' |
|||
}) |
|||
; |
|||
$peekMenu |
|||
.state() |
|||
.on('click', handler.peek) |
|||
; |
|||
|
|||
}; |
|||
|
|||
|
|||
// attach ready event
|
|||
$(document) |
|||
.ready(semantic.ready) |
|||
; |
|||
@ -1,79 +0,0 @@ |
|||
semantic.shape = {}; |
|||
|
|||
// ready event
|
|||
semantic.shape.ready = function() { |
|||
|
|||
// selector cache
|
|||
var |
|||
$demo = $('.demo'), |
|||
$directionButton = $('.direction .button'), |
|||
$shapeButton = $('.shape .button'), |
|||
// alias
|
|||
handler |
|||
; |
|||
|
|||
// event handlers
|
|||
handler = { |
|||
rotate: function() { |
|||
var |
|||
direction = $(this).data('direction') || false, |
|||
animation = $(this).data('animation') || false |
|||
; |
|||
if(direction && animation) { |
|||
$('.active.side') |
|||
.next() |
|||
; |
|||
$demo |
|||
.shape(animation + '.' + direction) |
|||
; |
|||
} |
|||
}, |
|||
|
|||
removeShape: function(){ |
|||
var |
|||
shape = $(this).data('shape') || false |
|||
; |
|||
if(shape) { |
|||
$demo |
|||
.removeClass(shape) |
|||
; |
|||
} |
|||
}, |
|||
|
|||
changeShape: function() { |
|||
var |
|||
$shape = $(this), |
|||
$otherShapes = $shape.siblings(), |
|||
shape = $shape.data('shape') |
|||
; |
|||
$shape |
|||
.addClass('active') |
|||
; |
|||
$otherShapes |
|||
.removeClass('active') |
|||
.each(handler.removeShape) |
|||
; |
|||
$demo |
|||
.addClass(shape) |
|||
; |
|||
} |
|||
}; |
|||
|
|||
// attach events
|
|||
$demo |
|||
.shape() |
|||
; |
|||
$directionButton |
|||
.on('click', handler.rotate) |
|||
; |
|||
$shapeButton |
|||
.on('click', handler.changeShape) |
|||
; |
|||
|
|||
}; |
|||
|
|||
|
|||
// attach ready event
|
|||
$(document) |
|||
.ready(semantic.shape.ready) |
|||
; |
|||
@ -1,23 +0,0 @@ |
|||
semantic.table = {}; |
|||
|
|||
// ready event
|
|||
semantic.table.ready = function() { |
|||
|
|||
// selector cache
|
|||
var |
|||
$sortTable = $('.sortable.table'), |
|||
// alias
|
|||
handler |
|||
; |
|||
|
|||
$sortTable |
|||
.tablesort() |
|||
; |
|||
|
|||
}; |
|||
|
|||
|
|||
// attach ready event
|
|||
$(document) |
|||
.ready(semantic.table.ready) |
|||
; |
|||
@ -1,333 +0,0 @@ |
|||
<!DOCTYPE HTML> |
|||
<html> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
|||
<title>UI Label - Semantic</title> |
|||
|
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/panel.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/button.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/text.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/form.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/grid.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/divider.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/block.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/segment.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/icons.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/menu.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" class="ui" href="../src/ui/flat/label.css" type="text/css" media="screen" /> |
|||
|
|||
<link rel="stylesheet" href="../src/modules/ui/shape.css" type="text/css" media="screen" /> |
|||
|
|||
<link rel="stylesheet" href="library/sidr.css" type="text/css" media="screen" /> |
|||
<link rel="stylesheet" href="stylesheets/example.css" type="text/css" media="screen" /> |
|||
|
|||
<script src="library/jquery.js" type="text/javascript"></script> |
|||
<script src="library/ace/ace.js" type="text/javascript"></script> |
|||
<script src="library/sidr.js" type="text/javascript"></script> |
|||
<script src="library/waypoints.js" type="text/javascript"></script> |
|||
<script src="javascript/semantic.js" type="text/javascript"></script> |
|||
|
|||
<script src="../src/modules/ui/shape.js" type="text/javascript"></script> |
|||
<script src="../src/modules/behavior/state.js" type="text/javascript"></script> |
|||
|
|||
</head> |
|||
|
|||
<body id="example"> |
|||
|
|||
<div class="ui large vertical menu" id="menu"> |
|||
<div class="menu"> |
|||
<div class="item"><a href="module.html"><b>Introduction</b></a></div> |
|||
<div class="item"><a href="download"><b>Download</b></a></div> |
|||
<div class="item"> |
|||
<a><b>UI Collections</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="form.html">Forms</a></div> |
|||
<div class="active item"><a href="menu.html">Menu</a></div> |
|||
<div class="item"><a href="element.html">Grid</a></div> |
|||
<div class="item"><a href="table.html">Table</a></div> |
|||
<div class="item"><a href="item.html">Items</a></div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<a><b>UI Elements</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="steps.html">Steps</a></div> |
|||
<div class="item"><a href="button.html">Button</a></div> |
|||
<div class="item"><a href="table.html">Table</a></div> |
|||
<div class="item"><a href="progress.html">Progress</a></div> |
|||
<div class="item"><a href="text.html">Text Block</a></div> |
|||
<div class="item"><a href="header.html">Headers</a></div> |
|||
<div class="item"><a href="header.html">Segment</a></div> |
|||
<div class="item"><a href="column.html">Columns</a></div> |
|||
<div class="item"><a href="element.html">Elements (Grid System)</a></div> |
|||
<div class="active item"><a href="label.html">Label</a></div> |
|||
<div class="item"><a href="item.html">Items (Lists of Content)</a></div> |
|||
<div class="item"><a href="panel.html">Panels (Type of Menu)</a></div> |
|||
<div class="item"><a href="icon.html">Icons</a></div> |
|||
<div class="item"><a href="divider.html">Dividers</a></div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<a><b>UI Views</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="form.html">Forms</a></div> |
|||
<div class="item"><a href="activity.html">Activity Feed</a></div> |
|||
<div class="item"><a href="list.html">Content List</a></div> |
|||
<div class="item"><a href="user-list.html">User List</a></div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<a><b>UI Modules</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="accordion.html">Accordion</a></div> |
|||
<div class="item"><a href="chatroom.html">Chat Room</a></div> |
|||
<div class="item"><a href="modal.html">Modal</a></div> |
|||
<div class="item"><a href="nag.html">Nag</a></div> |
|||
<div class="item"><a href="popup.html">Popup</a></div> |
|||
<div class="item"><a href="search.html">Search</a></div> |
|||
<div class="item"><a href="star.html">Star Rating</a></div> |
|||
<div class="item"><a href="tab.html">Tabs</a></div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<a><b>Behavioral Modules</b></a> |
|||
<div class="menu"> |
|||
<div class="item"><a href="api.html">API</a></div> |
|||
<div class="item"><a href="animation.html">Animation</a></div> |
|||
<div class="item"><a href="validate.html">Form Validation</a></div> |
|||
<div class="item"><a href="placeholder.html">Placeholder Text</a></div> |
|||
<div class="item"><a href="shape.html">Shape</a></div> |
|||
<div class="item"><a href="state.html">State</a></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="ui fixed transparent contrasting menu"> |
|||
<div class="container"> |
|||
<div class="title item"> |
|||
Semantic UI: Label |
|||
</div> |
|||
<div class="icon previous link item"> |
|||
<a href="menu.html"><i class="icon left-open"></i></a> |
|||
</div> |
|||
<div class="section dropdown item"> |
|||
5 of 14 |
|||
<div class="menu"> |
|||
<a href="button.html" class="item">1. Button</a> |
|||
<a href="form.html" class="item">2. Form</a> |
|||
<a href="table.html" class="item">3. Table</a> |
|||
<a href="menu.html" class="item">4. Menu</a> |
|||
<a class="active item">5. Label</a> |
|||
<a href="text.html" class="item">6. Text Block</a> |
|||
</div> |
|||
</div> |
|||
<div class="icon next link item"> |
|||
<a href="text.html"><i class="icon right-open"></i></a> |
|||
</div> |
|||
<div class="right menu"> |
|||
<a class="item" href="https://github.com/quirkyinc/semantic"> |
|||
<i class="icon cloud"></i> |
|||
</a> |
|||
<a class="item" href="https://github.com/quirkyinc/semantic"> |
|||
<i class="icon github"></i> |
|||
</a> |
|||
<div class="dropdown item"> |
|||
<i class="icon tint"></i> Theme |
|||
<div class="theme menu"> |
|||
<div class="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> |
|||
<div class="ui huge left attached vertical side buttons"> |
|||
<div class="ui large blue sidebar button">Menu</div> |
|||
</div> |
|||
<div class="segment"> |
|||
<div class="container"> |
|||
<h1>Label</h1> |
|||
<p>Labels can be used to give descriptions to sections of content. They can be formatted like tags, used to mark separate sections of a group of content.</p> |
|||
</div> |
|||
</div> |
|||
<div class="main container"> |
|||
|
|||
<div class="peek"> |
|||
<div class="ui vertical pointing link menu"> |
|||
<div class="active item">Standard</div> |
|||
<div class="item">States</div> |
|||
<div class="item">Variations</div> |
|||
<div class="item">Groups</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<h2>Standard</h2> |
|||
<div class="example"> |
|||
<h4>Label</h4> |
|||
<p>A basic label</p> |
|||
<div class="ui label"> |
|||
Fun |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Linkable Label</h4> |
|||
<p>If an a tag is used, a label will be formatted as a link</p> |
|||
<a class="ui label"> |
|||
Fun |
|||
</a> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Attached Label</h4> |
|||
<p>A label attached to a content segment</p> |
|||
<div class="ui two elements"> |
|||
<div class="element"> |
|||
<div class="ui segment"> |
|||
<div class="ui attached label">Top Left</div> |
|||
<div class="ui right attached label">Top Right</div> |
|||
<div class="ui bottom attached label">Bottom Left</div> |
|||
<div class="ui bottom right attached label">Bottom Right</div> |
|||
<p style="margin:40px 0px;">Hey let's look at labels.</p> |
|||
</div> |
|||
</div> |
|||
<div class="element"> |
|||
<div class="ui segment"> |
|||
<div class="ui black attached label">Existing Users</div> |
|||
<div class="ui fluid form"> |
|||
<div class="field"> |
|||
<label>E-mail</label> |
|||
<input type="text"> |
|||
</div> |
|||
<div class="field"> |
|||
<label>Password</label> |
|||
<input type="password"> |
|||
</div> |
|||
<div class="ui button">Log in</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Label with detail</h4> |
|||
<p>A tag can optionally display a detail</p> |
|||
<div class="ui label"> |
|||
Fun |
|||
<div class="detail">New</div> |
|||
</div> |
|||
<div class="ui label"> |
|||
Red |
|||
<div class="detail">22</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Removable label</h4> |
|||
<p>A tag can also be removable</p> |
|||
<div class="ui label"> |
|||
Witty |
|||
<i class="icon close"></i> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<h2>States</h2> |
|||
<p>Labels only have a single ui state</p> |
|||
|
|||
<h2>Variations</h2> |
|||
<div class="example"> |
|||
<h4>Colors</h4> |
|||
<p>A label can have different colors</p> |
|||
<a class="ui black label"> |
|||
First |
|||
</a> |
|||
<a class="ui green label"> |
|||
Fun |
|||
</a> |
|||
<a class="ui red label"> |
|||
Happy |
|||
</a> |
|||
<a class="ui blue label"> |
|||
Smart |
|||
</a> |
|||
<a class="ui purple label"> |
|||
Insane |
|||
</a> |
|||
<a class="ui yellow label"> |
|||
Witty |
|||
</a> |
|||
<a class="ui pink label"> |
|||
Exciting |
|||
</a> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Tag</h4> |
|||
<p>A label can look like a tag</p> |
|||
<a class="ui tag label"> |
|||
First |
|||
</a> |
|||
</div> |
|||
|
|||
<div class="example"> |
|||
<h4>Size</h4> |
|||
<p>A label can be small or large</p> |
|||
<div class="ui small label"> |
|||
Fun |
|||
</div> |
|||
<br><br> |
|||
<div class="ui large label"> |
|||
Fun |
|||
</div> |
|||
</div> |
|||
|
|||
<h2>Groups</h2> |
|||
|
|||
<div class="example"> |
|||
<h4>Label Groups</h4> |
|||
<p>Groups can share variations together</p> |
|||
<div class="ui large labels"> |
|||
<div class="ui label"> |
|||
Fun |
|||
</div> |
|||
<div class="ui label"> |
|||
Happy |
|||
</div> |
|||
<div class="ui label"> |
|||
Smart |
|||
</div> |
|||
<div class="ui label"> |
|||
Witty |
|||
</div> |
|||
</div> |
|||
<br><br> |
|||
<div class="ui tag labels"> |
|||
<a class="ui green label"> |
|||
Fun <i class="icon close"></i> |
|||
</a> |
|||
<a class="ui red label"> |
|||
Happy |
|||
<div class="detail">22</div> |
|||
</a> |
|||
<a class="ui blue label"> |
|||
Smart |
|||
</a> |
|||
<a class="ui purple label"> |
|||
Insane |
|||
</a> |
|||
<a class="ui yellow label"> |
|||
Witty |
|||
</a> |
|||
<a class="ui label"> |
|||
Exciting |
|||
</a> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1 +0,0 @@ |
|||
2847ae5069203e58b2118dbf5d39e4c0802c9973 |
|||
@ -1 +0,0 @@ |
|||
ace.define("ace/ext/elastic_tabstops_lite",["require","exports","module","ace/editor","ace/config"],function(e,t,n){var r=function(e){this.$editor=e;var t=this,n=[],r=!1;this.onAfterExec=function(){r=!1,t.processRows(n),n=[]},this.onExec=function(){r=!0},this.onChange=function(e){var t=e.data.range;r&&(n.indexOf(t.start.row)==-1&&n.push(t.start.row),t.end.row!=t.start.row&&n.push(t.end.row))}};(function(){this.processRows=function(e){this.$inChange=!0;var t=[];for(var n=0,r=e.length;n<r;n++){var i=e[n];if(t.indexOf(i)>-1)continue;var s=this.$findCellWidthsForBlock(i),o=this.$setBlockCellWidthsToMax(s.cellWidths),u=s.firstRow;for(var a=0,f=o.length;a<f;a++){var l=o[a];t.push(u),this.$adjustRow(u,l),u++}}this.$inChange=!1},this.$findCellWidthsForBlock=function(e){var t=[],n,r=e;while(r>=0){n=this.$cellWidthsForRow(r);if(n.length==0)break;t.unshift(n),r--}var i=r+1;r=e;var s=this.$editor.session.getLength();while(r<s-1){r++,n=this.$cellWidthsForRow(r);if(n.length==0)break;t.push(n)}return{cellWidths:t,firstRow:i}},this.$cellWidthsForRow=function(e){var t=this.$selectionColumnsForRow(e),n=[-1].concat(this.$tabsForRow(e)),r=n.map(function(e){return 0}).slice(1),i=this.$editor.session.getLine(e);for(var s=0,o=n.length-1;s<o;s++){var u=n[s]+1,a=n[s+1],f=this.$rightmostSelectionInCell(t,a),l=i.substring(u,a);r[s]=Math.max(l.replace(/\s+$/g,"").length,f-u)}return r},this.$selectionColumnsForRow=function(e){var t=[],n=this.$editor.getCursorPosition();return this.$editor.session.getSelection().isEmpty()&&e==n.row&&t.push(n.column),t},this.$setBlockCellWidthsToMax=function(e){var t=!0,n,r,i,s=this.$izip_longest(e);for(var o=0,u=s.length;o<u;o++){var a=s[o];if(!a.push){console.error(a);continue}a.push(NaN);for(var f=0,l=a.length;f<l;f++){var c=a[f];t&&(n=f,i=0,t=!1);if(isNaN(c)){r=f;for(var h=n;h<r;h++)e[h][o]=i;t=!0}i=Math.max(i,c)}}return e},this.$rightmostSelectionInCell=function(e,t){var n=0;if(e.length){var r=[];for(var i=0,s=e.length;i<s;i++)e[i]<=t?r.push(i):r.push(0);n=Math.max.apply(Math,r)}return n},this.$tabsForRow=function(e){var t=[],n=this.$editor.session.getLine(e),r=/\t/g,i;while((i=r.exec(n))!=null)t.push(i.index);return t},this.$adjustRow=function(e,t){var n=this.$tabsForRow(e);if(n.length==0)return;var r=0,i=-1,s=this.$izip(t,n);for(var o=0,u=s.length;o<u;o++){var a=s[o][0],f=s[o][1];i+=1+a,f+=r;var l=i-f;if(l==0)continue;var c=this.$editor.session.getLine(e).substr(0,f),h=c.replace(/\s*$/g,""),p=c.length-h.length;l>0&&(this.$editor.session.getDocument().insertInLine({row:e,column:f+1},Array(l+1).join(" ")+" "),this.$editor.session.getDocument().removeInLine(e,f,f+1),r+=l),l<0&&p>=-l&&(this.$editor.session.getDocument().removeInLine(e,f+l,f),r+=l)}},this.$izip_longest=function(e){if(!e[0])return[];var t=e[0].length,n=e.length;for(var r=1;r<n;r++){var i=e[r].length;i>t&&(t=i)}var s=[];for(var o=0;o<t;o++){var u=[];for(var r=0;r<n;r++)e[r][o]===""?u.push(NaN):u.push(e[r][o]);s.push(u)}return s},this.$izip=function(e,t){var n=e.length>=t.length?t.length:e.length,r=[];for(var i=0;i<n;i++){var s=[e[i],t[i]];r.push(s)}return r}}).call(r.prototype),t.ElasticTabstopsLite=r;var i=e("../editor").Editor;e("../config").defineOptions(i.prototype,"editor",{useElasticTabstops:{set:function(e){e?(this.elasticTabstops||(this.elasticTabstops=new r(this)),this.commands.on("afterExec",this.elasticTabstops.onAfterExec),this.commands.on("exec",this.elasticTabstops.onExec),this.on("change",this.elasticTabstops.onChange)):this.elasticTabstops&&(this.commands.removeListener("afterExec",this.elasticTabstops.onAfterExec),this.commands.removeListener("exec",this.elasticTabstops.onExec),this.removeListener("change",this.elasticTabstops.onChange))}}})}) |
|||
@ -1 +0,0 @@ |
|||
ace.define("ace/ext/emmet",["require","exports","module","ace/keyboard/hash_handler","ace/editor","ace/config"],function(e,t,n){function o(){}function f(e){a.setupContext(e);if(a.getSyntax()=="php")return!1;var t=s.require("actions");try{var n=t.run(this.name,a)}catch(r){e._signal("changeStatus",typeof r=="string"?r:r.message)}return n}var r=e("ace/keyboard/hash_handler").HashHandler,i=e("ace/editor").Editor,s;i.prototype.indexToPosition=function(e){return this.session.doc.indexToPosition(e)},i.prototype.positionToIndex=function(e){return this.session.doc.positionToIndex(e)},o.prototype={setupContext:function(e){this.ace=e,this.indentation=e.session.getTabString(),s.require("resources").setVariable("indentation",this.indentation),this.$syntax=null,this.$syntax=this.getSyntax()},getSelectionRange:function(){var e=this.ace.getSelectionRange();return{start:this.ace.positionToIndex(e.start),end:this.ace.positionToIndex(e.end)}},createSelection:function(e,t){this.ace.selection.setRange({start:this.ace.indexToPosition(e),end:this.ace.indexToPosition(t)})},getCurrentLineRange:function(){var e=this.ace.getCursorPosition().row,t=this.ace.session.getLine(e).length,n=this.ace.positionToIndex({row:e,column:0});return{start:n,end:n+t}},getCaretPos:function(){var e=this.ace.getCursorPosition();return this.ace.positionToIndex(e)},setCaretPos:function(e){var t=this.ace.indexToPosition(e);this.ace.clearSelection(),this.ace.selection.moveCursorToPosition(t)},getCurrentLine:function(){var e=this.ace.getCursorPosition().row;return this.ace.session.getLine(e)},replaceContent:function(e,t,n,r){n==null&&(n=t==null?content.length:t),t==null&&(t=0);var i=s.require("utils");r||(e=i.padString(e,i.getLinePaddingFromPosition(this.getContent(),t)));var o=s.require("tabStops").extract(e,{escape:function(e){return e}});e=o.text;var u=o.tabstops[0];u?(u.start+=t,u.end+=t):u={start:e.length+t,end:e.length+t};var a=this.ace.getSelectionRange();a.start=this.ace.indexToPosition(t),a.end=this.ace.indexToPosition(n),this.ace.session.replace(a,e),a.start=this.ace.indexToPosition(u.start),a.end=this.ace.indexToPosition(u.end),this.ace.selection.setRange(a)},getContent:function(){return this.ace.getValue()},getSyntax:function(){if(this.$syntax)return this.$syntax;var e=this.ace.session.$modeId.split("/").pop();if(e=="html"||e=="php"){var t=this.ace.getCursorPosition(),n=this.ace.session.getState(t.row);typeof n!="string"&&(n=n[0]),n&&(n=n.split("-"),n.length>1?e=n[0]:e=="php"&&(e="html"))}return e},getProfileName:function(){switch(this.getSyntax()){case"css":return css;case"xml":case"xsl":return"xml";case"html":var e=s.require("resources").getVariable("profile");return e||(e=this.ace.session.getLines(0,2).join("").search(/<!DOCTYPE[^>]+XHTML/i)!=-1?"xhtml":"html"),e}return"xhtml"},prompt:function(e){return prompt(e)},getSelection:function(){return this.ace.session.getTextRange()},getFilePath:function(){return""}};var u={expand_abbreviation:{mac:"ctrl+alt+e",win:"alt+e"},match_pair_outward:{mac:"ctrl+d",win:"ctrl+,"},match_pair_inward:{mac:"ctrl+j",win:"ctrl+shift+0"},matching_pair:{mac:"ctrl+alt+j",win:"alt+j"},next_edit_point:"alt+right",prev_edit_point:"alt+left",toggle_comment:{mac:"command+shift+/",win:"ctrl+shift+/"},split_join_tag:{mac:"shift+command+'",win:"shift+ctrl+`"},remove_tag:{mac:"command+'",win:"shift+ctrl+;"},evaluate_math_expression:{mac:"shift+command+y",win:"shift+ctrl+y"},increment_number_by_1:"ctrl+up",decrement_number_by_1:"ctrl+down",increment_number_by_01:"alt+up",decrement_number_by_01:"alt+down",increment_number_by_10:{mac:"alt+command+up",win:"shift+alt+up"},decrement_number_by_10:{mac:"alt+command+down",win:"shift+alt+down"},select_next_item:{mac:"shift+command+.",win:"shift+ctrl+."},select_previous_item:{mac:"shift+command+,",win:"shift+ctrl+,"},reflect_css_value:{mac:"shift+command+r",win:"shift+ctrl+r"},encode_decode_data_url:{mac:"shift+ctrl+d",win:"ctrl+'"},expand_abbreviation_with_tab:"Tab"},a=new o;t.commands=new r;for(var l in u)t.commands.addCommand({name:l,bindKey:u[l],exec:f});var c=function(e,n){var r=n;if(!r)return;var i=r.session.$modeId,s=i&&/css|less|sass|html|php/.test(i);e.enableEmmet===!1&&(s=!1),s?r.keyBinding.addKeyboardHandler(t.commands):r.keyBinding.removeKeyboardHandler(t.commands)};t.AceEmmetEditor=o,e("ace/config").defineOptions(i.prototype,"editor",{enableEmmet:{set:function(e){this[e?"on":"removeListener"]("changeMode",c),c({enableEmmet:!!e},this)},value:!0}}),t.setCore=function(e){s=e}}) |
|||
1
previous/library/ace/ext-searchbox.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
ace.define("ace/ext/spellcheck",["require","exports","module","ace/lib/event","ace/editor","ace/config"],function(e,t,n){var r=e("../lib/event");t.contextMenuHandler=function(e){var t=e.target,n=t.textInput.getElement();if(!t.selection.isEmpty())return;var i=t.getCursorPosition(),s=t.session.getWordRange(i.row,i.column),o=t.session.getTextRange(s);t.session.tokenRe.lastIndex=0;if(!t.session.tokenRe.test(o))return;var u="",a=o+" "+u;n.value=a,n.setSelectionRange(o.length+1,o.length+1),n.setSelectionRange(0,0);var f=!1;r.addListener(n,"keydown",function l(){r.removeListener(n,"keydown",l),f=!0}),t.textInput.setInputHandler(function(e){console.log(e,a,n.selectionStart,n.selectionEnd);if(e==a)return"";if(e.lastIndexOf(a,0)===0)return e.slice(a.length);if(e.substr(n.selectionEnd)==a)return e.slice(0,-a.length);if(e.slice(-2)==u){var r=e.slice(0,-2);if(r.slice(-1)==" ")return f?r.substring(0,n.selectionEnd):(r=r.slice(0,-1),t.session.replace(s,r),"")}return e})};var i=e("../editor").Editor;e("../config").defineOptions(i.prototype,"editor",{spellcheck:{set:function(e){var n=this.textInput.getElement();n.spellcheck=!!e,e?this.on("nativecontextmenu",t.contextMenuHandler):this.removeListener("nativecontextmenu",t.contextMenuHandler)},value:!0}})}) |
|||
@ -1 +0,0 @@ |
|||
ace.define("ace/ext/static_highlight",["require","exports","module","ace/edit_session","ace/layer/text"],function(e,t,n){var r=e("../edit_session").EditSession,i=e("../layer/text").Text,s=".ace_editor {font-family: 'Monaco', 'Menlo', 'Droid Sans Mono', 'Courier New', monospace;font-size: 12px;}.ace_editor .ace_gutter { width: 25px !important;display: block;float: left;text-align: right; padding: 0 3px 0 0; margin-right: 3px;}.ace_line { clear: both; }*.ace_gutter-cell {-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}";t.render=function(e,t,n,o,u){o=parseInt(o||1,10);var a=new r("");a.setMode(t),a.setUseWorker(!1);var f=new i(document.createElement("div"));f.setSession(a),f.config={characterWidth:10,lineHeight:20},a.setValue(e);var l=[],c=a.getLength();for(var h=0;h<c;h++)l.push("<div class='ace_line'>"),u||l.push("<span class='ace_gutter ace_gutter-cell' unselectable='on'>"+(h+o)+"</span>"),f.$renderLine(l,h,!0,!1),l.push("</div>");var p="<div class=':cssClass'> <div class='ace_editor ace_scroller ace_text-layer'> :code </div> </div>".replace(/:cssClass/,n.cssClass).replace(/:code/,l.join(""));return f.destroy(),{css:s+n.cssText,html:p}}}) |
|||
1
previous/library/ace/ext-textarea.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
ace.define("ace/ext/whitespace",["require","exports","module","ace/lib/lang"],function(e,t,n){var r=e("../lib/lang");t.$detectIndentation=function(e,t){function h(e){var t=0;for(var r=e;r<n.length;r+=e)t+=n[r]||0;return t}var n=[],r=[],i=0,s=0,o=Math.min(e.length,1e3);for(var u=0;u<o;u++){var a=e[u];if(!/^\s*[^*+\-\s]/.test(a))continue;var f=a.match(/^\t*/)[0].length;a[0]==" "&&i++;var l=a.match(/^ */)[0].length;if(l&&a[l]!=" "){var c=l-s;c>0&&!(s%c)&&!(l%c)&&(r[c]=(r[c]||0)+1),n[l]=(n[l]||0)+1}s=l;while(a[a.length-1]=="\\")a=e[u++]}var p=r.reduce(function(e,t){return e+t},0),d={score:0,length:0},v=0;for(var u=1;u<12;u++){if(u==1){v=h(u);var m=1}else var m=h(u)/v;r[u]&&(m+=r[u]/p),m>d.score&&(d={score:m,length:u})}if(d.score&&d.score>1.4)var g=d.length;if(i>v+1)return{ch:" ",length:g};if(v+1>i)return{ch:" ",length:g}},t.detectIndentation=function(e){var n=e.getLines(0,1e3),r=t.$detectIndentation(n)||{};return r.ch&&e.setUseSoftTabs(r.ch==" "),r.length&&e.setTabSize(r.length),r},t.trimTrailingSpace=function(e){var t=e.getDocument(),n=t.getAllLines();for(var r=0,i=n.length;r<i;r++){var s=n[r],o=s.search(/\s+$/);o!==-1&&t.removeInLine(r,o,s.length)}},t.convertIndentation=function(e,t,n){var i=e.getTabString()[0],s=e.getTabSize();n||(n=s),t||(t=i);var o=t==" "?t:r.stringRepeat(t,n),u=e.doc,a=u.getAllLines(),f={},l={};for(var c=0,h=a.length;c<h;c++){var p=a[c],d=p.match(/^\s*/)[0];if(d){var v=e.$getStringScreenWidth(d)[0],m=Math.floor(v/s),g=v%s,y=f[m]||(f[m]=r.stringRepeat(o,m));y+=l[g]||(l[g]=r.stringRepeat(" ",g)),y!=d&&(u.removeInLine(c,0,d.length),u.insertInLine({row:c,column:0},y))}}e.setTabSize(n),e.setUseSoftTabs(t==" ")},t.$parseStringArg=function(e){var t={};/t/.test(e)?t.ch=" ":/s/.test(e)&&(t.ch=" ");var n=e.match(/\d+/);return n&&(t.length=parseInt(n[0])),t},t.$parseArg=function(e){return e?typeof e=="string"?t.$parseStringArg(e):typeof e.text=="string"?t.$parseStringArg(e.text):e:{}},t.commands=[{name:"detectIndentation",exec:function(e){t.detectIndentation(e.session)}},{name:"trimTrailingSpace",exec:function(e){t.trimTrailingSpace(e.session)}},{name:"convertIndentation",exec:function(e,n){var r=t.$parseArg(n);t.convertIndentation(e.session,n.ch,n.length)}},{name:"setIndentation",exec:function(e,n){var r=t.$parseArg(n);r.length&&e.session.setTabSize(r.length),r.ch&&e.session.setUseSoftTabs(r.ch==" ")}}]}) |
|||
1
previous/library/ace/keybinding-emacs.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/keybinding-vim.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-abap.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-asciidoc.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
ace.define("ace/mode/c9search",["require","exports","module","ace/lib/oop","ace/mode/text","ace/tokenizer","ace/mode/c9search_highlight_rules","ace/mode/matching_brace_outdent","ace/mode/folding/c9search"],function(e,t,n){var r=e("../lib/oop"),i=e("./text").Mode,s=e("../tokenizer").Tokenizer,o=e("./c9search_highlight_rules").C9SearchHighlightRules,u=e("./matching_brace_outdent").MatchingBraceOutdent,a=e("./folding/c9search").FoldMode,f=function(){this.$tokenizer=new s((new o).getRules()),this.$outdent=new u,this.foldingRules=new a};r.inherits(f,i),function(){this.getNextLineIndent=function(e,t,n){var r=this.$getIndent(t);return r},this.checkOutdent=function(e,t,n){return this.$outdent.checkOutdent(t,n)},this.autoOutdent=function(e,t,n){this.$outdent.autoOutdent(t,n)}}.call(f.prototype),t.Mode=f}),ace.define("ace/mode/c9search_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text_highlight_rules").TextHighlightRules,s=function(){this.$rules={start:[{token:["c9searchresults.constant.numeric","c9searchresults.text","c9searchresults.text"],regex:"(^\\s+[0-9]+)(:\\s*)(.+)"},{token:["string","text"],regex:"(.+)(:$)"}]}};r.inherits(s,i),t.C9SearchHighlightRules=s}),ace.define("ace/mode/matching_brace_outdent",["require","exports","module","ace/range"],function(e,t,n){var r=e("../range").Range,i=function(){};(function(){this.checkOutdent=function(e,t){return/^\s+$/.test(e)?/^\s*\}/.test(t):!1},this.autoOutdent=function(e,t){var n=e.getLine(t),i=n.match(/^(\s*\})/);if(!i)return 0;var s=i[1].length,o=e.findMatchingBracket({row:t,column:s});if(!o||o.row==t)return 0;var u=this.$getIndent(e.getLine(o.row));e.replace(new r(t,0,t,s-1),u)},this.$getIndent=function(e){return e.match(/^\s*/)[0]}}).call(i.prototype),t.MatchingBraceOutdent=i}),ace.define("ace/mode/folding/c9search",["require","exports","module","ace/lib/oop","ace/range","ace/mode/folding/fold_mode"],function(e,t,n){var r=e("../../lib/oop"),i=e("../../range").Range,s=e("./fold_mode").FoldMode,o=t.FoldMode=function(){};r.inherits(o,s),function(){this.foldingStartMarker=/^(\S.*\:|Searching for.*)$/,this.foldingStopMarker=/^(\s+|Found.*)$/,this.getFoldWidgetRange=function(e,t,n){var r=e.doc.getAllLines(n),s=r[n],o=/^(Found.*|Searching for.*)$/,u=/^(\S.*\:|\s*)$/,a=o.test(s)?o:u;if(this.foldingStartMarker.test(s)){for(var f=n+1,l=e.getLength();f<l;f++)if(a.test(r[f]))break;return new i(n,s.length,f,0)}if(this.foldingStopMarker.test(s)){for(var f=n-1;f>=0;f--){s=r[f];if(a.test(s))break}return new i(f,s.length,n,0)}}}.call(o.prototype)}) |
|||
1
previous/library/ace/mode-c_cpp.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-clojure.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-coffee.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
5e352898f46e8ad38df15f6570678491b9cd0d56 |
|||
1
previous/library/ace/mode-csharp.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-css.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
4b77405586db919af342a46d21299ebb9e14b35e |
|||
1
previous/library/ace/mode-dart.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
ace.define("ace/mode/diff",["require","exports","module","ace/lib/oop","ace/mode/text","ace/tokenizer","ace/mode/diff_highlight_rules","ace/mode/folding/diff"],function(e,t,n){var r=e("../lib/oop"),i=e("./text").Mode,s=e("../tokenizer").Tokenizer,o=e("./diff_highlight_rules").DiffHighlightRules,u=e("./folding/diff").FoldMode,a=function(){this.$tokenizer=new s((new o).getRules()),this.foldingRules=new u(["diff","index","\\+{3}","@@|\\*{5}"],"i")};r.inherits(a,i),function(){}.call(a.prototype),t.Mode=a}),ace.define("ace/mode/diff_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text_highlight_rules").TextHighlightRules,s=function(){this.$rules={start:[{regex:"^(?:\\*{15}|={67}|-{3}|\\+{3})$",token:"punctuation.definition.separator.diff",name:"keyword"},{regex:"^(@@)(\\s*.+?\\s*)(@@)(.*)$",token:["constant","constant.numeric","constant","comment.doc.tag"]},{regex:"^(\\d+)([,\\d]+)(a|d|c)(\\d+)([,\\d]+)(.*)$",token:["constant.numeric","punctuation.definition.range.diff","constant.function","constant.numeric","punctuation.definition.range.diff","invalid"],name:"meta."},{regex:"^(\\-{3}|\\+{3}|\\*{3})( .+)$",token:["constant.numeric","meta.tag"]},{regex:"^([!+>])(.*?)(\\s*)$",token:["support.constant","text","invalid"]},{regex:"^([<\\-])(.*?)(\\s*)$",token:["support.function","string","invalid"]},{regex:"^(diff)(\\s+--\\w+)?(.+?)( .+)?$",token:["variable","variable","keyword","variable"]},{regex:"^Index.+$",token:"variable"},{regex:"\\s*$",token:"invalid"},{defaultToken:"invisible",caseInsensitive:!0}]}};r.inherits(s,i),t.DiffHighlightRules=s}),ace.define("ace/mode/folding/diff",["require","exports","module","ace/lib/oop","ace/mode/folding/fold_mode","ace/range"],function(e,t,n){var r=e("../../lib/oop"),i=e("./fold_mode").FoldMode,s=e("../../range").Range,o=t.FoldMode=function(e,t){this.regExpList=e,this.flag=t,this.foldingStartMarker=RegExp("^("+e.join("|")+")",this.flag)};r.inherits(o,i),function(){this.getFoldWidgetRange=function(e,t,n){var r=e.getLine(n),i={row:n,column:r.length},o=this.regExpList;for(var u=1;u<=o.length;u++){var a=RegExp("^("+o.slice(0,u).join("|")+")",this.flag);if(a.test(r))break}for(var f=e.getLength();++n<f;){r=e.getLine(n);if(a.test(r))break}if(n==i.row+1)return;return s.fromPoints(i,{row:n-1,column:r.length})}}.call(o.prototype)}) |
|||
@ -1 +0,0 @@ |
|||
9e1fdb442d64f3a7e6d8bcf37a3bc3c046688812 |
|||
1
previous/library/ace/mode-dot.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-ftl.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-glsl.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-golang.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-groovy.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-haml.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-haxe.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
440f8d01bf1cf84fc05bd9d0bfcd3f5a10be433b |
|||
@ -1 +0,0 @@ |
|||
805a0cee36661ffe2b43d5cc20f25d1fe6f542ee |
|||
1
previous/library/ace/mode-java.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-javascript.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-json.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-jsp.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-jsx.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
ace.define("ace/mode/latex",["require","exports","module","ace/lib/oop","ace/mode/text","ace/tokenizer","ace/mode/latex_highlight_rules","ace/mode/folding/latex","ace/range"],function(e,t,n){var r=e("../lib/oop"),i=e("./text").Mode,s=e("../tokenizer").Tokenizer,o=e("./latex_highlight_rules").LatexHighlightRules,u=e("./folding/latex").FoldMode,a=e("../range").Range,f=function(){this.$tokenizer=new s((new o).getRules()),this.foldingRules=new u};r.inherits(f,i),function(){this.lineCommentStart="%"}.call(f.prototype),t.Mode=f}),ace.define("ace/mode/latex_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text_highlight_rules").TextHighlightRules,s=function(){this.$rules={start:[{token:"keyword",regex:"\\\\(?:[^a-zA-Z]|[a-zA-Z]+)"},{token:"lparen",regex:"[[({]"},{token:"rparen",regex:"[\\])}]"},{token:"string",regex:"\\$(?:(?:\\\\.)|(?:[^\\$\\\\]))*?\\$"},{token:"comment",regex:"%.*$"}]}};r.inherits(s,i),t.LatexHighlightRules=s}),ace.define("ace/mode/folding/latex",["require","exports","module","ace/lib/oop","ace/mode/folding/fold_mode","ace/range","ace/token_iterator"],function(e,t,n){var r=e("../../lib/oop"),i=e("./fold_mode").FoldMode,s=e("../../range").Range,o=e("../../token_iterator").TokenIterator,u=t.FoldMode=function(){};r.inherits(u,i),function(){this.foldingStartMarker=/^\s*\\(begin)|(section|subsection)\b|{\s*$/,this.foldingStopMarker=/^\s*\\(end)\b|^\s*}/,this.getFoldWidgetRange=function(e,t,n){var r=e.doc.getLine(n),i=this.foldingStartMarker.exec(r);if(i)return i[1]?this.latexBlock(e,n,i[0].length-1):i[2]?this.latexSection(e,n,i[0].length-1):this.openingBracketBlock(e,"{",n,i.index);var i=this.foldingStopMarker.exec(r);if(i)return i[1]?this.latexBlock(e,n,i[0].length-1):this.closingBracketBlock(e,"}",n,i.index+i[0].length)},this.latexBlock=function(e,t,n){var r={"\\begin":1,"\\end":-1},i=new o(e,t,n),u=i.getCurrentToken();if(!u||u.type!=="keyword")return;var a=u.value,f=r[a],l=function(){var e=i.stepForward(),t=e.type=="lparen"?i.stepForward().value:"";return f===-1&&(i.stepBackward(),t&&i.stepBackward()),t},c=[l()],h=f===-1?i.getCurrentTokenColumn():e.getLine(t).length,p=t;i.step=f===-1?i.stepBackward:i.stepForward;while(u=i.step()){if(u.type!=="keyword")continue;var d=r[u.value];if(!d)continue;var v=l();if(d===f)c.unshift(v);else if(c.shift()!==v||!c.length)break}if(c.length)return;var t=i.getCurrentTokenRow();return f===-1?new s(t,e.getLine(t).length,p,h):(i.stepBackward(),new s(p,h,t,i.getCurrentTokenColumn()))},this.latexSection=function(e,t,n){var r=["\\subsection","\\section","\\begin","\\end"],i=new o(e,t,n),u=i.getCurrentToken();if(!u||u.type!="keyword")return;var a=r.indexOf(u.value),f=0,l=t;while(u=i.stepForward()){if(u.type!=="keyword")continue;var c=r.indexOf(u.value);if(c>=2){f||(l=i.getCurrentTokenRow()-1),f+=c==2?1:-1;if(f<0)break}else if(c>=a)break}f||(l=i.getCurrentTokenRow()-1);while(l>t&&!/\S/.test(e.getLine(l)))l--;return new s(t,e.getLine(t).length,l,e.getLine(l).length)}}.call(u.prototype)}) |
|||
1
previous/library/ace/mode-less.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-liquid.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
ace.define("ace/mode/lisp",["require","exports","module","ace/lib/oop","ace/mode/text","ace/tokenizer","ace/mode/lisp_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text").Mode,s=e("../tokenizer").Tokenizer,o=e("./lisp_highlight_rules").LispHighlightRules,u=function(){var e=new o;this.$tokenizer=new s(e.getRules())};r.inherits(u,i),function(){this.lineCommentStart=";"}.call(u.prototype),t.Mode=u}),ace.define("ace/mode/lisp_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text_highlight_rules").TextHighlightRules,s=function(){var e="case|do|let|loop|if|else|when",t="eq|neq|and|or",n="null|nil",r="cons|car|cdr|cond|lambda|format|setq|setf|quote|eval|append|list|listp|memberp|t|load|progn",i=this.createKeywordMapper({"keyword.control":e,"keyword.operator":t,"constant.language":n,"support.function":r},"identifier",!0);this.$rules={start:[{token:"comment",regex:";.*$"},{token:["storage.type.function-type.lisp","text","entity.name.function.lisp"],regex:"(?:\\b(?:(defun|defmethod|defmacro))\\b)(\\s+)((?:\\w|\\-|\\!|\\?)*)"},{token:["punctuation.definition.constant.character.lisp","constant.character.lisp"],regex:"(#)((?:\\w|[\\\\+-=<>'\"&#])+)"},{token:["punctuation.definition.variable.lisp","variable.other.global.lisp","punctuation.definition.variable.lisp"],regex:"(\\*)(\\S*)(\\*)"},{token:"constant.numeric",regex:"0[xX][0-9a-fA-F]+(?:L|l|UL|ul|u|U|F|f|ll|LL|ull|ULL)?\\b"},{token:"constant.numeric",regex:"[+-]?\\d+(?:(?:\\.\\d*)?(?:[eE][+-]?\\d+)?)?(?:L|l|UL|ul|u|U|F|f|ll|LL|ull|ULL)?\\b"},{token:i,regex:"[a-zA-Z_$][a-zA-Z0-9_$]*\\b"},{token:"string",regex:'"(?=.)',next:"qqstring"}],qqstring:[{token:"constant.character.escape.lisp",regex:"\\\\."},{token:"string",regex:'[^"\\\\]+'},{token:"string",regex:"\\\\$",next:"qqstring"},{token:"string",regex:'"|$',next:"start"}]}};r.inherits(s,i),t.LispHighlightRules=s}) |
|||
1
previous/library/ace/mode-livescript.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-logiql.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-lsl.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-lua.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
a8ca440cb01172178af93b619c2c79b49b50a900 |
|||
@ -1 +0,0 @@ |
|||
ace.define("ace/mode/lucene",["require","exports","module","ace/lib/oop","ace/mode/text","ace/tokenizer","ace/mode/lucene_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text").Mode,s=e("../tokenizer").Tokenizer,o=e("./lucene_highlight_rules").LuceneHighlightRules,u=function(){this.$tokenizer=new s((new o).getRules())};r.inherits(u,i),t.Mode=u}),ace.define("ace/mode/lucene_highlight_rules",["require","exports","module","ace/lib/oop","ace/lib/lang","ace/mode/text_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("../lib/lang"),s=e("./text_highlight_rules").TextHighlightRules,o=function(){this.$rules={start:[{token:"constant.character.negation",regex:"[\\-]"},{token:"constant.character.interro",regex:"[\\?]"},{token:"constant.character.asterisk",regex:"[\\*]"},{token:"constant.character.proximity",regex:"~[0-9]+\\b"},{token:"keyword.operator",regex:"(?:AND|OR|NOT)\\b"},{token:"paren.lparen",regex:"[\\(]"},{token:"paren.rparen",regex:"[\\)]"},{token:"keyword",regex:"[\\S]+:"},{token:"string",regex:'".*?"'},{token:"text",regex:"\\s+"}]}};r.inherits(o,s),t.LuceneHighlightRules=o}) |
|||
@ -1 +0,0 @@ |
|||
ace.define("ace/mode/makefile",["require","exports","module","ace/lib/oop","ace/mode/text","ace/tokenizer","ace/mode/makefile_highlight_rules","ace/mode/folding/coffee"],function(e,t,n){var r=e("../lib/oop"),i=e("./text").Mode,s=e("../tokenizer").Tokenizer,o=e("./makefile_highlight_rules").MakefileHighlightRules,u=e("./folding/coffee").FoldMode,a=function(){var e=new o;this.foldingRules=new u,this.$tokenizer=new s(e.getRules())};r.inherits(a,i),function(){this.lineCommentStart="#"}.call(a.prototype),t.Mode=a}),ace.define("ace/mode/makefile_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules","ace/mode/sh_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text_highlight_rules").TextHighlightRules,s=e("./sh_highlight_rules"),o=function(){var e=this.createKeywordMapper({keyword:s.reservedKeywords,"support.function.builtin":s.languageConstructs,"invalid.deprecated":"debugger"},"string");this.$rules={start:[{token:"string.interpolated.backtick.makefile",regex:"`",next:"shell-start"},{token:"punctuation.definition.comment.makefile",regex:/#(?=.)/,next:"comment"},{token:["keyword.control.makefile"],regex:"^(?:\\s*\\b)(\\-??include|ifeq|ifneq|ifdef|ifndef|else|endif|vpath|export|unexport|define|endef|override)(?:\\b)"},{token:["entity.name.function.makefile","text"],regex:"^([^\\t ]+(?:\\s[^\\t ]+)*:)(\\s*.*)"}],comment:[{token:"punctuation.definition.comment.makefile",regex:/.+\\/},{token:"punctuation.definition.comment.makefile",regex:".+",next:"start"}],"shell-start":[{token:e,regex:"[a-zA-Z_$][a-zA-Z0-9_$]*\\b"},{token:"string",regex:"\\w+"},{token:"string.interpolated.backtick.makefile",regex:"`",next:"start"}]}};r.inherits(o,i),t.MakefileHighlightRules=o}),ace.define("ace/mode/sh_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text_highlight_rules").TextHighlightRules,s=t.reservedKeywords="!|{|}|case|do|done|elif|else|esac|fi|for|if|in|then|until|while|&|;|export|local|read|typeset|unset|elif|select|set",o=t.languageConstructs="[|]|alias|bg|bind|break|builtin|cd|command|compgen|complete|continue|dirs|disown|echo|enable|eval|exec|exit|fc|fg|getopts|hash|help|history|jobs|kill|let|logout|popd|printf|pushd|pwd|return|set|shift|shopt|source|suspend|test|times|trap|type|ulimit|umask|unalias|wait",u=function(){var e=this.createKeywordMapper({keyword:s,"support.function.builtin":o,"invalid.deprecated":"debugger"},"identifier"),t="(?:(?:[1-9]\\d*)|(?:0))",n="(?:\\.\\d+)",r="(?:\\d+)",i="(?:(?:"+r+"?"+n+")|(?:"+r+"\\.))",u="(?:(?:"+i+"|"+r+")"+")",a="(?:"+u+"|"+i+")",f="(?:&"+r+")",l="[a-zA-Z][a-zA-Z0-9_]*",c="(?:(?:\\$"+l+")|(?:"+l+"=))",h="(?:\\$(?:SHLVL|\\$|\\!|\\?))",p="(?:"+l+"\\s*\\(\\))";this.$rules={start:[{token:["text","comment"],regex:/(^|\s)(#.*)$/},{token:"string",regex:'"(?:[^\\\\]|\\\\.)*?"'},{token:"variable.language",regex:h},{token:"variable",regex:c},{token:"support.function",regex:p},{token:"support.function",regex:f},{token:"string",regex:"'(?:[^\\\\]|\\\\.)*?'"},{token:"constant.numeric",regex:a},{token:"constant.numeric",regex:t+"\\b"},{token:e,regex:"[a-zA-Z_$][a-zA-Z0-9_$]*\\b"},{token:"keyword.operator",regex:"\\+|\\-|\\*|\\*\\*|\\/|\\/\\/|~|<|>|<=|=>|=|!="},{token:"paren.lparen",regex:"[\\[\\(\\{]"},{token:"paren.rparen",regex:"[\\]\\)\\}]"}]}};r.inherits(u,i),t.ShHighlightRules=u}),ace.define("ace/mode/folding/coffee",["require","exports","module","ace/lib/oop","ace/mode/folding/fold_mode","ace/range"],function(e,t,n){var r=e("../../lib/oop"),i=e("./fold_mode").FoldMode,s=e("../../range").Range,o=t.FoldMode=function(){};r.inherits(o,i),function(){this.getFoldWidgetRange=function(e,t,n){var r=this.indentationBlock(e,n);if(r)return r;var i=/\S/,o=e.getLine(n),u=o.search(i);if(u==-1||o[u]!="#")return;var a=o.length,f=e.getLength(),l=n,c=n;while(++n<f){o=e.getLine(n);var h=o.search(i);if(h==-1)continue;if(o[h]!="#")break;c=n}if(c>l){var p=e.getLine(c).length;return new s(l,a,c,p)}},this.getFoldWidget=function(e,t,n){var r=e.getLine(n),i=r.search(/\S/),s=e.getLine(n+1),o=e.getLine(n-1),u=o.search(/\S/),a=s.search(/\S/);if(i==-1)return e.foldWidgets[n-1]=u!=-1&&u<a?"start":"","";if(u==-1){if(i==a&&r[i]=="#"&&s[i]=="#")return e.foldWidgets[n-1]="",e.foldWidgets[n+1]="","start"}else if(u==i&&r[i]=="#"&&o[i]=="#"&&e.getLine(n-2).search(/\S/)==-1)return e.foldWidgets[n-1]="start",e.foldWidgets[n+1]="","";return u!=-1&&u<i?e.foldWidgets[n-1]="start":e.foldWidgets[n-1]="",i<a?"start":""}}.call(o.prototype)}) |
|||
@ -1 +0,0 @@ |
|||
6e8342de40dd875819ad9a104bd9981e4c37aa48 |
|||
1
previous/library/ace/mode-mushcode.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
ace.define("ace/mode/mushcode_high_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text_highlight_rules").TextHighlightRules,s=function(){var e="@if|@ifelse|@switch|@halt|@dolist|@create|@scent|@sound|@touch|@ataste|@osound|@ahear|@aahear|@amhear|@otouch|@otaste|@drop|@odrop|@adrop|@dropfail|@odropfail|@smell|@oemit|@emit|@pemit|@parent|@clone|@taste|whisper|page|say|pose|semipose|teach|touch|taste|smell|listen|look|move|go|home|follow|unfollow|desert|dismiss|@tel",t="=#0",n="default|edefault|eval|get_eval|get|grep|grepi|hasattr|hasattrp|hasattrval|hasattrpval|lattr|nattr|poss|udefault|ufun|u|v|uldefault|xget|zfun|band|bnand|bnot|bor|bxor|shl|shr|and|cand|cor|eq|gt|gte|lt|lte|nand|neq|nor|not|or|t|xor|con|entrances|exit|followers|home|lcon|lexits|loc|locate|lparent|lsearch|next|num|owner|parent|pmatch|rloc|rnum|room|where|zone|worn|held|carried|acos|asin|atan|ceil|cos|e|exp|fdiv|fmod|floor|log|ln|pi|power|round|sin|sqrt|tan|aposs|andflags|conn|commandssent|controls|doing|elock|findable|flags|fullname|hasflag|haspower|hastype|hidden|idle|isbaker|lock|lstats|money|who|name|nearby|obj|objflags|photo|poll|powers|pendingtext|receivedtext|restarts|restarttime|subj|shortestpath|tmoney|type|visible|cat|element|elements|extract|filter|filterbool|first|foreach|fold|grab|graball|index|insert|itemize|items|iter|last|ldelete|map|match|matchall|member|mix|munge|pick|remove|replace|rest|revwords|setdiff|setinter|setunion|shuffle|sort|sortby|splice|step|wordpos|words|add|lmath|max|mean|median|min|mul|percent|sign|stddev|sub|val|bound|abs|inc|dec|dist2d|dist3d|div|floordiv|mod|modulo|remainder|vadd|vdim|vdot|vmag|vmax|vmin|vmul|vsub|vunit|regedit|regeditall|regeditalli|regediti|regmatch|regmatchi|regrab|regraball|regraballi|regrabi|regrep|regrepi|after|alphamin|alphamax|art|before|brackets|capstr|case|caseall|center|containsfansi|comp|decompose|decrypt|delete|edit|encrypt|escape|if|ifelse|lcstr|left|lit|ljust|merge|mid|ostrlen|pos|repeat|reverse|right|rjust|scramble|secure|space|spellnum|squish|strcat|strmatch|strinsert|stripansi|stripfansi|strlen|switch|switchall|table|tr|trim|ucstr|unsafe|wrap|ctitle|cwho|channels|clock|cflags|ilev|itext|inum|convsecs|convutcsecs|convtime|ctime|etimefmt|isdaylight|mtime|secs|msecs|starttime|time|timefmt|timestring|utctime|atrlock|clone|create|cook|dig|emit|lemit|link|oemit|open|pemit|remit|set|tel|wipe|zemit|fbcreate|fbdestroy|fbwrite|fbclear|fbcopy|fbcopyto|fbclip|fbdump|fbflush|fbhset|fblist|fbstats|qentries|qentry|play|ansi|break|c|asc|die|isdbref|isint|isnum|isletters|linecoords|localize|lnum|nameshort|null|objeval|r|rand|s|setq|setr|soundex|soundslike|valid|vchart|vchart2|vlabel|@@|bakerdays|bodybuild|box|capall|catalog|children|ctrailer|darttime|debt|detailbar|exploredroom|fansitoansi|fansitoxansi|fullbar|halfbar|isdarted|isnewbie|isword|lambda|lobjects|lplayers|lthings|lvexits|lvobjects|lvplayers|lvthings|newswrap|numsuffix|playerson|playersthisweek|randomad|randword|realrandword|replacechr|second|splitamount|strlenall|text|third|tofansi|totalac|unique|getaddressroom|listpropertycomm|listpropertyres|lotowner|lotrating|lotratingcount|lotvalue|boughtproduct|companyabb|companyicon|companylist|companyname|companyowners|companyvalue|employees|invested|productlist|productname|productowners|productrating|productratingcount|productsoldat|producttype|ratedproduct|soldproduct|topproducts|totalspentonproduct|totalstock|transfermoney|uniquebuyercount|uniqueproductsbought|validcompany|deletepicture|fbsave|getpicturesecurity|haspicture|listpictures|picturesize|replacecolor|rgbtocolor|savepicture|setpicturesecurity|showpicture|piechart|piechartlabel|createmaze|drawmaze|drawwireframe",r=this.createKeywordMapper({"invalid.deprecated":"debugger","support.function":n,"constant.language":t,keyword:e},"identifier"),i="(?:r|u|ur|R|U|UR|Ur|uR)?",s="(?:(?:[1-9]\\d*)|(?:0))",o="(?:0[oO]?[0-7]+)",u="(?:0[xX][\\dA-Fa-f]+)",a="(?:0[bB][01]+)",f="(?:"+s+"|"+o+"|"+u+"|"+a+")",l="(?:[eE][+-]?\\d+)",c="(?:\\.\\d+)",h="(?:\\d+)",p="(?:(?:"+h+"?"+c+")|(?:"+h+"\\.))",d="(?:(?:"+p+"|"+h+")"+l+")",v="(?:"+d+"|"+p+")";this.$rules={start:[{token:"variable",regex:"%[0-9]{1}"},{token:"variable",regex:"%q[0-9A-Za-z]{1}"},{token:"variable",regex:"%[a-zA-Z]{1}"},{token:"variable.language",regex:"%[a-z0-9-_]+"},{token:"constant.numeric",regex:"(?:"+v+"|\\d+)[jJ]\\b"},{token:"constant.numeric",regex:v},{token:"constant.numeric",regex:f+"[lL]\\b"},{token:"constant.numeric",regex:f+"\\b"},{token:r,regex:"[a-zA-Z_$][a-zA-Z0-9_$]*\\b"},{token:"keyword.operator",regex:"\\+|\\-|\\*|\\*\\*|\\/|\\/\\/|#|%|<<|>>|\\||\\^|~|<|>|<=|=>|==|!=|<>|="},{token:"paren.lparen",regex:"[\\[\\(\\{]"},{token:"paren.rparen",regex:"[\\]\\)\\}]"},{token:"text",regex:"\\s+"}]}};r.inherits(s,i),t.MushCodeRules=s}) |
|||
@ -1 +0,0 @@ |
|||
d89f0c459c29f758fdfa4e1243ebc629a8b9a546 |
|||
1
previous/library/ace/mode-ocaml.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
ace.define("ace/mode/pascal",["require","exports","module","ace/lib/oop","ace/mode/text","ace/tokenizer","ace/mode/pascal_highlight_rules","ace/mode/folding/coffee"],function(e,t,n){var r=e("../lib/oop"),i=e("./text").Mode,s=e("../tokenizer").Tokenizer,o=e("./pascal_highlight_rules").PascalHighlightRules,u=e("./folding/coffee").FoldMode,a=function(){var e=new o;this.foldingRules=new u,this.$tokenizer=new s(e.getRules())};r.inherits(a,i),function(){this.lineCommentStart=["--","//"],this.blockComment=[{start:"(*",end:"*)"},{start:"{",end:"}"}]}.call(a.prototype),t.Mode=a}),ace.define("ace/mode/pascal_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text_highlight_rules").TextHighlightRules,s=function(){this.$rules={start:[{caseInsensitive:!0,token:"keyword.control.pascal",regex:"\\b(?:(absolute|abstract|all|and|and_then|array|as|asm|attribute|begin|bindable|case|class|const|constructor|destructor|div|do|do|else|end|except|export|exports|external|far|file|finalization|finally|for|forward|goto|if|implementation|import|in|inherited|initialization|interface|interrupt|is|label|library|mod|module|name|near|nil|not|object|of|only|operator|or|or_else|otherwise|packed|pow|private|program|property|protected|public|published|qualified|record|repeat|resident|restricted|segment|set|shl|shr|then|to|try|type|unit|until|uses|value|var|view|virtual|while|with|xor))\\b"},{caseInsensitive:!0,token:["variable.pascal","text","storage.type.prototype.pascal","entity.name.function.prototype.pascal"],regex:"\\b(function|procedure)(\\s+)(\\w+)(\\.\\w+)?(?=(?:\\(.*?\\))?;\\s*(?:attribute|forward|external))"},{caseInsensitive:!0,token:["variable.pascal","text","storage.type.function.pascal","entity.name.function.pascal"],regex:"\\b(function|procedure)(\\s+)(\\w+)(\\.\\w+)?"},{token:"constant.numeric.pascal",regex:"\\b((0(x|X)[0-9a-fA-F]*)|(([0-9]+\\.?[0-9]*)|(\\.[0-9]+))((e|E)(\\+|-)?[0-9]+)?)(L|l|UL|ul|u|U|F|f|ll|LL|ull|ULL)?\\b"},{token:"punctuation.definition.comment.pascal",regex:"--",push:[{token:"comment.line.double-dash.pascal.one",regex:"$",next:"pop"},{defaultToken:"comment.line.double-dash.pascal.one"}]},{token:"punctuation.definition.comment.pascal",regex:"//",push:[{token:"comment.line.double-slash.pascal.two",regex:"$",next:"pop"},{defaultToken:"comment.line.double-slash.pascal.two"}]},{token:"punctuation.definition.comment.pascal",regex:"\\(\\*",push:[{token:"punctuation.definition.comment.pascal",regex:"\\*\\)",next:"pop"},{defaultToken:"comment.block.pascal.one"}]},{token:"punctuation.definition.comment.pascal",regex:"\\{",push:[{token:"punctuation.definition.comment.pascal",regex:"\\}",next:"pop"},{defaultToken:"comment.block.pascal.two"}]},{token:"punctuation.definition.string.begin.pascal",regex:'"',push:[{token:"constant.character.escape.pascal",regex:"\\\\."},{token:"punctuation.definition.string.end.pascal",regex:'"',next:"pop"},{defaultToken:"string.quoted.double.pascal"}]},{token:"punctuation.definition.string.begin.pascal",regex:"'",push:[{token:"constant.character.escape.apostrophe.pascal",regex:"''"},{token:"punctuation.definition.string.end.pascal",regex:"'",next:"pop"},{defaultToken:"string.quoted.single.pascal"}]},{token:"keyword.operator",regex:"[+\\-;,/*%]|:=|="}]},this.normalizeRules()};r.inherits(s,i),t.PascalHighlightRules=s}),ace.define("ace/mode/folding/coffee",["require","exports","module","ace/lib/oop","ace/mode/folding/fold_mode","ace/range"],function(e,t,n){var r=e("../../lib/oop"),i=e("./fold_mode").FoldMode,s=e("../../range").Range,o=t.FoldMode=function(){};r.inherits(o,i),function(){this.getFoldWidgetRange=function(e,t,n){var r=this.indentationBlock(e,n);if(r)return r;var i=/\S/,o=e.getLine(n),u=o.search(i);if(u==-1||o[u]!="#")return;var a=o.length,f=e.getLength(),l=n,c=n;while(++n<f){o=e.getLine(n);var h=o.search(i);if(h==-1)continue;if(o[h]!="#")break;c=n}if(c>l){var p=e.getLine(c).length;return new s(l,a,c,p)}},this.getFoldWidget=function(e,t,n){var r=e.getLine(n),i=r.search(/\S/),s=e.getLine(n+1),o=e.getLine(n-1),u=o.search(/\S/),a=s.search(/\S/);if(i==-1)return e.foldWidgets[n-1]=u!=-1&&u<a?"start":"","";if(u==-1){if(i==a&&r[i]=="#"&&s[i]=="#")return e.foldWidgets[n-1]="",e.foldWidgets[n+1]="","start"}else if(u==i&&r[i]=="#"&&o[i]=="#"&&e.getLine(n-2).search(/\S/)==-1)return e.foldWidgets[n-1]="start",e.foldWidgets[n+1]="","";return u!=-1&&u<i?e.foldWidgets[n-1]="start":e.foldWidgets[n-1]="",i<a?"start":""}}.call(o.prototype)}) |
|||
1
previous/library/ace/mode-perl.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
de4189acaebe7cdda7133a71a42ea01957efaccf |
|||
@ -1 +0,0 @@ |
|||
841994762e18cd160a0cd1c8ee32bf51026dbcbd |
|||
1
previous/library/ace/mode-powershell.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
ace.define("ace/mode/python",["require","exports","module","ace/lib/oop","ace/mode/text","ace/tokenizer","ace/mode/python_highlight_rules","ace/mode/folding/pythonic","ace/range"],function(e,t,n){var r=e("../lib/oop"),i=e("./text").Mode,s=e("../tokenizer").Tokenizer,o=e("./python_highlight_rules").PythonHighlightRules,u=e("./folding/pythonic").FoldMode,a=e("../range").Range,f=function(){this.$tokenizer=new s((new o).getRules()),this.foldingRules=new u("\\:")};r.inherits(f,i),function(){this.lineCommentStart="#",this.getNextLineIndent=function(e,t,n){var r=this.$getIndent(t),i=this.$tokenizer.getLineTokens(t,e),s=i.tokens;if(s.length&&s[s.length-1].type=="comment")return r;if(e=="start"){var o=t.match(/^.*[\{\(\[\:]\s*$/);o&&(r+=n)}return r};var e={pass:1,"return":1,raise:1,"break":1,"continue":1};this.checkOutdent=function(t,n,r){if(r!=="\r\n"&&r!=="\r"&&r!=="\n")return!1;var i=this.$tokenizer.getLineTokens(n.trim(),t).tokens;if(!i)return!1;do var s=i.pop();while(s&&(s.type=="comment"||s.type=="text"&&s.value.match(/^\s+$/)));return s?s.type=="keyword"&&e[s.value]:!1},this.autoOutdent=function(e,t,n){n+=1;var r=this.$getIndent(t.getLine(n)),i=t.getTabString();r.slice(-i.length)==i&&t.remove(new a(n,r.length-i.length,n,r.length))}}.call(f.prototype),t.Mode=f}),ace.define("ace/mode/python_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text_highlight_rules").TextHighlightRules,s=function(){var e="and|as|assert|break|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|not|or|pass|print|raise|return|try|while|with|yield",t="True|False|None|NotImplemented|Ellipsis|__debug__",n="abs|divmod|input|open|staticmethod|all|enumerate|int|ord|str|any|eval|isinstance|pow|sum|basestring|execfile|issubclass|print|super|binfile|iter|property|tuple|bool|filter|len|range|type|bytearray|float|list|raw_input|unichr|callable|format|locals|reduce|unicode|chr|frozenset|long|reload|vars|classmethod|getattr|map|repr|xrange|cmp|globals|max|reversed|zip|compile|hasattr|memoryview|round|__import__|complex|hash|min|set|apply|delattr|help|next|setattr|buffer|dict|hex|object|slice|coerce|dir|id|oct|sorted|intern",r=this.createKeywordMapper({"invalid.deprecated":"debugger","support.function":n,"constant.language":t,keyword:e},"identifier"),i="(?:r|u|ur|R|U|UR|Ur|uR)?",s="(?:(?:[1-9]\\d*)|(?:0))",o="(?:0[oO]?[0-7]+)",u="(?:0[xX][\\dA-Fa-f]+)",a="(?:0[bB][01]+)",f="(?:"+s+"|"+o+"|"+u+"|"+a+")",l="(?:[eE][+-]?\\d+)",c="(?:\\.\\d+)",h="(?:\\d+)",p="(?:(?:"+h+"?"+c+")|(?:"+h+"\\.))",d="(?:(?:"+p+"|"+h+")"+l+")",v="(?:"+d+"|"+p+")";this.$rules={start:[{token:"comment",regex:"#.*$"},{token:"string",regex:i+'"{3}(?:[^\\\\]|\\\\.)*?"{3}'},{token:"string",regex:i+'"{3}.*$',next:"qqstring"},{token:"string",regex:i+'"(?:[^\\\\]|\\\\.)*?"'},{token:"string",regex:i+"'{3}(?:[^\\\\]|\\\\.)*?'{3}"},{token:"string",regex:i+"'{3}.*$",next:"qstring"},{token:"string",regex:i+"'(?:[^\\\\]|\\\\.)*?'"},{token:"constant.numeric",regex:"(?:"+v+"|\\d+)[jJ]\\b"},{token:"constant.numeric",regex:v},{token:"constant.numeric",regex:f+"[lL]\\b"},{token:"constant.numeric",regex:f+"\\b"},{token:r,regex:"[a-zA-Z_$][a-zA-Z0-9_$]*\\b"},{token:"keyword.operator",regex:"\\+|\\-|\\*|\\*\\*|\\/|\\/\\/|%|<<|>>|&|\\||\\^|~|<|>|<=|=>|==|!=|<>|="},{token:"paren.lparen",regex:"[\\[\\(\\{]"},{token:"paren.rparen",regex:"[\\]\\)\\}]"},{token:"text",regex:"\\s+"}],qqstring:[{token:"string",regex:'(?:[^\\\\]|\\\\.)*?"{3}',next:"start"},{token:"string",regex:".+"}],qstring:[{token:"string",regex:"(?:[^\\\\]|\\\\.)*?'{3}",next:"start"},{token:"string",regex:".+"}]}};r.inherits(s,i),t.PythonHighlightRules=s}),ace.define("ace/mode/folding/pythonic",["require","exports","module","ace/lib/oop","ace/mode/folding/fold_mode"],function(e,t,n){var r=e("../../lib/oop"),i=e("./fold_mode").FoldMode,s=t.FoldMode=function(e){this.foldingStartMarker=new RegExp("([\\[{])(?:\\s*)$|("+e+")(?:\\s*)(?:#.*)?$")};r.inherits(s,i),function(){this.getFoldWidgetRange=function(e,t,n){var r=e.getLine(n),i=r.match(this.foldingStartMarker);if(i)return i[1]?this.openingBracketBlock(e,i[1],n,i.index):i[2]?this.indentationBlock(e,n,i.index+i[2].length):this.indentationBlock(e,n)}}.call(s.prototype)}) |
|||
1
previous/library/ace/mode-r.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1 +0,0 @@ |
|||
ace.define("ace/mode/rdoc",["require","exports","module","ace/lib/oop","ace/mode/text","ace/tokenizer","ace/mode/text_highlight_rules","ace/mode/rdoc_highlight_rules","ace/mode/matching_brace_outdent"],function(e,t,n){var r=e("../lib/oop"),i=e("./text").Mode,s=e("../tokenizer").Tokenizer,o=e("./text_highlight_rules").TextHighlightRules,u=e("./rdoc_highlight_rules").RDocHighlightRules,a=e("./matching_brace_outdent").MatchingBraceOutdent,f=function(e){this.$tokenizer=new s((new u).getRules()),this.$outdent=new a};r.inherits(f,i),function(){this.getNextLineIndent=function(e,t,n){return this.$getIndent(t)}}.call(f.prototype),t.Mode=f}),ace.define("ace/mode/rdoc_highlight_rules",["require","exports","module","ace/lib/oop","ace/lib/lang","ace/mode/text_highlight_rules","ace/mode/latex_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("../lib/lang"),s=e("./text_highlight_rules").TextHighlightRules,o=e("./latex_highlight_rules"),u=function(){this.$rules={start:[{token:"comment",regex:"%.*$"},{token:"text",regex:"\\\\[$&%#\\{\\}]"},{token:"keyword",regex:"\\\\(?:name|alias|method|S3method|S4method|item|code|preformatted|kbd|pkg|var|env|option|command|author|email|url|source|cite|acronym|href|code|preformatted|link|eqn|deqn|keyword|usage|examples|dontrun|dontshow|figure|if|ifelse|Sexpr|RdOpts|inputencoding|usepackage)\\b",next:"nospell"},{token:"keyword",regex:"\\\\(?:[a-zA-z0-9]+|[^a-zA-z0-9])"},{token:"paren.keyword.operator",regex:"[[({]"},{token:"paren.keyword.operator",regex:"[\\])}]"},{token:"text",regex:"\\s+"}],nospell:[{token:"comment",regex:"%.*$",next:"start"},{token:"nospell.text",regex:"\\\\[$&%#\\{\\}]"},{token:"keyword",regex:"\\\\(?:name|alias|method|S3method|S4method|item|code|preformatted|kbd|pkg|var|env|option|command|author|email|url|source|cite|acronym|href|code|preformatted|link|eqn|deqn|keyword|usage|examples|dontrun|dontshow|figure|if|ifelse|Sexpr|RdOpts|inputencoding|usepackage)\\b"},{token:"keyword",regex:"\\\\(?:[a-zA-z0-9]+|[^a-zA-z0-9])",next:"start"},{token:"paren.keyword.operator",regex:"[[({]"},{token:"paren.keyword.operator",regex:"[\\])]"},{token:"paren.keyword.operator",regex:"}",next:"start"},{token:"nospell.text",regex:"\\s+"},{token:"nospell.text",regex:"\\w+"}]}};r.inherits(u,s),t.RDocHighlightRules=u}),ace.define("ace/mode/latex_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules"],function(e,t,n){var r=e("../lib/oop"),i=e("./text_highlight_rules").TextHighlightRules,s=function(){this.$rules={start:[{token:"keyword",regex:"\\\\(?:[^a-zA-Z]|[a-zA-Z]+)"},{token:"lparen",regex:"[[({]"},{token:"rparen",regex:"[\\])}]"},{token:"string",regex:"\\$(?:(?:\\\\.)|(?:[^\\$\\\\]))*?\\$"},{token:"comment",regex:"%.*$"}]}};r.inherits(s,i),t.LatexHighlightRules=s}),ace.define("ace/mode/matching_brace_outdent",["require","exports","module","ace/range"],function(e,t,n){var r=e("../range").Range,i=function(){};(function(){this.checkOutdent=function(e,t){return/^\s+$/.test(e)?/^\s*\}/.test(t):!1},this.autoOutdent=function(e,t){var n=e.getLine(t),i=n.match(/^(\s*\})/);if(!i)return 0;var s=i[1].length,o=e.findMatchingBracket({row:t,column:s});if(!o||o.row==t)return 0;var u=this.$getIndent(e.getLine(o.row));e.replace(new r(t,0,t,s-1),u)},this.$getIndent=function(e){return e.match(/^\s*/)[0]}}).call(i.prototype),t.MatchingBraceOutdent=i}) |
|||
@ -1 +0,0 @@ |
|||
f25ed857c6fd9637a273d8b5f052c4658a1407a5 |
|||
1
previous/library/ace/mode-ruby.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1
previous/library/ace/mode-sass.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
Some files were not shown because too many files changed in this diff
Write
Preview
Loading…
Cancel
Save