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

first version of breadcrumb 'root', still have a weird feeling about this

This commit is contained in:
Jan-Christoph Borchardt 2012-10-28 16:05:31 +01:00
parent f2f2b8ba3b
commit 7af8c6c3cb
8 changed files with 1853 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/files/appinfo/app.php
View File

@ -3,6 +3,6 @@ $l=OC_L10N::get('files');
OCP\App::registerAdmin('files', 'admin');
OCP\App::addNavigationEntry( array( "id" => "files_index", "order" => 0, "href" => OCP\Util::linkTo( "files", "index.php" ), "icon" => OCP\Util::imagePath( "core", "places/home.svg" ), "name" => $l->t("Files") ));
OCP\App::addNavigationEntry( array( "id" => "files_index", "order" => 0, "href" => OCP\Util::linkTo( "files", "index.php" ), "icon" => OCP\Util::imagePath( "core", "places/files.svg" ), "name" => $l->t("Files") ));
OC_Search::registerProvider('OC_Search_Provider_File');

4
apps/files/css/files.css
View File

@ -81,10 +81,6 @@ a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; }
.selectedActions a { display:inline; margin:-.5em 0; padding:.5em !important; }
.selectedActions a img { position:relative; top:.3em; }
/* add breadcrumb divider to the File item in navigation panel */
#navigation>ul>li:first-child { background:url('%webroot%/core/img/breadcrumb-start.svg') no-repeat 12.5em 0px; width:12.5em; padding-right:1em; position:fixed; }
#navigation>ul>li:first-child+li { padding-top:2.9em; }
#scanning-message{ top:40%; left:40%; position:absolute; display:none; }
div.crumb a{ padding: 0.9em 0 0.7em 0; }

11
apps/files/templates/part.breadcrumb.php
View File

@ -1,6 +1,13 @@
<?php if(count($_["breadcrumb"])):?>
<div class="crumb">
<a href="<?php echo $_['baseURL'].urlencode($crumb['dir']); ?>">
<img src="<?php echo OCP\image_path('core','places/home.svg');?>" />
</a>
</div>
<?php endif;?>
<?php for($i=0; $i<count($_["breadcrumb"]); $i++):
$crumb = $_["breadcrumb"][$i]; ?>
<div class="crumb <?php if($i == count($_["breadcrumb"])-1) echo 'last';?> svg" data-dir='<?php echo urlencode($crumb["dir"]);?>' style='background-image:url("<?php echo OCP\image_path('core','breadcrumb.png');?>")'>
<a href="<?php echo $_['baseURL'].urlencode($crumb["dir"]); ?>"><?php echo OCP\Util::sanitizeHTML($crumb["name"]); ?></a>
<div class="crumb <?php if($i == count($_["breadcrumb"])-1) echo 'last';?> svg" data-dir='<?php echo urlencode($crumb["dir"]);?>'>
<a href="<?php echo $_['baseURL'].urlencode($crumb['dir']); ?>"><?php echo OCP\Util::sanitizeHTML($crumb["name"]); ?></a>
</div>
<?php endfor;?>

5
core/css/styles.css
View File

@ -177,6 +177,7 @@ a.bookmarklet { background-color: #ddd; border:1px solid #ccc; padding: 5px;padd
.arrow.down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
/* ---- BREADCRUMB ---- */
div.crumb { float:left; display:block; background:no-repeat right 0; padding:.75em 1.5em 0 1em; height:2.9em; }
div.crumb { float:left; display:block; background:url('../img/breadcrumb.svg') no-repeat right 0; padding:.75em 1.5em 0 1em; height:2.9em; }
div.crumb:first-child { padding-left:1em; }
div.crumb.last { font-weight:bold; }
div.crumb.last { font-weight:bold; background:none; padding-right:0; }
div.crumb a{ padding: 0.9em 0 0.7em 0; }

BIN
core/img/places/files.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 372 B

1779
core/img/places/files.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
core/img/places/home.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 372 B

After

Width:  |  Height:  |  Size: 364 B

83
core/img/places/home.svg
View File

@ -14,9 +14,9 @@
width="16"
height="16"
id="svg11300"
inkscape:version="0.48.1 r9760"
sodipodi:docname="help.svg"
inkscape:export-filename="/home/jancborchardt/jancborchardt/ownCloud/icons/help.png"
inkscape:version="0.48.3.1 r9886"
sodipodi:docname="home.svg"
inkscape:export-filename="home.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<metadata
@ -41,16 +41,16 @@
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="776"
inkscape:window-height="800"
id="namedview24"
showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:zoom="22.627418"
inkscape:cx="14.025105"
inkscape:cy="9.2202448"
inkscape:zoom="8.0000004"
inkscape:cx="15.733743"
inkscape:cy="8.9471081"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-y="-31"
inkscape:window-maximized="1"
inkscape:current-layer="g4146">
<inkscape:grid
@ -64,6 +64,17 @@
</sodipodi:namedview>
<defs
id="defs3">
<linearGradient
id="linearGradient4085">
<stop
offset="0"
style="stop-color:#000000;stop-opacity:1"
id="stop4087" />
<stop
offset="1"
style="stop-color:#363636;stop-opacity:0.7"
id="stop4089" />
</linearGradient>
<linearGradient
id="linearGradient4136">
<stop
@ -1743,6 +1754,35 @@
id="linearGradient3475"
xlink:href="#linearGradient3587-6-5-26"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3587-6-5-26"
id="linearGradient4074"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.927091,-3.426613)"
x1="-2.4040222"
y1="4.4573336"
x2="-2.4040222"
y2="18.967093" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4085"
id="linearGradient4083"
x1="8"
y1="1"
x2="8"
y2="15.458407"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4085"
id="linearGradient4121"
gradientUnits="userSpaceOnUse"
x1="8"
y1="1"
x2="8"
y2="15.458407"
gradientTransform="translate(-20,0)" />
</defs>
<g
transform="matrix(0.78786264,0,0,0.78786264,-3.1483699,0.44173984)"
@ -1761,19 +1801,18 @@
style="opacity:0.6;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1" />
<g
id="g4146">
<g
id="g4550"
transform="translate(0,-20)">
<path
inkscape:connector-curvature="0"
d="M 8,22.03072 0,30 l 3,0 0,6 10,0 0,-6 3,0 L 13,26.969459 13,23 l -3.0000001,0 0,1.081152 L 8,22.03072 z"
id="path3887"
style="opacity:0.6;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
inkscape:connector-curvature="0"
d="M 8,21.03072 0,29 l 3,0 0,6 10,0 0,-6 3,0 L 13,25.969459 13,22 l -3.0000001,0 0,1.081152 L 8,21.03072 z"
id="path3883"
style="opacity:0.7;fill:url(#linearGradient3475);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
<path
style="fill:url(#linearGradient4083);fill-rule:evenodd;stroke:none;fill-opacity:1;opacity:0.69999999999999996"
d="M 4 2 C 2.892 2 2 2.892 2 4 L 2 12 C 2 13.108 2.892 14 4 14 L 12 14 C 13.108 14 14 13.108 14 12 L 14 4 C 14 2.892 13.108 2 12 2 L 4 2 z M 4.09375 4 L 11.90625 4 C 11.96165 4 12 4.03835 12 4.09375 L 12 11.90625 C 12 11.96165 11.96165 12 11.90625 12 L 4.09375 12 C 4.03835 12 4 11.96165 4 11.90625 L 4 4.09375 C 4 4.03835 4.03835 4 4.09375 4 z "
id="rect3298" />
<rect
rx="2"
ry="2"
y="2"
x="-18"
height="12"
width="12"
id="rect4119"
style="opacity:0.7;fill:url(#linearGradient4121);fill-opacity:1;fill-rule:evenodd;stroke:none" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 55 KiB