Kálmán Viktor · @kviktor · Őry Máté · Őry Máté · Őry Máté · Kálmán Viktor
--- a/circle/dashboard/static/dashboard/vm-tour.js
+++ b/circle/dashboard/static/dashboard/vm-tour.js
+  }
  
-  ttour.addStep({
-    backdrop: true,
-    element: 'a[href="#home"]',
-    title: gettext("Home tab"), 
-    content: gettext("In this tab you can tag your virtual machine and modify the name and description."),
-    placement: 'top',
-    onShow: function() {
-      $('a[href="#home"]').trigger("click");
+  steps = [
+    {
+      element: document.querySelector("#vm-details-start-template-tour"),
+      intro: "<p>" + gettext("Welcome to the template tutorial. In this quick tour, we gonna show you how to do the steps described above.") + "</p>" +
+             "<p>" + gettext('For the next tour step press the "Next" button or the right arrow (or "Back" button/left arrow for the previous step).') + "</p>" +
+             "<p>" + gettext("During the tour please don't try the functions because it may lead to graphical glitches, however you can end the tour any time you want with the End Tour button!") + 
--- a/circle/dashboard/static/dashboard/vm-tour.js
+++ b/circle/dashboard/static/dashboard/vm-tour.js
+             "<p>" + gettext("During the tour please don't try the functions because it may lead to graphical glitches, however you can end the tour any time you want with the End Tour button!") + 
+             "</p>",
    },
-  });
-
-  ttour.addStep({
-    element: 'a[href="#resources"]',
-    title: gettext("Resources tab"),
-    backdrop: true,
-    placement: 'top',
-    content: gettext("On the resources tab you can edit the CPU/RAM options and add/remove disks!"),
-    onShow: function() {
-      $('a[href="#resources"]').trigger("click");
+    {
+      element: document.querySelector('a[href="#home"]'),
+      intro: gettext("In this tab you can tag your virtual machine and modify the name and description."),
--- a/circle/dashboard/views/vm.py
+++ b/circle/dashboard/views/vm.py
                         unicode(user), user.pk, new_owner, key)
            raise PermissionDenied()
        return (instance, new_owner)
+
+
+@login_required
+def toggle_template_tutorial(request, pk):
--- a/circle/dashboard/static/dashboard/vm-tour.js
+++ b/circle/dashboard/static/dashboard/vm-tour.js
+      element: document.querySelector('a[href="#resources"]'),
+      intro: gettext("On the resources tab you can edit the CPU/RAM options and add/remove disks."),
+    },
+    {
+      element: document.querySelector('#vm-details-resources-form'),
+      intro: '<p><strong>' + gettext("CPU priority") + ":</strong> " +
+              gettext("higher is better") + "</p>" +
+              "<p><strong>" + gettext("CPU count") + ":</strong> " +
+              gettext("number of CPU cores.") + "</p>" +
+              "<p><strong>" + gettext("RAM amount") + ":</strong> " +
+              gettext("amount of RAM.") + "</p>",
+      position: "top",
+    },
+    {
+      element: document.querySelector('#vm-details-resources-disk'),
+      intro: gettext("You can add empty disks, download new ones and remove existing ones here."),