Fix tutorial

static/js/pages/tutorial.js

@@ -106,38 +106,57 @@
         },
         {
           'title': 'Repository View',
-          'content': 'This is the repository view page. It displays all the primary information about your repository.',
+          'content': 'This is the repository view page. It displays all the primary information about your repository',
           'overlayable': true,
           'mixpanelEvent': 'tutorial_view_repo'
         },
         {
-          'title': 'Image History',
-          'content': 'The tree displays the full history of your repository, including all its tag. ' +
-            'You can click on a tag or image to see its information.',
-          'element': '#image-history-container',
+          'title': 'Repository Tags',
+          'content': 'Click on the tags tab to view all the tags in the repository',
+          'overlayable': true,
+          'element': '#tagsTab',
+          'signal': AngularTourSignals.elementVisible('*[id="tagsTable"]')
+        },
+        {
+          'title': 'Tag List',
+          'content': 'The tag list displays shows the full list of active tags in the repository. ' +
+            'You can click on an image to see its information or click on a tag to see its history.',
+          'element': '#tagsTable',
           'overlayable': true
         },
         {
-          'title': 'Tag/Image Information',
-          'content': 'This panel displays information about the currently selected tag or image',
-          'element': '#side-panel',
+          'title': 'Tag Information',
+          'content': 'Each row displays information about a specific tag',
+          'element': '#tagsTable tr:first-child',
           'overlayable': true
         },
         {
-          'title': 'Select tag or image',
-          'content': 'You can select a tag or image by clicking on this dropdown',
-          'element': '#side-panel-dropdown',
+          'title': 'Tag Actions',
+          'content': 'You can modify a tag by clicking on the Tag Options icon',
+          'element': '#tagsTable tr:first-child .fa-gear',
           'overlayable': true
         },
         {
-          'content': 'To view the admin settings for the repository, click on the gear',
-          'element': '#admin-cog',
-          'signal': AngularTourSignals.matchesLocation('/repository/{{username}}/{{repoName}}/admin'),
+          'title': 'Tag History',
+          'content': 'You can view a tags history by clicking on the Tag History icon',
+          'element': '#tagsTable tr:first-child .fa-history',
           'overlayable': true
         },
         {
-          'title': 'Repository Admin',
-          'content': "The repository admin panel allows for modification of a repository's permissions, notifications, visibility and other settings",
+          'title': 'Fetch Tag',
+          'content': 'To see the various ways to fetch/pull a tag, click the Fetch Tag icon',
+          'element': '#tagsTable tr:first-child .fa-download',
+          'overlayable': true
+        },
+        {
+          'content': 'To view the permissions for a repository, click on the gear tab',
+          'element': '#settingTab',
+          'overlayable': true,
+          'signal': AngularTourSignals.elementVisible('*[id="repoPermissions"]')
+        },
+        {
+          'title': 'Repository Settings',
+          'content': "The repository settings tab allows for modification of a repository's permissions, notifications, visibility and other settings",
           'overlayable': true,
           'mixpanelEvent': 'tutorial_view_admin'
         },
@@ -145,7 +164,7 @@
           'title': 'Permissions',
           'templateUrl': '/static/tutorial/permissions.html',
           'overlayable': true,
-          'element': '#permissions'
+          'element': '#repoPermissions'
         },
         {
           'title': 'Adding a permission',
@@ -154,6 +173,22 @@
           'overlayable': true,
           'element': '#add-entity-permission'
         },
+        {
+          'content': 'Repositories can be automatically populated in response to a Dockerfile build. To view the build settings for a repository, click on the builds tab',
+          'element': '#buildsTab',
+          'overlayable': true,
+          'signal': AngularTourSignals.elementVisible('*[id="repoBuilds"]')
+        },
+        {
+          'content': 'New build triggers can be created by clicking the "Create Build Trigger" button.',
+          'element': '#addBuildTrigger',
+          'overlayable': true
+        },
+        {
+          'content': 'The full build history can always be referenced and filtered in the builds list.',
+          'element': '#repoBuilds',
+          'overlayable': true
+        },
         {
           'templateUrl': '/static/tutorial/done.html',
           'overlayable': true,