Răsfoiți Sursa

Code cleanup

9and3r 11 ani în urmă
părinte
comite
433ac14704

+ 4 - 2
mopidy_touchscreen/__init__.py

@@ -3,11 +3,12 @@ from __future__ import unicode_literals
 import logging
 import os
 
-
 from mopidy import config, ext
+
 from .touch_screen import TouchScreen
 from .touch_screen_backend import TouchScreenBackend
 
+
 __version__ = '0.1.0'
 
 # TODO: If you need to log, use loggers named after the current Python module
@@ -15,7 +16,6 @@ logger = logging.getLogger(__name__)
 
 
 class Extension(ext.Extension):
-
     dist_name = 'Mopidy-Touchscreen'
     ext_name = 'touchscreen'
     version = __version__
@@ -35,4 +35,6 @@ class Extension(ext.Extension):
 
     def setup(self, registry):
         registry.add('frontend', TouchScreen)
+
+        #Backend used for controling volume
         registry.add('backend', TouchScreenBackend)

+ 2 - 2
mopidy_touchscreen/dynamic_background.py

@@ -5,7 +5,6 @@ logger = logging.getLogger(__name__)
 
 
 class DynamicBackground():
-
     def __init__(self):
         self.current = get_valid_color()
         self.target = get_valid_color()
@@ -23,7 +22,8 @@ class DynamicBackground():
             self.target = get_valid_color()
         surface.fill(self.current)
 
-#Returns an array with 3 integers in range of 0-255
+
+# Returns an array with 3 integers in range of 0-255
 #The sum of the three integers will be lower than 255*2 (510) to avoid very bright colors
 #White text should be seen ok with this background color
 

+ 581 - 577
mopidy_touchscreen/fonts/icomoon/demo.html

@@ -1,585 +1,589 @@
 <!doctype html>
 <html>
 <head>
-	<meta charset="utf-8">
-	<title>IcoMoon Demo</title>
-	<meta name="description" content="An Icon Font Generated By IcoMoon.io">
-	<meta name="viewport" content="width=device-width">
-	<link rel="stylesheet" href="demo-files/demo.css">
-	<link rel="stylesheet" href="style.css"></head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css">
+</head>
 <body>
-	<div class="bgc1 clearfix">
-		<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;42)</small></h1>
-	</div>
-	<div class="clearfix mhl ptl">
-		<h1 class="mvm mtn bshadow fgc1">Grid Size: 16</h1>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-music"></span><span class="mls"> icon-music</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e600" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe600;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-headphones"></span><span class="mls"> icon-headphones</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e601" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe601;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-connection"></span><span class="mls"> icon-connection</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e602" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe602;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-book"></span><span class="mls"> icon-book</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e603" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe603;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-books"></span><span class="mls"> icon-books</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e604" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe604;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-file"></span><span class="mls"> icon-file</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e605" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe605;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-folder"></span><span class="mls"> icon-folder</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e606" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe606;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-folder-open"></span><span class="mls"> icon-folder-open</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e607" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe607;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-cabinet"></span><span class="mls"> icon-cabinet</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e608" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe608;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-spinner"></span><span class="mls"> icon-spinner</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e609" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe609;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-cog"></span><span class="mls"> icon-cog</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e60a" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe60a;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-switch"></span><span class="mls"> icon-switch</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e60b" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe60b;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-list"></span><span class="mls"> icon-list</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e60c" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe60c;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-list2"></span><span class="mls"> icon-list2</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e60d" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe60d;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-numbered-list"></span><span class="mls"> icon-numbered-list</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e60e" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe60e;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-menu"></span><span class="mls"> icon-menu</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e60f" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe60f;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-spam"></span><span class="mls"> icon-spam</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e610" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe610;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-close"></span><span class="mls"> icon-close</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e611" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe611;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-checkmark"></span><span class="mls"> icon-checkmark</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e612" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe612;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-minus"></span><span class="mls"> icon-minus</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e613" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe613;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-plus"></span><span class="mls"> icon-plus</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e614" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe614;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-play"></span><span class="mls"> icon-play</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e615" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe615;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-pause"></span><span class="mls"> icon-pause</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e616" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe616;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-stop"></span><span class="mls"> icon-stop</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e617" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe617;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-backward"></span><span class="mls"> icon-backward</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e618" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe618;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-forward"></span><span class="mls"> icon-forward</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e619" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe619;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-first"></span><span class="mls"> icon-first</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e61a" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe61a;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-last"></span><span class="mls"> icon-last</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e61b" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe61b;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-previous"></span><span class="mls"> icon-previous</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e61c" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe61c;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-next"></span><span class="mls"> icon-next</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e61d" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe61d;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-eject"></span><span class="mls"> icon-eject</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e61e" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe61e;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-volume-high"></span><span class="mls"> icon-volume-high</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e61f" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe61f;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-volume-medium"></span><span class="mls"> icon-volume-medium</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e620" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe620;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-volume-low"></span><span class="mls"> icon-volume-low</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e621" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe621;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-volume-mute"></span><span class="mls"> icon-volume-mute</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e622" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe622;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-volume-mute2"></span><span class="mls"> icon-volume-mute2</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e623" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe623;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-volume-increase"></span><span class="mls"> icon-volume-increase</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e624" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe624;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-volume-decrease"></span><span class="mls"> icon-volume-decrease</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e625" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe625;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-loop"></span><span class="mls"> icon-loop</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e626" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe626;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-loop2"></span><span class="mls"> icon-loop2</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e627" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe627;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-loop3"></span><span class="mls"> icon-loop3</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e628" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe628;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-		<div class="glyph fs1">
-			<div class="clearfix bshadow0 pbs">
-				<span class="icon-shuffle"></span><span class="mls"> icon-shuffle</span>
-			</div>
-			<fieldset class="fs0 size1of1 clearfix hidden-false">
-				<input type="text" readonly value="e629" class="unit size1of2" />
-				<input type="text" maxlength="1" readonly value="&#xe629;" class="unitRight size1of2 talign-right" />
-			</fieldset>
-			<div class="fs0 bshadow0 clearfix hidden-true">
-				<span class="unit pvs fgc1">liga: </span>
-				<input type="text" readonly value="" class="liga unitRight" />
-			</div>
-		</div>
-	</div>
+<div class="bgc1 clearfix">
+    <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon
+        <small class="fgc1">(Glyphs:&nbsp;42)</small>
+    </h1>
+</div>
+<div class="clearfix mhl ptl">
+<h1 class="mvm mtn bshadow fgc1">Grid Size: 16</h1>
 
-	<!--[if gt IE 8]><!-->
-	<div class="mhl clearfix mbl">
-		<h1>Font Test Drive</h1>
-		<label>
-			Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
-			min="8" value="48" />
-			px
-		</label>
-		<input id="testText" type="text" class="phl size1of1 mvl"
-		placeholder="Type some text to test..." value=""/>
-		</label>
-		<div id="testDrive" class="icon-">&nbsp;
-		</div>
-	</div>
-	<!--<![endif]-->
-	<div class="bgc1 clearfix">
-		<p class="mhl">Generated by <a href="http://icomoon.io/app">IcoMoon</a></p>
-	</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-music"></span><span class="mls"> icon-music</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e600" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe600;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-headphones"></span><span class="mls"> icon-headphones</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e601" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe601;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-connection"></span><span class="mls"> icon-connection</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e602" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe602;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-book"></span><span class="mls"> icon-book</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e603" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe603;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-books"></span><span class="mls"> icon-books</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e604" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe604;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-file"></span><span class="mls"> icon-file</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e605" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe605;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-folder"></span><span class="mls"> icon-folder</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e606" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe606;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-folder-open"></span><span class="mls"> icon-folder-open</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e607" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe607;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-cabinet"></span><span class="mls"> icon-cabinet</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e608" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe608;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-spinner"></span><span class="mls"> icon-spinner</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e609" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe609;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-cog"></span><span class="mls"> icon-cog</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e60a" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe60a;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-switch"></span><span class="mls"> icon-switch</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e60b" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe60b;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-list"></span><span class="mls"> icon-list</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e60c" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe60c;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-list2"></span><span class="mls"> icon-list2</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e60d" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe60d;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-numbered-list"></span><span class="mls"> icon-numbered-list</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e60e" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe60e;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-menu"></span><span class="mls"> icon-menu</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e60f" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe60f;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-spam"></span><span class="mls"> icon-spam</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e610" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe610;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-close"></span><span class="mls"> icon-close</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e611" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe611;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-checkmark"></span><span class="mls"> icon-checkmark</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e612" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe612;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-minus"></span><span class="mls"> icon-minus</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e613" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe613;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-plus"></span><span class="mls"> icon-plus</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e614" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe614;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-play"></span><span class="mls"> icon-play</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e615" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe615;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-pause"></span><span class="mls"> icon-pause</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e616" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe616;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-stop"></span><span class="mls"> icon-stop</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e617" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe617;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-backward"></span><span class="mls"> icon-backward</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e618" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe618;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-forward"></span><span class="mls"> icon-forward</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e619" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe619;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-first"></span><span class="mls"> icon-first</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e61a" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe61a;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-last"></span><span class="mls"> icon-last</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e61b" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe61b;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-previous"></span><span class="mls"> icon-previous</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e61c" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe61c;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-next"></span><span class="mls"> icon-next</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e61d" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe61d;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-eject"></span><span class="mls"> icon-eject</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e61e" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe61e;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-volume-high"></span><span class="mls"> icon-volume-high</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e61f" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe61f;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-volume-medium"></span><span class="mls"> icon-volume-medium</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e620" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe620;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-volume-low"></span><span class="mls"> icon-volume-low</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e621" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe621;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-volume-mute"></span><span class="mls"> icon-volume-mute</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e622" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe622;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-volume-mute2"></span><span class="mls"> icon-volume-mute2</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e623" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe623;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-volume-increase"></span><span class="mls"> icon-volume-increase</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e624" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe624;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-volume-decrease"></span><span class="mls"> icon-volume-decrease</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e625" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe625;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-loop"></span><span class="mls"> icon-loop</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e626" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe626;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-loop2"></span><span class="mls"> icon-loop2</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e627" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe627;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-loop3"></span><span class="mls"> icon-loop3</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e628" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe628;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+<div class="glyph fs1">
+    <div class="clearfix bshadow0 pbs">
+        <span class="icon-shuffle"></span><span class="mls"> icon-shuffle</span>
+    </div>
+    <fieldset class="fs0 size1of1 clearfix hidden-false">
+        <input type="text" readonly value="e629" class="unit size1of2"/>
+        <input type="text" maxlength="1" readonly value="&#xe629;" class="unitRight size1of2 talign-right"/>
+    </fieldset>
+    <div class="fs0 bshadow0 clearfix hidden-true">
+        <span class="unit pvs fgc1">liga: </span>
+        <input type="text" readonly value="" class="liga unitRight"/>
+    </div>
+</div>
+</div>
 
-	<script src="demo-files/demo.js"></script>
+<!--[if gt IE 8]><!-->
+<div class="mhl clearfix mbl">
+    <h1>Font Test Drive</h1>
+    <label>
+        Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+                          min="8" value="48"/>
+        px
+    </label>
+    <input id="testText" type="text" class="phl size1of1 mvl"
+           placeholder="Type some text to test..." value=""/>
+    </label>
+    <div id="testDrive" class="icon-">&nbsp;
+    </div>
+</div>
+<!--<![endif]-->
+<div class="bgc1 clearfix">
+    <p class="mhl">Generated by <a href="http://icomoon.io/app">IcoMoon</a></p>
+</div>
+
+<script src="demo-files/demo.js"></script>
 </body>
 </html>

+ 15 - 11
mopidy_touchscreen/library_screen.py

@@ -1,18 +1,21 @@
-from .list_view import ListView
-from .touch_manager import TouchManager
 import logging
+
 import mopidy.models
 
+from .list_view import ListView
+from .touch_manager import TouchManager
+
+
 logger = logging.getLogger(__name__)
 
 
 class LibraryScreen():
-
     def __init__(self, size, base_size, manager):
         self.size = size
         self.base_size = base_size
         self.manager = manager
-        self.list_view = ListView((0,self.base_size),(self.size[0],self.size[1]-2*self.base_size), self.base_size, manager.fonts)
+        self.list_view = ListView((0, self.base_size), (self.size[0], self.size[1] - 2 * self.base_size),
+                                  self.base_size, manager.fonts['base'])
         self.directory_list = []
         self.current_directory = None
         self.library = None
@@ -50,7 +53,7 @@ class LibraryScreen():
                     if clicked == 0:
                         self.go_up_directory()
                     else:
-                        self.play_uri(self.library[clicked-1].uri, False)
+                        self.play_uri(self.library[clicked - 1].uri, False)
                 else:
                     self.play_uri(self.library[clicked].uri, False)
             else:
@@ -58,10 +61,10 @@ class LibraryScreen():
                     if clicked == 0:
                         self.go_up_directory()
                     else:
-                        if self.library[clicked-1].type == mopidy.models.Ref.TRACK:
-                            self.play_uri(self.library[clicked-1].uri, True)
+                        if self.library[clicked - 1].type == mopidy.models.Ref.TRACK:
+                            self.play_uri(self.library[clicked - 1].uri, True)
                         else:
-                            self.go_inside_directory(self.library[clicked-1].uri)
+                            self.go_inside_directory(self.library[clicked - 1].uri)
                 else:
                     if self.library[clicked].type == mopidy.models.Track:
                         self.play_uri(self.library[clicked].uri, True)
@@ -72,7 +75,8 @@ class LibraryScreen():
         self.manager.core.tracklist.clear()
         if track:
             self.manager.core.tracklist.add(uri=uri)
+            self.manager.core.playback.play()
         else:
-            logger.error(uri)
-            self.manager.core.tracklist.add(tracks=self.manager.core.library.search(query={'any':'*'}, uris=[uri]).get()[0].tracks)
-        self.manager.core.playback.play()
+            #TODO: add folder to tracks to play
+            pass
+

+ 12 - 9
mopidy_touchscreen/list_view.py

@@ -1,40 +1,38 @@
-from .screen_objects import ScreenObjectsManager
-import logging
-import pygame
 from .touch_manager import TouchManager
-from .touch_manager import TouchEvent
 from .screen_objects import *
 
 logger = logging.getLogger(__name__)
 
 
 class ListView():
-
-    def __init__(self, pos, size, base_size, fonts):
+    def __init__(self, pos, size, base_size, font):
         self.size = size
         self.pos = pos
         self.base_size = base_size
         self.screen_objects = ScreenObjectsManager()
         self.max_rows = self.size[1] / self.base_size
         self.current_item = 0
-        self.fonts = fonts
+        self.font = font
         self.list_size = 0
         self.list = []
         self.scrollbar = False
         self.set_list([])
         self.selected = []
 
+    #Sets the list for the lisview. It should be an iterable of strings
     def set_list(self, item_list):
         self.list = item_list
         self.list_size = len(item_list)
         if self.max_rows < self.list_size:
             self.scrollbar = True
-            scroll_bar = ScrollBar((self.pos[0]+self.size[0]-self.base_size,self.pos[1]), (self.base_size, self.size[1]),self.list_size,self.max_rows)
+            scroll_bar = ScrollBar((self.pos[0] + self.size[0] - self.base_size, self.pos[1]),
+                                   (self.base_size, self.size[1]), self.list_size, self.max_rows)
             self.screen_objects.set_touch_object("scrollbar", scroll_bar)
         else:
             self.scrollbar = False
         self.load_new_item_position(0)
 
+    #Will load items currently displaying in item_pos
     def load_new_item_position(self, item_pos):
         self.current_item = item_pos
         if self.scrollbar:
@@ -48,7 +46,8 @@ class ListView():
         else:
             width = self.size[0]
         while i < self.list_size and z < self.max_rows:
-            item = TouchAndTextItem(self.fonts['base'], self.list[i], (self.pos[0], self.pos[1]+self.base_size*z), (width, -1))
+            item = TouchAndTextItem(self.font, self.list[i], (self.pos[0], self.pos[1] + self.base_size * z),
+                                    (width, -1))
             self.screen_objects.set_touch_object(str(i), item)
             i += 1
             z += 1
@@ -73,6 +72,9 @@ class ListView():
             elif touch_event.direction == TouchManager.down:
                 self.move_to(1)
 
+    #Scroll to direction
+    #direction == 1 will scroll down
+    #direction == -1 will scroll up
     def move_to(self, direction):
         if self.scrollbar:
             if direction == 1:
@@ -89,6 +91,7 @@ class ListView():
                 self.screen_objects.get_touch_object("scrollbar").set_item(self.current_item)
             self.set_selected(self.selected)
 
+    #Set selected items
     def set_selected(self, selected):
         for number in self.selected:
             try:

+ 19 - 11
mopidy_touchscreen/main_screen.py

@@ -5,6 +5,7 @@ from threading import Thread
 import urllib
 import urllib2
 import json
+
 from .touch_manager import TouchManager
 from .screen_objects import *
 
@@ -34,8 +35,11 @@ class MainScreen():
         if self.track is not None:
             if self.image is not None:
                 screen.blit(self.image, (self.base_size / 2, self.base_size + self.base_size / 2))
-            self.touch_text_manager.get_touch_object("time_progress").set_value(self.core.playback.time_position.get() / 1000)
-            self.touch_text_manager.get_touch_object("time_progress").set_text(time.strftime('%M:%S', time.gmtime(self.core.playback.time_position.get() / 1000)) + "/" + time.strftime('%M:%S', time.gmtime(self.track.length / 1000)))
+            self.touch_text_manager.get_touch_object("time_progress").set_value(
+                self.core.playback.time_position.get() / 1000)
+            self.touch_text_manager.get_touch_object("time_progress").set_text(time.strftime('%M:%S', time.gmtime(
+                self.core.playback.time_position.get() / 1000)) + "/" + time.strftime('%M:%S', time.gmtime(
+                self.track.length / 1000)))
         self.touch_text_manager.render(screen)
         return screen
 
@@ -49,12 +53,14 @@ class MainScreen():
         for artist in track.artists:
             self.artists.append(artist)
 
-        #Track name
-        label = TextItem(self.fonts['base'], MainScreen.get_track_name(track), (x, self.base_size * 2), (width, self.size[1]))
+        # Track name
+        label = TextItem(self.fonts['base'], MainScreen.get_track_name(track), (x, self.base_size * 2),
+                         (width, self.size[1]))
         self.touch_text_manager.set_object("track_name", label)
 
         #Album name
-        label = TextItem(self.fonts['base'], MainScreen.get_track_album_name(track), (x, self.base_size * 3), (width, self.size[1]))
+        label = TextItem(self.fonts['base'], MainScreen.get_track_album_name(track), (x, self.base_size * 3),
+                         (width, self.size[1]))
         self.touch_text_manager.set_object("album_name", label)
 
         #Artist
@@ -129,11 +135,13 @@ class MainScreen():
             # There is no cover so it will use all the screen size for the text
             width = self.size[0] - self.base_size
 
-            current = TextItem(self.fonts['base'], MainScreen.get_track_name(self.track), (self.base_size / 2, self.base_size * 2),
+            current = TextItem(self.fonts['base'], MainScreen.get_track_name(self.track),
+                               (self.base_size / 2, self.base_size * 2),
                                (width, -1))
             self.touch_text_manager.set_object("track_name", current)
 
-            current = TextItem(self.fonts['base'], MainScreen.get_track_album_name(self.track), (self.base_size / 2, self.base_size * 3),
+            current = TextItem(self.fonts['base'], MainScreen.get_track_album_name(self.track),
+                               (self.base_size / 2, self.base_size * 3),
                                (width, -1))
             self.touch_text_manager.set_object("album_name", current)
 
@@ -149,15 +157,15 @@ class MainScreen():
         width = self.size[0] - self.base_size
 
         current = TextItem(self.fonts['base'], "Stopped", (self.base_size / 2, self.base_size * 2),
-                               (width, -1))
+                           (width, -1))
         self.touch_text_manager.set_object("track_name", current)
 
         current = TextItem(self.fonts['base'], "", (self.base_size / 2, self.base_size * 3),
-                               (width, -1))
+                           (width, -1))
         self.touch_text_manager.set_object("album_name", current)
 
         current = TextItem(self.fonts['base'], "", (self.base_size / 2, self.base_size * 4),
-                               (width, -1))
+                           (width, -1))
         self.touch_text_manager.set_object("artist_name", current)
 
     def load_image(self):
@@ -204,7 +212,7 @@ class MainScreen():
 
     @staticmethod
     def get_track_album_name(track):
-        if track.album is not None and track.album.name is not None and len(track.album.name)>0:
+        if track.album is not None and track.album.name is not None and len(track.album.name) > 0:
             return track.album.name
         else:
             return "Unknow Album"

+ 19 - 12
mopidy_touchscreen/menu_screen.py

@@ -1,12 +1,12 @@
-from .list_view import ListView
-from .screen_objects import *
-import mopidy
 import os
 import socket
 
+import mopidy
+
+from .screen_objects import *
 
-class MenuScreen():
 
+class MenuScreen():
     def __init__(self, size, base_size, manager):
         self.size = size
         self.base_size = base_size
@@ -14,22 +14,25 @@ class MenuScreen():
         self.ip = None
         self.screen_objects = ScreenObjectsManager()
 
-        #Exit mopidy button
+        # Exit mopidy button
         button = TouchAndTextItem(self.manager.fonts['icon'], u"\ue611", (0, self.base_size), None)
         self.screen_objects.set_touch_object("exit_icon", button)
-        button = TouchAndTextItem(self.manager.fonts['base'], "Exit Mopidy", (button.get_right_pos(), self.base_size), None)
+        button = TouchAndTextItem(self.manager.fonts['base'], "Exit Mopidy", (button.get_right_pos(), self.base_size),
+                                  None)
         self.screen_objects.set_touch_object("exit", button)
 
         #Shutdown button
         button = TouchAndTextItem(self.manager.fonts['icon'], u"\ue60b", (0, self.base_size * 2), None)
         self.screen_objects.set_touch_object("shutdown_icon", button)
-        button = TouchAndTextItem(self.manager.fonts['base'], "Shutdown", (button.get_right_pos(), self.base_size * 2), None)
+        button = TouchAndTextItem(self.manager.fonts['base'], "Shutdown", (button.get_right_pos(), self.base_size * 2),
+                                  None)
         self.screen_objects.set_touch_object("shutdown", button)
 
         #Restart button
         button = TouchAndTextItem(self.manager.fonts['icon'], u"\ue609", (0, self.base_size * 3), None)
         self.screen_objects.set_touch_object("restart_icon", button)
-        button = TouchAndTextItem(self.manager.fonts['base'], "Restart", (button.get_right_pos(), self.base_size * 3), None)
+        button = TouchAndTextItem(self.manager.fonts['base'], "Restart", (button.get_right_pos(), self.base_size * 3),
+                                  None)
         self.screen_objects.set_touch_object("restart", button)
 
         #IP addres
@@ -40,22 +43,26 @@ class MenuScreen():
         #self.list_view.set_list(["Exit mopidy", "Shutdown", "Restart"])
 
 
-
     def update(self, screen):
         self.screen_objects.render(screen)
-        #self.list_view.render(screen)
+        # self.list_view.render(screen)
 
     def touch_event(self, touch_event):
-        #clicked = self.list_view.touch_event(touch_event)
+        # clicked = self.list_view.touch_event(touch_event)
         clicked = self.screen_objects.get_touch_objects_in_pos(touch_event.current_pos)
         for key in clicked:
             if key == "exit_icon" or key == "exit":
                 mopidy.utils.process.exit_process()
             elif key == "shutdown_icon" or key == "shutdown":
-                os.system("shutdown now -h")
+                if os.system("gksu -- shutdown now -h") != 0:
+                    os.system("shutdown now -h")
+            elif key == "restart_icon" or key == "restart":
+                if os.system("gksu -- shutdown -r now") != 0:
+                    os.system("shutdown -r now")
             elif key == "ip":
                 self.check_connection()
 
+    #Will check internet connection
     def check_connection(self):
         try:
             self.manager.set_connection(False, True)

+ 2 - 2
mopidy_touchscreen/playlist_screen.py

@@ -2,12 +2,12 @@ from .list_view import ListView
 
 
 class PlaylistScreen():
-
     def __init__(self, size, base_size, manager):
         self.size = size
         self.base_size = base_size
         self.manager = manager
-        self.list_view = ListView((0,self.base_size),(self.size[0],self.size[1]-2*self.base_size), self.base_size, manager.fonts)
+        self.list_view = ListView((0, self.base_size), (self.size[0], self.size[1] - 2 * self.base_size),
+                                  self.base_size, manager.fonts['base'])
         self.playlists_strings = []
         self.playlists = []
         self.playlists_loaded()

+ 15 - 12
mopidy_touchscreen/screen_manager.py

@@ -1,3 +1,10 @@
+import logging
+import traceback
+import os
+import pygame
+
+import mopidy
+
 from .main_screen import MainScreen
 from .touch_manager import TouchManager
 from .screen_objects import *
@@ -5,12 +12,8 @@ from .tracklist import Tracklist
 from .playlist_screen import PlaylistScreen
 from .dynamic_background import DynamicBackground
 from .library_screen import LibraryScreen
-import logging
-import mopidy
-import traceback
-import os
 from .menu_screen import MenuScreen
-import pygame
+
 
 logger = logging.getLogger(__name__)
 
@@ -24,7 +27,7 @@ class ScreenManager():
         self.background = DynamicBackground()
         self.current_screen = 0
         self.base_size = self.size[1] / 8
-        font = os.path.join(os.path.dirname(os.path.realpath(__file__)),"fonts","icomoon","fonts", "icomoon.ttf")
+        font = os.path.join(os.path.dirname(os.path.realpath(__file__)), "fonts", "icomoon", "fonts", "icomoon.ttf")
         self.fonts['base'] = pygame.font.SysFont("verdana", self.base_size)
         self.fonts['icon'] = pygame.font.Font(font, self.base_size)
         try:
@@ -43,7 +46,7 @@ class ScreenManager():
         self.top_bar = pygame.Surface((self.size[0], self.base_size), pygame.SRCALPHA)
         self.top_bar.fill((0, 0, 0, 128))
 
-        #Play/pause
+        # Play/pause
         button = TouchAndTextItem(self.fonts['icon'], u"\ue615 ", (0, 0), None)
         self.screen_objects_manager.set_touch_object("pause_play", button)
         x = button.get_right_pos()
@@ -80,7 +83,7 @@ class ScreenManager():
 
         #Menu buttons
 
-        button_size = (self.size[0]/5, self.base_size)
+        button_size = (self.size[0] / 5, self.base_size)
 
         #Main button
         button = TouchAndTextItem(self.fonts['icon'], u" \ue600", (0, self.base_size * 7), button_size)
@@ -206,9 +209,9 @@ class ScreenManager():
         self.screen_objects_manager.get_touch_object("single").set_active(self.core.tracklist.single.get())
 
     def change_screen(self, new_screen):
-        self.screen_objects_manager.get_touch_object("menu_"+str(self.current_screen)).set_active(False)
+        self.screen_objects_manager.get_touch_object("menu_" + str(self.current_screen)).set_active(False)
         self.current_screen = new_screen
-        self.screen_objects_manager.get_touch_object("menu_"+str(new_screen)).set_active(True)
+        self.screen_objects_manager.get_touch_object("menu_" + str(new_screen)).set_active(True)
 
     def playlists_loaded(self):
         self.screens[3].playlists_loaded()
@@ -216,10 +219,10 @@ class ScreenManager():
     def set_connection(self, connection, loading):
         internet = self.screen_objects_manager.get_touch_object("internet")
         if loading:
-            internet.set_text(u"\ue627",None)
+            internet.set_text(u"\ue627", None)
             internet.set_active(False)
         else:
-            internet.set_text(u"\ue602",None)
+            internet.set_text(u"\ue602", None)
             internet.set_active(connection)
 
 

+ 6 - 13
mopidy_touchscreen/screen_objects.py

@@ -6,7 +6,6 @@ logger = logging.getLogger(__name__)
 
 
 class ScreenObjectsManager():
-
     def __init__(self):
         self.touch_objects = {}
         self.text_objects = {}
@@ -49,7 +48,6 @@ class ScreenObjectsManager():
 
 
 class BaseItem():
-
     def __init__(self, pos, size):
         self.pos = pos
         self.size = size
@@ -64,7 +62,6 @@ class BaseItem():
 
 
 class TextItem(BaseItem):
-
     def __init__(self, font, text, pos, size):
         self.font = font
         self.text = text
@@ -126,7 +123,6 @@ class TextItem(BaseItem):
 
 
 class TouchObject(BaseItem):
-
     def __init__(self, pos, size):
         BaseItem.__init__(self, pos, size)
         self.active = False
@@ -139,7 +135,6 @@ class TouchObject(BaseItem):
 
 
 class TouchAndTextItem(TouchObject, TextItem):
-
     def __init__(self, font, text, pos, size):
         TextItem.__init__(self, font, text, pos, size)
         TouchObject.__init__(self, pos, self.size)
@@ -162,14 +157,13 @@ class TouchAndTextItem(TouchObject, TextItem):
             else:
                 self.box = self.font.render(self.text, True, self.color)
         if self.active:
-            #Area h*2 to render letters like g, j, y...
+            # Area h*2 to render letters like g, j, y...
             surface.blit(self.active_box, self.pos, area=self.rect)
         else:
             surface.blit(self.box, self.pos, area=self.rect)
 
 
 class Progressbar(TouchObject):
-
     def __init__(self, font, text, pos, size, max_value, value_text):
         BaseItem.__init__(self, pos, size)
         self.value = 0
@@ -212,9 +206,8 @@ class Progressbar(TouchObject):
 
 
 class ScrollBar(TouchObject):
-
     def __init__(self, pos, size, max_value, items_on_screen):
-        BaseItem.__init__(self, pos, (pos[0]+size[0], pos[1]+size[1]))
+        BaseItem.__init__(self, pos, (pos[0] + size[0], pos[1] + size[1]))
         self.pos = pos
         self.size = size
         self.max = max_value
@@ -226,16 +219,16 @@ class ScrollBar(TouchObject):
         if self.max < 1:
             self.bar_size = self.size[1]
         else:
-            self.bar_size = math.ceil(float(self.items_on_screen)/float(self.max) * float(self.size[1]))
+            self.bar_size = math.ceil(float(self.items_on_screen) / float(self.max) * float(self.size[1]))
         self.bar = pygame.Surface((self.size[0], self.bar_size))
         self.bar.fill((255, 255, 255))
 
     def render(self, surface):
         surface.blit(self.back_bar, self.pos)
-        surface.blit(self.bar, (self.pos[0], self.pos[1]+self.bar_pos))
+        surface.blit(self.bar, (self.pos[0], self.pos[1] + self.bar_pos))
 
     def touch(self, pos):
-        if pos[1] < self.pos[1]+self.bar_pos:
+        if pos[1] < self.pos[1] + self.bar_pos:
             return -1
         elif pos[1] > self.pos[1] + self.bar_pos + self.bar_size:
             return 1
@@ -244,4 +237,4 @@ class ScrollBar(TouchObject):
 
     def set_item(self, current_item):
         self.current_item = current_item
-        self.bar_pos = float(self.current_item)/float(self.max) * float(self.size[1])
+        self.bar_pos = float(self.current_item) / float(self.max) * float(self.size[1])

+ 0 - 3
mopidy_touchscreen/touch_manager.py

@@ -6,7 +6,6 @@ logger = logging.getLogger(__name__)
 
 
 class TouchManager():
-
     click = 1
     swipe = 2
     long_click = 3
@@ -56,7 +55,6 @@ class TouchManager():
         self.down_time = time.time()
 
     def mouse_up(self, event):
-        logger.error(event.button)
         self.up_pos = event.pos
         if abs(self.down_pos[0] - self.up_pos[0]) < self.max_move_margin:
             if abs(self.down_pos[1] - self.up_pos[1]) < self.max_move_margin:
@@ -72,7 +70,6 @@ class TouchManager():
 
 
 class TouchEvent():
-
     def __init__(self, event_type, down_pos, current_pos, vertical):
         self.type = event_type
         self.down_pos = down_pos

+ 6 - 7
mopidy_touchscreen/touch_screen.py

@@ -3,20 +3,19 @@ import traceback
 import logging
 from threading import Thread
 import pygame
-from .screen_manager import ScreenManager
 
 from mopidy import core
 
+from .screen_manager import ScreenManager
+
 
 logger = logging.getLogger(__name__)
 
 
 class TouchScreen(pykka.ThreadingActor, core.CoreListener):
-
     def __init__(self, config, core):
         super(TouchScreen, self).__init__()
         self.backend = pykka.ActorRegistry.get_by_class_name("TouchScreenBackend")[0]
-        logger.error(self.backend)
         self.core = core
         self.running = False
         self.screen_size = (config['touchscreen']['screen_width'], config['touchscreen']['screen_height'])
@@ -24,7 +23,7 @@ class TouchScreen(pykka.ThreadingActor, core.CoreListener):
         self.fullscreen = config['touchscreen']['fullscreen']
         pygame.init()
         pygame.mouse.set_visible(config['touchscreen']['cursor'])
-        self.screen_manager = ScreenManager(self.screen_size,self.core, self.backend, self.cache_dir)
+        self.screen_manager = ScreenManager(self.screen_size, self.core, self.backend, self.cache_dir)
 
     def start_thread(self):
         clock = pygame.time.Clock()
@@ -65,7 +64,7 @@ class TouchScreen(pykka.ThreadingActor, core.CoreListener):
     def volume_changed(self, volume):
         self.screen_manager.volume_changed(volume)
 
-    def playback_state_changed(self,old_state, new_state):
+    def playback_state_changed(self, old_state, new_state):
         self.screen_manager.playback_state_changed(old_state, new_state)
 
     def tracklist_changed(self):
@@ -78,9 +77,9 @@ class TouchScreen(pykka.ThreadingActor, core.CoreListener):
         self.screen_manager.track_playback_ended(tl_track, time_position)
 
     def options_changed(self):
-         try:
+        try:
             self.screen_manager.options_changed()
-         except:
+        except:
             traceback.print_exc()
 
     def playlists_loaded(self):

+ 4 - 3
mopidy_touchscreen/touch_screen_backend.py

@@ -1,15 +1,16 @@
 import pykka
-from mopidy import backend
 import logging
 
+from mopidy import backend
+
+
 logger = logging.getLogger(__name__)
 
-class TouchScreenBackend(pykka.ThreadingActor, backend.Backend):
 
+class TouchScreenBackend(pykka.ThreadingActor, backend.Backend):
     def __init__(self, config, audio):
         super(TouchScreenBackend, self).__init__()
         self.audio = audio
-        logger.error("backend funciona")
 
     def on_receive(self, message):
         action = message['action']

+ 3 - 2
mopidy_touchscreen/tracklist.py

@@ -1,13 +1,14 @@
 from .list_view import ListView
 from .main_screen import MainScreen
 
-class Tracklist():
 
+class Tracklist():
     def __init__(self, size, base_size, manager):
         self.size = size
         self.base_size = base_size
         self.manager = manager
-        self.list_view = ListView((0, self.base_size),(self.size[0],self.size[1]-2*self.base_size), self.base_size, manager.fonts)
+        self.list_view = ListView((0, self.base_size), (self.size[0], self.size[1] - 2 * self.base_size),
+                                  self.base_size, manager.fonts['base'])
         self.tracks = []
         self.tracks_strings = []
         self.update_list()