coffeescript-ui
Version:
Coffeescript User Interface System
376 lines (366 loc) • 11.1 kB
HTML
<html>
<head>
<meta charset='UTF-8'>
<title>Coffeescript-UI Documentation</title>
<script src='../../javascript/application.js'></script>
<script src='../../javascript/search.js'></script>
<link rel='stylesheet' href='../../stylesheets/application.css' type='text/css'>
</head>
<body>
<div id='base' data-path='../../'></div>
<div id='header'>
<div id='menu'>
<a href='../../alphabetical_index.html' title='Index'>
Index
</a>
»
<span class='title'>CUI</span>
»
<span class='title'>Resizable</span>
</div>
</div>
<div id='content'>
<h1>
Class:
CUI.Resizable
</h1>
<table class='box'>
<tr>
<td>Defined in:</td>
<td>base/DragDropSelect/Resizable.coffee</td>
</tr>
<tr>
<td>Inherits:</td>
<td>
<a href='../../class/CUI/Movable.html'>CUI.Movable</a>
</td>
</tr>
</table>
<h2>Overview</h2>
<div class='docstring'>
<ul>
<li>coffeescript-ui - Coffeescript User Interface System (CUI)</li>
<li>Copyright (c) 2013 - 2016 Programmfabrik GmbH</li>
<li>MIT Licence</li>
<li><a href="https://github.com/programmfabrik/coffeescript-ui">https://github.com/programmfabrik/coffeescript-ui</a>, <a href="http://www.coffeescript-ui.org">http://www.coffeescript-ui.org</a></li>
</ul>
</div>
<div class='tags'>
</div>
<h2>Variables Summary</h2>
<dl class='constants'>
<dt id='cls-variable'>
cls
=
</dt>
<dd>
<pre><code class='coffeescript'>"resizable"</code></pre>
</dd>
</dl>
<h3 class='inherited'>
Variable inherited from
<a href='../../class/CUI/Movable.html'>CUI.Movable</a>
</h3>
<p class='inherited'>
<a href='../../class/CUI/Movable.html#cls-variable'>cls</a>
<a href='../../class/CUI/Element.html#uniqueId-variable'>uniqueId</a>
</p>
<h2>Instance Method Summary</h2>
<ul class='summary'>
<li>
<span class='signature'>
<a href='#initOpts-dynamic'>
#
(void)
<b>initOpts</b><span>()</span>
</a>
</span>
<span class='desc'>
</span>
</li>
<li>
<span class='signature'>
<a href='#readOpts-dynamic'>
#
(void)
<b>readOpts</b><span>()</span>
</a>
</span>
<span class='desc'>
</span>
</li>
<li>
<span class='signature'>
<a href='#init-dynamic'>
#
(void)
<b>init</b><span>()</span>
</a>
</span>
<span class='desc'>
</span>
</li>
<li>
<span class='signature'>
<a href='#before_drag-dynamic'>
#
(void)
<b>before_drag</b><span>(ev, $target)</span>
</a>
</span>
<span class='desc'>
</span>
</li>
<li>
<span class='signature'>
<a href='#init_drag-dynamic'>
#
(void)
<b>init_drag</b><span>(ev, $target)</span>
</a>
</span>
<span class='desc'>
</span>
</li>
<li>
<span class='signature'>
<a href='#start_drag-dynamic'>
#
(void)
<b>start_drag</b><span>(ev, $target, diff)</span>
</a>
</span>
<span class='desc'>
</span>
</li>
<li>
<span class='signature'>
<a href='#do_drag-dynamic'>
#
(void)
<b>do_drag</b><span>(ev, $target, diff)</span>
</a>
</span>
<span class='desc'>
</span>
</li>
<li>
<span class='signature'>
<a href='#getResizePos-dynamic'>
#
(void)
<b>getResizePos</b><span>(start, diff, limitRect)</span>
</a>
</span>
<span class='bound note title'>Bound</span>
<span class='desc'>
gets the new pos from start and diff depending on the resize direction
</span>
</li>
</ul>
<h2>
<small>Inherited Method Summary</small>
<h3 class='inherited'>
Methods inherited from
<a href='../../class/CUI/Movable.html'>CUI.Movable</a>
</h3>
<p class='inherited'>
<a href='../../class/CUI/Movable.html#initOpts-dynamic'>#initOpts</a>
<a href='../../class/CUI/Movable.html#readOpts-dynamic'>#readOpts</a>
<a href='../../class/CUI/Movable.html#getLimitRect-dynamic'>#getLimitRect</a>
<a href='../../class/CUI/Movable.html#setElementCss-dynamic'>#setElementCss</a>
<a href='../../class/CUI/Movable.html#init_drag-dynamic'>#init_drag</a>
<a href='../../class/CUI/Movable.html#before_drag-dynamic'>#before_drag</a>
<a href='../../class/CUI/Movable.html#start_drag-dynamic'>#start_drag</a>
<a href='../../class/CUI/Movable.html#do_drag-dynamic'>#do_drag</a>
<a href='../../class/CUI/Movable.html#limitRect-dynamic'>#limitRect</a>
<a href='../../class/CUI/Draggable.html#getClass-dynamic'>#getClass</a>
<a href='../../class/CUI/Draggable.html#supportTouch-dynamic'>#supportTouch</a>
<a href='../../class/CUI/Draggable.html#__killTimeout-dynamic'>#__killTimeout</a>
<a href='../../class/CUI/Draggable.html#__cleanup-dynamic'>#__cleanup</a>
<a href='../../class/CUI/Draggable.html#destroy-dynamic'>#destroy</a>
<a href='../../class/CUI/Draggable.html#init-dynamic'>#init</a>
<a href='../../class/CUI/Draggable.html#getCursor-dynamic'>#getCursor</a>
<a href='../../class/CUI/Draggable.html#__startDrag-dynamic'>#__startDrag</a>
<a href='../../class/CUI/Draggable.html#cleanup_drag-dynamic'>#cleanup_drag</a>
<a href='../../class/CUI/Draggable.html#stop_drag-dynamic'>#stop_drag</a>
<a href='../../class/CUI/Draggable.html#__finish_drag-dynamic'>#__finish_drag</a>
<a href='../../class/CUI/Draggable.html#end_drag-dynamic'>#end_drag</a>
<a href='../../class/CUI/Draggable.html#get_helper_pos-dynamic'>#get_helper_pos</a>
<a href='../../class/CUI/Draggable.html#get_helper_contain_element-dynamic'>#get_helper_contain_element</a>
<a href='../../class/CUI/Draggable.html#position_helper-dynamic'>#position_helper</a>
<a href='../../class/CUI/Draggable.html#getCloneSourceForHelper-dynamic'>#getCloneSourceForHelper</a>
<a href='../../class/CUI/Draggable.html#get_axis-dynamic'>#get_axis</a>
<a href='../../class/CUI/Draggable.html#get_helper-dynamic'>#get_helper</a>
<a href='../../class/CUI/Draggable.html#get_init_helper_pos-dynamic'>#get_init_helper_pos</a>
<a href='../../class/CUI/Draggable.html#init_helper-dynamic'>#init_helper</a>
<a href='../../class/CUI/DragDropSelect.html#getInstance-static'>.getInstance</a>
<a href='../../class/CUI/Element.html#getElementClass-dynamic'>#getElementClass</a>
<a href='../../class/CUI/Element.html#getUniqueId-dynamic'>#getUniqueId</a>
<a href='../../class/CUI/Element.html#getOpts-dynamic'>#getOpts</a>
<a href='../../class/CUI/Element.html#getOpt-dynamic'>#getOpt</a>
<a href='../../class/CUI/Element.html#hasOpt-dynamic'>#hasOpt</a>
<a href='../../class/CUI/Element.html#getSetOpt-dynamic'>#getSetOpt</a>
<a href='../../class/CUI/Element.html#hasSetOpt-dynamic'>#hasSetOpt</a>
<a href='../../class/CUI/Element.html#copy-dynamic'>#copy</a>
<a href='../../class/CUI/Element.html#mergeOpt-dynamic'>#mergeOpt</a>
<a href='../../class/CUI/Element.html#removeOpt-dynamic'>#removeOpt</a>
<a href='../../class/CUI/Element.html#addOpt-dynamic'>#addOpt</a>
<a href='../../class/CUI/Element.html#addOpts-dynamic'>#addOpts</a>
<a href='../../class/CUI/Element.html#mergeOpts-dynamic'>#mergeOpts</a>
<a href='../../class/CUI/Element.html#__getCheckMap-dynamic'>#__getCheckMap</a>
<a href='../../class/CUI/Element.html#readOptsFromAttr-dynamic'>#readOptsFromAttr</a>
<a href='../../class/CUI/Element.html#proxy-dynamic'>#proxy</a>
<a href='../../class/CUI/Element.html#isDestroyed-dynamic'>#isDestroyed</a>
<a href='../../class/CUI/Element.html#getOptKeys-static'>.getOptKeys</a>
</p>
</h2>
<h2>Instance Method Details</h2>
<div class='methods'>
<div class='method_details'>
<p class='signature' id='initOpts-dynamic'>
#
(void)
<b>initOpts</b><span>()</span>
<br>
</p>
</div>
<div class='method_details'>
<p class='signature' id='readOpts-dynamic'>
#
(void)
<b>readOpts</b><span>()</span>
<br>
</p>
</div>
<div class='method_details'>
<p class='signature' id='init-dynamic'>
#
(void)
<b>init</b><span>()</span>
<br>
</p>
</div>
<div class='method_details'>
<p class='signature' id='before_drag-dynamic'>
#
(void)
<b>before_drag</b><span>(ev, $target)</span>
<br>
</p>
</div>
<div class='method_details'>
<p class='signature' id='init_drag-dynamic'>
#
(void)
<b>init_drag</b><span>(ev, $target)</span>
<br>
</p>
</div>
<div class='method_details'>
<p class='signature' id='start_drag-dynamic'>
#
(void)
<b>start_drag</b><span>(ev, $target, diff)</span>
<br>
</p>
</div>
<div class='method_details'>
<p class='signature' id='do_drag-dynamic'>
#
(void)
<b>do_drag</b><span>(ev, $target, diff)</span>
<br>
</p>
</div>
<div class='method_details'>
<p class='signature' id='getResizePos-dynamic'>
#
(void)
<b>getResizePos</b><span>(start, diff, limitRect)</span>
<span class='bound note'>Bound</span>
<br>
</p>
<div class='docstring'>
<p>gets the new pos from start and diff depending
on the resize direction</p>
</div>
<div class='tags'>
</div>
</div>
</div>
</div>
<div id='footer'>
By
<a href='https://github.com/coffeedoc/codo' title='CoffeeScript API documentation generator'>
Codo
</a>
2.1.2
✲
Press H to see the keyboard shortcuts
✲
<a href='http://twitter.com/netzpirat' target='_parent'>@netzpirat</a>
✲
<a href='http://twitter.com/_inossidabile' target='_parent'>@_inossidabile</a>
</div>
<iframe id='search_frame'></iframe>
<div id='fuzzySearch'>
<input type='text'>
<ol></ol>
</div>
<div id='help'>
<p>
Quickly fuzzy find classes, mixins, methods, file:
</p>
<ul>
<li>
<span>T</span>
Open fuzzy finder dialog
</li>
</ul>
<p>
Control the navigation frame:
</p>
<ul>
<li>
<span>L</span>
Toggle list view
</li>
<li>
<span>C</span>
Show class list
</li>
<li>
<span>I</span>
Show mixin list
</li>
<li>
<span>F</span>
Show file list
</li>
<li>
<span>M</span>
Show method list
</li>
<li>
<span>E</span>
Show extras list
</li>
</ul>
<p>
You can focus and blur the search input:
</p>
<ul>
<li>
<span>S</span>
Focus search input
</li>
<li>
<span>Esc</span>
Blur search input
</li>
</ul>
</div>
</body>
</html>