Rooba
/
perkeep
mirror of https://github.com/perkeep/perkeep.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of ssh://camlistore.org:29418/camlistore 

Conflicts:
	server/camlistored/newui/index.html

Change-Id: Ib11e629a8281c63b504e5291a191b30dc1bb4a39
This commit is contained in:
Brett Slatkin 2012-12-23 15:55:13 -08:00
parent 455a2e9d23 eaa22b2dbc
commit 4736fb57d5
4 changed files with 108 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
server/camlistored/newui/create_item.css Normal file
View File

@ -0,0 +1,3 @@
.cam-createitem-link {
font-size: 30pt;
}

86
server/camlistored/newui/create_item.js Normal file
View File

@ -0,0 +1,86 @@
/**
* @fileoverview TODO
*
*/
goog.provide('camlistore.CreateItem');
goog.require('goog.dom');
goog.require('goog.dom.classes');
goog.require('goog.events.EventHandler');
goog.require('goog.events.EventType');
goog.require('goog.ui.Control');
/**
* @param {string} blobRef BlobRef for the item.
* @param {camlistore.ServerType.IndexerMetaBag} metaBag Maps blobRefs to
* metadata for this blob and related blobs.
* @param {goog.dom.DomHelper=} opt_domHelper DOM helper to use.
*
* @extends {goog.ui.Component}
* @constructor
*/
camlistore.CreateItem = function(opt_domHelper) {
goog.base(this, opt_domHelper);
/**
* @type {goog.events.EventHandler}
* @private
*/
this.eh_ = new goog.events.EventHandler(this);
};
goog.inherits(camlistore.CreateItem, goog.ui.Control);
/**
* Creates an initial DOM representation for the component.
*/
camlistore.CreateItem.prototype.createDom = function() {
this.decorateInternal(this.dom_.createElement('div'));
};
/**
* Decorates an existing HTML DIV element.
* @param {Element} element The DIV element to decorate.
*/
camlistore.CreateItem.prototype.decorateInternal = function(element) {
camlistore.CreateItem.superClass_.decorateInternal.call(this, element);
var el = this.getElement();
goog.dom.classes.add(el, 'cam-blobitem', 'cam-blobitem-150');
var plusEl = this.dom_.createDom('a', 'cam-createitem-link');
this.dom_.setTextContent(plusEl, "+")
this.dom_.appendChild(el, plusEl);
var titleEl = this.dom_.createDom('p', 'cam-createitem-thumbtitle');
this.dom_.setTextContent(titleEl, "Drag & drop files or click");
this.dom_.appendChild(el, titleEl);
};
/** @override */
camlistore.CreateItem.prototype.disposeInternal = function() {
camlistore.CreateItem.superClass_.disposeInternal.call(this);
this.eh_.dispose();
};
/**
* Called when component's element is known to be in the document.
*/
camlistore.CreateItem.prototype.enterDocument = function() {
camlistore.CreateItem.superClass_.enterDocument.call(this);
// Add event handlers here
};
/**
* Called when component's element is known to have been removed from the
* document.
*/
camlistore.CreateItem.prototype.exitDocument = function() {
camlistore.CreateItem.superClass_.exitDocument.call(this);
// Clear event handlers here
};

18
server/camlistored/newui/create_item_test.html Normal file
View File

@ -0,0 +1,18 @@
<!doctype html>
<html>
<head>
<script src="closure/goog/base.js"></script>
<script src="./deps.js"></script>
<script>
goog.require('camlistore.CreateItem');
</script>
<link rel="stylesheet" href="blob_item.css" type="text/css">
<link rel="stylesheet" href="create_item.css" type="text/css">
</head>
<body>
<script>
var x = new camlistore.CreateItem();
x.render(document.body);
</script>
</body>
</html>

1
server/camlistored/newui/index.html
View File

@ -9,6 +9,7 @@
</script>
<link rel="stylesheet" href="blob_item.css" type="text/css">
<link rel="stylesheet" href="blob_item_container.css" type="text/css">
<link rel="stylesheet" href="create_item.css" type="text/css">
<link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>