Fisheye for desktop2.0 [Archive]

View Full Version : Fisheye for desktop2.0

liuliming

23 Dec 2007, 9:18 AM

fisheye-toolbar feature:
1 a toolbar with fisheye
2 drag and move
3 collapsible, foldable
4 add or remove items dynamically
5 sub-menu, see lmtoolbar.js addMenu
6 quickstart button, see lmtoolbar.js addQsButton
7 task button, interact with opened windows, show or hide a window,see lmtoolbar.js addTaskButton and uncomment some lines in desktop.js I have.

You can see the features,howto and demo pictures here, or get the live-demo url and package.

It looks like this(mouse over:):
http://www.chinacloud.org/liuliming/toolbar-browser20080112.png

jsdesk features:
1 Create new account
2 Password encrypt
3 Fisheye-toolbar
4 A browser window:lmbrowser

live-demo url:
http://www.chinacloud.org/jsdesk/

All-in-one-package:
http://www.chinacloud.org/liuliming/jsdesk20080327-2.zip

Please note that: the package is about 10M, because it includes ext and wallpapers.
If you use this package, modify /source/inConfig.php and run /source/install.php, otherwise get the attached file and refer to following Howto.

You can get latest code from: svn checkout http://jsdesk.googlecode.com/svn/trunk/ jsdesk-read-only

How to:
1 down load the file attached
2 upzip
3 drop lmtoolbar to source/modules
4 modify default.php like this:
add :
<script type="text/javascript" src="source/modules/lmtoolbar/fisheye.js"></script>
<script type="text/javascript" src="source/modules/lmtoolbar/lmtoolbar.js"></script>
<link rel="stylesheet" type="text/css" href="source/modules/lmtoolbar/fisheye.css" />
and:
<dl id="x-toolbars">
<dt id="toolbar2">

</dt>
</dl>
It will looks like this:

<?php
require_once("source/desktop.php");
if(!class_exists('desktop'))
{
header("Location: login.html");
}
else
{
$desktop = new desktop();
if(!$desktop->is_logged_in())
{
header("Location: login.html");
}
else
{
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>qWikiOffice</title>


<link rel="stylesheet" type="text/css" href="../Ext/2.0/resources/css/ext-all.css" />
<script type="text/javascript" src="../Ext/2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../Ext/2.0/ext-all.js"></script>


<script type="text/javascript" src="source/login/cookies.js"></script>


<script type="text/javascript" src="source/core/StartMenu.js"></script>
<script type="text/javascript" src="source/core/TaskBar.js"></script>

<link href="source/modules/lmtoolbar/fisheye.css" type="text/css" rel="stylesheet"/>
<script src="source/modules/lmtoolbar/fisheye.js" type="text/javascript"></script>
<script src="source/modules/lmtoolbar/lmtoolbar.js" type="text/javascript"></script>

<script type="text/javascript" src="source/core/Desktop.js"></script>
<script type="text/javascript" src="source/core/App.js"></script>
<script type="text/javascript" src="source/core/Module.js"></script>
<script type="text/javascript" src="source/core/DesktopConfig.js"></script>


<script type="text/javascript" src="source/helpers/color-picker/color-picker.ux.js"></script>
<link rel="stylesheet" type="text/css" href="source/helpers/color-picker/color-picker.ux.css" />
<script type="text/javascript" src="source/helpers/preferences/Preferences.js"></script>
<link rel="stylesheet" type="text/css" href="source/helpers/preferences/preferences.css" />


<script type="text/javascript" src="source/modules/layout-window/js/layout-window.js"></script>
<script type="text/javascript" src="source/modules/docs/js/docs.js"></script>
<link rel="stylesheet" type="text/css" href="source/modules/docs/css/docs.css" />


<link id="theme" rel="stylesheet" type="text/css" href="resources/themes/xtheme-vista/css/xtheme-vista.css" />


<link rel="stylesheet" type="text/css" href="resources/css/desktop.css" />

</head>

<body scroll="no">

<div id="x-desktop">
<dl id="x-shortcuts">

<dt id="docs-win-shortcut">
<a href="#"><img src="resources/images/default/s.gif" />
<div>Developer Docs</div></a>
</dt>
<dt id="grid-win-shortcut">
<a href="#"><img src="resources/images/default/s.gif" />
<div>Grid Window</div></a>
</dt>
<dt id="acc-win-shortcut">
<a href="#"><img src="resources/images/default/s.gif" />
<div>Accordion Window</div></a>
</dt>
</dl>
<dl id="x-toolbars">
<dt id="toolbar2">

</dt>
</dl>
</div>

<div id="ux-taskbar">
<div id="ux-taskbar-start"></div>
<div id="ux-taskbar-panel-wrap">
<div id="ux-quickstart-panel"></div>
<div id="ux-taskbuttons-panel"></div>
</div>
<div class="x-clear"></div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
<?php }} ?>
5 modify desktop.js like this (see the file desktop.js in the package)

Ext.Desktop = function(app){
this.taskbar = new Ext.ux.TaskBar(app);
var taskbar = this.taskbar;

var desktopEl = Ext.get('x-desktop');
var taskbarEl = Ext.get('ux-taskbar');
var shortcuts = Ext.get('x-shortcuts');

var windows = new Ext.WindowGroup();
var activeWindow;

//liuliming--fisheyetoolbar
this.lmtaskbar = new Ext.ux.lmfisheyetoolbar(app);
var lmtaskbar = this.lmtaskbar;
//liuliming end

function minimizeWin(win){
win.minimized = true;
win.hide();
}

function markActive(win){
if(activeWindow && activeWindow != win){
markInactive(activeWindow);
}
taskbar.setActiveButton(win.taskButton);
activeWindow = win;
Ext.fly(win.taskButton.el).addClass('active-win');
win.minimized = false;

//liuliming--fisheyetoolbar
lmtaskbar.setActiveButton(win.lmtaskButton);
Ext.fly(win.lmtaskButton).addClass('active-win');
//end of liuliming
}

function markInactive(win){
if(win == activeWindow){
activeWindow = null;
Ext.fly(win.taskButton.el).removeClass('active-win');

//liuliming--fisheyetoolbar
Ext.fly(win.lmtaskButton).removeClass('active-win');
//end of liuliming
}
}

function removeWin(win){
taskbar.removeTaskButton(win.taskButton);

//liuliming--fisheyetoolbar
lmtaskbar.removeTaskButton(win.lmtaskButton);
//end of liuliming

layout();
}

function layout(){
desktopEl.setHeight(Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight());
}
Ext.EventManager.onWindowResize(layout);

this.layout = layout;

this.createWindow = function(config, cls){
var win = new (cls||Ext.Window)(
Ext.applyIf(config||{}, {
manager: windows,
minimizable: true,
maximizable: true
})
);
win.render(desktopEl);
win.taskButton = taskbar.addTaskButton(win);

//liuliming--fisheyetoolbar
win.lmtaskButton = lmtaskbar.addTaskButton(win);
//end of liuliming

win.cmenu = new Ext.menu.Menu({
items: [

]
});

win.animateTarget = win.taskButton.el;

win.on({
'activate': {
fn: markActive
},
'beforeshow': {
fn: markActive
},
'deactivate': {
fn: markInactive
},
'minimize': {
fn: minimizeWin
},
'close': {
fn: removeWin
}
});

//liuliming--fisheyetoolbar
var top = this.lmtaskbar.barwindow.getSize().height * 2.2 ;
win.setPosition(200, top);
//end of liuliming

layout();
return win;
};
Thanks to:
mxracer / Start Menu for 2.0 Desktop http://extjs.com/forum/showthread.php?t=10950
Matjaž Lipuš (matjaz) / An OSX dock-style fisheye menu

Click it!

Thanks to:
mxracer / Start Menu for 2.0 Desktop /http://extjs.com/forum/showthread.php?t=10950
Matja? Lipu? (matjaz) / An OSX dock-style fisheye menu /
tomantic /

Lev_A

23 Dec 2007, 11:39 AM

It's really cool mix Vista-OCX ;)
For installation you should add to default.php

<script type="text/javascript" src="source/modules/lmtoolbar/fisheye.js"></script>
<script type="text/javascript" src="source/modules/lmtoolbar/lmtoolbar.js"></script>
<link rel="stylesheet" type="text/css" href="source/modules/lmtoolbar/fisheye.css" />

but in same time I'm getting error:
this.menuel has no properties in lmtoolbar.js(line 57)

liuliming

23 Dec 2007, 7:56 PM

Oh, my fault,
yes, Lev_A, your are right,
and more, add this to default.php:
<dl id="x-toolbars">
<dt id="toolbar2">

</dt>
</dl>
Make it like:

<div id="x-desktop">
<dl id="x-shortcuts">

<dt id="docs-win-shortcut">
<a href="#"><img src="resources/images/default/s.gif" />
<div>Developer Docs</div></a>
</dt>
<dt id="grid-win-shortcut">
<a href="#"><img src="resources/images/default/s.gif" />
<div>Grid Window</div></a>
</dt>
<dt id="acc-win-shortcut">
<a href="#"><img src="resources/images/default/s.gif" />
<div>Accordion Window</div></a>
</dt>

</dl>
<dl id="x-toolbars">
<dt id="toolbar2">

</dt>
</dl>
</div>
<div id="ux-taskbar">
<div id="ux-taskbar-start"></div>
<div id="ux-taskbar-panel-wrap">
<div id="ux-quickstart-panel"></div>
<div id="ux-taskbuttons-panel"></div>
</div>
<div class="x-clear"></div>
</div>

</body>

Then OK for you?

It's really cool mix Vista-OCX ;)
For installation you should add to default.php

<script type="text/javascript" src="source/modules/lmtoolbar/fisheye.js"></script>
<script type="text/javascript" src="source/modules/lmtoolbar/lmtoolbar.js"></script>
<link rel="stylesheet" type="text/css" href="source/modules/lmtoolbar/fisheye.css" />

but in same time I'm getting error:
this.menuel has no properties in lmtoolbar.js(line 57)

kohwuyea

23 Dec 2007, 10:26 PM

thanks for your sharing,it will be so good if you post the complete application code pages or you share the demo link.

liuliming

23 Dec 2007, 10:52 PM

Absolutely I will put a complete code package and the live-demo link here,
But wait for som time, I am in company now:-/

thanks for your sharing,it will be so good if you post the complete application code pages or you share the demo link.

violinista

24 Dec 2007, 1:27 AM

Thank you, good work!

liuliming

24 Dec 2007, 9:21 AM

The code package and demo link have been added to my first post.

thanks for your sharing,it will be so good if you post the complete application code pages or you share the demo link.

liuliming

26 Dec 2007, 8:09 AM

A simple browser window has been added.

kohwuyea

26 Dec 2007, 4:35 PM

Yeah,great work,but i have not idea to user the toolbar,i can't find the role of the toolbar in the application,it seems that the toolbar is just like the taskbar?
liuliming,plz check the pm,i have sent some message to you ,thanks!

liuliming

26 Dec 2007, 9:32 PM

Hi, kohwuyea,
This toolbar can replace the original vista-like toolbar in the future,

There will two options for toolbar: fisheye or vista.

Yeah,great work,but i have not idea to user the toolbar,i can't find the role of the toolbar in the application,it seems that the toolbar is just like the taskbar?
liuliming,plz check the pm,i have sent some message to you ,thanks!

galdaka

27 Dec 2007, 1:18 AM

Various errors in IE6 in enter page.

http://recorall.org/jsdesk/

liuliming

27 Dec 2007, 8:19 AM

I have fixed the bugs, but it seems a little different within firefox:
http://www.recorall.org/liuliming/ie.png

Various errors in IE6 in enter page.

http://recorall.org/jsdesk/

jay@moduscreate.com

28 Dec 2007, 8:41 AM

Nice work. I am still against the fisheye. it looks horrible. :-\ Unless you can efficiently resize and smooth photos, it looks like crap.

kohwuyea

28 Dec 2007, 4:28 PM

Nice work. I am still against the fisheye. it looks horrible. :-\ Unless you can efficiently resize and smooth photos, it looks like crap.

Yeah.I agree with you.

huangfengjing

31 Dec 2007, 6:41 PM

Cool.
It's the best shared application based on EXT2.0 I've ever saw. Thanks!

xiaoyaoyou111

2 Jan 2008, 8:04 PM

Thank you,good work!=D>

dddu88

9 Jan 2008, 11:31 AM

Hi, Liuliming

I like your fisheye, but I prefer to add all the fisheye buttons when the web app is loaded instead of adding fisheye buttons dynamically when an application is opened and running, so I can open an application from either fisheye button, or task bar start button, would you please advise me how to change the code for this purpose? I am studying the code, it seems not easy to make the changes. any suggestions?

Thanks

liuliming

11 Jan 2008, 1:10 AM

dddu88, I will have a look at this at this weekend:)

liuliming

11 Jan 2008, 8:47 AM

dddu88,

all you want have integrated in the demo: http://www.recorall.org/jsdesk/

little modification to the previous version, just see the code in:

http://www.recorall.org/jsdesk/source/modules/lmtoolbar/lmtoolbar.js
http://www.recorall.org/jsdesk/source/core/desktop.js

As you see in the demo, you can add following items to the toolbar:
1 sub-menu
2 quickstart button
3 task button

For 1, see lmtoolbar.js addMenu
For 2, see lmtoolbar.js addQsButton
For 3, see lmtoolbar.js addTaskButton and uncomment some lines in desktop.js I have commented

Hope this can help you.

Hi, Liuliming

I like your fisheye, but I prefer to add all the fisheye buttons when the web app is loaded instead of adding fisheye buttons dynamically when an application is opened and running, so I can open an application from either fisheye button, or task bar start button, would you please advise me how to change the code for this purpose? I am studying the code, it seems not easy to make the changes. any suggestions?

Thanks

jay@moduscreate.com

11 Jan 2008, 12:40 PM

http://dbaron.org/css/2000/01/dibm-ex/big2_nolines

dddu88

11 Jan 2008, 7:23 PM

Liuliming, thanks very much. I will study it.

SmartChow

12 Jan 2008, 5:08 PM

谢谢楼主把这么好的东西拿出来分享

dddu88

4 Mar 2008, 7:14 PM

Hi, all,

I am trying to study the desktop with Fisheye, my problem is my fisheye came up with the words for the highlighted button moved to the left-hand side as shown with the red arrow in the attached figure, I tried to debug with firebug, but could not figure out. would anybody please help me fix this?

Thanks in advance.

Dave

dddu88

5 Mar 2008, 2:10 PM

Hi, liuliming,

Sorry to bother you again, I am studying your fisheye code you changed, I have another question in addition to the problem I am having with the fisheye (see the above post), there is a small button on the top-right corner of the fisheye, this button can be used to hide and show the fisheye toolbar, I could not find any javascript code for the button and the code the action of hiding and showing the toolbar when it is clicked, I only saw the x-tool-toggle id in the fisheye.css related to the button, would you please guide me to find the code about hiding and showing the toolbar?

Thanks very much for your help.

Dave

liuliming

5 Mar 2008, 7:02 PM

Please tell me your change to original code, because it haven't this problem in the demo.
needn't change fisheye.css and fisheye.js to add or remove buttons on the toolbar.

Hi, all,

I am trying to study the desktop with Fisheye, my problem is my fisheye came up with the words for the highlighted button moved to the left-hand side as shown with the red arrow in the attached figure, I tried to debug with firebug, but could not figure out. would anybody please help me fix this?

Thanks in advance.

Dave

liuliming

5 Mar 2008, 7:06 PM

yes, you get it, x-tool-toggle is the css style for the top-right corner.
But it's action depend on the ext lib.
You will find this line "this.barwindow = new Ext.Window" in file lmtoolbar.js,
the top-right corner belongs to Ext.Window.

Hi, liuliming,

Sorry to bother you again, I am studying your fisheye code you changed, I have another question in addition to the problem I am having with the fisheye (see the above post), there is a small button on the top-right corner of the fisheye, this button can be used to hide and show the fisheye toolbar, I could not find any javascript code for the button and the code the action of hiding and showing the toolbar when it is clicked, I only saw the x-tool-toggle id in the fisheye.css related to the button, would you please guide me to find the code about hiding and showing the toolbar?

Thanks very much for your help.

Dave

dddu88

5 Mar 2008, 9:06 PM

Hi, liuliming,

I am using the code I downloaded two days ago except I changed this part:

getDesktopConfig : function(){
// can call server for saved module id's
/*
Ext.Ajax.request({
success: function(o){
var decoded = Ext.decode(o.responseText);

if(decoded.success){
this.initDesktopConfig(decoded.config);
}else{
// error
}
},
failure: function(){
// error
},
scope: this,
url: 'source/core/DesktopConfig.php'
});*/

/* can hard code the module id's*/
this.initDesktopConfig({
'autorun' : [
'docs-win'
],
'desktopcontextmenu': [
'preferences-win'
],
'quickstart': [
'grid-win',
'tab-win',
'acc-win',
'layout-win'
],
'startmenu': [
'docs-win',
'grid-win',
'tab-win',
'acc-win',
'layout-win',
'bogus-menu'
],
'styles': {
'backgroundcolor': 'f9f9f9',
'theme': {
'id': 'Vista',
'path': '../resources/themes/xtheme-vista/css/xtheme-vista.css'
},
'transparency': false,
'wallpaper': {
'id': 'qWikiOffice',
'path': '../resources/wallpapers/desk.jpg'
},
'wallpaperposition': 'center'
}
});
}

Since I am using servlet instead of php, I need to hard code the desktop config, not sure this change has any impact on the fisheye. Anyway, which code to control the location of the tooltip for each fisheye button?

Also the
this.barwindow = new Ext.Window({
is only for the horizontal bar, not the right-top button, I donot see where the code is for the right-top button, which has arrow on it for fisheye on and off, there should a handler for this button to hide and show the fisheye when it is clicked.

Thanks for your clue.

Dave

liuliming

5 Mar 2008, 9:26 PM

Hard code the config should not affect the fisheye,
I try it on my PC like you said, it is ok. Maybe I can send you a new copy.
The tooltip are controlled by fisheye.css and fisheye.js, can can debug the tooltip's location, should below the picture.

this.barwindow = new Ext.Window contains all the fisheye buttons,
collapsible:true means the windows have a collapse buttong on the top-right
these's buttons' even handling are in ext lib, just see how ext implement Ext.Window .

where you download the code? there are two place, just change to another to try again, or I send a local copy to you .

Hi, liuliming,

I am using the code I downloaded two days ago except I changed this part:

getDesktopConfig : function(){
// can call server for saved module id's
/*
Ext.Ajax.request({
success: function(o){
var decoded = Ext.decode(o.responseText);

if(decoded.success){
this.initDesktopConfig(decoded.config);
}else{
// error
}
},
failure: function(){
// error
},
scope: this,
url: 'source/core/DesktopConfig.php'
});*/

/* can hard code the module id's*/
this.initDesktopConfig({
'autorun' : [
'docs-win'
],
'desktopcontextmenu': [
'preferences-win'
],
'quickstart': [
'grid-win',
'tab-win',
'acc-win',
'layout-win'
],
'startmenu': [
'docs-win',
'grid-win',
'tab-win',
'acc-win',
'layout-win',
'bogus-menu'
],
'styles': {
'backgroundcolor': 'f9f9f9',
'theme': {
'id': 'Vista',
'path': '../resources/themes/xtheme-vista/css/xtheme-vista.css'
},
'transparency': false,
'wallpaper': {
'id': 'qWikiOffice',
'path': '../resources/wallpapers/desk.jpg'
},
'wallpaperposition': 'center'
}
});
}

Since I am using servlet instead of php, I need to hard code the desktop config, not sure this change has any impact on the fisheye. Anyway, which code to control the location of the tooltip for each fisheye button?

Also the
this.barwindow = new Ext.Window({
is only for the horizontal bar, not the right-top button, I donot see where the code is for the right-top button, which has arrow on it for fisheye on and off, there should a handler for this button to hide and show the fisheye when it is clicked.

Thanks for your clue.

Dave

dddu88

6 Mar 2008, 8:04 PM

Hi,Liuliming,

Thanks again for your help, I debugged the fisheye.js code again today with firebug, attached please find the figure, as shown in the figure, I found for some reason, the execution ran into the condition:

if (item.sizeFactor > this.labelTresholdFactor) {
this.setPos(x[0], xPos, item.newSize);
x[0].style.display = "block";
x[0].style.left=-60;
} else {...

that will cause the style configuration for the tooltip to be set to something like this:

<span style="display: none; left: -60px; top: 77.185px;">acc-win</span>

The -60px will cause problem for the tooltip of each of the fisheye buttons, any idea about why the sizeFactor is greater than the labelTresholdFactor?:

if (item.sizeFactor > this.labelTresholdFactor)
From the attached debugging window you can see:
item.sizeFactor = 0.6948,
this.labelTresholdFactor = 0.6,

I am not sure what could be wrong, and thanks for your time again.

Dave

dddu88

10 Mar 2008, 11:14 AM

Ok, I got it working now.

Thanks
Dave

liuliming

12 Mar 2008, 5:40 AM

Hey, Dave, good, congrats.

Ok, I got it working now.

Thanks
Dave

Choleriker

26 Mar 2008, 6:10 AM

Hi,

i want to hardcode the desktop-config. This is done now, but no icon comes in the fisheye. In the fisheye the icon appears only if i open a window. It hides when the window is closed. But how to fill-up the fisheye with a hardcoded desktop-config?

liuliming

26 Mar 2008, 8:10 AM

1 see demo: http://www.recorall.org/jsdesk/, I think it performs as you want.
2 comments some lines for remove/add buttons like this in lmtoolbar.js
3 get the latest code: http://www.recorall.org/liuliming/jsdesk20080327.zip

// Use our blank image
Ext.BLANK_IMAGE_URL = 'resources/images/default/s.gif';

Ext.Desktop = function(app){
this.taskbar = new Ext.ux.TaskBar(app);
var taskbar = this.taskbar;

var desktopEl = Ext.get('x-desktop');
var taskbarEl = Ext.get('ux-taskbar');
var shortcuts = Ext.get('x-shortcuts');

var windows = new Ext.WindowGroup();
var activeWindow;

//liuliming--fisheyetoolbar
this.lmtaskbar = new Ext.ux.lmfisheyetoolbar(app);
var lmtaskbar = this.lmtaskbar;
//liuliming end

function minimizeWin(win){
win.minimized = true;
win.hide();
}

function markActive(win){
if(activeWindow && activeWindow != win){
markInactive(activeWindow);
}
taskbar.setActiveButton(win.taskButton);
activeWindow = win;
Ext.fly(win.taskButton.el).addClass('active-win');
win.minimized = false;

//liuliming--fisheyetoolbar,if you want lmtoolbar add a task button dynamically, uncomment following lines
//lmtaskbar.setActiveButton(win.lmtaskButton);
//Ext.fly(win.lmtaskButton).addClass('active-win');
//end of liuliming
}

function markInactive(win){
if(win == activeWindow){
activeWindow = null;
Ext.fly(win.taskButton.el).removeClass('active-win');

//liuliming--fisheyetoolbar,if you want lmtoolbar add a task button dynamically, uncomment following lines
//Ext.fly(win.lmtaskButton).removeClass('active-win');
//end of liuliming
}
}

function removeWin(win){
taskbar.removeTaskButton(win.taskButton);

//liuliming--fisheyetoolbar,if you want lmtoolbar add a task button dynamically, uncomment following lines
//lmtaskbar.removeTaskButton(win.lmtaskButton);
//end of liuliming

layout();
}

function layout(){
desktopEl.setHeight(Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight());
}
Ext.EventManager.onWindowResize(layout);

this.layout = layout;

this.createWindow = function(config, cls){
var win = new (cls||Ext.Window)(
Ext.applyIf(config||{}, {
manager: windows,
minimizable: true,
maximizable: true
})
);
win.render(desktopEl);
win.taskButton = taskbar.addTaskButton(win);

//liuliming--fisheyetoolbar, if you want lmtoolbar add a task button dynamically, uncomment next line
//win.lmtaskButton = lmtaskbar.addTaskButton(win);
//end of liuliming

win.cmenu = new Ext.menu.Menu({
items: [

]
});

win.animateTarget = win.taskButton.el;

win.on({
'activate': {
fn: markActive
},
'beforeshow': {
fn: markActive
},
'deactivate': {
fn: markInactive
},
'minimize': {
fn: minimizeWin
},
'close': {
fn: removeWin
}
});

//liuliming--fisheyetoolbar
var top = this.lmtaskbar.barwindow.getSize().height * 2.2 ;
win.setPosition(200, top);
//end of liuliming

layout();
return win;
};

Hi,

i want to hardcode the desktop-config. This is done now, but no icon comes in the fisheye. In the fisheye the icon appears only if i open a window. It hides when the window is closed. But how to fill-up the fisheye with a hardcoded desktop-config?

Choleriker

27 Mar 2008, 5:21 AM

Cool, that works now. Thank you.

At last i have one problem, when im deleting all modules from the config, there exists the menu-button in the fisheye with the sample-menu. Where is it defined and where can i remove this? This isnt a module, right?

Michael

Choleriker

27 Mar 2008, 8:16 AM

Hey,

i have one problem more: i habe excluded all modules from the sample, but not the preferences window. All works fine. But now, if im adding the preferences window to the auto-start apps, then the window appears behind the fisheye menu and if im moving it under the fisheye, i cant click the title bar or do anything with it. Any ideas?

Michael

liuliming

27 Mar 2008, 8:26 PM

Just remove line 140 in lmtoolbar.js:
this.addMenu(this.testmenu);

testmenu is not a module, like it's name, it is a example to add menu button on the toolbar.

Cool, that works now. Thank you.

At last i have one problem, when im deleting all modules from the config, there exists the menu-button in the fisheye with the sample-menu. Where is it defined and where can i remove this? This isnt a module, right?

Michael

liuliming

27 Mar 2008, 11:02 PM

Hi, I can not get your situation clearly.
Do you mean?: When the preference window appears behind the fisheye menu, the whole title bar of the preference window is behind the fisheye bar, so you can not click and drag the preference window.
If this is your problem, you have to:drag the fisheye bar to other place, then click and drag the preference window.

I guess this inconvenience is arised by this:
The fisheye toolbar is created like this:this.lmtaskbar = new Ext.ux.lmfisheyetoolbar(app);
this.barwindow = new Ext.Window({...});
The other windows is created like this:var win = new (cls||Ext.Window)(
Ext.applyIf(config||{}, {
manager: windows,
minimizable: true,
maximizable: true
})
);
We can see that fisheye window is not managed by a windows manager, so it can not be put backwards and forewards, if you want, have a try to give this.barwindow the same window manager:windows.

Hey,

i have one problem more: i habe excluded all modules from the sample, but not the preferences window. All works fine. But now, if im adding the preferences window to the auto-start apps, then the window appears behind the fisheye menu and if im moving it under the fisheye, i cant click the title bar or do anything with it. Any ideas?

If you want to try it and see my code, go to http://portal.dev.questnet.de and use user:1 and pwd:web3.0 for login. The saving of the desktop settings was changed by me to use cookies, so you have first to add the preferences window to the autostart over 'Einstellungen' and then reload the page.

Michael

border9

19 Jul 2008, 7:06 AM

Is this item still function, are you still working on it, because ive been looking for this fisheye kinda thing for something ive been building. Thanks

chrizmaster

7 Apr 2009, 4:52 AM

hey,

is your code still available? cause your link on the first site is down..
regards
christian

liuliming

11 Nov 2009, 7:38 AM

Hi, Christian,
The demo is live now:
live-demo url:
http://www.chinacloud.org/jsdesk/
or
http://www.jsdesk.com/
All-in-one-package:
http://www.chinacloud.org/liuliming/20080327-2.zip

hey,

is your code still available? cause your link on the first site is down..
regards
christian

wm003

20 Nov 2009, 4:47 AM

http://www.jsdesk.com/ is broken (no symbols whatsovever)

http://www.chinacloud.org/jsdesk/ works fine

mike623317

23 Nov 2009, 11:25 PM

Hi,

I have just uploaded this package, configured the inConfig.php, but when i run the install.php i get :

http://www.mydomain/error.html

Its almost like a 404 cant be found error, but it is there. Anyone got any ideas?

Thanks
Mike

liuliming

11 Dec 2009, 8:09 AM

Install is not a checked function.
Just import the sql/*.sql to your database.

Hi,

I have just uploaded this package, configured the inConfig.php, but when i run the install.php i get :

http://www.mydomain/error.html

Its almost like a 404 cant be found error, but it is there. Anyone got any ideas?

Thanks
Mike

Ronaldo

15 Dec 2009, 4:59 AM

Hey folks,

Very nice to see that the code I contributed over two years ago actually works :)
You must have done a lot of tweaking.
Nice work!

Ronaldo

ABBIE

20 Dec 2009, 8:55 PM

Hi its really cool idea.fisheye for dekstop. I like it.