Compare commits
4 commits
Author | SHA1 | Date | |
---|---|---|---|
6dfc79ce54 | |||
33ffaa190e | |||
5dae2e797e | |||
e881496bd6 |
1
.gitignore
vendored
|
@ -4,4 +4,5 @@ views.bak/
|
|||
bin/
|
||||
include/
|
||||
lib/
|
||||
lib64/
|
||||
local/
|
||||
|
|
63
app.py
|
@ -4,6 +4,7 @@
|
|||
import web
|
||||
import hashlib, time
|
||||
from web import form
|
||||
import json
|
||||
|
||||
|
||||
# Framework initialization
|
||||
|
@ -16,14 +17,11 @@ urls = (
|
|||
'/tyedye/', 'summary',
|
||||
'/tyedye/stats', 'statistics',
|
||||
'/tyedye/stats/', 'statistics',
|
||||
'/tyedye/stats/add', 'stat_add',
|
||||
'/tyedye/stats/remove/(.+)', 'remove_stat',
|
||||
'/tyedye/stats/edit/(.+)', 'edit_stat',
|
||||
'/tyedye/stats/(.+)', 'statistics',
|
||||
'/tyedye/register', 'register',
|
||||
'/tyedye/register/', 'register',
|
||||
'/tyedye/player/(.+)', 'player',
|
||||
'/tyedye/player_remove/(.+)', 'remove_player',
|
||||
'/tyedye/player_edit/(.+)', 'edit_player',
|
||||
'/tyedye/players/', 'player_list',
|
||||
'/tyedye/config', 'config',
|
||||
'/tyedye/config/', 'config',
|
||||
'/query/(.+)', 'query',
|
||||
|
@ -161,27 +159,45 @@ class summary(object):
|
|||
|
||||
# We render our main block and feed it to our
|
||||
# Web renderer
|
||||
summary = render.summary(game_name,
|
||||
player_num,
|
||||
stats_num,
|
||||
players)
|
||||
# summary = render.summary(game_name,
|
||||
# player_num,
|
||||
# stats_num,
|
||||
# players)
|
||||
summary = ''
|
||||
return render_web(summary)
|
||||
|
||||
|
||||
class statistics(object):
|
||||
def GET(self):
|
||||
game_name = get_game_name()
|
||||
def GET(self, player_id = None):
|
||||
stats = []
|
||||
for stat in db.select("stats"):
|
||||
stats.append(stat)
|
||||
if not player_id:
|
||||
for stat in db.select("stats"):
|
||||
stats.append(stat)
|
||||
|
||||
add_stat_form = add_stat.render()
|
||||
return json.dumps(stats)
|
||||
|
||||
config = render.statistics(game_name,
|
||||
stats,
|
||||
add_stat_form)
|
||||
else:
|
||||
for p in db.select('players', where = 'code = $player_id', vars = locals()):
|
||||
player_data = dict(p)
|
||||
|
||||
return render_web(config)
|
||||
player_name = player_data['name']
|
||||
print player_name
|
||||
|
||||
for s in db.select('sheet', where = 'player_name = $player_name', vars = locals()):
|
||||
try:
|
||||
stats_val = dict()
|
||||
stat_name, def_val = get_stat_info_by_id(s.stat_id)
|
||||
stats_val[stat_name] = s.value
|
||||
stats.append(stats_val)
|
||||
|
||||
except Exception as e:
|
||||
continue
|
||||
|
||||
return json.dumps(stats)
|
||||
|
||||
|
||||
def POST(self):
|
||||
pass
|
||||
|
||||
|
||||
class stat_add(object):
|
||||
|
@ -278,7 +294,7 @@ class register(object):
|
|||
|
||||
|
||||
class player(object):
|
||||
def GET(self, player_name):
|
||||
def GET(self, player_name = None):
|
||||
for p in db.select('players', where = 'name = $player_name', vars = locals()):
|
||||
player_data = p
|
||||
|
||||
|
@ -295,6 +311,15 @@ class player(object):
|
|||
return render_web(result_render)
|
||||
|
||||
|
||||
class player_list(object):
|
||||
def GET(self):
|
||||
players = []
|
||||
for elem in db.select('players'):
|
||||
players.append(dict(elem))
|
||||
|
||||
return json.dumps(players)
|
||||
|
||||
|
||||
class edit_player(object):
|
||||
def GET(self, player_name):
|
||||
form = dynamic_register_form(player_name)
|
||||
|
|
1608
public/backbone.js
Normal file
10308
public/jquery-1.11.1.js
vendored
Normal file
9789
public/jquery-ui/external/jquery/jquery.js
vendored
Normal file
BIN
public/jquery-ui/images/animated-overlay.gif
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
public/jquery-ui/images/ui-bg_flat_75_aaaaaa_40x100.png
Normal file
After Width: | Height: | Size: 212 B |
BIN
public/jquery-ui/images/ui-bg_glass_100_f5f0e5_1x400.png
Normal file
After Width: | Height: | Size: 354 B |
BIN
public/jquery-ui/images/ui-bg_glass_25_d44413_1x400.png
Normal file
After Width: | Height: | Size: 346 B |
BIN
public/jquery-ui/images/ui-bg_glass_70_ede4d4_1x400.png
Normal file
After Width: | Height: | Size: 351 B |
After Width: | Height: | Size: 327 B |
BIN
public/jquery-ui/images/ui-bg_highlight-hard_65_fee4bd_1x100.png
Normal file
After Width: | Height: | Size: 314 B |
BIN
public/jquery-ui/images/ui-bg_highlight-hard_75_f5f5b5_1x100.png
Normal file
After Width: | Height: | Size: 323 B |
BIN
public/jquery-ui/images/ui-bg_inset-soft_100_f4f0ec_1x100.png
Normal file
After Width: | Height: | Size: 403 B |
BIN
public/jquery-ui/images/ui-icons_c47a23_256x240.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
public/jquery-ui/images/ui-icons_cb672b_256x240.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
public/jquery-ui/images/ui-icons_f08000_256x240.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
public/jquery-ui/images/ui-icons_f35f07_256x240.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
public/jquery-ui/images/ui-icons_ff7519_256x240.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
public/jquery-ui/images/ui-icons_ffffff_256x240.png
Normal file
After Width: | Height: | Size: 6.2 KiB |
505
public/jquery-ui/index.html
Normal file
|
@ -0,0 +1,505 @@
|
|||
<!doctype html>
|
||||
<html lang="us">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Example Page</title>
|
||||
<link href="jquery-ui.css" rel="stylesheet">
|
||||
<style>
|
||||
body{
|
||||
font: 62.5% "Trebuchet MS", sans-serif;
|
||||
margin: 50px;
|
||||
}
|
||||
.demoHeaders {
|
||||
margin-top: 2em;
|
||||
}
|
||||
#dialog-link {
|
||||
padding: .4em 1em .4em 20px;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
}
|
||||
#dialog-link span.ui-icon {
|
||||
margin: 0 5px 0 0;
|
||||
position: absolute;
|
||||
left: .2em;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
#icons {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#icons li {
|
||||
margin: 2px;
|
||||
position: relative;
|
||||
padding: 4px 0;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
#icons span.ui-icon {
|
||||
float: left;
|
||||
margin: 0 4px;
|
||||
}
|
||||
.fakewindowcontain .ui-widget-overlay {
|
||||
position: absolute;
|
||||
}
|
||||
select {
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>Welcome to jQuery UI!</h1>
|
||||
|
||||
<div class="ui-widget">
|
||||
<p>This page demonstrates the widgets and theme you selected in Download Builder. Please make sure you are using them with a compatible jQuery version.</p>
|
||||
</div>
|
||||
|
||||
<h1>YOUR COMPONENTS:</h1>
|
||||
|
||||
|
||||
<!-- Accordion -->
|
||||
<h2 class="demoHeaders">Accordion</h2>
|
||||
<div id="accordion">
|
||||
<h3>First</h3>
|
||||
<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
|
||||
<h3>Second</h3>
|
||||
<div>Phasellus mattis tincidunt nibh.</div>
|
||||
<h3>Third</h3>
|
||||
<div>Nam dui erat, auctor a, dignissim quis.</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Autocomplete -->
|
||||
<h2 class="demoHeaders">Autocomplete</h2>
|
||||
<div>
|
||||
<input id="autocomplete" title="type "a"">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Button -->
|
||||
<h2 class="demoHeaders">Button</h2>
|
||||
<button id="button">A button element</button>
|
||||
<form style="margin-top: 1em;">
|
||||
<div id="radioset">
|
||||
<input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label>
|
||||
<input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label>
|
||||
<input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<!-- Tabs -->
|
||||
<h2 class="demoHeaders">Tabs</h2>
|
||||
<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. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</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>
|
||||
|
||||
|
||||
|
||||
<!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->
|
||||
<h2 class="demoHeaders">Dialog</h2>
|
||||
<p><a href="#" id="dialog-link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>
|
||||
|
||||
<h2 class="demoHeaders">Overlay and Shadow Classes <em>(not currently used in UI widgets)</em></h2>
|
||||
<div style="position: relative; width: 96%; height: 200px; padding:1% 2%; overflow:hidden;" class="fakewindowcontain">
|
||||
<p>Lorem ipsum dolor sit amet, Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. </p><p>Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. </p><p>Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. </p><p>Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. </p>
|
||||
|
||||
<!-- ui-dialog -->
|
||||
<div class="ui-overlay"><div class="ui-widget-overlay"></div><div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 30px;"></div></div>
|
||||
<div style="position: absolute; width: 280px; height: 130px;left: 50px; top: 30px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all">
|
||||
<div class="ui-dialog-content ui-widget-content" style="background: none; border: 0;">
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- ui-dialog -->
|
||||
<div id="dialog" title="Dialog Title">
|
||||
<p>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.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<h2 class="demoHeaders">Framework Icons (content color preview)</h2>
|
||||
<ul id="icons" class="ui-widget ui-helper-clearfix">
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-n"><span class="ui-icon ui-icon-carat-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-ne"><span class="ui-icon ui-icon-carat-1-ne"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-e"><span class="ui-icon ui-icon-carat-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-se"><span class="ui-icon ui-icon-carat-1-se"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-s"><span class="ui-icon ui-icon-carat-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-sw"><span class="ui-icon ui-icon-carat-1-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-w"><span class="ui-icon ui-icon-carat-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-nw"><span class="ui-icon ui-icon-carat-1-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-n-s"><span class="ui-icon ui-icon-carat-2-n-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-e-w"><span class="ui-icon ui-icon-carat-2-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-n"><span class="ui-icon ui-icon-triangle-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-ne"><span class="ui-icon ui-icon-triangle-1-ne"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-e"><span class="ui-icon ui-icon-triangle-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-se"><span class="ui-icon ui-icon-triangle-1-se"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-s"><span class="ui-icon ui-icon-triangle-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-sw"><span class="ui-icon ui-icon-triangle-1-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-w"><span class="ui-icon ui-icon-triangle-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-nw"><span class="ui-icon ui-icon-triangle-1-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-n-s"><span class="ui-icon ui-icon-triangle-2-n-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-e-w"><span class="ui-icon ui-icon-triangle-2-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-n"><span class="ui-icon ui-icon-arrow-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-ne"><span class="ui-icon ui-icon-arrow-1-ne"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-e"><span class="ui-icon ui-icon-arrow-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-se"><span class="ui-icon ui-icon-arrow-1-se"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-s"><span class="ui-icon ui-icon-arrow-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-sw"><span class="ui-icon ui-icon-arrow-1-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-w"><span class="ui-icon ui-icon-arrow-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-nw"><span class="ui-icon ui-icon-arrow-1-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-n-s"><span class="ui-icon ui-icon-arrow-2-n-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-ne-sw"><span class="ui-icon ui-icon-arrow-2-ne-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-e-w"><span class="ui-icon ui-icon-arrow-2-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-se-nw"><span class="ui-icon ui-icon-arrow-2-se-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-n"><span class="ui-icon ui-icon-arrowstop-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-e"><span class="ui-icon ui-icon-arrowstop-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-s"><span class="ui-icon ui-icon-arrowstop-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-w"><span class="ui-icon ui-icon-arrowstop-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-n"><span class="ui-icon ui-icon-arrowthick-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-ne"><span class="ui-icon ui-icon-arrowthick-1-ne"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-e"><span class="ui-icon ui-icon-arrowthick-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-se"><span class="ui-icon ui-icon-arrowthick-1-se"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-s"><span class="ui-icon ui-icon-arrowthick-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-sw"><span class="ui-icon ui-icon-arrowthick-1-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-w"><span class="ui-icon ui-icon-arrowthick-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-nw"><span class="ui-icon ui-icon-arrowthick-1-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-n-s"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-ne-sw"><span class="ui-icon ui-icon-arrowthick-2-ne-sw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-e-w"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-se-nw"><span class="ui-icon ui-icon-arrowthick-2-se-nw"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-n"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-e"><span class="ui-icon ui-icon-arrowthickstop-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-s"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-w"><span class="ui-icon ui-icon-arrowthickstop-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-w"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-n"><span class="ui-icon ui-icon-arrowreturnthick-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-e"><span class="ui-icon ui-icon-arrowreturnthick-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-s"><span class="ui-icon ui-icon-arrowreturnthick-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-w"><span class="ui-icon ui-icon-arrowreturn-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-n"><span class="ui-icon ui-icon-arrowreturn-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-e"><span class="ui-icon ui-icon-arrowreturn-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-s"><span class="ui-icon ui-icon-arrowreturn-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-w"><span class="ui-icon ui-icon-arrowrefresh-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-n"><span class="ui-icon ui-icon-arrowrefresh-1-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-e"><span class="ui-icon ui-icon-arrowrefresh-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-s"><span class="ui-icon ui-icon-arrowrefresh-1-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4"><span class="ui-icon ui-icon-arrow-4"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4-diag"><span class="ui-icon ui-icon-arrow-4-diag"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-extlink"><span class="ui-icon ui-icon-extlink"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-newwin"><span class="ui-icon ui-icon-newwin"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-refresh"><span class="ui-icon ui-icon-refresh"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-shuffle"><span class="ui-icon ui-icon-shuffle"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-transfer-e-w"><span class="ui-icon ui-icon-transfer-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-transferthick-e-w"><span class="ui-icon ui-icon-transferthick-e-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-collapsed"><span class="ui-icon ui-icon-folder-collapsed"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-open"><span class="ui-icon ui-icon-folder-open"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-document"><span class="ui-icon ui-icon-document"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-document-b"><span class="ui-icon ui-icon-document-b"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-note"><span class="ui-icon ui-icon-note"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-open"><span class="ui-icon ui-icon-mail-open"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-suitcase"><span class="ui-icon ui-icon-suitcase"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-comment"><span class="ui-icon ui-icon-comment"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-person"><span class="ui-icon ui-icon-person"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-print"><span class="ui-icon ui-icon-print"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-trash"><span class="ui-icon ui-icon-trash"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-locked"><span class="ui-icon ui-icon-locked"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-unlocked"><span class="ui-icon ui-icon-unlocked"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-bookmark"><span class="ui-icon ui-icon-bookmark"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-tag"><span class="ui-icon ui-icon-tag"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-home"><span class="ui-icon ui-icon-home"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-flag"><span class="ui-icon ui-icon-flag"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-calculator"><span class="ui-icon ui-icon-calculator"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-cart"><span class="ui-icon ui-icon-cart"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-pencil"><span class="ui-icon ui-icon-pencil"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-clock"><span class="ui-icon ui-icon-clock"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-disk"><span class="ui-icon ui-icon-disk"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-calendar"><span class="ui-icon ui-icon-calendar"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomin"><span class="ui-icon ui-icon-zoomin"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomout"><span class="ui-icon ui-icon-zoomout"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-search"><span class="ui-icon ui-icon-search"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-wrench"><span class="ui-icon ui-icon-wrench"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-gear"><span class="ui-icon ui-icon-gear"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-heart"><span class="ui-icon ui-icon-heart"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-star"><span class="ui-icon ui-icon-star"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-link"><span class="ui-icon ui-icon-link"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-plus"><span class="ui-icon ui-icon-plus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-minus"><span class="ui-icon ui-icon-minus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-minusthick"><span class="ui-icon ui-icon-minusthick"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-close"><span class="ui-icon ui-icon-close"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-closethick"><span class="ui-icon ui-icon-closethick"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-key"><span class="ui-icon ui-icon-key"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-lightbulb"><span class="ui-icon ui-icon-lightbulb"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-scissors"><span class="ui-icon ui-icon-scissors"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-clipboard"><span class="ui-icon ui-icon-clipboard"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-copy"><span class="ui-icon ui-icon-copy"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-contact"><span class="ui-icon ui-icon-contact"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-image"><span class="ui-icon ui-icon-image"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-video"><span class="ui-icon ui-icon-video"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-script"><span class="ui-icon ui-icon-script"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-alert"><span class="ui-icon ui-icon-alert"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-info"><span class="ui-icon ui-icon-info"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-notice"><span class="ui-icon ui-icon-notice"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-help"><span class="ui-icon ui-icon-help"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-bullet"><span class="ui-icon ui-icon-bullet"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-off"><span class="ui-icon ui-icon-radio-off"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-on"><span class="ui-icon ui-icon-radio-on"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-w"><span class="ui-icon ui-icon-pin-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-s"><span class="ui-icon ui-icon-pin-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-play"><span class="ui-icon ui-icon-play"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-pause"><span class="ui-icon ui-icon-pause"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-next"><span class="ui-icon ui-icon-seek-next"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-prev"><span class="ui-icon ui-icon-seek-prev"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-end"><span class="ui-icon ui-icon-seek-end"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-first"><span class="ui-icon ui-icon-seek-first"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-stop"><span class="ui-icon ui-icon-stop"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-eject"><span class="ui-icon ui-icon-eject"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-off"><span class="ui-icon ui-icon-volume-off"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-on"><span class="ui-icon ui-icon-volume-on"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-power"><span class="ui-icon ui-icon-power"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-signal-diag"><span class="ui-icon ui-icon-signal-diag"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-signal"><span class="ui-icon ui-icon-signal"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-0"><span class="ui-icon ui-icon-battery-0"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-1"><span class="ui-icon ui-icon-battery-1"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-2"><span class="ui-icon ui-icon-battery-2"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-3"><span class="ui-icon ui-icon-battery-3"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-plus"><span class="ui-icon ui-icon-circle-plus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-minus"><span class="ui-icon ui-icon-circle-minus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"><span class="ui-icon ui-icon-circle-close"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-e"><span class="ui-icon ui-icon-circle-triangle-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-s"><span class="ui-icon ui-icon-circle-triangle-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-w"><span class="ui-icon ui-icon-circle-triangle-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-n"><span class="ui-icon ui-icon-circle-triangle-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-e"><span class="ui-icon ui-icon-circle-arrow-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-s"><span class="ui-icon ui-icon-circle-arrow-s"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-w"><span class="ui-icon ui-icon-circle-arrow-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-n"><span class="ui-icon ui-icon-circle-arrow-n"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomin"><span class="ui-icon ui-icon-circle-zoomin"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomout"><span class="ui-icon ui-icon-circle-zoomout"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-check"><span class="ui-icon ui-icon-circle-check"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-plus"><span class="ui-icon ui-icon-circlesmall-plus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-minus"><span class="ui-icon ui-icon-circlesmall-minus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-close"><span class="ui-icon ui-icon-circlesmall-close"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-plus"><span class="ui-icon ui-icon-squaresmall-plus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-minus"><span class="ui-icon ui-icon-squaresmall-minus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-close"><span class="ui-icon ui-icon-squaresmall-close"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-vertical"><span class="ui-icon ui-icon-grip-dotted-vertical"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-horizontal"><span class="ui-icon ui-icon-grip-dotted-horizontal"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-vertical"><span class="ui-icon ui-icon-grip-solid-vertical"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-horizontal"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-gripsmall-diagonal-se"><span class="ui-icon ui-icon-gripsmall-diagonal-se"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- Slider -->
|
||||
<h2 class="demoHeaders">Slider</h2>
|
||||
<div id="slider"></div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Progressbar -->
|
||||
<h2 class="demoHeaders">Progressbar</h2>
|
||||
<div id="progressbar"></div>
|
||||
|
||||
|
||||
|
||||
<!-- Progressbar -->
|
||||
<h2 class="demoHeaders">Selectmenu</h2>
|
||||
<select id="selectmenu">
|
||||
<option>Slower</option>
|
||||
<option>Slow</option>
|
||||
<option selected="selected">Medium</option>
|
||||
<option>Fast</option>
|
||||
<option>Faster</option>
|
||||
</select>
|
||||
|
||||
|
||||
|
||||
<!-- Spinner -->
|
||||
<h2 class="demoHeaders">Spinner</h2>
|
||||
<input id="spinner">
|
||||
|
||||
|
||||
|
||||
<!-- Menu -->
|
||||
<h2 class="demoHeaders">Menu</h2>
|
||||
<ul style="width:100px;" id="menu">
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
<li>Item 3
|
||||
<ul>
|
||||
<li>Item 3-1</li>
|
||||
<li>Item 3-2</li>
|
||||
<li>Item 3-3</li>
|
||||
<li>Item 3-4</li>
|
||||
<li>Item 3-5</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Item 4</li>
|
||||
<li>Item 5</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<!-- Tooltip -->
|
||||
<h2 class="demoHeaders">Tooltip</h2>
|
||||
<p id="tooltip">
|
||||
<a href="#" title="That's what this widget is">Tooltips</a> can be attached to any element. When you hover
|
||||
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.
|
||||
</p>
|
||||
|
||||
|
||||
<!-- Highlight / Error -->
|
||||
<h2 class="demoHeaders">Highlight / Error</h2>
|
||||
<div class="ui-widget">
|
||||
<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
|
||||
<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
|
||||
<strong>Hey!</strong> Sample ui-state-highlight style.</p>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="ui-widget">
|
||||
<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
|
||||
<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
|
||||
<strong>Alert:</strong> Sample ui-state-error style.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="external/jquery/jquery.js"></script>
|
||||
<script src="jquery-ui.js"></script>
|
||||
<script>
|
||||
|
||||
$( "#accordion" ).accordion();
|
||||
|
||||
|
||||
|
||||
var availableTags = [
|
||||
"ActionScript",
|
||||
"AppleScript",
|
||||
"Asp",
|
||||
"BASIC",
|
||||
"C",
|
||||
"C++",
|
||||
"Clojure",
|
||||
"COBOL",
|
||||
"ColdFusion",
|
||||
"Erlang",
|
||||
"Fortran",
|
||||
"Groovy",
|
||||
"Haskell",
|
||||
"Java",
|
||||
"JavaScript",
|
||||
"Lisp",
|
||||
"Perl",
|
||||
"PHP",
|
||||
"Python",
|
||||
"Ruby",
|
||||
"Scala",
|
||||
"Scheme"
|
||||
];
|
||||
$( "#autocomplete" ).autocomplete({
|
||||
source: availableTags
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#button" ).button();
|
||||
$( "#radioset" ).buttonset();
|
||||
|
||||
|
||||
|
||||
$( "#tabs" ).tabs();
|
||||
|
||||
|
||||
|
||||
$( "#dialog" ).dialog({
|
||||
autoOpen: false,
|
||||
width: 400,
|
||||
buttons: [
|
||||
{
|
||||
text: "Ok",
|
||||
click: function() {
|
||||
$( this ).dialog( "close" );
|
||||
}
|
||||
},
|
||||
{
|
||||
text: "Cancel",
|
||||
click: function() {
|
||||
$( this ).dialog( "close" );
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
// Link to open the dialog
|
||||
$( "#dialog-link" ).click(function( event ) {
|
||||
$( "#dialog" ).dialog( "open" );
|
||||
event.preventDefault();
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
$( "#slider" ).slider({
|
||||
range: true,
|
||||
values: [ 17, 67 ]
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#progressbar" ).progressbar({
|
||||
value: 20
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#spinner" ).spinner();
|
||||
|
||||
|
||||
|
||||
$( "#menu" ).menu();
|
||||
|
||||
|
||||
|
||||
$( "#tooltip" ).tooltip();
|
||||
|
||||
|
||||
|
||||
$( "#selectmenu" ).selectmenu();
|
||||
|
||||
|
||||
// Hover states on the static widgets
|
||||
$( "#dialog-link, #icons li" ).hover(
|
||||
function() {
|
||||
$( this ).addClass( "ui-state-hover" );
|
||||
},
|
||||
function() {
|
||||
$( this ).removeClass( "ui-state-hover" );
|
||||
}
|
||||
);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
1047
public/jquery-ui/jquery-ui.css
vendored
Normal file
12123
public/jquery-ui/jquery-ui.js
vendored
Normal file
7
public/jquery-ui/jquery-ui.min.css
vendored
Normal file
11
public/jquery-ui/jquery-ui.min.js
vendored
Normal file
655
public/jquery-ui/jquery-ui.structure.css
vendored
Normal file
|
@ -0,0 +1,655 @@
|
|||
/*!
|
||||
* jQuery UI CSS Framework 1.11.0
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright 2014 jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/category/theming/
|
||||
*/
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
jqui .ui-helper-hidden {
|
||||
display: none;
|
||||
}
|
||||
jqui .ui-helper-hidden-accessible {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
jqui .ui-helper-reset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
line-height: 1.3;
|
||||
text-decoration: none;
|
||||
font-size: 100%;
|
||||
list-style: none;
|
||||
}
|
||||
jqui .ui-helper-clearfix:before,
|
||||
jqui .ui-helper-clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
jqui .ui-helper-clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
jqui .ui-helper-clearfix {
|
||||
min-height: 0; /* support: IE7 */
|
||||
}
|
||||
jqui .ui-helper-zfix {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
filter:Alpha(Opacity=0);
|
||||
}
|
||||
|
||||
jqui .ui-front {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
jqui .ui-state-disabled {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
jqui .ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
jqui .ui-widget-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
jqui .ui-draggable-handle {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
jqui .ui-resizable {
|
||||
position: relative;
|
||||
}
|
||||
jqui .ui-resizable-handle {
|
||||
position: absolute;
|
||||
font-size: 0.1px;
|
||||
display: block;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
jqui .ui-resizable-disabled .ui-resizable-handle,
|
||||
jqui .ui-resizable-autohide .ui-resizable-handle {
|
||||
display: none;
|
||||
}
|
||||
jqui .ui-resizable-n {
|
||||
cursor: n-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
}
|
||||
jqui .ui-resizable-s {
|
||||
cursor: s-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
bottom: -5px;
|
||||
left: 0;
|
||||
}
|
||||
jqui .ui-resizable-e {
|
||||
cursor: e-resize;
|
||||
width: 7px;
|
||||
right: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
jqui .ui-resizable-w {
|
||||
cursor: w-resize;
|
||||
width: 7px;
|
||||
left: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
jqui .ui-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
}
|
||||
jqui .ui-resizable-sw {
|
||||
cursor: sw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
bottom: -5px;
|
||||
}
|
||||
jqui .ui-resizable-nw {
|
||||
cursor: nw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
jqui .ui-resizable-ne {
|
||||
cursor: ne-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
right: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
jqui .ui-accordion .ui-accordion-header {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
margin: 2px 0 0 0;
|
||||
padding: .5em .5em .5em .7em;
|
||||
min-height: 0; /* support: IE7 */
|
||||
font-size: 100%;
|
||||
}
|
||||
jqui .ui-accordion .ui-accordion-icons {
|
||||
padding-left: 2.2em;
|
||||
}
|
||||
jqui .ui-accordion .ui-accordion-icons .ui-accordion-icons {
|
||||
padding-left: 2.2em;
|
||||
}
|
||||
jqui .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
|
||||
position: absolute;
|
||||
left: .5em;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
jqui .ui-accordion .ui-accordion-content {
|
||||
padding: 1em 2.2em;
|
||||
border-top: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
jqui .ui-autocomplete {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: default;
|
||||
}
|
||||
jqui .ui-button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
line-height: normal;
|
||||
margin-right: .1em;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
overflow: visible; /* removes extra width in IE */
|
||||
}
|
||||
jqui .ui-button,
|
||||
jqui .ui-button:link,
|
||||
jqui .ui-button:visited,
|
||||
jqui .ui-button:hover,
|
||||
jqui .ui-button:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
/* to make room for the icon, a width needs to be set here */
|
||||
jqui .ui-button-icon-only {
|
||||
width: 2.2em;
|
||||
}
|
||||
/* button elements seem to need a little more width */
|
||||
buttonjqui .ui-button-icon-only {
|
||||
width: 2.4em;
|
||||
}
|
||||
jqui .ui-button-icons-only {
|
||||
width: 3.4em;
|
||||
}
|
||||
buttonjqui .ui-button-icons-only {
|
||||
width: 3.7em;
|
||||
}
|
||||
|
||||
/* button text element */
|
||||
jqui .ui-button .ui-button-text {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
}
|
||||
jqui .ui-button-text-only .ui-button-text {
|
||||
padding: .4em 1em;
|
||||
}
|
||||
jqui .ui-button-icon-only .ui-button-text,
|
||||
jqui .ui-button-icons-only .ui-button-text {
|
||||
padding: .4em;
|
||||
text-indent: -9999999px;
|
||||
}
|
||||
jqui .ui-button-text-icon-primary .ui-button-text,
|
||||
jqui .ui-button-text-icons .ui-button-text {
|
||||
padding: .4em 1em .4em 2.1em;
|
||||
}
|
||||
jqui .ui-button-text-icon-secondary .ui-button-text,
|
||||
jqui .ui-button-text-icons .ui-button-text {
|
||||
padding: .4em 2.1em .4em 1em;
|
||||
}
|
||||
jqui .ui-button-text-icons .ui-button-text {
|
||||
padding-left: 2.1em;
|
||||
padding-right: 2.1em;
|
||||
}
|
||||
/* no icon support for input elements, provide padding by default */
|
||||
inputjqui .ui-button {
|
||||
padding: .4em 1em;
|
||||
}
|
||||
|
||||
/* button icon element(s) */
|
||||
jqui .ui-button-icon-only .ui-icon,
|
||||
jqui .ui-button-text-icon-primary .ui-icon,
|
||||
jqui .ui-button-text-icon-secondary .ui-icon,
|
||||
jqui .ui-button-text-icons .ui-icon,
|
||||
jqui .ui-button-icons-only .ui-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
jqui .ui-button-icon-only .ui-icon {
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
}
|
||||
jqui .ui-button-text-icon-primary .ui-button-icon-primary,
|
||||
jqui .ui-button-text-icons .ui-button-icon-primary,
|
||||
jqui .ui-button-icons-only .ui-button-icon-primary {
|
||||
left: .5em;
|
||||
}
|
||||
jqui .ui-button-text-icon-secondary .ui-button-icon-secondary,
|
||||
jqui .ui-button-text-icons .ui-button-icon-secondary,
|
||||
jqui .ui-button-icons-only .ui-button-icon-secondary {
|
||||
right: .5em;
|
||||
}
|
||||
|
||||
/* button sets */
|
||||
jqui .ui-buttonset {
|
||||
margin-right: 7px;
|
||||
}
|
||||
jqui .ui-buttonset .ui-button {
|
||||
margin-left: 0;
|
||||
margin-right: -.3em;
|
||||
}
|
||||
|
||||
/* workarounds */
|
||||
/* reset extra padding in Firefox, see h5bp.com/l */
|
||||
inputjqui .ui-button::-moz-focus-inner,
|
||||
buttonjqui .ui-button::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
jqui .ui-dialog {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: .2em;
|
||||
outline: 0;
|
||||
}
|
||||
jqui .ui-dialog .ui-dialog-titlebar {
|
||||
padding: .4em 1em;
|
||||
position: relative;
|
||||
}
|
||||
jqui .ui-dialog .ui-dialog-title {
|
||||
float: left;
|
||||
margin: .1em 0;
|
||||
white-space: nowrap;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
jqui .ui-dialog .ui-dialog-titlebar-close {
|
||||
position: absolute;
|
||||
right: .3em;
|
||||
top: 50%;
|
||||
width: 20px;
|
||||
margin: -10px 0 0 0;
|
||||
padding: 1px;
|
||||
height: 20px;
|
||||
}
|
||||
jqui .ui-dialog .ui-dialog-content {
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: .5em 1em;
|
||||
background: none;
|
||||
overflow: auto;
|
||||
}
|
||||
jqui .ui-dialog .ui-dialog-buttonpane {
|
||||
text-align: left;
|
||||
border-width: 1px 0 0 0;
|
||||
background-image: none;
|
||||
margin-top: .5em;
|
||||
padding: .3em 1em .5em .4em;
|
||||
}
|
||||
jqui .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
float: right;
|
||||
}
|
||||
jqui .ui-dialog .ui-dialog-buttonpane button {
|
||||
margin: .5em .4em .5em 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
jqui .ui-dialog .ui-resizable-se {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
right: -5px;
|
||||
bottom: -5px;
|
||||
background-position: 16px 16px;
|
||||
}
|
||||
jqui .ui-draggable .ui-dialog-titlebar {
|
||||
cursor: move;
|
||||
}
|
||||
jqui .ui-menu {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
outline: none;
|
||||
}
|
||||
jqui .ui-menu .ui-menu {
|
||||
position: absolute;
|
||||
}
|
||||
jqui .ui-menu .ui-menu-item {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 3px 1em 3px .4em;
|
||||
cursor: pointer;
|
||||
min-height: 0; /* support: IE7 */
|
||||
/* support: IE10, see #8844 */
|
||||
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
|
||||
}
|
||||
jqui .ui-menu .ui-menu-divider {
|
||||
margin: 5px 0;
|
||||
height: 0;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
border-width: 1px 0 0 0;
|
||||
}
|
||||
jqui .ui-menu .ui-state-focus,
|
||||
jqui .ui-menu .ui-state-active {
|
||||
margin: -1px;
|
||||
}
|
||||
|
||||
/* icon support */
|
||||
jqui .ui-menu-icons {
|
||||
position: relative;
|
||||
}
|
||||
jqui .ui-menu-icons .ui-menu-item {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
/* left-aligned */
|
||||
jqui .ui-menu .ui-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: .2em;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
/* right-aligned */
|
||||
jqui .ui-menu .ui-menu-icon {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
jqui .ui-progressbar {
|
||||
height: 2em;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
jqui .ui-progressbar .ui-progressbar-value {
|
||||
margin: -1px;
|
||||
height: 100%;
|
||||
}
|
||||
jqui .ui-progressbar .ui-progressbar-overlay {
|
||||
background: url("images/animated-overlay.gif");
|
||||
height: 100%;
|
||||
filter: alpha(opacity=25);
|
||||
opacity: 0.25;
|
||||
}
|
||||
jqui .ui-progressbar-indeterminate .ui-progressbar-value {
|
||||
background-image: none;
|
||||
}
|
||||
jqui .ui-selectmenu-menu {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
}
|
||||
jqui .ui-selectmenu-menu .ui-menu {
|
||||
overflow: auto;
|
||||
/* Support: IE7 */
|
||||
overflow-x: hidden;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
jqui .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
line-height: 1.5;
|
||||
padding: 2px 0.4em;
|
||||
margin: 0.5em 0 0 0;
|
||||
height: auto;
|
||||
border: 0;
|
||||
}
|
||||
jqui .ui-selectmenu-open {
|
||||
display: block;
|
||||
}
|
||||
jqui .ui-selectmenu-button {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
jqui .ui-selectmenu-button span.ui-icon {
|
||||
right: 0.5em;
|
||||
left: auto;
|
||||
margin-top: -8px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
}
|
||||
jqui .ui-selectmenu-button span.ui-selectmenu-text {
|
||||
text-align: left;
|
||||
padding: 0.4em 2.1em 0.4em 1em;
|
||||
display: block;
|
||||
line-height: 1.4;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
jqui .ui-slider {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
jqui .ui-slider .ui-slider-handle {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
cursor: default;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
jqui .ui-slider .ui-slider-range {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
font-size: .7em;
|
||||
display: block;
|
||||
border: 0;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
/* For IE8 - See #6727 */
|
||||
jqui .ui-slider.ui-state-disabled .ui-slider-handle,
|
||||
jqui .ui-slider.ui-state-disabled .ui-slider-range {
|
||||
filter: inherit;
|
||||
}
|
||||
|
||||
jqui .ui-slider-horizontal {
|
||||
height: .8em;
|
||||
}
|
||||
jqui .ui-slider-horizontal .ui-slider-handle {
|
||||
top: -.3em;
|
||||
margin-left: -.6em;
|
||||
}
|
||||
jqui .ui-slider-horizontal .ui-slider-range {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
jqui .ui-slider-horizontal .ui-slider-range-min {
|
||||
left: 0;
|
||||
}
|
||||
jqui .ui-slider-horizontal .ui-slider-range-max {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
jqui .ui-slider-vertical {
|
||||
width: .8em;
|
||||
height: 100px;
|
||||
}
|
||||
jqui .ui-slider-vertical .ui-slider-handle {
|
||||
left: -.3em;
|
||||
margin-left: 0;
|
||||
margin-bottom: -.6em;
|
||||
}
|
||||
jqui .ui-slider-vertical .ui-slider-range {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
jqui .ui-slider-vertical .ui-slider-range-min {
|
||||
bottom: 0;
|
||||
}
|
||||
jqui .ui-slider-vertical .ui-slider-range-max {
|
||||
top: 0;
|
||||
}
|
||||
jqui .ui-spinner {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
jqui .ui-spinner-input {
|
||||
border: none;
|
||||
background: none;
|
||||
color: inherit;
|
||||
padding: 0;
|
||||
margin: .2em 0;
|
||||
vertical-align: middle;
|
||||
margin-left: .4em;
|
||||
margin-right: 22px;
|
||||
}
|
||||
jqui .ui-spinner-button {
|
||||
width: 16px;
|
||||
height: 50%;
|
||||
font-size: .5em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
cursor: default;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
right: 0;
|
||||
}
|
||||
/* more specificity required here to override default borders */
|
||||
jqui .ui-spinner a.ui-spinner-button {
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
border-right: none;
|
||||
}
|
||||
/* vertically center icon */
|
||||
jqui .ui-spinner .ui-icon {
|
||||
position: absolute;
|
||||
margin-top: -8px;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
}
|
||||
jqui .ui-spinner-up {
|
||||
top: 0;
|
||||
}
|
||||
jqui .ui-spinner-down {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* TR overrides */
|
||||
jqui .ui-spinner .ui-icon-triangle-1-s {
|
||||
/* need to fix icons sprite */
|
||||
background-position: -65px -16px;
|
||||
}
|
||||
jqui .ui-tabs {
|
||||
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
||||
padding: .2em;
|
||||
}
|
||||
jqui .ui-tabs .ui-tabs-nav {
|
||||
margin: 0;
|
||||
padding: .2em .2em 0;
|
||||
}
|
||||
jqui .ui-tabs .ui-tabs-nav li {
|
||||
list-style: none;
|
||||
float: left;
|
||||
position: relative;
|
||||
top: 0;
|
||||
margin: 1px .2em 0 0;
|
||||
border-bottom-width: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
jqui .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
|
||||
float: left;
|
||||
padding: .5em 1em;
|
||||
text-decoration: none;
|
||||
}
|
||||
jqui .ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
||||
margin-bottom: -1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
jqui .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
|
||||
jqui .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
|
||||
jqui .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
|
||||
cursor: text;
|
||||
}
|
||||
jqui .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
|
||||
cursor: pointer;
|
||||
}
|
||||
jqui .ui-tabs .ui-tabs-panel {
|
||||
display: block;
|
||||
border-width: 0;
|
||||
padding: 1em 1.4em;
|
||||
background: none;
|
||||
}
|
||||
jqui .ui-tooltip {
|
||||
padding: 8px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
max-width: 300px;
|
||||
-webkit-box-shadow: 0 0 5px #aaa;
|
||||
box-shadow: 0 0 5px #aaa;
|
||||
}
|
||||
body jqui .ui-tooltip {
|
||||
border-width: 2px;
|
||||
}
|
5
public/jquery-ui/jquery-ui.structure.min.css
vendored
Normal file
410
public/jquery-ui/jquery-ui.theme.css
vendored
Normal file
|
@ -0,0 +1,410 @@
|
|||
/*!
|
||||
* jQuery UI CSS Framework 1.11.0
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright 2014 jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/category/theming/
|
||||
*
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=%23d44413&bgTextureHeader=glass&bgImgOpacityHeader=25&borderColorHeader=%23d49768&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23f4f0ec&bgTextureContent=inset_soft&bgImgOpacityContent=100&borderColorContent=%23e0cfc2&fcContent=%231e1b1d&iconColorContent=%23c47a23&bgColorDefault=%23ede4d4&bgTextureDefault=glass&bgImgOpacityDefault=70&borderColorDefault=%23cdc3b7&fcDefault=%233f3731&iconColorDefault=%23f08000&bgColorHover=%23f5f0e5&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=%23f5ad66&fcHover=%23a46313&iconColorHover=%23f08000&bgColorActive=%23f4f0ec&bgTextureActive=highlight_hard&bgImgOpacityActive=100&borderColorActive=%23e0cfc2&fcActive=%23b85700&iconColorActive=%23f35f07&bgColorHighlight=%23f5f5b5&bgTextureHighlight=highlight_hard&bgImgOpacityHighlight=75&borderColorHighlight=%23d9bb73&fcHighlight=%23060200&iconColorHighlight=%23cb672b&bgColorError=%23fee4bd&bgTextureError=highlight_hard&bgImgOpacityError=65&borderColorError=%23f8893f&fcError=%23592003&iconColorError=%23ff7519&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=75&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
||||
*/
|
||||
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
jqui .ui-widget {
|
||||
font-family: Helvetica,Arial,sans-serif;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
jqui .ui-widget .ui-widget {
|
||||
font-size: 1em;
|
||||
}
|
||||
jqui .ui-widget input,
|
||||
jqui .ui-widget select,
|
||||
jqui .ui-widget textarea,
|
||||
jqui .ui-widget button {
|
||||
font-family: Helvetica,Arial,sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
jqui .ui-widget-content {
|
||||
border: 1px solid #e0cfc2;
|
||||
background: #f4f0ec url("images/ui-bg_inset-soft_100_f4f0ec_1x100.png") 50% bottom repeat-x;
|
||||
color: #1e1b1d;
|
||||
}
|
||||
jqui .ui-widget-content a {
|
||||
color: #1e1b1d;
|
||||
}
|
||||
jqui .ui-widget-header {
|
||||
border: 1px solid #d49768;
|
||||
background: #d44413 url("images/ui-bg_glass_25_d44413_1x400.png") 50% 50% repeat-x;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
}
|
||||
jqui .ui-widget-header a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
jqui .ui-state-default,
|
||||
jqui .ui-widget-content .ui-state-default,
|
||||
jqui .ui-widget-header .ui-state-default {
|
||||
border: 1px solid #cdc3b7;
|
||||
background: #ede4d4 url("images/ui-bg_glass_70_ede4d4_1x400.png") 50% 50% repeat-x;
|
||||
font-weight: normal;
|
||||
color: #3f3731;
|
||||
}
|
||||
jqui .ui-state-default a,
|
||||
jqui .ui-state-default a:link,
|
||||
jqui .ui-state-default a:visited {
|
||||
color: #3f3731;
|
||||
text-decoration: none;
|
||||
}
|
||||
jqui .ui-state-hover,
|
||||
jqui .ui-widget-content .ui-state-hover,
|
||||
jqui .ui-widget-header .ui-state-hover,
|
||||
jqui .ui-state-focus,
|
||||
jqui .ui-widget-content .ui-state-focus,
|
||||
jqui .ui-widget-header .ui-state-focus {
|
||||
border: 1px solid #f5ad66;
|
||||
background: #f5f0e5 url("images/ui-bg_glass_100_f5f0e5_1x400.png") 50% 50% repeat-x;
|
||||
font-weight: normal;
|
||||
color: #a46313;
|
||||
}
|
||||
jqui .ui-state-hover a,
|
||||
jqui .ui-state-hover a:hover,
|
||||
jqui .ui-state-hover a:link,
|
||||
jqui .ui-state-hover a:visited,
|
||||
jqui .ui-state-focus a,
|
||||
jqui .ui-state-focus a:hover,
|
||||
jqui .ui-state-focus a:link,
|
||||
jqui .ui-state-focus a:visited {
|
||||
color: #a46313;
|
||||
text-decoration: none;
|
||||
}
|
||||
jqui .ui-state-active,
|
||||
jqui .ui-widget-content .ui-state-active,
|
||||
jqui .ui-widget-header .ui-state-active {
|
||||
border: 1px solid #e0cfc2;
|
||||
background: #f4f0ec url("images/ui-bg_highlight-hard_100_f4f0ec_1x100.png") 50% 50% repeat-x;
|
||||
font-weight: normal;
|
||||
color: #b85700;
|
||||
}
|
||||
jqui .ui-state-active a,
|
||||
jqui .ui-state-active a:link,
|
||||
jqui .ui-state-active a:visited {
|
||||
color: #b85700;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
jqui .ui-state-highlight,
|
||||
jqui .ui-widget-content .ui-state-highlight,
|
||||
jqui .ui-widget-header .ui-state-highlight {
|
||||
border: 1px solid #d9bb73;
|
||||
background: #f5f5b5 url("images/ui-bg_highlight-hard_75_f5f5b5_1x100.png") 50% top repeat-x;
|
||||
color: #060200;
|
||||
}
|
||||
jqui .ui-state-highlight a,
|
||||
jqui .ui-widget-content .ui-state-highlight a,
|
||||
jqui .ui-widget-header .ui-state-highlight a {
|
||||
color: #060200;
|
||||
}
|
||||
jqui .ui-state-error,
|
||||
jqui .ui-widget-content .ui-state-error,
|
||||
jqui .ui-widget-header .ui-state-error {
|
||||
border: 1px solid #f8893f;
|
||||
background: #fee4bd url("images/ui-bg_highlight-hard_65_fee4bd_1x100.png") 50% top repeat-x;
|
||||
color: #592003;
|
||||
}
|
||||
jqui .ui-state-error a,
|
||||
jqui .ui-widget-content .ui-state-error a,
|
||||
jqui .ui-widget-header .ui-state-error a {
|
||||
color: #592003;
|
||||
}
|
||||
jqui .ui-state-error-text,
|
||||
jqui .ui-widget-content .ui-state-error-text,
|
||||
jqui .ui-widget-header .ui-state-error-text {
|
||||
color: #592003;
|
||||
}
|
||||
jqui .ui-priority-primary,
|
||||
jqui .ui-widget-content .ui-priority-primary,
|
||||
jqui .ui-widget-header .ui-priority-primary {
|
||||
font-weight: bold;
|
||||
}
|
||||
jqui .ui-priority-secondary,
|
||||
jqui .ui-widget-content .ui-priority-secondary,
|
||||
jqui .ui-widget-header .ui-priority-secondary {
|
||||
opacity: .7;
|
||||
filter:Alpha(Opacity=70);
|
||||
font-weight: normal;
|
||||
}
|
||||
jqui .ui-state-disabled,
|
||||
jqui .ui-widget-content .ui-state-disabled,
|
||||
jqui .ui-widget-header .ui-state-disabled {
|
||||
opacity: .35;
|
||||
filter:Alpha(Opacity=35);
|
||||
background-image: none;
|
||||
}
|
||||
jqui .ui-state-disabled .ui-icon {
|
||||
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
|
||||
}
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
jqui .ui-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
jqui .ui-icon,
|
||||
jqui .ui-widget-content .ui-icon {
|
||||
background-image: url("images/ui-icons_c47a23_256x240.png");
|
||||
}
|
||||
jqui .ui-widget-header .ui-icon {
|
||||
background-image: url("images/ui-icons_ffffff_256x240.png");
|
||||
}
|
||||
jqui .ui-state-default .ui-icon {
|
||||
background-image: url("images/ui-icons_f08000_256x240.png");
|
||||
}
|
||||
jqui .ui-state-hover .ui-icon,
|
||||
jqui .ui-state-focus .ui-icon {
|
||||
background-image: url("images/ui-icons_f08000_256x240.png");
|
||||
}
|
||||
jqui .ui-state-active .ui-icon {
|
||||
background-image: url("images/ui-icons_f35f07_256x240.png");
|
||||
}
|
||||
jqui .ui-state-highlight .ui-icon {
|
||||
background-image: url("images/ui-icons_cb672b_256x240.png");
|
||||
}
|
||||
jqui .ui-state-error .ui-icon,
|
||||
jqui .ui-state-error-text .ui-icon {
|
||||
background-image: url("images/ui-icons_ff7519_256x240.png");
|
||||
}
|
||||
|
||||
/* positioning */
|
||||
jqui .ui-icon-blank { background-position: 16px 16px; }
|
||||
jqui .ui-icon-carat-1-n { background-position: 0 0; }
|
||||
jqui .ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
jqui .ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
jqui .ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
jqui .ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
jqui .ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
jqui .ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
jqui .ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
jqui .ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
jqui .ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
jqui .ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
jqui .ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
jqui .ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
jqui .ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
jqui .ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
jqui .ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
jqui .ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
jqui .ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
jqui .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
jqui .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
jqui .ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
jqui .ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
jqui .ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
jqui .ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
jqui .ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
jqui .ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
jqui .ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
jqui .ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
jqui .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
jqui .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
jqui .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
jqui .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
jqui .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
jqui .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
jqui .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
jqui .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
jqui .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
jqui .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
jqui .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
jqui .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
jqui .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
jqui .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
jqui .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
jqui .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
jqui .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
jqui .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
jqui .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
jqui .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
jqui .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
jqui .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
jqui .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
jqui .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
jqui .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
jqui .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
jqui .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
jqui .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
jqui .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
jqui .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
jqui .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
jqui .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
jqui .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
jqui .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
jqui .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
jqui .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
jqui .ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
jqui .ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
jqui .ui-icon-extlink { background-position: -32px -80px; }
|
||||
jqui .ui-icon-newwin { background-position: -48px -80px; }
|
||||
jqui .ui-icon-refresh { background-position: -64px -80px; }
|
||||
jqui .ui-icon-shuffle { background-position: -80px -80px; }
|
||||
jqui .ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
jqui .ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
jqui .ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
jqui .ui-icon-folder-open { background-position: -16px -96px; }
|
||||
jqui .ui-icon-document { background-position: -32px -96px; }
|
||||
jqui .ui-icon-document-b { background-position: -48px -96px; }
|
||||
jqui .ui-icon-note { background-position: -64px -96px; }
|
||||
jqui .ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
jqui .ui-icon-mail-open { background-position: -96px -96px; }
|
||||
jqui .ui-icon-suitcase { background-position: -112px -96px; }
|
||||
jqui .ui-icon-comment { background-position: -128px -96px; }
|
||||
jqui .ui-icon-person { background-position: -144px -96px; }
|
||||
jqui .ui-icon-print { background-position: -160px -96px; }
|
||||
jqui .ui-icon-trash { background-position: -176px -96px; }
|
||||
jqui .ui-icon-locked { background-position: -192px -96px; }
|
||||
jqui .ui-icon-unlocked { background-position: -208px -96px; }
|
||||
jqui .ui-icon-bookmark { background-position: -224px -96px; }
|
||||
jqui .ui-icon-tag { background-position: -240px -96px; }
|
||||
jqui .ui-icon-home { background-position: 0 -112px; }
|
||||
jqui .ui-icon-flag { background-position: -16px -112px; }
|
||||
jqui .ui-icon-calendar { background-position: -32px -112px; }
|
||||
jqui .ui-icon-cart { background-position: -48px -112px; }
|
||||
jqui .ui-icon-pencil { background-position: -64px -112px; }
|
||||
jqui .ui-icon-clock { background-position: -80px -112px; }
|
||||
jqui .ui-icon-disk { background-position: -96px -112px; }
|
||||
jqui .ui-icon-calculator { background-position: -112px -112px; }
|
||||
jqui .ui-icon-zoomin { background-position: -128px -112px; }
|
||||
jqui .ui-icon-zoomout { background-position: -144px -112px; }
|
||||
jqui .ui-icon-search { background-position: -160px -112px; }
|
||||
jqui .ui-icon-wrench { background-position: -176px -112px; }
|
||||
jqui .ui-icon-gear { background-position: -192px -112px; }
|
||||
jqui .ui-icon-heart { background-position: -208px -112px; }
|
||||
jqui .ui-icon-star { background-position: -224px -112px; }
|
||||
jqui .ui-icon-link { background-position: -240px -112px; }
|
||||
jqui .ui-icon-cancel { background-position: 0 -128px; }
|
||||
jqui .ui-icon-plus { background-position: -16px -128px; }
|
||||
jqui .ui-icon-plusthick { background-position: -32px -128px; }
|
||||
jqui .ui-icon-minus { background-position: -48px -128px; }
|
||||
jqui .ui-icon-minusthick { background-position: -64px -128px; }
|
||||
jqui .ui-icon-close { background-position: -80px -128px; }
|
||||
jqui .ui-icon-closethick { background-position: -96px -128px; }
|
||||
jqui .ui-icon-key { background-position: -112px -128px; }
|
||||
jqui .ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
jqui .ui-icon-scissors { background-position: -144px -128px; }
|
||||
jqui .ui-icon-clipboard { background-position: -160px -128px; }
|
||||
jqui .ui-icon-copy { background-position: -176px -128px; }
|
||||
jqui .ui-icon-contact { background-position: -192px -128px; }
|
||||
jqui .ui-icon-image { background-position: -208px -128px; }
|
||||
jqui .ui-icon-video { background-position: -224px -128px; }
|
||||
jqui .ui-icon-script { background-position: -240px -128px; }
|
||||
jqui .ui-icon-alert { background-position: 0 -144px; }
|
||||
jqui .ui-icon-info { background-position: -16px -144px; }
|
||||
jqui .ui-icon-notice { background-position: -32px -144px; }
|
||||
jqui .ui-icon-help { background-position: -48px -144px; }
|
||||
jqui .ui-icon-check { background-position: -64px -144px; }
|
||||
jqui .ui-icon-bullet { background-position: -80px -144px; }
|
||||
jqui .ui-icon-radio-on { background-position: -96px -144px; }
|
||||
jqui .ui-icon-radio-off { background-position: -112px -144px; }
|
||||
jqui .ui-icon-pin-w { background-position: -128px -144px; }
|
||||
jqui .ui-icon-pin-s { background-position: -144px -144px; }
|
||||
jqui .ui-icon-play { background-position: 0 -160px; }
|
||||
jqui .ui-icon-pause { background-position: -16px -160px; }
|
||||
jqui .ui-icon-seek-next { background-position: -32px -160px; }
|
||||
jqui .ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
jqui .ui-icon-seek-end { background-position: -64px -160px; }
|
||||
jqui .ui-icon-seek-start { background-position: -80px -160px; }
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
jqui .ui-icon-seek-first { background-position: -80px -160px; }
|
||||
jqui .ui-icon-stop { background-position: -96px -160px; }
|
||||
jqui .ui-icon-eject { background-position: -112px -160px; }
|
||||
jqui .ui-icon-volume-off { background-position: -128px -160px; }
|
||||
jqui .ui-icon-volume-on { background-position: -144px -160px; }
|
||||
jqui .ui-icon-power { background-position: 0 -176px; }
|
||||
jqui .ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
jqui .ui-icon-signal { background-position: -32px -176px; }
|
||||
jqui .ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
jqui .ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
jqui .ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
jqui .ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
jqui .ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
jqui .ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
jqui .ui-icon-circle-close { background-position: -32px -192px; }
|
||||
jqui .ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
jqui .ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
jqui .ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
jqui .ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
jqui .ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
jqui .ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
jqui .ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
jqui .ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
jqui .ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
jqui .ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
jqui .ui-icon-circle-check { background-position: -208px -192px; }
|
||||
jqui .ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
jqui .ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
jqui .ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
jqui .ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
jqui .ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
jqui .ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
jqui .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
jqui .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
jqui .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
jqui .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
jqui .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
jqui .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
jqui .ui-corner-all,
|
||||
jqui .ui-corner-top,
|
||||
jqui .ui-corner-left,
|
||||
jqui .ui-corner-tl {
|
||||
border-top-left-radius: 6px;
|
||||
}
|
||||
jqui .ui-corner-all,
|
||||
jqui .ui-corner-top,
|
||||
jqui .ui-corner-right,
|
||||
jqui .ui-corner-tr {
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
jqui .ui-corner-all,
|
||||
jqui .ui-corner-bottom,
|
||||
jqui .ui-corner-left,
|
||||
jqui .ui-corner-bl {
|
||||
border-bottom-left-radius: 6px;
|
||||
}
|
||||
jqui .ui-corner-all,
|
||||
jqui .ui-corner-bottom,
|
||||
jqui .ui-corner-right,
|
||||
jqui .ui-corner-br {
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
/* Overlays */
|
||||
jqui .ui-widget-overlay {
|
||||
background: #aaaaaa url("images/ui-bg_flat_75_aaaaaa_40x100.png") 50% 50% repeat-x;
|
||||
opacity: .3;
|
||||
filter: Alpha(Opacity=30);
|
||||
}
|
||||
jqui .ui-widget-shadow {
|
||||
margin: -8px 0 0 -8px;
|
||||
padding: 8px;
|
||||
background: #aaaaaa url("images/ui-bg_flat_75_aaaaaa_40x100.png") 50% 50% repeat-x;
|
||||
opacity: .3;
|
||||
filter: Alpha(Opacity=30);
|
||||
border-radius: 8px;
|
||||
}
|
5
public/jquery-ui/jquery-ui.theme.min.css
vendored
Normal file
106
public/js/app.js
Normal file
|
@ -0,0 +1,106 @@
|
|||
// Model definition
|
||||
|
||||
var Stat = Backbone.Model.extend({
|
||||
urlRoot: '/tyedye/stat/',
|
||||
defaults: {
|
||||
name: 'New Stat',
|
||||
value: 0,
|
||||
default_value: 0,
|
||||
},
|
||||
initialize: function () {
|
||||
this.on("change", function(model) {});
|
||||
}
|
||||
});
|
||||
|
||||
var Stats = Backbone.Collection.extend({
|
||||
model: Stat,
|
||||
url: function () {
|
||||
if (this.generic) {
|
||||
return "/tyedye/stats/";
|
||||
} else {
|
||||
return "/tyedye/stats/" + this.id;
|
||||
}
|
||||
},
|
||||
initialize: function (models, player_id) {
|
||||
this.generic = true;
|
||||
if (typeof player_id != 'undefined') {
|
||||
this.id = player_id;
|
||||
this.generic = false;
|
||||
}
|
||||
this.fetch({ reset: true });
|
||||
if (!this.generic) {
|
||||
this.on('reset', function () {
|
||||
this.each(function (statistic) {
|
||||
$("#player_stats" + this.id )
|
||||
.append('<label>' + statistic.name + '</label><input type="text" name="' + statistic.name + this.id + '">');
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var Player = Backbone.Model.extend({
|
||||
urlRoot: '/tyedye/player/',
|
||||
defaults: {
|
||||
name: 'New Player',
|
||||
stats: new Stats,
|
||||
code: 0,
|
||||
},
|
||||
initialize: function () {
|
||||
// this.on("change", function (model) {});
|
||||
if (this.get('code') != 0) {
|
||||
var player_stats = new Stats([], this.get('code'));
|
||||
this.set('stats', player_stats);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var Players = Backbone.Collection.extend({
|
||||
model: Player,
|
||||
url: "/tyedye/players/",
|
||||
initialize: function () {
|
||||
this.fetch({ reset: true });
|
||||
}
|
||||
});
|
||||
|
||||
var stats = new Stats;
|
||||
var players = new Players;
|
||||
|
||||
// Routers
|
||||
|
||||
var MainRouter = Backbone.Router.extend({
|
||||
routes: {
|
||||
"" : "index",
|
||||
"player/:player_id" : "player_detail",
|
||||
},
|
||||
index: function () { ;; },
|
||||
player_detail: function () { ;; }
|
||||
});
|
||||
|
||||
var main_router = MainRouter;
|
||||
|
||||
// History controller
|
||||
|
||||
Backbone.history.start({root: '/tyedye'});
|
||||
|
||||
// Views definition
|
||||
|
||||
var PlayerListView = Backbone.View.extend({
|
||||
initialize: function () {
|
||||
this.listenTo(this.collection, 'reset', this.render);
|
||||
},
|
||||
collection: players,
|
||||
render: function () {
|
||||
// Load and compile the template
|
||||
var template = _.template( $("#player_list_template").html(), {});
|
||||
// Put the compiled html into our 'el' element, putting in on the webpage
|
||||
this.$el.html(template);
|
||||
|
||||
this.collection.each(function (playerItem) {
|
||||
$("div#player_ul_list").append('<h3 style="font-size: large;"><a href="/tyedye/#/player/' + playerItem.get('code') + '/">' + playerItem.get('name') + '</a></h3><div id="player_stats' + playerItem.get('code') + '" style="display: none;"></div>');
|
||||
});
|
||||
$("#player_number").text(this.collection.length);
|
||||
}
|
||||
});
|
||||
|
||||
var player_list_view = new PlayerListView({ el: $("#player_list") });
|
1608
public/js/backbone.js
Normal file
1257
public/js/underscore.js
Normal file
|
@ -1,12 +1,12 @@
|
|||
$def with (main_block, sidebar_block, game_name)
|
||||
$def with (main_block,sidebar_block, game_name)
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>TyeDye control panel for $game_name</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!-- <link rel='stylesheet' type='text/css' href='/public/main.css'> -->
|
||||
<link href="/public/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- <link rel='stylesheet' type='text/css' href='/static/public/main.css'> -->
|
||||
<link href="/static/public/css/bootstrap.min.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-top: 60px;
|
||||
|
@ -25,7 +25,7 @@ $def with (main_block, sidebar_block, game_name)
|
|||
}
|
||||
}
|
||||
</style>
|
||||
<link href="/public/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="/static/public/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
|
||||
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
|
@ -33,11 +33,14 @@ $def with (main_block, sidebar_block, game_name)
|
|||
<![endif]-->
|
||||
|
||||
<!-- Fav and touch icons -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/public/ico/apple-touch-icon-144-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/public/ico/apple-touch-icon-114-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/public/ico/apple-touch-icon-72-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="/public/ico/apple-touch-icon-57-precomposed.png">
|
||||
<link rel="shortcut icon" href="/public/ico/favicon.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/public/ico/apple-touch-icon-144-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/static/public/ico/apple-touch-icon-114-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/static/public/ico/apple-touch-icon-72-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="/static/public/ico/apple-touch-icon-57-precomposed.png">
|
||||
<link rel="shortcut icon" href="/static/public/ico/favicon.png">
|
||||
|
||||
<!-- jQuery UI -->
|
||||
<link href="/static/public/jquery-ui/jquery-ui.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!-- begin navbar -->
|
||||
|
@ -74,6 +77,16 @@ $def with (main_block, sidebar_block, game_name)
|
|||
</div>
|
||||
<div class='span9'>
|
||||
$:main_block
|
||||
<!-- Out main app blocks are now in control of our backbone app -->
|
||||
<h2>$game_name quick summary</h2>
|
||||
<p>Registered players: <span id="player_number">0</span></p>
|
||||
<p>Registered stats: <span id="stat_number">0</span></p>
|
||||
<div id="player_list"></div>
|
||||
<script type="text/template" id="player_list_template">
|
||||
<p>Player list:<br />
|
||||
<div id="player_ul_list">
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
|
@ -84,7 +97,10 @@ $def with (main_block, sidebar_block, game_name)
|
|||
<!-- Le javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="/public/js/jquery.js"></script>
|
||||
<script src="/static/public/js/jquery.js"></script>
|
||||
<script src="/static/public/js/underscore.js"></script>
|
||||
<script src="/static/public/js/backbone.js"></script>
|
||||
<script src="/static/public/js/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|