- Use document plugin to get canonical url for sharing.
- Introduce Topbar share icon
- Add social media icons to icomoon
- Generate via uri in the share-dialog directive
- Add sharing via Facebook, Twitter, Google plus, and email
- Make account dialog and share dialog consistent
- Add information about sharing to the help page.

h/static/scripts/app-controller.coffee

@@ -43,8 +43,16 @@ module.exports = class AppController
      applyUpdates(action, payload)
      $scope.$digest()

    # App dialogs
    $scope.accountDialog = visible: false
    $scope.shareDialog = visible: false

    oncancel = ->
      $scope.dialog.visible = false
      $scope.accountDialog.visible = false

    # Check to see if we are on the stream page.
    if $window.top is $window
      $scope.isStream = true

    cleanupAnnotations = ->
      # Clean up any annotations that need to be unloaded.
@@ -68,7 +76,7 @@ module.exports = class AppController
      if isFirstRun and not (newVal or oldVal)
        $scope.login()
      else
        $scope.dialog.visible = false
        $scope.accountDialog.visible = false

      # Update any edits in progress.
      for draft in drafts.all()
@@ -85,12 +93,12 @@ module.exports = class AppController
      $route.reload()

    $scope.login = ->
      $scope.dialog.visible = true
      $scope.accountDialog.visible = true
      identity.request {oncancel}

    $scope.logout = ->
      return unless drafts.discard()
      $scope.dialog.visible = false
      $scope.accountDialog.visible = false
      identity.logout()

    $scope.loadMore = (number) ->
@@ -100,8 +108,6 @@ module.exports = class AppController
      $scope.search.query = ''
      annotationUI.clearSelectedAnnotations()

    $scope.dialog = visible: false

    $scope.search =
      query: $location.search()['q']

h/static/scripts/app.coffee

@@ -111,6 +111,7 @@ module.exports = angular.module('h', [
.directive('spinner', require('./directive/spinner'))
.directive('tabbable', require('./directive/tabbable'))
.directive('tabReveal', require('./directive/tab-reveal'))
.directive('shareDialog', require('./directive/share-dialog'))

.filter('converter', require('./filter/converter'))
.filter('moment', require('./filter/moment'))

h/static/scripts/test/app-controller-test.coffee

@@ -117,7 +117,7 @@ describe 'AppController', ->

  it 'does not show login form for logged in users', ->
    createController()
    assert.isFalse($scope.dialog.visible)
    assert.isFalse($scope.accountDialog.visible)

  describe 'applyUpdate', ->

h/static/styles/common.scss

@@ -112,6 +112,27 @@ html {
}


// Share this view /////////////////////
.share-dialog-toggle {
  top: 1px;
  left: 8px;
  position: relative;
  cursor: pointer;
  color: $gray-light;
  float: left;
  margin-right: 15px;

  &:hover {
    color: $gray-dark;
  }
}

.share-links {
  a {
    font-size: 1.5em;
    padding: .3em;
  }
}

//FORM RELATED////////////////////////////////
.form-horizontal {

h/static/styles/help-page.scss

@@ -12,7 +12,7 @@

  .masthead {
    margin-bottom: 2.5em;
    margin-left: -1em;
    margin-left: -2em;
  }
}

@@ -86,7 +86,7 @@

  @include icons {
    @include help-icon;
    font-size: 14px;
    font-size: 10px;
  }
}

@@ -96,7 +96,7 @@
  height: 45px;
  position: absolute;
  top: -10px;
  right: -10px;
  right: 0px;
}

.numbered-list {

h/static/styles/simple-search.scss

@@ -9,7 +9,7 @@
  @include clearfix;
  position: relative;
  padding: 0 1.5385em;
  color: $gray;
  color: $gray-darker;
}

.simple-search-form * {
@@ -23,14 +23,13 @@
}

:not(:focus) ~ .simple-search-icon {
  color: $gray-lighter;
  color: $gray-light;
}

input.simple-search-input {
  float: left;
  outline: none;
  color: $text-color;
  width: 100%;
  border: none;
  padding: 0;

h/static/styles/topbar.scss

@@ -57,7 +57,7 @@ body {

    & > *:first-child, & > *:last-child {
      line-height: 28px;
      margin: 0 .72em;
      margin-right: .72em;
    }
  }
}