diff --git a/couchpotato/core/plugins/wizard/static/wizard.css b/couchpotato/core/plugins/wizard/static/wizard.css index 8d50d9de..c27c1d83 100644 --- a/couchpotato/core/plugins/wizard/static/wizard.css +++ b/couchpotato/core/plugins/wizard/static/wizard.css @@ -1,49 +1,60 @@ .page.wizard .uniForm { - width: 80%; - margin: 0 auto 30px; + margin: 0 0 30px; + width: 83%; } .page.wizard h1 { - padding: 10px 30px; - margin: 0; + padding: 10px 0; + margin: 0 5px; display: block; font-size: 30px; margin-top: 80px; } .page.wizard .description { - padding: 10px 30px; - font-size: 18px; + padding: 10px 5px; + font-size: 1.45em; + line-height: 1.4em; display: block; } .page.wizard .tab_wrapper { background: #5c697b; - padding: 10px 0; - font-size: 18px; + height: 65px; + font-size: 1.75em; position: fixed; top: 0; margin: 0; width: 100%; - min-width: 960px; left: 0; z-index: 2; - box-shadow: 0 0 50px rgba(0,0,0,0.55); + box-shadow: 0 0 10px rgba(0,0,0,0.1); } .page.wizard .tab_wrapper .tabs { - text-align: center; padding: 0; - margin: 0; + margin: 0 auto; display: block; + height: 100%; + width: 100%; + max-width: 960px; } .page.wizard .tabs li { display: inline-block; + height: 100%; } .page.wizard .tabs li a { padding: 20px 10px; + height: 100%; + display: block; + color: #FFF; + font-weight: normal; + border-bottom: 4px solid transparent; } + + .page.wizard .tabs li:hover a { border-color: #047792; } + .page.wizard .tabs li.done a { border-color: #04bce6; } .page.wizard .tab_wrapper .pointer { border-right: 10px solid transparent; @@ -61,27 +72,13 @@ .page.wizard form > div { min-height: 300px; } -.page.wizard .wgroup_finish { - height: 300px; -} - .page.wizard .wgroup_finish h1 { - text-align: center; - } - .page.wizard .wgroup_finish .wizard_support, - .page.wizard .wgroup_finish .description { - font-size: 25px; - line-height: 120%; - margin: 20px 0; - text-align: center; - } - .page.wizard .button.green { - padding: 20px; - font-size: 25px; - margin: 10px 30px 80px; - display: block; - text-align: center; - } +.page.wizard .button.green { + padding: 20px; + font-size: 25px; + margin: 10px 0 80px; + display: block; +} .page.wizard .tab_nzb_providers { margin: 20px 0 0 0; diff --git a/couchpotato/core/plugins/wizard/static/wizard.js b/couchpotato/core/plugins/wizard/static/wizard.js index 12ae4771..71910e27 100644 --- a/couchpotato/core/plugins/wizard/static/wizard.js +++ b/couchpotato/core/plugins/wizard/static/wizard.js @@ -9,27 +9,12 @@ Page.Wizard = new Class({ headers: { 'welcome': { 'title': 'Welcome to the new CouchPotato', - 'description': 'To get started, fill in each of the following settings as much as you can.
Maybe first start with importing your movies from the previous CouchPotato', + 'description': 'To get started, fill in each of the following settings as much as you can.', 'content': new Element('div', { 'styles': { 'margin': '0 0 0 30px' } - }).adopt( - new Element('div', { - 'html': 'Select the data.db. It should be in your CouchPotato root directory.' - }), - self.import_iframe = new Element('iframe', { - 'styles': { - 'height': 40, - 'width': 300, - 'border': 0, - 'overflow': 'hidden' - } - }) - ), - 'event': function(){ - self.import_iframe.set('src', Api.createUrl('v1.import')) - } + }) }, 'general': { 'title': 'General', @@ -178,7 +163,7 @@ Page.Wizard = new Class({ 'href': App.createUrl('wizard/'+group), 'text': (self.headers[group].label || group).capitalize() }) - ).inject(tabs); + ).inject(tabs) } else @@ -214,13 +199,7 @@ Page.Wizard = new Class({ self.el.getElement('.t_searcher').hide(); // Add pointer - new Element('.tab_wrapper').wraps(tabs).adopt( - self.pointer = new Element('.pointer', { - 'tween': { - 'transition': 'quint:in:out' - } - }) - ); + new Element('.tab_wrapper').wraps(tabs); // Add nav var minimum = self.el.getSize().y-window.getSize().y; @@ -232,16 +211,18 @@ Page.Wizard = new Class({ if(!t) return; var func = function(){ - var ct = t.getCoordinates(); - self.pointer.tween('left', ct.left+(ct.width/2)-(self.pointer.getWidth()/2)); + // Activate all previous ones + self.groups.each(function(groups2, nr2){ + var t2 = self.el.getElement('.t_'+groups2); + t2[nr2 > nr ? 'removeClass' : 'addClass' ]('done'); + }) g.tween('opacity', 1); } if(nr == 0) func(); - - var ss = new ScrollSpy( { + new ScrollSpy( { min: function(){ var c = g.getCoordinates(); var top = c.top-(window.getSize().y/2);