mirror of
https://github.com/clinton-hall/nzbToMedia.git
synced 2025-08-21 05:43:16 -07:00
Move common libs to libs/common
This commit is contained in:
Labrys of Knossos
parent
8dbb1a2451
commit
1f4bd41bcc
1612 changed files with 962 additions and 10 deletions
443
libs/common/beetsplug/web/__init__.py
Normal file
443
libs/common/beetsplug/web/__init__.py
Normal file
|
|
@ -0,0 +1,443 @@
|
|||
# -*- coding: utf-8 -*-
|
||||
# This file is part of beets.
|
||||
# Copyright 2016, Adrian Sampson.
|
||||
#
|
||||
# Permission is hereby granted, free of charge, to any person obtaining
|
||||
# a copy of this software and associated documentation files (the
|
||||
# "Software"), to deal in the Software without restriction, including
|
||||
# without limitation the rights to use, copy, modify, merge, publish,
|
||||
# distribute, sublicense, and/or sell copies of the Software, and to
|
||||
# permit persons to whom the Software is furnished to do so, subject to
|
||||
# the following conditions:
|
||||
#
|
||||
# The above copyright notice and this permission notice shall be
|
||||
# included in all copies or substantial portions of the Software.
|
||||
|
||||
"""A Web interface to beets."""
|
||||
from __future__ import division, absolute_import, print_function
|
||||
|
||||
from beets.plugins import BeetsPlugin
|
||||
from beets import ui
|
||||
from beets import util
|
||||
import beets.library
|
||||
import flask
|
||||
from flask import g
|
||||
from werkzeug.routing import BaseConverter, PathConverter
|
||||
import os
|
||||
from unidecode import unidecode
|
||||
import json
|
||||
import base64
|
||||
|
||||
|
||||
# Utilities.
|
||||
|
||||
def _rep(obj, expand=False):
|
||||
"""Get a flat -- i.e., JSON-ish -- representation of a beets Item or
|
||||
Album object. For Albums, `expand` dictates whether tracks are
|
||||
included.
|
||||
"""
|
||||
out = dict(obj)
|
||||
|
||||
if isinstance(obj, beets.library.Item):
|
||||
if app.config.get('INCLUDE_PATHS', False):
|
||||
out['path'] = util.displayable_path(out['path'])
|
||||
else:
|
||||
del out['path']
|
||||
|
||||
# Filter all bytes attributes and convert them to strings.
|
||||
for key, value in out.items():
|
||||
if isinstance(out[key], bytes):
|
||||
out[key] = base64.b64encode(value).decode('ascii')
|
||||
|
||||
# Get the size (in bytes) of the backing file. This is useful
|
||||
# for the Tomahawk resolver API.
|
||||
try:
|
||||
out['size'] = os.path.getsize(util.syspath(obj.path))
|
||||
except OSError:
|
||||
out['size'] = 0
|
||||
|
||||
return out
|
||||
|
||||
elif isinstance(obj, beets.library.Album):
|
||||
del out['artpath']
|
||||
if expand:
|
||||
out['items'] = [_rep(item) for item in obj.items()]
|
||||
return out
|
||||
|
||||
|
||||
def json_generator(items, root, expand=False):
|
||||
"""Generator that dumps list of beets Items or Albums as JSON
|
||||
|
||||
:param root: root key for JSON
|
||||
:param items: list of :class:`Item` or :class:`Album` to dump
|
||||
:param expand: If true every :class:`Album` contains its items in the json
|
||||
representation
|
||||
:returns: generator that yields strings
|
||||
"""
|
||||
yield '{"%s":[' % root
|
||||
first = True
|
||||
for item in items:
|
||||
if first:
|
||||
first = False
|
||||
else:
|
||||
yield ','
|
||||
yield json.dumps(_rep(item, expand=expand))
|
||||
yield ']}'
|
||||
|
||||
|
||||
def is_expand():
|
||||
"""Returns whether the current request is for an expanded response."""
|
||||
|
||||
return flask.request.args.get('expand') is not None
|
||||
|
||||
|
||||
def resource(name):
|
||||
"""Decorates a function to handle RESTful HTTP requests for a resource.
|
||||
"""
|
||||
def make_responder(retriever):
|
||||
def responder(ids):
|
||||
entities = [retriever(id) for id in ids]
|
||||
entities = [entity for entity in entities if entity]
|
||||
|
||||
if len(entities) == 1:
|
||||
return flask.jsonify(_rep(entities[0], expand=is_expand()))
|
||||
elif entities:
|
||||
return app.response_class(
|
||||
json_generator(entities, root=name),
|
||||
mimetype='application/json'
|
||||
)
|
||||
else:
|
||||
return flask.abort(404)
|
||||
responder.__name__ = 'get_{0}'.format(name)
|
||||
return responder
|
||||
return make_responder
|
||||
|
||||
|
||||
def resource_query(name):
|
||||
"""Decorates a function to handle RESTful HTTP queries for resources.
|
||||
"""
|
||||
def make_responder(query_func):
|
||||
def responder(queries):
|
||||
return app.response_class(
|
||||
json_generator(
|
||||
query_func(queries),
|
||||
root='results', expand=is_expand()
|
||||
),
|
||||
mimetype='application/json'
|
||||
)
|
||||
responder.__name__ = 'query_{0}'.format(name)
|
||||
return responder
|
||||
return make_responder
|
||||
|
||||
|
||||
def resource_list(name):
|
||||
"""Decorates a function to handle RESTful HTTP request for a list of
|
||||
resources.
|
||||
"""
|
||||
def make_responder(list_all):
|
||||
def responder():
|
||||
return app.response_class(
|
||||
json_generator(list_all(), root=name, expand=is_expand()),
|
||||
mimetype='application/json'
|
||||
)
|
||||
responder.__name__ = 'all_{0}'.format(name)
|
||||
return responder
|
||||
return make_responder
|
||||
|
||||
|
||||
def _get_unique_table_field_values(model, field, sort_field):
|
||||
""" retrieve all unique values belonging to a key from a model """
|
||||
if field not in model.all_keys() or sort_field not in model.all_keys():
|
||||
raise KeyError
|
||||
with g.lib.transaction() as tx:
|
||||
rows = tx.query('SELECT DISTINCT "{0}" FROM "{1}" ORDER BY "{2}"'
|
||||
.format(field, model._table, sort_field))
|
||||
return [row[0] for row in rows]
|
||||
|
||||
|
||||
class IdListConverter(BaseConverter):
|
||||
"""Converts comma separated lists of ids in urls to integer lists.
|
||||
"""
|
||||
|
||||
def to_python(self, value):
|
||||
ids = []
|
||||
for id in value.split(','):
|
||||
try:
|
||||
ids.append(int(id))
|
||||
except ValueError:
|
||||
pass
|
||||
return ids
|
||||
|
||||
def to_url(self, value):
|
||||
return ','.join(value)
|
||||
|
||||
|
||||
class QueryConverter(PathConverter):
|
||||
"""Converts slash separated lists of queries in the url to string list.
|
||||
"""
|
||||
|
||||
def to_python(self, value):
|
||||
return value.split('/')
|
||||
|
||||
def to_url(self, value):
|
||||
return ','.join(value)
|
||||
|
||||
|
||||
class EverythingConverter(PathConverter):
|
||||
regex = '.*?'
|
||||
|
||||
|
||||
# Flask setup.
|
||||
|
||||
app = flask.Flask(__name__)
|
||||
app.url_map.converters['idlist'] = IdListConverter
|
||||
app.url_map.converters['query'] = QueryConverter
|
||||
app.url_map.converters['everything'] = EverythingConverter
|
||||
|
||||
|
||||
@app.before_request
|
||||
def before_request():
|
||||
g.lib = app.config['lib']
|
||||
|
||||
|
||||
# Items.
|
||||
|
||||
@app.route('/item/<idlist:ids>')
|
||||
@resource('items')
|
||||
def get_item(id):
|
||||
return g.lib.get_item(id)
|
||||
|
||||
|
||||
@app.route('/item/')
|
||||
@app.route('/item/query/')
|
||||
@resource_list('items')
|
||||
def all_items():
|
||||
return g.lib.items()
|
||||
|
||||
|
||||
@app.route('/item/<int:item_id>/file')
|
||||
def item_file(item_id):
|
||||
item = g.lib.get_item(item_id)
|
||||
|
||||
# On Windows under Python 2, Flask wants a Unicode path. On Python 3, it
|
||||
# *always* wants a Unicode path.
|
||||
if os.name == 'nt':
|
||||
item_path = util.syspath(item.path)
|
||||
else:
|
||||
item_path = util.py3_path(item.path)
|
||||
|
||||
try:
|
||||
unicode_item_path = util.text_string(item.path)
|
||||
except (UnicodeDecodeError, UnicodeEncodeError):
|
||||
unicode_item_path = util.displayable_path(item.path)
|
||||
|
||||
base_filename = os.path.basename(unicode_item_path)
|
||||
try:
|
||||
# Imitate http.server behaviour
|
||||
base_filename.encode("latin-1", "strict")
|
||||
except UnicodeEncodeError:
|
||||
safe_filename = unidecode(base_filename)
|
||||
else:
|
||||
safe_filename = base_filename
|
||||
|
||||
response = flask.send_file(
|
||||
item_path,
|
||||
as_attachment=True,
|
||||
attachment_filename=safe_filename
|
||||
)
|
||||
response.headers['Content-Length'] = os.path.getsize(item_path)
|
||||
return response
|
||||
|
||||
|
||||
@app.route('/item/query/<query:queries>')
|
||||
@resource_query('items')
|
||||
def item_query(queries):
|
||||
return g.lib.items(queries)
|
||||
|
||||
|
||||
@app.route('/item/path/<everything:path>')
|
||||
def item_at_path(path):
|
||||
query = beets.library.PathQuery('path', path.encode('utf-8'))
|
||||
item = g.lib.items(query).get()
|
||||
if item:
|
||||
return flask.jsonify(_rep(item))
|
||||
else:
|
||||
return flask.abort(404)
|
||||
|
||||
|
||||
@app.route('/item/values/<string:key>')
|
||||
def item_unique_field_values(key):
|
||||
sort_key = flask.request.args.get('sort_key', key)
|
||||
try:
|
||||
values = _get_unique_table_field_values(beets.library.Item, key,
|
||||
sort_key)
|
||||
except KeyError:
|
||||
return flask.abort(404)
|
||||
return flask.jsonify(values=values)
|
||||
|
||||
|
||||
# Albums.
|
||||
|
||||
@app.route('/album/<idlist:ids>')
|
||||
@resource('albums')
|
||||
def get_album(id):
|
||||
return g.lib.get_album(id)
|
||||
|
||||
|
||||
@app.route('/album/')
|
||||
@app.route('/album/query/')
|
||||
@resource_list('albums')
|
||||
def all_albums():
|
||||
return g.lib.albums()
|
||||
|
||||
|
||||
@app.route('/album/query/<query:queries>')
|
||||
@resource_query('albums')
|
||||
def album_query(queries):
|
||||
return g.lib.albums(queries)
|
||||
|
||||
|
||||
@app.route('/album/<int:album_id>/art')
|
||||
def album_art(album_id):
|
||||
album = g.lib.get_album(album_id)
|
||||
if album and album.artpath:
|
||||
return flask.send_file(album.artpath.decode())
|
||||
else:
|
||||
return flask.abort(404)
|
||||
|
||||
|
||||
@app.route('/album/values/<string:key>')
|
||||
def album_unique_field_values(key):
|
||||
sort_key = flask.request.args.get('sort_key', key)
|
||||
try:
|
||||
values = _get_unique_table_field_values(beets.library.Album, key,
|
||||
sort_key)
|
||||
except KeyError:
|
||||
return flask.abort(404)
|
||||
return flask.jsonify(values=values)
|
||||
|
||||
|
||||
# Artists.
|
||||
|
||||
@app.route('/artist/')
|
||||
def all_artists():
|
||||
with g.lib.transaction() as tx:
|
||||
rows = tx.query("SELECT DISTINCT albumartist FROM albums")
|
||||
all_artists = [row[0] for row in rows]
|
||||
return flask.jsonify(artist_names=all_artists)
|
||||
|
||||
|
||||
# Library information.
|
||||
|
||||
@app.route('/stats')
|
||||
def stats():
|
||||
with g.lib.transaction() as tx:
|
||||
item_rows = tx.query("SELECT COUNT(*) FROM items")
|
||||
album_rows = tx.query("SELECT COUNT(*) FROM albums")
|
||||
return flask.jsonify({
|
||||
'items': item_rows[0][0],
|
||||
'albums': album_rows[0][0],
|
||||
})
|
||||
|
||||
|
||||
# UI.
|
||||
|
||||
@app.route('/')
|
||||
def home():
|
||||
return flask.render_template('index.html')
|
||||
|
||||
|
||||
# Plugin hook.
|
||||
|
||||
class WebPlugin(BeetsPlugin):
|
||||
def __init__(self):
|
||||
super(WebPlugin, self).__init__()
|
||||
self.config.add({
|
||||
'host': u'127.0.0.1',
|
||||
'port': 8337,
|
||||
'cors': '',
|
||||
'cors_supports_credentials': False,
|
||||
'reverse_proxy': False,
|
||||
'include_paths': False,
|
||||
})
|
||||
|
||||
def commands(self):
|
||||
cmd = ui.Subcommand('web', help=u'start a Web interface')
|
||||
cmd.parser.add_option(u'-d', u'--debug', action='store_true',
|
||||
default=False, help=u'debug mode')
|
||||
|
||||
def func(lib, opts, args):
|
||||
args = ui.decargs(args)
|
||||
if args:
|
||||
self.config['host'] = args.pop(0)
|
||||
if args:
|
||||
self.config['port'] = int(args.pop(0))
|
||||
|
||||
app.config['lib'] = lib
|
||||
# Normalizes json output
|
||||
app.config['JSONIFY_PRETTYPRINT_REGULAR'] = False
|
||||
|
||||
app.config['INCLUDE_PATHS'] = self.config['include_paths']
|
||||
|
||||
# Enable CORS if required.
|
||||
if self.config['cors']:
|
||||
self._log.info(u'Enabling CORS with origin: {0}',
|
||||
self.config['cors'])
|
||||
from flask.ext.cors import CORS
|
||||
app.config['CORS_ALLOW_HEADERS'] = "Content-Type"
|
||||
app.config['CORS_RESOURCES'] = {
|
||||
r"/*": {"origins": self.config['cors'].get(str)}
|
||||
}
|
||||
CORS(
|
||||
app,
|
||||
supports_credentials=self.config[
|
||||
'cors_supports_credentials'
|
||||
].get(bool)
|
||||
)
|
||||
|
||||
# Allow serving behind a reverse proxy
|
||||
if self.config['reverse_proxy']:
|
||||
app.wsgi_app = ReverseProxied(app.wsgi_app)
|
||||
|
||||
# Start the web application.
|
||||
app.run(host=self.config['host'].as_str(),
|
||||
port=self.config['port'].get(int),
|
||||
debug=opts.debug, threaded=True)
|
||||
cmd.func = func
|
||||
return [cmd]
|
||||
|
||||
|
||||
class ReverseProxied(object):
|
||||
'''Wrap the application in this middleware and configure the
|
||||
front-end server to add these headers, to let you quietly bind
|
||||
this to a URL other than / and to an HTTP scheme that is
|
||||
different than what is used locally.
|
||||
|
||||
In nginx:
|
||||
location /myprefix {
|
||||
proxy_pass http://192.168.0.1:5001;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Scheme $scheme;
|
||||
proxy_set_header X-Script-Name /myprefix;
|
||||
}
|
||||
|
||||
From: http://flask.pocoo.org/snippets/35/
|
||||
|
||||
:param app: the WSGI application
|
||||
'''
|
||||
def __init__(self, app):
|
||||
self.app = app
|
||||
|
||||
def __call__(self, environ, start_response):
|
||||
script_name = environ.get('HTTP_X_SCRIPT_NAME', '')
|
||||
if script_name:
|
||||
environ['SCRIPT_NAME'] = script_name
|
||||
path_info = environ['PATH_INFO']
|
||||
if path_info.startswith(script_name):
|
||||
environ['PATH_INFO'] = path_info[len(script_name):]
|
||||
|
||||
scheme = environ.get('HTTP_X_SCHEME', '')
|
||||
if scheme:
|
||||
environ['wsgi.url_scheme'] = scheme
|
||||
return self.app(environ, start_response)
|
||||
1158
libs/common/beetsplug/web/static/backbone.js
Normal file
1158
libs/common/beetsplug/web/static/backbone.js
Normal file
File diff suppressed because it is too large
Load diff
160
libs/common/beetsplug/web/static/beets.css
Normal file
160
libs/common/beetsplug/web/static/beets.css
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
body {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
#header {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 36px;
|
||||
|
||||
color: white;
|
||||
|
||||
cursor: default;
|
||||
|
||||
/* shadowy border */
|
||||
box-shadow: 0 0 20px #999;
|
||||
-webkit-box-shadow: 0 0 20px #999;
|
||||
-moz-box-shadow: 0 0 20px #999;
|
||||
|
||||
/* background gradient */
|
||||
background: #0e0e0e;
|
||||
background: -moz-linear-gradient(top, #6b6b6b 0%, #0e0e0e 100%);
|
||||
background: -webkit-linear-gradient(top, #6b6b6b 0%,#0e0e0e 100%);
|
||||
}
|
||||
#header h1 {
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
margin: 0.35em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#entities {
|
||||
width: 17em;
|
||||
|
||||
position: fixed;
|
||||
top: 36px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
|
||||
z-index: 1;
|
||||
background: #dde4eb;
|
||||
|
||||
/* shadowy border */
|
||||
box-shadow: 0 0 20px #666;
|
||||
-webkit-box-shadow: 0 0 20px #666;
|
||||
-moz-box-shadow: 0 0 20px #666;
|
||||
}
|
||||
#queryForm {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0.25em 0;
|
||||
}
|
||||
#query {
|
||||
width: 95%;
|
||||
font-size: 1em;
|
||||
}
|
||||
#entities ul {
|
||||
width: 17em;
|
||||
|
||||
position: fixed;
|
||||
top: 36px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
margin: 2.2em 0 0 0;
|
||||
padding: 0;
|
||||
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#entities ul li {
|
||||
list-style: none;
|
||||
padding: 4px 8px;
|
||||
margin: 0;
|
||||
cursor: default;
|
||||
}
|
||||
#entities ul li.selected {
|
||||
background: #7abcff;
|
||||
background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
|
||||
color: white;
|
||||
}
|
||||
#entities ul li .playing {
|
||||
margin-left: 5px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
|
||||
#main-detail, #extra-detail {
|
||||
position: fixed;
|
||||
left: 17em;
|
||||
margin: 1.0em 0 0 1.5em;
|
||||
}
|
||||
#main-detail {
|
||||
top: 36px;
|
||||
height: 98px;
|
||||
}
|
||||
#main-detail .artist, #main-detail .album, #main-detail .title {
|
||||
display: block;
|
||||
}
|
||||
#main-detail .title {
|
||||
font-size: 1.3em;
|
||||
font-weight: bold;
|
||||
}
|
||||
#main-detail .albumtitle {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#extra-detail {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
top: 134px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
/*Fix for correctly displaying line breaks in lyrics*/
|
||||
#extra-detail .lyrics {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
#extra-detail dl dt, #extra-detail dl dd {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#extra-detail dl dt {
|
||||
width: 10em;
|
||||
float: left;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
clear: both;
|
||||
}
|
||||
#extra-detail dl dd {
|
||||
margin-left: 10.5em;
|
||||
}
|
||||
|
||||
|
||||
#player {
|
||||
float: left;
|
||||
width: 150px;
|
||||
height: 36px;
|
||||
}
|
||||
#player .play, #player .pause, #player .disabled {
|
||||
-webkit-appearance: none;
|
||||
font-size: 1em;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
background: none;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
#player .disabled {
|
||||
color: #666;
|
||||
}
|
||||
314
libs/common/beetsplug/web/static/beets.js
Normal file
314
libs/common/beetsplug/web/static/beets.js
Normal file
|
|
@ -0,0 +1,314 @@
|
|||
// Format times as minutes and seconds.
|
||||
var timeFormat = function(secs) {
|
||||
if (secs == undefined || isNaN(secs)) {
|
||||
return '0:00';
|
||||
}
|
||||
secs = Math.round(secs);
|
||||
var mins = '' + Math.floor(secs / 60);
|
||||
secs = '' + (secs % 60);
|
||||
if (secs.length < 2) {
|
||||
secs = '0' + secs;
|
||||
}
|
||||
return mins + ':' + secs;
|
||||
}
|
||||
|
||||
// jQuery extension encapsulating event hookups for audio element controls.
|
||||
$.fn.player = function(debug) {
|
||||
// Selected element should contain an HTML5 Audio element.
|
||||
var audio = $('audio', this).get(0);
|
||||
|
||||
// Control elements that may be present, identified by class.
|
||||
var playBtn = $('.play', this);
|
||||
var pauseBtn = $('.pause', this);
|
||||
var disabledInd = $('.disabled', this);
|
||||
var timesEl = $('.times', this);
|
||||
var curTimeEl = $('.currentTime', this);
|
||||
var totalTimeEl = $('.totalTime', this);
|
||||
var sliderPlayedEl = $('.slider .played', this);
|
||||
var sliderLoadedEl = $('.slider .loaded', this);
|
||||
|
||||
// Button events.
|
||||
playBtn.click(function() {
|
||||
audio.play();
|
||||
});
|
||||
pauseBtn.click(function(ev) {
|
||||
audio.pause();
|
||||
});
|
||||
|
||||
// Utilities.
|
||||
var timePercent = function(cur, total) {
|
||||
if (cur == undefined || isNaN(cur) ||
|
||||
total == undefined || isNaN(total) || total == 0) {
|
||||
return 0;
|
||||
}
|
||||
var ratio = cur / total;
|
||||
if (ratio > 1.0) {
|
||||
ratio = 1.0;
|
||||
}
|
||||
return (Math.round(ratio * 10000) / 100) + '%';
|
||||
}
|
||||
|
||||
// Event helpers.
|
||||
var dbg = function(msg) {
|
||||
if (debug)
|
||||
console.log(msg);
|
||||
}
|
||||
var showState = function() {
|
||||
if (audio.duration == undefined || isNaN(audio.duration)) {
|
||||
playBtn.hide();
|
||||
pauseBtn.hide();
|
||||
disabledInd.show();
|
||||
timesEl.hide();
|
||||
} else if (audio.paused) {
|
||||
playBtn.show();
|
||||
pauseBtn.hide();
|
||||
disabledInd.hide();
|
||||
timesEl.show();
|
||||
} else {
|
||||
playBtn.hide();
|
||||
pauseBtn.show();
|
||||
disabledInd.hide();
|
||||
timesEl.show();
|
||||
}
|
||||
}
|
||||
var showTimes = function() {
|
||||
curTimeEl.text(timeFormat(audio.currentTime));
|
||||
totalTimeEl.text(timeFormat(audio.duration));
|
||||
|
||||
sliderPlayedEl.css('width',
|
||||
timePercent(audio.currentTime, audio.duration));
|
||||
|
||||
// last time buffered
|
||||
var bufferEnd = 0;
|
||||
for (var i = 0; i < audio.buffered.length; ++i) {
|
||||
if (audio.buffered.end(i) > bufferEnd)
|
||||
bufferEnd = audio.buffered.end(i);
|
||||
}
|
||||
sliderLoadedEl.css('width',
|
||||
timePercent(bufferEnd, audio.duration));
|
||||
}
|
||||
|
||||
// Initialize controls.
|
||||
showState();
|
||||
showTimes();
|
||||
|
||||
// Bind events.
|
||||
$('audio', this).bind({
|
||||
playing: function() {
|
||||
dbg('playing');
|
||||
showState();
|
||||
},
|
||||
pause: function() {
|
||||
dbg('pause');
|
||||
showState();
|
||||
},
|
||||
ended: function() {
|
||||
dbg('ended');
|
||||
showState();
|
||||
},
|
||||
progress: function() {
|
||||
dbg('progress ' + audio.buffered);
|
||||
},
|
||||
timeupdate: function() {
|
||||
dbg('timeupdate ' + audio.currentTime);
|
||||
showTimes();
|
||||
},
|
||||
durationchange: function() {
|
||||
dbg('durationchange ' + audio.duration);
|
||||
showState();
|
||||
showTimes();
|
||||
},
|
||||
loadeddata: function() {
|
||||
dbg('loadeddata');
|
||||
},
|
||||
loadedmetadata: function() {
|
||||
dbg('loadedmetadata');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Simple selection disable for jQuery.
|
||||
// Cut-and-paste from:
|
||||
// http://stackoverflow.com/questions/2700000
|
||||
$.fn.disableSelection = function() {
|
||||
$(this).attr('unselectable', 'on')
|
||||
.css('-moz-user-select', 'none')
|
||||
.each(function() {
|
||||
this.onselectstart = function() { return false; };
|
||||
});
|
||||
};
|
||||
|
||||
$(function() {
|
||||
|
||||
// Routes.
|
||||
var BeetsRouter = Backbone.Router.extend({
|
||||
routes: {
|
||||
"item/query/:query": "itemQuery",
|
||||
},
|
||||
itemQuery: function(query) {
|
||||
var queryURL = query.split(/\s+/).map(encodeURIComponent).join('/');
|
||||
$.getJSON('item/query/' + queryURL, function(data) {
|
||||
var models = _.map(
|
||||
data['results'],
|
||||
function(d) { return new Item(d); }
|
||||
);
|
||||
var results = new Items(models);
|
||||
app.showItems(results);
|
||||
});
|
||||
}
|
||||
});
|
||||
var router = new BeetsRouter();
|
||||
|
||||
// Model.
|
||||
var Item = Backbone.Model.extend({
|
||||
urlRoot: 'item'
|
||||
});
|
||||
var Items = Backbone.Collection.extend({
|
||||
model: Item
|
||||
});
|
||||
|
||||
// Item views.
|
||||
var ItemEntryView = Backbone.View.extend({
|
||||
tagName: "li",
|
||||
template: _.template($('#item-entry-template').html()),
|
||||
events: {
|
||||
'click': 'select',
|
||||
'dblclick': 'play'
|
||||
},
|
||||
initialize: function() {
|
||||
this.playing = false;
|
||||
},
|
||||
render: function() {
|
||||
$(this.el).html(this.template(this.model.toJSON()));
|
||||
this.setPlaying(this.playing);
|
||||
return this;
|
||||
},
|
||||
select: function() {
|
||||
app.selectItem(this);
|
||||
},
|
||||
play: function() {
|
||||
app.playItem(this.model);
|
||||
},
|
||||
setPlaying: function(val) {
|
||||
this.playing = val;
|
||||
if (val)
|
||||
this.$('.playing').show();
|
||||
else
|
||||
this.$('.playing').hide();
|
||||
}
|
||||
});
|
||||
//Holds Title, Artist, Album etc.
|
||||
var ItemMainDetailView = Backbone.View.extend({
|
||||
tagName: "div",
|
||||
template: _.template($('#item-main-detail-template').html()),
|
||||
events: {
|
||||
'click .play': 'play',
|
||||
},
|
||||
render: function() {
|
||||
$(this.el).html(this.template(this.model.toJSON()));
|
||||
return this;
|
||||
},
|
||||
play: function() {
|
||||
app.playItem(this.model);
|
||||
}
|
||||
});
|
||||
// Holds Track no., Format, MusicBrainz link, Lyrics, Comments etc.
|
||||
var ItemExtraDetailView = Backbone.View.extend({
|
||||
tagName: "div",
|
||||
template: _.template($('#item-extra-detail-template').html()),
|
||||
render: function() {
|
||||
$(this.el).html(this.template(this.model.toJSON()));
|
||||
return this;
|
||||
}
|
||||
});
|
||||
// Main app view.
|
||||
var AppView = Backbone.View.extend({
|
||||
el: $('body'),
|
||||
events: {
|
||||
'submit #queryForm': 'querySubmit',
|
||||
},
|
||||
querySubmit: function(ev) {
|
||||
ev.preventDefault();
|
||||
router.navigate('item/query/' + encodeURIComponent($('#query').val()), true);
|
||||
},
|
||||
initialize: function() {
|
||||
this.playingItem = null;
|
||||
this.shownItems = null;
|
||||
|
||||
// Not sure why these events won't bind automatically.
|
||||
this.$('audio').bind({
|
||||
'play': _.bind(this.audioPlay, this),
|
||||
'pause': _.bind(this.audioPause, this),
|
||||
'ended': _.bind(this.audioEnded, this)
|
||||
});
|
||||
},
|
||||
showItems: function(items) {
|
||||
this.shownItems = items;
|
||||
$('#results').empty();
|
||||
items.each(function(item) {
|
||||
var view = new ItemEntryView({model: item});
|
||||
item.entryView = view;
|
||||
$('#results').append(view.render().el);
|
||||
});
|
||||
},
|
||||
selectItem: function(view) {
|
||||
// Mark row as selected.
|
||||
$('#results li').removeClass("selected");
|
||||
$(view.el).addClass("selected");
|
||||
|
||||
// Show main and extra detail.
|
||||
var mainDetailView = new ItemMainDetailView({model: view.model});
|
||||
$('#main-detail').empty().append(mainDetailView.render().el);
|
||||
|
||||
var extraDetailView = new ItemExtraDetailView({model: view.model});
|
||||
$('#extra-detail').empty().append(extraDetailView.render().el);
|
||||
},
|
||||
playItem: function(item) {
|
||||
var url = 'item/' + item.get('id') + '/file';
|
||||
$('#player audio').attr('src', url);
|
||||
$('#player audio').get(0).play();
|
||||
|
||||
if (this.playingItem != null) {
|
||||
this.playingItem.entryView.setPlaying(false);
|
||||
}
|
||||
item.entryView.setPlaying(true);
|
||||
this.playingItem = item;
|
||||
},
|
||||
|
||||
audioPause: function() {
|
||||
this.playingItem.entryView.setPlaying(false);
|
||||
},
|
||||
audioPlay: function() {
|
||||
if (this.playingItem != null)
|
||||
this.playingItem.entryView.setPlaying(true);
|
||||
},
|
||||
audioEnded: function() {
|
||||
this.playingItem.entryView.setPlaying(false);
|
||||
|
||||
// Try to play the next track.
|
||||
var idx = this.shownItems.indexOf(this.playingItem);
|
||||
if (idx == -1) {
|
||||
// Not in current list.
|
||||
return;
|
||||
}
|
||||
var nextIdx = idx + 1;
|
||||
if (nextIdx >= this.shownItems.size()) {
|
||||
// End of list.
|
||||
return;
|
||||
}
|
||||
this.playItem(this.shownItems.at(nextIdx));
|
||||
}
|
||||
});
|
||||
var app = new AppView();
|
||||
|
||||
// App setup.
|
||||
Backbone.history.start({pushState: false});
|
||||
|
||||
// Disable selection on UI elements.
|
||||
$('#entities ul').disableSelection();
|
||||
$('#header').disableSelection();
|
||||
|
||||
// Audio player setup.
|
||||
$('#player').player();
|
||||
|
||||
});
|
||||
9266
libs/common/beetsplug/web/static/jquery.js
vendored
Normal file
9266
libs/common/beetsplug/web/static/jquery.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
977
libs/common/beetsplug/web/static/underscore.js
Normal file
977
libs/common/beetsplug/web/static/underscore.js
Normal file
|
|
@ -0,0 +1,977 @@
|
|||
// Underscore.js 1.2.2
|
||||
// (c) 2011 Jeremy Ashkenas, DocumentCloud Inc.
|
||||
// Underscore is freely distributable under the MIT license.
|
||||
// Portions of Underscore are inspired or borrowed from Prototype,
|
||||
// Oliver Steele's Functional, and John Resig's Micro-Templating.
|
||||
// For all details and documentation:
|
||||
// http://documentcloud.github.com/underscore
|
||||
|
||||
(function() {
|
||||
|
||||
// Baseline setup
|
||||
// --------------
|
||||
|
||||
// Establish the root object, `window` in the browser, or `global` on the server.
|
||||
var root = this;
|
||||
|
||||
// Save the previous value of the `_` variable.
|
||||
var previousUnderscore = root._;
|
||||
|
||||
// Establish the object that gets returned to break out of a loop iteration.
|
||||
var breaker = {};
|
||||
|
||||
// Save bytes in the minified (but not gzipped) version:
|
||||
var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype;
|
||||
|
||||
// Create quick reference variables for speed access to core prototypes.
|
||||
var slice = ArrayProto.slice,
|
||||
unshift = ArrayProto.unshift,
|
||||
toString = ObjProto.toString,
|
||||
hasOwnProperty = ObjProto.hasOwnProperty;
|
||||
|
||||
// All **ECMAScript 5** native function implementations that we hope to use
|
||||
// are declared here.
|
||||
var
|
||||
nativeForEach = ArrayProto.forEach,
|
||||
nativeMap = ArrayProto.map,
|
||||
nativeReduce = ArrayProto.reduce,
|
||||
nativeReduceRight = ArrayProto.reduceRight,
|
||||
nativeFilter = ArrayProto.filter,
|
||||
nativeEvery = ArrayProto.every,
|
||||
nativeSome = ArrayProto.some,
|
||||
nativeIndexOf = ArrayProto.indexOf,
|
||||
nativeLastIndexOf = ArrayProto.lastIndexOf,
|
||||
nativeIsArray = Array.isArray,
|
||||
nativeKeys = Object.keys,
|
||||
nativeBind = FuncProto.bind;
|
||||
|
||||
// Create a safe reference to the Underscore object for use below.
|
||||
var _ = function(obj) { return new wrapper(obj); };
|
||||
|
||||
// Export the Underscore object for **Node.js** and **"CommonJS"**, with
|
||||
// backwards-compatibility for the old `require()` API. If we're not in
|
||||
// CommonJS, add `_` to the global object.
|
||||
if (typeof exports !== 'undefined') {
|
||||
if (typeof module !== 'undefined' && module.exports) {
|
||||
exports = module.exports = _;
|
||||
}
|
||||
exports._ = _;
|
||||
} else if (typeof define === 'function' && define.amd) {
|
||||
// Register as a named module with AMD.
|
||||
define('underscore', function() {
|
||||
return _;
|
||||
});
|
||||
} else {
|
||||
// Exported as a string, for Closure Compiler "advanced" mode.
|
||||
root['_'] = _;
|
||||
}
|
||||
|
||||
// Current version.
|
||||
_.VERSION = '1.2.2';
|
||||
|
||||
// Collection Functions
|
||||
// --------------------
|
||||
|
||||
// The cornerstone, an `each` implementation, aka `forEach`.
|
||||
// Handles objects with the built-in `forEach`, arrays, and raw objects.
|
||||
// Delegates to **ECMAScript 5**'s native `forEach` if available.
|
||||
var each = _.each = _.forEach = function(obj, iterator, context) {
|
||||
if (obj == null) return;
|
||||
if (nativeForEach && obj.forEach === nativeForEach) {
|
||||
obj.forEach(iterator, context);
|
||||
} else if (obj.length === +obj.length) {
|
||||
for (var i = 0, l = obj.length; i < l; i++) {
|
||||
if (i in obj && iterator.call(context, obj[i], i, obj) === breaker) return;
|
||||
}
|
||||
} else {
|
||||
for (var key in obj) {
|
||||
if (hasOwnProperty.call(obj, key)) {
|
||||
if (iterator.call(context, obj[key], key, obj) === breaker) return;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Return the results of applying the iterator to each element.
|
||||
// Delegates to **ECMAScript 5**'s native `map` if available.
|
||||
_.map = function(obj, iterator, context) {
|
||||
var results = [];
|
||||
if (obj == null) return results;
|
||||
if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context);
|
||||
each(obj, function(value, index, list) {
|
||||
results[results.length] = iterator.call(context, value, index, list);
|
||||
});
|
||||
return results;
|
||||
};
|
||||
|
||||
// **Reduce** builds up a single result from a list of values, aka `inject`,
|
||||
// or `foldl`. Delegates to **ECMAScript 5**'s native `reduce` if available.
|
||||
_.reduce = _.foldl = _.inject = function(obj, iterator, memo, context) {
|
||||
var initial = memo !== void 0;
|
||||
if (obj == null) obj = [];
|
||||
if (nativeReduce && obj.reduce === nativeReduce) {
|
||||
if (context) iterator = _.bind(iterator, context);
|
||||
return initial ? obj.reduce(iterator, memo) : obj.reduce(iterator);
|
||||
}
|
||||
each(obj, function(value, index, list) {
|
||||
if (!initial) {
|
||||
memo = value;
|
||||
initial = true;
|
||||
} else {
|
||||
memo = iterator.call(context, memo, value, index, list);
|
||||
}
|
||||
});
|
||||
if (!initial) throw new TypeError("Reduce of empty array with no initial value");
|
||||
return memo;
|
||||
};
|
||||
|
||||
// The right-associative version of reduce, also known as `foldr`.
|
||||
// Delegates to **ECMAScript 5**'s native `reduceRight` if available.
|
||||
_.reduceRight = _.foldr = function(obj, iterator, memo, context) {
|
||||
if (obj == null) obj = [];
|
||||
if (nativeReduceRight && obj.reduceRight === nativeReduceRight) {
|
||||
if (context) iterator = _.bind(iterator, context);
|
||||
return memo !== void 0 ? obj.reduceRight(iterator, memo) : obj.reduceRight(iterator);
|
||||
}
|
||||
var reversed = (_.isArray(obj) ? obj.slice() : _.toArray(obj)).reverse();
|
||||
return _.reduce(reversed, iterator, memo, context);
|
||||
};
|
||||
|
||||
// Return the first value which passes a truth test. Aliased as `detect`.
|
||||
_.find = _.detect = function(obj, iterator, context) {
|
||||
var result;
|
||||
any(obj, function(value, index, list) {
|
||||
if (iterator.call(context, value, index, list)) {
|
||||
result = value;
|
||||
return true;
|
||||
}
|
||||
});
|
||||
return result;
|
||||
};
|
||||
|
||||
// Return all the elements that pass a truth test.
|
||||
// Delegates to **ECMAScript 5**'s native `filter` if available.
|
||||
// Aliased as `select`.
|
||||
_.filter = _.select = function(obj, iterator, context) {
|
||||
var results = [];
|
||||
if (obj == null) return results;
|
||||
if (nativeFilter && obj.filter === nativeFilter) return obj.filter(iterator, context);
|
||||
each(obj, function(value, index, list) {
|
||||
if (iterator.call(context, value, index, list)) results[results.length] = value;
|
||||
});
|
||||
return results;
|
||||
};
|
||||
|
||||
// Return all the elements for which a truth test fails.
|
||||
_.reject = function(obj, iterator, context) {
|
||||
var results = [];
|
||||
if (obj == null) return results;
|
||||
each(obj, function(value, index, list) {
|
||||
if (!iterator.call(context, value, index, list)) results[results.length] = value;
|
||||
});
|
||||
return results;
|
||||
};
|
||||
|
||||
// Determine whether all of the elements match a truth test.
|
||||
// Delegates to **ECMAScript 5**'s native `every` if available.
|
||||
// Aliased as `all`.
|
||||
_.every = _.all = function(obj, iterator, context) {
|
||||
var result = true;
|
||||
if (obj == null) return result;
|
||||
if (nativeEvery && obj.every === nativeEvery) return obj.every(iterator, context);
|
||||
each(obj, function(value, index, list) {
|
||||
if (!(result = result && iterator.call(context, value, index, list))) return breaker;
|
||||
});
|
||||
return result;
|
||||
};
|
||||
|
||||
// Determine if at least one element in the object matches a truth test.
|
||||
// Delegates to **ECMAScript 5**'s native `some` if available.
|
||||
// Aliased as `any`.
|
||||
var any = _.some = _.any = function(obj, iterator, context) {
|
||||
iterator = iterator || _.identity;
|
||||
var result = false;
|
||||
if (obj == null) return result;
|
||||
if (nativeSome && obj.some === nativeSome) return obj.some(iterator, context);
|
||||
each(obj, function(value, index, list) {
|
||||
if (result || (result = iterator.call(context, value, index, list))) return breaker;
|
||||
});
|
||||
return !!result;
|
||||
};
|
||||
|
||||
// Determine if a given value is included in the array or object using `===`.
|
||||
// Aliased as `contains`.
|
||||
_.include = _.contains = function(obj, target) {
|
||||
var found = false;
|
||||
if (obj == null) return found;
|
||||
if (nativeIndexOf && obj.indexOf === nativeIndexOf) return obj.indexOf(target) != -1;
|
||||
found = any(obj, function(value) {
|
||||
return value === target;
|
||||
});
|
||||
return found;
|
||||
};
|
||||
|
||||
// Invoke a method (with arguments) on every item in a collection.
|
||||
_.invoke = function(obj, method) {
|
||||
var args = slice.call(arguments, 2);
|
||||
return _.map(obj, function(value) {
|
||||
return (method.call ? method || value : value[method]).apply(value, args);
|
||||
});
|
||||
};
|
||||
|
||||
// Convenience version of a common use case of `map`: fetching a property.
|
||||
_.pluck = function(obj, key) {
|
||||
return _.map(obj, function(value){ return value[key]; });
|
||||
};
|
||||
|
||||
// Return the maximum element or (element-based computation).
|
||||
_.max = function(obj, iterator, context) {
|
||||
if (!iterator && _.isArray(obj)) return Math.max.apply(Math, obj);
|
||||
if (!iterator && _.isEmpty(obj)) return -Infinity;
|
||||
var result = {computed : -Infinity};
|
||||
each(obj, function(value, index, list) {
|
||||
var computed = iterator ? iterator.call(context, value, index, list) : value;
|
||||
computed >= result.computed && (result = {value : value, computed : computed});
|
||||
});
|
||||
return result.value;
|
||||
};
|
||||
|
||||
// Return the minimum element (or element-based computation).
|
||||
_.min = function(obj, iterator, context) {
|
||||
if (!iterator && _.isArray(obj)) return Math.min.apply(Math, obj);
|
||||
if (!iterator && _.isEmpty(obj)) return Infinity;
|
||||
var result = {computed : Infinity};
|
||||
each(obj, function(value, index, list) {
|
||||
var computed = iterator ? iterator.call(context, value, index, list) : value;
|
||||
computed < result.computed && (result = {value : value, computed : computed});
|
||||
});
|
||||
return result.value;
|
||||
};
|
||||
|
||||
// Shuffle an array.
|
||||
_.shuffle = function(obj) {
|
||||
var shuffled = [], rand;
|
||||
each(obj, function(value, index, list) {
|
||||
if (index == 0) {
|
||||
shuffled[0] = value;
|
||||
} else {
|
||||
rand = Math.floor(Math.random() * (index + 1));
|
||||
shuffled[index] = shuffled[rand];
|
||||
shuffled[rand] = value;
|
||||
}
|
||||
});
|
||||
return shuffled;
|
||||
};
|
||||
|
||||
// Sort the object's values by a criterion produced by an iterator.
|
||||
_.sortBy = function(obj, iterator, context) {
|
||||
return _.pluck(_.map(obj, function(value, index, list) {
|
||||
return {
|
||||
value : value,
|
||||
criteria : iterator.call(context, value, index, list)
|
||||
};
|
||||
}).sort(function(left, right) {
|
||||
var a = left.criteria, b = right.criteria;
|
||||
return a < b ? -1 : a > b ? 1 : 0;
|
||||
}), 'value');
|
||||
};
|
||||
|
||||
// Groups the object's values by a criterion. Pass either a string attribute
|
||||
// to group by, or a function that returns the criterion.
|
||||
_.groupBy = function(obj, val) {
|
||||
var result = {};
|
||||
var iterator = _.isFunction(val) ? val : function(obj) { return obj[val]; };
|
||||
each(obj, function(value, index) {
|
||||
var key = iterator(value, index);
|
||||
(result[key] || (result[key] = [])).push(value);
|
||||
});
|
||||
return result;
|
||||
};
|
||||
|
||||
// Use a comparator function to figure out at what index an object should
|
||||
// be inserted so as to maintain order. Uses binary search.
|
||||
_.sortedIndex = function(array, obj, iterator) {
|
||||
iterator || (iterator = _.identity);
|
||||
var low = 0, high = array.length;
|
||||
while (low < high) {
|
||||
var mid = (low + high) >> 1;
|
||||
iterator(array[mid]) < iterator(obj) ? low = mid + 1 : high = mid;
|
||||
}
|
||||
return low;
|
||||
};
|
||||
|
||||
// Safely convert anything iterable into a real, live array.
|
||||
_.toArray = function(iterable) {
|
||||
if (!iterable) return [];
|
||||
if (iterable.toArray) return iterable.toArray();
|
||||
if (_.isArray(iterable)) return slice.call(iterable);
|
||||
if (_.isArguments(iterable)) return slice.call(iterable);
|
||||
return _.values(iterable);
|
||||
};
|
||||
|
||||
// Return the number of elements in an object.
|
||||
_.size = function(obj) {
|
||||
return _.toArray(obj).length;
|
||||
};
|
||||
|
||||
// Array Functions
|
||||
// ---------------
|
||||
|
||||
// Get the first element of an array. Passing **n** will return the first N
|
||||
// values in the array. Aliased as `head`. The **guard** check allows it to work
|
||||
// with `_.map`.
|
||||
_.first = _.head = function(array, n, guard) {
|
||||
return (n != null) && !guard ? slice.call(array, 0, n) : array[0];
|
||||
};
|
||||
|
||||
// Returns everything but the last entry of the array. Especcialy useful on
|
||||
// the arguments object. Passing **n** will return all the values in
|
||||
// the array, excluding the last N. The **guard** check allows it to work with
|
||||
// `_.map`.
|
||||
_.initial = function(array, n, guard) {
|
||||
return slice.call(array, 0, array.length - ((n == null) || guard ? 1 : n));
|
||||
};
|
||||
|
||||
// Get the last element of an array. Passing **n** will return the last N
|
||||
// values in the array. The **guard** check allows it to work with `_.map`.
|
||||
_.last = function(array, n, guard) {
|
||||
if ((n != null) && !guard) {
|
||||
return slice.call(array, Math.max(array.length - n, 0));
|
||||
} else {
|
||||
return array[array.length - 1];
|
||||
}
|
||||
};
|
||||
|
||||
// Returns everything but the first entry of the array. Aliased as `tail`.
|
||||
// Especially useful on the arguments object. Passing an **index** will return
|
||||
// the rest of the values in the array from that index onward. The **guard**
|
||||
// check allows it to work with `_.map`.
|
||||
_.rest = _.tail = function(array, index, guard) {
|
||||
return slice.call(array, (index == null) || guard ? 1 : index);
|
||||
};
|
||||
|
||||
// Trim out all falsy values from an array.
|
||||
_.compact = function(array) {
|
||||
return _.filter(array, function(value){ return !!value; });
|
||||
};
|
||||
|
||||
// Return a completely flattened version of an array.
|
||||
_.flatten = function(array, shallow) {
|
||||
return _.reduce(array, function(memo, value) {
|
||||
if (_.isArray(value)) return memo.concat(shallow ? value : _.flatten(value));
|
||||
memo[memo.length] = value;
|
||||
return memo;
|
||||
}, []);
|
||||
};
|
||||
|
||||
// Return a version of the array that does not contain the specified value(s).
|
||||
_.without = function(array) {
|
||||
return _.difference(array, slice.call(arguments, 1));
|
||||
};
|
||||
|
||||
// Produce a duplicate-free version of the array. If the array has already
|
||||
// been sorted, you have the option of using a faster algorithm.
|
||||
// Aliased as `unique`.
|
||||
_.uniq = _.unique = function(array, isSorted, iterator) {
|
||||
var initial = iterator ? _.map(array, iterator) : array;
|
||||
var result = [];
|
||||
_.reduce(initial, function(memo, el, i) {
|
||||
if (0 == i || (isSorted === true ? _.last(memo) != el : !_.include(memo, el))) {
|
||||
memo[memo.length] = el;
|
||||
result[result.length] = array[i];
|
||||
}
|
||||
return memo;
|
||||
}, []);
|
||||
return result;
|
||||
};
|
||||
|
||||
// Produce an array that contains the union: each distinct element from all of
|
||||
// the passed-in arrays.
|
||||
_.union = function() {
|
||||
return _.uniq(_.flatten(arguments, true));
|
||||
};
|
||||
|
||||
// Produce an array that contains every item shared between all the
|
||||
// passed-in arrays. (Aliased as "intersect" for back-compat.)
|
||||
_.intersection = _.intersect = function(array) {
|
||||
var rest = slice.call(arguments, 1);
|
||||
return _.filter(_.uniq(array), function(item) {
|
||||
return _.every(rest, function(other) {
|
||||
return _.indexOf(other, item) >= 0;
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
// Take the difference between one array and another.
|
||||
// Only the elements present in just the first array will remain.
|
||||
_.difference = function(array, other) {
|
||||
return _.filter(array, function(value){ return !_.include(other, value); });
|
||||
};
|
||||
|
||||
// Zip together multiple lists into a single array -- elements that share
|
||||
// an index go together.
|
||||
_.zip = function() {
|
||||
var args = slice.call(arguments);
|
||||
var length = _.max(_.pluck(args, 'length'));
|
||||
var results = new Array(length);
|
||||
for (var i = 0; i < length; i++) results[i] = _.pluck(args, "" + i);
|
||||
return results;
|
||||
};
|
||||
|
||||
// If the browser doesn't supply us with indexOf (I'm looking at you, **MSIE**),
|
||||
// we need this function. Return the position of the first occurrence of an
|
||||
// item in an array, or -1 if the item is not included in the array.
|
||||
// Delegates to **ECMAScript 5**'s native `indexOf` if available.
|
||||
// If the array is large and already in sort order, pass `true`
|
||||
// for **isSorted** to use binary search.
|
||||
_.indexOf = function(array, item, isSorted) {
|
||||
if (array == null) return -1;
|
||||
var i, l;
|
||||
if (isSorted) {
|
||||
i = _.sortedIndex(array, item);
|
||||
return array[i] === item ? i : -1;
|
||||
}
|
||||
if (nativeIndexOf && array.indexOf === nativeIndexOf) return array.indexOf(item);
|
||||
for (i = 0, l = array.length; i < l; i++) if (array[i] === item) return i;
|
||||
return -1;
|
||||
};
|
||||
|
||||
// Delegates to **ECMAScript 5**'s native `lastIndexOf` if available.
|
||||
_.lastIndexOf = function(array, item) {
|
||||
if (array == null) return -1;
|
||||
if (nativeLastIndexOf && array.lastIndexOf === nativeLastIndexOf) return array.lastIndexOf(item);
|
||||
var i = array.length;
|
||||
while (i--) if (array[i] === item) return i;
|
||||
return -1;
|
||||
};
|
||||
|
||||
// Generate an integer Array containing an arithmetic progression. A port of
|
||||
// the native Python `range()` function. See
|
||||
// [the Python documentation](http://docs.python.org/library/functions.html#range).
|
||||
_.range = function(start, stop, step) {
|
||||
if (arguments.length <= 1) {
|
||||
stop = start || 0;
|
||||
start = 0;
|
||||
}
|
||||
step = arguments[2] || 1;
|
||||
|
||||
var len = Math.max(Math.ceil((stop - start) / step), 0);
|
||||
var idx = 0;
|
||||
var range = new Array(len);
|
||||
|
||||
while(idx < len) {
|
||||
range[idx++] = start;
|
||||
start += step;
|
||||
}
|
||||
|
||||
return range;
|
||||
};
|
||||
|
||||
// Function (ahem) Functions
|
||||
// ------------------
|
||||
|
||||
// Reusable constructor function for prototype setting.
|
||||
var ctor = function(){};
|
||||
|
||||
// Create a function bound to a given object (assigning `this`, and arguments,
|
||||
// optionally). Binding with arguments is also known as `curry`.
|
||||
// Delegates to **ECMAScript 5**'s native `Function.bind` if available.
|
||||
// We check for `func.bind` first, to fail fast when `func` is undefined.
|
||||
_.bind = function bind(func, context) {
|
||||
var bound, args;
|
||||
if (func.bind === nativeBind && nativeBind) return nativeBind.apply(func, slice.call(arguments, 1));
|
||||
if (!_.isFunction(func)) throw new TypeError;
|
||||
args = slice.call(arguments, 2);
|
||||
return bound = function() {
|
||||
if (!(this instanceof bound)) return func.apply(context, args.concat(slice.call(arguments)));
|
||||
ctor.prototype = func.prototype;
|
||||
var self = new ctor;
|
||||
var result = func.apply(self, args.concat(slice.call(arguments)));
|
||||
if (Object(result) === result) return result;
|
||||
return self;
|
||||
};
|
||||
};
|
||||
|
||||
// Bind all of an object's methods to that object. Useful for ensuring that
|
||||
// all callbacks defined on an object belong to it.
|
||||
_.bindAll = function(obj) {
|
||||
var funcs = slice.call(arguments, 1);
|
||||
if (funcs.length == 0) funcs = _.functions(obj);
|
||||
each(funcs, function(f) { obj[f] = _.bind(obj[f], obj); });
|
||||
return obj;
|
||||
};
|
||||
|
||||
// Memoize an expensive function by storing its results.
|
||||
_.memoize = function(func, hasher) {
|
||||
var memo = {};
|
||||
hasher || (hasher = _.identity);
|
||||
return function() {
|
||||
var key = hasher.apply(this, arguments);
|
||||
return hasOwnProperty.call(memo, key) ? memo[key] : (memo[key] = func.apply(this, arguments));
|
||||
};
|
||||
};
|
||||
|
||||
// Delays a function for the given number of milliseconds, and then calls
|
||||
// it with the arguments supplied.
|
||||
_.delay = function(func, wait) {
|
||||
var args = slice.call(arguments, 2);
|
||||
return setTimeout(function(){ return func.apply(func, args); }, wait);
|
||||
};
|
||||
|
||||
// Defers a function, scheduling it to run after the current call stack has
|
||||
// cleared.
|
||||
_.defer = function(func) {
|
||||
return _.delay.apply(_, [func, 1].concat(slice.call(arguments, 1)));
|
||||
};
|
||||
|
||||
// Returns a function, that, when invoked, will only be triggered at most once
|
||||
// during a given window of time.
|
||||
_.throttle = function(func, wait) {
|
||||
var context, args, timeout, throttling, more;
|
||||
var whenDone = _.debounce(function(){ more = throttling = false; }, wait);
|
||||
return function() {
|
||||
context = this; args = arguments;
|
||||
var later = function() {
|
||||
timeout = null;
|
||||
if (more) func.apply(context, args);
|
||||
whenDone();
|
||||
};
|
||||
if (!timeout) timeout = setTimeout(later, wait);
|
||||
if (throttling) {
|
||||
more = true;
|
||||
} else {
|
||||
func.apply(context, args);
|
||||
}
|
||||
whenDone();
|
||||
throttling = true;
|
||||
};
|
||||
};
|
||||
|
||||
// Returns a function, that, as long as it continues to be invoked, will not
|
||||
// be triggered. The function will be called after it stops being called for
|
||||
// N milliseconds.
|
||||
_.debounce = function(func, wait) {
|
||||
var timeout;
|
||||
return function() {
|
||||
var context = this, args = arguments;
|
||||
var later = function() {
|
||||
timeout = null;
|
||||
func.apply(context, args);
|
||||
};
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(later, wait);
|
||||
};
|
||||
};
|
||||
|
||||
// Returns a function that will be executed at most one time, no matter how
|
||||
// often you call it. Useful for lazy initialization.
|
||||
_.once = function(func) {
|
||||
var ran = false, memo;
|
||||
return function() {
|
||||
if (ran) return memo;
|
||||
ran = true;
|
||||
return memo = func.apply(this, arguments);
|
||||
};
|
||||
};
|
||||
|
||||
// Returns the first function passed as an argument to the second,
|
||||
// allowing you to adjust arguments, run code before and after, and
|
||||
// conditionally execute the original function.
|
||||
_.wrap = function(func, wrapper) {
|
||||
return function() {
|
||||
var args = [func].concat(slice.call(arguments));
|
||||
return wrapper.apply(this, args);
|
||||
};
|
||||
};
|
||||
|
||||
// Returns a function that is the composition of a list of functions, each
|
||||
// consuming the return value of the function that follows.
|
||||
_.compose = function() {
|
||||
var funcs = slice.call(arguments);
|
||||
return function() {
|
||||
var args = slice.call(arguments);
|
||||
for (var i = funcs.length - 1; i >= 0; i--) {
|
||||
args = [funcs[i].apply(this, args)];
|
||||
}
|
||||
return args[0];
|
||||
};
|
||||
};
|
||||
|
||||
// Returns a function that will only be executed after being called N times.
|
||||
_.after = function(times, func) {
|
||||
if (times <= 0) return func();
|
||||
return function() {
|
||||
if (--times < 1) { return func.apply(this, arguments); }
|
||||
};
|
||||
};
|
||||
|
||||
// Object Functions
|
||||
// ----------------
|
||||
|
||||
// Retrieve the names of an object's properties.
|
||||
// Delegates to **ECMAScript 5**'s native `Object.keys`
|
||||
_.keys = nativeKeys || function(obj) {
|
||||
if (obj !== Object(obj)) throw new TypeError('Invalid object');
|
||||
var keys = [];
|
||||
for (var key in obj) if (hasOwnProperty.call(obj, key)) keys[keys.length] = key;
|
||||
return keys;
|
||||
};
|
||||
|
||||
// Retrieve the values of an object's properties.
|
||||
_.values = function(obj) {
|
||||
return _.map(obj, _.identity);
|
||||
};
|
||||
|
||||
// Return a sorted list of the function names available on the object.
|
||||
// Aliased as `methods`
|
||||
_.functions = _.methods = function(obj) {
|
||||
var names = [];
|
||||
for (var key in obj) {
|
||||
if (_.isFunction(obj[key])) names.push(key);
|
||||
}
|
||||
return names.sort();
|
||||
};
|
||||
|
||||
// Extend a given object with all the properties in passed-in object(s).
|
||||
_.extend = function(obj) {
|
||||
each(slice.call(arguments, 1), function(source) {
|
||||
for (var prop in source) {
|
||||
if (source[prop] !== void 0) obj[prop] = source[prop];
|
||||
}
|
||||
});
|
||||
return obj;
|
||||
};
|
||||
|
||||
// Fill in a given object with default properties.
|
||||
_.defaults = function(obj) {
|
||||
each(slice.call(arguments, 1), function(source) {
|
||||
for (var prop in source) {
|
||||
if (obj[prop] == null) obj[prop] = source[prop];
|
||||
}
|
||||
});
|
||||
return obj;
|
||||
};
|
||||
|
||||
// Create a (shallow-cloned) duplicate of an object.
|
||||
_.clone = function(obj) {
|
||||
if (!_.isObject(obj)) return obj;
|
||||
return _.isArray(obj) ? obj.slice() : _.extend({}, obj);
|
||||
};
|
||||
|
||||
// Invokes interceptor with the obj, and then returns obj.
|
||||
// The primary purpose of this method is to "tap into" a method chain, in
|
||||
// order to perform operations on intermediate results within the chain.
|
||||
_.tap = function(obj, interceptor) {
|
||||
interceptor(obj);
|
||||
return obj;
|
||||
};
|
||||
|
||||
// Internal recursive comparison function.
|
||||
function eq(a, b, stack) {
|
||||
// Identical objects are equal. `0 === -0`, but they aren't identical.
|
||||
// See the Harmony `egal` proposal: http://wiki.ecmascript.org/doku.php?id=harmony:egal.
|
||||
if (a === b) return a !== 0 || 1 / a == 1 / b;
|
||||
// A strict comparison is necessary because `null == undefined`.
|
||||
if (a == null || b == null) return a === b;
|
||||
// Unwrap any wrapped objects.
|
||||
if (a._chain) a = a._wrapped;
|
||||
if (b._chain) b = b._wrapped;
|
||||
// Invoke a custom `isEqual` method if one is provided.
|
||||
if (_.isFunction(a.isEqual)) return a.isEqual(b);
|
||||
if (_.isFunction(b.isEqual)) return b.isEqual(a);
|
||||
// Compare `[[Class]]` names.
|
||||
var className = toString.call(a);
|
||||
if (className != toString.call(b)) return false;
|
||||
switch (className) {
|
||||
// Strings, numbers, dates, and booleans are compared by value.
|
||||
case '[object String]':
|
||||
// Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is
|
||||
// equivalent to `new String("5")`.
|
||||
return String(a) == String(b);
|
||||
case '[object Number]':
|
||||
a = +a;
|
||||
b = +b;
|
||||
// `NaN`s are equivalent, but non-reflexive. An `egal` comparison is performed for
|
||||
// other numeric values.
|
||||
return a != a ? b != b : (a == 0 ? 1 / a == 1 / b : a == b);
|
||||
case '[object Date]':
|
||||
case '[object Boolean]':
|
||||
// Coerce dates and booleans to numeric primitive values. Dates are compared by their
|
||||
// millisecond representations. Note that invalid dates with millisecond representations
|
||||
// of `NaN` are not equivalent.
|
||||
return +a == +b;
|
||||
// RegExps are compared by their source patterns and flags.
|
||||
case '[object RegExp]':
|
||||
return a.source == b.source &&
|
||||
a.global == b.global &&
|
||||
a.multiline == b.multiline &&
|
||||
a.ignoreCase == b.ignoreCase;
|
||||
}
|
||||
if (typeof a != 'object' || typeof b != 'object') return false;
|
||||
// Assume equality for cyclic structures. The algorithm for detecting cyclic
|
||||
// structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.
|
||||
var length = stack.length;
|
||||
while (length--) {
|
||||
// Linear search. Performance is inversely proportional to the number of
|
||||
// unique nested structures.
|
||||
if (stack[length] == a) return true;
|
||||
}
|
||||
// Add the first object to the stack of traversed objects.
|
||||
stack.push(a);
|
||||
var size = 0, result = true;
|
||||
// Recursively compare objects and arrays.
|
||||
if (className == '[object Array]') {
|
||||
// Compare array lengths to determine if a deep comparison is necessary.
|
||||
size = a.length;
|
||||
result = size == b.length;
|
||||
if (result) {
|
||||
// Deep compare the contents, ignoring non-numeric properties.
|
||||
while (size--) {
|
||||
// Ensure commutative equality for sparse arrays.
|
||||
if (!(result = size in a == size in b && eq(a[size], b[size], stack))) break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// Objects with different constructors are not equivalent.
|
||||
if ("constructor" in a != "constructor" in b || a.constructor != b.constructor) return false;
|
||||
// Deep compare objects.
|
||||
for (var key in a) {
|
||||
if (hasOwnProperty.call(a, key)) {
|
||||
// Count the expected number of properties.
|
||||
size++;
|
||||
// Deep compare each member.
|
||||
if (!(result = hasOwnProperty.call(b, key) && eq(a[key], b[key], stack))) break;
|
||||
}
|
||||
}
|
||||
// Ensure that both objects contain the same number of properties.
|
||||
if (result) {
|
||||
for (key in b) {
|
||||
if (hasOwnProperty.call(b, key) && !(size--)) break;
|
||||
}
|
||||
result = !size;
|
||||
}
|
||||
}
|
||||
// Remove the first object from the stack of traversed objects.
|
||||
stack.pop();
|
||||
return result;
|
||||
}
|
||||
|
||||
// Perform a deep comparison to check if two objects are equal.
|
||||
_.isEqual = function(a, b) {
|
||||
return eq(a, b, []);
|
||||
};
|
||||
|
||||
// Is a given array, string, or object empty?
|
||||
// An "empty" object has no enumerable own-properties.
|
||||
_.isEmpty = function(obj) {
|
||||
if (_.isArray(obj) || _.isString(obj)) return obj.length === 0;
|
||||
for (var key in obj) if (hasOwnProperty.call(obj, key)) return false;
|
||||
return true;
|
||||
};
|
||||
|
||||
// Is a given value a DOM element?
|
||||
_.isElement = function(obj) {
|
||||
return !!(obj && obj.nodeType == 1);
|
||||
};
|
||||
|
||||
// Is a given value an array?
|
||||
// Delegates to ECMA5's native Array.isArray
|
||||
_.isArray = nativeIsArray || function(obj) {
|
||||
return toString.call(obj) == '[object Array]';
|
||||
};
|
||||
|
||||
// Is a given variable an object?
|
||||
_.isObject = function(obj) {
|
||||
return obj === Object(obj);
|
||||
};
|
||||
|
||||
// Is a given variable an arguments object?
|
||||
if (toString.call(arguments) == '[object Arguments]') {
|
||||
_.isArguments = function(obj) {
|
||||
return toString.call(obj) == '[object Arguments]';
|
||||
};
|
||||
} else {
|
||||
_.isArguments = function(obj) {
|
||||
return !!(obj && hasOwnProperty.call(obj, 'callee'));
|
||||
};
|
||||
}
|
||||
|
||||
// Is a given value a function?
|
||||
_.isFunction = function(obj) {
|
||||
return toString.call(obj) == '[object Function]';
|
||||
};
|
||||
|
||||
// Is a given value a string?
|
||||
_.isString = function(obj) {
|
||||
return toString.call(obj) == '[object String]';
|
||||
};
|
||||
|
||||
// Is a given value a number?
|
||||
_.isNumber = function(obj) {
|
||||
return toString.call(obj) == '[object Number]';
|
||||
};
|
||||
|
||||
// Is the given value `NaN`?
|
||||
_.isNaN = function(obj) {
|
||||
// `NaN` is the only value for which `===` is not reflexive.
|
||||
return obj !== obj;
|
||||
};
|
||||
|
||||
// Is a given value a boolean?
|
||||
_.isBoolean = function(obj) {
|
||||
return obj === true || obj === false || toString.call(obj) == '[object Boolean]';
|
||||
};
|
||||
|
||||
// Is a given value a date?
|
||||
_.isDate = function(obj) {
|
||||
return toString.call(obj) == '[object Date]';
|
||||
};
|
||||
|
||||
// Is the given value a regular expression?
|
||||
_.isRegExp = function(obj) {
|
||||
return toString.call(obj) == '[object RegExp]';
|
||||
};
|
||||
|
||||
// Is a given value equal to null?
|
||||
_.isNull = function(obj) {
|
||||
return obj === null;
|
||||
};
|
||||
|
||||
// Is a given variable undefined?
|
||||
_.isUndefined = function(obj) {
|
||||
return obj === void 0;
|
||||
};
|
||||
|
||||
// Utility Functions
|
||||
// -----------------
|
||||
|
||||
// Run Underscore.js in *noConflict* mode, returning the `_` variable to its
|
||||
// previous owner. Returns a reference to the Underscore object.
|
||||
_.noConflict = function() {
|
||||
root._ = previousUnderscore;
|
||||
return this;
|
||||
};
|
||||
|
||||
// Keep the identity function around for default iterators.
|
||||
_.identity = function(value) {
|
||||
return value;
|
||||
};
|
||||
|
||||
// Run a function **n** times.
|
||||
_.times = function (n, iterator, context) {
|
||||
for (var i = 0; i < n; i++) iterator.call(context, i);
|
||||
};
|
||||
|
||||
// Escape a string for HTML interpolation.
|
||||
_.escape = function(string) {
|
||||
return (''+string).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, ''').replace(/\//g,'/');
|
||||
};
|
||||
|
||||
// Add your own custom functions to the Underscore object, ensuring that
|
||||
// they're correctly added to the OOP wrapper as well.
|
||||
_.mixin = function(obj) {
|
||||
each(_.functions(obj), function(name){
|
||||
addToWrapper(name, _[name] = obj[name]);
|
||||
});
|
||||
};
|
||||
|
||||
// Generate a unique integer id (unique within the entire client session).
|
||||
// Useful for temporary DOM ids.
|
||||
var idCounter = 0;
|
||||
_.uniqueId = function(prefix) {
|
||||
var id = idCounter++;
|
||||
return prefix ? prefix + id : id;
|
||||
};
|
||||
|
||||
// By default, Underscore uses ERB-style template delimiters, change the
|
||||
// following template settings to use alternative delimiters.
|
||||
_.templateSettings = {
|
||||
evaluate : /<%([\s\S]+?)%>/g,
|
||||
interpolate : /<%=([\s\S]+?)%>/g,
|
||||
escape : /<%-([\s\S]+?)%>/g
|
||||
};
|
||||
|
||||
// JavaScript micro-templating, similar to John Resig's implementation.
|
||||
// Underscore templating handles arbitrary delimiters, preserves whitespace,
|
||||
// and correctly escapes quotes within interpolated code.
|
||||
_.template = function(str, data) {
|
||||
var c = _.templateSettings;
|
||||
var tmpl = 'var __p=[],print=function(){__p.push.apply(__p,arguments);};' +
|
||||
'with(obj||{}){__p.push(\'' +
|
||||
str.replace(/\\/g, '\\\\')
|
||||
.replace(/'/g, "\\'")
|
||||
.replace(c.escape, function(match, code) {
|
||||
return "',_.escape(" + code.replace(/\\'/g, "'") + "),'";
|
||||
})
|
||||
.replace(c.interpolate, function(match, code) {
|
||||
return "'," + code.replace(/\\'/g, "'") + ",'";
|
||||
})
|
||||
.replace(c.evaluate || null, function(match, code) {
|
||||
return "');" + code.replace(/\\'/g, "'")
|
||||
.replace(/[\r\n\t]/g, ' ') + ";__p.push('";
|
||||
})
|
||||
.replace(/\r/g, '\\r')
|
||||
.replace(/\n/g, '\\n')
|
||||
.replace(/\t/g, '\\t')
|
||||
+ "');}return __p.join('');";
|
||||
var func = new Function('obj', '_', tmpl);
|
||||
return data ? func(data, _) : function(data) { return func(data, _) };
|
||||
};
|
||||
|
||||
// The OOP Wrapper
|
||||
// ---------------
|
||||
|
||||
// If Underscore is called as a function, it returns a wrapped object that
|
||||
// can be used OO-style. This wrapper holds altered versions of all the
|
||||
// underscore functions. Wrapped objects may be chained.
|
||||
var wrapper = function(obj) { this._wrapped = obj; };
|
||||
|
||||
// Expose `wrapper.prototype` as `_.prototype`
|
||||
_.prototype = wrapper.prototype;
|
||||
|
||||
// Helper function to continue chaining intermediate results.
|
||||
var result = function(obj, chain) {
|
||||
return chain ? _(obj).chain() : obj;
|
||||
};
|
||||
|
||||
// A method to easily add functions to the OOP wrapper.
|
||||
var addToWrapper = function(name, func) {
|
||||
wrapper.prototype[name] = function() {
|
||||
var args = slice.call(arguments);
|
||||
unshift.call(args, this._wrapped);
|
||||
return result(func.apply(_, args), this._chain);
|
||||
};
|
||||
};
|
||||
|
||||
// Add all of the Underscore functions to the wrapper object.
|
||||
_.mixin(_);
|
||||
|
||||
// Add all mutator Array functions to the wrapper.
|
||||
each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) {
|
||||
var method = ArrayProto[name];
|
||||
wrapper.prototype[name] = function() {
|
||||
method.apply(this._wrapped, arguments);
|
||||
return result(this._wrapped, this._chain);
|
||||
};
|
||||
});
|
||||
|
||||
// Add all accessor Array functions to the wrapper.
|
||||
each(['concat', 'join', 'slice'], function(name) {
|
||||
var method = ArrayProto[name];
|
||||
wrapper.prototype[name] = function() {
|
||||
return result(method.apply(this._wrapped, arguments), this._chain);
|
||||
};
|
||||
});
|
||||
|
||||
// Start chaining a wrapped Underscore object.
|
||||
wrapper.prototype.chain = function() {
|
||||
this._chain = true;
|
||||
return this;
|
||||
};
|
||||
|
||||
// Extracts the result from a wrapped and chained object.
|
||||
wrapper.prototype.value = function() {
|
||||
return this._wrapped;
|
||||
};
|
||||
|
||||
}).call(this);
|
||||
98
libs/common/beetsplug/web/templates/index.html
Normal file
98
libs/common/beetsplug/web/templates/index.html
Normal file
|
|
@ -0,0 +1,98 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>beets</title>
|
||||
|
||||
<link rel="stylesheet"
|
||||
href="{{ url_for('static', filename='beets.css') }}" type="text/css">
|
||||
|
||||
<script src="{{ url_for('static', filename='jquery.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='underscore.js') }}">
|
||||
</script>
|
||||
<script src="{{ url_for('static', filename='backbone.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='beets.js') }}"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<h1>beets</h1>
|
||||
<div id="player">
|
||||
<audio></audio>
|
||||
|
||||
<button class="disabled">▶</button>
|
||||
<button class="play">▶</button>
|
||||
<button class="pause" style="letter-spacing: 1px;">❙❙</button>
|
||||
|
||||
<span class="times">
|
||||
<span class="currentTime">
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="entities">
|
||||
<form id="queryForm">
|
||||
<input type="search" id="query" placeholder="Query">
|
||||
</form>
|
||||
<ul id="results">
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="main-detail">
|
||||
</div>
|
||||
|
||||
<div id="extra-detail">
|
||||
</div>
|
||||
|
||||
<!-- Templates. -->
|
||||
<script type="text/template" id="item-entry-template">
|
||||
<%= title %>
|
||||
<span class="playing">▶</span>
|
||||
</script>
|
||||
<script type="text/template" id="item-main-detail-template">
|
||||
<span class="artist"><%= artist %></span>
|
||||
<span class="album">
|
||||
<span class="albumtitle"><%= album %></span>
|
||||
<span class="year">(<%= year %>)</span>
|
||||
</span>
|
||||
<span class="title"><%= title %></span>
|
||||
|
||||
<button class="play">▶</button>
|
||||
|
||||
|
||||
</script>
|
||||
<script type="text/template" id="item-extra-detail-template">
|
||||
<dl>
|
||||
<dt>Track</dt>
|
||||
<dd><%= track %>/<%= tracktotal %></dd>
|
||||
<% if (disc) { %>
|
||||
<dt>Disc</dt>
|
||||
<dd><%= disc %>/<%= disctotal %></dd>
|
||||
<% } %>
|
||||
<dt>Length</dt>
|
||||
<dd><%= timeFormat(length) %></dd>
|
||||
<dt>Format</dt>
|
||||
<dd><%= format %></dd>
|
||||
<dt>Bitrate</dt>
|
||||
<dd><%= Math.round(bitrate/1000) %> kbps</dd>
|
||||
<% if (mb_trackid) { %>
|
||||
<dt>MusicBrainz entry</dt>
|
||||
<dd>
|
||||
<a target="_blank" href="http://musicbrainz.org/recording/<%= mb_trackid %>">view</a>
|
||||
</dd>
|
||||
<% } %>
|
||||
<dt>File</dt>
|
||||
<dd>
|
||||
<a target="_blank" class="download" href="item/<%= id %>/file">download</a>
|
||||
</dd>
|
||||
<% if (lyrics) { %>
|
||||
<dt>Lyrics</dt>
|
||||
<dd class="lyrics"><%= lyrics %></dd>
|
||||
<% } %>
|
||||
<% if (comments) { %>
|
||||
<dt>Comments</dt>
|
||||
<dd><%= comments %></dd>
|
||||
<% } %>
|
||||
</dl>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue