diff --git a/app/css/ckanjs.css b/app/css/ckanjs.css index 8c13ae7..7d53f0a 100644 --- a/app/css/ckanjs.css +++ b/app/css/ckanjs.css @@ -10,6 +10,38 @@ line-height: 0.9; } +/**************************************** + * Mini Tabs + ***************************************/ + +ul.tabs li { + display: inline; +} + +ul.tabs li a { + display: inline-block; + padding: 2px 8px; + font-size: 10px; + font-weight: bold; + text-decoration: none; + color: #666; + border: 1px solid transparent; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-top-left-radius: 10px 10px; + border-top-right-radius: 10px 10px; + border-bottom-right-radius: 10px 10px; + border-bottom-left-radius: 10px 10px; +} + +ul.tabs li a.selected { + color: #333; + background: white; + border-color: #BBB; + border-right-color: #DDD; + border-bottom-color: #DDD; +} + /**************************************** * Dataset Summaries ***************************************/ @@ -92,6 +124,22 @@ ul.actions li { line-height: 12px; } +/**************************************** + * Dataset Edit/Create + ***************************************/ + +div.dataset-form-navigation ul { + background: #EEE; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-top-left-radius: 5px 5px; + border-top-right-radius: 5px 5px; + border-bottom-right-radius: 5px 5px; + border-bottom-left-radius: 5px 5px; + border: 1px solid #CCC; + padding: 5px 5px 5px 10px; +} + /**************************************** * Forms ***************************************/ @@ -116,8 +164,9 @@ fieldset { font-size: 75%; } -form ul.tabs li { - display: inline; +form ul.tabs { + margin-top: 0.5em; + padding-left: 0; } div.previewable-textarea { @@ -132,30 +181,6 @@ div.previewable-textarea { padding: 0 5px 0 10px; } -form ul.tabs li a { - display: inline-block; - padding: 2px 8px; - font-size: 10px; - font-weight: bold; - text-decoration: none; - color: #666; - border: 1px solid transparent; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-top-left-radius: 10px 10px; - border-top-right-radius: 10px 10px; - border-bottom-right-radius: 10px 10px; - border-bottom-left-radius: 10px 10px; -} - -form ul.tabs li a.selected { - color: #333; - background: white; - border-color: #BBB; - border-right-color: #DDD; - border-bottom-color: #DDD; -} - div.preview { min-height: 80px; background: white; @@ -167,3 +192,11 @@ div.preview { form dl dd .preview ul { margin-left: 1.5em; } + +.hints { + font-weight: normal; +} + +p.hints { + margin-bottom: 0; +} diff --git a/lib/template/dataset-form.js b/lib/template/dataset-form.js index 7589ba7..b9b5fbf 100644 --- a/lib/template/dataset-form.js +++ b/lib/template/dataset-form.js @@ -1,4 +1,19 @@ CKAN.Templates.datasetForm = ' \ +
\ + \ +
\
\
\
\ @@ -12,24 +27,14 @@ CKAN.Templates.datasetForm = ' \ \
\ \
\
\ \ - \ -
\ - \ -
\ - \ -
\ -
\ - \
\ \
\ @@ -48,6 +53,7 @@ CKAN.Templates.datasetForm = ' \ \ +
\ You can use Markdown formatting \
\
\ diff --git a/lib/view.js b/lib/view.js index d1ac0a6..0ac751c 100644 --- a/lib/view.js +++ b/lib/view.js @@ -75,7 +75,15 @@ CKAN.View = function($) { events: { 'submit form.dataset': 'saveData', - 'click .previewable-textarea a': 'togglePreview' + 'click .previewable-textarea a': 'togglePreview', + 'click .dataset-form-navigation a': 'showFormPart' + }, + + showFormPart: function(e) { + e.preventDefault(); + var action = $(e.target)[0].href.split('#')[1]; + $('.dataset-form-navigation a').removeClass('selected'); + $('.dataset-form-navigation a[href=#' + action + ']').addClass('selected'); }, saveData: function(e) { diff --git a/test/view-test.js b/test/view-test.js index 792a560..0a34ac7 100644 --- a/test/view-test.js +++ b/test/view-test.js @@ -48,8 +48,8 @@ test("DatasetEditView", function () { var tmpl = $(view.el); out = tmpl.find('#Dataset--title').val(); equals(out, 'A Novel By Tolstoy'); - out = tmpl.find('#Dataset--url').val(); - equals(out, pkg.get('url')); + out = tmpl.find('#Dataset--tags').val(); + equals(out, 'russian,tolstoy'); }); test("DatasetSearchView", function () {