mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

more valid HTML, alt attributes, refactored pagenavi etc.

This commit is contained in:
Jan-Christoph Borchardt 2011-08-20 05:07:58 +02:00
parent c2f0fe51c4
commit d9aae20003
14 changed files with 71 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/contacts/templates/part.details.php
View File

@ -30,6 +30,6 @@
<?php endif; ?> <?php endif; ?>
<div id="contacts_cardoptions"> <div id="contacts_cardoptions">
<a id="contacts_deletecard"><img class="svg action" src="<?php echo image_path('', 'actions/delete.svg'); ?>" /></a> <a id="contacts_deletecard"><img class="svg action" alt="<?php echo $l->t('Delete');?>" src="<?php echo image_path('', 'actions/delete.svg'); ?>" /></a>
<a id="contacts_addproperty"><img class="svg action" src="<?php echo image_path('', 'actions/download.svg'); ?>" /></a> <a id="contacts_addproperty"><img class="svg action" alt="<?php echo $l->t('Download');?>" src="<?php echo image_path('', 'actions/download.svg'); ?>" /></a>
</div> </div>

30
apps/media/templates/music.php
View File

@ -1,11 +1,11 @@
<div id="controls"> <div id="controls">
<ul class="jp-controls"> <ul class="jp-controls">
<li><a href="#" class="jp-play action"><img class="svg" src="<?php echo image_path('core', 'actions/play-big.svg'); ?>" /></a></li> <li><a href="#" class="jp-play action"><img class="svg" alt="<?php echo $l->t('Play');?>" src="<?php echo image_path('core', 'actions/play-big.svg'); ?>" /></a></li>
<li><a href="#" class="jp-pause action"><img class="svg" src="<?php echo image_path('core', 'actions/pause-big.svg'); ?>" /></a></li> <li><a href="#" class="jp-pause action"><img class="svg" alt="<?php echo $l->t('Pause');?>" src="<?php echo image_path('core', 'actions/pause-big.svg'); ?>" /></a></li>
<li><a href="#" class="jp-previous action"><img class="svg" src="<?php echo image_path('core', 'actions/play-previous.svg'); ?>" /></a></li> <li><a href="#" class="jp-previous action"><img class="svg" alt="<?php echo $l->t('Previous');?>" src="<?php echo image_path('core', 'actions/play-previous.svg'); ?>" /></a></li>
<li><a href="#" class="jp-next action"><img class="svg" src="<?php echo image_path('core', 'actions/play-next.svg'); ?>" /></a></li> <li><a href="#" class="jp-next action"><img class="svg" alt="<?php echo $l->t('Next');?>" src="<?php echo image_path('core', 'actions/play-next.svg'); ?>" /></a></li>
<li><a href="#" class="jp-mute action"><img class="svg" src="<?php echo image_path('core', 'actions/sound.svg'); ?>" /></a></li> <li><a href="#" class="jp-mute action"><img class="svg" alt="<?php echo $l->t('Mute');?>" src="<?php echo image_path('core', 'actions/sound.svg'); ?>" /></a></li>
<li><a href="#" class="jp-unmute action"><img class="svg" src="<?php echo image_path('core', 'actions/sound-off.svg'); ?>" /></a></li> <li><a href="#" class="jp-unmute action"><img class="svg" alt="<?php echo $l->t('Unmute');?>" src="<?php echo image_path('core', 'actions/sound-off.svg'); ?>" /></a></li>
</ul> </ul>
<div class="jp-progress"> <div class="jp-progress">
<div class="jp-seek-bar"> <div class="jp-seek-bar">
@ -26,22 +26,24 @@
<div id="rightcontent"> <div id="rightcontent">
<div id="scan"> <div id="scan">
<p id="scancount" style="display:none"><span class="songCount">0</span> <?php echo $l->t('Songs scanned')?> <p id="scancount" style="display:none"><span class="songCount">0</span> <?php echo $l->t('Songs scanned')?>
<input type="button" class="start" value="<?php echo $l->t('Rescan Collection')?>"></input> <input type="button" class="start" value="<?php echo $l->t('Rescan Collection')?>" />
<input type="button" class="stop" style="display:none" value="<?php echo $l->t('Pause')?>"></input></p> <input type="button" class="stop" style="display:none" value="<?php echo $l->t('Pause')?>" /></p>
<div id="scanprogressbar"></div> <div id="scanprogressbar"></div>
</div> </div>
<table id="collection"> <table id="collection">
<thead> <thead>
<th><?php echo $l->t('Artist')?></th> <tr>
<th><?php echo $l->t('Album')?></th> <th><?php echo $l->t('Artist')?></th>
<th><?php echo $l->t('Title')?></th> <th><?php echo $l->t('Album')?></th>
<th><?php echo $l->t('Title')?></th>
</tr>
</thead> </thead>
<tbody> <tbody>
<tr class="template"> <tr class="template">
<td class="artist"><a/></td> <td class="artist"><a></a></td>
<td class="album"><a/></td> <td class="album"><a></a></td>
<td class="title"><a/></td> <td class="title"><a></a></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

5
core/css/styles.css
View File

@ -101,10 +101,13 @@ input[type="submit"].highlight{ background:#ffc100; border:1px solid #db0; text-
table tr { -webkit-transition:background-color 500ms; -moz-transition:background-color 500ms; -o-transition:background-color 500ms; transition:background-color 500ms; } table tr { -webkit-transition:background-color 500ms; -moz-transition:background-color 500ms; -o-transition:background-color 500ms; transition:background-color 500ms; }
tbody tr:hover, tr:active { background-color:#f8f8f8; } tbody tr:hover, tr:active { background-color:#f8f8f8; }
#body-settings .personalblock { padding:.5em 1em; margin:1em; background:#f8f8f8; color:#555; text-shadow:#fff 0 1px 0; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; } #body-settings .personalblock, .pager li { padding:.5em 1em; margin:1em; background:#f8f8f8; color:#555; text-shadow:#fff 0 1px 0; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; }
#body-settings .personalblock#quota { position:relative; margin-top:4.5em; padding:0; } #body-settings .personalblock#quota { position:relative; margin-top:4.5em; padding:0; }
#quota div, div.jp-play-bar, div.jp-seek-bar { padding:.6em 1em; background:#e6e6e6; font-weight:normal; white-space:nowrap; -moz-border-radius-bottomleft:.4em; -webkit-border-bottom-left-radius:.4em; border-bottom-left-radius:.4em; -moz-border-radius-topleft:.4em; -webkit-border-top-left-radius:.4em; border-top-left-radius:.4em; } #quota div, div.jp-play-bar, div.jp-seek-bar { padding:.6em 1em; background:#e6e6e6; font-weight:normal; white-space:nowrap; -moz-border-radius-bottomleft:.4em; -webkit-border-bottom-left-radius:.4em; border-bottom-left-radius:.4em; -moz-border-radius-topleft:.4em; -webkit-border-top-left-radius:.4em; border-top-left-radius:.4em; }
div.jp-play-bar, div.jp-seek-bar { padding:0; } div.jp-play-bar, div.jp-seek-bar { padding:0; }
.pager { list-style:none; margin:0 1em; float:right; }
.pager li { display:inline-block; margin:0; }
li.error { width:640px; margin:4em auto; padding:1em 1em 1em 4em; background:#ffe .8em .8em no-repeat; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } li.error { width:640px; margin:4em auto; padding:1em 1em 1em 4em; background:#ffe .8em .8em no-repeat; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }

4
core/templates/layout.user.php
View File

@ -31,7 +31,7 @@
<form class="searchbox" action="#" method="post"> <form class="searchbox" action="#" method="post">
<input id="searchbox" class="svg" type="search" name="query" value="<?php if(isset($_POST['query'])){echo $_POST['query'];};?>" autocomplete="off" /> <input id="searchbox" class="svg" type="search" name="query" value="<?php if(isset($_POST['query'])){echo $_POST['query'];};?>" autocomplete="off" />
</form> </form>
<a id="logout" href="<?php echo link_to('', 'index.php'); ?>?logout=true"><img class="svg" src="<?php echo image_path('', 'actions/logout.svg'); ?>" /></a> <a id="logout" href="<?php echo link_to('', 'index.php'); ?>?logout=true"><img class="svg" alt="<?php echo $l->t('Log out');?>" src="<?php echo image_path('', 'actions/logout.svg'); ?>" /></a>
</div></header> </div></header>
<nav><div id="navigation"> <nav><div id="navigation">
@ -43,7 +43,7 @@
</ul> </ul>
<ul id="settings" class="svg"> <ul id="settings" class="svg">
<img id="expand" class="svg" src="<?php echo image_path('', 'actions/settings.svg'); ?>" /> <img id="expand" class="svg" alt="<?php echo $l->t('Settings');?>" src="<?php echo image_path('', 'actions/settings.svg'); ?>" />
<span style="display:none"><?php echo $l->t('Settings');?></span> <span style="display:none"><?php echo $l->t('Settings');?></span>
<div id="expanddiv"> <div id="expanddiv">
<?php foreach($_['settingsnavigation'] as $entry):?> <?php foreach($_['settingsnavigation'] as $entry):?>

53
core/templates/part.pagenavi.php
View File

@ -1,31 +1,22 @@
<center> <ol class="pager">
<table class="pager" cellspacing="0" cellpadding="0" border="0"> <?php if($_['page']>0):?>
<tr><td width="50%"></td> <li class="pagerbutton1"><a href="<?php echo $_['url'].($_['page']-1);?>"><?php echo $l->t( 'prev' ); ?></a></li>
<td width="1"> <?php endif; ?>
<?php if($_['page']>0):?> <?php if ($_['pagestart']>0):?>
<span class="pagerbutton1"><a href="<?php echo $_['url'].($_['page']-1);?>"><?php echo $l->t( 'prev' ); ?></a>&nbsp;&nbsp;</span> &hellip;
<?php endif; ?> <?php endif;?>
</td> <?php for ($i=$_['pagestart']; $i < $_['pagestop'];$i++):?>
<td width="1"> <?php if ($_['page']!=$i):?>
<?php if ($_['pagestart']>0):?> <li><a href="<?php echo $_['url'].$i;?>"><?php echo $i+1;?></a></li>
... <?php else:?>
<?php endif;?> <li><?php echo $i+1;?></li>
<?php for ($i=$_['pagestart']; $i < $_['pagestop'];$i++):?> <?php endif?>
<?php if ($_['page']!=$i):?> <?php endfor;?>
<a href="<?php echo $_['url'].$i;?>"><?php echo $i+1;?>&nbsp;</a> <?php if ($_['pagestop']<$_['pagecount']):?>
<?php else:?> &hellip;
<?php echo $i+1;?>&nbsp; <?php endif;?>
<?php endif?>
<?php endfor;?> <?php if(($_['page']+1)<$_['pagecount']):?>
<?php if ($_['pagestop']<$_['pagecount']):?> <li class="pagerbutton2"><a href="<?php echo $_['url'].($_['page']+1);?>"><?php echo $l->t( 'next' ); ?></a></li>
... <?php endif; ?>
<?php endif;?> </ol>
</td>
<td width="1">
<?php if(($_['page']+1)<$_['pagecount']):?>
<span class="pagerbutton2"><a href="<?php echo $_['url'].($_['page']+1);?>"><?php echo $l->t( 'next' ); ?></a></span>
<?php endif; ?>
</td>
<td width="50%"></td></tr>
</table>
</center>

2
files/css/files.css
View File

@ -24,7 +24,7 @@
.file_upload_form, .file_upload_wrapper, .file_upload_start, .file_upload_filename, #file_upload_submit { cursor:pointer; } .file_upload_form, .file_upload_wrapper, .file_upload_start, .file_upload_filename, #file_upload_submit { cursor:pointer; }
/* FILE TABLE */ /* FILE TABLE */
span#emptyfolder { position:absolute; margin:10em 0 0 10em; font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0; } #emptyfolder { position:absolute; margin:10em 0 0 10em; font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0; }
table { position:relative; top:37px; width:100%; } table { position:relative; top:37px; width:100%; }
tbody tr:hover, tbody tr:active, tbody tr.selected { background-color:#f8f8f8; height:1em; } tbody tr:hover, tbody tr:active, tbody tr.selected { background-color:#f8f8f8; height:1em; }
tbody tr.selected { background-color:#eee; } tbody tr.selected { background-color:#eee; }

1
files/index.php
View File

@ -81,6 +81,7 @@ $tmpl = new OC_Template( "files", "index", "user" );
$tmpl->assign( "fileList", $list->fetchPage() ); $tmpl->assign( "fileList", $list->fetchPage() );
$tmpl->assign( "breadcrumb", $breadcrumbNav->fetchPage() ); $tmpl->assign( "breadcrumb", $breadcrumbNav->fetchPage() );
$tmpl->assign( 'dir', $dir); $tmpl->assign( 'dir', $dir);
$tmpl->assign( "files", $files );
$tmpl->assign( 'uploadMaxFilesize', $maxUploadFilesize); $tmpl->assign( 'uploadMaxFilesize', $maxUploadFilesize);
$tmpl->assign( 'uploadMaxHumanFilesize', OC_Helper::humanFileSize($maxUploadFilesize)); $tmpl->assign( 'uploadMaxHumanFilesize', OC_Helper::humanFileSize($maxUploadFilesize));
$tmpl->printPage(); $tmpl->printPage();

12
files/templates/index.php
View File

@ -5,9 +5,9 @@
<input type="hidden" name="MAX_FILE_SIZE" value="<?php echo $_['uploadMaxFilesize'] ?>" id="max_upload"> <input type="hidden" name="MAX_FILE_SIZE" value="<?php echo $_['uploadMaxFilesize'] ?>" id="max_upload">
<input type="hidden" class="max_human_file_size" value="(max <?php echo $_['uploadMaxHumanFilesize']; ?>)"> <input type="hidden" class="max_human_file_size" value="(max <?php echo $_['uploadMaxHumanFilesize']; ?>)">
<input type="hidden" name="dir" value="<?php echo $_['dir'] ?>" id="dir"> <input type="hidden" name="dir" value="<?php echo $_['dir'] ?>" id="dir">
<div class="file_upload_wrapper" class="svg"> <div class="file_upload_wrapper svg">
<input type="submit" class="file_upload_filename" value="<?php echo $l->t('Upload'); ?>"/> <input type="submit" class="file_upload_filename" value="<?php echo $l->t('Upload'); ?>"/>
<input class="file_upload_start" class="file_upload_start" type="file" name='files[]'/> <input class="file_upload_start" type="file" name='files[]'/>
<a href="#" class="file_upload_button_wrapper" onclick="return false;" title="<?php echo 'max. '.$_['uploadMaxHumanFilesize'] ?>"></a> <a href="#" class="file_upload_button_wrapper" onclick="return false;" title="<?php echo 'max. '.$_['uploadMaxHumanFilesize'] ?>"></a>
</div> </div>
<iframe name="file_upload_target_1" class='file_upload_target' src=""></iframe> <iframe name="file_upload_target_1" class='file_upload_target' src=""></iframe>
@ -21,7 +21,9 @@
</div> </div>
<div id='notification'></div> <div id='notification'></div>
<table cellspacing="0"> <div id="emptyfolder" <?php if(count($_['files'])) echo 'style="display:none;"';?>><?php echo $l->t('Nothing in here. Upload something!')?></div>
<table>
<thead> <thead>
<tr> <tr>
<th id='headerName'> <th id='headerName'>
@ -43,8 +45,6 @@
<div id="uploadsize-message" title="<?php echo $l->t('Upload too large')?>"> <div id="uploadsize-message" title="<?php echo $l->t('Upload too large')?>">
<p> <p>
<?php echo $l->t( 'The files you are trying to upload exceed the maximum size for file uploads on this server.' ); ?> <?php echo $l->t('The files you are trying to upload exceed the maximum size for file uploads on this server.');?>
</p> </p>
</div> </div>
<span id="file_menu"/>

1
files/templates/part.list.php
View File

@ -1,4 +1,3 @@
<span id="emptyfolder" <?php if(count($_['files'])) echo 'style="display:none;"';?>><?php echo $l->t('Nothing in here. Upload something!')?></span>
<?php foreach($_['files'] as $file): <?php foreach($_['files'] as $file):
$simple_file_size = simple_file_size($file['size']); $simple_file_size = simple_file_size($file['size']);
$simple_size_color = intval(200-$file['size']/(1024*1024)*2); // the bigger the file, the darker the shade of grey; megabytes*2 $simple_size_color = intval(200-$file['size']/(1024*1024)*2); // the bigger the file, the darker the shade of grey; megabytes*2

4
lib/template.php
View File

@ -70,8 +70,8 @@ function human_file_size( $bytes ){
function simple_file_size($bytes) { function simple_file_size($bytes) {
$mbytes = round($bytes/(1024*1024),1); $mbytes = round($bytes/(1024*1024),1);
if($bytes == 0) { return '0'; } if($bytes == 0) { return '0'; }
else if($mbytes < 0.1) { return '< 0.1'; } else if($mbytes < 0.1) { return '&lt; 0.1'; }
else if($mbytes > 1000) { return '> 1000'; } else if($mbytes > 1000) { return '&gt; 1000'; }
else { return number_format($mbytes, 1); } else { return number_format($mbytes, 1); }
} }

6
settings/js/users.js
View File

@ -131,7 +131,7 @@ $(document).ready(function(){
} }
); );
var tr=$('#content table tr').first().next().clone(); var tr=$('#content table tbody tr').first().clone();
tr.attr('data-uid',username); tr.attr('data-uid',username);
tr.find('td.name').text(username); tr.find('td.name').text(username);
var select=$('<select multiple="multiple" data-placehoder="Groups" title="Groups">'); var select=$('<select multiple="multiple" data-placehoder="Groups" title="Groups">');
@ -142,10 +142,10 @@ $(document).ready(function(){
select.append($('<option value="'+group+'">'+group+'</option>')); select.append($('<option value="'+group+'">'+group+'</option>'));
}); });
tr.find('td.groups').append(select); tr.find('td.groups').append(select);
if(tr.find('td.remve img').length==0){ if(tr.find('td.remove img').length==0){
tr.find('td.remove').append($('<img alt="Delete" title="'+t('settings','Delete')+'" class="svg action" src="'+OC.imagePath('core','actions/delete')+'"/>')); tr.find('td.remove').append($('<img alt="Delete" title="'+t('settings','Delete')+'" class="svg action" src="'+OC.imagePath('core','actions/delete')+'"/>'));
} }
applyMultiplySelect(select); applyMultiplySelect(select);
$('#content table tr').last().after(tr); $('#content table tbody').last().after(tr);
}); });
}); });

2
settings/templates/apps.php
View File

@ -12,5 +12,5 @@
<h3><strong><span class="name"><?php echo $l->t('Select an App');?></span></strong><span class="version"></span></h3> <h3><strong><span class="name"><?php echo $l->t('Select an App');?></span></strong><span class="version"></span></h3>
<p class="description"></p> <p class="description"></p>
<p class="hidden"><span class="licence"></span><?php echo $l->t('-licensed');?> <?php echo $l->t('by');?> <span class="author"></span></p> <p class="hidden"><span class="licence"></span><?php echo $l->t('-licensed');?> <?php echo $l->t('by');?> <span class="author"></span></p>
<input class="enable hidden" type="submit"></input> <input class="enable hidden" type="submit" />
</div> </div>

6
settings/templates/help.php
View File

@ -1,13 +1,13 @@
<?php if(is_null($_["kbe"])):?> <?php if(is_null($_["kbe"])):?>
<div class="personalblock"> <div class="personalblock">
<p><?php echo $l->t('Problems connecting to help database.');?> <p><?php echo $l->t('Problems connecting to help database.');?></p>
<a href="http://apps.owncloud.com/kb"><?php echo $l->t('Go there manually.');?></a> <p><a href="http://apps.owncloud.com/kb"><?php echo $l->t('Go there manually.');?></a></p>
</div> </div>
<?php else:?> <?php else:?>
<?php foreach($_["kbe"] as $kb): ?> <?php foreach($_["kbe"] as $kb): ?>
<div class="personalblock"> <div class="personalblock">
<?php if($kb["preview1"] <> "") { echo('<img class="preview" src="'.$kb["preview1"].'" />'); } ?> <?php if($kb["preview1"] <> "") { echo('<img class="preview" src="'.$kb["preview1"].'" />'); } ?>
<p><strong><?php if($kb['detailpage']<>'') echo('<p><a target="_blank" href="'.$kb['detailpage'].'"><strong>'.$kb["name"].'</strong></a></p>');?></strong></p> <?php if($kb['detailpage']<>'') echo('<p><a target="_blank" href="'.$kb['detailpage'].'"><strong>'.$kb["name"].'</strong></a></p>');?>
<p><?php echo $kb['description'];?></p> <p><?php echo $kb['description'];?></p>
<?php if($kb['answer']<>'') echo('<p><strong>'.$l->t('Answer').':</strong><p>'.$kb['answer'].'</p>');?> <?php if($kb['answer']<>'') echo('<p><strong>'.$l->t('Answer').':</strong><p>'.$kb['answer'].'</p>');?>
</div> </div>

13
settings/templates/users.php
View File

@ -6,17 +6,20 @@ foreach($_["groups"] as $group) {
?> ?>
<table data-groups="<?php echo implode(', ',$allGroups);?>"> <table data-groups="<?php echo implode(', ',$allGroups);?>">
<tbody> <thead id="controls">
<tr id="controls"><form id="newuser"> <tr><form id="newuser">
<th class="name"><input id="newusername" placeholder="<?php echo $l->t('Name')?>"></input></th> <th class="name"><input id="newusername" placeholder="<?php echo $l->t('Name')?>" /></th>
<th class="password"><input type="password" id="newuserpassword" placeholder="<?php echo $l->t('Password')?>"></input></th> <th class="password"><input type="password" id="newuserpassword" placeholder="<?php echo $l->t('Password')?>" /></th>
<th class="groups"><select id="newusergroups" data-placeholder="groups" title="<?php echo $l->t('Groups')?>" multiple="multiple"> <th class="groups"><select id="newusergroups" data-placeholder="groups" title="<?php echo $l->t('Groups')?>" multiple="multiple">
<?php foreach($_["groups"] as $group): ?> <?php foreach($_["groups"] as $group): ?>
<option value="<?php echo $group['name'];?>"><?php echo $group['name'];?></option> <option value="<?php echo $group['name'];?>"><?php echo $group['name'];?></option>
<?php endforeach;?> <?php endforeach;?>
</select></th> </select></th>
<th><input type="submit" value="<?php echo $l->t('Create')?>"></input></th> <th class="quota"></th>
<th><input type="submit" value="<?php echo $l->t('Create')?>" /></th>
</form></tr> </form></tr>
</thead>
<tbody>
<?php foreach($_["users"] as $user): ?> <?php foreach($_["users"] as $user): ?>
<tr data-uid="<?php echo $user["name"] ?>"> <tr data-uid="<?php echo $user["name"] ?>">
<td class="name"><?php echo $user["name"]; ?></td> <td class="name"><?php echo $user["name"]; ?></td>