Skip to content

C
coopwire-hypothesis
Commit 95512b68 authored by Sean Hammond's avatar Sean Hammond Committed by Nick Stenning
Browse files
Options

Enable publishing annotations to a group 

Features
========

1. If you have a group selected in the groups dropdown when you create
   an annotation, the annotation will be created in that group.

2. Only users who are members of the group can see the group's
   annotations.

3. An annotation can be separately set to public or private, whether it
   is in a group or not, using the separate visibility dropdown on the
   annotation card when creating or editing an annotation.

   Private means viewable by the user only, public means viewable by the
   group or by everyone if the annotation has no group. When in a group
   the group's name appears instead of "Public" in the user interface
   (and with a group icon instead of the public icon). So for example if
   I make an annotation in group Foobar I can set its visibility to Only
   Me or to Foobar.

4. New icons and styles for all the group-related parts of the UI,
   should look the same as in Jake's mockups now.

Implementation Notes
====================

Auth
----

- We add `"group:<hashid>"` principals to `request.effective_principals`
  for each group the user is a member of.

- The existing `"group:admin"` and `"group:staff"` principals are
  renamed to `"group:__admin__"` and `"group:__staff__"` so that they
  never clash with group hashids (hashids never contain _'s).

- A user may only create an annotation in group "x" if they are
  themselves a member of group "x". This is enforced by an ACL
  in `h.api.resources`.

- Users may only view annotations in groups of which they are members.
  This is enforced by a query filter in search: `h.api.groups.search`.

- In `h.api.groups.logic`: A reply's group is always set to that of its
  parent, server-side. It doesn't matter what the client sends.

Search Filtering
----------------

- Whether an annotation belongs to a group is recorded in a top-level
  `group` field in the annotation. The value of this field is the
  group's hashid.

  For example, it is currently possible to have a private annotation
  (visible only to the user who created it) within a group. This allows
  users to use the privacy controls for "drafting" group annotations and
  replies, only sharing them with the group when they're ready. It also
  allows users to keep private replies to group annotations.

  When the sidebar is focused on a group (not yet implemented), the
  search will filter the annotations to those that have the group's
  hashid in the group field, regardless of whether the annotation's
  permissions are private to the user or shared with the group.

- The groups search filtering (`h.api.groups.search`) uses the top-level
  groups field to filter out annotations that belong to groups that the
  user isn't a member of.

- Annotations that are public simply have a group field containing
  `__world__`.

Client-Side
-----------

- `annotation.coffee` sets the group field on the annotation before
  saving it.

- There's a new group-list-controller to handle the now more interactive
  groups dropdown.

- And a group-service to share state about which group is currently
  focused with different parts of the code.

Misc
----

- `h.streamer`: Infinite scroll and live updates filter out annotations
  from groups the user isn't a member of, as well.

- `h.api.search.transform`: the API adds group: '__world__' to any
  annotations without a group field before returning them to the
  client.
parent 0762ef02
Show whitespace changes
Inline Side-by-side
Showing with 712 additions and 275 deletions
h/static/scripts/app.coffee
View file @ 95512b68
...@@ -89,7 +89,7 @@ module.exports = angular.module('h', [ ...@@ -89,7 +89,7 @@ module.exports = angular.module('h', [
.directive('formValidate', require('./directive/form-validate')) .directive('formValidate', require('./directive/form-validate'))
.directive('groupList', require('./directive/group-list')) .directive('groupList', require('./directive/group-list'))
.directive('markdown', require('./directive/markdown')) .directive('markdown', require('./directive/markdown'))
.directive('privacy', require('./directive/privacy')) .directive('privacy', require('./directive/privacy').directive)
.directive('simpleSearch', require('./directive/simple-search')) .directive('simpleSearch', require('./directive/simple-search'))
.directive('statusButton', require('./directive/status-button')) .directive('statusButton', require('./directive/status-button'))
.directive('thread', require('./directive/thread')) .directive('thread', require('./directive/thread'))
...@@ -117,6 +117,7 @@ module.exports = angular.module('h', [ ...@@ -117,6 +117,7 @@ module.exports = angular.module('h', [
.service('features', require('./features')) .service('features', require('./features'))
.service('flash', require('./flash')) .service('flash', require('./flash'))
.service('formRespond', require('./form-respond')) .service('formRespond', require('./form-respond'))
.service('groups', require('./groups'))
.service('host', require('./host')) .service('host', require('./host'))
.service('localStorage', require('./local-storage')) .service('localStorage', require('./local-storage'))
.service('permissions', require('./permissions')) .service('permissions', require('./permissions'))
......
h/static/scripts/directive/annotation.coffee
View file @ 95512b68
...@@ -43,10 +43,10 @@ errorMessage = (reason) -> ...@@ -43,10 +43,10 @@ errorMessage = (reason) ->
AnnotationController = [ AnnotationController = [
'$scope', '$timeout', '$q', '$rootScope', '$document', '$scope', '$timeout', '$q', '$rootScope', '$document',
'drafts', 'flash', 'permissions', 'tags', 'time', 'drafts', 'flash', 'permissions', 'tags', 'time',
'annotationUI', 'annotationMapper', 'session' 'annotationUI', 'annotationMapper', 'session', 'groups'
($scope, $timeout, $q, $rootScope, $document, ($scope, $timeout, $q, $rootScope, $document,
drafts, flash, permissions, tags, time, drafts, flash, permissions, tags, time,
annotationUI, annotationMapper, session) -> annotationUI, annotationMapper, session, groups) ->
@annotation = {} @annotation = {}
@action = 'view' @action = 'view'
...@@ -56,14 +56,24 @@ AnnotationController = [ ...@@ -56,14 +56,24 @@ AnnotationController = [
@embedded = false @embedded = false
@hasDiff = false @hasDiff = false
@showDiff = undefined @showDiff = undefined
@privacyLevel = null
@timestamp = null @timestamp = null
model = $scope.annotationGet() model = $scope.annotationGet()
if not model.group
model.group = groups.focused().hashid
highlight = model.$highlight highlight = model.$highlight
original = null original = null
vm = this vm = this
###*
# @ngdoc method
# @name annotation.AnnotationController#group.
# @returns {Object} The full group object associated with the annotation.
###
this.group = ->
groups.get(model.group)
###* ###*
# @ngdoc method # @ngdoc method
# @name annotation.AnnotationController#tagsAutoComplete. # @name annotation.AnnotationController#tagsAutoComplete.
...@@ -98,6 +108,33 @@ AnnotationController = [ ...@@ -98,6 +108,33 @@ AnnotationController = [
this.isPrivate = -> this.isPrivate = ->
permissions.isPrivate model.permissions, model.user permissions.isPrivate model.permissions, model.user
###*
# @ngdoc method
# @name annotation.AnnotationController#setPrivate
#
# Set permissions on this annotation to private.
###
this.setPrivate = ->
model.permissions = permissions.private()
###*
# @ngdoc method
# @name annotation.AnnotationController#isShared
# @returns {boolean} True if the annotation is shared (either with the
# current group or with everyone).
###
this.isShared = ->
permissions.isPublic model.permissions, model.group
###*
# @ngdoc method
# @name annotation.AnnotationController#setShared
#
# Set permissions on this annotation to share with the current group.
###
this.setShared = ->
model.permissions = permissions.public(model.group)
###* ###*
# @ngdoc method # @ngdoc method
# @name annotation.AnnotationController#authorize # @name annotation.AnnotationController#authorize
......
h/static/scripts/directive/group-list.js
View file @ 95512b68
...@@ -6,12 +6,15 @@ ...@@ -6,12 +6,15 @@
* @restrict AE * @restrict AE
* @description Displays a list of groups of which the user is a member. * @description Displays a list of groups of which the user is a member.
*/ */
module.exports = function () {
// @ngInject
module.exports = function (groups) {
return { return {
restrict: 'AE', link: function (scope, elem, attrs) {
scope: { scope.groups = groups;
groups: '='
}, },
restrict: 'AE',
scope: {},
templateUrl: 'group_list.html' templateUrl: 'group_list.html'
}; };
}; };
h/static/scripts/directive/privacy.coffee deleted 100644 → 0
View file @ 0762ef02
module.exports = ['localStorage', 'permissions', (localStorage, permissions) ->
VISIBILITY_KEY ='hypothesis.visibility'
VISIBILITY_PUBLIC = 'public'
VISIBILITY_PRIVATE = 'private'
levels = [
{name: VISIBILITY_PUBLIC, text: 'Public'}
{name: VISIBILITY_PRIVATE, text: 'Only Me'}
]
getLevel = (name) ->
for level in levels
if level.name == name
return level
undefined
isPublic = (level) -> level == VISIBILITY_PUBLIC
link: (scope, elem, attrs, controller) ->
return unless controller?
controller.$formatters.push (selectedPermissions) ->
return unless selectedPermissions?
if permissions.isPublic(selectedPermissions)
getLevel(VISIBILITY_PUBLIC)
else
getLevel(VISIBILITY_PRIVATE)
controller.$parsers.push (privacy) ->
return unless privacy?
if isPublic(privacy.name)
newPermissions = permissions.public()
else
newPermissions = permissions.private()
# Cannot change the $modelValue into a new object
# Just update its properties
for key,val of newPermissions
controller.$modelValue[key] = val
controller.$modelValue
controller.$render = ->
unless controller.$modelValue.read?.length
name = localStorage.getItem VISIBILITY_KEY
name ?= VISIBILITY_PUBLIC
level = getLevel(name)
controller.$setViewValue level
scope.level = controller.$viewValue
scope.levels = levels
scope.setLevel = (level) ->
localStorage.setItem VISIBILITY_KEY, level.name
controller.$setViewValue level
controller.$render()
scope.isPublic = isPublic
require: '?ngModel'
restrict: 'E'
scope:
level: '='
templateUrl: 'privacy.html'
]
h/static/scripts/directive/privacy.js 0 → 100644
View file @ 95512b68
'use strict';
var STORAGE_KEY = 'hypothesis.privacy';
var SHARED = 'shared';
var PRIVATE = 'private';
// Return a descriptor object for the passed group.
function describeGroup(group) {
var type;
if (group.public) {
type = 'public';
} else {
type = 'group';
}
return {
name: group.name,
type: type
};
}
// @ngInject
function PrivacyController($scope, localStorage) {
this._level = null;
/**
* @ngdoc method
* @name PrivacyController#level
*
* Returns the current privacy level descriptor.
*/
this.level = function () {
// If the privacy level isn't set yet, we first try and set it from the
// annotation model
if (this._level === null) {
if ($scope.annotation.isPrivate()) {
this._level = PRIVATE;
} else if ($scope.annotation.isShared()) {
this._level = SHARED;
}
// If the annotation is neither (i.e. it's new) we fall through.
}
// If the privacy level still isn't set, try and retrieve it from
// localStorage, falling back to shared.
if (this._level === null) {
var fromStorage = localStorage.getItem(STORAGE_KEY);
if ([SHARED, PRIVATE].indexOf(fromStorage) !== -1) {
this._level = fromStorage;
} else {
this._level = SHARED;
}
// Since we loaded from localStorage, we need to explicitly set this so
// that the annotation model updates.
this.setLevel(this._level);
}
if (this._level === SHARED) {
return this.shared();
}
return this.private();
};
/**
* @ngdoc method
* @name PrivacyController#setLevel
*
* @param {String} level
*
* Sets the current privacy level. `level` may be either 'private' or
* 'shared'.
*/
this.setLevel = function (level) {
if (level === SHARED) {
this._level = SHARED;
$scope.annotation.setShared();
localStorage.setItem(STORAGE_KEY, SHARED);
} else if (level === PRIVATE) {
this._level = PRIVATE;
$scope.annotation.setPrivate();
localStorage.setItem(STORAGE_KEY, PRIVATE);
}
};
/**
* @ngdoc method
* @name PrivacyController#shared
*
* Returns a descriptor object for the current 'shared' privacy level.
*/
this.shared = function () {
return describeGroup($scope.annotation.group());
};
/**
* @ngdoc method
* @name PrivacyController#private
*
* Returns a descriptor object for the current 'private' privacy level.
*/
this.private = function () {
return {
name: 'Only Me',
type: 'private'
};
};
return this;
}
var directive = function () {
return {
controller: PrivacyController,
controllerAs: 'vm',
link: function (scope, elem, attrs, annotation) {
scope.annotation = annotation;
},
require: '^annotation',
restrict: 'E',
scope: {},
templateUrl: 'privacy.html'
};
};
exports.PrivacyController = PrivacyController;
exports.directive = directive;
h/static/scripts/directive/test/annotation-test.coffee
View file @ 95512b68
...@@ -14,6 +14,7 @@ describe 'annotation', -> ...@@ -14,6 +14,7 @@ describe 'annotation', ->
fakeAnnotationUI = null fakeAnnotationUI = null
fakeDrafts = null fakeDrafts = null
fakeFlash = null fakeFlash = null
fakeGroups = null
fakeMomentFilter = null fakeMomentFilter = null
fakePermissions = null fakePermissions = null
fakePersonaFilter = null fakePersonaFilter = null
...@@ -79,6 +80,11 @@ describe 'annotation', -> ...@@ -79,6 +80,11 @@ describe 'annotation', ->
} }
fakeUrlEncodeFilter = (v) -> encodeURIComponent(v) fakeUrlEncodeFilter = (v) -> encodeURIComponent(v)
fakeGroups = {
focused: -> {}
get: ->
}
$provide.value 'annotationMapper', fakeAnnotationMapper $provide.value 'annotationMapper', fakeAnnotationMapper
$provide.value 'annotationUI', fakeAnnotationUI $provide.value 'annotationUI', fakeAnnotationUI
$provide.value 'drafts', fakeDrafts $provide.value 'drafts', fakeDrafts
...@@ -91,6 +97,7 @@ describe 'annotation', -> ...@@ -91,6 +97,7 @@ describe 'annotation', ->
$provide.value 'tags', fakeTags $provide.value 'tags', fakeTags
$provide.value 'time', fakeTime $provide.value 'time', fakeTime
$provide.value 'urlencodeFilter', fakeUrlEncodeFilter $provide.value 'urlencodeFilter', fakeUrlEncodeFilter
$provide.value 'groups', fakeGroups
return return
beforeEach inject (_$compile_, _$document_, _$rootScope_, _$timeout_) -> beforeEach inject (_$compile_, _$document_, _$rootScope_, _$timeout_) ->
...@@ -557,24 +564,36 @@ describe("AnnotationController", -> ...@@ -557,24 +564,36 @@ describe("AnnotationController", ->
createAnnotationDirective = ({annotation, personaFilter, momentFilter, createAnnotationDirective = ({annotation, personaFilter, momentFilter,
urlencodeFilter, drafts, flash, urlencodeFilter, drafts, flash,
permissions, session, tags, time, annotationUI, permissions, session, tags, time, annotationUI,
annotationMapper}) -> annotationMapper, groups}) ->
locals = { locals = {
personaFilter: personaFilter or {} personaFilter: personaFilter or ->
momentFilter: momentFilter or {} momentFilter: momentFilter or {}
urlencodeFilter: urlencodeFilter or {} urlencodeFilter: urlencodeFilter or {}
drafts: drafts or { drafts: drafts or {
add: -> add: ->
remove: ->
}
flash: flash or {
info: ->
error: ->
}
permissions: permissions or {
isPublic: -> false
isPrivate: -> false
permits: -> true
} }
flash: flash or {}
permissions: permissions or {}
session: session or {state: {}} session: session or {state: {}}
tags: tags or {} tags: tags or {store: ->}
time: time or { time: time or {
toFuzzyString: -> toFuzzyString: ->
nextFuzzyUpdate: -> nextFuzzyUpdate: ->
} }
annotationUI: annotationUI or {} annotationUI: annotationUI or {}
annotationMapper: annotationMapper or {} annotationMapper: annotationMapper or {}
groups: groups or {
get: ->
focused: -> {}
}
} }
module(($provide) -> module(($provide) ->
$provide.value("personaFilter", locals.personaFilter) $provide.value("personaFilter", locals.personaFilter)
...@@ -588,6 +607,7 @@ describe("AnnotationController", -> ...@@ -588,6 +607,7 @@ describe("AnnotationController", ->
$provide.value("time", locals.time) $provide.value("time", locals.time)
$provide.value("annotationUI", locals.annotationUI) $provide.value("annotationUI", locals.annotationUI)
$provide.value("annotationMapper", locals.annotationMapper) $provide.value("annotationMapper", locals.annotationMapper)
$provide.value("groups", locals.groups)
return return
) )
...@@ -611,6 +631,37 @@ describe("AnnotationController", -> ...@@ -611,6 +631,37 @@ describe("AnnotationController", ->
) )
) )
describe("save", ->
it("Passes group:<hashid> to the server when saving a new annotation", ->
annotation = {
# The annotation needs to have a user or the controller will refuse to
# save it.
user: 'acct:fred@hypothes.is'
# The annotation needs to have some text or it won't validate.
text: 'foo'
}
# Stub $create so we can spy on what gets sent to the server.
annotation.$create = sinon.stub().returns(Promise.resolve())
group = {hashid: "test-hashid"}
{controller} = createAnnotationDirective({
annotation: annotation
# Mock the groups service, pretend that there's a group with hashid
# "test-group" focused.
groups: {
focused: -> group
get: ->
}
})
controller.action = 'create'
controller.save().then(->
assert annotation.$create.lastCall.thisValue.group == "test-hashid"
)
)
)
### ###
Simulate what happens when the user edits an annotation, clicks Save, Simulate what happens when the user edits an annotation, clicks Save,
gets an error because the server fails to save the annotation, then clicks gets an error because the server fails to save the annotation, then clicks
...@@ -634,22 +685,6 @@ describe("AnnotationController", -> ...@@ -634,22 +685,6 @@ describe("AnnotationController", ->
data: {} data: {}
}) })
} }
flash: {
info: ->
error: ->
}
personaFilter: ->
permissions: {
isPrivate: -> false
permits: -> true
}
tags: {
store: ->
}
drafts: {
add: ->
remove: ->
}
) )
original_text = controller.annotation.text original_text = controller.annotation.text
......
h/static/scripts/directive/test/privacy-test.coffee deleted 100644 → 0
View file @ 0762ef02
{module, inject} = angular.mock
VISIBILITY_KEY ='hypothesis.visibility'
VISIBILITY_PUBLIC = 'public'
VISIBILITY_PRIVATE = 'private'
describe 'privacy', ->
$compile = null
$scope = null
$window = null
fakeAuth = null
fakePermissions = null
fakeLocalStorage = null
sandbox = null
before ->
angular.module('h', [])
.directive('privacy', require('../privacy'))
beforeEach module('h')
beforeEach module('h.templates')
beforeEach module ($provide) ->
sandbox = sinon.sandbox.create()
fakeAuth = {
user: 'acct:angry.joe@texas.com'
}
storage = {}
fakeLocalStorage = {
getItem: sandbox.spy (key) -> storage[key]
setItem: sandbox.spy (key, value) -> storage[key] = value
removeItem: sandbox.spy (key) -> delete storage[key]
}
fakePermissions = {
isPublic: sandbox.stub().returns(true)
isPrivate: sandbox.stub().returns(false)
permits: sandbox.stub().returns(true)
public: sandbox.stub().returns({read: ['everybody']})
private: sandbox.stub().returns({read: ['justme']})
}
$provide.value 'auth', fakeAuth
$provide.value 'localStorage', fakeLocalStorage
$provide.value 'permissions', fakePermissions
return
beforeEach inject (_$compile_, _$rootScope_, _$window_) ->
$compile = _$compile_
$scope = _$rootScope_.$new()
$window = _$window_
afterEach ->
sandbox.restore()
describe 'saves visibility level', ->
it 'stores the default visibility level when it changes', ->
$scope.permissions = {read: ['acct:user@example.com']}
$element = $compile('<privacy ng-model="permissions" level="vm.privacylevel">')($scope)
$scope.$digest()
$isolateScope = $element.isolateScope()
$isolateScope.setLevel(name: VISIBILITY_PUBLIC)
expected = VISIBILITY_PUBLIC
stored = fakeLocalStorage.getItem VISIBILITY_KEY
assert.equal stored, expected
describe 'setting permissions', ->
$element = null
describe 'when no setting is stored', ->
beforeEach ->
fakeLocalStorage.removeItem VISIBILITY_KEY
it 'defaults to public', ->
$scope.permissions = {read: []}
$element = $compile('<privacy ng-model="permissions" level="vm.privacylevel">')($scope)
$scope.$digest()
$isolateScope = $element.isolateScope()
assert.equal $isolateScope.level.name, VISIBILITY_PUBLIC
describe 'when permissions.read is empty', ->
beforeEach ->
fakeLocalStorage.setItem VISIBILITY_KEY, VISIBILITY_PUBLIC
$scope.permissions = {read: []}
$element = $compile('<privacy ng-model="permissions" level="vm.privacylevel">')($scope)
$scope.$digest()
it 'sets the initial permissions based on the stored privacy level', ->
assert.equal $element.isolateScope().level.name, VISIBILITY_PUBLIC
it 'does not alter the level on subsequent renderings', ->
fakeLocalStorage.setItem VISIBILITY_KEY, VISIBILITY_PRIVATE
$scope.permissions.read = ['acct:user@example.com']
$scope.$digest()
assert.equal $element.isolateScope().level.name, VISIBILITY_PUBLIC
describe 'when permissions.read is filled', ->
it 'does not alter the level', ->
fakeLocalStorage.setItem VISIBILITY_KEY, VISIBILITY_PRIVATE
$scope.permissions = {read: ['group:__world__']}
$element = $compile('<privacy ng-model="permissions" level="vm.privacylevel">')($scope)
$scope.$digest()
$isolateScope = $element.isolateScope()
assert.equal($isolateScope.level.name, VISIBILITY_PUBLIC)
describe 'user attribute', ->
beforeEach ->
$scope.permissions = {read: []}
it 'fills the permissions fields with the auth.user name', ->
fakeLocalStorage.setItem VISIBILITY_KEY, VISIBILITY_PRIVATE
$element = $compile('<privacy ng-model="permissions" level="vm.privacylevel">')($scope)
$scope.$digest()
assert.deepEqual $scope.permissions, fakePermissions.private()
it 'puts group_world into the read permissions for public visibility', ->
fakeLocalStorage.setItem VISIBILITY_KEY, VISIBILITY_PUBLIC
$element = $compile('<privacy ng-model="permissions" level="vm.privacylevel">')($scope)
$scope.$digest()
assert.deepEqual $scope.permissions, fakePermissions.public()
h/static/scripts/directive/test/privacy-test.js 0 → 100644
View file @ 95512b68
'use strict';
var PrivacyController = require('../privacy').PrivacyController;
describe('PrivacyController', function () {
var fakeScope;
var fakeLocalStorage;
var sandbox;
beforeEach(function () {
sandbox = sinon.sandbox.create();
fakeScope = {
annotation: {
group: sandbox.stub().returns({name: 'Everyone', public: true}),
isPrivate: sandbox.stub().returns(false),
isShared: sandbox.stub().returns(false),
setPrivate: sandbox.spy(),
setShared: sandbox.spy()
}
};
fakeLocalStorage = {
setItem: sandbox.stub(),
getItem: sandbox.stub()
};
});
afterEach(function () {
sandbox.restore();
});
function controller() {
return new PrivacyController(fakeScope, fakeLocalStorage);
}
describe('.shared()', function () {
it('returns a correct descriptor for the public group', function () {
var c = controller();
var result = c.shared();
assert.deepEqual(result, {name: 'Everyone', type: 'public'});
});
it('returns a correct descriptor for non-public groups', function () {
var c = controller();
fakeScope.annotation.group.returns({name: 'Foo'})
var result = c.shared();
assert.deepEqual(result, {name: 'Foo', type: 'group'});
});
});
describe('.level()', function () {
it('returns the public level if the annotation is shared', function () {
var c = controller();
fakeScope.annotation.isShared.returns(true);
var result = c.level();
assert.equal(result.type, 'public');
});
it('returns the private level if the annotation is private', function () {
var c = controller();
fakeScope.annotation.isPrivate.returns(true);
var result = c.level();
assert.equal(result.type, 'private');
});
it('falls back to localStorage if the annotation is new (shared)', function () {
var c = controller();
fakeLocalStorage.getItem.returns('shared');
var result = c.level();
assert.equal(result.type, 'public');
});
it('falls back to localStorage if the annotation is new (private)', function () {
var c = controller();
fakeLocalStorage.getItem.returns('private');
var result = c.level();
assert.equal(result.type, 'private');
});
it('calls setLevel if the annotation is new to update the model', function () {
var c = controller();
sandbox.spy(c, 'setLevel');
c.level();
assert.calledWith(c.setLevel, 'shared');
});
it('ignores junk data in localStorage', function () {
var c = controller();
fakeLocalStorage.getItem.returns('aslkdhasdug');
var result = c.level();
assert.equal(result.type, 'public');
});
it('falls back to the public level by default', function () {
var c = controller();
var result = c.level();
assert.equal(result.type, 'public');
});
});
describe('.setLevel()', function () {
it('sets the controller state', function () {
var c = controller();
c.setLevel('shared');
assert.equal(c.level().type, 'public');
c.setLevel('private');
assert.equal(c.level().type, 'private');
});
it('calls setShared on the annotation when setting level to shared', function () {
var c = controller();
c.setLevel('shared');
assert.calledOnce(fakeScope.annotation.setShared);
});
it('calls setPrivate on the annotation when setting level to private', function () {
var c = controller();
c.setLevel('private');
assert.calledOnce(fakeScope.annotation.setPrivate);
});
it('stores the last permissions state in localStorage', function () {
var c = controller();
c.setLevel('shared');
assert.calledWithMatch(fakeLocalStorage.setItem,
sinon.match.any,
'shared');
c.setLevel('private');
assert.calledWithMatch(fakeLocalStorage.setItem,
sinon.match.any,
'private');
});
});
});
h/static/scripts/groups.js 0 → 100644
View file @ 95512b68
/**
* @ngdoc service
* @name groups
*
* @description
* Get and set the UI's currently focused group.
*/
'use strict';
var STORAGE_KEY = 'hypothesis.groups.focus';
// @ngInject
function groups(localStorage, session) {
// The currently focused group. This is the group that's shown as selected in
// the groups dropdown, the annotations displayed are filtered to only ones
// that belong to this group, and any new annotations that the user creates
// will be created in this group.
var focused;
var all = function all() {
return session.state.groups || [];
};
// Return the full object for the group with the given hashid.
var get = function get(hashid) {
var gs = all();
for (var i = 0, max = gs.length; i < max; i++) {
if (gs[i].hashid === hashid) {
return gs[i];
}
}
};
return {
all: all,
get: get,
// Return the currently focused group. If no group is explicitly focused we
// will check localStorage to see if we have persisted a focused group from
// a previous session. Lastly, we fall back to the first group available.
focused: function() {
if (focused) {
return focused;
}
var fromStorage = get(localStorage.getItem(STORAGE_KEY));
if (typeof fromStorage !== 'undefined') {
focused = fromStorage;
return focused;
}
return all()[0];
},
// Set the group with the passed hashid as the currently focused group.
focus: function(hashid) {
var g = get(hashid);
if (typeof g !== 'undefined') {
focused = g;
localStorage.setItem(STORAGE_KEY, g.hashid);
}
}
};
}
module.exports = groups;
h/static/scripts/permissions.coffee
View file @ 95512b68
...@@ -44,27 +44,40 @@ module.exports = ['session', (session) -> ...@@ -44,27 +44,40 @@ module.exports = ['session', (session) ->
###* ###*
# @ngdoc method # @ngdoc method
# @name permissions#private # @name permissions#public
#
# @param {String} [group] Group to make annotation public in.
# #
# Sets permissions for a public annotation # Sets permissions for a public annotation
# Typical use: annotation.permissions = permissions.public() # Typical use: annotation.permissions = permissions.public()
### ###
public: -> public: (group) ->
read: [GROUP_WORLD] if group?
group = 'group:' + group
else
group = GROUP_WORLD
return {
read: [group]
update: [session.state.userid] update: [session.state.userid]
delete: [session.state.userid] delete: [session.state.userid]
admin: [session.state.userid] admin: [session.state.userid]
}
###* ###*
# @ngdoc method # @ngdoc method
# @name permissions#isPublic # @name permissions#isPublic
# #
# @param {Object} permissions # @param {Object} permissions
# @param {String} [group]
# #
# This function determines whether the permissions allow public visibility # This function determines whether the permissions allow public visibility
### ###
isPublic: (permissions) -> isPublic: (permissions, group) ->
GROUP_WORLD in (permissions?.read or []) if group?
group = 'group:' + group
else
group = GROUP_WORLD
group in (permissions?.read or [])
###* ###*
# @ngdoc method # @ngdoc method
......
h/static/scripts/test/groups-test.js 0 → 100644
View file @ 95512b68
'use strict';
var groups = require('../groups');
// Return a mock session service containing three groups.
var sessionWithThreeGroups = function() {
return {
state: {
groups: [
{name: 'Group 1', hashid: 'id1'},
{name: 'Group 2', hashid: 'id2'},
{name: 'Group 3', hashid: 'id3'},
]
}
};
};
describe('groups', function() {
var fakeSession;
var fakeLocalStorage;
var sandbox;
beforeEach(function () {
sandbox = sinon.sandbox.create();
fakeSession = sessionWithThreeGroups();
fakeLocalStorage = {
getItem: sandbox.stub(),
setItem: sandbox.stub()
};
});
afterEach(function () {
sandbox.restore();
});
function service() {
return groups(fakeLocalStorage, fakeSession);
}
describe('.all()', function() {
it('returns no groups if there are none in the session', function() {
fakeSession = {state: {groups: []}};
var groups = service().all();
assert.equal(groups.length, 0);
});
it('returns the groups from the session when there are some', function() {
var groups = service().all();
assert.equal(groups.length, 3);
assert.deepEqual(groups, [
{name: 'Group 1', hashid: 'id1'},
{name: 'Group 2', hashid: 'id2'},
{name: 'Group 3', hashid: 'id3'}
]);
});
});
describe('.get() method', function() {
it('returns the requested group', function() {
var group = service().get('id2');
assert.equal(group.hashid, 'id2');
});
it("returns undefined if the group doesn't exist", function() {
var group = service().get('foobar');
assert.isUndefined(group);
});
});
describe('.focused() method', function() {
it('returns the focused group', function() {
var s = service();
s.focus('id2');
assert.equal(s.focused().hashid, 'id2');
});
it('returns the first group initially', function() {
var s = service();
assert.equal(s.focused().hashid, 'id1');
});
it('returns the group selected in localStorage if available', function() {
fakeLocalStorage.getItem.returns('id3');
var s = service();
assert.equal(s.focused().hashid, 'id3');
});
});
describe('.focus() method', function() {
it('sets the focused group to the named group', function() {
var s = service();
s.focus('id2');
assert.equal(s.focused().hashid, 'id2');
});
it("does nothing if the named group isn't recognised", function() {
var s = service();
s.focus('foobar');
assert.equal(s.focused().hashid, 'id1');
});
it("stores the focused group hashid in localStorage", function() {
var s = service();
s.focus('id3');
assert.calledWithMatch(fakeLocalStorage.setItem, sinon.match.any, 'id3');
});
});
});
h/static/scripts/test/permissions-test.coffee
View file @ 95512b68
...@@ -45,6 +45,13 @@ describe 'h:permissions', -> ...@@ -45,6 +45,13 @@ describe 'h:permissions', ->
assert.equal(perms.delete[0], 'acct:flash@gordon') assert.equal(perms.delete[0], 'acct:flash@gordon')
assert.equal(perms.admin[0], 'acct:flash@gordon') assert.equal(perms.admin[0], 'acct:flash@gordon')
it 'public call fills the read property with group:foo if passed "foo"', ->
perms = permissions.public("foo")
assert.equal(perms.read[0], 'group:foo')
assert.equal(perms.update[0], 'acct:flash@gordon')
assert.equal(perms.delete[0], 'acct:flash@gordon')
assert.equal(perms.admin[0], 'acct:flash@gordon')
describe 'isPublic', -> describe 'isPublic', ->
it 'isPublic() true if the read permission has group:__world__ in it', -> it 'isPublic() true if the read permission has group:__world__ in it', ->
permission = { permission = {
......
h/static/styles/app.scss
View file @ 95512b68
...@@ -82,20 +82,25 @@ ol { ...@@ -82,20 +82,25 @@ ol {
/* The groups dropdown list. */ /* The groups dropdown list. */
.group-list {
margin-right: 0.5em;
}
$group-list-width: 225px; $group-list-width: 225px;
.group-list .dropdown {
white-space: nowrap;
}
.group-list .dropdown-menu { .group-list .dropdown-menu {
width: $group-list-width; width: $group-list-width;
} }
.group-list .dropdown-menu li {
@include pie-clearfix;
}
.group-list .dropdown-menu .group-name { .group-list .dropdown-menu .group-name {
max-width: $group-list-width - 45px; float: left;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: $group-list-width - 30px;
} }
.user-picker { .user-picker {
......
h/static/styles/topbar.scss
View file @ 95512b68
...@@ -35,6 +35,11 @@ ...@@ -35,6 +35,11 @@
@include flex-grow(1); @include flex-grow(1);
-ms-flex: 1; /* IE10 support */ -ms-flex: 1; /* IE10 support */
margin-right: .75em; margin-right: .75em;
overflow: hidden;
}
.topbar .inner .group-list {
margin-right: .75em;
} }
.topbar .btn { .topbar .btn {
......
h/static/styles/vendor/icomoon.css
View file @ 95512b68
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
} }
@font-face { @font-face {
font-family: 'h'; font-family: 'h';
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SB7AAAAC8AAAAYGNtYXC7zbgeAAABHAAAAHxnYXNwAAAAEAAAAZgAAAAIZ2x5ZkQpOK0AAAGgAAAVIGhlYWQGkVJqAAAWwAAAADZoaGVhB8ID8QAAFvgAAAAkaG10eLYAGBsAABccAAAAwGxvY2FyTmzEAAAX3AAAAGJtYXhwADcAsQAAGEAAAAAgbmFtZUy+GgQAABhgAAABPnBvc3QAAwAAAAAZoAAAACAAAwP1AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADqkQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAYAAAABQAEAADAAQAAQAg5hjmHeYq6ojqjeqR//3//wAAAAAAIOYA5hrmH+qI6o3qkf/9//8AAf/jGgQaAxoCFaUVoRWeAAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQDVACsDKwMrAAsAAAEhIgYVAyUFETQmIwLV/lYkMQEBKwErMiQDKzIk/VaAgAKqJDIAAAEAkgCAA4ACvAAFAAAlJwcXAScBgLI87gIAPPmyPe4CADwAAAMAqwAAA1UDgAAdACoANAAAASM1NC4CIyIOAh0BIyIGFREUFjMhMjY1ETQmIwEiJjU0NjMyFhUUBiMTITU0NjMyFh0BAwArITpOLCxOOiErIzIyIwIAIzIyI/8AIzIyIyMyMiOE/vhNNzdNAlVWLE45IiI5TixWMiP+VSMyMiMBqyMy/oAyJCMyMiMkMgGAVjZOTjZWAAAAAgCAAEADagMrABwAKQAAASMnPgE1NC4CIyIOAhUUHgIzMjY3FxUXNychIiY1NDYzMhYVFAYjApUiCx8kLEtlOjllSywsS2U5NFwlC9Y/1f8AT3FxT1BwcFABVQwkXTM6ZUssLEtlOjllSywkHwwi1UDVcU9QcHBQT3EAAAIAZAAAA5wDVQBOAFsAAAE+ATU0Jic3PgEvAS4BDwEuAS8BLgErASIGDwEOAQcnJgYPAQYWHwEOARUUFhcHDgEfAR4BPwEeAR8BHgE7ATI2PwE+ATcXFjY/ATYmLwEFIiY1NDYzMhYVFAYjAz0BAgIBWgYDBFUEDwdqESQTEAIMCKoIDAEQFCQRagcPBFUEAwZaAQICAVoGAwRVBA8HahEkFBABDAiqCAwBEBQkEWoHDwRVBAMGWv7DPldXPj5XVz4BgQoVCwoVCkcFDweUBwUDKw0VCHEICgoIcQgVDSsDBQeUBw8FRwoVCgsVCkcEEAeUBwUDKw0VCHEICgoIcQgVDSsDBQeUBw8FR2xYPj5XVz4+WAAAAAADACsAawPVAusAFAApADYAAAEiDgIHHgMzMj4CNy4DIxEiLgI1ND4CMzIeAhUUDgIjESIGFRQWMzI2NTQmIwIAUJJ6XhsbXnqSUFCSel4bG156klAsTjohITpOLCxOOiEhOk4sNUtLNTVLSzUC6zBVdUZHdVUvL1V1R0Z1VTD96iI6TiwsTjkiIjlOLCxOOiIBVks1NUtLNTVLAAAEACsAAAPWAysAGAAqAEEASAAAATIeAhUUBgcXPgE3LgMjIgYHFz4BMyUXDgEHHgMzMjY3HwE3AQcfAQ4BFRQWMzI2NxcOASMiLgI1NDY3Nxc3NCYjBwIALE46IQgHfTBLGBxeepJQLVUoXBInFf5VdTVRGRteepJQMl4rEn02/Qw37EIBAks1Bw4HQhYvGSxOOiEMCriGAUs1BwKAIjlOLBUnEn0oZzxGdVUwEA5cBwh0dCpsP0d1VS8SEhJ9NgL1N+tCBw4HNUsBAkILDCI6TiwZLxYhhgc1SwEAAQFVAKsCkgKrAAUAAAEnCQE3JwKSPf8AAQA9xAJuPf8A/wA8xAAAAAEA1QCAAysC1QAMAAABIREjESE1IREzESEVAyv/AFb/AAEAVgEAAYD/AAEAVQEA/wBVAAABANUAgAMrAtUACwAAAScHJwcXBxc3FzcnAys97u497+897u497wKZPO7uPO7vPO7uPO8AAwBV/9UDgAOAAAkAGgAfAAABISIGFREzESE1FyEiBhURFBYzITI2NRE0JiMRIREhEQKr/gAkMlYCAID+KiMyMiMB1iMyMiP+KgHWA4AyI/2qAlZVqzIj/askMjIkAlUjMv1WAlX9qwADAAAAgAQAAwAAEAAdACUAAAEhIgYVERQWMyEyNjURNCYjASM1BycVIxEzFzczERcnMzUzFTMHA7b8lB8rKx8DbB8rKx/+ioBgYICAYGCAv59ggGChAwArH/4UHysrHwHsHyv+AMB7e8ABgICA/oAg4MDA4AAAAAABANUAKwNVAwAACQAAASchETMRMxchEQJmEf6AVu8RASoCq1X9KwEqVQGrAAEAgABVA4AC1QAOAAABNQkBNTIeAhcuAycBq/7VAStQiHRhKBBDcKJwAiuq/tb+1a8aNlI4UJuAWxAAAAMAAP+rBAADngAFABAAFAAAAScBFTMBNzY0LwEmIg8BFzcBIRUhAvWg/lagAap+DQ1jDSMNU6BT/I0EAPwAAoCg/lWgAat+DSMMZA0NU6BT/VeqAAMBKwCrAvUDAAAPABkAIwAAAT4BNTQmIyERITI2NTQmJyczMhYVFAYrATUTIzUzMhYVFAYjApoeKGNI/vYBLENbMinvgBomJhqAlZWVGyUlGwHeFkEgSGP9q15DMU4TtyUbGiaA/oCAJRsaJgAAAAABAQAAqwMAAwAACwAAARUzAyMVITUjEzM1AatekncBVV6SdwMAgP6rgIABVYAAAAAGAGsAcgOAAusADAAZACYAKwAwADUAABMiBhUUFjMyNjU0JiMRIgYVFBYzMjY1NCYjESIGFRQWMzI2NTQmIxchNSEVESE1IRURFSE1IasbJSUbGiYmGhslJRsaJiYaGCEhGBciIheAAlX9qwJV/asCVf2rAesmGhslJRsaJgEAJhobJSUbGib9+SIXGCEhGBciZFVVAQBVVQFVVVUAAAAABgBVAFUDgAMAAAwAEwAeACMAKAAtAAA3MxUjFTMVIxUzNSMVEzM1IxUzFQczBxUzNSM3NSMVExUhNSERITUhFREhNSEVVVYrK1aAgCsrVisrTU2ATEyA1gJV/asCVf2rAlX9q9UVKxUrqysBgKsrgIBZJytaJisBAFVV/atVVQEAVVUAAgDVANUDKwKAAAYADQAAJTM3ESERMwUzNxEhETMBAIBV/wCAAQCAVv8AgNWrAQD/AKurAQD/AAABAQAAVQMAAwAACwAAASEVCQEVITUhNychAwD+AAEV/usCAP7V1tYBKwMAVf8A/wBWgNbVAAAAAAMAVQDVA6sCgAAWABsAMgAAEzQ2OwE1IyIOAhUUHgI7ATUjIiY1FyE1IRUBIxUzMhYVFAYrARUzMj4CNTQuAiOmTjeqqixOOiIiOk4sqqo3Tq8BVv6qAYCqqjdOTjeqqixOOiIiOk4sAas2TlEiOU4sLE46IlFONytVVQEAUU42N05RIjpOLCxOOSIAAgCAACsDgAMrABAAFgAAJRE0JiMhIgYVERQWMyEyNjUlFzcTITcDgDIj/aojMjIjAlYjMv3rapbA/aqWgAJVJDIyJP2rIzIyI+uBwf8AwAAEAFUAAAOrA1UADgATABgAHQAAASEiBhURFBYzIRcRNCYjAyE1IRU1ITUhFTUhNSEVA1X9ViQyMiQCVasyJFX+AAIA/gACAP4AAgADVTIj/gAjMqsDACMy/gBWVoBWVoBWVgAAAQFuAKsCqwKrAAUAAAEHFwcXAQGrPcTEPQEAAqs9w8Q8AQAAAgBVAAADqwNVABQAIQAAASIOAhUUHgIzMj4CNTQuAiMTBycHJzcnNxc3FwcXAgBYnHRDQ3ScWFicdENDdJxY1TyZmTyZmTyZmTyZmQNVQ3OcWFmbdENDdJtZWJxzQ/29PZmZPZmZPJmZPJmZAAAAAAEAkgCAA4ACvAAFAAAlJwcXAScBgLI87gIAPPmyPe4CADwAAAEA1QCAAysC1QALAAABJwcnBxcHFzcXNycDKz3u7j3v7z3u7j3vApk87u487u887u487wABAasA1QKAAoAAAgAAJTcnAavV1dXW1QAEAAj/yAP4A7gAKQBDAFkAZwAAATIeAhceAxUUDgIHDgMjIi4CJy4DNTQ+Ajc+AzMxFyIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIzETFSMVIzUjNTQ2Nz4BOwEyFhceARUxJzQ2MzIWFRQGIyImNTEB/zViWlEkJTclEhIkNiQmVFphNDNfWVImJTcmEhImNyUlUVhhNAJWkTw+PT09PZJVVJM+PDs8PD2SVYc6nDoFBQQMBtAGCwUFBc4jIyMjIyMjIwO4EiU2JSRSWWI1NWFZTyQlOSUTEiY3JSZRWWA0NGBaUiYlNiUSWzw8P5NTVJE9PT09PjmRV1aSPTw8/uDO9fXOBwsFBQUFBQULB4IjJCQjIyMjIwAABAAI/8gD+AO4AC8AWACDAK4AAAEyHgIXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgEnLgE1NDY3PgE3PgMzMRciBgcOAQcOARUUFhceARceARceATMyNjc+ATc+ATU0JicuAScuASMxAwcuAScuASMiBhUUFhceATMyNjcXDgEHDgEjIiYnLgE1NDY3PgEzMhYXMSEHLgEnLgEjIgYVFBYXHgEzMjY3Fw4BBw4BIyImJy4BNTQ2Nz4BMzIWFzEB/zViWlIlJDYSExISEhM1JCVULi9hMjJgLS5SJCQ3ExMTExMTOCQkUVhhNAJXkTseLRAQEBAQEC0eHkMlJk4pKE8mJkUeOzsPDxAsHjyTVQZEBQ4IBw8HIiEICQgaEBYfCT4JHBESJxUiNhUVFBUVFTQgL0MVASJCBg0ICA8HIiIJCQgZERYfCT8KHBIRJhUiNxUUFRUVFTUgL0MTA7gSJTglI1EuLmEzNGEtLVAjJDgTFBMTExM4JCRSLS5gMjJgLi5TJCU3JRJbPDwfQyYmTikpTiUmQx0eLQ8QDw8QEC0eOpBXKk8lJkIePD3+tyMLEAQFBCwtFCEMDAwVFh8THQsKCxUVFDolJDkVFRYlJCMLEAQFBCwtFCEMDAwVFh8THQsKCxUVFDolJDkVFRYlJAAAAAAFAAP/wgP0A7IAFQAkADgAaACRAAABIg4CFRQeAjMyPgI1NC4CIzEVMhYXHgEPAS4BNTQ2MzEXHgEVFAYjIiYnIiYjJiInLgE/AQMiDgIHDgEHDgEVFBYXHgEXHgEXHgEzMjY3PgE3PgE3PgE1NCYnLgEnLgMjMRcyFhceARceARUUBgcOAQcOASMiJicuAScuAScuATU0Njc+ATc+ATMxAfw/US4TEy5RPz5RLxISL1E+BQkECQYIbwMBGUFTBAIZQAUKBAEBAQICAg4MDXxUNWFYUCQlNxQTExMTEzckJFIuLmAyMWIuL1QlIzYSEhMTEhI2JCVSW2I0AlWSPR0tDxAPOzsfRSYmTigpTyUlRB0eLhAQEBAQEC4eO5FXAtw1VGcyMmdUNTVUZzIyZ1Q1bgEBCBYOzBMlDiyIXRguESyJAQEBAQEGFxTWAaESJTclJFMvLl8yM2AtLVIlJDcUExITExQ4JCNPLS5hNDNhLi1SIyU4JBNbPTweQiYlTypXkDoeLRAQEBAPEC0dHkMlJk4pKU4lJkQePTwAAwBVAAADqwNVABQAIwBAAAABIg4CFRQeAjMyPgI1NC4CIwMuAzU0NjcXFRQWMxUlLgErATU0JiMhNTMyNj0BMzI2PQEeAxUUBgcCAFicdENDdJxYWJx0Q0N0nFgrP21QLgQFzDIjAScJLBwrGRL/AFYRGVYjMi9OOR8wKQNVQ3OcWFmbdENDdJtZWJxzQ/0DCDtadEITJxLMKyMyU2waIoASGVUZElUyIxITP1JjNUN2LgAAAQCAAAQDgANWADQAACUiBgclPgE1NCYnJR4BMzI2NTQmIyIGFRQWFwUuASMiBhUUFjMyNjcFDgEVFBYzMjY1NCYjAwAYKxH+0AICAgIBLREtGTVLSzU1SwIC/tMRLRk1S0s1GS0RATACAUg0NEhINPwRD7EHDwgHDwivEBJLNTVLSzUIDwewEBNLNTVLEhCxBw4HNEhINDRIAAAAAgDVACsDKwMrAAoAEwAAJRQWMyEyNjURIREBIycjByMVITUBADIjAVYjMv4AAiuWKtYqlgJWgCMyMiMCAP4AAoArK1VVAAAAAQDVAYADKwHVAAQAAAEhNSEVAyv9qgJWAYBVVQAAAAACAIAAKwNzAx4ABQAQAAA3FTMBJwEBNjQvASYiDwEXN4CgAdig/igC8w0NYw0jDU6gTsugAdig/igBsw0jDGQNDU6gTgAAAAACAIAAKwNzAx4ABQAQAAA3FTMBJwEBNjQvASYiDwEXN4CgAdig/igC8w0NYw0jDU6gTsugAdig/igBsw0jDGQNDU6gTgAAAAADAFUA1QOrAoAAFgAbADIAABM0NjsBNSMiDgIVFB4COwE1IyImNRchNSEVASMVMzIWFRQGKwEVMzI+AjU0LgIjpk43qqosTjoiIjpOLKqqN06vAVb+qgGAqqo3Tk43qqosTjoiIjpOLAGrNk5RIjlOLCxOOiJRTjcrVVUBAFFONjdOUSI6TiwsTjkiAAEBKwErAtUCAAACAAABFzcBK9XVAgDV1QAAAAACAFUAVQOrAwAAEAAXAAABISIGFQMUFjMhMjY1ETQmIxUFJTUFJRUDVf1WJDEBMiQCqiQyMiT+q/6rAVUBVQMAMiP+ACQyMiQCACMyq9XVVtbWVgAEAAAAHwQAA4AAOwBOAFsAZwAAATAqAiMiDgIVFB4CMzoBNw4BFRQWFyIGIyIOAhUUHgIzMj4CNTQmJy4BNTQ2Nz4BNTQmJzM3Ax4BFRQGIyImNTQ2FzIWFx4BFwMuAScmNhceARcWBiclNSMVIxUzFTM1MzUCL0FYWhktVEEnHTZLLgYNBgYIFRAMFww3YUcoLEtkN0BiQyMpNRI1EyEhKy0qVTxeAgJXbE1kdk0SIQ8qOQikNFYJCT00M1YJCTw0AhNAwMBAwAOAIDZHJylHNR4BDBkNFyUOASE1RiUkOikWITZGJDpOJg00EhYeGRpHKzJYESv9cQcOBztQVDs5UwEGBB4qIQEjAmJERFwCAWBERF4BrMDAQMDAQAAAAAABAAD/wAQAA8AAJAAAASEiBhURFBYzIREjNTM1NDY7ARUjIgYdATMHIxEzMjY1ETQmIwNV/VZHZGRHAVWAgF5CoKANE7AgkNVHZGRHA8BkR/1WR2QBwIBgQl6AEw1ggP5AZEcCqkdkAAEAAAAgBAADYABHAAABDgEHPgE3DgEHLgEjIg4CFRQWFy4DJw4BFRQWFy4BJzAUMRQWFw4BIyImJx4BFw4BIyImJx4DMzI+AjU0JjU+ATcEABw9ICEwDB9DJBxQLSxMOSEDAkF7bmAnDQ8zKhowFWFIDhsPChQJFGtFNoVKDRkMI0xRViyR35hOAR81FQL+DREDEzwlEhoHHiQhOUwsDBgMAyI5TjAYNR03XBwBDgsCTXMOBAQCAj5SAiowAgEWIxgNbazVaAYOBxY3IAAAAAABAAAAAYAAGO+XuV8PPPUACwQAAAAAANG4xwEAAAAA0bjHAQAA/6sEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAwBAAAAAAAAAAAAAAAAgAAAAQAANUEAACSBAAAqwQAAIAEAABkBAAAKwQAACsEAAFVBAAA1QQAANUEAABVBAAAAAQAANUEAACABAAAAAQAASsEAAEABAAAawQAAFUEAADVBAABAAQAAFUEAACABAAAVQQAAW4EAABVBAAAkgQAANUEAAGrBAAACAQAAAgEAAADBAAAVQQAAIAEAADVBAAA1QQAAIAEAACABAAAVQQAASsEAABVBAAAAAQAAAAEAAAAAAAAAAAKABQAHgA4AEoAlgDUAWABrgIcAjACSgJkApgC1ALqAwgDMgNqA4ID0gQUBDAETASSBLoE7AT+BTYFSAViBW4F+gb0B8IIHAhqCI4IngjCCOYJLAk6CWQJ9AooCpAAAAABAAAAMACvAAYAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEAAQAAAAEAAAAAAAIABwAqAAEAAAAAAAMAAQAkAAEAAAAAAAQAAQA/AAEAAAAAAAUACwADAAEAAAAAAAYAAQAnAAEAAAAAAAoAGgBCAAMAAQQJAAEAAgABAAMAAQQJAAIADgAxAAMAAQQJAAMAAgAlAAMAAQQJAAQAAgBAAAMAAQQJAAUAFgAOAAMAAQQJAAYAAgAoAAMAAQQJAAoANABcaABoVmVyc2lvbiAxLjUAVgBlAHIAcwBpAG8AbgAgADEALgA1aABoaABoUmVndWxhcgBSAGUAZwB1AGwAYQByaABoRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'); src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
...@@ -23,14 +23,14 @@ ...@@ -23,14 +23,14 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.h-icon-arrow-right:before { .h-icon-link:before {
content: "\e61d"; content: "\e628";
} }
.h-icon-arrow-drop-down:before { .h-icon-group:before {
content: "\e629"; content: "\e629";
} }
.h-icon-link:before { .h-icon-group-add:before {
content: "\e628"; content: "\e62b";
} }
.h-icon-create:before { .h-icon-create:before {
content: "\e627"; content: "\e627";
...@@ -110,6 +110,9 @@ ...@@ -110,6 +110,9 @@
.h-icon-insert-photo:before { .h-icon-insert-photo:before {
content: "\e616"; content: "\e616";
} }
.h-icon-arrow-drop-down:before {
content: "\e619";
}
.h-icon-cancel:before { .h-icon-cancel:before {
content: "\e61a"; content: "\e61a";
} }
...@@ -125,6 +128,12 @@ ...@@ -125,6 +128,12 @@
.h-icon-close:before { .h-icon-close:before {
content: "\e61c"; content: "\e61c";
} }
.h-icon-expand-less:before {
content: "\e61d";
}
.h-icon-expand-more:before {
content: "\e61e";
}
.h-icon-public:before { .h-icon-public:before {
content: "\e622"; content: "\e622";
} }
......
h/templates/client/annotation.html
View file @ 95512b68
...@@ -13,6 +13,13 @@ ...@@ -13,6 +13,13 @@
target="_blank" target="_blank"
ng-href="{{vm.baseURI}}u/{{vm.annotation.user}}" ng-href="{{vm.baseURI}}u/{{vm.annotation.user}}"
>{{vm.annotation.user | persona}}</a> >{{vm.annotation.user | persona}}</a>
<span class="small" ng-if="vm.group() && vm.group().url">
to
<a target="_blank" href="{{vm.group().url}}">
<i class="h-icon-group" title="{{vm.group.name}}"></i>
{{vm.group().name}}
</a>
</span>
<i class="h-icon-border-color" ng-show="vm.isHighlight() && !vm.editing" title="This is a highlight. Click 'edit' to add a note or tag."></i> <i class="h-icon-border-color" ng-show="vm.isHighlight() && !vm.editing" title="This is a highlight. Click 'edit' to add a note or tag."></i>
<span ng-show="vm.isPrivate() && !vm.editing" <span ng-show="vm.isPrivate() && !vm.editing"
title="This annotation is visible only to you."> title="This annotation is visible only to you.">
...@@ -31,11 +38,7 @@ ...@@ -31,11 +38,7 @@
<aside class="pull-right" ng-if="vm.editing"> <aside class="pull-right" ng-if="vm.editing">
<privacy ng-click="$event.stopPropagation()" <privacy ng-click="$event.stopPropagation()"
ng-if="vm.annotation.permissions && vm.editing && action != 'delete'" ng-if="vm.annotation.permissions && vm.editing && action != 'delete'"
ng-model="vm.annotation.permissions" model="annotation">
level="vm.privacyLevel"
user="{{vm.annotation.user}}"
class="dropdown privacy pull-right"
name="privacy" />
</aside> </aside>
<!-- / Editing controls --> <!-- / Editing controls -->
</span> </span>
...@@ -115,10 +118,19 @@ ...@@ -115,10 +118,19 @@
<footer class="annotation-footer"> <footer class="annotation-footer">
<div class="small" ng-if="vm.editing"> <div class="small" ng-if="vm.editing">
<p ng-show="vm.privacyLevel.text == 'Only Me'"> <p ng-show="vm.isPrivate()">
<i class="h-icon-lock"></i> This annotation is visible only to you.</p> <i class="h-icon-lock"></i>
<p ng-show="vm.privacyLevel.text == 'Public'"> This annotation will be visible only to you.
<i class="h-icon-public"></i> This annotation is visible to everyone.</p> </p>
<p ng-show="vm.isShared() && vm.group().public">
<i class="h-icon-public"></i>
This annotation will be visible to everyone.
</p>
<p ng-show="vm.isShared() && !vm.group().public">
<i class="h-icon-group"></i>
This annotation will be visible to everyone in the
<strong ng-bind="vm.group().name"></strong> group.
</p>
</div> </div>
<div class="form-actions" ng-if="vm.editing" ng-switch="vm.action"> <div class="form-actions" ng-if="vm.editing" ng-switch="vm.action">
...@@ -139,7 +151,7 @@ ...@@ -139,7 +151,7 @@
</div> </div>
<div class="annotation-section annotation-license" <div class="annotation-section annotation-license"
ng-show="vm.privacyLevel.name != 'private' && vm.editing"> ng-show="vm.isShared() && vm.editing">
<a href="http://creativecommons.org/publicdomain/zero/1.0/" <a href="http://creativecommons.org/publicdomain/zero/1.0/"
title="View more information about the Creative Commons Public Domain license" title="View more information about the Creative Commons Public Domain license"
target="_blank"> target="_blank">
......
h/templates/client/group_list.html
View file @ 95512b68
<span role="button" class="dropdown-toggle" data-toggle="dropdown"> <div class="pull-right dropdown">
Groups <span class="dropdown-toggle"
data-toggle="dropdown"
role="button"
ng-switch on="groups.focused().public">
<i class="h-icon-public" ng-switch-when="true"></i>
<i class="h-icon-group" ng-switch-default></i>
{{groups.focused().name}}
<i class="h-icon-arrow-drop-down"></i> <i class="h-icon-arrow-drop-down"></i>
</span> </span>
<ul class="dropdown-menu pull-right" role="menu"> <ul class="dropdown-menu pull-right" role="menu">
<li ng-repeat="group in groups"> <li ng-repeat="group in groups.all()"
<a ng-href="{{group.url}}" ng-bind="group.name" target="_blank" ng-class="group.hashid == groups.focused().hashid? 'selected' : ''">
class="group-name pull-left"></a> <a class="group-name"
<a ng-href="{{group.url}}" target="_blank" class="h-icon-link pull-right" href=""
title="Share this group"></a> ng-click="groups.focus(group.hashid)"
<div style="clear:both;"></div> ng-switch on="group.public">
<i class="h-icon-public" ng-switch-when="true"></i>
<i class="h-icon-group" ng-switch-default></i>
{{group.name}}
</a>
<a ng-href="{{group.url}}" ng-if="group.url"
target="_blank" class="h-icon-link" title="Share this group"></a>
</li> </li>
<li> <li>
<a href="/groups/new" target="_blank"><i class="h-icon-add"></i> New Group</a> <a href="/groups/new" target="_blank"><i class="h-icon-add"></i>
New Group</a>
</li> </li>
</ul> </ul>
</div>
h/templates/client/privacy.html
View file @ 95512b68
...@@ -3,17 +3,26 @@ ...@@ -3,17 +3,26 @@
role="button" role="button"
class="dropdown-toggle" class="dropdown-toggle"
data-toggle="dropdown"> data-toggle="dropdown">
<i class="small" ng-class="{'h-icon-public': isPublic(level.name), <i class="small"
'h-icon-lock': !isPublic(level.name)}"></i> ng-class="{'h-icon-public': vm.level().type === 'public',
<span ng-bind="level.text"></span> 'h-icon-group': vm.level().type === 'group',
'h-icon-lock': vm.level().type === 'private'}"></i>
<span ng-bind="vm.level().name"></span>
<i class="h-icon-arrow-drop-down"></i> <i class="h-icon-arrow-drop-down"></i>
</span> </span>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li ng-repeat="level in levels" ng-click="setLevel(level)"> <li ng-click="vm.setLevel('shared')">
<a href=""> <a href="">
<i class="small" ng-class="{'h-icon-public': isPublic(level.name), <i class="small"
'h-icon-lock': !isPublic(level.name)}"></i> ng-class="{'h-icon-public': vm.shared().type === 'public',
<span ng-bind="level.text"></span> 'h-icon-group': vm.shared().type === 'group'}"></i>
<span ng-bind="vm.shared().name"></span>
</a>
</li>
<li ng-click="vm.setLevel('private')">
<a href="">
<i class="small h-icon-lock"></i>
<span ng-bind="vm.private().name"></span>
</a> </a>
</li> </li>
</ul> </ul>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment