corrade-http-templates

Subversion Repositories:
Compare Path: Rev
With Path: Rev
?path1? @ 61  →  ?path2? @ 62
/instantMessage/node_modules/jquery-ui/tests/visual/compound/accordion_tabs.html
@@ -0,0 +1,80 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test : Accordion in Tabs</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/all.css">
<script src="../../../external/requirejs/require.js"></script>
<script src="../../../demos/bootstrap.js" data-modules="tabs accordion" data-composite="true">
$( "#accordion-1, #accordion-2" ).accordion();
$( "#tabs" ).tabs();
</script>
</head>
<body>
 
<div id="tabs">
<ul>
<li><a href="#tabs-1">First</a></li>
<li><a href="#tabs-2">Second</a></li>
</ul>
<div id="tabs-1">
<div id="accordion-1">
<h3>Accordion Header 1</h3>
<div>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
</div>
<h3>Accordion Header 2</h3>
<div>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
</div>
<h3>Accordion Header 3</h3>
<div>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
</div>
</div>
</div>
<div id="tabs-2">
<div id="accordion-2">
<h3>Accordion Header 1</h3>
<div>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
</div>
<h3>Accordion Header 2</h3>
<div>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
</div>
<h3>Accordion Header 3</h3>
<div>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
</div>
</div>
</div>
</div>
 
</body>
</html>
/instantMessage/node_modules/jquery-ui/tests/visual/compound/datepicker_dialog.html
@@ -0,0 +1,21 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test : Datepicker in Dialog</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/all.css">
<script src="../../../external/requirejs/require.js"></script>
<script src="../../../demos/bootstrap.js" data-modules="datepicker dialog" data-composite="true">
$( "#datepicker" ).datepicker();
$( "#dialog" ).dialog();
</script>
</head>
<body>
 
<div id="dialog">
<input id="datepicker">
</div>
 
</body>
</html>
/instantMessage/node_modules/jquery-ui/tests/visual/compound/dialog_widgets.html
@@ -0,0 +1,93 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test : All Widgets in Dialog</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/all.css">
<script src="../../../external/requirejs/require.js"></script>
<script src="../../../demos/bootstrap.js"
data-modules="accordion autocomplete button datepicker dialog progressbar slider tabs tooltip selectmenu"
data-composite="true">
$( "#dialog" ).dialog();
$( "[title]" ).tooltip();
$( "#accordion" ).accordion();
$( "#autocomplete" ).autocomplete({
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl" ]
});
$( "button" ).button().on( "click", function() {
$( "#dialog2" ).dialog( "open" );
});
$( "#datepicker" ).datepicker();
$( "#progressbar" ).progressbar({
value: 30
});
$( "#slider" ).slider({
animate: true,
value: 30,
slide: function(event, ui) {
$( "#progress" ).val( ui.value );
$( "#progressbar" ).progressbar( "option", "value", ui.value );
}
});
$( "#tabs" ).tabs();
$( '#select' ).selectmenu();
$( "#dialog2" ).dialog({
autoOpen: false,
width: 100,
height: 75,
modal: true
});
</script>
</head>
<body>
 
<div id="dialog">
<div id="accordion">
<h3>Accordion Header 1</h3>
<div>
Accordion Content 1
</div>
<h3>Accordion Header 2</h3>
<div>
Accordion Content 2
</div>
<h3>Accordion Header 3</h3>
<div>
Accordion Content 3
</div>
</div>
<input id="autocomplete">
<button>A Button</button>
<input id="datepicker">
<button>Another button</button>
<div>
<label for="progress">Progress: <input title="The progress we made so far" id="progress"></label>
</div>
<div id="progressbar">
</div>
<div id="slider" title="Sliding progress..."></div>
<div id="tabs">
<ul>
<li><a href="#tabs-1">First</a></li>
<li><a href="#tabs-2">Second</a></li>
<li><a href="#tabs-3">Third</a></li>
</ul>
<div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div id="tabs-2">Phasellus mattis tincidunt nibh.</div>
<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>
<select id="select">
<option>Slower</option>
<option>Slow</option>
<option>Medium</option>
<option>Fast</option>
<option>Faster</option>
</select>
</div>
<div id="dialog2">
Yay, another dialog.
</div>
 
</body>
</html>
/instantMessage/node_modules/jquery-ui/tests/visual/compound/draggable_accordion.html
@@ -0,0 +1,59 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test : Draggable in Accordion</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/all.css">
<style>
.draggable {
width: 10em;
margin: 0.5em;
}
</style>
<script src="../../../external/requirejs/require.js"></script>
<script src="../../../demos/bootstrap.js" data-modules="accordion draggable"
data-composite="true">
$( ".draggable" ).addClass( "ui-widget ui-widget-content ui-corner-all" )
$( "#first .draggable" ).draggable();
$( "#second .draggable" ).draggable({
appendTo: "body"
});
$( "#third .draggable" ).draggable({
helper: "clone",
appendTo: "body"
});
$( "#accordion" ).accordion();
</script>
</head>
<body>
 
<div id="accordion">
<h3>.draggable()</h3>
<div id="first">
<div class="draggable">Draggable 1-1</div>
<div class="draggable">Draggable 1-2</div>
<div class="draggable">Draggable 1-3</div>
<div class="draggable">Draggable 1-4</div>
<div class="draggable">Draggable 1-5</div>
</div>
<h3>.draggable({ appendTo: "body" })</h3>
<div id="second">
<div class="draggable">Draggable 2-1</div>
<div class="draggable">Draggable 2-2</div>
<div class="draggable">Draggable 2-3</div>
<div class="draggable">Draggable 2-4</div>
<div class="draggable">Draggable 2-5</div>
</div>
<h3>.draggable({ helper: "clone", appendTo: "body" })</h3>
<div id="third">
<div class="draggable">Draggable 3-1</div>
<div class="draggable">Draggable 3-2</div>
<div class="draggable">Draggable 3-3</div>
<div class="draggable">Draggable 3-4</div>
<div class="draggable">Draggable 3-5</div>
</div>
</div>
 
</body>
</html>
/instantMessage/node_modules/jquery-ui/tests/visual/compound/draggable_accordion_accordion_tabs_draggable.html
@@ -0,0 +1,100 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test : Draggable in Accordion</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/all.css">
<style>
#main-draggable {
width: 300px;
position: absolute;
right: 100px;
}
#main-draggable-handle {
padding: 1em;
margin: 0;
}
.draggable {
width: 10em;
margin: 0.5em;
}
</style>
<script src="../../../external/requirejs/require.js"></script>
<script src="../../../demos/bootstrap.js" data-modules="accordion draggable tabs"
data-composite="true">
$( ".draggable" )
.addClass( "ui-widget ui-widget-content ui-corner-all" )
.draggable({
helper: "clone",
appendTo: "body"
});
 
$( "#accordion > div" ).accordion();
$( "#accordion" ).accordion();
 
$( "#tabs" ).tabs();
 
$( "#main-draggable" ).draggable({
handle: "#main-draggable-handle"
});
</script>
</head>
<body>
<div id="main-draggable" class="ui-widget ui-widget-content ui-corner-all">
<p id="main-draggable-handle" class="ui-widget-header ui-corner-all">Drag me around!</p>
<div id="tabs">
<ul>
<li><a href="#tabs-1">First Tab</a></li>
<li><a href="#tabs-2">Second Tab</a></li>
</ul>
<div id="tabs-1">
<p>Click the other tab!</p>
</div>
<div id="tabs-2">
<div id="accordion">
<h3>Accordion Group 1</h3>
<div id="accordion-1-1">
<h3>Header 1-1</h3>
<div>
<div class="draggable">Draggable 1-1</div>
<div class="draggable">Draggable 1-2</div>
<div class="draggable">Draggable 1-3</div>
<div class="draggable">Draggable 1-4</div>
<div class="draggable">Draggable 1-5</div>
</div>
<h3>Header 1-2</h3>
<div>
<div class="draggable">Draggable 2-1</div>
<div class="draggable">Draggable 2-2</div>
<div class="draggable">Draggable 2-3</div>
<div class="draggable">Draggable 2-4</div>
<div class="draggable">Draggable 2-5</div>
</div>
</div>
<h3>Accordion Group 2</h3>
<div id="accordion-1-2">
<h3>Header 2-1</h3>
<div>
<div class="draggable">Draggable 1-1</div>
<div class="draggable">Draggable 1-2</div>
<div class="draggable">Draggable 1-3</div>
<div class="draggable">Draggable 1-4</div>
<div class="draggable">Draggable 1-5</div>
</div>
<h3>Header 2-2</h3>
<div>
<div class="draggable">Draggable 2-1</div>
<div class="draggable">Draggable 2-2</div>
<div class="draggable">Draggable 2-3</div>
<div class="draggable">Draggable 2-4</div>
<div class="draggable">Draggable 2-5</div>
</div>
</div>
</div>
</div>
</div>
</div>
 
</body>
</html>
/instantMessage/node_modules/jquery-ui/tests/visual/compound/draggable_resizable.html
@@ -0,0 +1,45 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test: Draggable and Resizable block element</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/all.css">
<style>
.draggable {
margin: 0.5em;
padding: 0.5em;
}
.absolute {
color: red;
position: absolute !important;
}
</style>
<script src="../../../external/requirejs/require.js"></script>
<script src="../../../demos/bootstrap.js" data-modules="draggable resizable"
data-composite="true">
$( ".draggable" )
.addClass( "ui-widget ui-widget-header ui-corner-all" )
.draggable({
revert: "invalid"
})
.resizable({
minHeight: 13,
handles: "s"
});
$( ".draggable:last" ).addClass( "absolute" );
</script>
</head>
<body>
 
<p>WHAT: Three draggable and resizable elements, with only a bottom handle. Last one (red color) is absolutely positioned.</p>
<p>EXPECTED: Each element can be dragged and resized. The first two stay with their relative positioning (induced by draggable). The last one can be resized despite the absolute positioning.</p>
 
<div id="first">
<div class="draggable">Draggable 1-1</div>
<div class="draggable">Draggable 1-2</div>
<div class="draggable">Draggable 1-3</div>
</div>
 
</body>
</html>
/instantMessage/node_modules/jquery-ui/tests/visual/compound/sortable_accordion_sortable_tabs.html
@@ -0,0 +1,109 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test : Accordion in Tabs</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/all.css">
<script src="../../../external/requirejs/require.js"></script>
<script src="../../../demos/bootstrap.js" data-modules="accordion tabs sortable"
data-composite="true">
$( "#accordion-1, #accordion-2" )
.accordion({
header: "> div > h3"
})
.sortable();
 
$( "#tabs" )
.tabs()
.find( ".ui-tabs-nav" )
.sortable();
</script>
</head>
<body>
 
<div id="tabs">
<ul>
<li><a href="#tabs-1">1 - Accordion</a></li>
<li><a href="#tabs-2">2 - Empty</a></li>
<li><a href="#tabs-3">3 - Empty</a></li>
<li><a href="#tabs-4">4 - Accordion</a></li>
</ul>
<div id="tabs-1">
<div id="accordion-1">
<div>
<h3>Accordion Header 1</h3>
<div>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
</div>
</div>
<div>
<h3>Accordion Header 2</h3>
<div>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
</div>
</div>
<div>
<h3>Accordion Header 3</h3>
<div>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
</div>
</div>
</div>
</div>
<div id="tabs-2">
<p>Nothing to look at here...</p>
</div>
<div id="tabs-3">
<p>Nothing to look at here...</p>
</div>
<div id="tabs-4">
<div id="accordion-2">
<div>
<h3>Accordion Header 1</h3>
<div>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
<p>Accordion Content 1</p>
</div>
</div>
<div>
<h3>Accordion Header 2</h3>
<div>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
<p>Accordion Content 2</p>
</div>
</div>
<div>
<h3>Accordion Header 3</h3>
<div>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
<p>Accordion Content 3</p>
</div>
</div>
</div>
</div>
</div>
 
</body>
</html>
/instantMessage/node_modules/jquery-ui/tests/visual/compound/tabs_selectmenu.html
@@ -0,0 +1,45 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test : Selectmenu in Tabs</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/all.css">
<script src="../../../external/requirejs/require.js"></script>
<script src="../../../demos/bootstrap.js" data-modules="tabs selectmenu" data-composite="true">
$( "#tabs" ).tabs();
$( "select" ).selectmenu();
</script>
<style>
select { width: 200px; }
</style>
</head>
<body>
 
<div id="tabs">
<ul>
<li><a href="#tabs-1">First</a></li>
<li><a href="#tabs-2">Second</a></li>
</ul>
<div id="tabs-1">
<select>
<option>Slower</option>
<option>Slow</option>
<option>Medium</option>
<option>Fast</option>
<option>Faster</option>
</select>
</div>
<div id="tabs-2">
<select>
<option>Slower</option>
<option>Slow</option>
<option>Medium</option>
<option>Fast</option>
<option>Faster</option>
</select>
</div>
</div>
 
</body>
</html>
/instantMessage/node_modules/jquery-ui/tests/visual/compound/tabs_tabs.html
@@ -0,0 +1,67 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test : Tabs in Tabs</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/all.css">
<script src="../../../external/requirejs/require.js"></script>
<script src="../../../demos/bootstrap.js" data-modules="tabs" data-composite="true">
$( "#tabs, #tabs-a, #tabs-b" ).tabs();
</script>
</head>
<body>
 
<div id="tabs">
<ul>
<li><a href="#tabs-1">First</a></li>
<li><a href="#tabs-2">Second</a></li>
</ul>
<div id="tabs-1">
<div id="tabs-a">
<ul>
<li><a href="#tabs-a-1">First</a></li>
<li><a href="#tabs-a-2">Second</a></li>
</ul>
<div id="tabs-a-1">
<p>nested tabs a-1</p>
<p>nested tabs a-1</p>
<p>nested tabs a-1</p>
<p>nested tabs a-1</p>
<p>nested tabs a-1</p>
</div>
<div id="tabs-a-2">
<p>nested tabs a-2</p>
<p>nested tabs a-2</p>
<p>nested tabs a-2</p>
<p>nested tabs a-2</p>
<p>nested tabs a-2</p>
</div>
</div>
</div>
<div id="tabs-2">
<div id="tabs-b">
<ul>
<li><a href="#tabs-b-1">First</a></li>
<li><a href="#tabs-b-2">Second</a></li>
</ul>
<div id="tabs-b-1">
<p>nested tabs b-1</p>
<p>nested tabs b-1</p>
<p>nested tabs b-1</p>
<p>nested tabs b-1</p>
<p>nested tabs b-1</p>
</div>
<div id="tabs-b-2">
<p>nested tabs b-2</p>
<p>nested tabs b-2</p>
<p>nested tabs b-2</p>
<p>nested tabs b-2</p>
<p>nested tabs b-2</p>
</div>
</div>
</div>
</div>
 
</body>
</html>
/instantMessage/node_modules/jquery-ui/tests/visual/compound/tabs_tooltips.html
@@ -0,0 +1,30 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Compound Visual Test : Tabs in Tabs</title>
<link rel="stylesheet" href="../visual.css">
<link rel="stylesheet" href="../../../themes/base/all.css">
<script src="../../../external/requirejs/require.js"></script>
<script src="../../../demos/bootstrap.js" data-modules="tabs tooltip" data-composite="true">
$( "#tabs" ).tabs();
$( "a" ).tooltip();
</script>
</head>
<body>
 
<div id="tabs">
<ul>
<li><a href="#tabs-1" title="first tab tooltip">First</a></li>
<li><a href="#tabs-2" title="second tab tooltip">Second</a></li>
</ul>
<div id="tabs-1">
<a href="#" title="title content">label</a>
</div>
<div id="tabs-2">
<a href="#" title="other title content">other label</a>
</div>
</div>
 
</body>
</html>