IssueBoards: Show project name in group context inside board item and sidebar.

app/assets/javascripts/boards/components/issue_card_inner.js

@@ -158,7 +158,7 @@ gl.issueBoards.IssueCardInner = Vue.extend({
             class="card-number"
             v-if="issueId"
           >
-            {{ issueId }}
+            <span v-if="groupId && issue.project">{{issue.project.path}}</span>{{ issueId }}
           </span>
         </h4>
         <div class="card-assignee">

app/assets/stylesheets/pages/boards.scss

@@ -430,6 +430,7 @@
 .card-number {
   font-size: 12px;
   color: $gl-text-color-secondary;
+  display: inline-block;
 }
 
 .issue-boards-search {

app/views/groups/boards/show.html.haml

-= render "shared/boards/show", board: @board
+= render "shared/boards/show", board: @board, group: true

app/views/shared/boards/_show.html.haml

 - board = local_assigns.fetch(:board, nil)
+- group = local_assigns.fetch(:group, false)
 - @no_breadcrumb_container = true
 - @no_container = true
 - @content_class = "issue-boards-content js-focus-mode-board"
@@ -30,7 +31,7 @@
       ":root-path" => "rootPath",
       ":board-id" => "boardId",
       ":key" => "_uid" }
-  = render "shared/boards/components/sidebar"
+  = render "shared/boards/components/sidebar", group: group
   - if @project
     %board-add-issues-modal{ "new-issue-path" => new_project_issue_path(@project),
       "milestone-path" => milestones_filter_dropdown_path,

app/views/shared/boards/components/_sidebar.html.haml

@@ -8,7 +8,9 @@
             %strong
               {{ issue.title }}
             %br/
-            %span
+            %span<
+              - if @group
+                {{ issue.project && issue.project.path }}
               = precede "#" do
                 {{ issue.iid }}
           %a.gutter-toggle.pull-right{ role: "button",