- Replaced color picker form control with a more robust version.
This commit is contained in:
JT Smith
parent
6fe068e42d
commit
6e0470771e
1193 changed files with 342 additions and 223 deletions
153
www/extras/extjs/examples/layout/complex.html
vendored
Normal file
153
www/extras/extjs/examples/layout/complex.html
vendored
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Complex Layout</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
|
||||
|
||||
<!-- GC --> <!-- LIBS --> <script type="text/javascript" src="../../adapter/yui/yui-utilities.js"></script> <script type="text/javascript" src="../../adapter/yui/ext-yui-adapter.js"></script> <!-- ENDLIBS -->
|
||||
<script type="text/javascript" src="../../ext-all.js"></script>
|
||||
|
||||
<!--<script language="javascript" src="../grid/PropsGrid.js"></script>-->
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
font:normal 12px verdana;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0 none;
|
||||
overflow:hidden;
|
||||
height:100%;
|
||||
}
|
||||
.x-layout-panel-north {
|
||||
border:0px none;
|
||||
}
|
||||
#nav {
|
||||
}
|
||||
#autoTabs, #center1, #center2, #west {
|
||||
padding:10px;
|
||||
}
|
||||
#north, #south{
|
||||
font:normal 8pt arial, helvetica;
|
||||
padding:4px;
|
||||
}
|
||||
.x-layout-panel-center p {
|
||||
margin:5px;
|
||||
}
|
||||
#props-panel .x-grid-col-0{
|
||||
}
|
||||
#props-panel .x-grid-col-1{
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
Example = function(){
|
||||
var layout;
|
||||
return {
|
||||
init : function(){
|
||||
layout = new Ext.BorderLayout(document.body, {
|
||||
north: {
|
||||
split:false,
|
||||
initialSize: 32,
|
||||
titlebar: false
|
||||
},
|
||||
west: {
|
||||
split:true,
|
||||
initialSize: 200,
|
||||
minSize: 175,
|
||||
maxSize: 400,
|
||||
titlebar: true,
|
||||
collapsible: true,
|
||||
animate: true
|
||||
},
|
||||
east: {
|
||||
split:true,
|
||||
initialSize: 202,
|
||||
minSize: 175,
|
||||
maxSize: 400,
|
||||
titlebar: true,
|
||||
collapsible: true,
|
||||
animate: true
|
||||
},
|
||||
south: {
|
||||
split:true,
|
||||
initialSize: 100,
|
||||
minSize: 100,
|
||||
maxSize: 200,
|
||||
titlebar: true,
|
||||
collapsible: true,
|
||||
animate: true
|
||||
},
|
||||
center: {
|
||||
titlebar: true,
|
||||
autoScroll:true,
|
||||
closeOnTab: true
|
||||
}
|
||||
});
|
||||
|
||||
layout.beginUpdate();
|
||||
layout.add('north', new Ext.ContentPanel('north', 'North'));
|
||||
layout.add('south', new Ext.ContentPanel('south', {title: 'South', closable: true}));
|
||||
layout.add('west', new Ext.ContentPanel('west', {title: 'West'}));
|
||||
layout.add('east', new Ext.ContentPanel(Ext.id(), {autoCreate:true, title: 'Dynamic Tab', closable: true}));
|
||||
layout.add('east', new Ext.ContentPanel('autoTabs', {title: 'Auto Tabs', closable: true}));
|
||||
layout.add('center', new Ext.ContentPanel('center1', {title: 'Close Me', closable: true}));
|
||||
layout.add('center', new Ext.ContentPanel('center2', {title: 'Center Panel', closable: false}));
|
||||
layout.getRegion('center').showPanel('center1');
|
||||
layout.getRegion('west').hide();
|
||||
layout.endUpdate();
|
||||
},
|
||||
|
||||
toggleWest : function(link){
|
||||
var west = layout.getRegion('west');
|
||||
if(west.isVisible()){
|
||||
west.hide();
|
||||
link.innerHTML = 'Show West Region';
|
||||
}else{
|
||||
west.show();
|
||||
link.innerHTML = 'Hide West Region';
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
Ext.EventManager.onDocumentReady(Example.init, Example, true);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
|
||||
<div id ="container">
|
||||
<div id="west" class="x-layout-inactive-content">
|
||||
Hi. I'm the west panel.
|
||||
</div>
|
||||
<div id="north" class="x-layout-inactive-content">
|
||||
north - generally for menus, toolbars and/or advertisements
|
||||
</div>
|
||||
<div id="autoTabs" class="x-layout-inactive-content">
|
||||
The layout manager will automatically create and/or remove the TabPanel component when a region has more than one panel. Close one of my panels and you can see what I mean.
|
||||
</div>
|
||||
<div id="center2" class="x-layout-inactive-content">
|
||||
<p><a href="#" onclick="Example.toggleWest(this);return false;">Show West Region</a></p>
|
||||
<p>My closable attribute is set to false so you can't close me. The other center panels can be closed.</p>
|
||||
<p>The center panel automatically grows to fit the remaining space in the container that isn't taken up by the border regions.</p>
|
||||
<hr>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.</p>
|
||||
<p>Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.</p>
|
||||
<p>Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.</p>
|
||||
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
|
||||
<p>Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.</p>
|
||||
<p>Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.</p>
|
||||
<p>Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.</p>
|
||||
<p>Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.</p>
|
||||
</div>
|
||||
<div id="center1" class="x-layout-inactive-content">
|
||||
<p><b>Done reading me? Close me by clicking the X in the top right corner.</b></p>
|
||||
<p>Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.</p>
|
||||
<p>Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.</p>
|
||||
<p>Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.</p>
|
||||
<p>Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.</p>
|
||||
</div>
|
||||
<div id="props-panel" class="x-layout-inactive-content" style="width:200px;height:200px;overflow:hidden;">
|
||||
</div>
|
||||
<div id="south" class="x-layout-inactive-content">
|
||||
south - generally for informational stuff, also could be for status bar
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1
www/extras/extjs/examples/layout/feed-proxy.ashx
vendored
Normal file
1
www/extras/extjs/examples/layout/feed-proxy.ashx
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
<%@ WebHandler Language="VB" CodeBehind="feed-proxy.ashx.vb" Class="SendGate.feedproxy1" %>
|
||||
54
www/extras/extjs/examples/layout/feed-proxy.ashx.vb
vendored
Normal file
54
www/extras/extjs/examples/layout/feed-proxy.ashx.vb
vendored
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
Imports System.Web
|
||||
Imports System.Web.Services
|
||||
Imports System
|
||||
Imports System.IO
|
||||
Imports System.Net
|
||||
|
||||
Public Class feedproxy1
|
||||
Implements System.Web.IHttpHandler
|
||||
|
||||
Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest
|
||||
|
||||
'Address of URL
|
||||
'Dim URL As String = "http://www.jackslocum.com/yui/feed/"
|
||||
Dim URL As String = context.Request.Form("feed")
|
||||
'Only allow http:// prefix
|
||||
If IsNothing(URL) Then
|
||||
Exit Sub
|
||||
End If
|
||||
If URL.Substring(0, 7) = "http://" Then
|
||||
Try
|
||||
'Dim enc As Encoding = Encoding.GetEncoding("UTF-8")
|
||||
Dim enc As Encoding = Encoding.GetEncoding("ISO-8859-1")
|
||||
|
||||
Dim request As HttpWebRequest = WebRequest.Create(URL)
|
||||
Dim response As HttpWebResponse = request.GetResponse()
|
||||
Dim reader As StreamReader = New StreamReader(response.GetResponseStream(), enc)
|
||||
Dim str As String '= reader.ReadLine()
|
||||
Dim reply As String = ""
|
||||
'Do While str.Length > 0 And Not reader.EndOfStream
|
||||
Do While Not reader.EndOfStream
|
||||
str = reader.ReadLine()
|
||||
reply &= str & vbCrLf
|
||||
'Console.WriteLine(str)
|
||||
Loop
|
||||
context.Response.ContentType = "text/xml"
|
||||
context.Response.ContentEncoding = enc
|
||||
context.Response.Cache.SetExpires(DateTime.Now.AddSeconds(60))
|
||||
context.Response.Cache.SetCacheability(HttpCacheability.Public)
|
||||
|
||||
context.Response.Write(reply)
|
||||
Catch ex As Exception
|
||||
End Try
|
||||
|
||||
End If
|
||||
|
||||
End Sub
|
||||
|
||||
ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable
|
||||
Get
|
||||
Return False
|
||||
End Get
|
||||
End Property
|
||||
|
||||
End Class
|
||||
9
www/extras/extjs/examples/layout/feed-proxy.php
vendored
Normal file
9
www/extras/extjs/examples/layout/feed-proxy.php
vendored
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<?php
|
||||
// this is an example server-side proxy to load feeds
|
||||
$feed = $_REQUEST['feed'];
|
||||
if($feed != '' && strpos($feed, 'http') === 0){
|
||||
header('Content-Type: text/xml');
|
||||
readfile($feed);
|
||||
return;
|
||||
}
|
||||
?>
|
||||
216
www/extras/extjs/examples/layout/feed-viewer.css
vendored
Normal file
216
www/extras/extjs/examples/layout/feed-viewer.css
vendored
Normal file
|
|
@ -0,0 +1,216 @@
|
|||
/*
|
||||
* Ext JS Library 1.0.1
|
||||
* Copyright(c) 2006-2007, Ext JS, LLC.
|
||||
* licensing@extjs.com
|
||||
*
|
||||
* http://www.extjs.com/license
|
||||
*/
|
||||
|
||||
/*
|
||||
* Ext - JS Library 1.0 Alpha 2
|
||||
* Copyright(c) 2006-2007, Jack Slocum.
|
||||
*/
|
||||
|
||||
html, body {
|
||||
font: normal 9pt tahoma;
|
||||
margin: 0px;
|
||||
padding:0px;
|
||||
border:0px;
|
||||
}
|
||||
.x-layout-panel-south{
|
||||
background:#c3daf9;
|
||||
border:0px none;
|
||||
border-top:1px solid #ddecfe;
|
||||
}
|
||||
.x-layout-panel-north, .ytheme-gray .x-layout-panel-north{
|
||||
background-image: url(images/header.gif);
|
||||
background-repeat: repeat-x;
|
||||
color:#FFF;
|
||||
font:bold 12px verdana, helvetica;
|
||||
overflow:hidden;
|
||||
padding:4px;
|
||||
border:0px none;
|
||||
border-bottom:2px solid #c3daf9;
|
||||
}
|
||||
.ytheme-gray .x-layout-panel-north{
|
||||
border-bottom:2px solid #f3f2e7;
|
||||
}
|
||||
.x-layout-panel-hd-text{
|
||||
font: bold 11px tahoma,verdana,helvetica;
|
||||
color:#083772;
|
||||
}
|
||||
.ytheme-gray .x-layout-panel-hd-text{
|
||||
font: bold 11px tahoma,verdana,helvetica;
|
||||
color:#333333;
|
||||
}
|
||||
#preview-body{
|
||||
background:white;
|
||||
}
|
||||
#main .x-layout-panel-center{
|
||||
border-bottom:1px solid #98c0f4;
|
||||
}
|
||||
#preview-body {
|
||||
padding:10px;
|
||||
overflow:auto;
|
||||
line-height: 18px;
|
||||
}
|
||||
#preview-body p{
|
||||
margin:5px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.x-toolbar{
|
||||
border:0px none;
|
||||
background-color:#D8E7FB;
|
||||
border-bottom:1px solid #c3daf9;
|
||||
padding-bottom:1px;
|
||||
}
|
||||
#preview-tb .view-tab,#preview-tb .view-window,#myfeeds-tb .add-feed{
|
||||
background-position: 0px 0px;
|
||||
background-repeat: no-repeat;
|
||||
padding-left:18px;
|
||||
padding-top:1px;
|
||||
width:auto;
|
||||
display:block;
|
||||
}
|
||||
.add-feed {
|
||||
background-image: url('images/add-feed.gif');
|
||||
}
|
||||
#myfeeds-body{
|
||||
overflow:auto;
|
||||
}
|
||||
.view-tab{
|
||||
background-image: url('images/new_tab.gif');
|
||||
}
|
||||
.view-window{
|
||||
background-image: url('images/new_window.gif');
|
||||
}
|
||||
.feed-list{
|
||||
padding:1px;
|
||||
}
|
||||
.feed-list a{
|
||||
border:1px solid white;
|
||||
display:block;
|
||||
-moz-outline:none;
|
||||
margin-bottom:2px;
|
||||
text-decoration:none;
|
||||
}
|
||||
.feed-list a .body{
|
||||
padding:5px 2px 5px 22px;
|
||||
background-image:url(images/rss.gif);
|
||||
background-position: 2px 5px;
|
||||
background-repeat: no-repeat;
|
||||
font:bold 12px tahoma, verdana, helvetica;
|
||||
color: #2d5593;
|
||||
display:block;
|
||||
-moz-outline:none;
|
||||
}
|
||||
.feed-list a .desc{
|
||||
font:normal 11px tahoma, verdana, helvetica;
|
||||
color: #222222;
|
||||
}
|
||||
.feed-list a:hover, .feed-list .selected{
|
||||
text-decoration: none;
|
||||
border:1px solid #c3daf9;
|
||||
background-color:#ddecfe;
|
||||
}
|
||||
.feed-list .selected{
|
||||
background-image: url('images/post-bg.gif');
|
||||
border:1px solid #c3daf9;
|
||||
}
|
||||
#feed-grid {
|
||||
overflow:auto;
|
||||
}
|
||||
#add-feed{
|
||||
background-image: url('images/post-bg.gif');
|
||||
border:2px solid #c3daf9;
|
||||
position:absolute;
|
||||
z-index:10006;
|
||||
font-size:8pt;
|
||||
width:300px;
|
||||
padding:5px;
|
||||
overflow:auto;
|
||||
left:-1000px;
|
||||
top:-1000px;
|
||||
}
|
||||
#add-feed input{
|
||||
font:normal 8pt arial,helvetica;
|
||||
}
|
||||
#add-feed .eg{
|
||||
display:block;
|
||||
padding:3px;
|
||||
color:#1e4e8f;
|
||||
}
|
||||
#feed-url{
|
||||
width:240px;
|
||||
}
|
||||
#add-feed-close{
|
||||
position:absolute;
|
||||
right:2px;
|
||||
top:2px;
|
||||
cursor:pointer;
|
||||
}
|
||||
#add-feed p{
|
||||
height:18px;
|
||||
display:none;
|
||||
}
|
||||
#add-feed p.active-msg{
|
||||
display:block;
|
||||
}
|
||||
|
||||
#status {
|
||||
font-size:8pt;
|
||||
background-image: url('../../resources/images/default/grid/loading.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: left;
|
||||
padding-left:20px;
|
||||
padding-top:3px;
|
||||
height:18px;
|
||||
}
|
||||
#status.done {
|
||||
background-image: url('../../resources/images/default/grid/loading.gif');
|
||||
}
|
||||
.x-layout-collapsed-west{
|
||||
background-image:url(images/myfeeds.gif);
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
}
|
||||
.x-layout-collapsed-east{
|
||||
background-image:url(images/suggested.gif);
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
}
|
||||
#main .x-layout-collapsed-south{
|
||||
background-image:url(images/preview.gif);
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
}
|
||||
|
||||
/** Comment List */
|
||||
.item-date {
|
||||
margin: 0;
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
font-weight:normal;
|
||||
margin-bottom:3px;
|
||||
}
|
||||
.item-title{
|
||||
font:bold 11px "sans serif", verdana;
|
||||
color:#444444;
|
||||
}
|
||||
.feed-item {
|
||||
display:block;
|
||||
margin:5px;
|
||||
padding:5px;
|
||||
font-size:11px;
|
||||
border:1px solid white;
|
||||
border-bottom:1px solid #dddddd;
|
||||
color:#222222;
|
||||
cursor:pointer;
|
||||
line-height: 18px;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select:none;
|
||||
}
|
||||
.selected-article{
|
||||
background:#ecf5fe url('images/post-bg.gif') repeat-x;
|
||||
border:1px solid #c3daf9;
|
||||
}
|
||||
39
www/extras/extjs/examples/layout/feed-viewer.html
vendored
Normal file
39
www/extras/extjs/examples/layout/feed-viewer.html
vendored
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>RSS Feed Viewer 2.0</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
|
||||
|
||||
<!-- GC --> <!-- LIBS --> <script type="text/javascript" src="../../adapter/yui/yui-utilities.js"></script> <script type="text/javascript" src="../../adapter/yui/ext-yui-adapter.js"></script> <!-- ENDLIBS -->
|
||||
<script type="text/javascript" src="../../ext-all.js"></script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="feed-viewer.css"/>
|
||||
<script type="text/javascript" language="javascript" src="feed-viewer.js"></script>
|
||||
</head>
|
||||
<body id="feedViewer">
|
||||
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
|
||||
<div id="header" class="x-layout-inactive-content">
|
||||
Simple RSS Feed Viewer - 2.0
|
||||
</div>
|
||||
<div id="feeds" class="x-layout-inactive-content">
|
||||
<div id="myfeeds-tb"></div>
|
||||
<div id="myfeeds-body" class="feed-list"></div>
|
||||
</div>
|
||||
<div id="suggested" class="x-layout-inactive-content feed-list"></div>
|
||||
<div id="main" class="x-layout-inactive-content">
|
||||
<div id="feed-grid" class="x-layout-inactive-content"></div>
|
||||
<div id="preview" class="x-layout-inactive-content">
|
||||
<div id="preview-tb"></div>
|
||||
<div id="preview-body"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="status" class="x-layout-inactive-content"></div>
|
||||
<div id="add-feed" style="visibility:hidden;">
|
||||
<img alt="tab-close" id="add-feed-close" src="images/tab-close-on.gif" />
|
||||
<p id="add-title" class="active-msg">Please enter the URL for the feed:</p>
|
||||
<p id="invalid-feed"><img src="images/warning.gif" width="16" height="16" align="absmiddle" alt="" /> The feed URL specified is not a valid RSS feed.</p>
|
||||
<p id="loading-feed"><img src="images/wait.gif" width="18" height="18" align="absmiddle" /> Loading feed...</p>
|
||||
<input type="text" id="feed-url" name="feed-url" class="input-text"/><input id="add-btn" type="button" value="Add"/><br>
|
||||
<span class="eg">e.g. http://www.jackslocum.com/yui/feed/</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
341
www/extras/extjs/examples/layout/feed-viewer.js
vendored
Normal file
341
www/extras/extjs/examples/layout/feed-viewer.js
vendored
Normal file
|
|
@ -0,0 +1,341 @@
|
|||
/*
|
||||
* Ext JS Library 1.0.1
|
||||
* Copyright(c) 2006-2007, Ext JS, LLC.
|
||||
* licensing@extjs.com
|
||||
*
|
||||
* http://www.extjs.com/license
|
||||
*/
|
||||
|
||||
var Viewer = function(){
|
||||
// a bunch of private variables accessible by member function
|
||||
var layout, statusPanel, south, preview, previewBody, feedPanel;
|
||||
var grid, ds, sm;
|
||||
var addFeed, currentItem, tpl;
|
||||
var suggested, feeds;
|
||||
var sfeeds, myfeeds;
|
||||
var seed = 0;
|
||||
|
||||
// feed clicks bubble up to this universal handler
|
||||
var feedClicked = function(e){
|
||||
// find the "a" element that was clicked
|
||||
var a = e.getTarget('a');
|
||||
if(a){
|
||||
e.preventDefault();
|
||||
Viewer.loadFeed(a.href);
|
||||
Viewer.changeActiveFeed(a.id.substr(5));
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
init : function(){
|
||||
// initialize state manager, we will use cookies
|
||||
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
|
||||
|
||||
// initialize the add feed overlay and buttons
|
||||
addFeed = Ext.get('add-feed');
|
||||
var addBtn = Ext.get('add-btn');
|
||||
addBtn.on('click', this.validateFeed, this);
|
||||
var closeBtn = Ext.get('add-feed-close');
|
||||
closeBtn.on('click', addFeed.hide, addFeed, true);
|
||||
|
||||
// create Elements for the feed and suggested lists
|
||||
feeds = Ext.get('feeds'), suggested = Ext.get('suggested');
|
||||
|
||||
// delegate clicks on the lists
|
||||
feeds.on('click', feedClicked);
|
||||
suggested.on('click', feedClicked);
|
||||
|
||||
//create feed template
|
||||
tpl = new Ext.DomHelper.Template('<a id="feed-{id}" href="{url}"><span class="body">{name}<br><span class="desc">{desc}</span></span></a>');
|
||||
|
||||
// collection of feeds added by the user
|
||||
myfeeds = {};
|
||||
|
||||
// some default feeds
|
||||
sfeeds = {
|
||||
'ajaxian':{id:'ajaxian', name: 'Ajaxian', desc: 'Cleaning up the web with Ajax.', url:'http://feeds.feedburner.com/ajaxian'},
|
||||
'yui':{id:'yui', name: 'YUI Blog', desc: 'News and Articles about Designing and Developing with Yahoo! Libraries.', url:'http://feeds.yuiblog.com/YahooUserInterfaceBlog'},
|
||||
'sports':{id:'sports', name: 'Yahoo! Sports', desc: 'Latest news and information for the world of sports.', url:'http://sports.yahoo.com/top/rss.xml'}
|
||||
};
|
||||
|
||||
// go through the suggested feeds and add them to the list
|
||||
for(var id in sfeeds) {
|
||||
var f = sfeeds[id];
|
||||
tpl.append(suggested.dom, f);
|
||||
}
|
||||
|
||||
// create the main layout
|
||||
layout = new Ext.BorderLayout(document.body, {
|
||||
north: {
|
||||
split:false,
|
||||
initialSize: 25,
|
||||
titlebar: false
|
||||
},
|
||||
west: {
|
||||
split:true,
|
||||
initialSize: 200,
|
||||
minSize: 175,
|
||||
maxSize: 400,
|
||||
titlebar: true,
|
||||
collapsible: true,
|
||||
animate: true,
|
||||
autoScroll:false,
|
||||
useShim:true,
|
||||
cmargins: {top:0,bottom:2,right:2,left:2}
|
||||
},
|
||||
east: {
|
||||
split:true,
|
||||
initialSize: 200,
|
||||
minSize: 175,
|
||||
maxSize: 400,
|
||||
titlebar: true,
|
||||
collapsible: true,
|
||||
animate: true,
|
||||
autoScroll:false,
|
||||
useShim:true,
|
||||
collapsed:true,
|
||||
cmargins: {top:0,bottom:2,right:2,left:2}
|
||||
},
|
||||
south: {
|
||||
split:false,
|
||||
initialSize: 22,
|
||||
titlebar: false,
|
||||
collapsible: false,
|
||||
animate: false
|
||||
},
|
||||
center: {
|
||||
titlebar: false,
|
||||
autoScroll:false,
|
||||
tabPosition: 'top',
|
||||
closeOnTab: true,
|
||||
alwaysShowTabs: true,
|
||||
resizeTabs: true
|
||||
}
|
||||
});
|
||||
// tell the layout not to perform layouts until we're done adding everything
|
||||
layout.beginUpdate();
|
||||
layout.add('north', new Ext.ContentPanel('header'));
|
||||
|
||||
// initialize the statusbar
|
||||
statusPanel = new Ext.ContentPanel('status');
|
||||
south = layout.getRegion('south');
|
||||
south.add(statusPanel);
|
||||
|
||||
// create the add feed toolbar
|
||||
var feedtb = new Ext.Toolbar('myfeeds-tb');
|
||||
// They can also be referenced by id in or components
|
||||
feedtb.add( {
|
||||
id:'add-feed-btn',
|
||||
icon: 'images/add-feed.gif', // icons can also be specified inline
|
||||
cls: 'x-btn-text-icon',
|
||||
text: 'Add feed',
|
||||
handler: this.showAddFeed.createDelegate(this),
|
||||
tooltip: '<b>Add Feed</b><br/>Button with tooltip'
|
||||
});
|
||||
|
||||
layout.add('west', new Ext.ContentPanel('feeds', {title: 'My Feeds', fitToFrame:true, toolbar: feedtb, resizeEl:'myfeeds-body'}));
|
||||
layout.add('east', new Ext.ContentPanel('suggested', {title: 'Suggested Feeds', fitToFrame:true}));
|
||||
|
||||
// the inner layout houses the grid panel and the preview panel
|
||||
var innerLayout = new Ext.BorderLayout('main', {
|
||||
south: {
|
||||
split:true,
|
||||
initialSize: 250,
|
||||
minSize: 100,
|
||||
maxSize: 400,
|
||||
autoScroll:false,
|
||||
collapsible:true,
|
||||
titlebar: true,
|
||||
animate: true,
|
||||
cmargins: {top:2,bottom:0,right:0,left:0}
|
||||
},
|
||||
center: {
|
||||
autoScroll:false,
|
||||
titlebar:false
|
||||
}
|
||||
});
|
||||
// add the nested layout
|
||||
feedPanel = new Ext.NestedLayoutPanel(innerLayout, 'View Feed');
|
||||
layout.add('center', feedPanel);
|
||||
|
||||
innerLayout.beginUpdate();
|
||||
|
||||
var lv = innerLayout.add('center', new Ext.ContentPanel('feed-grid', {title: 'Feed Articles', fitToFrame:true}));
|
||||
this.createView(lv.getEl());
|
||||
|
||||
// create the preview panel and toolbar
|
||||
previewBody = Ext.get('preview-body');
|
||||
var tb = new Ext.Toolbar('preview-tb');
|
||||
|
||||
tb.addButton({text: 'View in New Tab',icon: 'images/new_tab.gif',cls: 'x-btn-text-icon', handler: this.showInTab.createDelegate(this)});
|
||||
tb.addSeparator();
|
||||
tb.addButton({text: 'View in New Window',icon: 'images/new_window.gif',cls: 'x-btn-text-icon', handler: this.showInWindow.createDelegate(this)});
|
||||
|
||||
preview = new Ext.ContentPanel('preview', {title: "Preview", fitToFrame:true, toolbar: tb, resizeEl:'preview-body'});
|
||||
innerLayout.add('south', preview);
|
||||
|
||||
// restore innerLayout state
|
||||
innerLayout.restoreState();
|
||||
innerLayout.endUpdate(true);
|
||||
|
||||
// restore any state information
|
||||
layout.restoreState();
|
||||
layout.endUpdate();
|
||||
|
||||
this.loadFeed('http://feeds.feedburner.com/ajaxian');
|
||||
this.changeActiveFeed('ajaxian');
|
||||
},
|
||||
|
||||
createView : function(el){
|
||||
function reformatDate(feedDate){
|
||||
var d = new Date(Date.parse(feedDate));
|
||||
return d ? d.dateFormat('D M j, Y, g:i a') : '';
|
||||
}
|
||||
|
||||
var reader = new Ext.data.XmlReader({record: 'item'},
|
||||
['title', {name:'pubDate', type:'date'}, 'link', 'description']
|
||||
);
|
||||
|
||||
ds = new Ext.data.Store({
|
||||
proxy: new Ext.data.HttpProxy({
|
||||
url: 'feed-proxy.php'
|
||||
}),
|
||||
reader : reader
|
||||
});
|
||||
|
||||
ds.on('load', this.onLoad, this);
|
||||
|
||||
var tpl = new Ext.Template(
|
||||
'<div class="feed-item">' +
|
||||
'<div class="item-title">{title}</div>' +
|
||||
'<div class="item-date">{date}</div>' +
|
||||
'{desc}</div>'
|
||||
);
|
||||
|
||||
var view = new Ext.View(el, tpl, {store: ds, singleSelect:true, selectedClass:'selected-article'});
|
||||
view.prepareData = function(data){
|
||||
return {
|
||||
title: data.title,
|
||||
date: reformatDate(data.pubDate),
|
||||
desc: data.description.replace(/<\/?[^>]+>/gi, '').ellipse(350)
|
||||
|
||||
};
|
||||
};
|
||||
view.on('click', this.showPost, this);
|
||||
view.on('dblclick', this.showFullPost, this);
|
||||
},
|
||||
|
||||
onLoad : function(){
|
||||
if(ds.getCount() < 1){
|
||||
preview.setContent('');
|
||||
}
|
||||
statusPanel.getEl().addClass('done');
|
||||
statusPanel.setContent('Done.');
|
||||
},
|
||||
|
||||
loadFeed : function(feed){
|
||||
statusPanel.setContent('Loading feed ' + feed + '...');
|
||||
statusPanel.getEl().removeClass('done');
|
||||
//ds.load({'feed': feed});
|
||||
//cgsktca
|
||||
ds.load({params:{'feed': feed}});
|
||||
},
|
||||
|
||||
showPost : function(view, dataIndex){
|
||||
var node = ds.getAt(dataIndex);
|
||||
var title = node.data.title;
|
||||
var link = node.data.link;
|
||||
var desc = node.data.description;
|
||||
|
||||
currentItem = {
|
||||
index: dataIndex, link: link
|
||||
};
|
||||
preview.setTitle(title.ellipse(80));
|
||||
previewBody.update(desc);
|
||||
},
|
||||
|
||||
showFullPost : function(view, rowIndex){
|
||||
var node = ds.getAt(rowIndex);
|
||||
var link = node.data.link;
|
||||
var title = node.data.title;
|
||||
|
||||
if(!title){
|
||||
title = 'View Post';
|
||||
}
|
||||
var iframe = Ext.DomHelper.append(document.body,
|
||||
{tag: 'iframe', frameBorder: 0, src: link});
|
||||
var panel = new Ext.ContentPanel(iframe,
|
||||
{title: title, fitToFrame:true, closable:true});
|
||||
layout.add('center', panel);
|
||||
},
|
||||
|
||||
showInTab : function(){
|
||||
if(currentItem){
|
||||
this.showFullPost(grid, currentItem.index);
|
||||
}
|
||||
},
|
||||
|
||||
showInWindow : function(){
|
||||
if(currentItem){
|
||||
window.open(currentItem.link, 'win');
|
||||
}
|
||||
},
|
||||
|
||||
changeActiveFeed : function(feedId){
|
||||
YAHOO.util.Dom.removeClass(suggested.dom.getElementsByTagName('a'), 'selected');
|
||||
YAHOO.util.Dom.removeClass(feeds.dom.getElementsByTagName('a'), 'selected');
|
||||
YAHOO.util.Dom.addClass('feed-'+feedId, 'selected');
|
||||
var feed = sfeeds[feedId] || myfeeds[feedId];
|
||||
feedPanel.setTitle('View Feed (' + feed.name.ellipse(16) + ')');
|
||||
},
|
||||
|
||||
showAddFeed : function(btn){
|
||||
Ext.get('feed-url').dom.value = '';
|
||||
Ext.get('add-title').radioClass('active-msg');
|
||||
var el = Ext.get('myfeeds-tb');
|
||||
|
||||
addFeed.alignTo('myfeeds-tb', 'tl', [3,3]);
|
||||
addFeed.show();
|
||||
},
|
||||
|
||||
validateFeed : function(){
|
||||
var url = Ext.get('feed-url').dom.value;
|
||||
Ext.get('loading-feed').radioClass('active-msg');
|
||||
var success = function(o){
|
||||
try{
|
||||
var xml = o.responseXML;
|
||||
var channel = xml.getElementsByTagName('channel')[0];
|
||||
var titleEl = channel.getElementsByTagName('title')[0];
|
||||
var descEl = channel.getElementsByTagName('description')[0];
|
||||
var name = titleEl.firstChild.nodeValue;
|
||||
var desc = (descEl.firstChild ? descEl.firstChild.nodeValue : '');
|
||||
var id = ++seed;
|
||||
myfeeds[id] = {id:id, name:name, desc:desc, url:url};
|
||||
tpl.append('myfeeds-body', myfeeds[id]);
|
||||
|
||||
addFeed.hide();
|
||||
|
||||
|
||||
ds.loadData(xml);
|
||||
this.changeActiveFeed(id);
|
||||
|
||||
}catch(e){
|
||||
Ext.get('invalid-feed').radioClass('active-msg');
|
||||
}
|
||||
}.createDelegate(this);
|
||||
var failure = function(o){
|
||||
Ext.get('invalid-feed').radioClass('active-msg');
|
||||
};
|
||||
Ext.lib.Ajax.request('POST', 'feed-proxy.php', {success:success, failure:failure}, 'feed='+encodeURIComponent(url));
|
||||
}
|
||||
};
|
||||
}();
|
||||
Ext.onReady(Viewer.init, Viewer);
|
||||
|
||||
String.prototype.ellipse = function(maxLength){
|
||||
if(this.length > maxLength){
|
||||
return this.substr(0, maxLength-3) + '...';
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
BIN
www/extras/extjs/examples/layout/images/Thumbs.db
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/Thumbs.db
vendored
Normal file
Binary file not shown.
BIN
www/extras/extjs/examples/layout/images/add-feed.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/add-feed.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
BIN
www/extras/extjs/examples/layout/images/article.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/article.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 954 B |
BIN
www/extras/extjs/examples/layout/images/bullet.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/bullet.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 835 B |
BIN
www/extras/extjs/examples/layout/images/cancel.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/cancel.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
www/extras/extjs/examples/layout/images/comment-bg.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/comment-bg.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 838 B |
BIN
www/extras/extjs/examples/layout/images/feed-item.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/feed-item.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 954 B |
BIN
www/extras/extjs/examples/layout/images/grid-hrow.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/grid-hrow.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 825 B |
BIN
www/extras/extjs/examples/layout/images/header-bar.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/header-bar.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 927 B |
BIN
www/extras/extjs/examples/layout/images/header.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/header.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 834 B |
BIN
www/extras/extjs/examples/layout/images/myfeeds.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/myfeeds.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
www/extras/extjs/examples/layout/images/new_tab.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/new_tab.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 956 B |
BIN
www/extras/extjs/examples/layout/images/new_window.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/new_window.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1,019 B |
BIN
www/extras/extjs/examples/layout/images/post-bg.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/post-bg.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 852 B |
BIN
www/extras/extjs/examples/layout/images/preview.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/preview.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
www/extras/extjs/examples/layout/images/rss.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/rss.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
BIN
www/extras/extjs/examples/layout/images/signin.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/signin.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
www/extras/extjs/examples/layout/images/signout.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/signout.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
www/extras/extjs/examples/layout/images/suggested.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/suggested.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
www/extras/extjs/examples/layout/images/tab-close-on.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/tab-close-on.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 880 B |
BIN
www/extras/extjs/examples/layout/images/tab-close.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/tab-close.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 859 B |
BIN
www/extras/extjs/examples/layout/images/toolbar.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/toolbar.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 859 B |
BIN
www/extras/extjs/examples/layout/images/wait.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/wait.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
www/extras/extjs/examples/layout/images/warning.gif
vendored
Normal file
BIN
www/extras/extjs/examples/layout/images/warning.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 960 B |
126
www/extras/extjs/examples/layout/nested.html
vendored
Normal file
126
www/extras/extjs/examples/layout/nested.html
vendored
Normal file
|
|
@ -0,0 +1,126 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Complex Layout</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
|
||||
|
||||
<!-- GC --> <!-- LIBS --> <script type="text/javascript" src="../../adapter/yui/yui-utilities.js"></script> <script type="text/javascript" src="../../adapter/yui/ext-yui-adapter.js"></script> <!-- ENDLIBS -->
|
||||
<script type="text/javascript" src="../../ext-all.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
font:normal 12px verdana;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0 none;
|
||||
overflow:hidden;
|
||||
height:100%;
|
||||
}
|
||||
#header{
|
||||
background: url(images/header-bar.gif) repeat-x bottom;
|
||||
border-bottom: 1px solid #083772;
|
||||
padding:5px 4px;
|
||||
}
|
||||
#footer{
|
||||
background: url(images/header-bar.gif) repeat-x bottom;
|
||||
border-top: 1px solid #083772;
|
||||
padding:2px 4px;
|
||||
color:white;
|
||||
font:normal 8pt arial,helvetica;
|
||||
}
|
||||
#nav {
|
||||
}
|
||||
#nav, #inner1, #inner2 {
|
||||
padding:10px;
|
||||
}
|
||||
#content p {
|
||||
margin:5px;
|
||||
}
|
||||
#nav li {
|
||||
padding:2px;
|
||||
padding-left:10px;
|
||||
background-image:url(images/bullet.gif);
|
||||
background-position: -3px 6px;
|
||||
background-repeat: no-repeat;
|
||||
font-size:8pt;
|
||||
display: block;
|
||||
}
|
||||
.x-layout-panel-north, .x-layout-panel-south, #content .x-layout-panel-center{
|
||||
border:0px none;
|
||||
}
|
||||
#content .x-layout-panel-south{
|
||||
border-top:1px solid #aca899;
|
||||
}
|
||||
#content .x-layout-panel-center{
|
||||
border-bottom:1px solid #aca899;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
Example = function(){
|
||||
return {
|
||||
init : function(){
|
||||
var layout = new Ext.BorderLayout(document.body, {
|
||||
west: {
|
||||
split:true,
|
||||
initialSize: 200,
|
||||
titlebar: true,
|
||||
collapsible: true,
|
||||
minSize: 100,
|
||||
maxSize: 400
|
||||
},
|
||||
center: {
|
||||
autoScroll: false
|
||||
}
|
||||
});
|
||||
layout.beginUpdate();
|
||||
|
||||
layout.add('west', new Ext.ContentPanel('nav', {title: 'Navigation', fitToFrame:true, closable:false}));
|
||||
var innerLayout = new Ext.BorderLayout('content', {
|
||||
south: {
|
||||
split:true,
|
||||
initialSize: 200,
|
||||
minSize: 100,
|
||||
maxSize: 400,
|
||||
autoScroll:true,
|
||||
collapsible:true,
|
||||
titlebar: true
|
||||
},
|
||||
center: {
|
||||
autoScroll:true
|
||||
}
|
||||
});
|
||||
innerLayout.add('south', new Ext.ContentPanel('inner1', "More Information"));
|
||||
innerLayout.add('center', new Ext.ContentPanel('inner2'));
|
||||
layout.add('center', new Ext.NestedLayoutPanel(innerLayout));
|
||||
layout.endUpdate();
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
Ext.EventManager.onDocumentReady(Example.init, Example, true);
|
||||
</script>
|
||||
</head>
|
||||
<body class="ytheme-gray">
|
||||
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
|
||||
<div id ="container">
|
||||
<div id="nav" class="x-layout-inactive-content">
|
||||
<ul>
|
||||
<li><a href="http://developer.yahoo.com/yui/" target="_blank"><img src="/blog/images/icons/yahoo.gif" width="16" height="16" border="0" align="absmiddle"> Yahoo! UI Library</a></li>
|
||||
<li><a href="http://www.ajaxian.com/" target="_blank"><img src="/blog/images/icons/ajaxian.gif" width="16" height="16" border="0" align="absmiddle"> Ajaxian.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="content" class="x-layout-inactive-content"></div>
|
||||
<div id="inner1" class="x-layout-inactive-content">
|
||||
<p>This layout uses the gray theme. To make a layout use the gray theme, add the class .ytheme-gray to the body or a container element.</p>
|
||||
<p>Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.</p>
|
||||
<p>Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.</p>
|
||||
<p>Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.</p>
|
||||
<p>Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.</p>
|
||||
</div>
|
||||
<div id="inner2" class="x-layout-inactive-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.</p>
|
||||
<p>Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.</p>
|
||||
<p>Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
129
www/extras/extjs/examples/layout/simple.html
vendored
Normal file
129
www/extras/extjs/examples/layout/simple.html
vendored
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Simple Layout</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
|
||||
<!-- GC --> <!-- LIBS --> <script type="text/javascript" src="../../adapter/yui/yui-utilities.js"></script> <script type="text/javascript" src="../../adapter/yui/ext-yui-adapter.js"></script> <!-- ENDLIBS -->
|
||||
<script type="text/javascript" src="../../ext-all.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
font:normal 12px verdana;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0 none;
|
||||
overflow:hidden;
|
||||
height:100%;
|
||||
}
|
||||
#header{
|
||||
background: url(images/header-bar.gif) repeat-x bottom;
|
||||
border-bottom: 1px solid #083772;
|
||||
padding:5px 4px;
|
||||
}
|
||||
#footer{
|
||||
background: url(images/header-bar.gif) repeat-x bottom;
|
||||
border-top: 1px solid #083772;
|
||||
padding:2px 4px;
|
||||
color:white;
|
||||
font:normal 8pt arial,helvetica;
|
||||
}
|
||||
#nav {
|
||||
background-color:#c3daf9;
|
||||
}
|
||||
#nav, #content {
|
||||
padding:10px;
|
||||
}
|
||||
#content p {
|
||||
margin:5px;
|
||||
}
|
||||
#nav li {
|
||||
padding:2px;
|
||||
padding-left:10px;
|
||||
background-image:url(images/bullet.gif);
|
||||
background-position: -3px 6px;
|
||||
background-repeat: no-repeat;
|
||||
font-size:8pt;
|
||||
display: block;
|
||||
}
|
||||
.x-layout-panel{
|
||||
border:0px none;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
Example = function(){
|
||||
return {
|
||||
init : function(){
|
||||
var layout = new Ext.BorderLayout(document.body, {
|
||||
north: {
|
||||
split:false,
|
||||
initialSize: 35
|
||||
},
|
||||
south: {
|
||||
split:false,
|
||||
initialSize: 20
|
||||
},
|
||||
west: {
|
||||
split:false,
|
||||
initialSize: 200,
|
||||
collapsible: false
|
||||
},
|
||||
center: {
|
||||
autoScroll: true
|
||||
}
|
||||
});
|
||||
layout.beginUpdate();
|
||||
layout.add('north', new Ext.ContentPanel('header', {fitToFrame:true}));
|
||||
layout.add('south', new Ext.ContentPanel('footer', {fitToFrame:true}));
|
||||
layout.add('west', new Ext.ContentPanel('nav', {fitToFrame:true}));
|
||||
layout.add('center', new Ext.ContentPanel('content'));
|
||||
layout.endUpdate();
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
Ext.EventManager.onDocumentReady(Example.init, Example, true);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
|
||||
<div id ="container">
|
||||
<div id="header" class="x-layout-inactive-content">
|
||||
<img src="/blog/images/jsblog.gif" width="160" height="27" alt="Jack Slocum's Blog" border="0"/>
|
||||
</div>
|
||||
<div id="nav" class="x-layout-inactive-content">
|
||||
<ul>
|
||||
<li><a href="http://developer.yahoo.com/yui/" target="_blank"><img src="/blog/images/icons/yahoo.gif" width="16" height="16" border="0" align="absmiddle"> Yahoo! UI Library</a></li>
|
||||
<li><a href="http://www.ajaxian.com/" target="_blank"><img src="/blog/images/icons/ajaxian.gif" width="16" height="16" border="0" align="absmiddle"> Ajaxian.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="content" class="x-layout-inactive-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.</p>
|
||||
<p>Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.</p>
|
||||
<p>Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.</p>
|
||||
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
|
||||
<p>Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.</p>
|
||||
<p>Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.</p>
|
||||
<p>Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.</p>
|
||||
<p>Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.</p>
|
||||
<p>Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.</p>
|
||||
<p>Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.</p>
|
||||
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
|
||||
<p>Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.</p>
|
||||
<p>Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.</p>
|
||||
<p>Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.</p>
|
||||
<p>Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit. Quisque dolor magna, ornare sed, elementum porta, luctus in, leo.</p>
|
||||
<p>Donec quis dui. Sed imperdiet. Nunc consequat, est eu sollicitudin gravida, mauris ligula lacinia mauris, eu porta dui nisl in velit. Nam congue, odio id auctor nonummy, augue lectus euismod nunc, in tristique turpis dolor sed urna. Donec sit amet quam eget diam fermentum pharetra. Integer tincidunt arcu ut purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla blandit malesuada odio. Nam augue. Aenean molestie sapien in mi. Suspendisse tincidunt. Pellentesque tempus dui vitae sapien. Donec aliquam ipsum sit amet pede. Sed scelerisque mi a erat. Curabitur rutrum ullamcorper risus. Maecenas et lorem ut felis dictum viverra. Fusce sem. Donec pharetra nibh sit amet sapien.</p>
|
||||
<p>Aenean ut orci sed ligula consectetuer pretium. Aliquam odio. Nam pellentesque enim. Nam tincidunt condimentum nisi. Maecenas convallis luctus ligula. Donec accumsan ornare risus. Vestibulum id magna a nunc posuere laoreet. Integer iaculis leo vitae nibh. Nam vulputate, mauris vitae luctus pharetra, pede neque bibendum tellus, facilisis commodo diam nisi eget lacus. Duis consectetuer pulvinar nisi. Cras interdum ultricies sem. Nullam tristique. Suspendisse elementum purus eu nisl. Nulla facilisi. Phasellus ultricies ullamcorper lorem. Sed euismod ante vitae lacus. Nam nunc leo, congue vehicula, luctus ac, tempus non, ante. Morbi suscipit purus a nulla. Sed eu diam.</p>
|
||||
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras imperdiet felis id velit. Ut non quam at sem dictum ullamcorper. Vestibulum pharetra purus sed pede. Aliquam ultrices, nunc in varius mattis, felis justo pretium magna, eget laoreet justo eros id eros. Aliquam elementum diam fringilla nulla. Praesent laoreet sapien vel metus. Cras tempus, sapien condimentum dictum dapibus, lorem augue fringilla orci, ut tincidunt eros nisi eget turpis. Nullam nunc nunc, eleifend et, dictum et, pharetra a, neque. Ut feugiat. Aliquam erat volutpat. Donec pretium odio nec felis. Phasellus sagittis lacus eget sapien. Donec est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
|
||||
<p>Vestibulum semper. Nullam non odio. Aliquam quam. Mauris eu lectus non nunc auctor ullamcorper. Sed tincidunt molestie enim. Phasellus lobortis justo sit amet quam. Duis nulla erat, varius a, cursus in, tempor sollicitudin, mauris. Aliquam mi velit, consectetuer mattis, consequat tristique, pulvinar ac, nisl. Aliquam mattis vehicula elit. Proin quis leo sed tellus scelerisque molestie. Quisque luctus. Integer mattis. Donec id augue sed leo aliquam egestas. Quisque in sem. Donec dictum enim in dolor. Praesent non erat. Nulla ultrices vestibulum quam.</p>
|
||||
<p>Duis hendrerit, est vel lobortis sagittis, tortor erat scelerisque tortor, sed pellentesque sem enim id metus. Maecenas at pede. Nulla velit libero, dictum at, mattis quis, sagittis vel, ante. Phasellus faucibus rutrum dui. Cras mauris elit, bibendum at, feugiat non, porta id, neque. Nulla et felis nec odio mollis vehicula. Donec elementum tincidunt mauris. Duis vel dui. Fusce iaculis enim ac nulla. In risus.</p>
|
||||
<p>Donec gravida. Donec et enim. Morbi sollicitudin, lacus a facilisis pulvinar, odio turpis dapibus elit, in tincidunt turpis felis nec libero. Nam vestibulum tempus ipsum. In hac habitasse platea dictumst. Nulla facilisi. Donec semper ligula. Donec commodo tortor in quam. Etiam massa. Ut tempus ligula eget tellus. Curabitur id velit ut velit varius commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Fusce ornare pellentesque libero. Nunc rhoncus. Suspendisse potenti. Ut consequat, leo eu accumsan vehicula, justo sem lobortis elit, ac sollicitudin ipsum neque nec ante.</p>
|
||||
<p>Aliquam elementum mauris id sem. Vivamus varius, est ut nonummy consectetuer, nulla quam bibendum velit, ac gravida nisi felis sit amet urna. Aliquam nec risus. Maecenas lacinia purus ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sit amet dui vitae lacus fermentum sodales. Donec varius dapibus nisl. Praesent at velit id risus convallis bibendum. Aliquam felis nibh, rutrum nec, blandit non, mattis sit amet, magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam varius dignissim nibh. Quisque id orci ac ante hendrerit molestie. Aliquam malesuada enim non neque.</p>
|
||||
</div>
|
||||
<div id="footer" class="x-layout-inactive-content">
|
||||
Copyright 2006 Jack Slocum
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue