More styling tweaks. Added link to sample data sets. Set project name whenever an upload file is picked

git-svn-id: http://google-refine.googlecode.com/svn/trunk@1702 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
David Huynh 2010-10-27 05:20:48 +00:00
parent 687515a669
commit c1ec3efdad
5 changed files with 28 additions and 11 deletions

View File

@ -47,6 +47,11 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
<h1>A power tool for working with messy data.</h1>
</div>
<div id="content-home">
<div id="no-project-message" class="message" style="display: none;">
No existing project. Create one now!<br/>
Try these <a href="http://code.google.com/p/google-refine/wiki/SampleDatasets" target="_blank">sample data sets &raquo;</a>
</div>
<div id="project-open">
<h1>Open a Project</h1>
<div id="projects-container"></div>
@ -156,7 +161,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
<li><a href="/about.html">About Google Refine</a></li>
<li><a href="https://code.google.com/p/google-refine/">Project Home Page</a></li>
<li><a href="http://code.google.com/p/google-refine/wiki/Screencasts">Screencasts</a></li>
<li><a href="http://code.google.com/p/google-refine/wiki/DocumentationForUsers">User Documentation</a></li>
<li><a href="http://code.google.com/p/google-refine/wiki/DocumentationForUsers">Help Documentation</a></li>
</ul>
<div id="google-refine-version"></div>
</div>

View File

@ -49,8 +49,8 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
<a id="project-permalink-button" href="javascript:{}" class="secondary">Permalink</a>
</div>
<div id="project-controls">
<a href="http://code.google.com/p/google-refine/wiki/DocumentationForUsers" target="_blank">Help Documentation</a>
<a class="button button-primary" bind="exportButton" id="export-button" href="#export"><span class="button-menu">Export</span></a>
<a href="./" class="button button-pill-left" target="_blank">New / Open ...</a><a class="button button-pill-right" bind="exportButton" id="export-button" href="#export"><span class="button-menu">Export</span></a>&nbsp;
<a href="http://code.google.com/p/google-refine/wiki/DocumentationForUsers" target="_blank" class="button">Help</a>
</div>
</div>

View File

@ -128,10 +128,7 @@ function renderProjects(data) {
var container = $("#projects-container").empty();
if (!projects.length) {
$('<div>')
.addClass("message")
.text("You don't have any projects yet. Create one now!")
.appendTo(container);
$("#no-project-message").clone().show().appendTo(container);
} else {
var table = $(
'<table class="list-table"><tr>' +
@ -286,7 +283,21 @@ function showVersion() {
function onLoad() {
fetchProjects();
$("#project-file-input").change(function() {
if ($("#project-name-input")[0].value.length == 0) {
var fileName = this.files[0].fileName;
if (fileName) {
$("#project-name-input")[0].value = fileName.replace(/\.\w+/, "").replace(/[_-]/g, " ");
}
$("#project-name-input").focus().select();
}
}).keypress(function(evt) {
if (evt.keyCode == 13) {
onClickUploadFileButton();
}
});
$("#upload-file-button").click(onClickUploadFileButton);
$("#more-options-link").click(function() {
$("#more-options-controls").hide();

View File

@ -98,7 +98,7 @@ BrowsingEngine.prototype._initializeUI = function() {
'<div class="browsing-panel-help" bind="help">' +
'<h1>Using facets and filters</h1>' +
'<p>Use facets and filters to select subsets of your data to act on. Choose facet and filter methods from the menus at the top of each data column.</p>' +
'<p>Not sure how to get started?<br /><a href="http://code.google.com/p/google-refine/wiki/Screencasts" target="_blank"><b>Watch these screencasts!</b></a></p>' +
'<p>Not sure how to get started?<br /><a href="http://code.google.com/p/google-refine/wiki/Screencasts" target="_blank"><b>Watch these screencasts</b></a></p>' +
'</div>' +
'<div class="browsing-panel-header" bind="header">' +
'<div class="browsing-panel-indicator" bind="indicator">' +

View File

@ -82,8 +82,9 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
#projects-container .message {
padding: @padding_loose;
font-size: 1.3em;
color: @near_black;
font-size: 170%;
line-height: 1.5em;
opacity: 0.2;
}
#project-create {