mirror of
https://github.com/Piwigo/Piwigo.git
synced 2026-08-07 09:13:02 +02:00
Implement group's plugin page
* Add and remove group functions (in ajax) * Clean up code to comply with W3C (remove labels without input and incorrect ul/li)
This commit is contained in:
Zacharie
@@ -313,26 +313,26 @@ UL.thumbnails li.rank-of-image {background-color: #ddd;}
|
||||
|
||||
p.albumTitle img {margin-bottom:-3px;}
|
||||
|
||||
.groups li,
|
||||
.groups .showCreateAlbum,
|
||||
.groups .GroupContainer,
|
||||
.groups .showCreateGroup,
|
||||
.groups .addGroupFormBlock{
|
||||
font-size: 1.2em;
|
||||
background-color:#fafafa;
|
||||
}
|
||||
|
||||
.groups label>p,
|
||||
.groups .Group-name>p,
|
||||
.addGroupForm .addGroupFormTitle{
|
||||
color:#3c3c3c;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.groups li,
|
||||
.groups .showCreateAlbum,
|
||||
.groups .GroupContainer,
|
||||
.groups .showCreateGroup,
|
||||
.groups .addGroupFormBlock{
|
||||
box-shadow: -1px 1px 2px #e7e7e7;
|
||||
}
|
||||
|
||||
.groups .showCreateAlbum:hover #addGroup,
|
||||
.groups .showCreateGroup:hover #addGroup,
|
||||
.groups .addGroupFormTitle{
|
||||
color:#3c3c3c;
|
||||
text-decoration:none;
|
||||
@@ -378,11 +378,11 @@ label>p.group_select {
|
||||
|
||||
/*Edit group name*/
|
||||
|
||||
.groups label{
|
||||
.groups .Group-name{
|
||||
color:#3c3c3c;
|
||||
}
|
||||
|
||||
.groups label .Group-name-container p:focus{
|
||||
.groups .Group-name .Group-name-container p:focus{
|
||||
border:1px solid #3c3c3c!important;
|
||||
background-color:white;
|
||||
}
|
||||
@@ -565,11 +565,11 @@ input:focus + .slider {
|
||||
border:2px solid #ffa646;
|
||||
}
|
||||
|
||||
.groups .Group-checkbox-container:hover input ~ .group-checkmark {
|
||||
.groups .Group-checkbox:hover input ~ .group-checkmark {
|
||||
background-color: #ffa646;
|
||||
}
|
||||
|
||||
.groups .Group-checkbox-container input:checked ~ .group-checkmark {
|
||||
.groups .Group-checkbox input:checked ~ .group-checkmark {
|
||||
background-color: #ffa646;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,47 +1,10 @@
|
||||
{footer_script}
|
||||
|
||||
var pwg_token = "{$PWG_TOKEN}";
|
||||
var member_default = "{'member'|@translate}"
|
||||
|
||||
{literal}
|
||||
$(document).ready(function() {
|
||||
$('.groups input').change(function () { $(this).parent('p').toggleClass('group_select'); });
|
||||
$(".grp_action").hide();
|
||||
$("input.group_selection").click(function() {
|
||||
|
||||
var nbSelected = 0;
|
||||
nbSelected = $("input.group_selection").filter(':checked').length;
|
||||
|
||||
if (nbSelected == 0) {
|
||||
$("#permitAction").hide();
|
||||
$("#forbidAction").show();
|
||||
}
|
||||
else {
|
||||
$("#permitAction").show();
|
||||
$("#forbidAction").hide();
|
||||
}
|
||||
$("p[group_id="+$(this).prop("value")+"]").each(function () {
|
||||
$(this).toggle();
|
||||
});
|
||||
|
||||
if (nbSelected2) {
|
||||
$("#two_to_select").show();
|
||||
$("#two_atleast").hide();
|
||||
}
|
||||
else {
|
||||
$("#two_to_select").hide();
|
||||
$("#two_atleast").show();
|
||||
}
|
||||
});
|
||||
$("[id^=action_]").hide();
|
||||
$("select[name=selectAction]").change(function () {
|
||||
$("[id^=action_]").hide();
|
||||
$("#action_"+$(this).prop("value")).show();
|
||||
if ($(this).val() != -1 ) {
|
||||
$("#applyActionBlock").show();
|
||||
}
|
||||
else {
|
||||
$("#applyActionBlock").hide();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
/*-------
|
||||
Group Popup
|
||||
@@ -63,7 +26,7 @@ Add User toggle and reduces height of user list when add user form is visible
|
||||
$('#form-btn').click(function(){
|
||||
$('#cancel').show();
|
||||
$('#addUserLabel').show()
|
||||
$('#input-user-name').show();
|
||||
$('.input-user-name').show();
|
||||
$('#UserSubmit').show();
|
||||
$('#form-btn').hide();
|
||||
$(".groups .list_user").css("max-height","100px");
|
||||
@@ -72,7 +35,7 @@ $('#form-btn').click(function(){
|
||||
$('#cancel').click(function(){
|
||||
$('#cancel').hide();
|
||||
$('#addUserLabel').hide()
|
||||
$('#input-user-name').hide();
|
||||
$('.input-user-name').hide();
|
||||
$('#UserSubmit').hide();
|
||||
$('#form-btn').show();
|
||||
$(".groups .list_user").css("max-height","200px");
|
||||
@@ -82,14 +45,52 @@ $('#cancel').click(function(){
|
||||
Add Group toggle
|
||||
-------*/
|
||||
|
||||
$('#addGroup').click(function(){
|
||||
$('#showAddGroup').click(function(){
|
||||
$('#addGroupForm').css('display', 'inline-block');
|
||||
$('#showAddGroup').css('display', 'none');
|
||||
});
|
||||
|
||||
$('#addGroupClose').click(function(){
|
||||
var closeAddGroup = function () {
|
||||
$('#addGroupForm').css('display', 'none');
|
||||
$('#showAddGroup').css('display', 'inline-block');
|
||||
}
|
||||
|
||||
$('#addGroupClose').click(closeAddGroup);
|
||||
|
||||
$('.actionButtons input').click(closeAddGroup);
|
||||
|
||||
/*-------
|
||||
Add Group Submit
|
||||
-------*/
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
$('#addGroupForm form').on("submit", function(e) {
|
||||
e.preventDefault();
|
||||
let name = $('#addGroupForm input[type=text]').val();
|
||||
jQuery.ajax({
|
||||
url: "ws.php?format=json&method=pwg.groups.add",
|
||||
type:"POST",
|
||||
data: "name="+name+"&pwg_token="+pwg_token,
|
||||
success: function(raw_data) {
|
||||
data = jQuery.parseJSON(raw_data);
|
||||
if (data.stat === "ok") {
|
||||
id = data.result.groups[0].id;
|
||||
newgroup = $('#group-template').clone().attr('id', "group-"+id);
|
||||
newgroup.attr("data-id", id);
|
||||
newgroup.find("#group_name").html(name);
|
||||
newgroup.find(".Group-checkbox label").attr("for", "Group-Checkbox-selection-"+id)
|
||||
newgroup.find(".Group-checkbox input").attr("id", "Group-Checkbox-selection-"+id)
|
||||
newgroup.find(".input-edit-group-name").attr('placeholder', name);
|
||||
newgroup.find(".group_number_users").html("0 "+member_default);
|
||||
setupGroupBox(newgroup);
|
||||
newgroup.appendTo('.groups')
|
||||
}
|
||||
},
|
||||
error: function(err) {
|
||||
console.log(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
/*-------
|
||||
@@ -110,6 +111,68 @@ close.onclick = function() {
|
||||
modalUL.style.visibility = "hidden";
|
||||
}
|
||||
|
||||
/*-------
|
||||
SETUP JS ON GROUP BOX
|
||||
-------*/
|
||||
jQuery(document).ready(function() {
|
||||
$(".GroupContainer").each(function () {
|
||||
setupGroupBox($(this));
|
||||
})
|
||||
});
|
||||
|
||||
var setupGroupBox = function (groupBox) {
|
||||
|
||||
var id = groupBox.data('id');
|
||||
|
||||
/* Change background color of group block if checked in selection mode */
|
||||
groupBox.find(".Group-checkbox input[type='checkbox']").change(function(){
|
||||
if($(this).is(":checked")){
|
||||
groupBox.addClass("OrangeBackground");
|
||||
groupBox.find('.icon-users-1').addClass("OrangeIcon");
|
||||
groupBox.find('.group_number_users').addClass("OrangeFont");
|
||||
|
||||
item = $("<div data-id="+groupBox.data('id')+">"
|
||||
+"<a class='icon-cancel'></a>"
|
||||
+"<p>"+groupBox.find("#group_name").html()+"</p> </div>");
|
||||
item.appendTo(".DeleteGroupList");
|
||||
item.find("a").on('click', function() {
|
||||
groupBox.find(".Group-checkbox input").attr("checked", false);
|
||||
groupBox.find(".Group-checkbox input[type='checkbox']").trigger("change");
|
||||
});
|
||||
}else{
|
||||
groupBox.removeClass("OrangeBackground");
|
||||
groupBox.find('.icon-users-1').removeClass("OrangeIcon");
|
||||
groupBox.find('.group_number_users').removeClass("OrangeFont");
|
||||
$(".DeleteGroupList div").each(function(){
|
||||
if ($(this).data('id') == id) {$(this).remove()}
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
/* Display the option on the click on "..." */
|
||||
groupBox.find(".group-dropdown-options").click(function GroupOptions(){
|
||||
$(this).find("#GroupOptions").toggle();
|
||||
});
|
||||
|
||||
/* Set the delete action */
|
||||
groupBox.find("#GroupDelete").on('click', function(){
|
||||
jQuery.ajax({
|
||||
url: "ws.php?format=json&method=pwg.groups.delete",
|
||||
type:"POST",
|
||||
data: "group_id="+id+"&pwg_token="+pwg_token,
|
||||
success: function(raw_data) {
|
||||
data = jQuery.parseJSON(raw_data);
|
||||
if (data.stat === "ok") {
|
||||
groupBox.remove();
|
||||
}
|
||||
},
|
||||
error: function(err) {
|
||||
console.log(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/*-------
|
||||
Selection mode toggle actions,
|
||||
changes "..." in group block to checkbox,
|
||||
@@ -117,54 +180,27 @@ disables group actions in selection mode
|
||||
-------*/
|
||||
|
||||
$(function () {
|
||||
$("#toggleSelectionMode").click(function () {
|
||||
if ($(this).is(":checked")) {
|
||||
$("#selection-mode-block").show();
|
||||
$(".group-dropdown-options").css('display', 'none');
|
||||
$(".Group-checkbox").css('display','block');
|
||||
$(".GroupManagerButtons").addClass("DisableInSelectionMode");
|
||||
$("#group_name").attr('contenteditable', false);
|
||||
$(".icon-pencil").addClass("DisableInSelectionMode");
|
||||
$("label").css("cursor","default")
|
||||
} else {
|
||||
$("#selection-mode-block").hide();
|
||||
$(".group-dropdown-options").css('display', 'block');
|
||||
$(".Group-checkbox").css('display','none');
|
||||
$(".Group-checkbox-container input").prop("checked", false);
|
||||
$('#group-1 li').removeClass("OrangeBackground");
|
||||
$('.groups .icon-users-1:first-child').removeClass("OrangeIcon");
|
||||
$(".GroupManagerButtons").removeClass("DisableInSelectionMode");
|
||||
$("#group_name").attr('contenteditable', true);
|
||||
$(".icon-pencil").removeClass("DisableInSelectionMode");
|
||||
$("label").css("cursor","pointer")
|
||||
$('.groups label').removeClass("BlackFont")
|
||||
}
|
||||
});
|
||||
});
|
||||
$("#toggleSelectionMode").click(function () {
|
||||
if ($(this).is(":checked")) {
|
||||
$(".in-selection-mode").fadeIn();
|
||||
$(".not-in-selection-mode").fadeOut();
|
||||
$("#group_name").attr('contenteditable', false);
|
||||
} else {
|
||||
$(".in-selection-mode").fadeOut();
|
||||
$(".not-in-selection-mode").fadeIn();
|
||||
$(".Group-checkbox input").attr("checked", false);
|
||||
$(".Group-checkbox input[type='checkbox']").trigger("change");
|
||||
$("#group_name").attr('contenteditable', true);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/*-------
|
||||
Change background color of group block if checked in selection mode
|
||||
-------*/
|
||||
|
||||
$(".Group-checkbox-container input[type='checkbox']").change(function(){
|
||||
if($(this).is(":checked")){
|
||||
$('#group-1 li').addClass("OrangeBackground");
|
||||
$('.groups .icon-users-1:first-child').addClass("OrangeIcon");
|
||||
$('.groups .group_number_users').addClass("OrangeFont");
|
||||
$('.groups label').addClass("BlackFont")
|
||||
}else{
|
||||
$('#group-1 li').removeClass("OrangeBackground");
|
||||
$('.groups .icon-users-1:first-child').removeClass("OrangeIcon");
|
||||
$('.groups .group_number_users').removeClass("OrangeFont");
|
||||
$('.groups label').removeClass("BlackFont")
|
||||
} });
|
||||
|
||||
/*-------
|
||||
Display group name in selection list
|
||||
-------*/
|
||||
/*
|
||||
$(function () {
|
||||
jQuery(document).ready(function() {
|
||||
$("#Group-Checkbox-selection").click(function () {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.SelectionModeGroup').show();
|
||||
@@ -178,39 +214,34 @@ $(function () {
|
||||
*/
|
||||
|
||||
/*-------
|
||||
show group options in "..." on click
|
||||
Hide group options on click on the screen
|
||||
-------*/
|
||||
|
||||
$(".group-dropdown-options").click(function GroupOptions(){
|
||||
$("#GroupOptions").toggle();
|
||||
});
|
||||
|
||||
$(document).mouseup(function (e) {
|
||||
if ($(e.target).closest("#GroupOptions").length
|
||||
=== 0) {
|
||||
$("#GroupOptions").hide();
|
||||
}
|
||||
});
|
||||
if ($(e.target).closest("#GroupOptions").length === 0) {
|
||||
$(".group-dropdown-options #GroupOptions").hide();
|
||||
}
|
||||
});
|
||||
|
||||
/*-------
|
||||
Merge Options in selection mode
|
||||
-------*/
|
||||
|
||||
function MergeOptions(){
|
||||
document.getElementById("MergeOptionsBlock").style.display = "block";
|
||||
document.getElementById("DeleteSelectionMode").style.display = "none";
|
||||
document.getElementById("MergeSelectionMode").style.display = "none";
|
||||
jQuery("#MergeOptionsBlock").show();
|
||||
jQuery("#DeleteSelectionMode").hide();
|
||||
jQuery("#MergeSelectionMode").hide();
|
||||
};
|
||||
|
||||
/*-------
|
||||
Cancel Merge options
|
||||
Cancel Merge options or deletion confirmation
|
||||
-------*/
|
||||
|
||||
function CancelAction(){
|
||||
document.getElementById("MergeOptionsBlock").style.display = "none";
|
||||
document.getElementById("ConfirmGroupAction").style.display = "none";
|
||||
document.getElementById("DeleteSelectionMode").style.display = "block";
|
||||
document.getElementById("MergeSelectionMode").style.display = "block";
|
||||
jQuery("#MergeOptionsBlock").hide();
|
||||
jQuery("#ConfirmGroupAction").hide();
|
||||
jQuery("#DeleteSelectionMode").show();
|
||||
jQuery("#MergeSelectionMode").show();
|
||||
};
|
||||
|
||||
/*-------
|
||||
@@ -218,14 +249,57 @@ Display deletion confirmation
|
||||
-------*/
|
||||
|
||||
function DeleteValidation(){
|
||||
document.getElementById("ConfirmGroupAction").style.display = "block";
|
||||
document.getElementById("DeleteSelectionMode").style.display = "none";
|
||||
document.getElementById("MergeSelectionMode").style.display = "none";
|
||||
jQuery("#ConfirmGroupAction").show();
|
||||
jQuery("#DeleteSelectionMode").hide();
|
||||
jQuery("#MergeSelectionMode").hide();
|
||||
};
|
||||
|
||||
|
||||
|
||||
{/literal}
|
||||
{/footer_script}
|
||||
|
||||
{* Define template function for the content of Groups*}
|
||||
{function name=groupContent}
|
||||
{function groupContent}
|
||||
<div id="group-{$grp_id}" class="GroupContainer" data-id={$grp_id}>
|
||||
<div class="icon-users-1"></div>
|
||||
|
||||
<div class="icon-ellipsis-vert group-dropdown-options not-in-selection-mode">
|
||||
<div id="GroupOptions">
|
||||
<option class="icon-docs" id="GroupDuplicate" value="duplicate">{'Duplicate'|@translate}</option>
|
||||
<option class="icon-trash" id="GroupDelete" value="delete">{'Delete'|@translate}</option>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="Group-checkbox in-selection-mode">
|
||||
<label class="Group-checkbox-label" for="Group-Checkbox-selection-{$grp_id}"></label>
|
||||
<input type="checkbox" id="Group-Checkbox-selection-{$grp_id}">
|
||||
<span class="group-checkmark"></span>
|
||||
</div>
|
||||
|
||||
<div class="Group-name">
|
||||
<span class="icon-pencil not-in-selection-mode"></span>
|
||||
<div class="Group-name-container">
|
||||
<p id="group_name" contenteditable="true">{$grp_name}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="EditGroupName">
|
||||
<input class="input-edit-group-name" type="text" name="username" maxlength="50" size="20" placeholder="{$grp_name}">
|
||||
<button class="icon-ok submit" name="submit_add" id="EditGroupNameSubmit" type="submit">Change group name</button>
|
||||
<a id="EditGroupcancel">{'Cancel'|@translate}</a>
|
||||
</div>
|
||||
|
||||
<p class="group_number_users">{$grp_members}</p>
|
||||
|
||||
<div class="GroupManagerButtons not-in-selection-mode">
|
||||
<a id="UserListTrigger" class="icon-user-1 manage-users">Manage users</a>
|
||||
<a class="icon-lock manage-permissions">Manage permissions</a>
|
||||
</div>
|
||||
</div>
|
||||
{/function}
|
||||
{/function}
|
||||
|
||||
|
||||
<div class="titrePage">
|
||||
@@ -240,28 +314,15 @@ function DeleteValidation(){
|
||||
<p> Selection mode</p>
|
||||
</div>
|
||||
|
||||
<div id="selection-mode-block">
|
||||
<div id="selection-mode-block" class="in-selection-mode">
|
||||
<div class="Selection-mode-content">
|
||||
<p id="nothing-selected">No selection</p>
|
||||
<div class="SelectionModeGroup">
|
||||
<p> Your selection</p>
|
||||
<div class="SelectionModeGroupList">
|
||||
|
||||
<div >
|
||||
<a class="icon-cancel"></a>
|
||||
<p>Group</p>
|
||||
</div>
|
||||
<div >
|
||||
<a class="icon-cancel"></a>
|
||||
<p>Group</p>
|
||||
</div>
|
||||
<div >
|
||||
<a class="icon-cancel"></a>
|
||||
<p>Group</p>
|
||||
</div>
|
||||
<div>
|
||||
<a class="icon-cancel"></a>
|
||||
<p>Group</p>
|
||||
<div class="DeleteGroupList"> {* TODO *}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -274,22 +335,18 @@ function DeleteValidation(){
|
||||
<p class="ItalicTextInfo">The other groups will be removed</p>
|
||||
<div class="MergeOptionsContainer">
|
||||
<label for="MergeOptionsChoices">Merge into:</label>
|
||||
<select id="MergeOptionsChoices">
|
||||
<option value="volvo">Group 1 Group 1 Group1 Group1</option>
|
||||
<option value="saab">Group 2</option>
|
||||
<option value="opel">Group 3</option>
|
||||
<option value="audi">Group 4</option>
|
||||
<select id="MergeOptionsChoices"> {* TODO *}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button class="icon-ok ConfirmMergeButton">Confirm merge</button>
|
||||
<button class="icon-ok ConfirmMergeButton" onclick="CancelAction()">Confirm merge</button>
|
||||
<a id="CancelMerge" onclick="CancelAction()">Cancel</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="ConfirmGroupAction">
|
||||
<p>You are about to delete [4] groups, are you sure?</p>
|
||||
<button class="icon-ok ConfirmDeleteButton">Yes, delete</button>
|
||||
<button class="icon-ok ConfirmDeleteButton" onclick="CancelAction()">Yes, delete</button>
|
||||
<a id="CancelDelete" onclick="CancelAction()">No, I have changed my mind</a>
|
||||
</div>
|
||||
|
||||
@@ -297,22 +354,20 @@ function DeleteValidation(){
|
||||
</div>
|
||||
|
||||
<div class="group-manager">
|
||||
<form method="post" name="add_user" action="{$F_ADD_ACTION}" class="properties">
|
||||
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
|
||||
|
||||
<ul class="groups">
|
||||
<div class="groups">
|
||||
|
||||
<div class="showCreateAlbum" id="showAddGroup">
|
||||
<div class="showCreateGroup" id="showAddGroup">
|
||||
<div class="addGroupBlock">
|
||||
<div class="icon-plus-circled"></div>
|
||||
<a href="#" id="addGroup">{'Add group'|translate}</a>
|
||||
<p id="addGroup">{'Add group'|translate}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="addGroupForm">
|
||||
<div class="addGroupFormBlock">
|
||||
<div class="icon-users-1"></div>
|
||||
<form method="post" name="add_user" action="{$F_ADD_ACTION}" class="properties">
|
||||
<form>
|
||||
<fieldset>
|
||||
<p class="addGroupFormTitle">{'Add group'|@translate}</p>
|
||||
<div class="addGroupFormLabelAndInput">
|
||||
@@ -320,62 +375,24 @@ function DeleteValidation(){
|
||||
<input type="text" name="groupname" maxlength="50" size="20" placeholder="ExampleGroup">
|
||||
</div>
|
||||
<div class="actionButtons">
|
||||
<button class="icon-ok submit" name="submit_add" type="submit">{'Add group'|translate}</button>
|
||||
<a href="#" id="addGroupClose">{'Cancel'|@translate}</a>
|
||||
<input class="icon-ok submit" name="submit_add" type="submit" value="{'Add group'|translate}"><br/>
|
||||
<a id="addGroupClose">{'Cancel'|@translate}</a>
|
||||
</div>
|
||||
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{* Template Group (for js application) *}
|
||||
{groupContent grp_id="template" grp_name="Template" grp_members=0}
|
||||
|
||||
{if not empty($groups)}
|
||||
{foreach from=$groups item=group name=group_loop}
|
||||
<div id="group-{$group.ID}" class="GroupContainer">
|
||||
<li>
|
||||
<div class="icon-users-1"></div>
|
||||
|
||||
<div class="icon-ellipsis-vert group-dropdown-options" onclick="GroupOptions()">
|
||||
<div id="GroupOptions">
|
||||
<option class="icon-docs" id="GroupDuplicate" value="duplicate">{'Duplicate'|@translate}</option>
|
||||
<option class="icon-trash" id="GroupDelete" value="delete">{'Delete'|@translate}</option>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="Group-checkbox">
|
||||
<label class="Group-checkbox-container">
|
||||
<input type="checkbox" id="Group-Checkbox-selection">
|
||||
<span class="group-checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
<label>
|
||||
<span class="icon-pencil"></span>
|
||||
<div class="Group-name-container">
|
||||
<p id="group_name" contenteditable="true">{$group.NAME}</p>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<div id="EditGroupName">
|
||||
<input id="input-edit-group-name" type="text" name="username" maxlength="50" size="20" placeholder="{$group.NAME}">
|
||||
<button class="icon-ok submit" name="submit_add" id="EditGroupNameSubmit" type="submit">Change group name</button>
|
||||
<a id="EditGroupcancel">{'Cancel'|@translate}</a>
|
||||
</div>
|
||||
|
||||
<p class="group_number_users">{$group.MEMBERS}</p>
|
||||
|
||||
<div class="GroupManagerButtons">
|
||||
<a id="UserListTrigger" class="icon-user-1 manage-users">Manage users</a>
|
||||
<a class="icon-lock manage-permissions">Manage permissions</a>
|
||||
</div>
|
||||
|
||||
<!-- <a class="icon-group group_users" href="{$group.U_USERS}">{'Users'|translate}</a>
|
||||
<a class="icon-lock group_perm" href="{$group.U_PERM}">{'Permissions'|translate}</a>-->
|
||||
</li>
|
||||
</div>
|
||||
{groupContent grp_id=$group.ID grp_name=$group.NAME grp_members=$group.MEMBERS}
|
||||
{/foreach}
|
||||
{/if}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="UserList" class="UserListPopIn">
|
||||
|
||||
@@ -392,7 +409,7 @@ function DeleteValidation(){
|
||||
<div class="UserListAddFilterUsers">
|
||||
<div class="AddUserBlock">
|
||||
<p>Associate User</p>
|
||||
<input id="input-user-name" type="text" name="username" maxlength="50" size="20" placeholder="ExampleUser">
|
||||
<input class="input-user-name" type="text" name="username" maxlength="50" size="20" placeholder="ExampleUser">
|
||||
<button class="icon-ok submit" name="submit_add" id="UserSubmit" type="submit">Select user</button>
|
||||
</div>
|
||||
<div class="FilterUserBlock">
|
||||
@@ -401,7 +418,7 @@ function DeleteValidation(){
|
||||
</div>
|
||||
<span class="icon-filter"></span>
|
||||
<p>Filter</p>
|
||||
<input id="input-user-name" type="text" name="username" maxlength="50" size="20" placeholder="Username">
|
||||
<input class="input-user-name" type="text" name="username" maxlength="50" size="20" placeholder="Username">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -419,318 +436,6 @@ function DeleteValidation(){
|
||||
<div class='ValidationUserAssociated'>
|
||||
<p class="icon-ok">User Associated</p>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Lexie Driscoll</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Kenan Fernandez</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Rafi Mccall</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Mai Riley</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Kim Mckee</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Eilidh Galindo</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Joann Wilson</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Guy Hutchings</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Tyrese Levine</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Ibrar Gill</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Gabrielle Byers</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Markus Tapia</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Humera Davila</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Elaina Carrillo</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Glenda Akhtar</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Aeryn Wall</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Florrie Vu</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Paisley Huber</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Ishmael Cochran</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Lexi-Mai Cullen</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Umair Long</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Liyana Lawrence</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Madeeha Tomlinson</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Kadie Schneider</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Cassian Mooney</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Elsie-Mae Leblanc</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Blossom Rollins</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Selena Summers</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Amari Swanson</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Jolie Pearce</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Lillie-Rose Wheatley</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Buster Howell</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Darcey Duarte</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Grady Irwin</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Dru Wilder</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Amit Ashley</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Rajan Leigh</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Nathalie Newton</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="UsernameBlock">
|
||||
<span class="icon-user-1"></span>
|
||||
<p>Lance Clemons</p>
|
||||
<div class="Tooltip">
|
||||
<span class="icon-cancel"></span>
|
||||
<p class="TooltipText">Dissociate user from this group</p>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -745,7 +450,4 @@ function DeleteValidation(){
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
@@ -1532,7 +1532,7 @@ input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;}
|
||||
margin-left:5px;
|
||||
}
|
||||
|
||||
.showCreateAlbum {
|
||||
.showCreateGroup {
|
||||
text-align: left;
|
||||
margin: 0 1em 25px 20px;
|
||||
line-height: 22px;
|
||||
@@ -1554,11 +1554,18 @@ input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;}
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.remove-item {
|
||||
flex: 1;
|
||||
-webkit-animation: flexShrink 500ms ease forwards;
|
||||
-o-animation: flexShrink 500ms ease forwards;
|
||||
animation: flexShrink 500ms ease forwards;
|
||||
}
|
||||
|
||||
.groups .list_user #text{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.groups li,
|
||||
.groups .GroupContainer,
|
||||
.groups .addGroupFormBlock {
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
@@ -1570,14 +1577,14 @@ input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;}
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.groups label .Group-name-container p{
|
||||
.groups .Group-name .Group-name-container p{
|
||||
margin: 0;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.groups label .Group-name-container p:focus{
|
||||
.groups .Group-name .Group-name-container p:focus{
|
||||
margin:0 30px;
|
||||
}
|
||||
|
||||
@@ -1593,12 +1600,13 @@ input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;}
|
||||
}
|
||||
|
||||
.groups .group_number_users{
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-size: 1em;
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
.groups .showCreateAlbum{
|
||||
.groups .showCreateGroup{
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@@ -1609,14 +1617,14 @@ input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;}
|
||||
margin-left:15px;
|
||||
}
|
||||
|
||||
.groups .showCreateAlbum a:first-child{
|
||||
.groups .showCreateGroup a:first-child{
|
||||
position: absolute;
|
||||
transform:translate(-50%,-50%);
|
||||
top:50%;
|
||||
left:50%;
|
||||
}
|
||||
|
||||
.groups .showCreateAlbum .userSeparator{
|
||||
.groups .showCreateGroup .userSeparator{
|
||||
margin:0 5px;
|
||||
}
|
||||
|
||||
@@ -1639,16 +1647,19 @@ input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;}
|
||||
margin:15px auto;
|
||||
}
|
||||
|
||||
.groups .showCreateAlbum:hover #addGroup,
|
||||
.groups .addGroupFormTitle{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
FORM.properties .groups LI,
|
||||
FORM.properties .groups .GroupContainer,
|
||||
.groups FORM#update .groups UL {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#group-template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Selection mode */
|
||||
|
||||
.content div.titrePage{
|
||||
@@ -1875,11 +1886,11 @@ input:checked + .slider:before {
|
||||
|
||||
/*Edit group name*/
|
||||
|
||||
.groups label{
|
||||
.groups .Group-name{
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.groups label .icon-pencil{
|
||||
.groups .Group-name .icon-pencil{
|
||||
position:absolute;
|
||||
top: 2px;
|
||||
left: 180px;
|
||||
@@ -1891,10 +1902,10 @@ input:checked + .slider:before {
|
||||
}
|
||||
|
||||
@media (hover: hover){
|
||||
.groups label .icon-pencil{
|
||||
.groups .Group-name .icon-pencil{
|
||||
display:none;
|
||||
}
|
||||
.groups label:hover .icon-pencil{
|
||||
.groups .Group-name:hover .icon-pencil{
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
@@ -1920,6 +1931,10 @@ input:checked + .slider:before {
|
||||
|
||||
}
|
||||
|
||||
.group-dropdown-options {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.groups #GroupPermission,
|
||||
.groups #GroupDuplicate,
|
||||
.groups #GroupDelete{
|
||||
@@ -1931,12 +1946,19 @@ input:checked + .slider:before {
|
||||
.Group-checkbox{
|
||||
display:none;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 45px;
|
||||
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.groups .Group-checkbox-container input {
|
||||
.Group-checkbox-label {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.groups .Group-checkbox input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
@@ -1947,10 +1969,12 @@ input:checked + .slider:before {
|
||||
.groups .group-checkmark {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 12px;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
border-radius:15px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.groups .group-checkmark:after {
|
||||
@@ -1959,11 +1983,11 @@ input:checked + .slider:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.groups .Group-checkbox-container input:checked ~ .group-checkmark:after {
|
||||
.groups .Group-checkbox input:checked ~ .group-checkmark:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.groups .Group-checkbox-container .group-checkmark:after {
|
||||
.groups .Group-checkbox .group-checkmark:after {
|
||||
left: 9px;
|
||||
top: 5px;
|
||||
width: 5px;
|
||||
@@ -1977,8 +2001,9 @@ input:checked + .slider:before {
|
||||
|
||||
/* Add group */
|
||||
|
||||
.showCreateAlbum{
|
||||
.showCreateGroup{
|
||||
position:relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.addGroupBlock{
|
||||
@@ -1988,7 +2013,7 @@ input:checked + .slider:before {
|
||||
margin:0 70px;
|
||||
}
|
||||
|
||||
.groups .showCreateAlbum .icon-plus-circled{
|
||||
.groups .showCreateGroup .icon-plus-circled{
|
||||
font-size: 19px;
|
||||
color: rgb(44,132,195);
|
||||
background-color: #CDE9FD;
|
||||
@@ -2311,10 +2336,6 @@ input:checked + .slider:before {
|
||||
padding:30px 0;
|
||||
}
|
||||
|
||||
.DisableInSelectionMode{
|
||||
display:none!important;
|
||||
}
|
||||
|
||||
/********/
|
||||
|
||||
p.list_user {
|
||||
|
||||
+15
-15
@@ -259,7 +259,7 @@ a.stat-box:hover {
|
||||
|
||||
#helpContent, #pLoaderPage, #ftpPage, #ftpPage LEGEND {color:#aaa;}
|
||||
|
||||
.pluginBox, .pluginContent, .pluginMiniBox, .groups li {background-color:#333;color:#999;border-color:#333; box-shadow: none;}
|
||||
.pluginBox, .pluginContent, .pluginMiniBox, .groups li, .groups .GroupContainer {background-color:#333;color:#999;border-color:#333; box-shadow: none;}
|
||||
.pluginBoxNameCell, .pluginMiniBoxNameCell {color:#ddd;}
|
||||
.pluginBox.incompatible, .pluginMiniBox.incompatible {border-color:#800 !important;}
|
||||
.pluginBoxes .merged, .pluginBoxes .missing {background-color:#422;border:1px solid #800;}
|
||||
@@ -319,7 +319,7 @@ div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-co
|
||||
|
||||
.selectedComment {background-color:#555; color:#fff;}
|
||||
|
||||
.groups label>p {
|
||||
.groups .Group-name>p {
|
||||
color: #ccc;
|
||||
font-size: 1.2em;
|
||||
background-color:#111;
|
||||
@@ -330,26 +330,26 @@ label>p.group_select {
|
||||
background-color:#555;
|
||||
}
|
||||
|
||||
.groups li,
|
||||
.groups .showCreateAlbum,
|
||||
.groups .GroupContainer,
|
||||
.groups .showCreateGroup,
|
||||
.groups .addGroupFormBlock{
|
||||
font-size: 1.2em;
|
||||
background-color:#333;
|
||||
}
|
||||
|
||||
.groups label>p,
|
||||
.groups .Group-name>p,
|
||||
.addGroupForm .addGroupFormTitle{
|
||||
color:#3c3c3c;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.groups li,
|
||||
.groups .showCreateAlbum,
|
||||
.groups .GroupContainer,
|
||||
.groups .showCreateGroup,
|
||||
.groups .addGroupFormBlock{
|
||||
box-shadow: -1px 1px 2px #1a1a1a;
|
||||
}
|
||||
|
||||
.groups .showCreateAlbum:hover #addGroup,
|
||||
.groups .showCreateGroup:hover #addGroup,
|
||||
.groups .addGroupFormTitle{
|
||||
color:#c0c0c0;
|
||||
text-decoration:none;
|
||||
@@ -390,11 +390,11 @@ label>p.group_select {
|
||||
|
||||
/*Edit group name*/
|
||||
|
||||
.groups label{
|
||||
.groups .Group-name{
|
||||
color:#777;
|
||||
}
|
||||
|
||||
.groups label .Group-name-container p:focus{
|
||||
.groups .Group-name .Group-name-container p:focus{
|
||||
border:1px solid #303030!important;
|
||||
background-color:#1a1a1a;
|
||||
}
|
||||
@@ -583,15 +583,15 @@ input:focus + .slider {
|
||||
border:2px solid #c76a23;
|
||||
}
|
||||
|
||||
.groups .Group-checkbox-container:hover input ~ .group-checkmark {
|
||||
.groups .Group-checkbox:hover input ~ .group-checkmark {
|
||||
background-color: #c76a23;
|
||||
}
|
||||
|
||||
.groups .Group-checkbox-container input:checked ~ .group-checkmark {
|
||||
.groups .Group-checkbox input:checked ~ .group-checkmark {
|
||||
background-color: #c76a23;
|
||||
}
|
||||
|
||||
.groups .Group-checkbox-container .group-checkmark:after {
|
||||
.groups .Group-checkbox .group-checkmark:after {
|
||||
border: solid #ebebeb;
|
||||
border-width: 0 3px 3px 0;
|
||||
}
|
||||
@@ -637,10 +637,10 @@ input:focus + .slider {
|
||||
color:#c2f5c2;
|
||||
}
|
||||
|
||||
.groups .showCreateAlbum .icon-plus-circled,
|
||||
.groups .showCreateGroup .icon-plus-circled,
|
||||
#UserList .group-name-block span,
|
||||
.groups .icon-users-1:first-child,
|
||||
.groups .showCreateAlbum .icon-plus-circled{
|
||||
.groups .showCreateGroup .icon-plus-circled{
|
||||
color:#003751;
|
||||
background-color: #379bbc;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user