fixed markup on /group page

v1.18.x
psychobunny 10 years ago
parent 26858436b6
commit d5b88e9c35

@ -10,6 +10,7 @@
@import "./manage/categories";
@import "./manage/tags";
@import "./manage/flags";
@import "./manage/groups";
@import "./manage/users";
@import "./appearance/customise";
@import "./appearance/themes";

@ -0,0 +1,5 @@
.group {
.current_members {
padding: 0;
}
}

@ -1,97 +1,78 @@
<div class="row">
<form role="form" class="group" data-groupname="{group.displayName}">
<div class="col-md-9">
<div class="panel panel-default">
<div class="panel-heading"><i class="fa fa-folder"></i> Group Settings</div>
<div class="panel-body group-settings-form">
<div class="group-settings-form">
<fieldset>
<div class="col-xs-12">
<label for="change-group-name">Name</label>
<input type="text" class="form-control" id="change-group-name" placeholder="Group Name" value="{group.displayName}" <!-- IF group.system -->readonly<!-- ENDIF group.system -->/>
</div>
<label for="change-group-name">Name</label>
<input type="text" class="form-control" id="change-group-name" placeholder="Group Name" value="{group.displayName}" <!-- IF group.system -->readonly<!-- ENDIF group.system -->/><br />
</fieldset>
<fieldset>
<div class="col-xs-12">
<label for="change-group-desc">Description</label>
<input type="text" class="form-control" id="change-group-desc" placeholder="A short description about your group" value="{group.description}" />
</div>
<label for="change-group-desc">Description</label>
<input type="text" class="form-control" id="change-group-desc" placeholder="A short description about your group" value="{group.description}" /><br />
</fieldset>
<fieldset>
<div class="col-xs-12">
<label for="change-group-user-title">Title of Members</label>
<input type="text" class="form-control" id="change-group-user-title" placeholder="The title of users if they are a member of this group" value="{group.userTitle}"/>
</div>
<label for="change-group-user-title">Title of Members</label>
<input type="text" class="form-control" id="change-group-user-title" placeholder="The title of users if they are a member of this group" value="{group.userTitle}"/><br />
</fieldset>
<fieldset>
<div class="col-xs-12">
<label for="change-group-icon">Group Icon</label><br/>
<i id="group-icon" class="fa fa-2x <!-- IF group.icon -->{group.icon}<!-- ELSE -->fa-shield<!-- ENDIF group.icon -->" value="{group.icon}"></i>
</div>
<label for="change-group-icon">Group Icon</label><br/>
<i id="group-icon" class="fa fa-2x <!-- IF group.icon -->{group.icon}<!-- ELSE -->fa-shield<!-- ENDIF group.icon -->" value="{group.icon}"></i><br />
</fieldset>
<fieldset>
<div class="col-xs-12">
<label for="change-group-label-color">Group Label Color</label>
<span id="group-label-preview" class="label label-default" style="background:<!-- IF group.labelColor -->{group.labelColor}<!-- ELSE -->#000000<!-- ENDIF group.labelColor -->;">{group.userTitle}</span>
<input id="change-group-label-color" placeholder="#0059b2" data-name="bgColor" value="{group.labelColor}" class="form-control" />
</div>
<label for="change-group-label-color">Group Label Color</label>
<span id="group-label-preview" class="label label-default" style="background:<!-- IF group.labelColor -->{group.labelColor}<!-- ELSE -->#000000<!-- ENDIF group.labelColor -->;">{group.userTitle}</span>
<input id="change-group-label-color" placeholder="#0059b2" data-name="bgColor" value="{group.labelColor}" class="form-control" /><br />
</fieldset>
<fieldset>
<div class="col-xs-12">
<div class="checkbox">
<label>
<input id="group-private" name="private" type="checkbox"<!-- IF group.private --> checked<!-- ENDIF group.private-->> <strong>[[groups:details.private]]</strong>
<p class="help-block">
[[groups:details.private_help]]
</p>
</label>
</div>
<div class="checkbox">
<label>
<input id="group-private" name="private" type="checkbox"<!-- IF group.private --> checked<!-- ENDIF group.private-->> <strong>[[groups:details.private]]</strong>
<p class="help-block">
[[groups:details.private_help]]
</p>
</label>
</div>
</fieldset>
<fieldset>
<div class="col-xs-12">
<div class="checkbox">
<label>
<input id="group-hidden" name="hidden" type="checkbox"<!-- IF group.hidden --> checked<!-- ENDIF group.hidden-->> <strong>[[groups:details.hidden]]</strong>
<p class="help-block">
[[groups:details.hidden_help]]
</p>
</label>
</div>
<div class="checkbox">
<label>
<input id="group-hidden" name="hidden" type="checkbox"<!-- IF group.hidden --> checked<!-- ENDIF group.hidden-->> <strong>[[groups:details.hidden]]</strong>
<p class="help-block">
[[groups:details.hidden_help]]
</p>
</label>
</div>
</fieldset>
<fieldset>
<div class="col-xs-12">
<label for="add-member">Add User to Group</label>
<input type="text" class="form-control" id="group-details-search" placeholder="Search Users" />
<ul class="members user-list" id="group-details-search-results"></ul>
</div>
<label for="add-member">Add User to Group</label>
<input type="text" class="form-control" id="group-details-search" placeholder="Search Users" />
<ul class="members user-list" id="group-details-search-results"></ul>
</fieldset>
<fieldset>
<div class="col-xs-12">
<label>Members</label>
<p>Click on a user to remove them from the group</p>
<ul class="members current_members user-list">
<!-- BEGIN group.members -->
<li data-uid="{group.members.uid}">
<img src="{group.members.picture}" />
<span>{group.members.username}</span>
</li>
<!-- END group.members -->
</ul>
<label>Members</label>
<p>Click on a user to remove them from the group</p>
<div class="panel panel-default">
<div class="panel-body">
<ul class="members current_members user-list">
<!-- BEGIN group.members -->
<li data-uid="{group.members.uid}">
<img src="{group.members.picture}" />
<span>{group.members.username}</span>
</li>
<!-- END group.members -->
</ul>
</div>
</div>
</fieldset>
</div>
</div>

Loading…
Cancel
Save