Skip to content

Commit

Permalink
dashboard various elemens inserted. skining dropdown
Browse files Browse the repository at this point in the history
  • Loading branch information
Vlad Zinculescu committed May 18, 2012
1 parent 66736a0 commit e76c7a1
Show file tree
Hide file tree
Showing 9 changed files with 345 additions and 0 deletions.
1 change: 1 addition & 0 deletions configs/default.js
Expand Up @@ -127,6 +127,7 @@ var config = {
"ext/codetools/codetools",
"ext/colorpicker/colorpicker",
"ext/revisions/revisions",
"ext/dashboard/dashboard",
"ext/language/liveinspect"
//"ext/splitview/splitview"
//"ext/minimap/minimap"
Expand Down
65 changes: 65 additions & 0 deletions plugins-client/ext.dashboard/dashboard.css
@@ -0,0 +1,65 @@
.lbl_saveas {
font-weight: bold;
color: #323232;
}
.lbl_filepath {
padding-left: 7px;
font-size: 11px;
color: #bababa;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
}

.trDgLike .item-fix:nth-child(4n-1) {
background-color: #f1f0f1;
}
.trDgLike .item-fix:nth-child(4n+1) {
background-color: #fefdfe;
}

.trDgLike .item-fix.root {
background-color: #fefdfe;
}

.dgLikeContaier {
background-color: white;
border: 1px solid #C3C3C3;
color: #333333;
cursor: default;
font-family: Tahoma, Arial;
font-size: 8pt;
overflow: hidden;
position: relative;
height: 210px;
}

.dgLikeContaier .heading {
position : relative;
top : 0;
left : 0;
height : 20px;
z-index : 10;
/*padding-left : 5px;*/
background-color : #e6e6e6;
margin : 0 0 0 0;
white-space : nowrap;

display : inline-block;
background : -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(229,229,229)),color-stop(1, rgb(248,248,248)));
background: -moz-linear-gradient(center bottom,rgb(229,229,229) 0%,rgb(248,248,248) 100%);
overflow : hidden;
text-overflow : ellipsis;
color: #333;
border-bottom: 1px solid #BFBFBF;

padding : 2px 4px 1px 3px;
display : block;
height : 15px;
text-decoration : none;
border-left : 1px solid white;
border-right : none;
border-top : 1px solid white;
}

.hidefiles .file_item {
display: none;
}
53 changes: 53 additions & 0 deletions plugins-client/ext.dashboard/dashboard.js
@@ -0,0 +1,53 @@
/**
* Refactor Module for the Cloud9 IDE
*
* @copyright 2010, Ajax.org B.V.
* @license GPLv3 <http://www.gnu.org/licenses/gpl.txt>
*/

define(function(require, exports, module) {

var ide = require("core/ide");
var ext = require("core/ext");
var util = require("core/util");
var fs = require("ext/filesystem/filesystem");
var css = require("text!ext/dashboard/dashboard.css");
var menus = require("ext/menus/menus");
var markup = require("text!ext/dashboard/dashboard.xml");
var commands = require("ext/commands/commands");

module.exports = ext.register("ext/dashboard/dashboard", {
dev : "Ajax.org",
name : "Dashboard",
alone : true,
type : ext.GENERAL,
markup : markup,
css : css,
deps : [fs],
offline : true,

nodes : [],
saveBuffer : {},
/*
hook : function(){
},
*/
init : function(amlNode){
dashboard.show();
},

enable : function(){

},

disable : function(){

},

destroy : function(){

}
});

});
83 changes: 83 additions & 0 deletions plugins-client/ext.dashboard/dashboard.xml
@@ -0,0 +1,83 @@
<a:application xmlns:a="http://ajax.org/2005/aml">
<a:window
id = "dashboard"
width = "900"
center = "true"
>

<a:bar
class = "c9-menu-bar"
height = "4"
></a:bar>
<a:hbox
class = "darkOpaque"
height = "46"
>
<a:bar
align = "center"
skin = "basic"
padding = "5"
flex = "1">
<a:label>New project:</a:label>
<a:textbox
id = "projectTitle"
focusselect = "true"
/>
</a:bar>
<a:bar
skin = "basic"
padding = "5">
<a:label>Where is your data stored</a:label>
<a:dropdown value="auto" width="150" height="27" skin="dropdown-dark-glossy">
<a:item value="cloud9Git">On Cloud9 as a git repo</a:item>
<a:item value="cloud9Hg">On Cloud9 as a mercurial repo</a:item>
<a:item value="vm">FTP Server</a:item>
<a:item value="vm">On my own private virtual machine</a:item>
</a:dropdown>
</a:bar>
<a:hbox flex = "1">
<a:button caption="Upload" skin="" flex="1" />
<a:button caption="Clone" skin="" flex="1" />
<a:button caption="Choose template" skin="" flex="1" />
</a:hbox>
</a:hbox>
<!--
.oooooo. oooo .o88o. ooooo ooo ooooooooo. ooooo
d8P' `Y8b `888 888 `" `888' `8' `888 `Y88. `888'
888 888 .ooooo. ooo. .oo. .ooooo. o888oo oooo d8b .ooooo. ooo. .oo. .oo. 888 8 888 .d88' 888
888 888 d88' `88b `888P"Y88b d88' `88b 888 `888""8P d88' `88b `888P"Y88bP"Y88b 888 8 888ooo88P' 888
888 888 888 888 888 888 888ooo888 888 888 888 888 888 888 888 888 8 888`88b. 888
`88b ooo 888 888 888 888 888 888 .o 888 888 888 888 888 888 888 `88. .8' 888 `88b. 888 o
`Y8bood8P' o888o `Y8bod8P' o888o o888o `Y8bod8P' o888o d888b `Y8bod8P' o888o o888o o888o `YbodP' o888o o888o o888ooooood8
-->
<a:hbox class="darkOpaque">
<a:label flex="1">Where is your data stored</a:label>
<a:textbox
id = "cloneURL"
focusselect = "true"
flex = "5"
/>
<a:button caption="Go" skin="" flex="1" />
</a:hbox>
<!--
.oooooo. oooooo oooo ooo ooooo
d8P' `Y8b `888. .8' `88. .888'
888 888 oooo oooo ooo ooo. .oo. `888. .8' 888b d'888
888 888 `88. `88. .8' `888P"Y88b `888. .8' 8 Y88. .P 888
888 888 `88..]88..8' 888 888 `888.8' 8 `888' 888
`88b d88' `888'`888' 888 888 `888' 8 Y 888
`Y8bood8P' `8' `8' o888o o888o `8' o8o o888o
-->
<a:hbox>

</a:hbox>

<a:hbox>
</a:hbox>

</a:window>
</a:application>
14 changes: 14 additions & 0 deletions plugins-client/ext.dashboard/package.json
@@ -0,0 +1,14 @@
{
"name": "ext.dashboard",
"version": "0.0.1",
"main": "dashboard-ext.js",
"private": true,
"plugin": {
"provides": [
"ext.dashboard"
],
"consumes": [
"client-plugins"
]
}
}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
129 changes: 129 additions & 0 deletions plugins-client/ext.main/style/skins.xml
Expand Up @@ -512,6 +512,27 @@
</a:main>
</a:presentation>
</a:bar>

<a:bar name="darkOpaque">
<a:style><![CDATA[
.darkOpaque {
background-color: #262626;
background-image: -webkit-linear-gradient(top, #292929,#242424);
background-image: -moz-linear-gradient(top, #292929,#242424);
background-image: linear-gradient(top, #292929,#242424);
border-top: 1px solid black;
box-shadow: 0 1px 0 0 #353535 inset;
color: #EDEDED;
}
]]></a:style>
<a:presentation>
<a:main containter=".">
<div class="darkOpaque">
</div>
</a:main>
</a:presentation>
</a:bar>

<a:button name="btn-access_request">
<a:style><![CDATA[
.btn-access_request {
Expand Down Expand Up @@ -4925,6 +4946,114 @@
</a:empty>
</a:presentation>
</a:dropdown>

<a:dropdown name="dropdown-dark-glossy">
<a:style><![CDATA[
/*
* Idle
*/
.dropdown-dark-glossy {
background: #292929 url(images/dropdown-dark-glossy/background.png) repeat-x 50% 0;
border: 1px solid #010910;
border-radius: 3px;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, .10) inset,
0 0 0 1px rgba(236, 245, 255, .10) inset,
0 1px 0 0 rgba(237,237,237,.1);
max-height: 100px !important;
height: 27px;
padding: 0 18px 0 0;
position: relative;
}
.dropdown-dark-glossy .label {
color: #C0DABE;
display: inline-block;
font-size: 12px;
line-height: 27px;
overflow: hidden;
padding: 0 0 0 8px;
}
.dropdown-dark-glossy .button {
background: url(images/dropdown-dark-glossy/button.png) no-repeat 50% 0;
display: inline-block;
height: 25px;
position: absolute;
right: 0;
top: 0;
width: 16px;
}
.dropdown-dark-glossy .button:before {
background: url(images/dropdown-dark-glossy/divider.png) no-repeat 50% 0;
content: "";
display: block;
height: 25px;
left: -2px;
position: absolute;
top: 0;
width: 2px;
}
/*
* Hover
*/
.dropdown-dark-glossyOver,
.dropdown-dark-glossyOver .button,
.dropdown-dark-glossyOver .button:before {
background-position: 50% -30px;
}
/*
* Down
*/
.dropdown-dark-glossyDown,
.dropdown-dark-glossyDown .button,
.dropdown-dark-glossyDown .button:before {
background-position: 50% -60px;
}
.dropdown-dark-glossyDown {
box-shadow: 0 0 5px 1px rgba(0, 0, 0, .6) inset,
0 0 0 1px rgba(0, 0, 0, .2) inset,
0 1px 0 0 rgba(237,237,237,.04);
}
/*
* Disabled
*/
.dropdown-dark-glossyDisabled,
.dropdown-dark-glossyDisabled .button,
.dropdown-dark-glossyDisabled .button:before {
background-position: 50% -90px;
}
.dropdown-dark-glossyDisabled {
background-color: transparent;
border-color: rgba(0, 0, 0, .34);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, .02) inset;
}
.dropdown-dark-glossyDisabled .label {
color: rgba(255,255,255,.2);
}
]]></a:style>

<a:presentation>
<a:main label="div[1]/text()" button="." width-diff="-1">
<div class="dropdown-dark-glossy">
<div class="label">-</div>
<div class="button"> </div>
</div>
</a:main>
<a:container contents=".">
<div class="c9-optionList">
</div>
</a:container>
<a:item
class = "."
caption = "text()"
select = "."
inherit = "true">
<div class="c9-dd-item">-</div>
</a:item>
<a:empty caption=".">
<div class="empty">-</div>
</a:empty>
</a:presentation>
</a:dropdown>

<a:dropdown name="light_dropdown">
<a:style><![CDATA[
.light_dropdown {
Expand Down

0 comments on commit e76c7a1

Please sign in to comment.