Migrate Jade to Pug template engine
Jade templates engine has been renamed to Pug. We are using Pug already on the Blender Cloud repository, following is Flamenco and Attract
This commit is contained in:
398
src/templates/organizations/view_embed.pug
Normal file
398
src/templates/organizations/view_embed.pug
Normal file
@@ -0,0 +1,398 @@
|
||||
.organization
|
||||
form#item_form(onsubmit="return editOrganization()")
|
||||
| {% if can_edit %}
|
||||
.input-group
|
||||
label(for='org-name-field') Name
|
||||
input.item-name.input-transparent#org-name-field(
|
||||
name="name",
|
||||
type="text",
|
||||
placeholder="Organization's name",
|
||||
value="{{ organization.name | hide_none }}")
|
||||
.input-group
|
||||
label(for='org-description-field') Description
|
||||
textarea.item-description.input-transparent#org-description-field(
|
||||
name="description",
|
||||
type="text",
|
||||
rows=1,
|
||||
placeholder="Organization's description") {{ organization.description | hide_none }}
|
||||
.input-group
|
||||
label(for='org-website-field') Website
|
||||
input.item-website.input-transparent#org-website-field(
|
||||
name="website",
|
||||
type="text",
|
||||
placeholder="Organization's website",
|
||||
value="{{ organization.website | hide_none }}")
|
||||
.input-group
|
||||
label(for='org-location-field') Location
|
||||
input.item-location.input-transparent#org-location-field(
|
||||
name="location",
|
||||
type="text",
|
||||
placeholder="Organization's location",
|
||||
value="{{ organization.location | hide_none }}")
|
||||
| {% if can_super_edit %}
|
||||
.input-group.text-danger
|
||||
label(for='org-seat-count-field') Seat count
|
||||
input.item-location.input-transparent#org-seat-count-field(
|
||||
name="seat_count",
|
||||
type="text",
|
||||
placeholder="Seat count",
|
||||
value="{{ organization.seat_count | hide_none }}")
|
||||
.input-group.text-danger
|
||||
label(for='org-roles-field') Roles
|
||||
input.item-location.input-transparent#org-roles-field(
|
||||
name="org_roles",
|
||||
type="text",
|
||||
placeholder="Organization roles",
|
||||
value="{{ organization.org_roles | hide_none | sort | join(' ') }}")
|
||||
| {% endif %}
|
||||
.input-group
|
||||
label.item-admin-user Org admin
|
||||
p#admin-name
|
||||
a(href='javascript:showAdminPicker()', title='Click to choose another administrator') {{ admin_user.full_name }}
|
||||
p#admin-picker
|
||||
input#admin-select.form-control(
|
||||
name='admin_user',
|
||||
type='text',
|
||||
placeholder='Search for a new administrator')
|
||||
a(href='javascript:hideAdminPicker()')
|
||||
i.pi-cancel.text-danger
|
||||
script $('#admin-picker').hide();
|
||||
.input-group
|
||||
button#item-save.btn.btn-default.btn-block(type='submit')
|
||||
i.pi-check
|
||||
| Save Organization
|
||||
| {% else %}
|
||||
p.item-name {{ organization.name | hide_none }}
|
||||
| {% if organization.description %}
|
||||
p.item-description {{ organization.description | hide_none }}
|
||||
| {% endif %}
|
||||
| {% if organization.website %}
|
||||
p.item-website
|
||||
a(href='{{ organization.website }}', target='_blank') {{ organization.website }}
|
||||
| {% endif %}
|
||||
| {% if organization.location %}
|
||||
p.item-location {{ organization.location | hide_none }}
|
||||
| {% endif %}
|
||||
p.item-admin-user Organization administrator: {{ admin_user.full_name }}
|
||||
| {% endif %}
|
||||
|
||||
h4 Properties
|
||||
.table.item-properties
|
||||
.table-body
|
||||
.table-row.properties-last-updated
|
||||
.table-cell Last Updated
|
||||
.table-cell(title='Unable to edit, set by Organization')
|
||||
| {{ organization._updated | hide_none | pretty_date_time }}
|
||||
.table-row.properties-seat-count
|
||||
.table-cell Seat Count
|
||||
.table-cell(title='Unable to edit, determined by subscription')
|
||||
| {{ organization.seat_count }} ({{ seats_used }} used)
|
||||
.table-row.properties-org-roles
|
||||
.table-cell User roles
|
||||
.table-cell(title='Unable to edit, determined by subscription')
|
||||
| {{ organization.org_roles | hide_none | sort | join(', ') }}
|
||||
|
||||
.members
|
||||
h4 Organization members
|
||||
| {% if can_edit %}
|
||||
.sharing-users-search
|
||||
.form-group
|
||||
input#user-select.form-control(
|
||||
name='contacts',
|
||||
type='text',
|
||||
placeholder='Add member by name')
|
||||
| {% endif %}
|
||||
ul.sharing-users-list
|
||||
| {% for member in members %}
|
||||
li.sharing-users-item(
|
||||
data-user-id="{{ member['_id'] }}",
|
||||
class="{% if current_user.objectid == member['_id'] %}self{% endif %}")
|
||||
.sharing-users-avatar
|
||||
img(src="{{ member['avatar'] }}")
|
||||
.sharing-users-details
|
||||
span.sharing-users-name
|
||||
| {{ member['full_name'] }}
|
||||
| {% if current_user.objectid == member['_id'] %}
|
||||
small (You)
|
||||
| {% endif %}
|
||||
| {% if organization['admin_uid'] == member['_id'] %}
|
||||
small (admin)
|
||||
| {% endif %}
|
||||
span.sharing-users-extra {{ member['username'] }}
|
||||
.sharing-users-action
|
||||
| {% if can_edit or current_user.objectid == member['_id'] %}
|
||||
| {% if current_user.objectid == member['_id'] %}
|
||||
button.user-remove(title="Leave as member of this organization")
|
||||
i.pi-trash
|
||||
| {% else %}
|
||||
button.user-remove(title="Remove this user from this organization")
|
||||
i.pi-trash
|
||||
| {% endif %}
|
||||
| {% endif %}
|
||||
| {% else %}
|
||||
li
|
||||
p.small No members yet
|
||||
| {% endfor %}
|
||||
| {% if organization.unknown_members %}
|
||||
h5 Pending members (i.e. without Blender Cloud account)
|
||||
ul.sharing-users-list.unknown-members
|
||||
| {% for email in organization.unknown_members %}
|
||||
li.sharing-users-item.unknown-member(data-user-email='{{ email }}')
|
||||
.sharing-users-avatar
|
||||
img(src="{{ email | gravatar }}")
|
||||
.sharing-users-details
|
||||
span.sharing-users-email {{ email }}
|
||||
.sharing-users-action
|
||||
| {% if can_edit %}
|
||||
button.user-remove(title="Remove this user from this organization")
|
||||
i.pi-trash
|
||||
| {% endif %}
|
||||
| {% endfor %}
|
||||
| {% endif %}
|
||||
| {% if can_edit %}
|
||||
h5 Batch-add members by email address
|
||||
form#batch_add_form(onsubmit="return batchAddUsers()")
|
||||
.input-group
|
||||
textarea.item-description.input-transparent(
|
||||
name="emails",
|
||||
type="text",
|
||||
rows=1,
|
||||
placeholder="Email addresses, separated by space/enter")
|
||||
.input-group
|
||||
button.btn.btn-default.btn-block(type='submit')
|
||||
i.pi-check
|
||||
| Add members
|
||||
| {% endif %}
|
||||
|
||||
.action-result-panel
|
||||
|
||||
#item-view-feed
|
||||
| {% if config.DEBUG %}
|
||||
.debug-info
|
||||
a.debug-info-toggle(role='button',
|
||||
data-toggle='collapse',
|
||||
href='#debug-content-organization',
|
||||
aria-expanded='false',
|
||||
aria-controls='debug-content-organization')
|
||||
i.pi-info
|
||||
| Debug Info
|
||||
#debug-content-organization.collapse
|
||||
pre.
|
||||
{{ organization.to_dict() | pprint }}
|
||||
| {% endif %}
|
||||
|
||||
| {% block footer_scripts %}
|
||||
|
||||
| {% if can_edit %}
|
||||
script.
|
||||
$(document).ready(function() {
|
||||
$('#user-select').userSearch(
|
||||
'{{config.ALGOLIA_USER}}',
|
||||
'{{config.ALGOLIA_PUBLIC_KEY}}',
|
||||
'{{config.ALGOLIA_INDEX_USERS}}',
|
||||
function (event, hit, dataset) {
|
||||
var $existing = $('li.sharing-users-item[data-user-id="' + hit.objectID + '"]');
|
||||
if ($existing.length) {
|
||||
$existing
|
||||
.addClass('active')
|
||||
.delay(1000)
|
||||
.queue(function() {
|
||||
$existing.removeClass('active');
|
||||
$existing.dequeue();
|
||||
});
|
||||
toastr.info('User is already member of this organization');
|
||||
}
|
||||
else {
|
||||
addUser(hit.objectID);
|
||||
}
|
||||
}
|
||||
);
|
||||
$('#admin-select').userSearch(
|
||||
'{{config.ALGOLIA_USER}}',
|
||||
'{{config.ALGOLIA_PUBLIC_KEY}}',
|
||||
'{{config.ALGOLIA_INDEX_USERS}}',
|
||||
function (event, hit, dataset) {
|
||||
setAdmin(hit.objectID, hit.full_name);
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
function addUser(userId) {
|
||||
if (!userId || userId.length == 0) {
|
||||
toastr.error('Please select a user from the list');
|
||||
return;
|
||||
}
|
||||
|
||||
patchOrganization({
|
||||
op: 'assign-user',
|
||||
user_id: userId
|
||||
})
|
||||
.done(function (data) {
|
||||
setTimeout(function(){ $('.sharing-users-item').removeClass('added');}, 350);
|
||||
statusBarSet('success', 'Member added to this organization!', 'pi-grin');
|
||||
|
||||
// TODO fsiddi: avoid the reloading of the entire page?
|
||||
window.location.reload();
|
||||
})
|
||||
.fail(function (err) {
|
||||
var msg = xhrErrorResponseMessage(err);
|
||||
toastr.error('Could not add member: ' + msg);
|
||||
});
|
||||
};
|
||||
|
||||
function setAdmin(user_id, full_name) {
|
||||
if (!user_id || user_id.length == 0) {
|
||||
toastr.error('Please select a user from the list');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!confirm("Are you sure you want to transfer administrator privileges to " + full_name + "?")) {
|
||||
hideAdminPicker();
|
||||
toastr.warning('Cancelled administrative transfer.');
|
||||
return;
|
||||
}
|
||||
|
||||
patchOrganization({
|
||||
op: 'assign-admin',
|
||||
user_id: user_id
|
||||
})
|
||||
.done(function (data) {
|
||||
window.location.reload();
|
||||
toastr.info('Updated admin user');
|
||||
})
|
||||
.fail(function (err) {
|
||||
var msg = xhrErrorResponseMessage(err);
|
||||
toastr.error('Could not add member: ' + msg);
|
||||
});
|
||||
};
|
||||
|
||||
function editOrganization() {
|
||||
var $form = $('#item_form');
|
||||
var new_name = $form.find('*[name="name"]').val();
|
||||
|
||||
{% if can_super_edit %}
|
||||
var org_roles_str = $form.find('*[name="org_roles"]').val().trim();
|
||||
var org_roles = Array();
|
||||
if (org_roles_str.length) org_roles = org_roles_str.split(/\s/);
|
||||
{% endif %}
|
||||
|
||||
patchOrganization({
|
||||
op: 'edit-from-web',
|
||||
name: new_name,
|
||||
description: $form.find('*[name="description"]').val(),
|
||||
website: $form.find('*[name="website"]').val(),
|
||||
location: $form.find('*[name="location"]').val(),
|
||||
{% if can_super_edit %}
|
||||
seat_count: parseInt($form.find('*[name="seat_count"]').val()),
|
||||
org_roles: org_roles,
|
||||
{% endif %}
|
||||
})
|
||||
.done(function() {
|
||||
$('span.organization-name-{{ organization._id }}').text(new_name);
|
||||
item_open('{{ organization._id }}', false);
|
||||
})
|
||||
.fail(function(err) {
|
||||
var msg = xhrErrorResponseMessage(err);
|
||||
toastr.error('Error editing organization: ' + msg);
|
||||
})
|
||||
;
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function batchAddUsers() {
|
||||
var $form = $('#batch_add_form');
|
||||
var emails = $form.find('*[name="emails"]').val().split(/\s/);
|
||||
console.log(emails);
|
||||
|
||||
patchOrganization({
|
||||
op: 'assign-users',
|
||||
emails: emails,
|
||||
})
|
||||
.done(function() {
|
||||
item_open('{{ organization._id }}', false);
|
||||
})
|
||||
.fail(function(err) {
|
||||
var msg = xhrErrorResponseMessage(err);
|
||||
toastr.error('Error adding members: ' + msg);
|
||||
})
|
||||
;
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function showAdminPicker() {
|
||||
$('#admin-name').hide();
|
||||
$('#admin-picker').show(function() {
|
||||
$(this).find('input').focus();
|
||||
});
|
||||
}
|
||||
function hideAdminPicker() {
|
||||
$('#admin-picker').hide();
|
||||
$('#admin-name').show();
|
||||
}
|
||||
|
||||
| {% endif %}
|
||||
script.
|
||||
$(document).ready(function() {
|
||||
$('body').off('click', '.user-remove'); // remove previous handlers.
|
||||
$('body').on('click', '.user-remove', function(e) {
|
||||
var user_id = $(this).closest('*[data-user-id]').data('user-id');
|
||||
var user_email = $(this).closest('*[data-user-email]').data('user-email');
|
||||
removeUser(user_id, user_email);
|
||||
});
|
||||
});
|
||||
|
||||
function patchOrganization(patch) {
|
||||
if (typeof patch == 'undefined') {
|
||||
throw 'patchOrganization(undefined) called';
|
||||
}
|
||||
|
||||
if (console) console.log('patchOrganization', patch);
|
||||
|
||||
var promise = $.ajax({
|
||||
url: '/api/organizations/{{ organization._id }}',
|
||||
method: 'PATCH',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(patch),
|
||||
})
|
||||
.fail(function(err) {
|
||||
if (console) console.log('Error patching: ', err);
|
||||
})
|
||||
;
|
||||
|
||||
return promise;
|
||||
}
|
||||
|
||||
function removeUser(user_id, email) {
|
||||
if (typeof user_id == 'undefined' && typeof email == 'undefined') {
|
||||
throw "removeUser(undefined, undefined) called";
|
||||
}
|
||||
var organization_id = '{{ organization._id }}';
|
||||
var patch = {op: 'remove-user'};
|
||||
|
||||
if (typeof user_id !== 'undefined') {
|
||||
patch.user_id = user_id;
|
||||
}
|
||||
if (typeof email !== 'undefined') {
|
||||
patch.email = String(email);
|
||||
}
|
||||
|
||||
patchOrganization(patch)
|
||||
.done(function() {
|
||||
$("ul.sharing-users-list").find("[data-user-id='" + user_id + "']").remove();
|
||||
if ('{{ current_user.user_id }}' == user_id) {
|
||||
// User removed self, so we cannot open this organization again.
|
||||
$('#organization-{{ organization._id}}').remove();
|
||||
toastr.success('You left the organization.')
|
||||
} else {
|
||||
item_open('{{ organization._id }}', false);
|
||||
toastr.success('User removed from this organization');
|
||||
}
|
||||
}).fail(function (data) {
|
||||
var msg = xhrErrorResponseMessage(data);
|
||||
toastr.error('Error removing user: ' + msg);
|
||||
});
|
||||
}
|
||||
|
||||
| {% endblock %}
|
||||
Reference in New Issue
Block a user