barisusakli
10 years ago
commit
2781939c50
@ -0,0 +1,607 @@
|
|||||||
|
// Paper 3.3.5
|
||||||
|
// Bootswatch
|
||||||
|
// -----------------------------------------------------
|
||||||
|
|
||||||
|
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
|
||||||
|
|
||||||
|
// Navbar =====================================================================
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
border: none;
|
||||||
|
.box-shadow(0 1px 2px rgba(0,0,0,.3));
|
||||||
|
|
||||||
|
&-brand {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-inverse {
|
||||||
|
.form-control {
|
||||||
|
color: #fff;
|
||||||
|
.placeholder(@navbar-inverse-link-color);
|
||||||
|
|
||||||
|
&[type=text],
|
||||||
|
&[type=password] {
|
||||||
|
.box-shadow(inset 0 -1px 0 @navbar-inverse-link-color);
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
.box-shadow(inset 0 -2px 0 #fff);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Buttons ====================================================================
|
||||||
|
|
||||||
|
#btn(@class,@bg) {
|
||||||
|
.btn-@{class} {
|
||||||
|
background-size: 200%;
|
||||||
|
background-position: 50%;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
background-color: @bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:active:hover {
|
||||||
|
background-color: darken(@bg, 6%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: darken(@bg, 12%);
|
||||||
|
#gradient > .radial(darken(@bg, 12%) 10%, @bg 11%);
|
||||||
|
background-size: 1000%;
|
||||||
|
.box-shadow(2px 2px 4px rgba(0,0,0,.4));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#btn(default,@btn-default-bg);
|
||||||
|
#btn(primary,@btn-primary-bg);
|
||||||
|
#btn(success,@btn-success-bg);
|
||||||
|
#btn(info,@btn-info-bg);
|
||||||
|
#btn(warning,@btn-warning-bg);
|
||||||
|
#btn(danger,@btn-danger-bg);
|
||||||
|
#btn(link,#fff);
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
text-transform: uppercase;
|
||||||
|
border: none;
|
||||||
|
.box-shadow(1px 1px 4px rgba(0,0,0,.4));
|
||||||
|
.transition(all 0.4s);
|
||||||
|
|
||||||
|
&-link {
|
||||||
|
border-radius: @btn-border-radius-base;
|
||||||
|
.box-shadow(none);
|
||||||
|
color: @btn-default-color;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
.box-shadow(none);
|
||||||
|
color: @btn-default-color;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-default {
|
||||||
|
|
||||||
|
&.disabled {
|
||||||
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-group {
|
||||||
|
.btn + .btn,
|
||||||
|
.btn + .btn-group,
|
||||||
|
.btn-group + .btn,
|
||||||
|
.btn-group + .btn-group {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-vertical {
|
||||||
|
> .btn + .btn,
|
||||||
|
> .btn + .btn-group,
|
||||||
|
> .btn-group + .btn,
|
||||||
|
> .btn-group + .btn-group {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Typography =================================================================
|
||||||
|
|
||||||
|
body {
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
letter-spacing: .1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
button {
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
letter-spacing: .1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
.transition(all 0.2s);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tables =====================================================================
|
||||||
|
|
||||||
|
.table-hover {
|
||||||
|
> tbody > tr,
|
||||||
|
> tbody > tr > th,
|
||||||
|
> tbody > tr > td {
|
||||||
|
.transition(all 0.2s);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Forms ======================================================================
|
||||||
|
|
||||||
|
label {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea,
|
||||||
|
textarea.form-control,
|
||||||
|
input.form-control,
|
||||||
|
input[type=text],
|
||||||
|
input[type=password],
|
||||||
|
input[type=email],
|
||||||
|
input[type=number],
|
||||||
|
[type=text].form-control,
|
||||||
|
[type=password].form-control,
|
||||||
|
[type=email].form-control,
|
||||||
|
[type=tel].form-control,
|
||||||
|
[contenteditable].form-control {
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
.box-shadow(inset 0 -1px 0 #ddd);
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
&[disabled],
|
||||||
|
&[readonly] {
|
||||||
|
.box-shadow(none);
|
||||||
|
border-bottom: 1px dotted #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.input {
|
||||||
|
&-sm {
|
||||||
|
font-size: @font-size-small;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-lg {
|
||||||
|
font-size: @font-size-large;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
select,
|
||||||
|
select.form-control {
|
||||||
|
border: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0\9; // remove padding for < ie9 since default arrow can't be removed
|
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
|
||||||
|
background-size: 13px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: right center;
|
||||||
|
.box-shadow(inset 0 -1px 0 #ddd);
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
|
||||||
|
&::-ms-expand {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.input {
|
||||||
|
&-sm {
|
||||||
|
font-size: @font-size-small;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-lg {
|
||||||
|
font-size: @font-size-large;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-primary);
|
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
|
||||||
|
}
|
||||||
|
|
||||||
|
&[multiple] {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio,
|
||||||
|
.radio-inline,
|
||||||
|
.checkbox,
|
||||||
|
.checkbox-inline {
|
||||||
|
label {
|
||||||
|
padding-left: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="radio"],
|
||||||
|
input[type="checkbox"] {
|
||||||
|
margin-left: -25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="radio"],
|
||||||
|
.radio input[type="radio"],
|
||||||
|
.radio-inline input[type="radio"] {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 6px;
|
||||||
|
margin-right: 4px;
|
||||||
|
vertical-align: top;
|
||||||
|
border: none;
|
||||||
|
background-color: transparent;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before,
|
||||||
|
&:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
border-radius: 50%;
|
||||||
|
.transition(240ms);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: -3px;
|
||||||
|
background-color: @brand-primary;
|
||||||
|
.scale(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: relative;
|
||||||
|
top: -3px;
|
||||||
|
border: 2px solid @gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked:before {
|
||||||
|
.scale(0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:disabled:checked:before {
|
||||||
|
background-color: @gray-light;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked:after {
|
||||||
|
border-color: @brand-primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:disabled:after,
|
||||||
|
&:disabled:checked:after {
|
||||||
|
border-color: @gray-light;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"],
|
||||||
|
.checkbox input[type="checkbox"],
|
||||||
|
.checkbox-inline input[type="checkbox"] {
|
||||||
|
position: relative;
|
||||||
|
border: none;
|
||||||
|
margin-bottom: -4px;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
margin-top: -2px;
|
||||||
|
margin-right: 5px;
|
||||||
|
border: 2px solid @gray;
|
||||||
|
border-radius: 2px;
|
||||||
|
.transition(240ms);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 6px;
|
||||||
|
display: table;
|
||||||
|
width: 6px;
|
||||||
|
height: 12px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
border-top-width: 0;
|
||||||
|
border-left-width: 0;
|
||||||
|
.rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked:after {
|
||||||
|
background-color: @brand-primary;
|
||||||
|
border-color: @brand-primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:disabled:after {
|
||||||
|
border-color: @gray-light;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:disabled:checked:after {
|
||||||
|
background-color: @gray-light;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-warning {
|
||||||
|
input:not([type=checkbox]),
|
||||||
|
.form-control,
|
||||||
|
input.form-control[readonly],
|
||||||
|
input[type=text][readonly],
|
||||||
|
[type=text].form-control[readonly],
|
||||||
|
input:not([type=checkbox]):focus,
|
||||||
|
.form-control:focus {
|
||||||
|
border-bottom: none;
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-warning);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-error {
|
||||||
|
input:not([type=checkbox]),
|
||||||
|
.form-control,
|
||||||
|
input.form-control[readonly],
|
||||||
|
input[type=text][readonly],
|
||||||
|
[type=text].form-control[readonly],
|
||||||
|
input:not([type=checkbox]):focus,
|
||||||
|
.form-control:focus {
|
||||||
|
border-bottom: none;
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-danger);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-success {
|
||||||
|
input:not([type=checkbox]),
|
||||||
|
.form-control,
|
||||||
|
input.form-control[readonly],
|
||||||
|
input[type=text][readonly],
|
||||||
|
[type=text].form-control[readonly],
|
||||||
|
input:not([type=checkbox]):focus,
|
||||||
|
.form-control:focus {
|
||||||
|
border-bottom: none;
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-success);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove the Bootstrap feedback styles for input addons
|
||||||
|
.input-group-addon {
|
||||||
|
.has-warning &, .has-error &, .has-success & {
|
||||||
|
color: @input-color;
|
||||||
|
border-color: @input-group-addon-border-color;
|
||||||
|
background-color: @input-group-addon-bg;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navs =======================================================================
|
||||||
|
|
||||||
|
.nav-tabs {
|
||||||
|
> li > a,
|
||||||
|
> li > a:focus {
|
||||||
|
margin-right: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
color: @navbar-default-link-color;
|
||||||
|
.box-shadow(inset 0 -1px 0 #ddd);
|
||||||
|
.transition(all 0.2s);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-primary);
|
||||||
|
color: @brand-primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& > li.active > a,
|
||||||
|
& > li.active > a:focus {
|
||||||
|
border: none;
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-primary);
|
||||||
|
color: @brand-primary;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border: none;
|
||||||
|
color: @brand-primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& > li.disabled > a {
|
||||||
|
.box-shadow(inset 0 -1px 0 #ddd);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.nav-justified {
|
||||||
|
|
||||||
|
& > li > a,
|
||||||
|
& > li > a:hover,
|
||||||
|
& > li > a:focus,
|
||||||
|
& > .active > a,
|
||||||
|
& > .active > a:hover,
|
||||||
|
& > .active > a:focus {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
margin-top: 0;
|
||||||
|
border: none;
|
||||||
|
.box-shadow(0 1px 4px rgba(0,0,0,.3));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Indicators =================================================================
|
||||||
|
|
||||||
|
.alert {
|
||||||
|
border: none;
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
&-success {
|
||||||
|
background-color: @brand-success;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-info {
|
||||||
|
background-color: @brand-info;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-warning {
|
||||||
|
background-color: @brand-warning;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-danger {
|
||||||
|
background-color: @brand-danger;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:not(.close),
|
||||||
|
.alert-link {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
padding: 3px 6px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
|
.box-shadow(none);
|
||||||
|
|
||||||
|
&-bar {
|
||||||
|
.box-shadow(none);
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-radius: 0 3px 3px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
&:before {
|
||||||
|
display: block;
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: -1;
|
||||||
|
background-color: lighten(@progress-bar-bg, 35%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-success:last-child.progress-bar:before {
|
||||||
|
background-color: lighten(@brand-success, 35%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&-info:last-child.progress-bar:before {
|
||||||
|
background-color: lighten(@brand-info, 45%);
|
||||||
|
}
|
||||||
|
&-warning:last-child.progress-bar:before {
|
||||||
|
background-color: lighten(@brand-warning, 35%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&-danger:last-child.progress-bar:before {
|
||||||
|
background-color: lighten(@brand-danger, 25%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Progress bars ==============================================================
|
||||||
|
|
||||||
|
// Containers =================================================================
|
||||||
|
|
||||||
|
.close {
|
||||||
|
font-size: 34px;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 24px;
|
||||||
|
opacity: 0.6;
|
||||||
|
.transition(all 0.2s);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-group {
|
||||||
|
|
||||||
|
&-item {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-item-text {
|
||||||
|
color: @gray-light;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.well {
|
||||||
|
border-radius: 0;
|
||||||
|
.box-shadow(none);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
border: none;
|
||||||
|
border-radius: 2px;
|
||||||
|
.box-shadow(0 1px 4px rgba(0,0,0,.3));
|
||||||
|
|
||||||
|
&-heading {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-footer {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.popover {
|
||||||
|
border: none;
|
||||||
|
.box-shadow(0 1px 4px rgba(0,0,0,.3));
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel {
|
||||||
|
&-caption {
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,83 @@
|
|||||||
|
.header {
|
||||||
|
position: relative;
|
||||||
|
background: #333;
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
#main-page-title {
|
||||||
|
position: absolute;
|
||||||
|
left: 48px;
|
||||||
|
bottom: 17px;
|
||||||
|
color: #aaa;
|
||||||
|
font-size: 47px;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
#user_label {
|
||||||
|
position: absolute;
|
||||||
|
right: 30px;
|
||||||
|
bottom: 125px;
|
||||||
|
|
||||||
|
#user_dropdown {
|
||||||
|
font-size: 25px;
|
||||||
|
color: #eee;
|
||||||
|
|
||||||
|
i {
|
||||||
|
margin-top: 12px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#acp-search {
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-right: 20px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
padding: 10px 20px;
|
||||||
|
width: 250px;
|
||||||
|
height: 44px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.2);
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: none;
|
||||||
|
.transition(.4s ease background-color);
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
background-color: #eee;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-match {
|
||||||
|
font-weight: 700;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> ul {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -11px;
|
||||||
|
left: 50px;
|
||||||
|
|
||||||
|
> li {
|
||||||
|
float: left;
|
||||||
|
margin-right: 30px;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
border-bottom: 4px solid @brand-primary;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> a {
|
||||||
|
color: white;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-decoration: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
.group {
|
||||||
|
.current_members {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,173 @@
|
|||||||
|
#mobile-menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 980px) {
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
height: 58px;
|
||||||
|
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
z-index: 5;
|
||||||
|
|
||||||
|
#main-page-title {
|
||||||
|
bottom: -31px;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #FFF;
|
||||||
|
left: 52px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
#user_label {
|
||||||
|
right: 0px;
|
||||||
|
bottom: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#mobile-menu {
|
||||||
|
width: 31px;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
vertical-align: 10%;
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-left: -15px;
|
||||||
|
outline: none !important;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
top: 22px;
|
||||||
|
left: 22px;
|
||||||
|
|
||||||
|
.bar {
|
||||||
|
width: 100%;
|
||||||
|
height: 2px;
|
||||||
|
background: #fff;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu {
|
||||||
|
background-color: #1D1F20;
|
||||||
|
background-image: linear-gradient(145deg, #1D1F20, #404348);
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-header-title {
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-section {
|
||||||
|
margin: 25px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-section-title {
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #85888d;
|
||||||
|
font-weight: 200;
|
||||||
|
font-size: 13px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
padding: 0 20px;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-section-list {
|
||||||
|
padding:0;
|
||||||
|
margin: 10px 0;
|
||||||
|
list-style:none;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#panel {
|
||||||
|
background: white;
|
||||||
|
min-height: 100%;
|
||||||
|
padding-top: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideout-menu {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 0;
|
||||||
|
width: 256px;
|
||||||
|
overflow-y: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.slideout-panel {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideout-open,
|
||||||
|
.slideout-open body,
|
||||||
|
.slideout-open .slideout-panel {
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-y: hidden !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideout-open .slideout-menu {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideout-open {
|
||||||
|
overflow-y: hidden;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
overflow-y: scroll;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.content-header, .settings-header {
|
||||||
|
font-size: 200%;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
margin-left: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
@ -1,18 +0,0 @@
|
|||||||
label {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkbox label {
|
|
||||||
padding-left: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin {
|
|
||||||
.fa-toggle-on, .fa-toggle-off {
|
|
||||||
font-size: 21px;
|
|
||||||
vertical-align: -3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-toggle-on {
|
|
||||||
color: @brand-success;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,65 @@
|
|||||||
|
#snackbar-container {
|
||||||
|
position:fixed;
|
||||||
|
left:20px;
|
||||||
|
bottom:0;
|
||||||
|
z-index:99999;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.snackbar {
|
||||||
|
overflow:hidden;
|
||||||
|
clear:both;
|
||||||
|
min-width:288px;
|
||||||
|
max-width:568px;
|
||||||
|
cursor:pointer;
|
||||||
|
opacity:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.snackbar.snackbar-opened {
|
||||||
|
height:auto;
|
||||||
|
opacity:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width:767px) {
|
||||||
|
#snackbar-container {
|
||||||
|
left:0!important;
|
||||||
|
right:0;
|
||||||
|
width:100%;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#snackbar-container .snackbar {
|
||||||
|
min-width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#snackbar-container [class="snackbar snackbar-opened"]~.snackbar.toast {
|
||||||
|
margin-top:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#snackbar-container [class="snackbar snackbar-opened"] {
|
||||||
|
border-radius:0;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.snackbar {
|
||||||
|
background-color: #323232;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 14px;
|
||||||
|
border-radius: 2px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||||
|
height: 0;
|
||||||
|
.transition(.25s ease-in-out opacity);
|
||||||
|
}
|
||||||
|
|
||||||
|
.snackbar.snackbar-opened {
|
||||||
|
padding: 10px 15px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
.settings {
|
||||||
|
.row {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-content {
|
||||||
|
border-left: 3px solid @brand-primary;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
font-size: 16px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-action="upload"][type="text"] {
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,54 +0,0 @@
|
|||||||
/** initial setup **/
|
|
||||||
.nano {
|
|
||||||
position : relative;
|
|
||||||
width : 100%;
|
|
||||||
height : 100%;
|
|
||||||
overflow : hidden;
|
|
||||||
}
|
|
||||||
.nano > .nano-content {
|
|
||||||
position : absolute;
|
|
||||||
overflow : scroll;
|
|
||||||
overflow-x : hidden;
|
|
||||||
top : 0;
|
|
||||||
right : 0;
|
|
||||||
bottom : 0;
|
|
||||||
left : 0;
|
|
||||||
}
|
|
||||||
.nano > .nano-content:focus {
|
|
||||||
outline: thin dotted;
|
|
||||||
}
|
|
||||||
.nano > .nano-content::-webkit-scrollbar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.has-scrollbar > .nano-content::-webkit-scrollbar {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.nano > .nano-pane {
|
|
||||||
background : rgba(0,0,0,.25);
|
|
||||||
position : absolute;
|
|
||||||
width : 10px;
|
|
||||||
right : 0;
|
|
||||||
top : 0;
|
|
||||||
bottom : 0;
|
|
||||||
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
|
|
||||||
opacity : .01;
|
|
||||||
-webkit-transition : .2s;
|
|
||||||
-moz-transition : .2s;
|
|
||||||
-o-transition : .2s;
|
|
||||||
transition : .2s;
|
|
||||||
-moz-border-radius : 5px;
|
|
||||||
-webkit-border-radius : 5px;
|
|
||||||
border-radius : 5px;
|
|
||||||
}
|
|
||||||
.nano > .nano-pane > .nano-slider {
|
|
||||||
background: rgba(255, 255, 255, 0.3);
|
|
||||||
position : relative;
|
|
||||||
margin : 0 1px;
|
|
||||||
-moz-border-radius : 3px;
|
|
||||||
-webkit-border-radius : 3px;
|
|
||||||
border-radius : 3px;
|
|
||||||
}
|
|
||||||
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
|
|
||||||
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
|
|
||||||
opacity : 0.99;
|
|
||||||
}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,2 @@
|
|||||||
|
/* SnackbarJS - MIT LICENSE (https://github.com/FezVrasta/snackbarjs/blob/master/LICENSE.md) */
|
||||||
|
!function(t){"function"==typeof define&&define.amd&&t(jQuery)}(function(t){function a(t){return"undefined"!=typeof t&&null!==t?!0:!1}t(document).ready(function(){t("body").append("<div id=snackbar-container/>")}),t(document).on("click","[data-toggle=snackbar]",function(){t(this).snackbar("toggle")}).on("click","#snackbar-container .snackbar",function(){t(this).snackbar("hide")}),t.snackbar=function(n){if(a(n)&&n===Object(n)){var e,o=!1;a(n.id)?t("#"+n.id).length?e=t("#"+n.id):(e=t("<div/>").attr("id",""+n.id).attr("class","snackbar"),o=!0):(e=t("<div/>").attr("id","snackbar"+Date.now()).attr("class","snackbar"),o=!0);var i=e.hasClass("snackbar-opened");a(n.style)?(i?e.attr("class","snackbar snackbar-opened "+n.style):e.attr("class","snackbar "+n.style),e.attr("data-style",n.style)):i?e.attr("class","snackbar snackbar-opened"):e.attr("class","snackbar"),n.htmlAllowed=a(n.htmlAllowed)?n.htmlAllowed:!1,n.timeout=a(n.timeout)?n.timeout:3e3,e.attr("data-timeout",n.timeout),n.content=n.htmlAllowed?n.content:t("<p>"+n.content+"</p>").text(),a(n.htmlAllowed)&&e.attr("data-html-allowed",n.htmlAllowed),a(n.content)&&(e.find(".snackbar-content").length?e.find(".snackbar-content").html(n.content):e.prepend("<span class=snackbar-content>"+n.content+"</span>"),e.attr("data-content",n.content)),o?e.appendTo("#snackbar-container"):e.insertAfter("#snackbar-container .snackbar:last-child"),a(n.action)&&"toggle"==n.action&&(n.action=i?"hide":"show");var s=Date.now();e.data("animationId1",s),setTimeout(function(){e.data("animationId1")===s&&(a(n.action)&&"show"!=n.action?a(n.action)&&"hide"==n.action&&e.removeClass("snackbar-opened"):e.addClass("snackbar-opened"))},50);var c=Date.now();return e.data("animationId2",c),0!==n.timeout&&setTimeout(function(){e.data("animationId2")===c&&e.removeClass("snackbar-opened")},n.timeout),e}return!1},t.fn.snackbar=function(n){if("undefined"!=typeof n){var e={};if(this.hasClass("snackbar"))return e={id:this.attr("id"),content:t(this).attr("data-content"),style:t(this).attr("data-style"),timeout:t(this).attr("data-timeout"),htmlAllowed:t(this).attr("data-html-allowed")},("show"===n||"hide"===n||"toggle"==n)&&(e.action=n),t.snackbar(e);a(n)&&"show"!==n&&"hide"!==n&&"toggle"!=n||(e={content:t(this).attr("data-content"),style:t(this).attr("data-style"),timeout:t(this).attr("data-timeout"),htmlAllowed:t(this).attr("data-html-allowed")}),a(n)&&(e.id=this.attr("data-snackbar-id"),("show"===n||"hide"===n||"toggle"==n)&&(e.action=n));var o=t.snackbar(e);return this.attr("data-snackbar-id",o.attr("id")),o}}});
|
||||||
@ -1,14 +1,9 @@
|
|||||||
<div id="themes" class="themes">
|
<div id="themes" class="themes">
|
||||||
<div class="panel panel-default">
|
<div class="directory row" id="installed_themes">
|
||||||
<div class="panel-heading">Installed Themes</div>
|
<i class="fa fa-refresh fa-spin"></i> Checking for installed themes...
|
||||||
<div class="panel-body">
|
|
||||||
<p>
|
|
||||||
The following themes are currently installed on your forum.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ul class="directory" id="installed_themes">
|
|
||||||
<li><i class="fa fa-refresh fa-spin"></i> Checking for installed themes...</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<button id="revert_theme" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
|
||||||
|
<i class="material-icons">undo</i>
|
||||||
|
</button>
|
||||||
@ -1,38 +1,27 @@
|
|||||||
<div class="languages">
|
<div class="languages">
|
||||||
<div class="col-lg-9">
|
<div class="row">
|
||||||
<div class="panel panel-default">
|
<div class="col-sm-2 col-xs-12 settings-header">Language Settings</div>
|
||||||
<div class="panel-heading">Language Settings</div>
|
<div class="col-sm-10 col-xs-12">
|
||||||
<div class="panel-body">
|
<p>
|
||||||
<p>
|
The default language determines the language settings for all users who
|
||||||
The default language determines the language settings for all users who
|
are visiting your forum. <br />
|
||||||
are visiting your forum. <br />
|
Individual users can override the default language on their account settings page.
|
||||||
Individual users can override the default language on their account settings page.
|
</p>
|
||||||
</p>
|
|
||||||
|
|
||||||
<form class="row">
|
<form class="row">
|
||||||
<div class="form-group col-sm-6">
|
<div class="form-group col-sm-6">
|
||||||
<label for="defaultLang">Default Language</label>
|
<label for="defaultLang">Default Language</label>
|
||||||
<select id="language" data-field="defaultLang" class="form-control">
|
<select id="language" data-field="defaultLang" class="form-control">
|
||||||
<!-- BEGIN languages -->
|
<!-- BEGIN languages -->
|
||||||
<option value="{languages.code}" <!-- IF languages.selected -->selected<!-- ENDIF languages.selected -->>{languages.name} ({languages.code})</option>
|
<option value="{languages.code}" <!-- IF languages.selected -->selected<!-- ENDIF languages.selected -->>{languages.name} ({languages.code})</option>
|
||||||
<!-- END languages -->
|
<!-- END languages -->
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-3 acp-sidebar">
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-heading">Languages Control Panel</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<button class="btn btn-primary" id="save">Save Language Settings</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
|
||||||
|
<i class="material-icons">save</i>
|
||||||
|
</button>
|
||||||
@ -1,69 +1,62 @@
|
|||||||
<div class="sounds" class="row">
|
<div class="sounds settings" class="row">
|
||||||
<div class="col-lg-9">
|
<form role="form">
|
||||||
<form role="form">
|
<div class="row">
|
||||||
<div class="panel panel-default">
|
<div class="col-sm-2 col-xs-12 settings-header">Notifications</div>
|
||||||
<div class="panel-heading">General</div>
|
<div class="col-sm-10 col-xs-12">
|
||||||
<div class="panel-body">
|
<label for="notification">Notifications</label>
|
||||||
<label for="notification">Notifications</label>
|
<div class="row">
|
||||||
<div class="row">
|
<div class="form-group col-xs-9">
|
||||||
<div class="form-group col-xs-9">
|
<select class="form-control" id="notification" name="notification">
|
||||||
<select class="form-control" id="notification" name="notification">
|
<option value=""></option>
|
||||||
<option value=""></option>
|
<!-- BEGIN sounds -->
|
||||||
<!-- BEGIN sounds -->
|
<option value="{sounds.name}">{sounds.name}</option>
|
||||||
<option value="{sounds.name}">{sounds.name}</option>
|
<!-- END sounds -->
|
||||||
<!-- END sounds -->
|
</select>
|
||||||
</select>
|
</div>
|
||||||
</div>
|
<div class="btn-group col-xs-3">
|
||||||
<div class="btn-group col-xs-3">
|
<button type="button" class="form-control btn btn-sm btn-default" data-action="play">Play <i class="fa fa-play"></i></button>
|
||||||
<button type="button" class="form-control btn btn-sm btn-default" data-action="play">Play <i class="fa fa-play"></i></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="panel panel-default">
|
<div class="row">
|
||||||
<div class="panel-heading">Chat</div>
|
<div class="col-sm-2 col-xs-12 settings-header">Chat Messages</div>
|
||||||
<div class="panel-body">
|
<div class="col-sm-10 col-xs-12">
|
||||||
<label for="chat-incoming">Incoming Message</label>
|
<label for="chat-incoming">Incoming Message</label>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="form-group col-xs-9">
|
<div class="form-group col-xs-9">
|
||||||
<select class="form-control" id="chat-incoming" name="chat-incoming">
|
<select class="form-control" id="chat-incoming" name="chat-incoming">
|
||||||
<option value=""></option>
|
<option value=""></option>
|
||||||
<!-- BEGIN sounds -->
|
<!-- BEGIN sounds -->
|
||||||
<option value="{sounds.name}">{sounds.name}</option>
|
<option value="{sounds.name}">{sounds.name}</option>
|
||||||
<!-- END sounds -->
|
<!-- END sounds -->
|
||||||
</select>
|
</select>
|
||||||
</div>
|
|
||||||
<div class="btn-group col-xs-3">
|
|
||||||
<button type="button" class="form-control btn btn-sm btn-default" data-action="play">Play <i class="fa fa-play"></i></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="btn-group col-xs-3">
|
||||||
<label for="chat-outgoing">Outgoing Message</label>
|
<button type="button" class="form-control btn btn-sm btn-default" data-action="play">Play <i class="fa fa-play"></i></button>
|
||||||
<div class="row">
|
|
||||||
<div class="form-group col-xs-9">
|
|
||||||
<select class="form-control" id="chat-outgoing" name="chat-outgoing">
|
|
||||||
<option value=""></option>
|
|
||||||
<!-- BEGIN sounds -->
|
|
||||||
<option value="{sounds.name}">{sounds.name}</option>
|
|
||||||
<!-- END sounds -->
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="btn-group col-xs-3">
|
|
||||||
<button type="button" class="form-control btn btn-sm btn-default" data-action="play">Play <i class="fa fa-play"></i></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-3 acp-sidebar">
|
<label for="chat-outgoing">Outgoing Message</label>
|
||||||
<div class="panel panel-default">
|
<div class="row">
|
||||||
<div class="panel-heading">Sounds Control Panel</div>
|
<div class="form-group col-xs-9">
|
||||||
<div class="panel-body">
|
<select class="form-control" id="chat-outgoing" name="chat-outgoing">
|
||||||
<button class="btn btn-primary" id="save">Save Sound Settings</button>
|
<option value=""></option>
|
||||||
|
<!-- BEGIN sounds -->
|
||||||
|
<option value="{sounds.name}">{sounds.name}</option>
|
||||||
|
<!-- END sounds -->
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group col-xs-3">
|
||||||
|
<button type="button" class="form-control btn btn-sm btn-default" data-action="play">Play <i class="fa fa-play"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
|
||||||
|
<i class="material-icons">save</i>
|
||||||
|
</button>
|
||||||
@ -1,20 +1,5 @@
|
|||||||
<div class="row">
|
<div class="categories"></div>
|
||||||
<div class="col-lg-9">
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-heading"><i class="fa fa-folder"></i> Categories</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<div class="categories"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-3 acp-sidebar">
|
<button data-action="create" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
|
||||||
<div class="panel panel-default">
|
<i class="material-icons">add</i>
|
||||||
<div class="panel-heading">Categories Control Panel</div>
|
</button>
|
||||||
<div class="panel-body">
|
|
||||||
<button type="button" class="btn btn-primary btn-block" data-action="create">Create New Category
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@ -1,143 +1,134 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<form role="form" class="category" data-cid="{category.cid}">
|
<form role="form" class="category" data-cid="{category.cid}">
|
||||||
<div class="col-md-9">
|
<ul class="nav nav-pills">
|
||||||
<div class="panel panel-default">
|
<li class="active"><a href="#category-settings" data-toggle="tab">Category Settings</a></li>
|
||||||
<div class="panel-heading"><i class="fa fa-folder"></i> Category Settings</div>
|
<li><a href="#privileges" data-toggle="tab">Privileges</a></li>
|
||||||
<div class="panel-body category-settings-form">
|
</ul>
|
||||||
<fieldset>
|
<br />
|
||||||
<div class="col-xs-12">
|
<div class="tab-content">
|
||||||
<h3 data-edit-target="#cid-{category.cid}-name"><span>{category.name}</span> <small><i class="fa fa-edit"></i></small></h3>
|
<div class="tab-pane fade active in row" id="category-settings">
|
||||||
<input id="cid-{category.cid}-name" type="text" class="form-control hide" placeholder="Category Name" data-name="name" value="{category.name}" />
|
<div class="col-md-9">
|
||||||
<h4 data-edit-target="#cid-{category.cid}-description"><span>{category.description}</span> <small><i class="fa fa-edit"></i></small></h4>
|
<div class="category-settings-form">
|
||||||
<input id="cid-{category.cid}-description" data-name="description" placeholder="Category Description" value="{category.description}" class="form-control category_description input-sm description hide"></input>
|
<fieldset>
|
||||||
</div>
|
<label for="cid-{category.cid}-name">Category Name</label>
|
||||||
</fieldset>
|
<input id="cid-{category.cid}-name" type="text" class="form-control" placeholder="Category Name" data-name="name" value="{category.name}" /><br />
|
||||||
|
|
||||||
|
<label for="cid-{category.cid}-description">Category Description</label>
|
||||||
|
<input id="cid-{category.cid}-description" data-name="description" placeholder="Category Description" value="{category.description}" class="form-control category_description description"></input><br />
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
<fieldset>
|
<fieldset class="row">
|
||||||
<div class="col-xs-12">
|
<div class="col-sm-4 col-xs-12">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="cid-{category.cid}-parentCid">Parent Category</label>
|
<label for="cid-{category.cid}-bgColor">Background Colour</label>
|
||||||
<br/>
|
<input id="cid-{category.cid}-bgColor" placeholder="#0059b2" data-name="bgColor" value="{category.bgColor}" class="form-control category_bgColor" />
|
||||||
<div class="btn-group <!-- IF !category.parent.name -->hide<!-- ENDIF !category.parent.name-->">
|
|
||||||
<button type="button" class="btn btn-default" data-action="changeParent" data-parentCid="{category.parent.cid}"><i class="fa {category.parent.icon}"></i> {category.parent.name}</button>
|
|
||||||
<button type="button" class="btn btn-warning" data-action="removeParent" data-parentCid="{category.parent.cid}"><i class="fa fa-times"></i></button>
|
|
||||||
</div>
|
</div>
|
||||||
<button type="button" class="btn btn-default form-control <!-- IF category.parent.name -->hide<!-- ENDIF category.parent.name-->" data-action="setParent"><i class="fa fa-sitemap"></i> (None)</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-sm-4 col-xs-12">
|
||||||
</fieldset>
|
<div class="form-group">
|
||||||
<fieldset>
|
<label for="cid-{category.cid}-color">Text Colour</label>
|
||||||
<div class="col-sm-4 col-xs-12">
|
<input id="cid-{category.cid}-color" placeholder="#fff" data-name="color" value="{category.color}" class="form-control category_color" />
|
||||||
<div class="form-group">
|
</div>
|
||||||
<label for="cid-{category.cid}-bgColor">Background Colour</label>
|
|
||||||
<input id="cid-{category.cid}-bgColor" placeholder="#0059b2" data-name="bgColor" value="{category.bgColor}" class="form-control category_bgColor" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-4 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="cid-{category.cid}-color">Text Colour</label>
|
|
||||||
<input id="cid-{category.cid}-color" placeholder="#fff" data-name="color" value="{category.color}" class="form-control category_color" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-4 col-xs-12">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="cid-{category.cid}-imageClass">Background Image Size</label>
|
|
||||||
<select id="cid-{category.cid}-imageClass" class="form-control" data-name="imageClass" data-value="{category.imageClass}">
|
|
||||||
<option value="auto">auto</option>
|
|
||||||
<option value="cover">cover</option>
|
|
||||||
<option value="contain">contain</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-sm-4 col-xs-12">
|
||||||
<div class="col-sm-4 col-xs-12">
|
<div class="form-group">
|
||||||
<div class="form-group">
|
<label for="cid-{category.cid}-imageClass">Background Image Size</label>
|
||||||
<label for="cid-{category.cid}-class">Custom Class</label>
|
<select id="cid-{category.cid}-imageClass" class="form-control" data-name="imageClass" data-value="{category.imageClass}">
|
||||||
<input id="cid-{category.cid}-class" type="text" class="form-control" placeholder="col-md-6 col-xs-6" data-name="class" value="{category.class}" />
|
<option value="auto">auto</option>
|
||||||
|
<option value="cover">cover</option>
|
||||||
|
<option value="contain">contain</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div><br />
|
||||||
|
<div class="col-sm-4 col-xs-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="cid-{category.cid}-class">Custom Class</label>
|
||||||
|
<input id="cid-{category.cid}-class" type="text" class="form-control" placeholder="col-md-6 col-xs-6" data-name="class" value="{category.class}" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-sm-4 col-xs-12">
|
||||||
<div class="col-sm-4 col-xs-12">
|
<div class="form-group">
|
||||||
<div class="form-group">
|
<label for="cid-{category.cid}-numRecentReplies"># of Recent Replies</label>
|
||||||
<label for="cid-{category.cid}-numRecentReplies"># of Recent Replies</label>
|
<input id="cid-{category.cid}-numRecentReplies" type="text" class="form-control" placeholder="2" data-name="numRecentReplies" value="{category.numRecentReplies}" />
|
||||||
<input id="cid-{category.cid}-numRecentReplies" type="text" class="form-control" placeholder="2" data-name="numRecentReplies" value="{category.numRecentReplies}" />
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-sm-4 col-xs-12">
|
||||||
<div class="col-sm-4 col-xs-12">
|
<div class="form-group">
|
||||||
<div class="form-group">
|
<label for="cid-{category.cid}-link">External Link</label>
|
||||||
<label for="cid-{category.cid}-link">External Link</label>
|
<input id="cid-{category.cid}-link" type="text" class="form-control" placeholder="http://domain.com" data-name="link" value="{category.link}" />
|
||||||
<input id="cid-{category.cid}-link" type="text" class="form-control" placeholder="http://domain.com" data-name="link" value="{category.link}" />
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</fieldset>
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-heading"><i class="fa fa-key"></i> Privileges / Access Control</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<p>
|
|
||||||
You can configure the access control privileges for this category in this section. Privileges can be granted on a per-user or
|
|
||||||
a per-group basis. You can add a new user to this table by searching for them in the form below.
|
|
||||||
</p>
|
|
||||||
<p class="text-warning">
|
|
||||||
<strong>Note</strong>: Privilege settings take effect immediately. It is not necessary to save the category after adjusting
|
|
||||||
these settings.
|
|
||||||
</p>
|
|
||||||
<hr />
|
|
||||||
<div class="privilege-table-container">
|
|
||||||
<!-- IMPORT admin/partials/categories/privileges.tpl -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-3 options acp-sidebar">
|
<div class="col-md-3 options acp-sidebar">
|
||||||
<div class="panel panel-default hidden-sm">
|
<div class="panel panel-default">
|
||||||
<div class="panel-heading">Preview</div>
|
<div class="panel-body">
|
||||||
<div class="panel-body">
|
<div class="category-preview" style="
|
||||||
<div class="category-preview" style="
|
<!-- IF category.backgroundImage -->background-image: url({category.backgroundImage});<!-- ENDIF category.backgroundImage -->
|
||||||
<!-- IF category.backgroundImage -->background-image: url({category.backgroundImage});<!-- ENDIF category.backgroundImage -->
|
<!-- IF category.bgColor -->background-color: {category.bgColor};<!-- ENDIF category.bgColor -->
|
||||||
<!-- IF category.bgColor -->background-color: {category.bgColor};<!-- ENDIF category.bgColor -->
|
<!-- IF category.imageClass -->background-size: {category.imageClass};<!-- ENDIF category.imageClass -->
|
||||||
<!-- IF category.imageClass -->background-size: {category.imageClass};<!-- ENDIF category.imageClass -->
|
color: {category.color};
|
||||||
color: {category.color};
|
">
|
||||||
">
|
<div class="icon">
|
||||||
<div class="icon">
|
<i data-name="icon" value="{category.icon}" class="fa {category.icon} fa-2x"></i>
|
||||||
<i data-name="icon" value="{category.icon}" class="fa {category.icon} fa-2x"></i>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="btn-group btn-group-justified">
|
||||||
<div class="btn-group btn-group-justified">
|
<div class="btn-group">
|
||||||
<div class="btn-group">
|
<button type="button" data-cid="{category.cid}" data-name="image" data-value="{category.image}" class="btn btn-default upload-button"><i class="fa fa-upload"></i> Upload</button>
|
||||||
<button type="button" data-cid="{category.cid}" data-name="image" data-value="{category.image}" class="btn btn-default upload-button"><i class="fa fa-upload"></i> Upload</button>
|
</div>
|
||||||
</div>
|
<!-- IF category.image -->
|
||||||
<!-- IF category.image -->
|
<div class="btn-group">
|
||||||
<div class="btn-group">
|
<button class="btn btn-warning delete-image"><i data-name="icon" value="fa-times" class="fa fa-times"></i> Remove</button>
|
||||||
<button class="btn btn-warning delete-image"><i data-name="icon" value="fa-times" class="fa fa-times"></i> Remove</button>
|
</div>
|
||||||
|
<!-- ENDIF category.image -->
|
||||||
|
</div><br />
|
||||||
|
|
||||||
|
<fieldset>
|
||||||
|
<div class="form-group text-center">
|
||||||
|
<label for="cid-{category.cid}-parentCid">Parent Category</label>
|
||||||
|
<br/>
|
||||||
|
<div class="btn-group <!-- IF !category.parent.name -->hide<!-- ENDIF !category.parent.name-->">
|
||||||
|
<button type="button" class="btn btn-default" data-action="changeParent" data-parentCid="{category.parent.cid}"><i class="fa {category.parent.icon}"></i> {category.parent.name}</button>
|
||||||
|
<button type="button" class="btn btn-warning" data-action="removeParent" data-parentCid="{category.parent.cid}"><i class="fa fa-times"></i></button>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="btn btn-default btn-block <!-- IF category.parent.name -->hide<!-- ENDIF category.parent.name-->" data-action="setParent"><i class="fa fa-sitemap"></i> (None)</button>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
<button class="btn btn-danger btn-block purge"><i class="fa fa-eraser"></i> Purge Category</button>
|
||||||
</div>
|
</div>
|
||||||
<!-- ENDIF category.image -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="panel panel-default">
|
<div class="tab-pane fade col-xs-12" id="privileges">
|
||||||
<div class="panel-heading">Categories Control Panel</div>
|
<div class="panel panel-default">
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<div class="btn-group btn-group-justified">
|
<p>
|
||||||
<div class="btn-group">
|
You can configure the access control privileges for this category in this section. Privileges can be granted on a per-user or
|
||||||
<button class="btn btn-primary save">Save</button>
|
a per-group basis. You can add a new user to this table by searching for them in the form below.
|
||||||
</div>
|
</p>
|
||||||
<div class="btn-group">
|
<p class="text-warning">
|
||||||
<button class="btn btn-default revert">Revert</button>
|
<strong>Note</strong>: Privilege settings take effect immediately. It is not necessary to save the category after adjusting
|
||||||
|
these settings.
|
||||||
|
</p>
|
||||||
|
<hr />
|
||||||
|
<div class="privilege-table-container">
|
||||||
|
<!-- IMPORT admin/partials/categories/privileges.tpl -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
|
||||||
<button class="btn btn-danger btn-block btn-xs purge"><i class="fa fa-eraser"></i> Purge Category</button>
|
|
||||||
<p class="help-block">
|
|
||||||
Purging a category will remove all topics and posts, and delete the category from the database. If you want to
|
|
||||||
remove a category <em>temporarily</em>, you'll want to "disable" the category instead.
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
|
||||||
|
<i class="material-icons">save</i>
|
||||||
|
</button>
|
||||||
|
|
||||||
<input type="hidden" template-variable="cid" value="{category.cid}" />
|
<input type="hidden" template-variable="cid" value="{category.cid}" />
|
||||||
@ -1,55 +1,53 @@
|
|||||||
<div class="registration">
|
<div class="registration">
|
||||||
<div class="col-lg-9">
|
<table class="table table-striped users-list">
|
||||||
<div class="panel panel-default">
|
<tr>
|
||||||
<div class="panel-heading"><i class="fa fa-group"></i> Registration Queue</div>
|
<th>Name</th>
|
||||||
<div class="panel-body">
|
<th>Email</th>
|
||||||
<table class="table table-striped users-list">
|
<th>IP</th>
|
||||||
<tr>
|
<th>Time</th>
|
||||||
<th>Name</th>
|
<th></th>
|
||||||
<th>Email</th>
|
</tr>
|
||||||
<th>IP</th>
|
<!-- IF !users.length -->
|
||||||
<th>Time</th>
|
<p>
|
||||||
<th></th>
|
There are no users in the registration queue. To enable this feature go to <a href="{config.relative_path}/admin/settings/user">Settings -> User -> Authentication</a> and set <strong>Registration Type</strong> to "Admin Approval".
|
||||||
</tr>
|
</p>
|
||||||
<!-- BEGIN users -->
|
<!-- ENDIF !users.length -->
|
||||||
<tr data-username="{users.username}">
|
<!-- BEGIN users -->
|
||||||
<td>
|
<tr data-username="{users.username}">
|
||||||
<!-- IF users.usernameSpam -->
|
<td>
|
||||||
<i class="fa fa-times-circle text-danger" title="Frequency: {users.spamData.username.frequency} Appears: {users.spamData.username.appears} Confidence: {users.spamData.username.confidence}"></i>
|
<!-- IF users.usernameSpam -->
|
||||||
<!-- ELSE -->
|
<i class="fa fa-times-circle text-danger" title="Frequency: {users.spamData.username.frequency} Appears: {users.spamData.username.appears} Confidence: {users.spamData.username.confidence}"></i>
|
||||||
<i class="fa fa-check text-success"></i>
|
<!-- ELSE -->
|
||||||
<!-- ENDIF users.usernameSpam -->
|
<i class="fa fa-check text-success"></i>
|
||||||
{users.username}
|
<!-- ENDIF users.usernameSpam -->
|
||||||
</td>
|
{users.username}
|
||||||
<td>
|
</td>
|
||||||
<!-- IF users.emailSpam -->
|
<td>
|
||||||
<i class="fa fa-times-circle text-danger" title="Frequency: {users.spamData.email.frequency} Appears: {users.spamData.email.appears}"></i>
|
<!-- IF users.emailSpam -->
|
||||||
<!-- ELSE -->
|
<i class="fa fa-times-circle text-danger" title="Frequency: {users.spamData.email.frequency} Appears: {users.spamData.email.appears}"></i>
|
||||||
<i class="fa fa-check text-success"></i>
|
<!-- ELSE -->
|
||||||
<!-- ENDIF users.emailSpam -->
|
<i class="fa fa-check text-success"></i>
|
||||||
{users.email}
|
<!-- ENDIF users.emailSpam -->
|
||||||
</td>
|
{users.email}
|
||||||
<td>
|
</td>
|
||||||
<!-- IF users.ipSpam -->
|
<td>
|
||||||
<i class="fa fa-times-circle text-danger" title="Frequency: {users.spamData.ip.frequency} Appears: {users.spamData.ip.appears}"></i>
|
<!-- IF users.ipSpam -->
|
||||||
<!-- ELSE -->
|
<i class="fa fa-times-circle text-danger" title="Frequency: {users.spamData.ip.frequency} Appears: {users.spamData.ip.appears}"></i>
|
||||||
<i class="fa fa-check text-success"></i>
|
<!-- ELSE -->
|
||||||
<!-- ENDIF users.ipSpam -->
|
<i class="fa fa-check text-success"></i>
|
||||||
{users.ip}
|
<!-- ENDIF users.ipSpam -->
|
||||||
</td>
|
{users.ip}
|
||||||
<td>
|
</td>
|
||||||
<span class="timeago" title="{users.timestamp}"></span>
|
<td>
|
||||||
</td>
|
<span class="timeago" title="{users.timestamp}"></span>
|
||||||
<td>
|
</td>
|
||||||
<div class="btn-group pull-right">
|
<td>
|
||||||
<button class="btn btn-success btn-xs" data-action="accept"><i class="fa fa-check"></i></button>
|
<div class="btn-group pull-right">
|
||||||
<button class="btn btn-danger btn-xs" data-action="delete"><i class="fa fa-times"></i></button>
|
<button class="btn btn-success btn-xs" data-action="accept"><i class="fa fa-check"></i></button>
|
||||||
</div>
|
<button class="btn btn-danger btn-xs" data-action="delete"><i class="fa fa-times"></i></button>
|
||||||
</td>
|
</div>
|
||||||
</tr>
|
</td>
|
||||||
<!-- END users -->
|
</tr>
|
||||||
</table>
|
<!-- END users -->
|
||||||
</div>
|
</table>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
@ -1,103 +1,250 @@
|
|||||||
<div class="sidebar-nav">
|
<nav id="menu" class="visible-xs visible-sm">
|
||||||
<ul class="nav nav-list">
|
<section class="menu-section">
|
||||||
<li class="nav-header"><i class="fa fa-fw fa-dashboard"></i> General</li>
|
<h3 class="menu-section-title">General</h3>
|
||||||
<li class="active"><a href="{relative_path}/admin/general/dashboard">Dashboard</a></li>
|
<ul class="menu-section-list">
|
||||||
<li><a href="{relative_path}/admin/general/homepage">Home Page</a></li>
|
<a href="{relative_path}/admin/general/dashboard">Dashboard</a>
|
||||||
<li><a href="{relative_path}/admin/general/navigation">Navigation</a></li>
|
<li><a href="{relative_path}/admin/general/homepage">Home Page</a></li>
|
||||||
<li><a href="{relative_path}/admin/general/languages">Languages</a></li>
|
<li><a href="{relative_path}/admin/general/navigation">Navigation</a></li>
|
||||||
<li><a href="{relative_path}/admin/general/sounds">Sounds</a></li>
|
<li><a href="{relative_path}/admin/general/languages">Languages</a></li>
|
||||||
</ul>
|
<li><a href="{relative_path}/admin/general/sounds">Sounds</a></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="menu-section">
|
||||||
|
<h3 class="menu-section-title">Manage</h3>
|
||||||
|
<ul class="menu-section-list">
|
||||||
|
<li><a href="{relative_path}/admin/manage/categories">Categories</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/manage/tags">Tags</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/manage/users">Users</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/manage/registration">Registration Queue</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/manage/groups">Groups</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/manage/flags">Flags</a></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="menu-section">
|
||||||
|
<h3 class="menu-section-title">Settings</h3>
|
||||||
|
<ul class="menu-section-list">
|
||||||
|
<li><a href="{relative_path}/admin/settings/general">General</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/reputation">Reputation</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/email">Email</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/user">User</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/group">Group</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/guest">Guests</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/post">Post</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/pagination">Pagination</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/tags">Tags</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/notifications">Notifications</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/web-crawler">Web Crawler</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/sockets">Sockets</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/settings/advanced">Advanced</a></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="menu-section">
|
||||||
|
<h3 class="menu-section-title">Appearance</h3>
|
||||||
|
<ul class="menu-section-list">
|
||||||
|
<li><a href="{relative_path}/admin/appearance/themes">Themes</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/appearance/skins">Skins</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/appearance/customise">Custom HTML & CSS</a></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="menu-section">
|
||||||
|
<h3 class="menu-section-title">Extend</h3>
|
||||||
|
<ul class="menu-section-list">
|
||||||
|
<li><a href="{relative_path}/admin/extend/plugins">Plugins</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/extend/widgets">Widgets</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/extend/rewards">Rewards</a></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- IF authentication.length -->
|
||||||
|
<section class="menu-section">
|
||||||
|
<h3 class="menu-section-title">Social Authentication</h3>
|
||||||
|
<ul class="menu-section-list">
|
||||||
|
<!-- BEGIN authentication -->
|
||||||
|
<li>
|
||||||
|
<a href="{relative_path}/admin{authentication.route}">{authentication.name}</a>
|
||||||
|
</li>
|
||||||
|
<!-- END authentication -->
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
<!-- ENDIF authentication.length -->
|
||||||
|
|
||||||
|
<!-- IF plugins.length -->
|
||||||
|
<section class="menu-section">
|
||||||
|
<h3 class="menu-section-title">Plugins</h3>
|
||||||
|
<ul class="menu-section-list">
|
||||||
|
<!-- BEGIN plugins -->
|
||||||
|
<li>
|
||||||
|
<a href="{relative_path}/admin{plugins.route}">{plugins.name}</a>
|
||||||
|
</li>
|
||||||
|
<!-- END plugins -->
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="menu-section">
|
||||||
|
<h3 class="menu-section-title">Advanced</h3>
|
||||||
|
<ul class="menu-section-list">
|
||||||
|
<li><a href="{relative_path}/admin/advanced/database">Database</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/advanced/events">Events</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/advanced/logs">Logs</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/advanced/post-cache">Post Cache</a></li>
|
||||||
|
<!-- IF env -->
|
||||||
|
<li><a href="{relative_path}/admin/development/logger">Logger</a></li>
|
||||||
|
<!-- ENDIF env -->
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<main id="panel">
|
||||||
|
<nav class="header" id="header">
|
||||||
|
<div class="pull-left">
|
||||||
|
<button id="mobile-menu">
|
||||||
|
<div class="bar"></div>
|
||||||
|
<div class="bar"></div>
|
||||||
|
<div class="bar"></div>
|
||||||
|
</button>
|
||||||
|
<h1 id="main-page-title"></h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul id="user_label" class="pull-right">
|
||||||
|
<li class="dropdown pull-right">
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown">
|
||||||
|
<i class="fa fa-ellipsis-v"></i>
|
||||||
|
</a>
|
||||||
|
<ul id="user-control-list" class="dropdown-menu" aria-labelledby="user_dropdown">
|
||||||
|
<li>
|
||||||
|
<a href="{relative_path}/" target="_blank" title="View Forum">
|
||||||
|
View Forum
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li role="presentation" class="divider"></li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="reload" title="Reload Forum">
|
||||||
|
Reload Forum
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="restart" title="Restart Forum">
|
||||||
|
Restart Forum
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li role="presentation" class="divider"></li>
|
||||||
|
<li component="logout">
|
||||||
|
<a href="#">Log out</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<form class="pull-right hidden-sm hidden-xs" role="search">
|
||||||
|
<div class="" id="acp-search" >
|
||||||
|
<div class="dropdown">
|
||||||
|
<input type="text" data-toggle="dropdown" class="form-control" placeholder="Search...">
|
||||||
|
<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="sidebar-nav">
|
</form>
|
||||||
<ul class="nav nav-list">
|
</ul>
|
||||||
<li class="nav-header"><i class="fa fa-fw fa-comments-o"></i> Manage</li>
|
<ul id="main-menu">
|
||||||
<li><a href="{relative_path}/admin/manage/categories">Categories</a></li>
|
<li class="menu-item">
|
||||||
<li><a href="{relative_path}/admin/manage/tags">Tags</a></li>
|
<a href="{relative_path}/admin/general/dashboard">Dashboard</a>
|
||||||
<li><a href="{relative_path}/admin/manage/users">Users</a></li>
|
</li>
|
||||||
<li><a href="{relative_path}/admin/manage/groups">Groups</a></li>
|
<li class="dropdown menu-item">
|
||||||
<li><a href="{relative_path}/admin/manage/flags">Flags</a></li>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">General</a>
|
||||||
</ul>
|
<ul class="dropdown-menu" role="menu">
|
||||||
</div>
|
<li><a href="{relative_path}/admin/general/homepage">Home Page</a></li>
|
||||||
<div class="sidebar-nav">
|
<li><a href="{relative_path}/admin/general/navigation">Navigation</a></li>
|
||||||
<ul class="nav nav-list">
|
<li><a href="{relative_path}/admin/general/languages">Languages</a></li>
|
||||||
<li class="nav-header"><i class="fa fa-fw fa-cogs"></i> Settings</li>
|
<li><a href="{relative_path}/admin/general/sounds">Sounds</a></li>
|
||||||
<li><a href="{relative_path}/admin/settings/general">General</a></li>
|
</ul>
|
||||||
<li><a href="{relative_path}/admin/settings/reputation">Reputation</a></li>
|
</li>
|
||||||
<li><a href="{relative_path}/admin/settings/email">Email</a></li>
|
<li class="dropdown menu-item">
|
||||||
<li><a href="{relative_path}/admin/settings/user">User</a></li>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Manage</a>
|
||||||
<li><a href="{relative_path}/admin/settings/group">Group</a></li>
|
<ul class="dropdown-menu" role="menu">
|
||||||
<li><a href="{relative_path}/admin/settings/guest">Guests</a></li>
|
<li><a href="{relative_path}/admin/manage/categories">Categories</a></li>
|
||||||
<li><a href="{relative_path}/admin/settings/post">Post</a></li>
|
<li><a href="{relative_path}/admin/manage/tags">Tags</a></li>
|
||||||
<li><a href="{relative_path}/admin/settings/pagination">Pagination</a></li>
|
<li><a href="{relative_path}/admin/manage/users">Users</a></li>
|
||||||
<li><a href="{relative_path}/admin/settings/tags">Tags</a></li>
|
<li><a href="{relative_path}/admin/manage/registration">Registration Queue</a></li>
|
||||||
<li><a href="{relative_path}/admin/settings/notifications">Notifications</a></li>
|
<li><a href="{relative_path}/admin/manage/groups">Groups</a></li>
|
||||||
<li><a href="{relative_path}/admin/settings/web-crawler">Web Crawler</a></li>
|
<li><a href="{relative_path}/admin/manage/flags">Flags</a></li>
|
||||||
<li><a href="{relative_path}/admin/settings/sockets">Sockets</a></li>
|
</ul>
|
||||||
<li><a href="{relative_path}/admin/settings/advanced">Advanced</a></li>
|
</li>
|
||||||
</ul>
|
<li class="dropdown menu-item">
|
||||||
</div>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Settings</a>
|
||||||
<div class="sidebar-nav">
|
<ul class="dropdown-menu" role="menu">
|
||||||
<ul class="nav nav-list">
|
<li><a href="{relative_path}/admin/settings/general">General</a></li>
|
||||||
<li class="nav-header"><i class="fa fa-fw fa-paint-brush"></i> Appearance</li>
|
<li><a href="{relative_path}/admin/settings/reputation">Reputation</a></li>
|
||||||
<li><a href="{relative_path}/admin/appearance/themes">Themes</a></li>
|
<li><a href="{relative_path}/admin/settings/email">Email</a></li>
|
||||||
<li><a href="{relative_path}/admin/appearance/skins">Skins</a></li>
|
<li><a href="{relative_path}/admin/settings/user">User</a></li>
|
||||||
<li><a href="{relative_path}/admin/appearance/customise">Custom HTML & CSS</a></li>
|
<li><a href="{relative_path}/admin/settings/group">Group</a></li>
|
||||||
</ul>
|
<li><a href="{relative_path}/admin/settings/guest">Guests</a></li>
|
||||||
</div>
|
<li><a href="{relative_path}/admin/settings/post">Post</a></li>
|
||||||
<div class="sidebar-nav">
|
<li><a href="{relative_path}/admin/settings/pagination">Pagination</a></li>
|
||||||
<ul class="nav nav-list">
|
<li><a href="{relative_path}/admin/settings/tags">Tags</a></li>
|
||||||
<li class="nav-header"><i class="fa fa-fw fa-wrench"></i> Extend</li>
|
<li><a href="{relative_path}/admin/settings/notifications">Notifications</a></li>
|
||||||
<li><a href="{relative_path}/admin/extend/plugins">Plugins</a></li>
|
<li><a href="{relative_path}/admin/settings/web-crawler">Web Crawler</a></li>
|
||||||
<li><a href="{relative_path}/admin/extend/widgets">Widgets</a></li>
|
<li><a href="{relative_path}/admin/settings/sockets">Sockets</a></li>
|
||||||
<li><a href="{relative_path}/admin/extend/rewards">Rewards</a></li>
|
<li><a href="{relative_path}/admin/settings/advanced">Advanced</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</li>
|
||||||
<div class="sidebar-nav">
|
<li class="dropdown menu-item">
|
||||||
<ul class="nav nav-list">
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Appearance</a>
|
||||||
<li class="nav-header"><i class="fa fa-fw fa-hdd-o"></i> Advanced</li>
|
<ul class="dropdown-menu" role="menu">
|
||||||
<li><a href="{relative_path}/admin/advanced/database">Database</a></li>
|
<li><a href="{relative_path}/admin/appearance/themes">Themes</a></li>
|
||||||
<li><a href="{relative_path}/admin/advanced/events">Events</a></li>
|
<li><a href="{relative_path}/admin/appearance/skins">Skins</a></li>
|
||||||
<li><a href="{relative_path}/admin/advanced/logs">Logs</a></li>
|
<li><a href="{relative_path}/admin/appearance/customise">Custom HTML & CSS</a></li>
|
||||||
<li><a href="{relative_path}/admin/advanced/post-cache">Post Cache</a></li>
|
</ul>
|
||||||
</ul>
|
</li>
|
||||||
</div>
|
<li class="dropdown menu-item">
|
||||||
<!-- IF authentication.length -->
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Extend</a>
|
||||||
<div class="sidebar-nav">
|
<ul class="dropdown-menu" role="menu">
|
||||||
<ul class="nav nav-list">
|
<li><a href="{relative_path}/admin/extend/plugins">Plugins</a></li>
|
||||||
<li class="nav-header"><i class="fa fa-fw fa-facebook-square"></i> Social Authentication</li>
|
<li><a href="{relative_path}/admin/extend/widgets">Widgets</a></li>
|
||||||
<!-- BEGIN authentication -->
|
<li><a href="{relative_path}/admin/extend/rewards">Rewards</a></li>
|
||||||
<li>
|
</ul>
|
||||||
<a href="{relative_path}/admin{authentication.route}">{authentication.name}</a>
|
</li>
|
||||||
</li>
|
<!-- IF authentication.length -->
|
||||||
<!-- END authentication -->
|
<li class="dropdown menu-item">
|
||||||
</ul>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Social Authentication</a>
|
||||||
</div>
|
<ul class="dropdown-menu" role="menu">
|
||||||
<!-- ENDIF authentication.length -->
|
<!-- BEGIN authentication -->
|
||||||
<!-- IF plugins.length -->
|
<li>
|
||||||
<div class="sidebar-nav">
|
<a href="{relative_path}/admin{authentication.route}">{authentication.name}</a>
|
||||||
<ul class="nav nav-list">
|
</li>
|
||||||
<li class="nav-header"><i class="fa fa-fw fa-th"></i> Installed Plugins</li>
|
<!-- END authentication -->
|
||||||
<!-- BEGIN plugins -->
|
</ul>
|
||||||
<li>
|
</li>
|
||||||
<a href="{relative_path}/admin{plugins.route}">
|
<!-- ENDIF authentication.length -->
|
||||||
<!-- IF plugins.icon -->
|
<!-- IF plugins.length -->
|
||||||
<i class="fa {plugins.icon}"></i>
|
<li class="dropdown menu-item">
|
||||||
<!-- ENDIF plugins.icon -->
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Plugins</a>
|
||||||
{plugins.name}
|
<ul class="dropdown-menu" role="menu">
|
||||||
</a>
|
<!-- BEGIN plugins -->
|
||||||
</li>
|
<li>
|
||||||
<!-- END plugins -->
|
<a href="{relative_path}/admin{plugins.route}">{plugins.name}</a>
|
||||||
<li data-link="1">
|
</li>
|
||||||
<a href="{relative_path}/admin/extend/plugins"><i class="fa fa-plus"></i> Install Plugins</a>
|
<!-- END plugins -->
|
||||||
</li>
|
<li class="divider"></li>
|
||||||
</ul>
|
<li data-link="1">
|
||||||
</div>
|
<a href="{relative_path}/admin/extend/plugins">Install Plugins</a>
|
||||||
<!-- ENDIF plugins.length -->
|
</li>
|
||||||
<!-- IF env -->
|
</ul>
|
||||||
<div class="sidebar-nav">
|
</li>
|
||||||
<ul class="nav nav-list">
|
<!-- ENDIF plugins.length -->
|
||||||
<li class="nav-header"><i class="fa fa-fw fa-th"></i> Development</li>
|
<li class="dropdown menu-item">
|
||||||
<li><a href="{relative_path}/admin/development/logger">Logger</a></li>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Advanced</a>
|
||||||
</ul>
|
<ul class="dropdown-menu" role="menu">
|
||||||
</div>
|
<li><a href="{relative_path}/admin/advanced/database">Database</a></li>
|
||||||
<!-- ENDIF env -->
|
<li><a href="{relative_path}/admin/advanced/events">Events</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/advanced/logs">Logs</a></li>
|
||||||
|
<li><a href="{relative_path}/admin/advanced/post-cache">Post Cache</a></li>
|
||||||
|
<!-- IF env -->
|
||||||
|
<li><a href="{relative_path}/admin/development/logger">Logger</a></li>
|
||||||
|
<!-- ENDIF env -->
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
@ -1,27 +1,24 @@
|
|||||||
<!-- BEGIN themes -->
|
<!-- BEGIN themes -->
|
||||||
<li data-type="{themes.type}" data-theme="{themes.id}"<!-- IF themes.css --> data-css="{themes.css}"<!-- ENDIF themes.css -->>
|
<div class="col-xs-4" data-type="{themes.type}" data-theme="{themes.id}"<!-- IF themes.css --> data-css="{themes.css}"<!-- ENDIF themes.css -->>
|
||||||
<img title="{themes.id}" src="{themes.screenshot_url}" />
|
<div class="theme-card mdl-card mdl-shadow--2dp">
|
||||||
<div>
|
<div class="mdl-card__title mdl-card--expand" style="background-image: url('{themes.screenshot_url}');"></div>
|
||||||
<div class="pull-right">
|
<div class="mdl-card__supporting-text">
|
||||||
<button class="btn btn-primary" data-action="use">Use</button>
|
<h2 class="mdl-card__title-text">{themes.name}</h2>
|
||||||
</div>
|
<p>
|
||||||
<h4>{themes.name}</h4>
|
{themes.description}
|
||||||
<p>
|
</p>
|
||||||
{themes.description}
|
|
||||||
<!-- IF themes.url -->
|
<!-- IF themes.url -->
|
||||||
(<a href="{themes.url}" target="_blank">Homepage</a>)
|
<p>
|
||||||
|
<a href="{themes.url}" target="_blank">Homepage</a>
|
||||||
|
</p>
|
||||||
<!-- ENDIF themes.url -->
|
<!-- ENDIF themes.url -->
|
||||||
</p>
|
</div>
|
||||||
|
<div class="mdl-card__actions mdl-card--border">
|
||||||
|
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" data-action="use">
|
||||||
|
Select Theme
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="clear"></div>
|
</div>
|
||||||
</li>
|
|
||||||
<!-- END themes -->
|
<!-- END themes -->
|
||||||
<!-- IF showRevert -->
|
|
||||||
<li data-type="bootswatch" data-theme="" data-css="">
|
|
||||||
<div class="pull-right">
|
|
||||||
<button class="btn btn-primary pull-right" data-action="use">Revert</button>
|
|
||||||
</div>
|
|
||||||
<h4>No Skin</h4>
|
|
||||||
<p>Remove applied skin and revert back to the base colours</p>
|
|
||||||
</li>
|
|
||||||
<!-- ENDIF showRevert -->
|
|
||||||
@ -1,17 +1,12 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-3 acp-sidebar">
|
<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
|
||||||
<div class="panel panel-default">
|
<i class="material-icons">save</i>
|
||||||
<div class="panel-heading">Save Settings</div>
|
</button>
|
||||||
<div class="panel-body">
|
|
||||||
<button class="btn btn-primary btn-md" id="save">Save Changes</button>
|
|
||||||
<button class="btn btn-warning btn-md" id="revert">Revert Changes</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
require(['admin/settings'], function(Settings) {
|
require(['admin/settings'], function(Settings) {
|
||||||
Settings.prepare();
|
Settings.init();
|
||||||
|
Settings.populateTOC();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -1,38 +1,42 @@
|
|||||||
<!-- IMPORT admin/settings/header.tpl -->
|
<!-- IMPORT admin/settings/header.tpl -->
|
||||||
|
|
||||||
<div class="panel panel-default">
|
<div class="row">
|
||||||
<div class="panel-heading">Guests</div>
|
<div class="col-sm-2 col-xs-12 settings-header">Guest Handles</div>
|
||||||
<div class="panel-body">
|
<div class="col-sm-10 col-xs-12">
|
||||||
<p class="alert alert-info">
|
|
||||||
These options affect guest users as a whole. Control over which categories a guest can see or post to is handled in
|
|
||||||
the categories themselves
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<form role="form">
|
<form role="form">
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
<label>
|
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
|
||||||
<input type="checkbox" data-field="allowGuestHandles"> <strong>Allow guest handles</strong>
|
<input class="mdl-switch__input" type="checkbox" data-field="allowGuestHandles">
|
||||||
<p class="help-block">
|
<span class="mdl-switch__label"><strong>Allow guest handles</strong></span>
|
||||||
This option exposes a new field that allows guests to pick a name to associate with each post they make. If disabled,
|
|
||||||
the will simply be called "Guest" (or the equivalent in the forum's selected language)
|
|
||||||
</p>
|
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
<p class="help-block">
|
||||||
|
This option exposes a new field that allows guests to pick a name to associate with each post they make. If disabled,
|
||||||
|
the will simply be called "Guest"
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-2 col-xs-12 settings-header">Guest Privileges</div>
|
||||||
|
<div class="col-sm-10 col-xs-12">
|
||||||
|
<form role="form">
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
<label>
|
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
|
||||||
<input type="checkbox" data-field="allowGuestSearching"> <strong>Allow guests to search without logging in</strong>
|
<input class="mdl-switch__input" type="checkbox" data-field="allowGuestSearching">
|
||||||
|
<span class="mdl-switch__label"><strong>Allow guests to search without logging in</strong></span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
<label>
|
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
|
||||||
<input type="checkbox" data-field="allowGuestUserSearching"> <strong>Allow guests to search users without logging in</strong>
|
<input class="mdl-switch__input" type="checkbox" data-field="allowGuestUserSearching">
|
||||||
|
<span class="mdl-switch__label"><strong>Allow guests to search users without logging in</strong></span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -1 +1,11 @@
|
|||||||
<div class="col-lg-9">
|
<div class="settings">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-2 col-xs-12 content-header">
|
||||||
|
Contents
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-10 col-xs-12">
|
||||||
|
<nav class="section-content">
|
||||||
|
<ul></ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Loading…
Reference in New Issue