From d997741842d82a52955cb0fcee8d8665e1457f0a Mon Sep 17 00:00:00 2001 From: Kev Zettler Date: Sun, 10 Jul 2011 14:32:26 -0700 Subject: [PATCH] everythings hooked up --- public/javascripts/admin/tutorial.js | 55 ++++++++++++++++++++++++---- 1 file changed, 47 insertions(+), 8 deletions(-) diff --git a/public/javascripts/admin/tutorial.js b/public/javascripts/admin/tutorial.js index 644f23a9..1020069f 100644 --- a/public/javascripts/admin/tutorial.js +++ b/public/javascripts/admin/tutorial.js @@ -110,7 +110,7 @@ $(document).ready(function(){ description: "What is a model?
\ The concept of a model within locomotiveCMS is a peice of content that you might reuse through out your site.\ Some example models could be: Blog posts, Products, Events, Locations, Photos

\ - For this next section of the guide. We will edit our event model", + For this next section of the guide. We will edit our Event model. '"+$('.inner:eq(3) li:first a').text()+"' ", buttons: [{name: "Quit", onclick: guiders.hideAll}, {name: "Next - Edit an Event", onclick: function(){ /* @@ -118,7 +118,7 @@ $(document).ready(function(){ * This is really britle * */ - window.location = $('.inner:eq(3) li:first a').attr('href'); + window.location = $('.inner:eq(3) li:first a').attr('href') + "#guider=editmodelwelcome"; }}], id: "modelwelcome", next: "newmodel", @@ -131,7 +131,7 @@ $(document).ready(function(){ }); guiders.createGuider({ - attachTo: 'li.settings', + attachTo: 'li.settings a', buttons: [], description: "Click this tab to edit your settings.", id: "settingspointer", @@ -145,7 +145,7 @@ $(document).ready(function(){ description: "LocomotiveCMS has several features that you can adjust in the settings panel. Lets head there now!", buttons: [{name: "Quit", onclick: guiders.hideAll}, {name: "Next - Goto Settings", onclick: function(){ - window.location = $('li.settings').attr('href'); + window.location = $('li.settings a').attr('href') + "#guider=settingseditwelcome"; }}], id: "settingswelcome", overlay: true, @@ -256,7 +256,7 @@ $(document).ready(function(){ description: "Congratulations. You've just edited a page using LocomotiveCMS! Moving on, we will now move onto models. Lets return to the admin home.", buttons: [{name: "Quit", onclick: guiders.hideAll}, {name: "Next - Goto Admin Home", onclick: function(){ - window.location = "/admin/pages#guider=modelwelcome" + window.location = "/admin/pages#guider=modelwelcome"; }}], id: "editfinish", overlay: true, @@ -272,6 +272,43 @@ $(document).ready(function(){ */ if(window.location.pathname.match('admin/content_types/events/contents/.+/edit') != null){ + guiders.createGuider({ + attachTo: "undefined", + description: "You are now edting an instance of our event model.\ + Make some changes to this event model and it will be reflected everywhere the data is used throught the site.", + buttons: [{name: "Quit", onclick: guiders.hideAll}, + {name: "Next"}], + id: "editmodelwelcome", + next: "savemodel", + overlay: true, + title: "Editing an Event model" + }); + + guiders.createGuider({ + buttons: [], + attachTo: "button.light:last", + description: "Click this update button to save any changes you've made to the page.", + id: "savemodel", + position: 12, + title: "Save Your Work", + onShow: function(){ + $('form.save-with-shortcut').attr('action', + $('form.save-with-shortcut').attr('action')+"#guider=editsavesuccess"); + } + }); + + guiders.createGuider({ + attachTo: "undefined", + description: "You've Successfully updated this model", + buttons: [{name: "Quit", onclick: guiders.hideAll}, + {name: "Next - Goto Admin Home", onclick: function(){ + window.location = "/admin/pages#guider=settingswelcome"; + }}], + id: "modelsavesuccess", + overlay: true, + title: "Great Work!" + }); + } @@ -282,6 +319,8 @@ $(document).ready(function(){ */ if(window.location.pathname.match("admin/current_site/edit") != null){ + + guiders.createGuider({ attachTo: "undefined", description: "Welcome to the Settings page. Here you can create new user accounts to use LocomotiveCMS, Edit SEO options, and more. We will start by changing the subomain of our site.", @@ -299,6 +338,7 @@ $(document).ready(function(){ buttons: [], id: "editsubdomain", next: "settingssave", + title: '', position: 12, onShow: function(){ $('#site_subdomain').bind('change', function(){ @@ -316,7 +356,7 @@ $(document).ready(function(){ title: "Save Your Work", onShow: function(){ $('form.save-with-shortcut').attr('action', - $('form.save-with-shortcut').attr('action')+"#guider=settingssavesuccess"); + $('form.save-with-shortcut').attr('action')+"#guider=modelsavesuccess"); } }); @@ -373,8 +413,7 @@ $(document).ready(function(){ attachTo: "undefined", description: "You've gone through the LocomotiveCMS guide! For more info on LocomotiveCMS,\ checkout out The LocomotiveCMS support pages", - buttons: [{name: "Quit", onclick: guiders.hideAll}, - {name: "Next"}], + buttons: [{name: "Finished!", onclick: guiders.hideAll}], id: "congratulations", overlay: true, title: "Congratulations!"