Imported from SVN by Bitbucket
24
ajquery/config
Executable file
@@ -0,0 +1,24 @@
|
||||
; ajquery template configuration file
|
||||
;
|
||||
; check readme.txt for usage details
|
||||
;
|
||||
[foo_httpcontrol]
|
||||
url=/index.html
|
||||
; defines formatting of a playlist row using foobar2000 titleformatting.
|
||||
playlist_row={"a":"$fix_eol($replace(%artist%,\,\\,",\"))","b":"$fix_eol($replace(%album%,\,\\,",\"))","n":"$if(%queue_indexes%,'('%queue_indexes%') ',)$ifgreater(%totaldiscs%,1,D%discnumber%.,)%tracknumber%","t":"$fix_eol($replace(%title%,\,\\,",\"))","l":"%length%","ls":"%length_seconds%","d":"%date%"}
|
||||
; defines formatting of a helper macros using foobar2000 titleformatting.
|
||||
helper1=[%title% - ]
|
||||
helper2=[%artist% - %title%]
|
||||
helper3=[%codec% | %bitrate%kbps | %samplerate%Hz | %channels%]
|
||||
; specifies wildcards where we should look for albumart files, separated by |. foobar2000 titleformatting is available there as well.
|
||||
albumart=$directory_path(%path%)\folder.jpg|$directory_path(%path%)\*.jpg
|
||||
; specifies path of a picture to show when albumart is not found.
|
||||
albumart_not_found=ajquery/img/icon1rx.png
|
||||
; specifies path of a picture to show when albumart is requested but not currently available (no playing track).
|
||||
albumart_not_available=ajquery/img/icon1rx.png
|
||||
; limits maximum albumart size to download, in bytes.
|
||||
albumart_limit_size=0
|
||||
; setting to 1 prefers embedded albumart over external.
|
||||
albumart_prefer_embedded=0
|
||||
; controls size of a playlist 'page'. setting to 0 completely disables playlist generation.
|
||||
playlist_items_per_page=30
|
||||
BIN
ajquery/css/smoothness/images/animated-overlay.gif
Executable file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
ajquery/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png
Executable file
|
After Width: | Height: | Size: 212 B |
BIN
ajquery/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png
Executable file
|
After Width: | Height: | Size: 208 B |
BIN
ajquery/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png
Executable file
|
After Width: | Height: | Size: 335 B |
BIN
ajquery/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png
Executable file
|
After Width: | Height: | Size: 207 B |
BIN
ajquery/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png
Executable file
|
After Width: | Height: | Size: 262 B |
BIN
ajquery/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png
Executable file
|
After Width: | Height: | Size: 262 B |
BIN
ajquery/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png
Executable file
|
After Width: | Height: | Size: 332 B |
BIN
ajquery/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png
Executable file
|
After Width: | Height: | Size: 280 B |
BIN
ajquery/css/smoothness/images/ui-icons_222222_256x240.png
Executable file
|
After Width: | Height: | Size: 6.8 KiB |
BIN
ajquery/css/smoothness/images/ui-icons_2e83ff_256x240.png
Executable file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
ajquery/css/smoothness/images/ui-icons_454545_256x240.png
Executable file
|
After Width: | Height: | Size: 6.8 KiB |
BIN
ajquery/css/smoothness/images/ui-icons_888888_256x240.png
Executable file
|
After Width: | Height: | Size: 6.8 KiB |
BIN
ajquery/css/smoothness/images/ui-icons_cd0a0a_256x240.png
Executable file
|
After Width: | Height: | Size: 4.4 KiB |
840
ajquery/css/smoothness/jquery-ui-1.10.4.custom.css
vendored
Executable file
@@ -0,0 +1,840 @@
|
||||
/*! jQuery UI - v1.10.4 - 2014-03-02
|
||||
* http://jqueryui.com
|
||||
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.button.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/
|
||||
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden {
|
||||
display: none;
|
||||
}
|
||||
.ui-helper-hidden-accessible {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
.ui-helper-reset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
line-height: 1.3;
|
||||
text-decoration: none;
|
||||
font-size: 100%;
|
||||
list-style: none;
|
||||
}
|
||||
.ui-helper-clearfix:before,
|
||||
.ui-helper-clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.ui-helper-clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.ui-helper-clearfix {
|
||||
min-height: 0; /* support: IE7 */
|
||||
}
|
||||
.ui-helper-zfix {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
filter:Alpha(Opacity=0);
|
||||
}
|
||||
|
||||
.ui-front {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable {
|
||||
position: relative;
|
||||
}
|
||||
.ui-resizable-handle {
|
||||
position: absolute;
|
||||
font-size: 0.1px;
|
||||
display: block;
|
||||
}
|
||||
.ui-resizable-disabled .ui-resizable-handle,
|
||||
.ui-resizable-autohide .ui-resizable-handle {
|
||||
display: none;
|
||||
}
|
||||
.ui-resizable-n {
|
||||
cursor: n-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
}
|
||||
.ui-resizable-s {
|
||||
cursor: s-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
bottom: -5px;
|
||||
left: 0;
|
||||
}
|
||||
.ui-resizable-e {
|
||||
cursor: e-resize;
|
||||
width: 7px;
|
||||
right: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable-w {
|
||||
cursor: w-resize;
|
||||
width: 7px;
|
||||
left: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
}
|
||||
.ui-resizable-sw {
|
||||
cursor: sw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
bottom: -5px;
|
||||
}
|
||||
.ui-resizable-nw {
|
||||
cursor: nw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
.ui-resizable-ne {
|
||||
cursor: ne-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
right: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
.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 */
|
||||
}
|
||||
.ui-button,
|
||||
.ui-button:link,
|
||||
.ui-button:visited,
|
||||
.ui-button:hover,
|
||||
.ui-button:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
/* to make room for the icon, a width needs to be set here */
|
||||
.ui-button-icon-only {
|
||||
width: 2.2em;
|
||||
}
|
||||
/* button elements seem to need a little more width */
|
||||
button.ui-button-icon-only {
|
||||
width: 2.4em;
|
||||
}
|
||||
.ui-button-icons-only {
|
||||
width: 3.4em;
|
||||
}
|
||||
button.ui-button-icons-only {
|
||||
width: 3.7em;
|
||||
}
|
||||
|
||||
/* button text element */
|
||||
.ui-button .ui-button-text {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
}
|
||||
.ui-button-text-only .ui-button-text {
|
||||
padding: .4em 1em;
|
||||
}
|
||||
.ui-button-icon-only .ui-button-text,
|
||||
.ui-button-icons-only .ui-button-text {
|
||||
padding: .4em;
|
||||
text-indent: -9999999px;
|
||||
}
|
||||
.ui-button-text-icon-primary .ui-button-text,
|
||||
.ui-button-text-icons .ui-button-text {
|
||||
padding: .4em 1em .4em 2.1em;
|
||||
}
|
||||
.ui-button-text-icon-secondary .ui-button-text,
|
||||
.ui-button-text-icons .ui-button-text {
|
||||
padding: .4em 2.1em .4em 1em;
|
||||
}
|
||||
.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 */
|
||||
input.ui-button {
|
||||
padding: .4em 1em;
|
||||
}
|
||||
|
||||
/* button icon element(s) */
|
||||
.ui-button-icon-only .ui-icon,
|
||||
.ui-button-text-icon-primary .ui-icon,
|
||||
.ui-button-text-icon-secondary .ui-icon,
|
||||
.ui-button-text-icons .ui-icon,
|
||||
.ui-button-icons-only .ui-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.ui-button-icon-only .ui-icon {
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
}
|
||||
.ui-button-text-icon-primary .ui-button-icon-primary,
|
||||
.ui-button-text-icons .ui-button-icon-primary,
|
||||
.ui-button-icons-only .ui-button-icon-primary {
|
||||
left: .5em;
|
||||
}
|
||||
.ui-button-text-icon-secondary .ui-button-icon-secondary,
|
||||
.ui-button-text-icons .ui-button-icon-secondary,
|
||||
.ui-button-icons-only .ui-button-icon-secondary {
|
||||
right: .5em;
|
||||
}
|
||||
|
||||
/* button sets */
|
||||
.ui-buttonset {
|
||||
margin-right: 7px;
|
||||
}
|
||||
.ui-buttonset .ui-button {
|
||||
margin-left: 0;
|
||||
margin-right: -.3em;
|
||||
}
|
||||
|
||||
/* workarounds */
|
||||
/* reset extra padding in Firefox, see h5bp.com/l */
|
||||
input.ui-button::-moz-focus-inner,
|
||||
button.ui-button::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ui-dialog {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: .2em;
|
||||
outline: 0;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar {
|
||||
padding: .4em 1em;
|
||||
position: relative;
|
||||
}
|
||||
.ui-dialog .ui-dialog-title {
|
||||
float: left;
|
||||
margin: .1em 0;
|
||||
white-space: nowrap;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar-close {
|
||||
position: absolute;
|
||||
right: .3em;
|
||||
top: 50%;
|
||||
width: 20px;
|
||||
margin: -10px 0 0 0;
|
||||
padding: 1px;
|
||||
height: 20px;
|
||||
}
|
||||
.ui-dialog .ui-dialog-content {
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: .5em 1em;
|
||||
background: none;
|
||||
overflow: auto;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
float: right;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane button {
|
||||
margin: .5em .4em .5em 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-dialog .ui-resizable-se {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
right: -5px;
|
||||
bottom: -5px;
|
||||
background-position: 16px 16px;
|
||||
}
|
||||
.ui-draggable .ui-dialog-titlebar {
|
||||
cursor: move;
|
||||
}
|
||||
.ui-progressbar {
|
||||
height: 2em;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ui-progressbar .ui-progressbar-value {
|
||||
margin: -1px;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-progressbar .ui-progressbar-overlay {
|
||||
background: url("images/animated-overlay.gif");
|
||||
height: 100%;
|
||||
filter: alpha(opacity=25);
|
||||
opacity: 0.25;
|
||||
}
|
||||
.ui-progressbar-indeterminate .ui-progressbar-value {
|
||||
background-image: none;
|
||||
}
|
||||
.ui-slider {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
.ui-slider .ui-slider-handle {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
cursor: default;
|
||||
}
|
||||
.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 */
|
||||
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||||
.ui-slider.ui-state-disabled .ui-slider-range {
|
||||
filter: inherit;
|
||||
}
|
||||
|
||||
.ui-slider-horizontal {
|
||||
height: .8em;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-handle {
|
||||
top: -.3em;
|
||||
margin-left: -.6em;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range-min {
|
||||
left: 0;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range-max {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ui-slider-vertical {
|
||||
width: .8em;
|
||||
height: 100px;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-handle {
|
||||
left: -.3em;
|
||||
margin-left: 0;
|
||||
margin-bottom: -.6em;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range-min {
|
||||
bottom: 0;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range-max {
|
||||
top: 0;
|
||||
}
|
||||
.ui-tabs {
|
||||
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
||||
padding: .2em;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav {
|
||||
margin: 0;
|
||||
padding: .2em .2em 0;
|
||||
background: none;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
|
||||
float: left;
|
||||
padding: .5em 1em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
||||
margin-bottom: -1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
|
||||
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
|
||||
cursor: text;
|
||||
}
|
||||
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-tabs .ui-tabs-panel {
|
||||
display: block;
|
||||
border-width: 0;
|
||||
padding: 1em 1.4em;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget {
|
||||
font-family: Verdana,Arial,sans-serif;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.ui-widget .ui-widget {
|
||||
font-size: 1em;
|
||||
}
|
||||
.ui-widget input,
|
||||
.ui-widget select,
|
||||
.ui-widget textarea,
|
||||
.ui-widget button {
|
||||
font-family: Verdana,Arial,sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.ui-widget-content {
|
||||
border: 1px solid #aaaaaa;
|
||||
background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
|
||||
color: #222222;
|
||||
}
|
||||
.ui-widget-content a {
|
||||
color: #222222;
|
||||
}
|
||||
.ui-widget-header {
|
||||
border: 1px solid #aaaaaa;
|
||||
background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
|
||||
color: #222222;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-widget-header a {
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
border: 1px solid #d3d3d3;
|
||||
background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
|
||||
font-weight: normal;
|
||||
color: #555555;
|
||||
}
|
||||
.ui-state-default a,
|
||||
.ui-state-default a:link,
|
||||
.ui-state-default a:visited {
|
||||
color: #555555;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-state-hover,
|
||||
.ui-widget-content .ui-state-hover,
|
||||
.ui-widget-header .ui-state-hover,
|
||||
.ui-state-focus,
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus {
|
||||
border: 1px solid #999999;
|
||||
background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
|
||||
font-weight: normal;
|
||||
color: #212121;
|
||||
}
|
||||
.ui-state-hover a,
|
||||
.ui-state-hover a:hover,
|
||||
.ui-state-hover a:link,
|
||||
.ui-state-hover a:visited,
|
||||
.ui-state-focus a,
|
||||
.ui-state-focus a:hover,
|
||||
.ui-state-focus a:link,
|
||||
.ui-state-focus a:visited {
|
||||
color: #212121;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active {
|
||||
border: 1px solid #aaaaaa;
|
||||
background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
|
||||
font-weight: normal;
|
||||
color: #212121;
|
||||
}
|
||||
.ui-state-active a,
|
||||
.ui-state-active a:link,
|
||||
.ui-state-active a:visited {
|
||||
color: #212121;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight,
|
||||
.ui-widget-content .ui-state-highlight,
|
||||
.ui-widget-header .ui-state-highlight {
|
||||
border: 1px solid #fcefa1;
|
||||
background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
|
||||
color: #363636;
|
||||
}
|
||||
.ui-state-highlight a,
|
||||
.ui-widget-content .ui-state-highlight a,
|
||||
.ui-widget-header .ui-state-highlight a {
|
||||
color: #363636;
|
||||
}
|
||||
.ui-state-error,
|
||||
.ui-widget-content .ui-state-error,
|
||||
.ui-widget-header .ui-state-error {
|
||||
border: 1px solid #cd0a0a;
|
||||
background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
|
||||
color: #cd0a0a;
|
||||
}
|
||||
.ui-state-error a,
|
||||
.ui-widget-content .ui-state-error a,
|
||||
.ui-widget-header .ui-state-error a {
|
||||
color: #cd0a0a;
|
||||
}
|
||||
.ui-state-error-text,
|
||||
.ui-widget-content .ui-state-error-text,
|
||||
.ui-widget-header .ui-state-error-text {
|
||||
color: #cd0a0a;
|
||||
}
|
||||
.ui-priority-primary,
|
||||
.ui-widget-content .ui-priority-primary,
|
||||
.ui-widget-header .ui-priority-primary {
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-priority-secondary,
|
||||
.ui-widget-content .ui-priority-secondary,
|
||||
.ui-widget-header .ui-priority-secondary {
|
||||
opacity: .7;
|
||||
filter:Alpha(Opacity=70);
|
||||
font-weight: normal;
|
||||
}
|
||||
.ui-state-disabled,
|
||||
.ui-widget-content .ui-state-disabled,
|
||||
.ui-widget-header .ui-state-disabled {
|
||||
opacity: .35;
|
||||
filter:Alpha(Opacity=35);
|
||||
background-image: none;
|
||||
}
|
||||
.ui-state-disabled .ui-icon {
|
||||
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
|
||||
}
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.ui-icon,
|
||||
.ui-widget-content .ui-icon {
|
||||
background-image: url(images/ui-icons_222222_256x240.png);
|
||||
}
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url(images/ui-icons_222222_256x240.png);
|
||||
}
|
||||
.ui-state-default .ui-icon {
|
||||
background-image: url(images/ui-icons_888888_256x240.png);
|
||||
}
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon {
|
||||
background-image: url(images/ui-icons_454545_256x240.png);
|
||||
}
|
||||
.ui-state-active .ui-icon {
|
||||
background-image: url(images/ui-icons_454545_256x240.png);
|
||||
}
|
||||
.ui-state-highlight .ui-icon {
|
||||
background-image: url(images/ui-icons_2e83ff_256x240.png);
|
||||
}
|
||||
.ui-state-error .ui-icon,
|
||||
.ui-state-error-text .ui-icon {
|
||||
background-image: url(images/ui-icons_cd0a0a_256x240.png);
|
||||
}
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-blank { background-position: 16px 16px; }
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-on { background-position: -96px -144px; }
|
||||
.ui-icon-radio-off { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-left,
|
||||
.ui-corner-tl {
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-right,
|
||||
.ui-corner-tr {
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-left,
|
||||
.ui-corner-bl {
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-right,
|
||||
.ui-corner-br {
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay {
|
||||
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
|
||||
opacity: .3;
|
||||
filter: Alpha(Opacity=30);
|
||||
}
|
||||
.ui-widget-shadow {
|
||||
margin: -8px 0 0 -8px;
|
||||
padding: 8px;
|
||||
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
|
||||
opacity: .3;
|
||||
filter: Alpha(Opacity=30);
|
||||
border-radius: 8px;
|
||||
}
|
||||
BIN
ajquery/img/favicon.ico
Executable file
|
After Width: | Height: | Size: 9.4 KiB |
BIN
ajquery/img/icon1rx.png
Executable file
|
After Width: | Height: | Size: 22 KiB |
BIN
ajquery/img/loading.gif
Executable file
|
After Width: | Height: | Size: 673 B |
168
ajquery/index.html
Executable file
@@ -0,0 +1,168 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>foobar2000</title>
|
||||
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>
|
||||
<script type="text/javascript" src="js/ajquery.js"></script>
|
||||
<link type="text/css" href="css/smoothness/jquery-ui-1.10.4.custom.css" rel="stylesheet" />
|
||||
<link rel="shortcut Icon" href="/ajquery/img/favicon.ico" type="image/x-icon" />
|
||||
<style type="text/css">
|
||||
body{ font-size: 0.5em; margin: 10px; background-color: #ffffff; max-width: 600px;}
|
||||
ul#buttons {margin: 0; padding: 0;}
|
||||
ul#buttons li {margin: 3px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
|
||||
ul#buttons span.ui-icon {float: left; margin: 0 4px;}
|
||||
button { margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; }
|
||||
.lindicator { padding: 8px; visibility: hidden; }
|
||||
|
||||
.ui-progressbar .ui-progressbar-value { background: #e8e8e8; }
|
||||
|
||||
#pl { display: table; width: 100%; }
|
||||
.pl_row { display: table-row; cursor: default; height: 18px;}
|
||||
.pl_c1 { width: 15%; display: table-cell; padding: 2px; text-align: right; vertical-align: middle; }
|
||||
.pl_c2 { width: 80%; display: table-cell; padding: 2px; vertical-align: middle; }
|
||||
.pl_c3 { width: 5%; display: table-cell; padding: 2px; text-align: right; vertical-align: middle; }
|
||||
.pl_even{ background: #f8f8f8; }
|
||||
.pl_prev{ color:DarkGray; }
|
||||
.pl_selected { background: #daeaff; border: 1px solid white; }
|
||||
.bbl { border-left: 1px solid gray; } /* border black left */
|
||||
.bbm { border-top: 1px solid gray; border-bottom: 1px solid gray; } /* border black top and bottom */
|
||||
.bbr { border-right: 1px solid gray; } /* border black right */
|
||||
.bwl { border-left: 1px solid white; } /* border white left */
|
||||
.bwm { border-top: 1px solid white; border-bottom: 1px solid white; } /* border white top and bottom */
|
||||
.bwr { border-right: 1px solid white; } /* border white right */
|
||||
.bbt { border-bottom: 1px solid white; border-top: 1px solid gray; } /* border black top */
|
||||
.pl-album { color: gray;}
|
||||
|
||||
#playlist { margin-right: -10px; margin-left: -10px; }
|
||||
|
||||
.br_o { background:#f8f8f8; } /* odd file browser row */
|
||||
.br_g { color:#a5a5a5; } /* inactive file browser row */
|
||||
|
||||
hr { border: 0; border-bottom: 1px #b0b0b0 solid; }
|
||||
#progressbar { cursor: pointer; margin-bottom: 12px; }
|
||||
#playingtitle { float: left; font-size: 1em; padding: 0.25em; }
|
||||
#playingtime { float: right; font-size: 1em; padding: 0.25em; }
|
||||
#browse_table { width: 100%; /*height: 85%;*/ overflow-y: hidden; overflow-x:hidden; }
|
||||
#aa_pane { opacity: .95; width: 233px; display: none; z-index: 2; cursor: move; margin: 0px;}
|
||||
|
||||
#querylist { height: 300px; overflow: visible;}
|
||||
#querylist #qr { cursor: pointer; }
|
||||
.qr_selected { background: #daeaff; }
|
||||
|
||||
#tooltip { background: #ededed; padding: 2px; border: 1px solid gray; display: none; z-index: 1000; }
|
||||
|
||||
.dragplacer-top div { border-top: 1px double red;}
|
||||
.dragplacer-bottom div { border-bottom: 1px double red;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wnd">
|
||||
<ul id="buttons" class="ui-widget ui-helper-clearfix" style="float: left;">
|
||||
<li class="btncmd ui-state-default ui-corner-all" style="margin-left: 0px;" title="Stop" id="Stop"><span class="ui-icon ui-icon-stop"></span></li>
|
||||
<li class="btncmd ui-state-default ui-corner-all" title="Start" id="Start"><span class="ui-icon ui-icon-play"></span></li>
|
||||
<li class="btncmd ui-state-default ui-corner-all" title="Play or pause (Space)" id="PlayOrPause"><span class="ui-icon ui-icon-pause"></span></li>
|
||||
<li class="btncmd ui-state-default ui-corner-all" title="Previous" id="StartPrevious"><span class="ui-icon ui-icon-seek-first"></span></li>
|
||||
<li class="btncmd ui-state-default ui-corner-all" title="Next" id="StartNext"><span class="ui-icon ui-icon-seek-end"></span></li>
|
||||
<li class="btncmd ui-state-default ui-corner-all" title="Random" id="StartRandom"><span class="ui-icon ui-icon-help"></span></li>
|
||||
<li class=""></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Browse files" id="browse_btn"><span class="ui-icon ui-icon-folder-open"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Search media library" id="search_btn"><span class="ui-icon ui-icon-search"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Album art" id="aa_btn"><span class="ui-icon ui-icon-image"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Extended controls" id="pbs_btn"><span class="ui-icon ui-icon-gear"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" id="mute"><span class="ui-icon ui-icon-volume-off"></span></li>
|
||||
<li id="vol"><!--<span>--><div id="volume" style="width: 150px; margin: 0.5em"></div><!--</span>--></li>
|
||||
</ul>
|
||||
<div id="loading" class="lindicator"> <img src="img/loading.gif"></div>
|
||||
<p><div id="progressbar"><div id="playingtitle"></div><div id="playingtime"></div></div>
|
||||
|
||||
<div id="tabs" class="ui-tabs ui-helper-clearfix">
|
||||
<ul>
|
||||
<li><a href="#t"></a></li>
|
||||
</ul>
|
||||
<div id="t">
|
||||
<div>
|
||||
<div style="float: right; width: 8em;">
|
||||
<ul id="buttons" class="ui-widget" style="margin-top: -1.3em; ">
|
||||
<li style="border: 1px solid transparent;" title="" id="prevpage_btn"><span class="ui-icon ui-icon-arrowthick-1-w"></span></li>
|
||||
<li style="border: 1px solid transparent;" title="" id="nextpage_btn"><span class="ui-icon ui-icon-arrowthick-1-e"></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="margin-top:0.5em; margin-right: 11em"><div id="pageslider"></div></div>
|
||||
</div>
|
||||
|
||||
<div id="playlist" style="clear: both;">lol</div>
|
||||
<hr style="margin-right: -1.5em; margin-left: -1.5em;">
|
||||
<div id="summary" style="margin-bottom: -0.5em"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pbs_dlg" title="Extended controls">
|
||||
<p>Playlist:</p>
|
||||
<ul id="buttons" class="ui-widget ui-helper-clearfix">
|
||||
<li class="ui-state-default ui-corner-all" title="Add" id="CreatePlaylist"><span class="ui-icon ui-icon-plusthick"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Remove" id="RemovePlaylist"><span class="ui-icon ui-icon-closethick"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Rename" id="RenamePlaylist"><span class="ui-icon ui-icon-pencil"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Empty" id="EmptyPlaylist"><span class="ui-icon ui-icon-clipboard"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Undo (u)" id="Undo"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Redo (r)" id="Redo"><span class="ui-icon ui-icon-arrowreturnthick-1-e"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Refresh" id="RefreshPlaylist"><span class="ui-icon ui-icon-refresh"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Focus on playing" id="FocusOnPlaying"><span class="ui-icon ui-icon-lightbulb"></span></li>
|
||||
</ul>
|
||||
<hr/>
|
||||
<p>Playlist items:</p>
|
||||
<ul id="buttons" class="ui-widget ui-helper-clearfix">
|
||||
<li class="ui-state-default ui-corner-all" title="Enqueue selected items (q)" id="QueueItems"><span class="ui-icon ui-icon-circle-plus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Dequeue selected items (w)" id="DequeueItems"><span class="ui-icon ui-icon-circle-minus"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Queue random item" id="QueueRandomItems"><span class="ui-icon ui-icon-help"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Flush queue" id="FlushQueue"><span class="ui-icon ui-icon-trash"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Delete (Del)" id="Del"><span class="ui-icon ui-icon-minusthick"></span></li>
|
||||
<li class="ui-state-default ui-corner-all" title="Set cursor" id="SetFocus"><span class="ui-icon ui-icon-pin-s"></span></li>
|
||||
</ul>
|
||||
<hr/>
|
||||
<p>Playback order <select id="PBO"><option value="0">Default</option><option value="1">Repeat (playlist)</option><option value="2">Repeat (track)</option><option value="3">Random</option><option value="4">Shuffle (tracks)</option><option value="5">Shuffle (albums)</option><option value="6">Shuffle (folders)</option></select></p>
|
||||
<p><input type="checkbox" id="SAC">Stop after current</p>
|
||||
<p><input type="checkbox" id="SAQ">Stop after queue</p>
|
||||
</div>
|
||||
|
||||
<div id="aa_pane">
|
||||
<img id="aa_img" style="width: 100%;">
|
||||
</div>
|
||||
|
||||
<div id="search_dlg" title="Search media library">
|
||||
<div id="querylist"></div>
|
||||
</div>
|
||||
|
||||
<div id="search_dlg_nav1" class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix" style="border-bottom-width: 1px; border-top-width: 0px; font-size: 1em; width: 100%; white-space:nowrap;">
|
||||
<p>Search: <input type="text" size="30" id="searchstr"> <a style="padding-right: 5px;" href="http://wiki.hydrogenaudio.org/index.php?title=Foobar2000:Query_syntax" title="Query syntax help">?</a></p>
|
||||
</div>
|
||||
|
||||
<div id="search_dlg_nav2" class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix" style="border-bottom-width: 1px; border-top-width: 0px; font-size: 1em; width: 100%; white-space:nowrap;">
|
||||
<button id="r_btn">Query</button> <span id="querypath"></span>
|
||||
</div>
|
||||
|
||||
<div id="browse_dlg" title="File browser">
|
||||
<div id="browse_table"></div>
|
||||
</div>
|
||||
|
||||
<div id="browse_dlg_nav" class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix" style="border-bottom-width: 1px; border-top-width: 0px; font-size: 1em; width: 100%; white-space:nowrap;">
|
||||
<a id="browse_parent" href="#"></a> <span id="browse_path"></span>
|
||||
</div>
|
||||
|
||||
<div id="error_dlg" title="☠ Ouch!">
|
||||
<p>An AJAX error occured.</p>
|
||||
<p>Possible reasons:</p>
|
||||
<ul>
|
||||
<li>JSON parser got stuck on invalid data; response dump might be provided below so you can analyze what went wrong using JSON validator of your choice, for example: <a href="http://jsonformatter.curiousconcept.com/">http://jsonformatter.curiousconcept.com/</a>;</li>
|
||||
<li>borken connection;</li>
|
||||
<li>god knows what else.</li>
|
||||
</ul>
|
||||
<p><a href="/ajquery/index.html">Restart</a> template or think of something else.</p>
|
||||
<hr/>
|
||||
<textarea id="dbg" cols="90" rows="30"></textarea>
|
||||
</div>
|
||||
|
||||
<span id="tooltip" class="ui-widget"></span>
|
||||
</body>
|
||||
</html>
|
||||
1680
ajquery/js/ajquery.js
Executable file
6
ajquery/js/browser.json
Executable file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"path": [PATH_JS],
|
||||
"pathcurrent": "[PATH]",
|
||||
"parent": "[PATH_PARENT]",
|
||||
"browser": [BROWSER_JS]
|
||||
}
|
||||
4
ajquery/js/jquery-1.11.0.min.js
vendored
Executable file
6
ajquery/js/jquery-ui-1.10.4.custom.min.js
vendored
Executable file
4
ajquery/js/library.json
Executable file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"queryInfo": [QUERY_INFO_JS],
|
||||
"query": [QUERY_JS]
|
||||
}
|
||||
29
ajquery/js/state.json
Executable file
@@ -0,0 +1,29 @@
|
||||
{"playlist":[PLAYLIST_JS],
|
||||
"playlists":[PLAYLISTS_JS],
|
||||
"playbackOrder":"[PLAYBACK_ORDER]",
|
||||
"volume":"[VOLUME]",
|
||||
"volumedb":"[VOLUME_DB]",
|
||||
"SAC":"[SAC]",
|
||||
"SAQ":"[SAQ]",
|
||||
"isPlaying":"[IS_PLAYING]",
|
||||
"isPaused":"[IS_PAUSED]",
|
||||
"isEnqueueing":"[IS_ENQUEUEING]",
|
||||
"playingItem":"[PLAYLIST_ITEM_PLAYING]",
|
||||
"focusedItem":"[PLAYLIST_ITEM_FOCUSED]",
|
||||
"prevplayedItem":"[PLAYLIST_ITEM_PREV_PLAYED]",
|
||||
"itemPlayingPos":"[ITEM_PLAYING_POS]",
|
||||
"itemPlayingLen":"[ITEM_PLAYING_LEN]",
|
||||
"playlistPage":"[PLAYLIST_PAGE]",
|
||||
"playlistItemsPerPage":"[PLAYLIST_ITEMS_PER_PAGE]",
|
||||
"playlistItemsCount":"[PLAYLIST_ITEMS_COUNT]",
|
||||
"playlistActive":"[PLAYLIST_ACTIVE]",
|
||||
"playlistPlaying":"[PLAYLIST_PLAYING]",
|
||||
"playlistPlayingItemsCount":"[PLAYLIST_PLAYING_ITEMS_COUNT]",
|
||||
"playlistTotalTime":"[PLAYLIST_TOTAL_TIME]",
|
||||
"queueTotalTime":"[QUEUE_TOTAL_TIME]",
|
||||
"isUndoAvailable":"[PLAYLIST_IS_UNDO_AVAILABLE]",
|
||||
"isRedoAvailable":"[PLAYLIST_IS_REDO_AVAILABLE]",
|
||||
"helper1":"[HELPER1X]",
|
||||
"helper2":"[HELPER2X]",
|
||||
"helper3":"[HELPER3X]",
|
||||
"albumArt":"[ALBUMART]"}
|
||||
194
ajquery/readme.txt
Executable file
@@ -0,0 +1,194 @@
|
||||
Asynchronious foo_httpcontrol template
|
||||
0.72 http://code.google.com/p/foo-httpcontrol/
|
||||
|
||||
*** Requirements
|
||||
|
||||
This template is developed to be used in modern desktop browsers and
|
||||
is fully compatible with Opera 10, Google Chrome 4 and Firefox 3.5.
|
||||
Internet Exploder 8 seems to work as well.
|
||||
|
||||
Some other browsers might also work, but you never know until you try.
|
||||
|
||||
foobar2000 1.0 and foo_httpcontrol 0.97.15 or more recent versions
|
||||
are required.
|
||||
|
||||
*** Installation
|
||||
|
||||
Extract archive contents retaining directory structure
|
||||
to %APPDATA%\foobar2000\foo_httpcontrol_data\
|
||||
|
||||
*** Usage
|
||||
|
||||
Open http://127.0.0.1:8888/ajquery/index.html in your browser.
|
||||
(Note that IP address and port is configuration specific and may
|
||||
be different in your case.)
|
||||
|
||||
The interface should be intuitive enough as it is by itself, except:
|
||||
|
||||
1. Double clicking playlist item starts playback.
|
||||
|
||||
2. Single clicking playlist item (maybe combined with shift or ctrl)
|
||||
selects item(s).
|
||||
|
||||
3. Dragging playlist item or selection moves it within the current
|
||||
playlist page.
|
||||
|
||||
4. Playlist slider is working as playlist page switcher, drag its
|
||||
thumb to change page.
|
||||
|
||||
5. A few hotkeys are available (check command buttons tooltips for
|
||||
hotkey values).
|
||||
|
||||
6. Use Shift+PageUp and Shift+PageDown to resize playlist.
|
||||
|
||||
It is recommended to enable "Cursor follows playback" option in
|
||||
foobar2000 Playback menu for more convenient playlists browsing.
|
||||
|
||||
You are free to change template parameters by editing ajquery/config
|
||||
file. For example, playlist_items_per_page variable is useful when you
|
||||
want to permanently modify playlist page size.
|
||||
|
||||
*** Release history 2014
|
||||
|
||||
26 Jul 0.72
|
||||
fix: broken media library search;
|
||||
add: autofocus input on search window open;
|
||||
|
||||
02 Mar 0.71
|
||||
add: Second precision seeking (instead of percent), requires
|
||||
foo_httpcontrol 0.97.15;
|
||||
fix: updated to latest jQuery;
|
||||
|
||||
02 Mar 0.70
|
||||
fix: Wrong handling of parent button in file browser;
|
||||
fix: Playback order drop down-box didn't reflect the actual order;
|
||||
|
||||
*** Release history 2012
|
||||
|
||||
10 Nov 0.69
|
||||
fix: added a bit of sanity to file browser dialog: list scroll
|
||||
position is remembered for each visited directory,
|
||||
improved path navigation;
|
||||
fix: added a bit of sanity to search dialog;
|
||||
fix: fixed SAC & SAQ checkboxes behaviour;
|
||||
fix: albumart initialisation;
|
||||
fix: updated jquery & jquery-ui;
|
||||
|
||||
23 Aug 0.68
|
||||
add: playlist page switch buttons;
|
||||
fix: playlist auto width;
|
||||
|
||||
*** Release history 2011
|
||||
|
||||
09 Apr 0.67
|
||||
fix: wrong now playing info when playing first track;
|
||||
add: double clicking playlist switcher focuses now playing item;
|
||||
add: removed search button;
|
||||
|
||||
16 Mar 0.66
|
||||
fix: updated jquery & jquery-ui;
|
||||
fix: updated cover art and favicon to match current fb2k theme;
|
||||
fix: seekbar popup vertical position made constant;
|
||||
|
||||
27 Jan 0.65
|
||||
fix: replaced Shift+[ / Shift+] hotkeys with Shift+PageUp / Shift+PageDown due to international keyboards differences;
|
||||
fix: probably got rid of windows moving along with playlist resize;
|
||||
fix: queue total time / selection total time;
|
||||
|
||||
*** Release history 2010
|
||||
|
||||
03 May 0.64
|
||||
fix: extra formats in file browser grayed out;
|
||||
fix: queue total time;
|
||||
fix: weird behaviour with zero playlists;
|
||||
fix: ctrl/shift+click selection behaviour;
|
||||
17 Apr 0.63
|
||||
add: shift+[ and shift] resizes playlist height;
|
||||
fix: resize playlist width by dragging right side of seekbar;
|
||||
add: show selection total time;
|
||||
add: clicking album title selects whole album;
|
||||
fix: prefomance improvements;
|
||||
|
||||
10 Apr 0.62
|
||||
add: Internet Exploder 8 compatibility;
|
||||
|
||||
30 Mar 0.61
|
||||
fix: some troubles and bugs;
|
||||
|
||||
27 Mar 0.60
|
||||
add: improved playlist drag & drop;
|
||||
add: some fixes and improvements;
|
||||
add: migrated to latest jquery/jquery ui;
|
||||
|
||||
21 Mar 0.59
|
||||
add: numerous usability improvements;
|
||||
|
||||
17 Mar 0.58
|
||||
add: "Browse to..." in browser window;
|
||||
fix: Remove playlist always removed first one;
|
||||
|
||||
15 Mar 0.57
|
||||
add: reworked playlist items operation style (selecting and
|
||||
applying some commands on selection is possible now,
|
||||
along with moving selection within the current
|
||||
playlist page) - vakata, thanks for the inspiration!;
|
||||
add: a few hotkeys (check command buttons tooltip for
|
||||
hotkey values);
|
||||
fix: non-playable files disappeared in browser;
|
||||
fix: excessive size of non-initialized browser window;
|
||||
|
||||
06 Mar 0.56a
|
||||
fix: logarithmic volume control;
|
||||
fix: excessive size of browser window;
|
||||
|
||||
22 Feb 0.56
|
||||
add: logarithmic volume control;
|
||||
add: mute/unmute button;
|
||||
|
||||
23 Jan 0.55
|
||||
fix: incorrect display of xml special chars in page title;
|
||||
fix: fixes and improvements;
|
||||
add: ability to focus on playing item;
|
||||
|
||||
06 Jan 0.54b
|
||||
fix: missing albumart in Firefox;
|
||||
|
||||
06 Jan 0.54a
|
||||
fix: replaced [HELPERN] with [HELPERNX];
|
||||
add: foo_httpcontrol 0.96.3 or newer is required;
|
||||
|
||||
05 Jan 0.54
|
||||
fix: data retrieval timeouts;
|
||||
add: right mouse button click brings up playlist/playlist items popup menus in Chrome/Firefox etc;
|
||||
add: remembering windows position, size and state between sessions (browser cookies must be enabled);
|
||||
|
||||
*** Release history 2009
|
||||
|
||||
29 Dec 0.53
|
||||
fix: various fixes and improvements;
|
||||
add: proper playlist undo/redo support;
|
||||
|
||||
01 Nov 0.52
|
||||
fix: various fixes;
|
||||
|
||||
14 Sep 0.51
|
||||
add: queue album to playlist popup menu;
|
||||
add: flush queue and queue random to playlists popup menu;
|
||||
add: auto install feature;
|
||||
|
||||
06 Sep 0.5
|
||||
fix: progressbar behaviour in paused state;
|
||||
add: resizeable album art;
|
||||
|
||||
03 Sep 0.4
|
||||
fix: couldn't perform action on 1st track;
|
||||
|
||||
02 Sep 0.3
|
||||
add: usability improvements;
|
||||
add: debug info on ajax failure;
|
||||
|
||||
01 Sep 0.2
|
||||
add: playlist operations menu, ctrl+lmb on playlist tab name;
|
||||
fix: various fixes;
|
||||
|
||||
30 Aug 0.1 Initial release;
|
||||