Skip to content
This repository has been archived by the owner on Nov 25, 2020. It is now read-only.

Commit

Permalink
Browse files Browse the repository at this point in the history
Droppable
  • Loading branch information
cdujeu committed Jul 4, 2014
1 parent c1bc79d commit 312a77c
Show file tree
Hide file tree
Showing 8 changed files with 93 additions and 84 deletions.
4 changes: 2 additions & 2 deletions core/src/plugins/gui.ajax/manifest.xml
Expand Up @@ -167,7 +167,7 @@
</div>
<div id="workspace_toolbar" ajxpClass="AjxpPane">
<div id="repo_chooser" style="width:15px;" ajxpClass="RepositorySelect" ajxpOptions='{"menuPosition": "bottom middle", "menuOffsetTop":5, "menuOffsetLeft":110, "menuMaxHeight":535, "menuEvent":"over", "simpleLabel":"<span class=\"icon-caret-down\"></span>"}'></div>
<div id="breadcrumb" class="breadcrumbs-arrow" ajxpClass="Breadcrumb" ajxpOptions='{"use_ul":true, "always_show_root":true, "hide_home_icon":true, "flexTo":"workspace_toolbar", "flexToMargin":80, "checkSiblings":true}'></div>
<div id="breadcrumb" class="breadcrumbs-arrow" ajxpClass="Breadcrumb" ajxpOptions='{"use_ul":true, "always_show_root":true, "hide_home_icon":true, "flexTo":"workspace_toolbar", "flexToMargin":50, "checkSiblings":true}'></div>
<div style="float:right;width:210px;" ajxpClass="AjxpPane" ajxpOptions='{}' id="search_engine_cont">
<div id="buttons_bar_top" style="float:right;" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["put"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
</div>
Expand All @@ -182,7 +182,7 @@
<h3>Bookmarks <small id="bookmarks_toggler" ajxpClass="VisibilityToggler" ajxpOptions='{"widget_id":"flagged_elements"}'>hide</small></h3>
<div id="flagged_elements" ajxpClass="FetchedResultPane" ajxpOptions='{"replaceScroller":false, "fit":"content","nodeProviderProperties":{"get_action":"search", "query":"keyword:ajxp_bookmarked"},"reloadOnServerMessage":"tree/reload_bookmarks"}'></div>
<h3>Folders <small id="folders_pane_toggler" ajxpClass="VisibilityToggler" ajxpOptions='{"widget_id":"folder_pane", "detection_id":"tree_container"}'>hide</small></h3>
<div id="folder_pane" ajxpClass="FoldersTree" ajxpOptions='{"display":"dz","replaceScroller":false,"fit":"content"}' ></div>
<div id="folder_pane" class="show_first_level" ajxpClass="FoldersTree" ajxpOptions='{"display":"dz","replaceScroller":false,"fit":"content"}' ></div>
<h3>Shared <small id="shared_files_toggler" class="simple-toggler-show" ajxpClass="VisibilityToggler" ajxpOptions='{"widget_id":"shared_files_list"}'>show</small></h3>
<div style="display:none;" id="shared_files_list" ajxpClass="FetchedResultPane" ajxpOptions='{"fit":"content","nodeProviderProperties":{"get_action":"search", "query":"keyword:ajxp_shared"}}'></div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion core/src/plugins/gui.ajax/res/js/ajaxplorer.js

Large diffs are not rendered by default.

Expand Up @@ -437,6 +437,11 @@ var AjxpDroppables = {
if(WebFXtimer) clearTimeout(WebFXtimer);
if(droppable.id && webFXTreeHandler.all[droppable.id])
{
var container = droppable.up('div.show_first_level');
if(container) {
container.removeClassName("show_first_level");
container.addClassName("reset_show_first_level");
}
var jsString = "javascript:";
WebFXtimer = window.setTimeout(function(){
var node = webFXTreeHandler.all[droppable.id];
Expand All @@ -446,7 +451,9 @@ var AjxpDroppables = {
},
onOut:function(droppable)
{
if(WebFXtimer) clearTimeout(WebFXtimer);
if(WebFXtimer) clearTimeout(WebFXtimer);
var container = droppable.up('div.reset_show_first_level');
if(container) container.addClassName("show_first_level");
}
},

Expand Down
69 changes: 23 additions & 46 deletions core/src/plugins/gui.ajax/res/js/ajaxplorer/class.Breadcrumb.js
Expand Up @@ -85,7 +85,7 @@ Class.create("Breadcrumb", {
refresh = '<i class="icon-refresh ajxp-goto-refresh" title="'+MessageHash[149]+'"></i>';
}
var first = pair.value == firstValue ? ' first-bread':'';
clickPath += "<li><span class='ajxp-goto "+first+"' data-goTo='"+pair.key+"'>"+pair.value+"</span></li>";
clickPath += "<li><span class='ajxp-goto "+first+"' data-goTo='"+pair.key+"'><em>"+pair.value+"</em></span></li>";
if(refresh){
clickPath += "<li><i class='ajxp-goto' data-goTo='"+pair.key+"'>"+refresh+"</i></li>";
}
Expand All @@ -98,13 +98,14 @@ Class.create("Breadcrumb", {
}.bind(this));
if(this.options['use_ul']){
this.element.update("<div class='inner_bread'><ul>" + clickPath + "</ul></div>");
this.resizeUls();
}else{
this.element.update("<div class='inner_bread'>" + clickPath + "</div>");
}

this.element.select("span.ajxp-goto").invoke("observe", "click", function(event){
"use strict";
var target = event.target.getAttribute("data-goTo");
var target = Event.findElement(event, "span[data-goTo]").getAttribute("data-goTo");// event.target.getAttribute("data-goTo");
event.target.setAttribute("title", "Go to " + target);
if(event.target.down('span.ajxp-goto-refresh')){
window.ajaxplorer.fireContextRefresh();
Expand Down Expand Up @@ -150,53 +151,29 @@ Class.create("Breadcrumb", {
}
}
if(this.options["use_ul"]){
/*
var lastOverlaps = function(){
var last = this.element.down('li:last');
return (last && last.positionedOffset()['left'] + last.getWidth() ) > parseInt(this.element.getWidth())
}.bind(this);
var i=0;
var spans = this.element.select('li');
var available = parseInt(this.element.getWidth());
if(spans.length){
var base = 0;
var foldedSize = 38;
var allsizes = [];
var sumsizes = function(array){
var r=0;
for(n=0;n<array.length;n++) r+= array[n];
return r;
}
for(var k=0;k<spans.length;k++){
allsizes.push(spans[k].getWidth());
}
var p=0;
while(sumsizes(allsizes) > available && p<allsizes.length){
allsizes[p] = 38;
p++;
}
for(j=0;j<=p;j++){
if(spans[p].down("span")) spans[p].down("span").update("..");
}
console.log(p);
}
while ( lastOverlaps() && i < spans.length - 1){
i++;
var span = spans[i].down('span');
if(!span)break;
span.update("..");
}
while(i < spans.length){
i++;
var span = spans[i].down('span');
if(!span)break;
span.update(getBaseName(span.readAttribute("data-goto")));
}
*/
this.resizeUls();
}
document.fire("ajaxplorer:resize-Breadcrumb-" + this.element.id, this.element.getDimensions());
},


resizeUls: function(){
var available = parseInt(this.element.getWidth());
var lastOverlaps = function(){
var last = this.element.down('li:last');
return (last && last.positionedOffset()['left'] + last.getWidth() ) > available
}.bind(this);
var i=0;
var spans = this.element.select('li > span');
spans.invoke("removeClassName", "reduced");
while ( lastOverlaps() && i < spans.length - 2){
i++;
spans[i].addClassName("reduced");
}
if(lastOverlaps() && spans.length){
spans[0].addClassName("reduced");
}
},

/**
* Implementation of the IAjxpWidget methods
*/
Expand Down
Expand Up @@ -398,13 +398,15 @@ Class.create("SearchEngine", AjxpPane, {
var width = pos['left'] + container.getWidth() - 10;
container.setStyle({width:width+'px',left:'10px'});
container.addClassName("search_active");
container.addClassName("skipSibling");
},
closeSearchInput: function(){
var container = this.htmlElement;
container.removeClassName("search_active");
window.setTimeout(function(){
container.relativize();
container.setStyle({position:'relative'});
container.removeClassName("skipSibling");
}, 1000);
},

Expand Down Expand Up @@ -446,6 +448,11 @@ Class.create("SearchEngine", AjxpPane, {

if(this.htmlElement && this.htmlElement.down('#search_meta')){
var formPanel = this.htmlElement.down('#search_meta');
if(formPanel.getStyle('float') == 'left'){
fitHeightToBottom(formPanel);
formPanel.select('.advanced_search_section').invoke('addClassName', 'visible');
formPanel.select('.toggle_button').invoke('hide');
}
fitHeightToBottom(formPanel.down('#search_meta_detailed'), formPanel);
if(this.scrollbar) {
this.scrollbar.track.setStyle({height:formPanel.down('#search_meta_detailed').getHeight()+'px'});
Expand Down
81 changes: 50 additions & 31 deletions core/src/plugins/gui.ajax/res/themes/orbit/css/ajaxplorer.css
Expand Up @@ -1588,7 +1588,9 @@ div.class-FetchedResultPane > div.panelHeader
opacity: 0.7;
}

#topPane h3{
#topPane h3,
#search_meta div.advanced_search_section_title
{
font-size: 12px;
font-weight: bold;
padding: 14px 8px 6px;
Expand All @@ -1601,6 +1603,14 @@ div.class-FetchedResultPane > div.panelHeader
display: block;
}

#search_meta div.advanced_search_section_title{
border-left: 0;
}

#search_meta div.advanced_search_section_title span.icon-circle{
display: none;
}

#topPane h3 small{
cursor: pointer;
display: none;
Expand Down Expand Up @@ -1928,9 +1938,7 @@ img.user_widget_mini{
/********************************/
/* HEADER RESIZER WIDGET
/******************************/
div#search_meta{
}
div.header_resizer, div#search_meta{
div.header_resizer{
overflow:hidden;
box-shadow: 0 1px 1px rgba(0,0,0,0.35);
opacity: 0.85;
Expand Down Expand Up @@ -2803,7 +2811,7 @@ div.tabulatorContainer span.toggleInactive span.tab_close_button:hover {
width: 73px;
border-radius: 4px;
border-width: 0;
transition:border-color 1s ease, width 1s ease;
transition:border-color 0.5s ease, width 0.5s ease;
}

#search_container.search_active div#search_form input{
Expand All @@ -2813,30 +2821,16 @@ div.tabulatorContainer span.toggleInactive span.tab_close_button:hover {
}

#search_meta {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 11px;
font-size: 12px;
padding: 0;
background-color: rgb(255, 255, 255);
color: rgb(143, 162, 182);
letter-spacing: 1px;
border-bottom: 1px solid rgb(194, 196, 199);
max-height: 200px !important;
box-shadow: none !important;
height: 32px !important;
-webkit-transition-property: height;
-webkit-transition-duration: 0.1s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-property: height;
-moz-transition-duration: 0.1s;
-moz-transition-timing-function: ease-in-out;
transition-property: height;
transition-duration: 0.1s;
transition-timing-function: ease-in-out;
position: relative;
border-right: 1px solid rgb(194, 196, 199);
float: left;
}

#search_meta.toggle_open{
height: 200px !important;
}

#search_meta input.c3,
Expand Down Expand Up @@ -2959,14 +2953,6 @@ div.tabulatorContainer span.toggleInactive span.tab_close_button:hover {
display: block;
}

#search_meta div.advanced_search_section_title {
border-bottom: 1px solid;
padding-bottom: 6px;
line-height: 9px;
margin-bottom: 7px;
cursor: pointer;
}

.searchScore{
float: right;
color: #CCC;
Expand Down Expand Up @@ -3004,7 +2990,6 @@ span.search_meta_opt.checked > span {
{
margin-left: 0;
width: 100%;
background-color: white;
}

.close_results.icon-remove-sign {
Expand Down Expand Up @@ -4882,6 +4867,7 @@ div.horizontal_tabulator > div:not(.tabulatorContainer){
overflow: hidden;
color: rgb(111, 121, 131);
margin-top: 1px;
border-radius: 0 40px 40px 0;
}

#breadcrumb div.inner_bread{
Expand Down Expand Up @@ -4923,6 +4909,39 @@ div.horizontal_tabulator > div:not(.tabulatorContainer){
min-width: 220px;
}

.breadcrumbs-arrow span.first-bread.reduced{
min-width: 0;
}

.breadcrumbs-arrow span.reduced{
padding: 0.4em 0;
width: 4px;
height: 20px;
}

.breadcrumbs-arrow span.reduced em{
visibility:hidden;
}

.breadcrumbs-arrow span.reduced:hover,
.breadcrumbs-arrow span.reduced.first-bread
{
padding: 0.4em 1em;
width: auto;
transition:padding 1s ease;
}

.breadcrumbs-arrow span.reduced:hover em,
.breadcrumbs-arrow span.reduced.first-bread em
{
visibility:visible;
}

.breadcrumbs-arrow span em{
font-style: normal;
font-weight: normal;
}

.breadcrumbs-arrow span:hover{
background: #4dc5c3;
color: white;
Expand Down
2 changes: 1 addition & 1 deletion core/src/plugins/gui.ajax/res/themes/orbit/css/allz.css

Large diffs are not rendered by default.

3 changes: 1 addition & 2 deletions core/src/plugins/gui.ajax/res/themes/orbit/css/xtree.css
Expand Up @@ -206,7 +206,6 @@ div#tree_container > div:first-child {
margin-left: -4px;
}


div#tree_container > div.webfx-tree-container > div.webfx-tree-container{
#folder_pane.show_first_level div#tree_container > div.webfx-tree-container > div.webfx-tree-container{
display: none !important;
}

0 comments on commit 312a77c

Please sign in to comment.