Зуев Егор / wiki.dev

Go to a project
Toggle navigation
Toggle navigation pinning
Dan Brown
d990c3ce 1 parent 713827f9

Cleaned and organised many css/js files

Inline Side-by-side
Showing 31 changed files with 636 additions and 638 deletions
......@@ -15,5 +15,5 @@ elixir(function(mix) {
mix.sass('styles.scss');
mix.scripts('image-manager.js', 'public/js/image-manager.js');
mix.scripts('book-dashboard.js', 'public/js/book-dashboard.js');
mix.scripts('jquery-extensions.js', 'public/js/jquery-extensions.js');
mix.scripts(['jquery-extensions.js', 'global.js'], 'public/js/common.js');
});
......
$(function () {
$('.notification').click(function () {
$(this).fadeOut(100);
});
// Dropdown toggles
$('[data-dropdown]').dropDown();
});
\ No newline at end of file
// Smooth scrolling
jQuery.fn.smoothScrollTo = function() {
if(this.length === 0) return;
$('body').animate({
......@@ -6,12 +7,15 @@ jQuery.fn.smoothScrollTo = function() {
}, 800); // Adjust to change animations speed (ms)
return this;
};
// Making contains text expression not worry about casing
$.expr[":"].contains = $.expr.createPseudo(function(arg) {
return function( elem ) {
return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
};
});
// Show a success message after the element it's called upon.
jQuery.fn.showSuccess = function (message) {
var elem = $(this);
var success = $('<div class="text-pos" style="display:none;"><i class="zmdi zmdi-check-circle"></i>' + message + '</div>');
......@@ -25,6 +29,7 @@ jQuery.fn.showSuccess = function (message) {
});
};
// Show a failure messages from laravel. Searches for the name of the inputs.
jQuery.fn.showFailure = function (messageMap) {
var elem = $(this);
$.each(messageMap, function (key, messages) {
......@@ -42,6 +47,20 @@ jQuery.fn.showFailure = function (messageMap) {
};
// Submit the form that the called upon element sits in.
jQuery.fn.submitForm = function() {
$(this).closest('form').submit();
};
// Dropdown menu display
jQuery.fn.dropDown = function() {
var container = $(this),
menu = container.find('ul');
container.find('[data-dropdown-toggle]').on('click', function() {
menu.show().addClass('anim menuIn');
container.mouseleave(function() {
menu.hide();
menu.removeClass('anim menuIn');
});
});
};
\ No newline at end of file
......
......@@ -90,6 +90,12 @@ input[type="text"], input[type="number"], input[type="email"], input[type="searc
}
}
.page-title input {
display: block;
width: 100%;
font-size: 1.4em;
}
.description-input textarea {
@extend .inline-input-style;
font-size: $fs-m;
......
/** Flexbox styling rules **/
body.flexbox {
display: flex;
flex-direction: column;
align-items: stretch;
height: 100%;
min-height: 100%;
max-height: 100%;
overflow: hidden;
#content {
flex: 1;
display: flex;
}
}
.flex-fill {
display: flex;
align-items: stretch;
.flex, &.flex {
flex: 1;
}
}
/** Rules for all columns */
div[class^="col-"] img {
max-width: 100%;
......@@ -13,6 +36,20 @@ div[class^="col-"] img {
&.fluid {
max-width: 100%;
}
&.small {
max-width: 840px;
}
}
.center-box {
margin: 15vh auto 0 auto;
padding: $-m $-xxl $-xl*2 $-xxl;
max-width: 346px;
&.login {
background-color: #EEE;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #DDD;
}
}
.row {
......@@ -29,6 +66,7 @@ div[class^="col-"] img {
.block {
display: block;
position: relative;
}
.inline {
......
/**
* Includes the main navigation header and the faded toolbar.
*/
header {
display: block;
z-index: 2;
top: 0;
background-color: $primary-dark;
color: #fff;
.padded {
padding: $-m;
}
border-bottom: 1px solid #DDD;
//margin-bottom: $-l;
.links {
display: inline-block;
vertical-align: top;
margin-right: $-xl;
}
.links a {
display: inline-block;
padding: $-l;
color: #FFF;
&:last-child {
padding-right: 0;
}
}
.avatar, .user-name {
display: inline-block;
}
.avatar {
margin-top: (45px/2);
width: 30px;
height: 30px;
}
.user-name {
vertical-align: top;
padding-top: 25.5px;
padding-left: $-m;
display: inline-block;
cursor: pointer;
i {
padding-left: $-xs;
}
}
}
form.search-box {
margin-top: $-l *0.9;
display: inline-block;
position: relative;
text-align: left;
input {
background-color: transparent;
border-radius: 0;
border: none;
border-bottom: 2px solid #EEE;
color: #EEE;
padding-right: $-l;
outline: 0;
}
button {
vertical-align: top;
margin-left: -$-l;
color: #FFF;
top: 0;
right: 0;
display: inline-block;
position: absolute;
&:hover {
color: #FFF;
}
}
}
.logo {
display: inline-block;
font-size: 1.8em;
color: #fff;
font-weight: 400;
padding: $-l $-l $-l 0;
vertical-align: top;
line-height: 1;
&:hover {
color: #FFF;
text-decoration: none;
}
}
.dropdown-container {
display: inline-block;
vertical-align: top;
position: relative;
}
.dropdown-container ul {
display: none;
position: absolute;
z-index: 999;
top: 0;
left: 0;
margin: $-m 0;
background-color: #FFFFFF;
list-style: none;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
border-radius: 1px;
border: 1px solid #EEE;
min-width: 180px;
padding: $-xs 0;
color: #555;
a {
display: block;
padding: $-xs $-m;
color: #555;
&:hover {
text-decoration: none;
background-color: #EEE;
}
i {
margin-right: $-m;
padding-right: 0;
display: inline;
width: 22px;
}
}
li.border-bottom {
border-bottom: 1px solid #DDD;
}
}
.breadcrumbs span.sep {
color: #aaa;
padding: 0 $-xs;
}
.faded {
a, button, span {
color: #666;
}
.text-button {
opacity: 0.5;
transition: all ease-in-out 120ms;
&:hover {
opacity: 1;
text-decoration: none;
}
}
}
.faded-small {
color: #000;
font-size: 0.9em;
background-color: rgba(21, 101, 192, 0.15);
}
.breadcrumbs .text-button, .action-buttons .text-button {
display: inline-block;
padding: $-s;
&:last-child {
padding-right: 0;
}
}
.action-buttons {
text-align: right;
&.text-left {
text-align: left;
.text-button {
padding-right: $-m;
padding-left: 0;
}
}
}
.setting-nav {
text-align: center;
a {
padding: $-m;
display: inline-block;
color: #666;
&.selected {
border-bottom: 2px solid $primary;
}
}
}
\ No newline at end of file
.overlay {
background-color: rgba(0, 0, 0, 0.2);
position: fixed;
display: none;
z-index: 95536;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.image-manager-body {
background-color: #FFF;
max-height: 90%;
width: 90%;
height: 90%;
margin: 2% 5%;
//border: 2px solid $primary;
border-radius: 4px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
overflow: hidden;
......@@ -245,7 +259,7 @@
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: scale(1);
transform: scale(1);
border-radius: 8px;
overflow: hidden; }
.dz-preview .dz-progress .dz-upload {
......
.page-list {
h3 {
margin: $-l 0 $-m 0;
}
a.chapter {
color: $color-chapter;
}
.inset-list {
display: block;
overflow: hidden;
// padding-left: $-m;
margin-bottom: $-l;
}
h4 {
display: block;
margin: $-s 0 0 0;
border-left: 5px solid $color-page;
padding: $-xs 0 $-xs $-m;
}
hr {
margin-top: 0;
}
.book-child {
padding-left: $-l;
&.page {
border-left: 5px solid $color-page;
}
&.chapter {
border-left: 5px solid $color-chapter;
}
}
}
.chapter-toggle {
cursor: pointer;
margin: 0 0 $-l 0;
transition: all ease-in-out 180ms;
i {
transition: all ease-in-out 180ms;
transform: rotate(0deg);
transform-origin: 25% 50%;
}
&.open {
margin-bottom: 0;
}
&.open i {
transform: rotate(90deg);
}
}
.page-nav-list {
$nav-indent: $-s;
margin-left: 2px;
list-style: none;
li {
//border-left: 1px solid rgba(0, 0, 0, 0.1);
padding-left: $-xs;
border-left: 2px solid #888;
margin-bottom: 4px;
}
li a {
color: #555;
}
.nav-H2 {
margin-left: $nav-indent;
font-size: 0.95em;
}
.nav-H3 {
margin-left: $nav-indent*2;
font-size: 0.90em
}
.nav-H4 {
margin-left: $nav-indent*3;
font-size: 0.85em
}
.nav-H5 {
margin-left: $nav-indent*4;
font-size: 0.80em
}
.nav-H6 {
margin-left: $nav-indent*5;
font-size: 0.75em
}
}
// Sidebar list
.book-tree {
margin-top: $-xl;
}
.book-tree h4 {
padding: $-m $-s 0 $-s;
i {
padding-right: $-s;
}
}
.book-tree .sidebar-page-list {
list-style: none;
margin: 0;
margin-top: $-xs;
border-left: 5px solid $color-book;
li a {
display: block;
border-bottom: none;
padding-left: $-s;
padding: $-xs 0 $-xs $-s;
&:hover {
background-color: rgba(255, 255, 255, 0.2);
text-decoration: none;
}
}
li, a {
display: block;
}
a.bold {
color: #EEE !important;
}
ul {
list-style: none;
margin: 0;
}
.book {
color: $color-book !important;
&.selected {
background-color: rgba($color-book, 0.29);
}
}
.chapter {
color: $color-chapter !important;
&.selected {
background-color: rgba($color-chapter, 0.12);
}
}
.list-item-chapter {
border-left: 5px solid $color-chapter;
margin: 10px 10px;
display: block;
}
.list-item-page {
border-bottom: none;
}
.page {
color: $color-page !important;
border-left: 5px solid $color-page;
margin: 10px 10px;
border-bottom: none;
&.selected {
background-color: rgba($color-page, 0.1);
}
}
}
// Sortable Lists
.sortable-page-list, .sortable-page-list ul {
list-style: none;
}
.sortable-page-list {
margin-left: 0;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
ul {
margin-bottom: 0;
margin-top: 0;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
}
li {
border: 1px solid #DDD;
padding: $-xs $-s;
margin-top: -1px;
min-height: 38px;
&.text-chapter {
border-left: 2px solid $color-chapter;
}
&.text-page {
border-left: 2px solid $color-page;
}
}
li:first-child {
margin-top: $-xs;
}
}
.sortable-page-list li.placeholder {
position: relative;
}
.sortable-page-list li.placeholder:before {
position: absolute;
}
.activity-list-item {
padding: $-s 0;
color: #888;
border-bottom: 1px solid #EEE;
font-size: 0.9em;
.left {
float: left;
}
.left + .right {
margin-left: 30px + $-s;
}
}
\ No newline at end of file
.page-editor {
display: flex;
flex-direction: column;
align-items: stretch;
.faded-small {
height: auto;
}
.edit-area {
flex: 1;
flex-direction: column;
}
}
.page-style.editor {
padding: 0 !important;
}
.page-content {
max-width: 840px;
img {
max-width: 100%;
height:auto;
}
}
// Link hooks & popovers
a.link-hook {
position: absolute;
display: inline-block;
top: $-xs;
left: -$-l;
padding-bottom: 30px;
font-size: 20px;
line-height: 20px;
color: #BBB;
opacity: 0;
transform: translate3d(10px, 0, 0);
transition: all ease-in-out 240ms;
background-color: transparent;
&:hover {
color: $primary;
}
}
h1, h2, h3, h4, h5, h6 {
&:hover a.link-hook {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
// Side Navigation
.side-nav {
position: fixed;
padding-left: $-m;
opacity: 0.8;
margin-top: $-xxl;
margin-left: 0;
max-width: 240px;
display: none;
}
\ No newline at end of file
......@@ -12,6 +12,9 @@ $m: 800px;
$s: 600px;
$xs: 400px;
$xxs: 360px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-sm: 768px;
// Spacing (Margins+Padding)
$-xxxl: 64px;
......
......@@ -11,437 +11,9 @@
@import "animations";
@import "tinymce";
@import "image-manager";
header {
display: block;
z-index: 2;
top: 0;
background-color: $primary-dark;
color: #fff;
.padded {
padding: $-m;
}
border-bottom: 1px solid #DDD;
//margin-bottom: $-l;
.links {
display: inline-block;
vertical-align: top;
margin-right: $-xl;
}
.links a {
display: inline-block;
padding: $-l;
color: #FFF;
&:last-child {
padding-right: 0;
}
}
.avatar, .user-name {
display: inline-block;
}
.avatar {
margin-top: (45px/2);
width: 30px;
height: 30px;
}
.user-name {
vertical-align: top;
padding-top: 25.5px;
padding-left: $-m;
display: inline-block;
cursor: pointer;
i {
padding-left: $-xs;
}
}
}
form.search-box {
margin-top: $-l *0.9;
display: inline-block;
position: relative;
input {
background-color: transparent;
border-radius: 0;
border: none;
border-bottom: 2px solid #EEE;
color: #EEE;
padding-right: $-l;
outline: 0;
}
a {
vertical-align: top;
margin-left: -$-l;
color: #FFF;
top: 0;
display: inline-block;
position: absolute;
}
}
#content {
display: block;
position: relative;
}
body.flexbox {
display: flex;
flex-direction: column;
align-items: stretch;
height: 100%;
min-height: 100%;
max-height: 100%;
overflow: hidden;
#content {
flex: 1;
display: flex;
}
}
.flex-fill {
display: flex;
align-items: stretch;
.flex, &.flex {
flex: 1;
}
}
.page-editor {
display: flex;
flex-direction: column;
align-items: stretch;
.faded-small {
height: auto;
}
.edit-area {
flex: 1;
flex-direction: column;
}
}
.logo {
display: inline-block;
font-size: 1.8em;
color: #fff;
font-weight: 400;
padding: $-l $-l $-l 0;
vertical-align: top;
line-height: 1;
&:hover {
color: #FFF;
text-decoration: none;
}
}
.page-title input {
display: block;
width: 100%;
font-size: 1.4em;
}
.page-style {
padding: $-s $-xxl $-xxl $-xxl;
margin-bottom: $-xxl;
max-width: 100%;
}
.page-style.editor {
padding: 0 !important;
}
.page-content {
@extend .page-style;
min-height: 70vh;
max-width: 840px;
margin-left: auto;
margin-right: auto;
&.right {
float: right;
}
&.left {
float: left;
}
img {
max-width: 100%;
height:auto;
}
}
.page-list {
h3 {
margin: $-l 0 $-m 0;
}
a.chapter {
color: $color-chapter;
}
.inset-list {
display: block;
overflow: hidden;
// padding-left: $-m;
margin-bottom: $-l;
}
h4 {
display: block;
margin: $-s 0 0 0;
border-left: 5px solid $color-page;
padding: $-xs 0 $-xs $-m;
}
hr {
margin-top: 0;
}
.book-child {
padding-left: $-l;
&.page {
border-left: 5px solid $color-page;
}
&.chapter {
border-left: 5px solid $color-chapter;
}
}
}
.chapter-toggle {
cursor: pointer;
margin: 0 0 $-l 0;
transition: all ease-in-out 180ms;
i {
transition: all ease-in-out 180ms;
transform: rotate(0deg);
transform-origin: 25% 50%;
}
&.open {
margin-bottom: 0;
}
&.open i {
transform: rotate(90deg);
}
}
.side-nav {
position: fixed;
padding-left: $-m;
opacity: 0.8;
margin-top: $-xxl;
margin-left: 0;
max-width: 240px;
display: none;
}
.page-nav-list {
$nav-indent: $-s;
margin-left: 2px;
list-style: none;
li {
//border-left: 1px solid rgba(0, 0, 0, 0.1);
padding-left: $-xs;
border-left: 2px solid #888;
margin-bottom: 4px;
}
li a {
color: #555;
}
.nav-H2 {
margin-left: $nav-indent;
font-size: 0.95em;
}
.nav-H3 {
margin-left: $nav-indent*2;
font-size: 0.90em
}
.nav-H4 {
margin-left: $nav-indent*3;
font-size: 0.85em
}
.nav-H5 {
margin-left: $nav-indent*4;
font-size: 0.80em
}
.nav-H6 {
margin-left: $nav-indent*5;
font-size: 0.75em
}
}
.overlay {
background-color: rgba(0, 0, 0, 0.2);
position: fixed;
display: none;
z-index: 95536;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
// Link hooks & popovers
a.link-hook {
position: absolute;
display: inline-block;
top: $-xs;
left: -$-l;
padding-bottom: 30px;
font-size: 20px;
line-height: 20px;
color: #BBB;
opacity: 0;
transform: translate3d(10px, 0, 0);
transition: all ease-in-out 240ms;
background-color: transparent;
&:hover {
color: $primary;
}
}
h1, h2, h3, h4, h5, h6 {
&:hover a.link-hook {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.breadcrumbs span.sep {
color: #aaa;
padding: 0 $-xs;
}
.faded {
a, button, span {
color: #666;
}
.text-button {
opacity: 0.5;
transition: all ease-in-out 120ms;
&:hover {
opacity: 1;
text-decoration: none;
}
}
}
.faded-small {
color: #000;
font-size: 0.9em;
background-color: rgba(21, 101, 192, 0.15);
}
.breadcrumbs .text-button, .action-buttons .text-button {
display: inline-block;
padding: $-s;
&:last-child {
padding-right: 0;
}
}
.action-buttons {
text-align: right;
&.text-left {
text-align: left;
.text-button {
padding-right: $-m;
padding-left: 0;
}
}
}
.book-tree {
margin-top: $-xl;
}
.book-tree h4 {
padding: $-m $-s 0 $-s;
i {
padding-right: $-s;
}
}
// Sidebar list
.book-tree .sidebar-page-list {
list-style: none;
margin: 0;
margin-top: $-xs;
border-left: 5px solid $color-book;
li a {
display: block;
border-bottom: none;
padding-left: $-s;
padding: $-xs 0 $-xs $-s;
&:hover {
background-color: rgba(255, 255, 255, 0.2);
text-decoration: none;
}
}
li, a {
display: block;
}
a.bold {
color: #EEE !important;
}
ul {
list-style: none;
margin: 0;
}
.book {
color: $color-book !important;
&.selected {
background-color: rgba($color-book, 0.29);
}
}
.chapter {
color: $color-chapter !important;
&.selected {
background-color: rgba($color-chapter, 0.12);
}
}
.list-item-chapter {
border-left: 5px solid $color-chapter;
margin: 10px 10px;
display: block;
}
.list-item-page {
border-bottom: none;
}
.page {
color: $color-page !important;
border-left: 5px solid $color-page;
margin: 10px 10px;
border-bottom: none;
&.selected {
background-color: rgba($color-page, 0.1);
}
}
}
// Sortable Lists
.sortable-page-list, .sortable-page-list ul {
list-style: none;
}
.sortable-page-list {
margin-left: 0;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
ul {
margin-bottom: 0;
margin-top: 0;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
}
li {
border: 1px solid #DDD;
padding: $-xs $-s;
margin-top: -1px;
min-height: 38px;
&.text-chapter {
border-left: 2px solid $color-chapter;
}
&.text-page {
border-left: 2px solid $color-page;
}
}
li:first-child {
margin-top: $-xs;
}
}
@import "header";
@import "lists";
@import "pages";
// Jquery Sortable Styles
.dragged {
......@@ -449,46 +21,16 @@ h1, h2, h3, h4, h5, h6 {
opacity: 0.5;
z-index: 2000;
}
body.dragging, body.dragging * {
cursor: move !important;
}
.sortable-page-list li.placeholder {
position: relative;
}
.sortable-page-list li.placeholder:before {
position: absolute;
}
.center-box {
margin: 15vh auto 0 auto;
padding: $-m $-xxl $-xl*2 $-xxl;
max-width: 346px;
&.login {
background-color: #EEE;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #DDD;
}
}
.activity-list-item {
padding: $-s 0;
color: #888;
border-bottom: 1px solid #EEE;
font-size: 0.9em;
.left {
float: left;
}
.left + .right {
margin-left: 30px + $-s;
}
}
// User Avatar Images
.avatar {
border-radius: 100%;
}
// System wide notifications
.notification {
position: fixed;
top: 0;
......@@ -498,7 +40,7 @@ body.dragging, body.dragging * {
background-color: #EEE;
border-radius: 3px;
box-shadow: $bs-med;
z-index: 99999999;
z-index: 999999;
display: table;
cursor: pointer;
max-width: 480px;
......@@ -522,59 +64,7 @@ body.dragging, body.dragging * {
}
}
.setting-nav {
text-align: center;
a {
padding: $-m;
display: inline-block;
//color: #666;
&.selected {
//color: $primary;
border-bottom: 2px solid $primary;
}
}
}
.dropdown-container {
display: inline-block;
vertical-align: top;
position: relative;
}
ul.dropdown {
display: none;
position: absolute;
z-index: 999;
top: 0;
left: 0;
margin: $-m 0;
background-color: #FFFFFF;
list-style: none;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
border-radius: 1px;
border: 1px solid #EEE;
min-width: 180px;
padding: $-xs 0;
color: #555;
a {
display: block;
padding: $-xs $-m;
color: #555;
&:hover {
text-decoration: none;
background-color: #EEE;
}
i {
margin-right: $-m;
padding-right: 0;
display: inline;
width: 22px;
}
}
li.border-bottom {
border-bottom: 1px solid #DDD;
}
}
// Search results
.search-results > h3 a {
font-size: 0.66em;
color: $primary;
......
......@@ -14,10 +14,9 @@
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="/js/jquery-extensions.js"></script>
<script src="/bower/bootstrap/dist/js/bootstrap.js"></script>
<script src="/bower/jquery-sortable/source/js/jquery-sortable.js"></script>
<script src="/bower/dropzone/dist/min/dropzone.min.js"></script>
<script src="/js/common.js"></script>
<script src="/bower/vue/dist/vue.min.js"></script>
<script src="/bower/vue-resource/dist/vue-resource.min.js"></script>
......@@ -40,16 +39,16 @@
<header id="header">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="col-md-4">
<a href="/" class="logo">{{ Setting::get('app-name', 'BookStack') }}</a>
</div>
<div class="col-md-3 text-right">
<div class="col-md-4 text-center">
<form action="/search/all" method="GET" class="search-box">
<input type="text" name="term" tabindex="2" value="{{ isset($searchTerm) ? $searchTerm : '' }}">
<a onclick="$(this).closest('form').submit();"><i class="zmdi zmdi-search"></i></a>
<button class="text-button"><i class="zmdi zmdi-search"></i></button>
</form>
</div>
<div class="col-md-6">
<div class="col-md-4">
<div class="float right">
<div class="links text-center">
<a href="/books"><i class="zmdi zmdi-book"></i>Books</a>
......@@ -63,7 +62,7 @@
<span class="user-name" data-dropdown-toggle>
{{ $currentUser->name }} <i class="zmdi zmdi-caret-down"></i>
</span>
<ul class="dropdown">
<ul>
<li>
<a href="/users/{{$currentUser->id}}" class="text-primary"><i class="zmdi zmdi-edit zmdi-hc-lg"></i>Edit Profile</a>
</li>
......@@ -80,32 +79,10 @@
</div>
</header>
<section id="content">
<section id="content" class="block">
@yield('content')
</section>
@yield('bottom')
<script>
$(function() {
$('.notification').click(function() {
$(this).fadeOut(100);
});
// Dropdown toggles
$('[data-dropdown-toggle]').click(function() {
var toggleButton = $(this);
var container = toggleButton.closest('[data-dropdown]');
var dropdown = container.find('.dropdown');
dropdown.show().addClass('anim menuIn');
container.mouseleave(function() {
dropdown.hide();
dropdown.removeClass('anim menuIn');
});
});
});
</script>
</body>
</html>
......
......@@ -2,7 +2,7 @@
@section('content')
<div class="page-content">
<div class="container small">
<h1>Create New Book</h1>
<form action="/books" method="POST">
@include('books/form')
......
......@@ -2,7 +2,7 @@
@section('content')
<div class="page-content">
<div class="container small">
<h1>Delete Book</h1>
<p>This will delete the book with the name '{{$book->name}}', All pages and chapters will be removed.</p>
<p class="text-neg">Are you sure you want to delete this book?</p>
......
......@@ -2,7 +2,7 @@
@section('content')
<div class="page-content">
<div class="container small">
<h1>Edit Book</h1>
<form action="/books/{{$book->slug}}" method="POST">
<input type="hidden" name="_method" value="PUT">
......
......@@ -24,10 +24,7 @@
<h1>Books</h1>
@if(count($books) > 0)
@foreach($books as $book)
<div class="book">
<h3><a href="{{$book->getUrl()}}">{{$book->name}}</a></h3>
<p class="text-muted">{{$book->description}}</p>
</div>
@include('books/list-item', ['book' => $book])
<hr>
@endforeach
@else
......
<div class="book">
<h3 class="text-book"><a class="text-book" href="{{$book->getUrl()}}"><i class="zmdi zmdi-book"></i>{{$book->name}}</a></h3>
<p class="text-muted">{{$book->description}}</p>
</div>
\ No newline at end of file
......@@ -2,7 +2,7 @@
@section('content')
<div class="page-content">
<div class="container small">
<h1>Create New Chapter</h1>
<form action="{{$book->getUrl()}}/chapter/create" method="POST">
@include('chapters/form')
......
......@@ -2,7 +2,7 @@
@section('content')
<div class="page-content">
<div class="container small">
<h1>Delete Chapter</h1>
<p>This will delete the chapter with the name '{{$chapter->name}}', All pages will be removed
and added directly to the book.</p>
......
......@@ -2,7 +2,7 @@
@section('content')
<div class="page-content">
<div class="container small">
<h1>Edit Chapter</h1>
<form action="{{$chapter->getUrl()}}" method="POST">
<input type="hidden" name="_method" value="PUT">
......
......@@ -30,50 +30,48 @@
<div class="container">
<div class="row">
<div class="col-md-3">
@include('pages/sidebar-tree-list', ['book' => $book])
</div>
<div class="col-md-9">
<div class="page-content">
<h1>{{ $chapter->name }}</h1>
<p class="text-muted">{{ $chapter->description }}</p>
<div class="col-md-8">
<h1>{{ $chapter->name }}</h1>
<p class="text-muted">{{ $chapter->description }}</p>
@if(count($chapter->pages) > 0)
<div class="page-list">
<hr>
@foreach($chapter->pages as $page)
<div >
<h3>
<a href="{{ $page->getUrl() }}">
<i class="zmdi zmdi-file-text"></i>{{ $page->name }}
</a>
</h3>
<p class="text-muted">
{{$page->getExcerpt(180)}}
</p>
</div>
<hr>
@endforeach
</div>
@else
<hr>
<p class="text-muted">No pages are currently in this chapter.</p>
<p>
<a href="{{$chapter->getUrl() . '/create-page'}}" class="text-page"><i class="zmdi zmdi-file-text"></i>Create a new page</a>
&nbsp;&nbsp;<em class="text-muted">-or-</em>&nbsp;&nbsp;&nbsp;
<a href="{{$book->getUrl() . '/sort'}}" class="text-book"><i class="zmdi zmdi-book"></i>Sort the current book</a>
</p>
@if(count($chapter->pages) > 0)
<div class="page-list">
<hr>
@endif
<p class="text-muted small">
Created {{$chapter->created_at->diffForHumans()}} @if($chapter->createdBy) by {{$chapter->createdBy->name}} @endif
<br>
Last Updated {{$chapter->updated_at->diffForHumans()}} @if($chapter->createdBy) by {{$chapter->updatedBy->name}} @endif
@foreach($chapter->pages as $page)
<div >
<h3>
<a href="{{ $page->getUrl() }}">
<i class="zmdi zmdi-file-text"></i>{{ $page->name }}
</a>
</h3>
<p class="text-muted">
{{$page->getExcerpt(180)}}
</p>
</div>
<hr>
@endforeach
</div>
@else
<hr>
<p class="text-muted">No pages are currently in this chapter.</p>
<p>
<a href="{{$chapter->getUrl() . '/create-page'}}" class="text-page"><i class="zmdi zmdi-file-text"></i>Create a new page</a>
&nbsp;&nbsp;<em class="text-muted">-or-</em>&nbsp;&nbsp;&nbsp;
<a href="{{$book->getUrl() . '/sort'}}" class="text-book"><i class="zmdi zmdi-book"></i>Sort the current book</a>
</p>
</div>
<hr>
@endif
<p class="text-muted small">
Created {{$chapter->created_at->diffForHumans()}} @if($chapter->createdBy) by {{$chapter->createdBy->name}} @endif
<br>
Last Updated {{$chapter->updated_at->diffForHumans()}} @if($chapter->createdBy) by {{$chapter->updatedBy->name}} @endif
</p>
</div>
</div>
<div class="col-md-3 col-md-offset-1">
@include('pages/sidebar-tree-list', ['book' => $book])
</div>
</div>
......
......@@ -9,10 +9,7 @@
<h2>Books</h2>
@if(count($books) > 0)
@foreach($books as $book)
<div class="book">
<h3><a href="{{$book->getUrl()}}">{{$book->name}}</a></h3>
<p class="text-muted">{{$book->description}}</p>
</div>
@include('books/list-item', ['book' => $book])
<hr>
@endforeach
@else
......
......@@ -2,7 +2,7 @@
@section('content')
<div class="page-content">
<div class="container small">
<h1>Delete Page</h1>
<p class="text-neg">Are you sure you want to delete this page?</p>
......
......@@ -17,7 +17,7 @@
</div>
<div class="page-content">
<div class="container small">
<h1>Page Revisions <span class="subheader">For "{{ $page->name }}"</span></h1>
@if(count($page->revisions) > 0)
......
......@@ -35,14 +35,6 @@
<div class="container">
<div class="row">
<div class="col-md-3">
@include('pages/sidebar-tree-list', ['book' => $book])
<div class="side-nav faded">
<h4>Page Navigation</h4>
<ul class="page-nav-list">
</ul>
</div>
</div>
<div class="col-md-9">
<div class="page-content anim fadeIn">
@include('pages/page-display')
......@@ -54,6 +46,14 @@
</p>
</div>
</div>
<div class="col-md-3">
@include('pages/sidebar-tree-list', ['book' => $book])
<div class="side-nav faded">
<h4>Page Navigation</h4>
<ul class="page-nav-list">
</ul>
</div>
</div>
</div>
</div>
......
......@@ -2,7 +2,7 @@
@section('content')
<div class="page-content">
<div class="container small">
<h1>Sorting Pages & Chapters<span class="subheader">For {{ $book->name }}</span></h1>
<ul class="sortable-page-list" id="sort-list">
......
......@@ -4,25 +4,26 @@
@include('settings/navbar', ['selected' => 'settings'])
<div class="page-content">
<h1>Settings</h1>
<div class="container small">
<form action="/settings" method="POST">
{!! csrf_field() !!}
<div class="form-group">
<label for="setting-app-name">Application Name</label>
<input type="text" value="{{ Setting::get('app-name') }}" name="setting-app-name" id="setting-app-name">
</div>
<div class="form-group">
<label for="setting-app-public">Allow public viewing?</label>
<label><input type="radio" name="setting-app-public" @if(Setting::get('app-public') == 'true') checked @endif value="true"> Yes</label>
<label><input type="radio" name="setting-app-public" @if(Setting::get('app-public') == 'false') checked @endif value="false"> No</label>
</div>
<div class="form-group">
<button type="submit" class="button pos">Update Settings</button>
</div>
</form>
<h1>Settings</h1>
</div>
<form action="/settings" method="POST">
{!! csrf_field() !!}
<div class="form-group">
<label for="setting-app-name">Application Name</label>
<input type="text" value="{{ Setting::get('app-name') }}" name="setting-app-name" id="setting-app-name">
</div>
<div class="form-group">
<label for="setting-app-public">Allow public viewing?</label>
<label><input type="radio" name="setting-app-public" @if(Setting::get('app-public') == 'true') checked @endif value="true"> Yes</label>
<label><input type="radio" name="setting-app-public" @if(Setting::get('app-public') == 'false') checked @endif value="false"> No</label>
</div>
<div class="form-group">
<button type="submit" class="button pos">Update Settings</button>
</div>
</form>
</div>
@stop
\ No newline at end of file
......
......@@ -3,7 +3,7 @@
@section('content')
<div class="page-content">
<div class="container small">
<h1>Create User</h1>
<form action="/users/create" method="post">
......
......@@ -2,7 +2,7 @@
@section('content')
<div class="page-content">
<div class="container small">
<h1>Delete User</h1>
<p>This will fully delete this user with the name '<span class="text-neg">{{$user->name}}</span>' from the system.</p>
<p class="text-neg">Are you sure you want to delete this user?</p>
......
......@@ -18,7 +18,7 @@
<div class="page-content">
<div class="container small">
<div class="row">
<div class="col-md-6">
......
......@@ -5,7 +5,8 @@
@include('settings/navbar', ['selected' => 'users'])
<div class="page-content">
<div class="container small">
<h1>Users</h1>
@if($currentUser->can('user-create'))
<p>
......@@ -25,9 +26,9 @@
<td>
@if($currentUser->can('user-update') || $currentUser->id == $user->id)
<a href="/users/{{$user->id}}">
@endif
@endif
{{$user->name}}
@if($currentUser->can('user-update') || $currentUser->id == $user->id)
@if($currentUser->can('user-update') || $currentUser->id == $user->id)
</a>
@endif
</td>
......