| %d. %s | (%02d:%02d) |
';
94 | } else {
95 | return '';
96 | }
97 | }
98 |
99 | ## external functions:
100 |
101 | sub create_print_layout {
102 | my ( $oids, $template, $config, $httpd, $dbh ) = @_;
103 | my $content;
104 | my $oid_map = $dbh->selectall_hashref( "SELECT * FROM script_codes", 'script' );
105 | my $controls = format_controls( $oid_map, $httpd, $dbh );
106 | foreach my $oid ( @{$oids} ) {
107 | if ($oid) {
108 | my $album = get_album_online( $oid, $httpd, $dbh );
109 | if ( !$album->{'gme_file'} ) {
110 | $album = get_album_online( make_gme( $oid, $config, $dbh ), $httpd, $dbh );
111 | $oid_map = $dbh->selectall_hashref( "SELECT * FROM script_codes", 'script' );
112 |
113 | }
114 | $album->{'track_list'} = format_tracks( $album, $oid_map, $httpd, $dbh );
115 | $album->{'play_controls'} = $controls;
116 | $album->{'main_oid_image'} = format_main_oid( $oid, $oid_map, $httpd, $dbh );
117 | $album->{'formatted_cover'} = format_cover($album);
118 | $content .= $template->fill_in( HASH => $album );
119 | }
120 | }
121 |
122 | #add general controls:
123 | $content .= '';
124 | $content .= '
';
144 | return $content;
145 | }
146 |
147 | sub create_pdf {
148 | my ( $port, $library_path ) = @_;
149 | my $wkhtmltopdf_command = get_executable_path('wkhtmltopdf');
150 | $library_path = $library_path ? $library_path : get_default_library_path();
151 | if ($wkhtmltopdf_command) {
152 | my $pdf_file = file( $library_path, 'print.pdf' );
153 | my $args = "-B 0.5in -T 0.5in -L 0.5in -R 0.5in http://localhost:$port/pdf \"$pdf_file\"";
154 | my $fullCmd = "$wkhtmltopdf_command $args";
155 | print "$fullCmd\n";
156 | if ( $^O =~ /MSWin/ ) {
157 | my $child_pid;
158 | my $child_proc;
159 | require Win32::Process;
160 | Win32::Process::Create( $child_proc, $wkhtmltopdf_command, $fullCmd, 0, 0, "." )
161 | || error "Could not spawn child: $!";
162 | $child_pid = $child_proc->GetProcessID();
163 | } else {
164 | $fullCmd .= ' &';
165 | system($fullCmd);
166 | }
167 | return $pdf_file;
168 | } else {
169 | error("Could not create pdf, wkhtml2pdf not found.");
170 | return 0;
171 | }
172 | }
173 |
174 | sub format_print_button {
175 | my $button;
176 | if ( $^O =~ /MSWin/ ) {
177 | $button =
178 | '';
179 | } else {
180 | my $wkhtmltopdf_command = get_executable_path('wkhtmltopdf');
181 | if ($wkhtmltopdf_command) {
182 | my $wkhtmltopdf_version = `$wkhtmltopdf_command -V`;
183 | if ( $wkhtmltopdf_version =~ /0\.13\./ ) {
184 | $button =
185 | ' ';
186 | } else {
187 | $button =
188 | '';
189 | }
190 | } else {
191 | $button =
192 | '';
193 | }
194 | }
195 | return $button;
196 | }
197 |
198 | 1;
199 |
--------------------------------------------------------------------------------
/src/TTMp32Gme/TttoolHandler.pm:
--------------------------------------------------------------------------------
1 | package TTMp32Gme::TttoolHandler;
2 |
3 | use strict;
4 | use warnings;
5 |
6 | use Path::Class;
7 | use Cwd;
8 |
9 | use Log::Message::Simple qw(msg error);
10 |
11 | use TTMp32Gme::Build::FileHandler;
12 | use TTMp32Gme::LibraryHandler;
13 |
14 | require Exporter;
15 | our @ISA = qw(Exporter);
16 | our @EXPORT = qw(get_sorted_tracks make_gme generate_oid_images create_oids copy_gme);
17 |
18 | ## internal functions:
19 |
20 | sub generate_codes_yaml {
21 | my ( $yaml_file, $dbh ) = @_;
22 | my $fh = $yaml_file->openr();
23 |
24 | #first seek to the scripts section
25 | while ( my $row = <$fh> ) {
26 | if ( $row =~ /scripts:/ ) {
27 | last;
28 | }
29 | }
30 | my @scripts;
31 | while ( my $row = <$fh> ) {
32 | $row =~ s/\s*(.*)\R/$1/g;
33 | if ( $row =~ /:$/ ) {
34 | $row =~ s/://;
35 | push( @scripts, $row );
36 | }
37 | }
38 | close($fh);
39 | my $query = "SELECT * FROM script_codes";
40 | my $codes = $dbh->selectall_hashref( $query, 'script' );
41 |
42 | my @sorted_codes;
43 | foreach my $script ( keys %{$codes} ) {
44 | push( @sorted_codes, $codes->{$script}{'code'} );
45 | }
46 |
47 | @sorted_codes = sort { $b <=> $a } @sorted_codes;
48 | my $last_code = $sorted_codes[0];
49 |
50 | my $filename = $yaml_file->basename();
51 | $filename =~ s/yaml$/codes.yaml/;
52 | my $codes_file = file( $yaml_file->dir(), $filename );
53 | $fh = $codes_file->openw();
54 | print $fh '# This file contains a mapping from script names to oid codes.
55 | # This way the existing scripts are always assigned to the the
56 | # same codes, even if you add further scripts.
57 | #
58 | # You can copy the contents of this file into the main .yaml file,
59 | # if you want to have both together.
60 | #
61 | # If you delete this file, the next run of "ttool assemble" might
62 | # use different codes for your scripts, and you might have to re-
63 | # create the images for your product.
64 | scriptcodes:
65 | ';
66 | foreach my $script (@scripts) {
67 | if ( $codes->{$script}{'code'} ) {
68 | print $fh " $script: $codes->{$script}{'code'}\n";
69 | } else {
70 | $last_code++;
71 | if ( $last_code > 14999 ) {
72 | my %code_test = map { $_ => 1 } @sorted_codes;
73 | $last_code = 1001;
74 | while ( $code_test{$last_code} ) {
75 | $last_code++;
76 | }
77 | if ( $last_code > 14999 ) {
78 | die("Cannot create script. All script codes are used up.");
79 | }
80 | }
81 | my $qh = $dbh->prepare(q(INSERT INTO script_codes VALUES (?,?) ));
82 | $qh->execute( ( $script, $last_code ) );
83 | unshift( @sorted_codes, $last_code );
84 | $codes->{$script}{'code'} = $last_code;
85 | print $fh " $script: $last_code\n";
86 | }
87 | }
88 | close($fh);
89 | return $codes_file;
90 | }
91 |
92 | sub convert_tracks {
93 | my ( $album, $yaml_file, $config, $dbh ) = @_;
94 | my $media_path = dir( $album->{'path'}, "audio" );
95 | my @tracks = get_sorted_tracks($album);
96 |
97 | $media_path->mkpath();
98 | if ( $config->{'audio_format'} eq 'ogg' ) {
99 | my $ff_command = get_executable_path('ffmpeg');
100 | foreach my $i ( 0 .. $#tracks ) {
101 | my $source_file =
102 | file( $album->{'path'}, $album->{ $tracks[$i] }->{'filename'} );
103 | my $target_file = file( $media_path, "track_$i.ogg" );
104 | `$ff_command -y -i "$source_file" -map 0:a -ar 22050 -ac 1 "$target_file"`;
105 | }
106 | } else {
107 | foreach my $i ( 0 .. $#tracks ) {
108 | file( $album->{'path'}, $album->{ $tracks[$i] }->{'filename'} )->copy_to( file( $media_path, "track_$i.mp3" ) );
109 | }
110 | }
111 | my $next = " next:\n";
112 | my $prev = " prev:\n";
113 | my $play = " play:\n";
114 | my $track_scripts;
115 |
116 | foreach my $i ( 0 .. $#tracks ) {
117 | if ( $i < $#tracks ) {
118 | $play .= " - \$current==$i? P(@{[$i]})";
119 | $play .= $album->{'player_mode'} eq 'tiptoi' ? " C\n" : " J(t@{[$i+1]})\n";
120 | if ( $i < $#tracks - 1 ) {
121 | $next .= " - \$current==$i? \$current:=@{[$i+1]} P(@{[$i+1]})";
122 | $next .= $album->{'player_mode'} eq 'tiptoi' ? " C\n" : " J(t@{[$i+2]})\n";
123 | } else {
124 | $next .= " - \$current==$i? \$current:=@{[$i+1]} P(@{[$i+1]}) C\n";
125 | }
126 | } else {
127 | $play .= " - \$current==$i? P(@{[$i]}) C\n";
128 | }
129 | if ( $i > 0 ) {
130 | $prev .= " - \$current==$i? \$current:=@{[$i-1]} P(@{[$i-1]})";
131 | $prev .= $album->{'player_mode'} eq 'tiptoi' ? " C\n" : " J(t@{[$i]})\n";
132 | }
133 | if ( $i < $#tracks ) {
134 | $track_scripts .= " t$i:\n - \$current:=$i P($i)";
135 | $track_scripts .= $album->{'player_mode'} eq 'tiptoi' ? " C\n" : " J(t@{[$i+1]})\n";
136 | } else {
137 | $track_scripts .= " t$i:\n - \$current:=$i P($i) C\n";
138 | }
139 | my %data = ( 'tt_script' => "t$i" );
140 | my @selectors = ( $album->{ $tracks[$i] }->{'parent_oid'}, $album->{ $tracks[$i] }->{'track'} );
141 | updateTableEntry( 'tracks', 'parent_oid=? and track=?', \@selectors, \%data, $dbh );
142 | }
143 | my $lastTrack = $#tracks;
144 | if ( scalar @tracks < $config->{'print_max_track_controls'} ) {
145 |
146 | #in case we use general track controls, we just play the last available
147 | #track if the user selects a track number that does not exist in this album.
148 | foreach my $i ( scalar @tracks .. $config->{'print_max_track_controls'} - 1 ) {
149 | $track_scripts .= " t$i:\n - \$current:=$lastTrack P($lastTrack) C\n";
150 | }
151 | }
152 | my $welcome;
153 | if ( $#tracks == 0 ) {
154 |
155 | #if there is only one track, the next and prev buttons just play that track.
156 | $next .= " - \$current:=$lastTrack P($lastTrack) C\n";
157 | $prev .= " - \$current:=$lastTrack P($lastTrack) C\n";
158 | $play .= " - \$current:=$lastTrack P($lastTrack) C\n";
159 | $welcome = "welcome: " . "'$lastTrack'" . "\n";
160 | } else {
161 | $welcome =
162 | $album->{'player_mode'} eq 'tiptoi'
163 | ? "welcome: " . "'0'" . "\n"
164 | : "welcome: " . join( ', ', ( 0 .. $#tracks ) ) . "\n";
165 |
166 | }
167 |
168 | # add track code to the yaml file:
169 | my $fh = $yaml_file->opena();
170 |
171 | print $fh "media-path: audio/track_%s\n";
172 | print $fh "init: \$current:=0\n";
173 | print $fh $welcome;
174 | print $fh "scripts:\n";
175 | print $fh $play;
176 | print $fh $next;
177 | print $fh $prev;
178 | print $fh " stop:\n - C C\n";
179 | print $fh $track_scripts;
180 | close($fh);
181 | return $media_path;
182 | }
183 |
184 | sub get_tttool_parameters {
185 | my ($dbh) = @_;
186 | my $tt_params =
187 | $dbh->selectall_hashref( q(SELECT * FROM config WHERE param LIKE 'tt\_%' ESCAPE '\' AND value IS NOT NULL),
188 | 'param' );
189 | my %formatted_parameters;
190 | foreach my $param ( keys %{$tt_params} ) {
191 | my $parameter = $param;
192 | $parameter =~ s/^tt_//;
193 | $formatted_parameters{$parameter} = $tt_params->{$param}{'value'};
194 | }
195 | return \%formatted_parameters;
196 | }
197 |
198 | sub get_tttool_command {
199 | my ($dbh) = @_;
200 | my $tt_command = get_executable_path('tttool');
201 | my $tt_params = get_tttool_parameters($dbh);
202 | foreach my $param ( sort keys %{$tt_params} ) {
203 | $tt_command .= " --$param $tt_params->{$param}";
204 | }
205 | return $tt_command;
206 | }
207 |
208 | sub run_tttool {
209 | my ( $arguments, $path, $dbh ) = @_;
210 | my $maindir = cwd();
211 | if ($path) {
212 | chdir($path) or die "Can't open '$path': $!";
213 | }
214 | my $tt_command = get_tttool_command($dbh);
215 | print "$tt_command $arguments\n";
216 | my $tt_output = `$tt_command $arguments`;
217 | chdir($maindir);
218 | if ($?) {
219 | error( $tt_output, 1 );
220 | return 0;
221 | } else {
222 | msg( $tt_output, 1 );
223 | return 1;
224 | }
225 | }
226 |
227 | ##exported functions
228 |
229 | sub get_sorted_tracks {
230 | my ($album) = @_;
231 |
232 | #need to jump through some hoops here to get proper numeric sorting:
233 | my @tracks = grep { $_ =~ /^track_/ } keys %{$album};
234 | @tracks = sort { $a <=> $b } map { $_ =~ s/^track_//r } @tracks;
235 | @tracks = map { 'track_' . $_ } @tracks;
236 | return @tracks;
237 | }
238 |
239 | sub make_gme {
240 | my ( $oid, $config, $dbh ) = @_;
241 | my $album = get_album( $oid, $dbh );
242 | $album->{'old_oid'} = $oid;
243 | my $yaml_file = file( $album->{'path'}, sprintf( '%s.yaml', cleanup_filename( $album->{'album_title'} ) ) );
244 | my $fh = $yaml_file->openw();
245 | print $fh "#this file was generated automatically by ttmp32gme\n";
246 | print $fh "product-id: $oid\n";
247 | print $fh 'comment: "CHOMPTECH DATA FORMAT CopyRight 2019 Ver0.00.0001"' . "\n";
248 | print $fh "gme-lang: $config->{'pen_language'}\n";
249 | close($fh);
250 | my $media_path = convert_tracks( $album, $yaml_file, $config, $dbh );
251 | my $codes_file = generate_codes_yaml( $yaml_file, $dbh );
252 | my $yaml = $yaml_file->basename();
253 |
254 | if ( run_tttool( "assemble $yaml", $album->{'path'}, $dbh ) ) {
255 | my $gme_filename = $yaml_file->basename();
256 | $gme_filename =~ s/yaml$/gme/;
257 | my %data = ( 'gme_file' => $gme_filename );
258 | my @selector = ($oid);
259 | updateTableEntry( 'gme_library', 'oid=?', \@selector, \%data, $dbh );
260 | }
261 | remove_library_dir( $media_path, $config->{'library_path'} );
262 | return $oid;
263 | }
264 |
265 | sub create_oids {
266 | my ( $oids, $size, $dbh ) = @_;
267 | my $target_path = get_oid_cache();
268 | my $tt_params = get_tttool_parameters($dbh);
269 | my @files;
270 | my $tt_command = " --code-dim " . $size . " oid-code ";
271 | foreach my $oid ( @{$oids} ) {
272 | my $oid_file = file( $target_path, "$oid-$size-$tt_params->{'dpi'}-$tt_params->{'pixel-size'}.png" );
273 | if ( !-f $oid_file ) {
274 | run_tttool( $tt_command . $oid, "", $dbh )
275 | or die "Could not create oid file: $!";
276 | file("oid-$oid.png")->move_to($oid_file);
277 | }
278 | push( @files, $oid_file );
279 | }
280 | return \@files;
281 | }
282 |
283 | sub copy_gme {
284 | my ( $oid, $config, $dbh ) = @_;
285 | my $album_data = $dbh->selectrow_hashref( q(SELECT path,gme_file FROM gme_library WHERE oid=?), {}, $oid );
286 | if ( !$album_data->{'gme_file'} ) {
287 | make_gme( $oid, $config, $dbh );
288 | $album_data = $dbh->selectrow_hashref( q(SELECT path,gme_file FROM gme_library WHERE oid=?), {}, $oid );
289 | }
290 | my $gme_file = file( $album_data->{'path'}, $album_data->{'gme_file'} );
291 | my $tiptoi_dir = get_tiptoi_dir();
292 | msg( "Copying $album_data->{'gme_file'} to $tiptoi_dir", 1 );
293 | $gme_file->copy_to( file( $tiptoi_dir, $gme_file->basename() ) );
294 | msg( "done.", 1 );
295 | return $oid;
296 | }
297 |
298 | 1;
299 |
--------------------------------------------------------------------------------
/src/assets/css/continue.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/css/continue.gif
--------------------------------------------------------------------------------
/src/assets/css/edit.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/css/edit.gif
--------------------------------------------------------------------------------
/src/assets/css/fine-uploader-new.min.css:
--------------------------------------------------------------------------------
1 | .qq-btn,.qq-upload-button{box-shadow:0 1px 1px rgba(255,255,255,.37) inset,1px 0 1px rgba(255,255,255,.07) inset,0 1px 0 rgba(0,0,0,.36),0 -2px 12px rgba(0,0,0,.08) inset}.qq-btn{padding:3px 4px;border:1px solid #CCC;border-radius:2px;color:inherit;background-color:#FFF}.qq-upload-delete{background-color:#e65c47;color:#FAFAFA;border-color:#dc523d;text-shadow:0 1px 1px rgba(0,0,0,.55)}.qq-upload-delete:hover{background-color:#f56b56}.qq-upload-cancel{background-color:#F5D7D7;border-color:#e6c8c8}.qq-upload-cancel:hover{background-color:#ffe1e1}.qq-upload-retry{background-color:#EBF6E0;border-color:#d2ddc7}.qq-upload-retry:hover{background-color:#f7ffec}.qq-upload-continue,.qq-upload-pause{background-color:#00ABC7;color:#FAFAFA;border-color:#2dadc2;text-shadow:0 1px 1px rgba(0,0,0,.55)}.qq-upload-continue:hover,.qq-upload-pause:hover{background-color:#0fbad6}.qq-upload-button{display:inline;width:105px;margin-bottom:10px;padding:7px 10px;text-align:center;float:left;background:#00ABC7;color:#FFF;border-radius:2px;border:1px solid #2dadc2}.qq-upload-button-hover{background:#33B6CC}.qq-upload-button-focus{outline:#000 dotted 1px}.qq-uploader{position:relative;min-height:200px;max-height:490px;overflow-y:hidden;width:inherit;border-radius:6px;background-color:#FDFDFD;border:1px dashed #CCC;padding:20px}.qq-uploader:before{content:attr(qq-drop-area-text) " ";position:absolute;font-size:200%;left:0;width:100%;text-align:center;top:45%;opacity:.25}.qq-upload-drop-area,.qq-upload-extra-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;min-height:30px;z-index:2;background:#F9F9F9;border-radius:4px;border:1px dashed #CCC;text-align:center}.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}.qq-upload-extra-drop-area{position:relative;margin-top:50px;font-size:16px;padding-top:30px;height:20px;min-height:40px}.qq-upload-drop-area-active{background:#FDFDFD;border-radius:4px;border:1px dashed #CCC}.qq-upload-list{margin:0;padding:0;list-style:none;max-height:450px;overflow-y:auto;box-shadow:0 1px 0 rgba(15,15,50,.14);clear:both}.qq-upload-list li{margin:0;padding:9px;line-height:15px;font-size:16px;color:#424242;background-color:#F6F6F6;border-top:1px solid #FFF;border-bottom:1px solid #DDD}.qq-upload-list li:first-child{border-top:none}.qq-upload-list li:last-child{border-bottom:none}.qq-upload-cancel,.qq-upload-continue,.qq-upload-delete,.qq-upload-failed-text,.qq-upload-file,.qq-upload-pause,.qq-upload-retry,.qq-upload-size,.qq-upload-spinner{margin-right:12px;display:inline}.qq-upload-file{vertical-align:middle;display:inline-block;width:300px;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden;height:18px}.qq-upload-spinner{display:inline-block;background:url(loading.gif);width:15px;height:15px;vertical-align:text-bottom}.qq-drop-processing{display:block}.qq-drop-processing-spinner{display:inline-block;background:url(processing.gif);width:24px;height:24px;vertical-align:text-bottom}.qq-upload-cancel,.qq-upload-continue,.qq-upload-delete,.qq-upload-pause,.qq-upload-retry,.qq-upload-size{font-size:12px;font-weight:400;cursor:pointer;vertical-align:middle}.qq-upload-status-text{font-size:14px;font-weight:700;display:block}.qq-upload-failed-text{display:none;font-style:italic;font-weight:700}.qq-upload-failed-icon{display:none;width:15px;height:15px;vertical-align:text-bottom}.qq-upload-fail .qq-upload-failed-text,.qq-upload-retrying .qq-upload-failed-text{display:inline}.qq-upload-list li.qq-upload-success{background-color:#EBF6E0;color:#424242;border-bottom:1px solid #D3DED1;border-top:1px solid #F7FFF5}.qq-upload-list li.qq-upload-fail{background-color:#F5D7D7;color:#424242;border-bottom:1px solid #DECACA;border-top:1px solid #FCE6E6}.qq-progress-bar{display:block;background:#00abc7;width:0;height:15px;border-radius:6px;margin-bottom:3px}.qq-total-progress-bar{height:25px;border-radius:9px}.qq-total-progress-bar-container{margin-left:9px;display:inline;float:right;width:500px}INPUT.qq-edit-filename{position:absolute;opacity:0;filter:alpha(opacity=0);z-index:-1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.qq-upload-file.qq-editable{cursor:pointer;margin-right:4px}.qq-edit-filename-icon.qq-editable{display:inline-block;cursor:pointer}.qq-hide,.qq-uploader DIALOG{display:none}INPUT.qq-edit-filename.qq-editing{position:static;height:28px;padding:0 8px;margin-right:10px;margin-bottom:-5px;border:1px solid #ccc;border-radius:2px;font-size:16px;opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.qq-edit-filename-icon{display:none;background:url(edit.gif);width:15px;height:15px;vertical-align:text-bottom;margin-right:16px}.qq-thumbnail-selector{vertical-align:middle;margin-right:12px}.qq-uploader DIALOG[open]{display:block}.qq-uploader DIALOG .qq-dialog-buttons{text-align:center;padding-top:10px}.qq-uploader DIALOG .qq-dialog-buttons BUTTON{margin-left:5px;margin-right:5px}.qq-uploader DIALOG .qq-dialog-message-selector{padding-bottom:10px}.qq-uploader DIALOG::backdrop{background-color:rgba(0,0,0,.7)}/*# sourceMappingURL=fine-uploader-new.min.css.map */
--------------------------------------------------------------------------------
/src/assets/css/fine-uploader-new.min.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["_build/fine-uploader-new.css"],"names":[],"mappings":"AAMA,QAkDA,kBAWI,WAAY,EAAE,IAAI,IAAI,sBAA0B,MAAO,IAAI,EAAE,IAAI,sBAA0B,MAAO,EAAE,IAAI,EAAE,gBAAqB,EAAE,KAAK,KAAK,gBAAoB,MA7DnK,QAGI,QAAS,IAAI,IACb,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,MAAO,QACP,iBAAkB,KAKtB,kBAEI,iBAAkB,QAClB,MAAO,QACP,aAAc,QACd,YAAa,EAAE,IAAI,IAAI,gBAE3B,wBACI,iBAAkB,QAEtB,kBAEI,iBAAkB,QAClB,aAAc,QAElB,wBACI,iBAAkB,QAEtB,iBAEI,iBAAkB,QAClB,aAAc,QAElB,uBACI,iBAAkB,QAEJ,oBAAlB,iBACI,iBAAkB,QAClB,MAAO,QACP,aAAc,QACd,YAAa,EAAE,IAAI,IAAI,gBAEH,0BAAxB,uBACI,iBAAkB,QAKtB,kBACI,QAAS,OACT,MAAO,MACP,cAAe,KACf,QAAS,IAAI,KACb,WAAY,OACZ,MAAO,KACP,WAAY,QACZ,MAAO,KACP,cAAe,IACf,OAAQ,IAAI,MAAM,QAGtB,wBACI,WAAY,QAEhB,wBACI,QAAoB,KAAP,OAAJ,IAMb,aACI,SAAU,SACV,WAAY,MACZ,WAAY,MACZ,WAAY,OACZ,MAAO,QACP,cAAe,IACf,iBAAkB,QAClB,OAAQ,IAAI,OAAO,KACnB,QAAS,KAEb,oBACI,QAAS,wBAAwB,IACjC,SAAU,SACV,UAAW,KACX,KAAM,EACN,MAAO,KACP,WAAY,OACZ,IAAK,IACL,QAAS,IAEb,qBAAsB,2BAClB,SAAU,SACV,IAAK,EACL,KAAM,EACN,MAAO,KACP,OAAQ,KACR,WAAY,KACZ,QAAS,EACT,WAAY,QACZ,cAAe,IACf,OAAQ,IAAI,OAAO,KACnB,WAAY,OAEhB,0BACI,QAAS,MACT,SAAU,SACV,IAAK,IACL,MAAO,KACP,WAAY,KACZ,UAAW,KAEf,2BACI,SAAU,SACV,WAAY,KACZ,UAAW,KACX,YAAa,KACb,OAAQ,KACR,WAAY,KAEhB,4BACI,WAAY,QACZ,cAAe,IACf,OAAQ,IAAI,OAAO,KAEvB,gBACI,OAAQ,EACR,QAAS,EACT,WAAY,KACZ,WAAY,MACZ,WAAY,KACZ,WAAY,EAAI,IAAI,EAAI,mBACxB,MAAO,KAMX,mBACI,OAAQ,EACR,QAAS,IACT,YAAa,KACb,UAAW,KACX,MAAO,QACP,iBAAkB,QAClB,WAAY,IAAI,MAAM,KACtB,cAAe,IAAI,MAAM,KAE7B,+BACI,WAAY,KAEhB,8BACI,cAAe,KAInB,kBACqC,oBAArC,kBADqC,uBADrC,gBAEmB,iBADA,iBADkB,gBAApB,mBAGb,aAAc,KACd,QAAS,OAEb,gBACI,eAAgB,OAChB,QAAS,aACT,MAAO,MACP,cAAe,SACf,YAAa,OACb,WAAY,OACZ,OAAQ,KAEZ,mBACI,QAAS,aACT,WAAY,iBACZ,MAAO,KACP,OAAQ,KACR,eAAgB,YAEpB,oBACI,QAAS,MAEb,4BACI,QAAS,aACT,WAAY,oBACZ,MAAO,KACP,OAAQ,KACR,eAAgB,YAEH,kBACoB,oBAArC,kBAAmB,iBADiB,iBAApC,gBAEI,UAAW,KACX,YAAa,IACb,OAAQ,QACR,eAAgB,OAEpB,uBACI,UAAW,KACX,YAAa,IACb,QAAS,MAEb,uBACI,QAAS,KACT,WAAY,OACZ,YAAa,IAEjB,uBACI,QAAQ,KACR,MAAM,KACN,OAAO,KACP,eAAe,YAEnB,uCAGA,2CAFI,QAAS,OAKb,qCACI,iBAAkB,QAClB,MAAO,QACP,cAAe,IAAI,MAAM,QACzB,WAAY,IAAI,MAAM,QAE1B,kCACI,iBAAkB,QAClB,MAAO,QACP,cAAe,IAAI,MAAM,QACzB,WAAY,IAAI,MAAM,QAE1B,iBACI,QAAS,MAET,WAAY,QACZ,MAAO,EACP,OAAQ,KACR,cAAe,IACf,cAAe,IAGnB,uBACI,OAAQ,KACR,cAAe,IAGnB,iCACI,YAAa,IACb,QAAS,OACT,MAAO,MACP,MAAO,MAGX,uBACI,SAAU,SACV,QAAS,EACT,OAAQ,iBACR,QAAS,GACT,WAAY,qDAGhB,4BACI,OAAQ,QACR,aAAc,IAGlB,mCACI,QAAS,aACT,OAAQ,QA2BZ,SAsBA,oBACI,QAAS,KA/Cb,kCACI,SAAU,OACV,OAAQ,KACR,QAAS,EAAE,IACX,aAAc,KACd,cAAe,KACf,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,UAAW,KAEX,QAAS,EACT,OAAQ,mBACR,WAAY,uDAGhB,uBACI,QAAS,KACT,WAAY,cACZ,MAAO,KACP,OAAQ,KACR,eAAgB,YAChB,aAAc,KAUlB,uBACI,eAAgB,OAChB,aAAc,KAiBlB,0BACI,QAAS,MAGb,uCACI,WAAY,OACZ,YAAa,KAGjB,8CACI,YAAa,IACb,aAAc,IAGlB,gDACI,eAAgB,KAGpB,8BACI,iBAAkB"}
--------------------------------------------------------------------------------
/src/assets/css/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/css/loading.gif
--------------------------------------------------------------------------------
/src/assets/css/pause.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/css/pause.gif
--------------------------------------------------------------------------------
/src/assets/css/print.css:
--------------------------------------------------------------------------------
1 | @page {
2 | size: A4;
3 | margin: 0.5in;
4 | }
5 |
6 | .img-6mm {
7 | max-width: 36px !important;
8 | min-width: 36px !important;
9 | max-height: 36px !important;
10 | min-height: 36px !important;
11 | }
12 |
13 | .img-18mm {
14 | max-width: 103px !important;
15 | min-width: 103px !important;
16 | max-height: 103px !important;
17 | min-height: 103px !important;
18 | }
19 |
20 | .img-24mm {
21 | max-width: 138px !important;
22 | min-width: 138px !important;
23 | max-height: 138px !important;
24 | min-height: 138px !important;
25 | }
26 |
27 | .track-img-container {
28 | display: inline-block;
29 | vertical-align: middle;
30 | border-radius: 5px;
31 | border: 1px solid #cccccc;
32 | margin-right: 10px;
33 | overflow: hidden;
34 | }
35 | .track-title {
36 | width: 100%;
37 | max-width: 0;
38 | }
39 | .runtime {
40 | padding-left: 10px;
41 | }
42 |
43 | .play-img {
44 | position: absolute;
45 | left: 0px;
46 | top: 0px;
47 | }
48 |
49 | .power-on {
50 | position: absolute;
51 | width: 103px;
52 | height: 103px;
53 | left: 15px;
54 | top: 0px;
55 | background-color: #ffffff;
56 | box-shadow: inset 0 0 0 1000px #ffffff;
57 | font-size: 90px;
58 | z-index: 1000;
59 | border-radius: 51px;
60 | overflow: hidden;
61 | text-align: center;
62 | }
63 |
64 | .power-on-inline {
65 | display: inline-block;
66 | vertical-align: middle;
67 | margin-right: 20px;
68 | }
69 |
70 | .play-control {
71 | padding: 17px 25px !important;
72 | overflow: hidden;
73 | background-color: #ffffff !important;
74 | }
75 |
76 | .album-controls {
77 | margin: 5px 0px;
78 | position: sticky;
79 | left: 0;
80 | bottom: 0;
81 | }
82 |
83 | .track-list>.list-group-item {
84 | padding: 5px 10px;
85 | }
86 |
87 | .cover-img {
88 | width: 100%;
89 | }
90 |
91 | #general-controls, .album {
92 | page-break-inside: avoid;
93 | }
94 |
95 |
96 | @media print {
97 | /* make sure the responsiveness of bootstrap does not mess up our print layout.
98 | a4 usable page width with 0.5 in margins (default for firefox where it is not changable) is
99 | 184.503mm/25.4*72*2 =1046 -2 (for borders) = 1044 thus our overall scale is 56.692845103 pixel per cm */
100 | .container {
101 | width: 1044px;
102 | }
103 | }
104 |
105 | @-moz-document url-prefix() {
106 | @media print {
107 | /* firefox scales a little bit different than chrome. Hence we override the container width for firefox here */
108 | .container {
109 | width: 1036px;
110 | }
111 | }
112 | }
--------------------------------------------------------------------------------
/src/assets/css/processing.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/css/processing.gif
--------------------------------------------------------------------------------
/src/assets/css/retry.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/css/retry.gif
--------------------------------------------------------------------------------
/src/assets/css/trash.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/css/trash.gif
--------------------------------------------------------------------------------
/src/assets/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/fonts/glyphicons-halflings-regular.eot
--------------------------------------------------------------------------------
/src/assets/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/fonts/glyphicons-halflings-regular.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/fonts/glyphicons-halflings-regular.woff
--------------------------------------------------------------------------------
/src/assets/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/fonts/glyphicons-halflings-regular.woff2
--------------------------------------------------------------------------------
/src/assets/images/Screen_Shot_cd-booklet.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/images/Screen_Shot_cd-booklet.jpg
--------------------------------------------------------------------------------
/src/assets/images/Screen_Shot_list.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/images/Screen_Shot_list.jpg
--------------------------------------------------------------------------------
/src/assets/images/Screen_Shot_print-config.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/images/Screen_Shot_print-config.png
--------------------------------------------------------------------------------
/src/assets/images/Screen_Shot_tiles.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/images/Screen_Shot_tiles.jpg
--------------------------------------------------------------------------------
/src/assets/images/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/images/favicon.ico
--------------------------------------------------------------------------------
/src/assets/images/not_available-generic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/images/not_available-generic.png
--------------------------------------------------------------------------------
/src/assets/images/oid-table.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/images/oid-table.png
--------------------------------------------------------------------------------
/src/assets/images/ttmp32gme_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/images/ttmp32gme_logo.png
--------------------------------------------------------------------------------
/src/assets/images/waiting-generic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/images/waiting-generic.png
--------------------------------------------------------------------------------
/src/assets/images/white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thawn/ttmp32gme/e3164dfa3793fc6c19d398fb7cd4fa7d29495f8c/src/assets/images/white.png
--------------------------------------------------------------------------------
/src/assets/js/jquery.matchHeight-min.js:
--------------------------------------------------------------------------------
1 | /*
2 | * jquery-match-height 0.7.0 by @liabru
3 | * http://brm.io/jquery-match-height/
4 | * License MIT
5 | */
6 | !function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):t(jQuery)}(function(t){var e=-1,o=-1,i=function(t){return parseFloat(t)||0},a=function(e){var o=1,a=t(e),n=null,r=[];return a.each(function(){var e=t(this),a=e.offset().top-i(e.css("margin-top")),s=r.length>0?r[r.length-1]:null;null===s?r.push(e):Math.floor(Math.abs(n-a))<=o?r[r.length-1]=s.add(e):r.push(e),n=a}),r},n=function(e){var o={
7 | byRow:!0,property:"height",target:null,remove:!1};return"object"==typeof e?t.extend(o,e):("boolean"==typeof e?o.byRow=e:"remove"===e&&(o.remove=!0),o)},r=t.fn.matchHeight=function(e){var o=n(e);if(o.remove){var i=this;return this.css(o.property,""),t.each(r._groups,function(t,e){e.elements=e.elements.not(i)}),this}return this.length<=1&&!o.target?this:(r._groups.push({elements:this,options:o}),r._apply(this,o),this)};r.version="0.7.0",r._groups=[],r._throttle=80,r._maintainScroll=!1,r._beforeUpdate=null,
8 | r._afterUpdate=null,r._rows=a,r._parse=i,r._parseOptions=n,r._apply=function(e,o){var s=n(o),h=t(e),l=[h],c=t(window).scrollTop(),p=t("html").outerHeight(!0),d=h.parents().filter(":hidden");return d.each(function(){var e=t(this);e.data("style-cache",e.attr("style"))}),d.css("display","block"),s.byRow&&!s.target&&(h.each(function(){var e=t(this),o=e.css("display");"inline-block"!==o&&"flex"!==o&&"inline-flex"!==o&&(o="block"),e.data("style-cache",e.attr("style")),e.css({display:o,"padding-top":"0",
9 | "padding-bottom":"0","margin-top":"0","margin-bottom":"0","border-top-width":"0","border-bottom-width":"0",height:"100px",overflow:"hidden"})}),l=a(h),h.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||"")})),t.each(l,function(e,o){var a=t(o),n=0;if(s.target)n=s.target.outerHeight(!1);else{if(s.byRow&&a.length<=1)return void a.css(s.property,"");a.each(function(){var e=t(this),o=e.attr("style"),i=e.css("display");"inline-block"!==i&&"flex"!==i&&"inline-flex"!==i&&(i="block");var a={
10 | display:i};a[s.property]="",e.css(a),e.outerHeight(!1)>n&&(n=e.outerHeight(!1)),o?e.attr("style",o):e.css("display","")})}a.each(function(){var e=t(this),o=0;s.target&&e.is(s.target)||("border-box"!==e.css("box-sizing")&&(o+=i(e.css("border-top-width"))+i(e.css("border-bottom-width")),o+=i(e.css("padding-top"))+i(e.css("padding-bottom"))),e.css(s.property,n-o+"px"))})}),d.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||null)}),r._maintainScroll&&t(window).scrollTop(c/p*t("html").outerHeight(!0)),
11 | this},r._applyDataApi=function(){var e={};t("[data-match-height], [data-mh]").each(function(){var o=t(this),i=o.attr("data-mh")||o.attr("data-match-height");i in e?e[i]=e[i].add(o):e[i]=o}),t.each(e,function(){this.matchHeight(!0)})};var s=function(e){r._beforeUpdate&&r._beforeUpdate(e,r._groups),t.each(r._groups,function(){r._apply(this.elements,this.options)}),r._afterUpdate&&r._afterUpdate(e,r._groups)};r._update=function(i,a){if(a&&"resize"===a.type){var n=t(window).width();if(n===e)return;e=n;
12 | }i?-1===o&&(o=setTimeout(function(){s(a),o=-1},r._throttle)):s(a)},t(r._applyDataApi),t(window).bind("load",function(t){r._update(!1,t)}),t(window).bind("resize orientationchange",function(t){r._update(!0,t)})});
--------------------------------------------------------------------------------
/src/assets/js/print.js:
--------------------------------------------------------------------------------
1 | var cssPagedMedia = (function() {
2 | var style = document.createElement('style');
3 | document.head.appendChild(style);
4 | return function(rule) {
5 | style.innerHTML = rule;
6 | };
7 | }());
8 |
9 | cssPagedMedia.size = function(size) {
10 | cssPagedMedia('@page {size: ' + size + '}');
11 | };
12 |
13 | var notify = function($caller, title, message, popover_class, timeout) {
14 | $caller.attr({
15 | 'title' : title,
16 | 'data-content' : message
17 | });
18 | $caller.popover('show');
19 | $caller.next('.popover').find('.popover-content').addClass(popover_class);
20 | setTimeout(function() {
21 | $caller.popover('destroy');
22 | }, timeout);
23 | }
24 |
25 | var testCheckBox = function(s) {
26 | if ($(s).is(':checked')) {
27 | return 'TRUE';
28 | } else {
29 | return 'FALSE';
30 | }
31 | }
32 |
33 | var getElementValues = function($id) {
34 | var filterVars = {};
35 | $id.find('input').not(':button').each(function() {
36 | if ($(this).is(':checkbox')) {
37 | filterVars[this.name] = testCheckBox(this);
38 | } else {
39 | filterVars[this.name] = $(this).val();
40 | }
41 | });
42 | return filterVars;
43 | }
44 |
45 | var fillInElement = function($id, data) {
46 | for ( var i in data) {
47 | if (data[i] === 'TRUE' || data[i] === 'FALSE') {
48 | if (data[i] === 'TRUE') {
49 | $id.find('input[name=' + i + ']').prop('checked', true);
50 | if (i !== 'enabled') {
51 | $id.find('input[name=' + i + ']').change();
52 | }
53 | } else {
54 | $id.find('input[name=' + i + ']').prop('checked', false);
55 | if (i !== 'enabled') {
56 | $id.find('input[name=' + i + ']').change();
57 | }
58 | }
59 | } else {
60 | $id.find('input[name=' + i + ']').val(data[i]);
61 | $id.find('input[name=' + i + ']').change();
62 | }
63 | }
64 | cssPagedMedia.size($id.find('input[name=print_page_size]').val());
65 | $id.find('.preset').removeClass('active');
66 | $('#' + $id.find('input[name=print_preset]').val()).addClass('active')
67 | $id.find('button').each(function() {
68 | $(this).data('item-id', $id);
69 | });
70 | $id.find('input').data('item-id', $id);
71 | }
72 |
73 | var selectPreset = function(preset) {
74 | var presets = {
75 | 'list' : {
76 | 'print_preset' : 'list',
77 | 'print_show_cover' : 'TRUE',
78 | 'print_show_album_info' : 'TRUE',
79 | 'print_show_album_controls' : 'TRUE',
80 | 'print_show_tracks' : 'TRUE',
81 | 'print_show_general_controls' : 'FALSE',
82 | 'print_num_cols' : 1,
83 | 'print_tile_size' : ''
84 | },
85 | 'tiles' : {
86 | 'print_preset' : 'tiles',
87 | 'print_show_cover' : 'TRUE',
88 | 'print_show_album_info' : 'FALSE',
89 | 'print_show_album_controls' : 'FALSE',
90 | 'print_show_tracks' : 'FALSE',
91 | 'print_show_general_controls' : 'TRUE',
92 | 'print_num_cols' : 3,
93 | 'print_tile_size' : ''
94 | },
95 | 'cd' : {
96 | 'print_preset' : 'cd',
97 | 'print_show_cover' : 'FALSE',
98 | 'print_show_album_info' : 'FALSE',
99 | 'print_show_album_controls' : 'TRUE',
100 | 'print_show_tracks' : 'TRUE',
101 | 'print_show_general_controls' : 'FALSE',
102 | 'print_num_cols' : 1,
103 | 'print_tile_size' : '12'
104 | }
105 | };
106 | var $id = $('#config');
107 | $id.find('.preset').removeClass('active');
108 | $('#' + $id.find('input[name=print_preset]').val()).addClass('active');
109 | fillInElement($id, presets[preset]);
110 | }
111 |
112 | var getConfig = function() {
113 | var filterVars = {};
114 | $.post(document.baseURI,
115 | 'action=get_config&data=' + encodeURIComponent(JSON.stringify(filterVars)),
116 | function(data, textStatus, jqXHR) {
117 | if (data.success) {
118 | var $id = $('#config');
119 | fillInElement($id, data.element);
120 |
121 | } else {
122 | notify($('#config-save'), '', jqXHR.statusText, 'bg-danger', 4000);
123 | }
124 | }, 'json').fail(function() {
125 | notify($('#config-save'), '', 'Connection error', 'bg-danger', 4000);
126 | });
127 | }
128 |
129 | var saveConfig = function($id) {
130 | var elementVars = getElementValues($id);
131 | $.post(
132 | document.baseURI,
133 | 'action=save_config&data=' + encodeURIComponent(JSON.stringify(elementVars)),
134 | function(data,textStatus,jqXHR) {
135 | if (data.success) {
136 | fillInElement($id, data.element);
137 | notify($('#config-save'), '', jqXHR.statusText, 'bg-success',
138 | 2000);
139 | } else {
140 | notify($('#config-save'), '', jqXHR.statusText, 'bg-danger',
141 | 4000);
142 | }
143 | }, 'json').fail(
144 | function() {
145 | notify($('#config-save'), '', 'Connection error', 'bg-danger',
146 | 4000);
147 | });
148 | }
149 |
150 | var adaptLayout = function($id) {
151 | if ($id.is(':checkbox')) {
152 | toggleField($id);
153 | }
154 | var albumColumns = 0;
155 | $(
156 | 'input[name=print_show_cover], ' + 'input[name=print_show_album_info], '
157 | + 'input[name=print_show_tracks]').each(function() {
158 | if ($(this).prop('checked')) {
159 | albumColumns++;
160 | }
161 | });
162 | // adjust the width of the columns for each album
163 | var numCols = 12 / albumColumns << 0;
164 | var columnClass = 'col-xs-' + numCols;
165 | $('.cover').removeClass().addClass(columnClass + ' cover');
166 | $('.album-info').removeClass().addClass(columnClass + ' album-info');
167 | $('.tracks').removeClass().addClass(columnClass + ' tracks');
168 |
169 | // move around the album controls if necessary
170 | if ($('input[name=print_show_album_controls]').prop('checked')) {
171 | if ($('input[name=print_show_album_info]').prop('checked')) {
172 | attachAlbumControlsTo('.album-info');
173 | $('.album-controls').addClass('btn-group-justified');
174 | } else if ($('input[name=print_show_cover]').prop('checked')) {
175 | attachAlbumControlsTo('.cover');
176 | $('.album-controls').addClass('btn-group-justified');
177 | } else {
178 | attachAlbumControlsTo('.tracks');
179 | $('.album-controls').removeClass('btn-group-justified');
180 | }
181 | }
182 |
183 | // make sure we always see the power-on button
184 | if ($('input[name=print_show_cover]').prop('checked')) {
185 | attachPowerOnTo('.cover');
186 | $('.power-on').css('position', 'absolute');
187 | $('.power-on').removeClass('power-on-inline');
188 | } else if ($('input[name=print_show_album_info]').prop('checked')) {
189 | attachPowerOnTo('.album-info');
190 | $('.power-on').css('position', 'relative');
191 | $('.power-on').removeClass('power-on-inline');
192 | } else {
193 | attachPowerOnTo('.tracks');
194 | $('.power-on').css('position', 'relative');
195 | $('.power-on').addClass('power-on-inline');
196 | }
197 | }
198 |
199 | var attachAlbumControlsTo = function(selector) {
200 | $('.album').each(function() {
201 | if (selector === '.tracks') {
202 | $(this).find('.album-controls').prependTo($(this).find(selector));
203 | } else {
204 | $(this).find('.album-controls').appendTo($(this).find(selector));
205 | }
206 | });
207 | }
208 |
209 | var attachPowerOnTo = function(selector) {
210 | $('.album').each(function() {
211 | $(this).find('.power-on').prependTo($(this).find(selector));
212 | });
213 | }
214 |
215 | var toggleField = function($checkbox) {
216 | var selector = '.' + $checkbox.attr('name').slice(11).replace(/_/g, '-')
217 | if ($checkbox.prop('checked')) {
218 | $(selector).show();
219 | } else {
220 | $(selector).hide();
221 | }
222 | }
223 |
224 | var changeTileSize = function($id) {
225 | if ($id.val()) {
226 | var PPcm = 56.692845103;
227 | var size = $id.val() * PPcm;
228 | var column_sizes = [6, 4];
229 | $('.album').css({ 'min-width': size + 'px', 'min-height': size + 'px', 'max-width': size + 'px', 'max-height': size + 'px', 'overflow': 'hidden'});
230 | $('.album').find('.tracks').each(function(unused, tracks) {
231 | resetTracks($(tracks).find('ul'));
232 | var i = 0;
233 | var $ul = $(tracks).find('ul');
234 | while ($ul.prop('scrollHeight') > size - 156 && i < column_sizes.length ) {
235 | $ul.find('li').removeClass().addClass('list-group-item col-xs-' + column_sizes[i++]);
236 | $ul.find('.track-title').css({'overflow':'hidden', 'text-overflow': 'ellipsis', 'white-space': 'nowrap'});
237 | }
238 | });
239 | /**
240 | * TODO detect track ul overflow ( https://stackoverflow.com/questions/7138772/how-to-detect-overflow-in-div-element )
241 | * and increase number of columns as needed ( https://stackoverflow.com/questions/19836567/bootstrap-3-multi-column-within-a-single-ul-not-floating-properly )
242 | */
243 | } else {
244 | $('.album').removeAttr('style');
245 | $('.album').find('.tracks').each(function(unused, tracks) {
246 | resetTracks($(tracks).find('ul'));
247 | });
248 | }
249 | }
250 |
251 | var resetTracks = function($ul) {
252 | $ul.removeClass('row');
253 | $ul.find('li').removeClass().addClass('list-group-item');
254 | $ul.find('.track-title').css({'overflow':'visible', 'text-overflow': 'clip', 'white-space': 'normal'});
255 | }
256 |
257 | var changeNumberOfColumns = function($id) {
258 | if ($id.val() > 1) {
259 | var colWidth = 12 / $id.val() << 0;
260 | var columnClass = 'col-xs-' + colWidth;
261 | $('.album').parent().removeClass().addClass(columnClass);
262 | $('.album').parent().appendTo('#wrap-all-print');
263 | $('.album-row').remove();
264 | var rowHTML = '';
265 | var rowCount = 0;
266 | $('.album').parent().each( function(albumCount){
267 | if ( (albumCount % $id.val()) === 0 ) {
268 | rowCount++;
269 | $('#wrap-all-print').append('');
270 | }
271 | $(this).appendTo('#row-' + rowCount);
272 | });
273 | $('#general-controls').appendTo('#wrap-all-print');
274 | } else {
275 | $('.album').parent().removeClass().addClass('row');
276 | $('.album').parent().appendTo('#wrap-all-print');
277 | $('.album-row').remove();
278 | $('#general-controls').appendTo('#wrap-all-print');
279 | }
280 | }
281 |
282 | var savePDF = function() {
283 | $.post(
284 | document.baseURI,
285 | 'action=save_pdf&data=' + encodeURIComponent(JSON.stringify({content: $('#wrap-all-print').html()})),
286 | function(data,textStatus,jqXHR) {
287 | if (data.success) {
288 | setTimeout(function() { window.open('/print.pdf'); }, 10000);
289 | notify($('#pdf-save'), '', 'Creating pdf, please wait about 10 s... (you need to allow popups to see the pdf. otherwise open "http://'+window.location.host+'/print.pdf" manually', 'bg-info',
290 | 10000);
291 | } else {
292 | notify($('#pdf-save'), '', jqXHR.statusText, 'bg-danger',
293 | 4000);
294 | }
295 | }, 'json').fail(
296 | function() {
297 | notify($('#pdf-save'), '', 'Connection error', 'bg-danger',
298 | 4000);
299 | });
300 |
301 | }
302 |
303 | $(function() {
304 | // fetch the configuration from the database
305 | getConfig();
306 |
307 | tileStyle = (function() {
308 | // Create the
134 |
135 |
136 |
137 |
138 |
139 | ';
125 | $content .= "
';
127 |
128 | #add general track controls
129 | $content .= '$controls
";
126 | $content .= ' ';
130 | $content .= '
';
138 | $content .= '';
131 | my $counter = 1;
132 | while ( $counter <= $config->{'print_max_track_controls'} ) {
133 | $content .= format_track_control( $counter, $oid_map, $httpd, $dbh );
134 | if ( ( $counter < $config->{'print_max_track_controls'} )
135 | && ( ( $counter % 12 ) == 0 ) )
136 | {
137 | $content .= '
';
139 | $content .= '
';
140 | }
141 | $counter++;
142 | }
143 | $content .= '
140 |
141 |
142 |
148 |
164 |
165 |
143 | 
145 |
146 |
147 |
145 |
166 |
179 |
180 |
181 |
182 |
167 |
173 |
174 | { $content }
175 |
176 |
177 |
178 |
168 |
169 |
172 |