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 class="panel panel-default">
|
||||
<div class="panel-heading">Installed Themes</div>
|
||||
<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 class="directory row" id="installed_themes">
|
||||
<i class="fa fa-refresh fa-spin"></i> Checking for installed themes...
|
||||
</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="col-lg-9">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Language Settings</div>
|
||||
<div class="panel-body">
|
||||
<p>
|
||||
The default language determines the language settings for all users who
|
||||
are visiting your forum. <br />
|
||||
Individual users can override the default language on their account settings page.
|
||||
</p>
|
||||
<div class="row">
|
||||
<div class="col-sm-2 col-xs-12 settings-header">Language Settings</div>
|
||||
<div class="col-sm-10 col-xs-12">
|
||||
<p>
|
||||
The default language determines the language settings for all users who
|
||||
are visiting your forum. <br />
|
||||
Individual users can override the default language on their account settings page.
|
||||
</p>
|
||||
|
||||
<form class="row">
|
||||
<div class="form-group col-sm-6">
|
||||
<label for="defaultLang">Default Language</label>
|
||||
<select id="language" data-field="defaultLang" class="form-control">
|
||||
<!-- BEGIN languages -->
|
||||
<option value="{languages.code}" <!-- IF languages.selected -->selected<!-- ENDIF languages.selected -->>{languages.name} ({languages.code})</option>
|
||||
<!-- END languages -->
|
||||
</select>
|
||||
</div>
|
||||
</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>
|
||||
<form class="row">
|
||||
<div class="form-group col-sm-6">
|
||||
<label for="defaultLang">Default Language</label>
|
||||
<select id="language" data-field="defaultLang" class="form-control">
|
||||
<!-- BEGIN languages -->
|
||||
<option value="{languages.code}" <!-- IF languages.selected -->selected<!-- ENDIF languages.selected -->>{languages.name} ({languages.code})</option>
|
||||
<!-- END languages -->
|
||||
</select>
|
||||
</div>
|
||||
</form>
|
||||
</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="col-lg-9">
|
||||
<form role="form">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">General</div>
|
||||
<div class="panel-body">
|
||||
<label for="notification">Notifications</label>
|
||||
<div class="row">
|
||||
<div class="form-group col-xs-9">
|
||||
<select class="form-control" id="notification" name="notification">
|
||||
<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 class="sounds settings" class="row">
|
||||
<form role="form">
|
||||
<div class="row">
|
||||
<div class="col-sm-2 col-xs-12 settings-header">Notifications</div>
|
||||
<div class="col-sm-10 col-xs-12">
|
||||
<label for="notification">Notifications</label>
|
||||
<div class="row">
|
||||
<div class="form-group col-xs-9">
|
||||
<select class="form-control" id="notification" name="notification">
|
||||
<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 class="panel panel-default">
|
||||
<div class="panel-heading">Chat</div>
|
||||
<div class="panel-body">
|
||||
<label for="chat-incoming">Incoming Message</label>
|
||||
<div class="row">
|
||||
<div class="form-group col-xs-9">
|
||||
<select class="form-control" id="chat-incoming" name="chat-incoming">
|
||||
<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 class="row">
|
||||
<div class="col-sm-2 col-xs-12 settings-header">Chat Messages</div>
|
||||
<div class="col-sm-10 col-xs-12">
|
||||
<label for="chat-incoming">Incoming Message</label>
|
||||
<div class="row">
|
||||
<div class="form-group col-xs-9">
|
||||
<select class="form-control" id="chat-incoming" name="chat-incoming">
|
||||
<option value=""></option>
|
||||
<!-- BEGIN sounds -->
|
||||
<option value="{sounds.name}">{sounds.name}</option>
|
||||
<!-- END sounds -->
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<label for="chat-outgoing">Outgoing Message</label>
|
||||
<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 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>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 acp-sidebar">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Sounds Control Panel</div>
|
||||
<div class="panel-body">
|
||||
<button class="btn btn-primary" id="save">Save Sound Settings</button>
|
||||
<label for="chat-outgoing">Outgoing Message</label>
|
||||
<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>
|
||||
</form>
|
||||
</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="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="categories"></div>
|
||||
|
||||
<div class="col-lg-3 acp-sidebar">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Categories Control Panel</div>
|
||||
<div class="panel-body">
|
||||
<button type="button" class="btn btn-primary btn-block" data-action="create">Create New Category
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button data-action="create" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
|
||||
<i class="material-icons">add</i>
|
||||
</button>
|
||||
@ -1,143 +1,134 @@
|
||||
<div class="row">
|
||||
<form role="form" class="category" data-cid="{category.cid}">
|
||||
<div class="col-md-9">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading"><i class="fa fa-folder"></i> Category Settings</div>
|
||||
<div class="panel-body category-settings-form">
|
||||
<fieldset>
|
||||
<div class="col-xs-12">
|
||||
<h3 data-edit-target="#cid-{category.cid}-name"><span>{category.name}</span> <small><i class="fa fa-edit"></i></small></h3>
|
||||
<input id="cid-{category.cid}-name" type="text" class="form-control hide" placeholder="Category Name" data-name="name" value="{category.name}" />
|
||||
<h4 data-edit-target="#cid-{category.cid}-description"><span>{category.description}</span> <small><i class="fa fa-edit"></i></small></h4>
|
||||
<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>
|
||||
</div>
|
||||
</fieldset>
|
||||
<ul class="nav nav-pills">
|
||||
<li class="active"><a href="#category-settings" data-toggle="tab">Category Settings</a></li>
|
||||
<li><a href="#privileges" data-toggle="tab">Privileges</a></li>
|
||||
</ul>
|
||||
<br />
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade active in row" id="category-settings">
|
||||
<div class="col-md-9">
|
||||
<div class="category-settings-form">
|
||||
<fieldset>
|
||||
<label for="cid-{category.cid}-name">Category Name</label>
|
||||
<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>
|
||||
<div class="col-xs-12">
|
||||
<div class="form-group">
|
||||
<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>
|
||||
<fieldset class="row">
|
||||
<div class="col-sm-4 col-xs-12">
|
||||
<div class="form-group">
|
||||
<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>
|
||||
<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>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<div class="col-sm-4 col-xs-12">
|
||||
<div class="form-group">
|
||||
<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 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>
|
||||
<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 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><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 class="col-sm-4 col-xs-12">
|
||||
<div class="form-group">
|
||||
<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}" />
|
||||
<div class="col-sm-4 col-xs-12">
|
||||
<div class="form-group">
|
||||
<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}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-xs-12">
|
||||
<div class="form-group">
|
||||
<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}" />
|
||||
<div class="col-sm-4 col-xs-12">
|
||||
<div class="form-group">
|
||||
<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}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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 -->
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 options acp-sidebar">
|
||||
<div class="panel panel-default hidden-sm">
|
||||
<div class="panel-heading">Preview</div>
|
||||
<div class="panel-body">
|
||||
<div class="category-preview" style="
|
||||
<!-- IF category.backgroundImage -->background-image: url({category.backgroundImage});<!-- ENDIF category.backgroundImage -->
|
||||
<!-- IF category.bgColor -->background-color: {category.bgColor};<!-- ENDIF category.bgColor -->
|
||||
<!-- IF category.imageClass -->background-size: {category.imageClass};<!-- ENDIF category.imageClass -->
|
||||
color: {category.color};
|
||||
">
|
||||
<div class="icon">
|
||||
<i data-name="icon" value="{category.icon}" class="fa {category.icon} fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group btn-group-justified">
|
||||
<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>
|
||||
</div>
|
||||
<!-- IF category.image -->
|
||||
<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>
|
||||
<div class="col-md-3 options acp-sidebar">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<div class="category-preview" style="
|
||||
<!-- IF category.backgroundImage -->background-image: url({category.backgroundImage});<!-- ENDIF category.backgroundImage -->
|
||||
<!-- IF category.bgColor -->background-color: {category.bgColor};<!-- ENDIF category.bgColor -->
|
||||
<!-- IF category.imageClass -->background-size: {category.imageClass};<!-- ENDIF category.imageClass -->
|
||||
color: {category.color};
|
||||
">
|
||||
<div class="icon">
|
||||
<i data-name="icon" value="{category.icon}" class="fa {category.icon} fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group btn-group-justified">
|
||||
<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>
|
||||
</div>
|
||||
<!-- IF category.image -->
|
||||
<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>
|
||||
</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>
|
||||
<!-- ENDIF category.image -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Categories Control Panel</div>
|
||||
<div class="panel-body">
|
||||
<div class="btn-group btn-group-justified">
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-primary save">Save</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default revert">Revert</button>
|
||||
<div class="tab-pane fade col-xs-12" id="privileges">
|
||||
<div class="panel panel-default">
|
||||
<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>
|
||||
<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>
|
||||
</form>
|
||||
</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}" />
|
||||
@ -1,55 +1,53 @@
|
||||
<div class="registration">
|
||||
<div class="col-lg-9">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading"><i class="fa fa-group"></i> Registration Queue</div>
|
||||
<div class="panel-body">
|
||||
<table class="table table-striped users-list">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Email</th>
|
||||
<th>IP</th>
|
||||
<th>Time</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<!-- BEGIN users -->
|
||||
<tr data-username="{users.username}">
|
||||
<td>
|
||||
<!-- IF users.usernameSpam -->
|
||||
<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>
|
||||
<!-- ELSE -->
|
||||
<i class="fa fa-check text-success"></i>
|
||||
<!-- ENDIF users.usernameSpam -->
|
||||
{users.username}
|
||||
</td>
|
||||
<td>
|
||||
<!-- IF users.emailSpam -->
|
||||
<i class="fa fa-times-circle text-danger" title="Frequency: {users.spamData.email.frequency} Appears: {users.spamData.email.appears}"></i>
|
||||
<!-- ELSE -->
|
||||
<i class="fa fa-check text-success"></i>
|
||||
<!-- ENDIF users.emailSpam -->
|
||||
{users.email}
|
||||
</td>
|
||||
<td>
|
||||
<!-- IF users.ipSpam -->
|
||||
<i class="fa fa-times-circle text-danger" title="Frequency: {users.spamData.ip.frequency} Appears: {users.spamData.ip.appears}"></i>
|
||||
<!-- ELSE -->
|
||||
<i class="fa fa-check text-success"></i>
|
||||
<!-- ENDIF users.ipSpam -->
|
||||
{users.ip}
|
||||
</td>
|
||||
<td>
|
||||
<span class="timeago" title="{users.timestamp}"></span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="btn-group pull-right">
|
||||
<button class="btn btn-success btn-xs" data-action="accept"><i class="fa fa-check"></i></button>
|
||||
<button class="btn btn-danger btn-xs" data-action="delete"><i class="fa fa-times"></i></button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- END users -->
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table class="table table-striped users-list">
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Email</th>
|
||||
<th>IP</th>
|
||||
<th>Time</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<!-- IF !users.length -->
|
||||
<p>
|
||||
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".
|
||||
</p>
|
||||
<!-- ENDIF !users.length -->
|
||||
<!-- BEGIN users -->
|
||||
<tr data-username="{users.username}">
|
||||
<td>
|
||||
<!-- IF users.usernameSpam -->
|
||||
<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>
|
||||
<!-- ELSE -->
|
||||
<i class="fa fa-check text-success"></i>
|
||||
<!-- ENDIF users.usernameSpam -->
|
||||
{users.username}
|
||||
</td>
|
||||
<td>
|
||||
<!-- IF users.emailSpam -->
|
||||
<i class="fa fa-times-circle text-danger" title="Frequency: {users.spamData.email.frequency} Appears: {users.spamData.email.appears}"></i>
|
||||
<!-- ELSE -->
|
||||
<i class="fa fa-check text-success"></i>
|
||||
<!-- ENDIF users.emailSpam -->
|
||||
{users.email}
|
||||
</td>
|
||||
<td>
|
||||
<!-- IF users.ipSpam -->
|
||||
<i class="fa fa-times-circle text-danger" title="Frequency: {users.spamData.ip.frequency} Appears: {users.spamData.ip.appears}"></i>
|
||||
<!-- ELSE -->
|
||||
<i class="fa fa-check text-success"></i>
|
||||
<!-- ENDIF users.ipSpam -->
|
||||
{users.ip}
|
||||
</td>
|
||||
<td>
|
||||
<span class="timeago" title="{users.timestamp}"></span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="btn-group pull-right">
|
||||
<button class="btn btn-success btn-xs" data-action="accept"><i class="fa fa-check"></i></button>
|
||||
<button class="btn btn-danger btn-xs" data-action="delete"><i class="fa fa-times"></i></button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- END users -->
|
||||
</table>
|
||||
</div>
|
||||
@ -1,103 +1,250 @@
|
||||
<div class="sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header"><i class="fa fa-fw fa-dashboard"></i> General</li>
|
||||
<li class="active"><a href="{relative_path}/admin/general/dashboard">Dashboard</a></li>
|
||||
<li><a href="{relative_path}/admin/general/homepage">Home Page</a></li>
|
||||
<li><a href="{relative_path}/admin/general/navigation">Navigation</a></li>
|
||||
<li><a href="{relative_path}/admin/general/languages">Languages</a></li>
|
||||
<li><a href="{relative_path}/admin/general/sounds">Sounds</a></li>
|
||||
</ul>
|
||||
<nav id="menu" class="visible-xs visible-sm">
|
||||
<section class="menu-section">
|
||||
<h3 class="menu-section-title">General</h3>
|
||||
<ul class="menu-section-list">
|
||||
<a href="{relative_path}/admin/general/dashboard">Dashboard</a>
|
||||
<li><a href="{relative_path}/admin/general/homepage">Home Page</a></li>
|
||||
<li><a href="{relative_path}/admin/general/navigation">Navigation</a></li>
|
||||
<li><a href="{relative_path}/admin/general/languages">Languages</a></li>
|
||||
<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 class="sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header"><i class="fa fa-fw fa-comments-o"></i> Manage</li>
|
||||
<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/groups">Groups</a></li>
|
||||
<li><a href="{relative_path}/admin/manage/flags">Flags</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header"><i class="fa fa-fw fa-cogs"></i> Settings</li>
|
||||
<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>
|
||||
</div>
|
||||
<div class="sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header"><i class="fa fa-fw fa-paint-brush"></i> Appearance</li>
|
||||
<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>
|
||||
</div>
|
||||
<div class="sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header"><i class="fa fa-fw fa-wrench"></i> Extend</li>
|
||||
<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>
|
||||
</div>
|
||||
<div class="sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header"><i class="fa fa-fw fa-hdd-o"></i> Advanced</li>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- IF authentication.length -->
|
||||
<div class="sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header"><i class="fa fa-fw fa-facebook-square"></i> Social Authentication</li>
|
||||
<!-- BEGIN authentication -->
|
||||
<li>
|
||||
<a href="{relative_path}/admin{authentication.route}">{authentication.name}</a>
|
||||
</li>
|
||||
<!-- END authentication -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ENDIF authentication.length -->
|
||||
<!-- IF plugins.length -->
|
||||
<div class="sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header"><i class="fa fa-fw fa-th"></i> Installed Plugins</li>
|
||||
<!-- BEGIN plugins -->
|
||||
<li>
|
||||
<a href="{relative_path}/admin{plugins.route}">
|
||||
<!-- IF plugins.icon -->
|
||||
<i class="fa {plugins.icon}"></i>
|
||||
<!-- ENDIF plugins.icon -->
|
||||
{plugins.name}
|
||||
</a>
|
||||
</li>
|
||||
<!-- END plugins -->
|
||||
<li data-link="1">
|
||||
<a href="{relative_path}/admin/extend/plugins"><i class="fa fa-plus"></i> Install Plugins</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ENDIF plugins.length -->
|
||||
<!-- IF env -->
|
||||
<div class="sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header"><i class="fa fa-fw fa-th"></i> Development</li>
|
||||
<li><a href="{relative_path}/admin/development/logger">Logger</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ENDIF env -->
|
||||
</form>
|
||||
</ul>
|
||||
<ul id="main-menu">
|
||||
<li class="menu-item">
|
||||
<a href="{relative_path}/admin/general/dashboard">Dashboard</a>
|
||||
</li>
|
||||
<li class="dropdown menu-item">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">General</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="{relative_path}/admin/general/homepage">Home Page</a></li>
|
||||
<li><a href="{relative_path}/admin/general/navigation">Navigation</a></li>
|
||||
<li><a href="{relative_path}/admin/general/languages">Languages</a></li>
|
||||
<li><a href="{relative_path}/admin/general/sounds">Sounds</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown menu-item">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Manage</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<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>
|
||||
</li>
|
||||
<li class="dropdown menu-item">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Settings</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<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>
|
||||
</li>
|
||||
<li class="dropdown menu-item">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Appearance</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<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>
|
||||
</li>
|
||||
<li class="dropdown menu-item">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Extend</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<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>
|
||||
</li>
|
||||
<!-- IF authentication.length -->
|
||||
<li class="dropdown menu-item">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Social Authentication</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<!-- BEGIN authentication -->
|
||||
<li>
|
||||
<a href="{relative_path}/admin{authentication.route}">{authentication.name}</a>
|
||||
</li>
|
||||
<!-- END authentication -->
|
||||
</ul>
|
||||
</li>
|
||||
<!-- ENDIF authentication.length -->
|
||||
<!-- IF plugins.length -->
|
||||
<li class="dropdown menu-item">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Plugins</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<!-- BEGIN plugins -->
|
||||
<li>
|
||||
<a href="{relative_path}/admin{plugins.route}">{plugins.name}</a>
|
||||
</li>
|
||||
<!-- END plugins -->
|
||||
<li class="divider"></li>
|
||||
<li data-link="1">
|
||||
<a href="{relative_path}/admin/extend/plugins">Install Plugins</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- ENDIF plugins.length -->
|
||||
<li class="dropdown menu-item">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Advanced</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
@ -1,27 +1,24 @@
|
||||
<!-- BEGIN themes -->
|
||||
<li 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>
|
||||
<div class="pull-right">
|
||||
<button class="btn btn-primary" data-action="use">Use</button>
|
||||
</div>
|
||||
<h4>{themes.name}</h4>
|
||||
<p>
|
||||
{themes.description}
|
||||
<div class="col-xs-4" data-type="{themes.type}" data-theme="{themes.id}"<!-- IF themes.css --> data-css="{themes.css}"<!-- ENDIF themes.css -->>
|
||||
<div class="theme-card mdl-card mdl-shadow--2dp">
|
||||
<div class="mdl-card__title mdl-card--expand" style="background-image: url('{themes.screenshot_url}');"></div>
|
||||
<div class="mdl-card__supporting-text">
|
||||
<h2 class="mdl-card__title-text">{themes.name}</h2>
|
||||
<p>
|
||||
{themes.description}
|
||||
</p>
|
||||
|
||||
<!-- IF themes.url -->
|
||||
(<a href="{themes.url}" target="_blank">Homepage</a>)
|
||||
<p>
|
||||
<a href="{themes.url}" target="_blank">Homepage</a>
|
||||
</p>
|
||||
<!-- ENDIF themes.url -->
|
||||
</p>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<!-- 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>
|
||||
<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>
|
||||
<h4>No Skin</h4>
|
||||
<p>Remove applied skin and revert back to the base colours</p>
|
||||
</li>
|
||||
<!-- ENDIF showRevert -->
|
||||
</div>
|
||||
<!-- END themes -->
|
||||
@ -1,17 +1,12 @@
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 acp-sidebar">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Save Settings</div>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<script>
|
||||
require(['admin/settings'], function(Settings) {
|
||||
Settings.prepare();
|
||||
Settings.init();
|
||||
Settings.populateTOC();
|
||||
});
|
||||
</script>
|
||||
|
||||
@ -1,38 +1,42 @@
|
||||
<!-- IMPORT admin/settings/header.tpl -->
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Guests</div>
|
||||
<div class="panel-body">
|
||||
<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>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-2 col-xs-12 settings-header">Guest Handles</div>
|
||||
<div class="col-sm-10 col-xs-12">
|
||||
<form role="form">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" data-field="allowGuestHandles"> <strong>Allow guest handles</strong>
|
||||
<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" (or the equivalent in the forum's selected language)
|
||||
</p>
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
|
||||
<input class="mdl-switch__input" type="checkbox" data-field="allowGuestHandles">
|
||||
<span class="mdl-switch__label"><strong>Allow guest handles</strong></span>
|
||||
</label>
|
||||
</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">
|
||||
<label>
|
||||
<input type="checkbox" data-field="allowGuestSearching"> <strong>Allow guests to search without logging in</strong>
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" data-field="allowGuestUserSearching"> <strong>Allow guests to search users without logging in</strong>
|
||||
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
|
||||
<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>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
</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