Fix tutorial

endpoints/index.py

@@ -229,15 +229,15 @@ def create_repository(namespace, repository):
     repo = model.create_repository(namespace, repository,
                                    get_authenticated_user())
 
-    if get_authenticated_user():
+  if get_authenticated_user():
-      user_event_data = {
+    user_event_data = {
-        'action': 'push_start',
+      'action': 'push_start',
-        'repository': repository,
+      'repository': repository,
-        'namespace': namespace
+      'namespace': namespace
-      }
+    }
 
-      event = userevents.get_event(get_authenticated_user().username)
+    event = userevents.get_event(get_authenticated_user().username)
-      event.publish_event_data('docker-cli', user_event_data)
+    event.publish_event_data('docker-cli', user_event_data)
 
   return make_response('Created', 201)
 

static/directives/repo-view/repo-panel-builds.html

@@ -7,7 +7,7 @@
   <h3 class="tab-header">Repository Builds</h3>
 
   <!-- Builds -->
-  <div class="co-panel">
+  <div class="co-panel" id="repoBuilds">
     <!-- Builds header controls -->
     <div class="co-panel-heading">
         <div class="heading-controls hidden-sm hidden-xs">
@@ -77,7 +77,7 @@
   </div> <!-- /Builds -->
 
   <!-- Build Triggers -->
-  <div class="co-panel" ng-if="repository.can_admin && TriggerService.getTypes().length">
+  <div class="co-panel" ng-if="repository.can_admin && TriggerService.getTypes().length" id="repoBuildTriggers">
     <!-- Builds header controls -->
     <div class="co-panel-heading">
       <i class="fa fa-flash"></i>
@@ -85,7 +85,7 @@
 
       <div class="heading-controls hidden-sm hidden-xs">
         <!-- Add Build Trigger -->
-        <div class="dropdown">
+        <div class="dropdown" id="addBuildTrigger">
           <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
             Create Build Trigger
             <b class="caret"></b>

static/directives/repo-view/repo-panel-settings.html

@@ -2,7 +2,7 @@
   <h3 class="tab-header">Repository Settings</h3>
 
     <!-- User/Team Permissions -->
-    <div class="co-panel">
+    <div class="co-panel" id="repoPermissions">
       <div class="co-panel-heading"><i class="fa fa-key"></i> User and Robot Permissions</div>
       <div class="panel-body" style="padding-top: 5px;">
         <div class="repository-permissions-table" repository="repository"

static/directives/repo-view/repo-panel-tags.html

@@ -57,7 +57,7 @@
      </span>
    </div>
 
-   <table class="co-table">
+   <table class="co-table" id="tagsTable">
      <thead>
       <td class="checkbox-col"></td>
       <td ng-class="tablePredicateClass('name', options.predicate, options.reverse)">

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',
+          'title': 'Repository Tags',
-          'content': 'The tree displays the full history of your repository, including all its tag. ' +
+          'content': 'Click on the tags tab to view all the tags in the repository',
-            'You can click on a tag or image to see its information.',
+          'overlayable': true,
-          'element': '#image-history-container',
+          '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',
+          'title': 'Tag Information',
-          'content': 'This panel displays information about the currently selected tag or image',
+          'content': 'Each row displays information about a specific tag',
-          'element': '#side-panel',
+          'element': '#tagsTable tr:first-child',
           'overlayable': true
         },
         {
-          'title': 'Select tag or image',
+          'title': 'Tag Actions',
-          'content': 'You can select a tag or image by clicking on this dropdown',
+          'content': 'You can modify a tag by clicking on the Tag Options icon',
-          'element': '#side-panel-dropdown',
+          'element': '#tagsTable tr:first-child .fa-gear',
           'overlayable': true
         },
         {
-          'content': 'To view the admin settings for the repository, click on the gear',
+          'title': 'Tag History',
-          'element': '#admin-cog',
+          'content': 'You can view a tags history by clicking on the Tag History icon',
-          'signal': AngularTourSignals.matchesLocation('/repository/{{username}}/{{repoName}}/admin'),
+          'element': '#tagsTable tr:first-child .fa-history',
           'overlayable': true
         },
         {
-          'title': 'Repository Admin',
+          'title': 'Fetch Tag',
-          'content': "The repository admin panel allows for modification of a repository's permissions, notifications, visibility and other settings",
+          '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,

static/js/tour.js

@@ -250,6 +250,13 @@ angular.module("angular-tour", [])
       };
     };
 
+    // Signal: When an element is visible in the page's DOM.
+    signals.elementVisible = function(elementPath) {
+      return function(tourScope) {
+        return $(tourScope._replaceData(elementPath)).height() > 0;
+      };
+    };
+
     // Signal: When an element is found in the page's DOM.
     signals.elementAvaliable = function(elementPath) {
       return function(tourScope) {

static/partials/repo-view.html

@@ -21,11 +21,11 @@
           <i class="fa fa-info-circle"></i>
         </span>
 
-        <span class="cor-tab" tab-title="Tags" tab-target="#tags">
+        <span class="cor-tab" tab-title="Tags" tab-target="#tags" id="tagsTab">
           <i class="fa fa-tags"></i>
         </span>
 
-        <span class="cor-tab" tab-title="Builds" tab-target="#builds"
+        <span class="cor-tab" tab-title="Builds" tab-target="#builds" id="buildsTab"
               tab-init="showBuilds()"
               quay-show="viewScope.repository.can_write && Features.BUILD_SUPPORT">
           <i class="fa fa-tasks"></i>
@@ -44,7 +44,7 @@
           <i class="fa fa-bar-chart"></i>
         </span>
 
-        <span class="cor-tab" tab-title="Settings" tab-target="#settings"
+        <span class="cor-tab" tab-title="Settings" tab-target="#settings" id="settingsTab"
               tab-init="showSettings()"
               ng-show="viewScope.repository.can_admin">
           <i class="fa fa-gear"></i>

static/tutorial/permissions.html

@@ -1,2 +1,2 @@
-<p>The permissions tab displays all the users, robot accounts and tokens that have access to the repository.</p>
+<p>The permissions table displays all the users, robot accounts and tokens that have access to the repository.</p>
 <p>By default, any repository you create will have your user ({{ tour.tourScope.username }}) as the single administrator.</p>