├── .gitignore ├── start.bat ├── logs └── readme.txt ├── frontend ├── img │ ├── favicon.ico │ ├── ajax-loader.gif │ ├── sidebar-1.jpg │ ├── sidebar-2.jpg │ ├── sidebar-3.jpg │ ├── sidebar-4.jpg │ └── sidebar-5.jpg ├── sass │ ├── lbd │ │ ├── mixins │ │ │ ├── _tabs.scss │ │ │ ├── _cards.scss │ │ │ ├── _navbars.scss │ │ │ ├── _icons.scss │ │ │ ├── _inputs.scss │ │ │ ├── _transparency.scss │ │ │ ├── _labels.scss │ │ │ ├── _social-buttons.scss │ │ │ ├── _morphing-buttons.scss │ │ │ ├── _buttons.scss │ │ │ ├── _chartist.scss │ │ │ └── _vendor-prefixes.scss │ │ ├── _mixins.scss │ │ ├── _tables.scss │ │ ├── _misc.scss │ │ ├── _footers.scss │ │ ├── _alerts.scss │ │ ├── _typography.scss │ │ ├── _buttons.scss │ │ ├── _dropdown.scss │ │ ├── _inputs.scss │ │ ├── _cards.scss │ │ ├── _checkbox-radio-switch.scss │ │ ├── _sidebar-and-main-panel.scss │ │ ├── _chartist.scss │ │ ├── _navbars.scss │ │ ├── _variables.scss │ │ └── _responsive.scss │ └── light-bootstrap-dashboard.scss ├── fonts │ ├── Pe-icon-7-stroke.eot │ ├── Pe-icon-7-stroke.ttf │ ├── Pe-icon-7-stroke.woff │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── js │ ├── npm.js │ ├── angular │ │ ├── show-errors.min.js │ │ ├── angular-resource.min.js │ │ └── angular-resource.min.js.map │ └── light-bootstrap-dashboard.js ├── app │ ├── app.js │ ├── angular-toggle-switch.js │ └── services.js ├── css │ ├── style.css │ ├── angular-toggle-switch-bootstrap-3.css │ └── pe-icon-7-stroke.css ├── index.html ├── advanced.html ├── rules.html ├── help.html └── entrylist.html ├── settings.js ├── .gitattributes ├── package.json ├── acServerManager.bat ├── README.md └── README_Linux.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ -------------------------------------------------------------------------------- /start.bat: -------------------------------------------------------------------------------- 1 | node server.js 2 | pause -------------------------------------------------------------------------------- /logs/readme.txt: -------------------------------------------------------------------------------- 1 | Dated Assetto Corsa Server Logs -------------------------------------------------------------------------------- /frontend/img/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/img/favicon.ico -------------------------------------------------------------------------------- /frontend/img/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/img/ajax-loader.gif -------------------------------------------------------------------------------- /frontend/img/sidebar-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/img/sidebar-1.jpg -------------------------------------------------------------------------------- /frontend/img/sidebar-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/img/sidebar-2.jpg -------------------------------------------------------------------------------- /frontend/img/sidebar-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/img/sidebar-3.jpg -------------------------------------------------------------------------------- /frontend/img/sidebar-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/img/sidebar-4.jpg -------------------------------------------------------------------------------- /frontend/img/sidebar-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/img/sidebar-5.jpg -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_tabs.scss: -------------------------------------------------------------------------------- 1 | @mixin pill-style($color){ 2 | border: 1px solid $color; 3 | color: $color; 4 | } -------------------------------------------------------------------------------- /frontend/fonts/Pe-icon-7-stroke.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/fonts/Pe-icon-7-stroke.eot -------------------------------------------------------------------------------- /frontend/fonts/Pe-icon-7-stroke.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/fonts/Pe-icon-7-stroke.ttf -------------------------------------------------------------------------------- /frontend/fonts/Pe-icon-7-stroke.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/fonts/Pe-icon-7-stroke.woff -------------------------------------------------------------------------------- /frontend/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /frontend/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /frontend/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /frontend/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jo3stevens/ACServerManager/HEAD/frontend/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /settings.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | serverPath: '../server/', 3 | contentPath: '', 4 | sTrackerPath: '', 5 | username: '', 6 | password: '', 7 | port: 42555 8 | }; -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_cards.scss: -------------------------------------------------------------------------------- 1 | @mixin filter($color){ 2 | @if $color == #FFFFFF{ 3 | background-color: rgba($color,.91); 4 | } @else { 5 | background-color: rgba($color,.69); 6 | } 7 | } 8 | 9 | -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_navbars.scss: -------------------------------------------------------------------------------- 1 | @mixin navbar-color($color){ 2 | background-color: $color; 3 | } 4 | 5 | @mixin center-item(){ 6 | left: 0; 7 | right: 0; 8 | margin-right: auto; 9 | margin-left: auto; 10 | position: absolute; 11 | } -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_icons.scss: -------------------------------------------------------------------------------- 1 | @mixin icon-background ($icon-url){ 2 | background-image : url($icon-url); 3 | 4 | } 5 | 6 | @mixin icon-shape ($size, $padding, $border-radius) { 7 | height: $size; 8 | width: $size; 9 | padding: $padding; 10 | border-radius: $border-radius; 11 | display: inline-table; 12 | 13 | } -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Set the default behavior, in case people don't have core.autocrlf set. 2 | * text=auto 3 | 4 | # Declare files that will always have CRLF line endings on checkout. 5 | *.html text eol=crlf 6 | *.js text eol=crlf 7 | *.css text eol=crlf 8 | 9 | # Denote all files that are truly binary and should not be modified. 10 | *.png binary 11 | *.jpg binary 12 | *.ico binary 13 | *.gif binary 14 | -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_inputs.scss: -------------------------------------------------------------------------------- 1 | @mixin input-size($padding-vertical, $padding-horizontal, $height){ 2 | padding: $padding-vertical $padding-horizontal; 3 | height: $height; 4 | } 5 | 6 | @mixin placeholder($color, $opacity){ 7 | color: $color; 8 | @include opacity(1); 9 | } 10 | 11 | @mixin light-form(){ 12 | border-radius: 0; 13 | border:0; 14 | padding: 0; 15 | background-color: transparent; 16 | 17 | } -------------------------------------------------------------------------------- /frontend/sass/lbd/_mixins.scss: -------------------------------------------------------------------------------- 1 | //Utilities 2 | 3 | @import "mixins/transparency"; 4 | @import "mixins/vendor-prefixes"; 5 | 6 | 7 | //Components 8 | 9 | @import "mixins/buttons"; 10 | @import "mixins/inputs"; 11 | @import "mixins/labels"; 12 | @import "mixins/tabs"; 13 | 14 | @import "mixins/navbars"; 15 | @import "mixins/icons"; 16 | @import "mixins/social-buttons"; 17 | 18 | @import "mixins/morphing-buttons"; 19 | 20 | @import "mixins/cards"; 21 | 22 | @import "mixins/chartist"; -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_transparency.scss: -------------------------------------------------------------------------------- 1 | // Opacity 2 | 3 | @mixin opacity($opacity) { 4 | opacity: $opacity; 5 | // IE8 filter 6 | $opacity-ie: ($opacity * 100); 7 | filter: #{alpha(opacity=$opacity-ie)}; 8 | } 9 | 10 | @mixin black-filter($opacity){ 11 | top: 0; 12 | left: 0; 13 | height: 100%; 14 | width: 100%; 15 | position: absolute; 16 | background-color: rgba(17,17,17,$opacity); 17 | display: block; 18 | content: ""; 19 | z-index: 1; 20 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "acsm", 3 | "version": "0.0.3", 4 | "description": "Assetto Corsa Server Manager", 5 | "main": "server.js", 6 | "author": "Joe Stevens", 7 | "dependencies": { 8 | "express": "^4.14.1", 9 | "fs": "latest", 10 | "ini": "~1.3.4", 11 | "multi-ini": "~1.0.0", 12 | "body-parser": "~1.16.0", 13 | "child_process": "^1.0.2", 14 | "basic-auth-connect": "^1.0.0", 15 | "jsonfile": "^2.4.0", 16 | "util": "^0.10.3", 17 | "node.extend": "^1.1.6" 18 | } 19 | } -------------------------------------------------------------------------------- /frontend/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /frontend/app/app.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | angular 4 | .module('acServerManager', ['acServerManager.services', 'ui.bootstrap', 'ui.bootstrap.showErrors', 'toggle-switch']) 5 | 6 | .directive('stringToNumber', function() { 7 | return { 8 | require: 'ngModel', 9 | link: function(scope, element, attrs, ngModel) { 10 | ngModel.$parsers.push(function(value) { 11 | return '' + value; 12 | }); 13 | ngModel.$formatters.push(function(value) { 14 | return parseFloat(value, 10); 15 | }); 16 | } 17 | }; 18 | }); -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_labels.scss: -------------------------------------------------------------------------------- 1 | @mixin label-style(){ 2 | padding: $padding-label-vertical $padding-label-horizontal; 3 | border: 1px solid $default-color; 4 | border-radius: $border-radius-small; 5 | color: $default-color; 6 | font-weight: $font-weight-semi; 7 | font-size: $font-size-small; 8 | text-transform: uppercase; 9 | display: inline-block; 10 | vertical-align: middle; 11 | } 12 | 13 | @mixin label-color($color){ 14 | border-color: $color; 15 | color: $color; 16 | } 17 | @mixin label-color-fill($color){ 18 | border-color: $color; 19 | color: $white-color; 20 | background-color: $color; 21 | } -------------------------------------------------------------------------------- /acServerManager.bat: -------------------------------------------------------------------------------- 1 | @echo off 2 | cls 3 | cd content/tracks 4 | FOR /D %%G in (*) DO ( 5 | echo Removing existing ui folder for %%G 6 | rmdir "%~dp0server\content\tracks\%%G\ui\" /s /q 7 | echo Creating ui folder for %%G 8 | mkdir "%~dp0server\content\tracks\%%G\ui" 9 | echo Copying ui folder for %%G 10 | xcopy /s /e /y %%G\ui "%~dp0server\content\tracks\%%G\ui" 11 | ) 12 | cd ../cars 13 | FOR /D %%G in (*) DO ( 14 | echo Removing skins folder for %%G 15 | rmdir "%~dp0server\content\cars\%%G\skins\" /s /q 16 | echo Creating skins folder for %%G 17 | mkdir "%~dp0server\content\cars\%%G\skins" 18 | echo Copying skins directory structure for %%G 19 | xcopy /t /e /y %%G\skins "%~dp0server\content\cars\%%G\skins" 20 | ) -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_social-buttons.scss: -------------------------------------------------------------------------------- 1 | @mixin social-buttons-color ($color){ 2 | 3 | border-color: $color; 4 | color: $color; 5 | 6 | &:hover, 7 | &:focus, 8 | &:active, 9 | &.active, 10 | .open > &.dropdown-toggle { 11 | background-color: $transparent-bg; 12 | color: $color; 13 | border-color: $color; 14 | opacity: 1; 15 | } 16 | 17 | &:disabled, 18 | &[disabled], 19 | &.disabled { 20 | background-color: $transparent-bg; 21 | border-color: $color; 22 | } 23 | 24 | &.btn-fill { 25 | color: $white-color; 26 | background-color: $color; 27 | opacity: 0.9; 28 | 29 | &:hover, 30 | &:focus, 31 | &:active, 32 | &.active, 33 | .open > &.dropdown-toggle{ 34 | background-color: $color; 35 | color: $white-color; 36 | opacity: 1; 37 | } 38 | 39 | } 40 | 41 | 42 | } 43 | -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_morphing-buttons.scss: -------------------------------------------------------------------------------- 1 | $prefixes: ('', '-moz-', '-webkit-', '-ms-') !default; 2 | 3 | @mixin circle-animation(){ 4 | @for $i from 0 to length($prefixes) { 5 | @include circle-animation-details(nth($prefixes, $i + 1)); 6 | } 7 | } 8 | 9 | @mixin circle-animation-details($name){ 10 | #{$name}animation-name: spin; 11 | #{$name}animation-duration: 1250ms; 12 | #{$name}animation-iteration-count: infinite; 13 | #{$name}animation-timing-function: linear; 14 | 15 | } 16 | @keyframes spin { 17 | from { transform:rotate(0deg); } 18 | to { transform:rotate(360deg); } 19 | } 20 | 21 | @-webkit-keyframes spin { 22 | from { -webkit-transform: rotate(0deg); } 23 | to { -webkit-transform: rotate(360deg); } 24 | } 25 | 26 | @-moz-keyframes spin { 27 | from { -moz-transform: rotate(0deg); } 28 | to { -moz-transform: rotate(360deg); } 29 | } 30 | 31 | @-ms-keyframes spin { 32 | from { -ms-transform: rotate(0deg); } 33 | to { -ms-transform: rotate(360deg); } 34 | } -------------------------------------------------------------------------------- /frontend/sass/light-bootstrap-dashboard.scss: -------------------------------------------------------------------------------- 1 | 2 | /*! 3 | 4 | ========================================================= 5 | * Light Bootstrap Dashboard - v1.3.1.0 6 | ========================================================= 7 | 8 | * Product Page: http://www.creative-tim.com/product/light-bootstrap-dashboard 9 | * Copyright 2017 Creative Tim (http://www.creative-tim.com) 10 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard/blob/master/LICENSE.md) 11 | 12 | ========================================================= 13 | 14 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 15 | 16 | */ 17 | 18 | @import "lbd/variables"; 19 | @import "lbd/mixins"; 20 | 21 | @import "lbd/typography"; 22 | 23 | // Core CSS 24 | @import "lbd/misc"; 25 | @import "lbd/sidebar-and-main-panel"; 26 | @import "lbd/buttons"; 27 | @import "lbd/inputs"; 28 | 29 | @import "lbd/alerts"; 30 | @import "lbd/tables"; 31 | 32 | @import "lbd/checkbox-radio-switch"; 33 | @import "lbd/navbars"; 34 | @import "lbd/footers"; 35 | 36 | // Fancy Stuff 37 | @import "lbd/dropdown"; 38 | @import "lbd/cards"; 39 | @import "lbd/chartist"; 40 | @import "lbd/responsive"; 41 | -------------------------------------------------------------------------------- /frontend/sass/lbd/_tables.scss: -------------------------------------------------------------------------------- 1 | .table{ 2 | 3 | .radio, 4 | .checkbox{ 5 | position: relative; 6 | height: 20px; 7 | display: block; 8 | width: 20px; 9 | padding: 0px 0px; 10 | margin: 0px 5px; 11 | text-align: center; 12 | 13 | .icons{ 14 | left: 5px; 15 | } 16 | } 17 | > thead > tr > th, 18 | > tbody > tr > th, 19 | > tfoot > tr > th, 20 | > thead > tr > td, 21 | > tbody > tr > td, 22 | > tfoot > tr > td{ 23 | padding: 12px 8px; 24 | vertical-align: middle; 25 | } 26 | 27 | > thead > tr > th{ 28 | border-bottom-width: 1px; 29 | font-size: $font-size-small; 30 | text-transform: uppercase; 31 | color: $dark-gray; 32 | font-weight: $font-weight-normal; 33 | padding-bottom: 5px; 34 | } 35 | 36 | .td-actions .btn{ 37 | @include opacity(0.36); 38 | 39 | &.btn-xs{ 40 | padding-left: 3px; 41 | padding-right: 3px; 42 | } 43 | } 44 | .td-actions{ 45 | min-width: 90px; 46 | } 47 | 48 | > tbody > tr{ 49 | position: relative; 50 | 51 | &:hover{ 52 | .td-actions .btn{ 53 | @include opacity(1); 54 | } 55 | } 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /frontend/sass/lbd/_misc.scss: -------------------------------------------------------------------------------- 1 | /* General overwrite */ 2 | body, 3 | .wrapper{ 4 | min-height: 100vh; 5 | position: relative; 6 | } 7 | a{ 8 | color: $info-color; 9 | 10 | &:hover, &:focus{ 11 | color: $info-states-color; 12 | text-decoration: none; 13 | } 14 | } 15 | 16 | a:focus, a:active, 17 | button::-moz-focus-inner, 18 | input::-moz-focus-inner, 19 | input[type="reset"]::-moz-focus-inner, 20 | input[type="button"]::-moz-focus-inner, 21 | input[type="submit"]::-moz-focus-inner, 22 | select::-moz-focus-inner, 23 | input[type="file"] > input[type="button"]::-moz-focus-inner{ 24 | outline:0; 25 | } 26 | .ui-slider-handle:focus, 27 | .navbar-toggle, 28 | input:focus { 29 | outline : 0 !important; 30 | } 31 | 32 | /* Animations */ 33 | .form-control, 34 | .input-group-addon, 35 | .tagsinput, 36 | .navbar, 37 | .navbar .alert{ 38 | @include transition($general-transition-time, $transition-linear); 39 | } 40 | 41 | .sidebar .nav a, 42 | .table > tbody > tr .td-actions .btn{ 43 | @include transition($fast-transition-time, $transition-ease-in); 44 | } 45 | 46 | .btn{ 47 | @include transition($ultra-fast-transition-time, $transition-ease-in); 48 | } 49 | .fa{ 50 | width: 18px; 51 | text-align: center; 52 | } 53 | .margin-top{ 54 | margin-top: 50px; 55 | } 56 | 57 | .wrapper{ 58 | position: relative; 59 | top: 0; 60 | height: 100vh; 61 | } 62 | 63 | -------------------------------------------------------------------------------- /frontend/js/angular/show-errors.min.js: -------------------------------------------------------------------------------- 1 | /*! angular-bootstrap-show-errors (version 2.3.0) 2015-01-19 */ 2 | (function(){var a;a=angular.module("ui.bootstrap.showErrors",[]),a.directive("showErrors",["$timeout","showErrorsConfig","$interpolate",function(a,b,c){var d,e,f;return e=function(a){var c;return c=b.trigger,a&&null!=a.trigger&&(c=a.trigger),c},d=function(a){var c;return c=b.showSuccess,a&&null!=a.showSuccess&&(c=a.showSuccess),c},f=function(b,f,g,h){var i,j,k,l,m,n,o,p;if(i=!1,m=b.$eval(g.showErrors),n=d(m),p=e(m),j=f[0].querySelector(".form-control[name]"),l=angular.element(j),k=c(l.attr("name")||"")(b),!k)throw"show-errors element has no child input elements with a 'name' attribute and a 'form-control' class";return l.bind(p,function(){return i=!0,o(h[k].$invalid)}),b.$watch(function(){return h[k]&&h[k].$invalid},function(a){return i?o(a):void 0}),b.$on("show-errors-check-validity",function(){return o(h[k].$invalid)}),b.$on("show-errors-reset",function(){return a(function(){return f.removeClass("has-error"),f.removeClass("has-success"),i=!1},0,!1)}),o=function(a){return f.toggleClass("has-error",a),n?f.toggleClass("has-success",!a):void 0}},{restrict:"A",require:"^form",compile:function(a,b){if(-1===b.showErrors.indexOf("skipFormGroupCheck")&&!a.hasClass("form-group")&&!a.hasClass("input-group"))throw"show-errors element does not have the 'form-group' or 'input-group' class";return f}}}]),a.provider("showErrorsConfig",function(){var a,b;a=!1,b="blur",this.showSuccess=function(b){return a=b},this.trigger=function(a){return b=a},this.$get=function(){return{showSuccess:a,trigger:b}}})}).call(this); -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_buttons.scss: -------------------------------------------------------------------------------- 1 | // Mixin for generating new styles 2 | @mixin btn-styles($btn-color, $btn-states-color) { 3 | border-color: $btn-color; 4 | color: $btn-color; 5 | 6 | &:hover, 7 | &:focus, 8 | &:active, 9 | &.active, 10 | .open > &.dropdown-toggle { 11 | background-color: $transparent-bg; 12 | color: $btn-states-color; 13 | border-color: $btn-states-color; 14 | } 15 | 16 | &.disabled, 17 | &:disabled, 18 | &[disabled], 19 | fieldset[disabled] & { 20 | &, 21 | &:hover, 22 | &:focus, 23 | &.focus, 24 | &:active, 25 | &.active { 26 | background-color: $transparent-bg; 27 | border-color: $btn-color; 28 | } 29 | } 30 | 31 | 32 | &.btn-fill { 33 | color: $white-color; 34 | background-color: $btn-color; 35 | @include opacity(1); 36 | 37 | &:hover, 38 | &:focus, 39 | &:active, 40 | &.active, 41 | .open > &.dropdown-toggle{ 42 | background-color: $btn-states-color; 43 | color: $white-color; 44 | } 45 | 46 | .caret{ 47 | border-top-color: $white-color; 48 | } 49 | } 50 | 51 | .caret{ 52 | border-top-color: $btn-color; 53 | } 54 | } 55 | 56 | 57 | @mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border){ 58 | font-size: $font-size; 59 | border-radius: $border; 60 | padding: $padding-vertical $padding-horizontal; 61 | 62 | &.btn-round{ 63 | padding: $padding-vertical + 1 $padding-horizontal; 64 | } 65 | 66 | &.btn-simple{ 67 | padding: $padding-vertical + 2 $padding-horizontal; 68 | } 69 | 70 | } -------------------------------------------------------------------------------- /frontend/sass/lbd/_footers.scss: -------------------------------------------------------------------------------- 1 | .footer{ 2 | background-color: $white-color; 3 | line-height: $line-height; 4 | 5 | nav > ul{ 6 | list-style: none; 7 | margin: 0; 8 | padding: 0; 9 | font-weight: normal; 10 | 11 | a:not(.btn){ 12 | color: $dark-gray; 13 | display: block; 14 | margin-bottom: 3px; 15 | &:hover, 16 | &:focus{ 17 | color: $default-states-color; 18 | } 19 | } 20 | } 21 | .social-area{ 22 | padding: 15px 0; 23 | h5{ 24 | padding-bottom: 15px; 25 | } 26 | } 27 | .social-area > a:not(.btn){ 28 | color: $dark-gray; 29 | display: inline-block; 30 | vertical-align: top; 31 | padding: $padding-social-a; 32 | font-size: $font-size-large-navbar; 33 | font-weight: normal; 34 | line-height: $line-height; 35 | text-align: center; 36 | &:hover, 37 | &:focus{ 38 | color: $default-states-color; 39 | } 40 | } 41 | .copyright{ 42 | color: $default-states-color; 43 | padding: 10px 15px; 44 | margin: 10px 3px; 45 | line-height: 20px; 46 | font-size: $font-size-base; 47 | } 48 | hr{ 49 | border-color: $medium-gray; 50 | } 51 | .title{ 52 | color: $default-states-color; 53 | } 54 | } 55 | 56 | .footer-default{ 57 | background-color: $smoke-bg; 58 | } 59 | 60 | .footer:not(.footer-big){ 61 | nav > ul{ 62 | font-size: $font-size-base; 63 | li{ 64 | margin-left: 20px; 65 | float: left; 66 | } 67 | a{ 68 | padding: 10px 0px; 69 | margin: 10px 10px 10px 0px; 70 | } 71 | } 72 | } 73 | 74 | 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /frontend/sass/lbd/_alerts.scss: -------------------------------------------------------------------------------- 1 | .alert{ 2 | border: 0; 3 | border-radius: 0; 4 | color: #FFFFFF; 5 | padding: 10px 15px; 6 | font-size: 14px; 7 | 8 | .container &{ 9 | border-radius: 4px; 10 | 11 | } 12 | .navbar &{ 13 | border-radius: 0; 14 | left: 0; 15 | position: absolute; 16 | right: 0; 17 | top: 85px; 18 | width: 100%; 19 | z-index: 3; 20 | } 21 | .navbar:not(.navbar-transparent) &{ 22 | top: 70px; 23 | } 24 | 25 | span[data-notify="icon"]{ 26 | font-size: 30px; 27 | display: block; 28 | left: 15px; 29 | position: absolute; 30 | top: 50%; 31 | margin-top: -15px; 32 | } 33 | 34 | button.close{ 35 | position: absolute; 36 | right: 10px; 37 | top: 50%; 38 | margin-top: -13px; 39 | z-index: 1033; 40 | background-color: #FFFFFF; 41 | display: block; 42 | border-radius: 50%; 43 | opacity: .4; 44 | line-height: 11px; 45 | width: 25px; 46 | height: 25px; 47 | outline: 0 !important; 48 | text-align: center; 49 | padding: 3px; 50 | font-weight: 300; 51 | 52 | &:hover{ 53 | opacity: .55; 54 | } 55 | } 56 | 57 | .close ~ span{ 58 | display: block; 59 | max-width: 89%; 60 | } 61 | 62 | &[data-notify="container"]{ 63 | padding: 10px 10px 10px 20px; 64 | border-radius: $border-radius-base; 65 | } 66 | 67 | &.alert-with-icon{ 68 | padding-left: 65px; 69 | } 70 | } 71 | .alert-info{ 72 | background-color: $azure-navbar; 73 | } 74 | .alert-success { 75 | background-color: $green-navbar; 76 | } 77 | .alert-warning { 78 | background-color: $orange-navbar; 79 | } 80 | .alert-danger { 81 | background-color: $red-navbar; 82 | } 83 | -------------------------------------------------------------------------------- /frontend/sass/lbd/_typography.scss: -------------------------------------------------------------------------------- 1 | /* Font Smoothing */ 2 | body, 3 | h1, .h1, 4 | h2, .h2, 5 | h3, .h3, 6 | h4, .h4, 7 | h5, .h5, 8 | h6, .h6, 9 | p, 10 | .navbar, 11 | .brand, 12 | .btn-simple, 13 | .alert, 14 | a, 15 | .td-name, 16 | td, 17 | button.close{ 18 | -moz-osx-font-smoothing: grayscale; 19 | -webkit-font-smoothing: antialiased; 20 | font-family: "Roboto","Helvetica Neue",Arial,sans-serif; 21 | font-weight: $font-weight-normal; 22 | } 23 | 24 | h1, .h1, h2, .h2, h3, .h3, h4, .h4{ 25 | font-weight: $font-weight-light; 26 | margin: $margin-large-vertical 0 $margin-base-vertical; 27 | } 28 | 29 | h1, .h1 { 30 | font-size: $font-size-h1; 31 | } 32 | h2, .h2{ 33 | font-size: $font-size-h2; 34 | } 35 | h3, .h3{ 36 | font-size: $font-size-h3; 37 | margin: 20px 0 10px; 38 | } 39 | h4, .h4{ 40 | font-size: $font-size-h4; 41 | line-height: 30px; 42 | } 43 | h5, .h5 { 44 | font-size: $font-size-h5; 45 | margin-bottom: 15px; 46 | } 47 | h6, .h6{ 48 | font-size: $font-size-h6; 49 | font-weight: $font-weight-bold; 50 | text-transform: uppercase; 51 | } 52 | p{ 53 | font-size: $font-paragraph; 54 | line-height: $line-height-general; 55 | } 56 | 57 | h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { 58 | color: $dark-gray; 59 | font-weight: $font-weight-light; 60 | line-height: $line-height-general; 61 | } 62 | 63 | h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { 64 | font-size: 60%; 65 | } 66 | 67 | h1 .subtitle{ 68 | display: block; 69 | margin: 0 0 $margin-large-vertical; 70 | } 71 | 72 | .text-muted{ 73 | color: #9A9A9A; 74 | } 75 | .text-primary, .text-primary:hover{ 76 | color: #1D62F0 !important; 77 | } 78 | .text-info, .text-info:hover{ 79 | color: $info-color !important; 80 | } 81 | .text-success, .text-success:hover{ 82 | color: $success-color !important; 83 | } 84 | .text-warning, .text-warning:hover{ 85 | color: $warning-color !important; 86 | } 87 | .text-danger, .text-danger:hover{ 88 | color: $danger-color !important; 89 | } 90 | 91 | -------------------------------------------------------------------------------- /frontend/css/style.css: -------------------------------------------------------------------------------- 1 | body { padding-top: 0px;} 2 | 3 | .starter-template { padding: 40px 15px; } 4 | 5 | .top5 { margin-top:5px; } 6 | .top7 { margin-top:7px; } 7 | .top10 { margin-top:10px; } 8 | .top15 { margin-top:15px; } 9 | .top17 { margin-top:17px; } 10 | .top30 { margin-top:30px; } 11 | 12 | .bottom5 { margin-bottom:5px; } 13 | .bottom7 { margin-bottom:7px; } 14 | .bottom10 { margin-bottom:10px; } 15 | .bottom15 { margin-bottom:15px; } 16 | .bottom17 { margin-bottom:17px; } 17 | .bottom30 { margin-bottom:30px; } 18 | 19 | .left {float: left;} 20 | .right {float: right;} 21 | 22 | .alerts { 23 | top: 51px; 24 | left: 0px; 25 | position: fixed; 26 | width: 100%; 27 | z-index: 1; 28 | } 29 | 30 | [ng\:cloak], [ng-cloak], .ng-cloak { 31 | display: none !important; 32 | } 33 | 34 | .all-icons [class*="pe-"]{ 35 | font-size: 40px; 36 | } 37 | .all-icons input{ 38 | border: 0; 39 | } 40 | .all-icons .font-icon-detail{ 41 | text-align: center; 42 | padding: 45px 0px 30px; 43 | border: 1px solid #e5e5e5; 44 | border-radius: 6px; 45 | margin: 15px 0; 46 | } 47 | .all-icons .font-icon-detail input{ 48 | margin: 25px auto 0; 49 | width: 100%; 50 | text-align: center; 51 | display: block; 52 | color: #aaa; 53 | font-size: 13px; 54 | } 55 | 56 | @media (min-width: 992px){ 57 | .typo-line{ 58 | padding-left: 140px; 59 | margin-bottom: 40px; 60 | position: relative; 61 | } 62 | 63 | .typo-line .category{ 64 | transform: translateY(-50%); 65 | top: 50%; 66 | left: 0px; 67 | position: absolute; 68 | } 69 | } 70 | 71 | .places-buttons .btn{ 72 | margin-bottom: 30px 73 | } 74 | .sidebar .nav > li.active-pro{ 75 | position: absolute; 76 | width: 100%; 77 | bottom: 10px; 78 | } 79 | .sidebar .nav > li.active-pro a{ 80 | background: rgba(255, 255, 255, 0.14); 81 | opacity: 1; 82 | color: #FFFFFF; 83 | } 84 | 85 | .table-upgrade td:nth-child(2), 86 | .table-upgrade td:nth-child(3){ 87 | text-align: center; 88 | } 89 | 90 | .checkbox, .checkbox label { 91 | padding-left: 0px; !important 92 | } 93 | 94 | .checkbox { 95 | margin-top: 0px; !important 96 | } 97 | 98 | .checkbox input { 99 | display: block; !important 100 | } -------------------------------------------------------------------------------- /frontend/sass/lbd/_buttons.scss: -------------------------------------------------------------------------------- 1 | .btn{ 2 | border-width: $border-thick; 3 | background-color: $transparent-bg; 4 | font-weight: $font-weight-normal; 5 | 6 | @include opacity(.8); 7 | padding: $padding-base-vertical $padding-base-horizontal; 8 | 9 | @include btn-styles($default-color, $default-states-color); 10 | 11 | &:hover, 12 | &:focus{ 13 | @include opacity(1); 14 | outline: 0 !important; 15 | } 16 | &:active, 17 | &.active, 18 | .open > &.dropdown-toggle { 19 | @include box-shadow(none); 20 | outline: 0 !important; 21 | } 22 | 23 | &.btn-icon{ 24 | padding: $padding-base-vertical; 25 | } 26 | 27 | } 28 | 29 | // Apply the mixin to the buttons 30 | //.btn-default { @include btn-styles($default-color, $default-states-color); } 31 | .btn-primary { @include btn-styles($primary-color, $primary-states-color); } 32 | .btn-success { @include btn-styles($success-color, $success-states-color); } 33 | .btn-info { @include btn-styles($info-color, $info-states-color); } 34 | .btn-warning { @include btn-styles($warning-color, $warning-states-color); } 35 | .btn-danger { @include btn-styles($danger-color, $danger-states-color); } 36 | .btn-neutral { 37 | @include btn-styles($white-color, $white-color); 38 | 39 | &:active, 40 | &.active, 41 | .open > &.dropdown-toggle{ 42 | background-color: $white-color; 43 | color: $default-color; 44 | } 45 | 46 | &.btn-fill, 47 | &.btn-fill:hover, 48 | &.btn-fill:focus{ 49 | color: $default-color; 50 | } 51 | 52 | &.btn-simple:active, 53 | &.btn-simple.active{ 54 | background-color: transparent; 55 | } 56 | } 57 | 58 | .btn{ 59 | &:disabled, 60 | &[disabled], 61 | &.disabled{ 62 | @include opacity(.5); 63 | } 64 | } 65 | .btn-round{ 66 | border-width: $border-thin; 67 | border-radius: $btn-round-radius !important; 68 | padding: $padding-round-vertical $padding-round-horizontal; 69 | 70 | &.btn-icon{ 71 | padding: $padding-round-vertical; 72 | } 73 | } 74 | .btn-simple{ 75 | border: $none; 76 | font-size: $font-size-medium; 77 | padding: $padding-base-vertical $padding-base-horizontal; 78 | 79 | &.btn-icon{ 80 | padding: $padding-base-vertical; 81 | } 82 | } 83 | .btn-lg{ 84 | @include btn-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large); 85 | font-weight: $font-weight-normal; 86 | } 87 | .btn-sm{ 88 | @include btn-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small); 89 | } 90 | .btn-xs { 91 | @include btn-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $border-radius-small); 92 | } 93 | .btn-wd { 94 | min-width: 140px; 95 | } 96 | 97 | .btn-group.select{ 98 | width: 100%; 99 | } 100 | .btn-group.select .btn{ 101 | text-align: left; 102 | } 103 | .btn-group.select .caret{ 104 | position: absolute; 105 | top: 50%; 106 | margin-top: -1px; 107 | right: 8px; 108 | } 109 | -------------------------------------------------------------------------------- /frontend/sass/lbd/_dropdown.scss: -------------------------------------------------------------------------------- 1 | .dropdown-menu{ 2 | visibility: hidden; 3 | margin: 0; 4 | padding: 0; 5 | border-radius: $border-radius-extreme; 6 | display: block; 7 | z-index: 9000; 8 | position: absolute; 9 | 10 | @include opacity(0); 11 | @include box-shadow($dropdown-shadow); 12 | 13 | .open &{ 14 | @include opacity(1); 15 | visibility: visible; 16 | } 17 | .select &{ 18 | border-radius: $border-radius-bottom; 19 | @include box-shadow(none); 20 | @include transform-origin($select-coordinates); 21 | @include transform-scale(1); 22 | @include transition($fast-transition-time, $transition-linear); 23 | margin-top: -20px; 24 | } 25 | .select.open &{ 26 | margin-top: -1px; 27 | } 28 | 29 | > li > a { 30 | padding: $padding-base-vertical $padding-base-horizontal; 31 | color: #333333; 32 | 33 | img{ 34 | margin-top: -3px; 35 | } 36 | } 37 | > li > a:focus{ 38 | outline: 0 !important; 39 | } 40 | 41 | .btn-group.select &{ 42 | min-width: 100%; 43 | } 44 | 45 | > li:first-child > a{ 46 | border-top-left-radius: $border-radius-extreme; 47 | border-top-right-radius: $border-radius-extreme; 48 | } 49 | 50 | > li:last-child > a{ 51 | border-bottom-left-radius: $border-radius-extreme; 52 | border-bottom-right-radius: $border-radius-extreme; 53 | } 54 | 55 | .select & > li:first-child > a{ 56 | border-radius: 0; 57 | border-bottom: 0 none; 58 | } 59 | 60 | > li > a:hover, 61 | > li > a:focus { 62 | background-color: $smoke-bg; 63 | color: #333333; 64 | opacity: 1; 65 | text-decoration: none; 66 | } 67 | 68 | &.dropdown-blue > li > a:hover, 69 | &.dropdown-blue > li > a:focus{ 70 | background-color: $light-blue; 71 | } 72 | &.dropdown-azure > li > a:hover, 73 | &.dropdown-azure > li > a:focus{ 74 | background-color: $light-azure; 75 | } 76 | &.ct-green > li > a:hover, 77 | &.ct-green > li > a:focus{ 78 | background-color: $light-green; 79 | } 80 | &.dropdown-orange > li > a:hover, 81 | &.dropdown-orange > li > a:focus{ 82 | background-color: $light-orange; 83 | } 84 | &.dropdown-red > li > a:hover, 85 | &.dropdown-red > li > a:focus{ 86 | background-color: $light-red; 87 | } 88 | 89 | } 90 | 91 | .dropdown-with-icons{ 92 | > li > a{ 93 | padding-left: 0px; 94 | line-height: 28px; 95 | } 96 | i{ 97 | text-align: center; 98 | line-height: 28px; 99 | float: left; 100 | 101 | &[class^="pe-"]{ 102 | font-size: 24px; 103 | width: 46px; 104 | } 105 | &[class^="fa"]{ 106 | font-size: 14px; 107 | width: 38px; 108 | } 109 | } 110 | } 111 | 112 | //fix bug for the select items in btn-group 113 | .btn-group.select{ 114 | overflow: hidden; 115 | } 116 | .btn-group.select.open{ 117 | overflow: visible; 118 | } 119 | 120 | 121 | -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_chartist.scss: -------------------------------------------------------------------------------- 1 | // Scales for responsive SVG containers 2 | $ct-scales: ((1), (15/16), (8/9), (5/6), (4/5), (3/4), (2/3), (5/8), (1/1.618), (3/5), (9/16), (8/15), (1/2), (2/5), (3/8), (1/3), (1/4)) !default; 3 | $ct-scales-names: (ct-square, ct-minor-second, ct-major-second, ct-minor-third, ct-major-third, ct-perfect-fourth, ct-perfect-fifth, ct-minor-sixth, ct-golden-section, ct-major-sixth, ct-minor-seventh, ct-major-seventh, ct-octave, ct-major-tenth, ct-major-eleventh, ct-major-twelfth, ct-double-octave) !default; 4 | 5 | // Class names to be used when generating CSS 6 | $ct-class-chart: ct-chart !default; 7 | $ct-class-chart-line: ct-chart-line !default; 8 | $ct-class-chart-bar: ct-chart-bar !default; 9 | $ct-class-horizontal-bars: ct-horizontal-bars !default; 10 | $ct-class-chart-pie: ct-chart-pie !default; 11 | $ct-class-chart-donut: ct-chart-donut !default; 12 | $ct-class-label: ct-label !default; 13 | $ct-class-series: ct-series !default; 14 | $ct-class-line: ct-line !default; 15 | $ct-class-point: ct-point !default; 16 | $ct-class-area: ct-area !default; 17 | $ct-class-bar: ct-bar !default; 18 | $ct-class-slice-pie: ct-slice-pie !default; 19 | $ct-class-slice-donut: ct-slice-donut !default; 20 | $ct-class-grid: ct-grid !default; 21 | $ct-class-vertical: ct-vertical !default; 22 | $ct-class-horizontal: ct-horizontal !default; 23 | $ct-class-start: ct-start !default; 24 | $ct-class-end: ct-end !default; 25 | 26 | // Container ratio 27 | $ct-container-ratio: (1/1.618) !default; 28 | 29 | // Text styles for labels 30 | $ct-text-color: rgba(0, 0, 0, 0.4) !default; 31 | $ct-text-size: 1.3rem !default; 32 | $ct-text-align: flex-start !default; 33 | $ct-text-justify: flex-start !default; 34 | $ct-text-line-height: 1; 35 | 36 | // Grid styles 37 | $ct-grid-color: rgba(0, 0, 0, 0.2) !default; 38 | $ct-grid-dasharray: 2px !default; 39 | $ct-grid-width: 1px !default; 40 | 41 | // Line chart properties 42 | $ct-line-width: 3px !default; 43 | $ct-line-dasharray: false !default; 44 | $ct-point-size: 8px !default; 45 | // Line chart point, can be either round or square 46 | $ct-point-shape: round !default; 47 | // Area fill transparency between 0 and 1 48 | $ct-area-opacity: 0.8 !default; 49 | 50 | // Bar chart bar width 51 | $ct-bar-width: 10px !default; 52 | 53 | // Donut width (If donut width is to big it can cause issues where the shape gets distorted) 54 | $ct-donut-width: 60px !default; 55 | 56 | // If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you 57 | // should set this property to false 58 | $ct-include-classes: true !default; 59 | 60 | // If this is set to true the CSS will contain colored series. You can extend or change the color with the 61 | // properties below 62 | $ct-include-colored-series: $ct-include-classes !default; 63 | 64 | // If set to true this will include all responsive container variations using the scales defined at the top of the script 65 | $ct-include-alternative-responsive-containers: $ct-include-classes !default; 66 | 67 | // Series names and colors. This can be extended or customized as desired. Just add more series and colors. 68 | $ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) !default; 69 | $ct-series-colors: ( 70 | $new-blue, 71 | $new-red, 72 | $new-orange, 73 | $new-purple, 74 | $new-green, 75 | $new-dark-blue, 76 | $new-black, 77 | $social-google, 78 | $social-tumblr, 79 | $social-youtube, 80 | $social-twitter, 81 | $social-pinterest, 82 | $social-behance, 83 | #6188e2, 84 | #a748ca 85 | ) !default; -------------------------------------------------------------------------------- /frontend/js/angular/angular-resource.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | AngularJS v1.3.15 3 | (c) 2010-2014 Google, Inc. http://angularjs.org 4 | License: MIT 5 | */ 6 | (function(I,d,B){'use strict';function D(f,q){q=q||{};d.forEach(q,function(d,h){delete q[h]});for(var h in f)!f.hasOwnProperty(h)||"$"===h.charAt(0)&&"$"===h.charAt(1)||(q[h]=f[h]);return q}var w=d.$$minErr("$resource"),C=/^(\.[a-zA-Z_$][0-9a-zA-Z_$]*)+$/;d.module("ngResource",["ng"]).provider("$resource",function(){var f=this;this.defaults={stripTrailingSlashes:!0,actions:{get:{method:"GET"},save:{method:"POST"},query:{method:"GET",isArray:!0},remove:{method:"DELETE"},"delete":{method:"DELETE"}}}; 7 | this.$get=["$http","$q",function(q,h){function t(d,g){this.template=d;this.defaults=s({},f.defaults,g);this.urlParams={}}function v(x,g,l,m){function c(b,k){var c={};k=s({},g,k);r(k,function(a,k){u(a)&&(a=a());var d;if(a&&a.charAt&&"@"==a.charAt(0)){d=b;var e=a.substr(1);if(null==e||""===e||"hasOwnProperty"===e||!C.test("."+e))throw w("badmember",e);for(var e=e.split("."),n=0,g=e.length;n' + 16 | '
' + 17 | '' + 18 | '' + 19 | '' + 20 | '
' + 21 | '', 22 | compile: function(element, attrs) { 23 | if (angular.isUndefined(attrs.onLabel)) { 24 | attrs.onLabel = 'Yes'; 25 | } 26 | if (angular.isUndefined(attrs.offLabel)) { 27 | attrs.offLabel = 'No'; 28 | } 29 | if (angular.isUndefined(attrs.knobLabel)) { 30 | attrs.knobLabel = '\u00a0'; 31 | } 32 | if (angular.isUndefined(attrs.isDisabled)) { 33 | attrs.isDisabled = false; 34 | } 35 | if (angular.isUndefined(attrs.html)) { 36 | attrs.html = false; 37 | } 38 | if (angular.isUndefined(attrs.tabindex)) { 39 | attrs.tabindex = 0; 40 | } 41 | 42 | return function postLink(scope, iElement, iAttrs, ngModel) { 43 | iElement.attr('tabindex', attrs.tabindex); 44 | 45 | scope.toggle = function toggle() { 46 | if (!scope.isDisabled) { 47 | scope.model = !scope.model; 48 | ngModel.$setViewValue(scope.model); 49 | scope.onChange(); 50 | } 51 | }; 52 | 53 | var spaceCharCode = 32; 54 | scope.onKeyPress = function onKeyPress($event) { 55 | if ($event.charCode == spaceCharCode && !$event.altKey && !$event.ctrlKey && !$event.metaKey) { 56 | scope.toggle(); 57 | $event.preventDefault(); 58 | } 59 | }; 60 | 61 | ngModel.$formatters.push(function(modelValue) { 62 | return modelValue; 63 | }); 64 | 65 | ngModel.$parsers.push(function(viewValue) { 66 | return viewValue; 67 | }); 68 | 69 | ngModel.$viewChangeListeners.push(function() { 70 | scope.$eval(attrs.ngChange); 71 | }); 72 | 73 | ngModel.$render = function() { 74 | scope.model = ngModel.$viewValue; 75 | }; 76 | 77 | var bindSpan = function(span, html) { 78 | span = angular.element(span); 79 | var bindAttributeName = (html === true) ? 'ng-bind-html' : 'ng-bind'; 80 | 81 | // remove old ng-bind attributes 82 | span.removeAttr('ng-bind-html'); 83 | span.removeAttr('ng-bind'); 84 | 85 | if (angular.element(span).hasClass("switch-left")) 86 | span.attr(bindAttributeName, 'onLabel'); 87 | if (span.hasClass("knob")) 88 | span.attr(bindAttributeName, 'knobLabel'); 89 | if (span.hasClass("switch-right")) 90 | span.attr(bindAttributeName, 'offLabel'); 91 | 92 | $compile(span)(scope, function(cloned, scope) { 93 | span.replaceWith(cloned); 94 | }); 95 | }; 96 | 97 | // add ng-bind attribute to each span element. 98 | // NOTE: you need angular-sanitize to use ng-bind-html 99 | var bindSwitch = function(iElement, html) { 100 | angular.forEach(iElement[0].children[0].children, function(span, index) { 101 | bindSpan(span, html); 102 | }); 103 | }; 104 | 105 | scope.$watch('html', function(newValue) { 106 | bindSwitch(iElement, newValue); 107 | }); 108 | }; 109 | } 110 | }; 111 | }]); 112 | -------------------------------------------------------------------------------- /frontend/sass/lbd/_inputs.scss: -------------------------------------------------------------------------------- 1 | .form-control::-moz-placeholder{ 2 | @include placeholder($medium-gray,1); 3 | } 4 | .form-control:-moz-placeholder{ 5 | @include placeholder($medium-gray,1); 6 | } 7 | .form-control::-webkit-input-placeholder{ 8 | @include placeholder($medium-gray,1); 9 | } 10 | .form-control:-ms-input-placeholder{ 11 | @include placeholder($medium-gray,1); 12 | } 13 | 14 | .form-control { 15 | background-color: $white-bg; 16 | border: 1px solid $light-gray; 17 | border-radius: $border-radius-base; 18 | color: #565656; 19 | @include input-size($padding-base-vertical, $padding-base-horizontal - 4, $height-base); 20 | @include box-shadow(none); 21 | 22 | &:focus{ 23 | background-color: $white-bg; 24 | border: 1px solid $medium-dark-gray; 25 | @include box-shadow(none); 26 | outline: 0 !important; 27 | color: #333333; 28 | } 29 | 30 | .has-success &, 31 | .has-error &, 32 | .has-success &:focus, 33 | .has-error &:focus{ 34 | border-color: $light-gray; 35 | @include box-shadow(none); 36 | } 37 | 38 | .has-success &{ 39 | color: $success-color; 40 | } 41 | .has-success &:focus{ 42 | border-color: $success-color; 43 | } 44 | .has-error &{ 45 | color: $danger-color; 46 | } 47 | .has-error &:focus{ 48 | border-color: $danger-color; 49 | } 50 | 51 | & + .form-control-feedback{ 52 | border-radius: $border-radius-large; 53 | font-size: $font-size-base; 54 | margin-top: -7px; 55 | position: absolute; 56 | right: 10px; 57 | top: 50%; 58 | vertical-align: middle; 59 | } 60 | 61 | .open &{ 62 | border-radius: $border-radius-base $border-radius-base 0 0; 63 | border-bottom-color: transparent; 64 | } 65 | } 66 | 67 | .input-lg{ 68 | height: 55px; 69 | padding: $padding-large-vertical $padding-large-horizontal; 70 | } 71 | 72 | .has-error{ 73 | .form-control-feedback{ 74 | color: $danger-color; 75 | } 76 | } 77 | .has-success{ 78 | .form-control-feedback{ 79 | color: $success-color 80 | } 81 | } 82 | 83 | 84 | .input-group-addon { 85 | background-color: $white-color; 86 | border: 1px solid $light-gray; 87 | border-radius: $border-radius-base; 88 | 89 | .has-success &, 90 | .has-error &{ 91 | background-color: $white-color; 92 | border: 1px solid $light-gray; 93 | } 94 | .has-error .form-control:focus + &{ 95 | border-color: $danger-color; 96 | color: $danger-color; 97 | } 98 | .has-success .form-control:focus + &{ 99 | border-color: $success-color; 100 | color: $success-color; 101 | } 102 | .form-control:focus + &, 103 | .form-control:focus ~ &{ 104 | background-color: $white-color; 105 | border-color: $dark-gray; 106 | } 107 | } 108 | 109 | .input-group .form-control:first-child, 110 | .input-group-addon:first-child, 111 | .input-group-btn:first-child > .dropdown-toggle, 112 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { 113 | border-right: 0 none; 114 | } 115 | .input-group .form-control:last-child, 116 | .input-group-addon:last-child, 117 | .input-group-btn:last-child > .dropdown-toggle, 118 | .input-group-btn:first-child > .btn:not(:first-child) { 119 | border-left: 0 none; 120 | } 121 | .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { 122 | background-color: $smoke-bg; 123 | color: $default-color; 124 | cursor: not-allowed; 125 | } 126 | 127 | .input-group-btn .btn{ 128 | border-width: $border-thin; 129 | padding: $padding-round-vertical $padding-base-horizontal; 130 | } 131 | .input-group-btn .btn-default:not(.btn-fill){ 132 | border-color: $medium-gray; 133 | } 134 | 135 | .input-group-btn:last-child > .btn{ 136 | margin-left: 0; 137 | } 138 | 139 | .input-group-focus .input-group-addon{ 140 | border-color: $dark-gray; 141 | } 142 | -------------------------------------------------------------------------------- /frontend/sass/lbd/_cards.scss: -------------------------------------------------------------------------------- 1 | .card{ 2 | border-radius: $border-radius-base; 3 | box-shadow: 0 1px 2px rgba(0,0,0,.05),0 0 0 1px rgba(63,63,68,.1); 4 | background-color: #FFFFFF; 5 | margin-bottom: 30px; 6 | 7 | .image{ 8 | width: 100%; 9 | overflow: hidden; 10 | height: 260px; 11 | border-radius: $border-radius-base $border-radius-base 0 0; 12 | position: relative; 13 | -webkit-transform-style: preserve-3d; 14 | -moz-transform-style: preserve-3d; 15 | transform-style: preserve-3d; 16 | 17 | img { 18 | width: 100%; 19 | } 20 | } 21 | .filter{ 22 | position: absolute; 23 | z-index: 2; 24 | background-color: rgba(0,0,0,.68); 25 | top: 0; 26 | left: 0; 27 | width: 100%; 28 | height: 100%; 29 | text-align: center; 30 | 31 | @include opacity(0); 32 | 33 | .btn{ 34 | @include vertical-align(); 35 | } 36 | } 37 | &:hover .filter{ 38 | @include opacity(1); 39 | } 40 | .btn-hover{ 41 | @include opacity(0); 42 | } 43 | &:hover .btn-hover{ 44 | @include opacity(1); 45 | } 46 | .content{ 47 | padding: 15px 15px 10px 15px; 48 | } 49 | .header{ 50 | padding: 15px 15px 0; 51 | } 52 | .category, 53 | label{ 54 | font-size: $font-size-base; 55 | font-weight: $font-weight-normal; 56 | color: $dark-gray; 57 | margin-bottom: 0px; 58 | 59 | i{ 60 | font-size: $font-paragraph; 61 | } 62 | } 63 | 64 | label{ 65 | font-size: $font-size-small; 66 | margin-bottom: 5px; 67 | text-transform: uppercase; 68 | } 69 | 70 | .title{ 71 | margin: $none; 72 | color: $black-color; 73 | font-weight: $font-weight-light; 74 | } 75 | .avatar{ 76 | width: 30px; 77 | height: 30px; 78 | overflow: hidden; 79 | border-radius: 50%; 80 | margin-right: 5px; 81 | } 82 | .description{ 83 | font-size: $font-size-base; 84 | color: #333; 85 | } 86 | .footer{ 87 | padding: 0; 88 | background-color: $transparent-bg; 89 | line-height: 30px; 90 | 91 | .legend{ 92 | padding: 5px 0; 93 | } 94 | 95 | hr{ 96 | margin-top: 5px; 97 | margin-bottom: 5px; 98 | } 99 | } 100 | .stats{ 101 | color: #a9a9a9; 102 | } 103 | .footer div{ 104 | display: inline-block; 105 | } 106 | 107 | .author{ 108 | font-size: $font-size-small; 109 | font-weight: $font-weight-bold; 110 | text-transform: uppercase; 111 | } 112 | .author i{ 113 | font-size: $font-size-base; 114 | } 115 | h6{ 116 | font-size: $font-size-small; 117 | margin: 0; 118 | } 119 | &.card-separator:after{ 120 | height: 100%; 121 | right: -15px; 122 | top: 0; 123 | width: 1px; 124 | background-color: $medium-gray; 125 | content: ""; 126 | position: absolute; 127 | } 128 | 129 | .ct-chart{ 130 | margin: 30px 0 30px; 131 | height: 245px; 132 | } 133 | 134 | .table{ 135 | tbody td:first-child, 136 | thead th:first-child{ 137 | padding-left: 15px; 138 | } 139 | 140 | tbody td:last-child, 141 | thead th:last-child{ 142 | padding-right: 15px; 143 | } 144 | } 145 | 146 | .alert{ 147 | border-radius: $border-radius-base; 148 | position: relative; 149 | 150 | &.alert-with-icon{ 151 | padding-left: 65px; 152 | } 153 | } 154 | } 155 | .card-user{ 156 | .image{ 157 | height: 110px; 158 | } 159 | .image-plain{ 160 | height: 0; 161 | margin-top: 110px; 162 | } 163 | .author{ 164 | text-align: center; 165 | text-transform: none; 166 | margin-top: -70px; 167 | } 168 | .avatar{ 169 | width: 124px; 170 | height: 124px; 171 | border: 5px solid #FFFFFF; 172 | position: relative; 173 | margin-bottom: 15px; 174 | 175 | &.border-gray{ 176 | border-color: #EEEEEE; 177 | } 178 | } 179 | .title{ 180 | line-height: 24px; 181 | } 182 | .content{ 183 | min-height: 240px; 184 | } 185 | } 186 | 187 | .card-user, 188 | .card-price{ 189 | .footer{ 190 | padding: 5px 15px 10px; 191 | } 192 | hr{ 193 | margin: 5px 15px; 194 | } 195 | } 196 | .card-plain{ 197 | background-color: transparent; 198 | box-shadow: none; 199 | border-radius: 0; 200 | 201 | .image{ 202 | border-radius: 4px; 203 | } 204 | } 205 | 206 | 207 | 208 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ACServerManager 2 | Web based server manager for Assetto Corsa directly manipulating the ini files on the server as an alternative to the windows app and having to copy files to your server. 3 | 4 | Start and stop the server, and stracker directly from the application, meaning you can make changes to the server configuration and restart the server directly from your browser or mobile phone. 5 | 6 | ## ACServerManager on Windows 7 | This is the installation guide for a Windows machine, to review the Linux installation guide go [here](https://github.com/jo3stevens/ACServerManager/blob/master/README_Linux.md). 8 | 9 | ## Updates 10 | 27/01/2017: 11 | * Update to UI layout 12 | * Added restart feature for AC & sTracker server 13 | 14 | 17/10/2015: 15 | * Bug fix when switching between two tracks with multiple track configs 16 | * Added Max Ballast and UDP Plugin fields to Advanced page 17 | * Added new setting for contentPath allowing server and content folders to be seperated (this happens when using a manager package from the kunos tool). If this setting it left empty it will assume the content folder is inside the server folder 18 | 19 | 22/08/2015: 20 | * Finished adding all the new settings from 1.2 including tyres and weather 21 | 22 | ## Prep 23 | NOTE: If you've been using the new windows server manager that came with 1.2 then you may not need this step as when you package the server files it does the same thing. 24 | 25 | The application needs some additional files added to the server/content/tracks and server/content/cars folders to be able to choose track configurations and car skins. 26 | 27 | Copy acServerManager.bat to your root aessettocorsa folder and run it to copy the required folders into server/content/*. You'll then need to copy the content folder to your server. 28 | 29 | For tracks it will copy the ui folder which will contain sub folders when there are multiple track configurations. It will also copy the contents of these directories which contains additional track information which is displayed when choosing a track. 30 | 31 | For cars it will copy the skins/* folder structure but not the files; this is just to be able to choose the skin when setting up the entry list. 32 | 33 | ## Install Node.js 34 | To install Node.js, follow the installation guide on its home page [here](https://nodejs.org). 35 | 36 | ## Install ACServerManager 37 | Create a directory called 'acmanager', go into that directory and click [here](https://github.com/jo3stevens/ACServerManager/archive/master.zip) to download the latest version. Extract 38 | the contents of the zip file into the directory. 39 | 40 | ## ACServerManager Configuration 41 | To configure your manager's settings, open the 'settings.js' file. You'll see a number of variables, point the 'serverPath' 42 | to your Assetto Corsa Server directory. You can configure your username, password & port settings for ACServerManager, also 43 | if you use sTracker, point the 'sTrackerPath' variable to your installation. 44 | 45 | * serverPath: The path to your server folder containing acServer.exe 46 | * sTrackerPath: The path to your stracker folder container stracker.exe (If you don't run stracker just leave this as an empty string ('') to disable it 47 | * username/password: Set these values if you want basic authentication on the application 48 | * port: The port that the application will listen on (Be sure to open up this port on firewalls) 49 | 50 | Note: I've currently set the Assetto Corsa Server installation to one directory up in 'server', change if necessary. 51 | 52 | ## Firewall 53 | If your machine has a firewall enabled (i.e) windows firewall, you'll need to open / allow the ACServerManager port defined in your settings.js file. 54 | 55 | ## Running ACServerManager 56 | You first need to make sure you have the necessary Node.js dependencies, run the following command in the command prompt in the same directory as the 'server.js' file: 57 | ``` 58 | npm install 59 | ``` 60 | To run ACServerManager, execute the 'start.bat' file. If you see no errors, ACServerManager should now be running. 61 | 62 | ## Using ACServerManager 63 | * Browse to the application using your servers IP and the chosen port (or any DNS configured) 64 | * Click the 'Start' button under Assetto Corsa Server section 65 | * If using sTracker wait until the AC server has started and then click 'Start' in the sTracker Server section 66 | 67 | The server should now be running. You'll be able to see any server output in the command window and it will be logged to a file in the 'ACServerManager/log' folder. 68 | 69 | You can change any of settings and it will be applied directly to server_cfg.ini and entry_list.ini on the server. After making a change just stop and start the server from the Server Status page to apply the changes to Assetto Corsa Server. 70 | 71 | Note, the server may fail to start in some cases if the Assetto Corsa Server cannot connect to the master server. Make sure you portforward / open 72 | the necessary ports for the server to function correctly. 73 | 74 | ## Screenshots 75 | ### Server Status 76 | ![Server Status](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-1.JPG) 77 | 78 | ### Server Configuration 79 | ![Server Config](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-2.JPG) 80 | 81 | ### Entry List 82 | ![Entry List](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-3.JPG) 83 | 84 | ### Rules 85 | ![Rules](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-4.JPG) 86 | 87 | ### Advanced 88 | ![Advanced](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-5.JPG) 89 | -------------------------------------------------------------------------------- /frontend/css/angular-toggle-switch-bootstrap-3.css: -------------------------------------------------------------------------------- 1 | .ats-switch { 2 | border: 1px solid; 3 | cursor: pointer; 4 | display: inline-block; 5 | text-align: left; 6 | overflow: hidden; 7 | line-height: 8px; 8 | min-width: 100px; 9 | } 10 | .ats-switch.disabled { 11 | opacity: 0.5; 12 | filter: alpha(opacity=50); 13 | cursor: default !important; 14 | } 15 | .ats-switch.disabled .switch-left, 16 | .ats-switch.disabled .switch-right, 17 | .ats-switch.disabled .knob { 18 | cursor: default !important; 19 | } 20 | .ats-switch span { 21 | cursor: pointer; 22 | display: inline-block; 23 | float: left; 24 | height: 100%; 25 | line-height: 20px; 26 | padding: 4px; 27 | text-align: center; 28 | width: 33%; 29 | white-space: nowrap; 30 | box-sizing: border-box; 31 | -o-box-sizing: border-box; 32 | -moz-box-sizing: border-box; 33 | -webkit-box-sizing: border-box; 34 | } 35 | .ats-switch > div { 36 | position: relative; 37 | width: 150%; 38 | } 39 | .ats-switch .knob { 40 | background: red; 41 | border-left: 1px solid #ccc; 42 | border-right: 1px solid #ccc; 43 | background-color: #f5f5f5; 44 | width: 34%; 45 | z-index: 100; 46 | } 47 | .ats-switch .switch-on { 48 | left: 0%; 49 | } 50 | .ats-switch .switch-off { 51 | left: -50%; 52 | } 53 | .ats-switch .swtich-left, 54 | .ats-switch .switch-right { 55 | z-index: 1; 56 | } 57 | .ats-switch .switch-left { 58 | color: #fff; 59 | background: #005fcc; 60 | } 61 | .ats-switch .switch-right { 62 | color: #333; 63 | background: #f0f0f0; 64 | } 65 | .ats-switch .switch-animate { 66 | transition: left 0.5s; 67 | -o-transition: left 0.5s; 68 | -moz-transition: left 0.5s; 69 | -webkit-transition: left 0.5s; 70 | } 71 | .ats-switch { 72 | display: inline-block; 73 | cursor: pointer; 74 | border-radius: 4px; 75 | border: 1px solid; 76 | border-color: #ccc; 77 | position: relative; 78 | text-align: left; 79 | overflow: hidden; 80 | line-height: 8px; 81 | -webkit-user-select: none; 82 | -moz-user-select: none; 83 | -ms-user-select: none; 84 | -o-user-select: none; 85 | user-select: none; 86 | vertical-align: middle; 87 | min-width: 100px; 88 | -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 89 | transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 90 | } 91 | .ats-switch:hover { 92 | border-color: #66afe9; 93 | outline: 0; 94 | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 95 | box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 96 | } 97 | .ats-switch.disabled:hover { 98 | border-color: #ccc; 99 | -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0); 100 | box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0); 101 | } 102 | .ats-switch .knob { 103 | border-right: none; 104 | border-left: none; 105 | text-align: center; 106 | margin-top: -1px; 107 | margin-bottom: -1px; 108 | z-index: 100; 109 | background: #fff; 110 | } 111 | .ats-switch .knob i { 112 | color: #000; 113 | text-shadow: 0 1px 0 #fff; 114 | line-height: 18px; 115 | pointer-events: none; 116 | } 117 | .ats-switch .switch-left, 118 | .ats-switch .switch-right, 119 | .ats-switch .knob { 120 | min-height: 28px; 121 | } 122 | .ats-switch.switch-mini { 123 | min-width: 72px; 124 | } 125 | .ats-switch.switch-mini .switch-left, 126 | .ats-switch.switch-mini .switch-right, 127 | .ats-switch.switch-mini .knob { 128 | padding-bottom: 4px; 129 | padding-top: 4px; 130 | font-size: 10px; 131 | line-height: 9px; 132 | min-height: 18px; 133 | } 134 | .ats-switch.switch-mini i.switch-mini-icons { 135 | height: 1.20em; 136 | line-height: 9px; 137 | vertical-align: text-top; 138 | text-align: center; 139 | transform: scale(0.6); 140 | margin-top: -1px; 141 | margin-bottom: -1px; 142 | } 143 | .ats-switch.switch-small { 144 | min-width: 80px; 145 | } 146 | .ats-switch.switch-small .switch-left, 147 | .ats-switch.switch-small .switch-right, 148 | .ats-switch.switch-small .knob { 149 | padding-bottom: 3px; 150 | padding-top: 3px; 151 | font-size: 12px; 152 | line-height: 18px; 153 | min-height: 24px; 154 | } 155 | .ats-switch.switch-large { 156 | min-width: 120px; 157 | } 158 | .ats-switch.switch-large .switch-left, 159 | .ats-switch.switch-large .switch-right, 160 | .ats-switch.switch-large .knob { 161 | padding-bottom: 9px; 162 | padding-top: 9px; 163 | font-size: 16px; 164 | line-height: normal; 165 | min-height: 34px; 166 | } 167 | .ats-switch span.switch-left { 168 | color: #fff; 169 | background: #428bca; 170 | } 171 | .ats-switch span.switch-right { 172 | color: #000; 173 | background: #eeeeee; 174 | } 175 | .ats-switch.switch-primary span.switch-left { 176 | color: #fff; 177 | background: #428bca; 178 | } 179 | .ats-switch.switch-info span.switch-left { 180 | color: #fff; 181 | background: #5bc0de; 182 | } 183 | .ats-switch.switch-success span.switch-left { 184 | color: #fff; 185 | background: #5cb85c; 186 | } 187 | .ats-switch.switch-warning span.switch-left { 188 | background: #f0ad4e; 189 | color: #fff; 190 | } 191 | .ats-switch.switch-danger span.switch-left { 192 | color: #fff; 193 | background: #d9534f; 194 | } 195 | .ats-switch.switch-default span.switch-left { 196 | color: #000; 197 | background: #eeeeee; 198 | } 199 | -------------------------------------------------------------------------------- /README_Linux.md: -------------------------------------------------------------------------------- 1 | # ACServerManager 2 | Web based server manager for Assetto Corsa directly manipulating the ini files on the server as an alternative to the windows app and having to copy files to your server. 3 | 4 | Start and stop the server, and stracker directly from the application, meaning you can make changes to the server configuration and restart the server directly from your browser or mobile phone. 5 | 6 | ## ACServerManager on Linux 7 | This is the installation guide for a Linux machine, to review the Windows installation guide go [here](https://github.com/jo3stevens/ACServerManager/blob/master/README.md). 8 | 9 | ## Updates 10 | 27/01/2017: 11 | * Update to UI layout 12 | * Added restart feature for AC & sTracker server 13 | 14 | 17/10/2015: 15 | * Bug fix when switching between two tracks with multiple track configs 16 | * Added Max Ballast and UDP Plugin fields to Advanced page 17 | * Added new setting for contentPath allowing server and content folders to be seperated (this happens when using a manager package from the kunos tool). If this setting it left empty it will assume the content folder is inside the server folder 18 | 19 | 22/08/2015: 20 | * Finished adding all the new settings from 1.2 including tyres and weather 21 | 22 | ## Details 23 | First you'll need to install Node.js on your machine. It's best to use an application 24 | like [NVM](https://github.com/creationix/nvm) to manage the installation of Node.js on Linux based machines. 25 | After installing Node.js, install [PM2](https://github.com/Unitech/pm2) when using this 26 | version of AC Server Manager, it's basically Node.js application management tool with tons of features 27 | for production use. PM2 will make sure your web application stays online and, auto restarts if it crashes. 28 | 29 | ## Install NVM 30 | To install NVM, follow the installation guide on its GitHub page [here](https://github.com/creationix/nvm). Please install NVM on the same account you run your Assetto Corsa Server. 31 | 32 | ## Install Node.js 33 | Using NVM, run the following command to install the latest version: 34 | ``` 35 | nvm install node 36 | ``` 37 | If you would like to install a specific version using NVM then run something like this: 38 | ``` 39 | nvm install 6.9.4 40 | ``` 41 | ## Install PM2 42 | To install PM2, follow the installation guide on its GitHub page [here](https://github.com/Unitech/pm2). Please install PM2 on the same account you run your Assetto Corsa Server. 43 | 44 | ## Install ACServerManager 45 | Create a directory called 'acmanager', cd into that directory and run this command to download the latest version: 46 | ``` 47 | wget https://github.com/jo3stevens/ACServerManager/archive/master.zip 48 | ``` 49 | Unzip the file & clean up, by running: 50 | ``` 51 | unzip master.zip; mv ACServerManager-master/* .; rm -R ACServerManager-master; rm master.zip 52 | ``` 53 | You'll need to first configure your manager's settings before you can run the application. 54 | ## ACServerManager Configuration 55 | To configure your manager's settings, open the 'settings.js' file. You'll see a number of variables, point the 'serverPath' 56 | to your Assetto Corsa Server directory. You can configure your username, password & port settings for ACServerManager, also 57 | if you use sTracker, point the 'sTrackerPath' variable to your installation. 58 | 59 | * serverPath: The path to your server folder containing acServer.exe 60 | * sTrackerPath: The path to your stracker folder container stracker.exe (If you don't run stracker just leave this as an empty string ('') to disable it 61 | * username/password: Set these values if you want basic authentication on the application 62 | * port: The port that the application will listen on (Be sure to open up this port on firewalls) 63 | 64 | Note: I've currently set the Assetto Corsa Server installation to one directory up in 'server', change if necessary. 65 | 66 | ## Firewall 67 | If your machine has a firewall enabled (i.e) iptables, you'll need to open / allow the ACServerManager port defined in your settings.js file. 68 | 69 | ## Running ACServerManager 70 | You first need to make sure you have the necessary Node.js dependencies, run: 71 | ``` 72 | npm install 73 | ``` 74 | To run ACServerManager using PM2 run the following command: 75 | ``` 76 | pm2 start server.js 77 | ``` 78 | To monitor applications running with PM2 run: 79 | ``` 80 | pm2 list 81 | ``` 82 | There many useful commands to manage applications using PM2, reference their GitHub page. 83 | 84 | ## Using ACServerManager 85 | * Browse to the application using your servers IP and the chosen port (or any DNS configured) 86 | * Click the 'Start' button under Assetto Corsa Server section 87 | * If using sTracker wait until the AC server has started and then click 'Start' in the sTracker Server section 88 | 89 | The server should now be running. You'll be able to see any server output in the command window and it will be logged to a file in the 'ACServerManager/log' folder. 90 | 91 | You can change any of settings and it will be applied directly to server_cfg.ini and entry_list.ini on the server. After making a change just stop and start the server from the Server Status page to apply the changes to Assetto Corsa Server. 92 | 93 | Note, the server may fail to start in some cases if the Assetto Corsa Server cannot connect to the master server. Make sure you portforward / open 94 | the necessary ports for the server to function correctly. 95 | 96 | ## Screenshots 97 | ### Server Status 98 | ![Server Status](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-1.JPG) 99 | 100 | ### Server Configuration 101 | ![Server Config](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-2.JPG) 102 | 103 | ### Entry List 104 | ![Entry List](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-3.JPG) 105 | 106 | ### Rules 107 | ![Rules](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-4.JPG) 108 | 109 | ### Advanced 110 | ![Advanced](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-5.JPG) 111 | -------------------------------------------------------------------------------- /frontend/sass/lbd/_checkbox-radio-switch.scss: -------------------------------------------------------------------------------- 1 | /* Checkbox and radio */ 2 | .checkbox, 3 | .radio { 4 | margin-bottom: 12px; 5 | padding-left: 32px; 6 | position: relative; 7 | -webkit-transition: color 0.25s linear; 8 | transition: color 0.25s linear; 9 | font-size: 14px; 10 | font-weight: normal; 11 | line-height: 1.5; 12 | color: #333333; 13 | } 14 | .checkbox input, 15 | .radio input { 16 | outline: none !important; 17 | display: none; 18 | } 19 | .checkbox .icons, 20 | .radio .icons { 21 | color: $medium-gray; 22 | display: block; 23 | height: 20px; 24 | left: 0; 25 | position: absolute; 26 | top: 0; 27 | width: 20px; 28 | text-align: center; 29 | line-height: 21px; 30 | font-size: 20px; 31 | cursor: pointer; 32 | -webkit-transition: color 0.2s linear; 33 | transition: color 0.2s linear; 34 | } 35 | 36 | 37 | .checkbox .icons .first-icon, 38 | .radio .icons .first-icon, 39 | .checkbox .icons .second-icon, 40 | .radio .icons .second-icon { 41 | display: inline-table; 42 | position: absolute; 43 | left: 0; 44 | top: 0; 45 | background-color: transparent; 46 | margin: 0; 47 | @include opacity(1); 48 | } 49 | .checkbox .icons .second-icon, 50 | .radio .icons .second-icon { 51 | @include opacity(0); 52 | } 53 | .checkbox:hover, 54 | .radio:hover { 55 | -webkit-transition: color 0.2s linear; 56 | transition: color 0.2s linear; 57 | } 58 | .checkbox:hover .first-icon, 59 | .radio:hover .first-icon { 60 | @include opacity(0); 61 | } 62 | .checkbox:hover .second-icon, 63 | .radio:hover .second-icon { 64 | @include opacity (1); 65 | } 66 | .checkbox.checked, 67 | .radio.checked { 68 | color: $info-color; 69 | } 70 | .checkbox.checked .first-icon, 71 | .radio.checked .first-icon { 72 | opacity: 0; 73 | filter: alpha(opacity=0); 74 | } 75 | .checkbox.checked .second-icon, 76 | .radio.checked .second-icon { 77 | opacity: 1; 78 | filter: alpha(opacity=100); 79 | color: $info-color; 80 | -webkit-transition: color 0.2s linear; 81 | transition: color 0.2s linear; 82 | } 83 | .checkbox.disabled, 84 | .radio.disabled { 85 | cursor: default; 86 | color: $medium-gray !important; 87 | } 88 | .checkbox.disabled .icons, 89 | .radio.disabled .icons { 90 | color: $medium-gray !important; 91 | } 92 | .checkbox.disabled .first-icon, 93 | .radio.disabled .first-icon { 94 | opacity: 1; 95 | filter: alpha(opacity=100); 96 | } 97 | .checkbox.disabled .second-icon, 98 | .radio.disabled .second-icon { 99 | opacity: 0; 100 | filter: alpha(opacity=0); 101 | } 102 | .checkbox.disabled.checked .icons, 103 | .radio.disabled.checked .icons { 104 | color: $medium-gray; 105 | } 106 | .checkbox.disabled.checked .first-icon, 107 | .radio.disabled.checked .first-icon { 108 | opacity: 0; 109 | filter: alpha(opacity=0); 110 | } 111 | .checkbox.disabled.checked .second-icon, 112 | .radio.disabled.checked .second-icon { 113 | opacity: 1; 114 | filter: alpha(opacity=100); 115 | color: #D9D9D9; 116 | } 117 | 118 | 119 | 120 | /* ============================================================ 121 | * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru 122 | * http://www.larentis.eu/switch/ 123 | * ============================================================ 124 | * Licensed under the Apache License, Version 2.0 125 | * http://www.apache.org/licenses/LICENSE-2.0 126 | * ============================================================ */ 127 | .has-switch { 128 | border-radius: 30px; 129 | cursor: pointer; 130 | display: inline-block; 131 | line-height: 1.72222; 132 | overflow: hidden; 133 | position: relative; 134 | text-align: left; 135 | width: 60px; 136 | 137 | -webkit-user-select: none; 138 | -moz-user-select: none; 139 | -ms-user-select: none; 140 | -o-user-select: none; 141 | user-select: none; 142 | 143 | /* this code is for fixing safari bug with hidden overflow for border-radius */ 144 | -webkit-mask: url('../img/mask.png') 0 0 no-repeat; 145 | -webkit-mask-size: 60px 24px; 146 | mask: url('../img/mask.png') 0 0 no-repeat; 147 | } 148 | .has-switch.deactivate { 149 | opacity: 0.5; 150 | filter: alpha(opacity=50); 151 | cursor: default !important; 152 | } 153 | .has-switch.deactivate label, 154 | .has-switch.deactivate span { 155 | cursor: default !important; 156 | } 157 | .has-switch > div { 158 | position: relative; 159 | top: 0; 160 | width: 100px; 161 | } 162 | .has-switch > div.switch-animate { 163 | -webkit-transition: left 0.25s ease-out; 164 | transition: left 0.25s ease-out; 165 | } 166 | .has-switch > div.switch-off { 167 | left: -35px; 168 | } 169 | 170 | .has-switch > div.switch-on { 171 | left: 0; 172 | } 173 | .has-switch > div label { 174 | background-color: #FFFFFF; 175 | @include icon-gradient (rgba(255,255,255,1), rgba(241,241,242,1)); 176 | 177 | box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.25); 178 | cursor: pointer; 179 | } 180 | .has-switch input[type=checkbox] { 181 | display: none; 182 | } 183 | .has-switch span { 184 | /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; */ 185 | cursor: pointer; 186 | float: left; 187 | font-size: 11px; 188 | font-weight: 400; 189 | height: 24px; 190 | line-height: 15px; 191 | margin: 0; 192 | padding-bottom: 6px; 193 | padding-top: 5px; 194 | position: relative; 195 | text-align: center; 196 | text-indent: -10px; 197 | width: 50%; 198 | z-index: 1; 199 | -webkit-transition: 0.25s ease-out; 200 | transition: 0.25s ease-out; 201 | } 202 | .has-switch span.switch-left { 203 | background-color: $info-color; 204 | border-left: 1px solid rgba(0, 0, 0, 0); 205 | border-radius: 30px 0 0 30px; 206 | color: #FFFFFF; 207 | } 208 | .has-switch .switch-off span.switch-left{ 209 | background-color: $medium-gray; 210 | } 211 | .has-switch span.switch-right { 212 | border-radius: 0 30px 30px 0; 213 | background-color: $info-color; 214 | color: #ffffff; 215 | text-indent: 1px; 216 | } 217 | .has-switch .switch-off span.switch-right{ 218 | background-color: $medium-gray; 219 | } 220 | 221 | .has-switch label { 222 | border-radius: 12px; 223 | float: left; 224 | height: 22px; 225 | margin: 1px -13px; 226 | padding: 0; 227 | position: relative; 228 | transition: all 0.25s ease-out 0s; 229 | vertical-align: middle; 230 | width: 22px; 231 | z-index: 100; 232 | -webkit-transition: 0.25s ease-out; 233 | transition: 0.25s ease-out; 234 | } 235 | .has-switch .switch-on .fa-check:before{ 236 | margin-left: 10px; 237 | } 238 | .has-switch:hover .switch-on label{ 239 | margin: 1px -17px; 240 | width: 26px; 241 | } 242 | .has-switch:hover .switch-off label{ 243 | margin: 1px -13px; 244 | width: 26px; 245 | } 246 | 247 | -------------------------------------------------------------------------------- /frontend/js/light-bootstrap-dashboard.js: -------------------------------------------------------------------------------- 1 | /*! 2 | 3 | ========================================================= 4 | * Light Bootstrap Dashboard - v1.3.1.0 5 | ========================================================= 6 | 7 | * Product Page: http://www.creative-tim.com/product/light-bootstrap-dashboard 8 | * Copyright 2017 Creative Tim (http://www.creative-tim.com) 9 | * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard/blob/master/LICENSE.md) 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | 15 | */ 16 | 17 | var searchVisible = 0; 18 | var transparent = true; 19 | 20 | var transparentDemo = true; 21 | var fixedTop = false; 22 | 23 | var navbar_initialized = false; 24 | 25 | $(document).ready(function(){ 26 | window_width = $(window).width(); 27 | 28 | // check if there is an image set for the sidebar's background 29 | lbd.checkSidebarImage(); 30 | 31 | // Init navigation toggle for small screens 32 | if(window_width <= 991){ 33 | lbd.initRightMenu(); 34 | } 35 | 36 | // Activate the tooltips 37 | $('[rel="tooltip"]').tooltip(); 38 | 39 | // Activate the switches with icons 40 | if($('.switch').length != 0){ 41 | $('.switch')['bootstrapSwitch'](); 42 | } 43 | // Activate regular switches 44 | if($("[data-toggle='switch']").length != 0){ 45 | $("[data-toggle='switch']").wrap('
').parent().bootstrapSwitch(); 46 | } 47 | 48 | $('.form-control').on("focus", function(){ 49 | $(this).parent('.input-group').addClass("input-group-focus"); 50 | }).on("blur", function(){ 51 | $(this).parent(".input-group").removeClass("input-group-focus"); 52 | }); 53 | 54 | // Fixes sub-nav not working as expected on IOS 55 | $('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); }); 56 | }); 57 | 58 | // activate collapse right menu when the windows is resized 59 | $(window).resize(function(){ 60 | if($(window).width() <= 991){ 61 | lbd.initRightMenu(); 62 | } 63 | }); 64 | 65 | lbd = { 66 | misc:{ 67 | navbar_menu_visible: 0 68 | }, 69 | 70 | checkSidebarImage: function(){ 71 | $sidebar = $('.sidebar'); 72 | image_src = $sidebar.data('image'); 73 | 74 | if(image_src !== undefined){ 75 | sidebar_container = '
' 76 | $sidebar.append(sidebar_container); 77 | } 78 | }, 79 | initRightMenu: function(){ 80 | if(!navbar_initialized){ 81 | $navbar = $('nav').find('.navbar-collapse').first().clone(true); 82 | 83 | $sidebar = $('.sidebar'); 84 | sidebar_color = $sidebar.data('color'); 85 | 86 | $logo = $sidebar.find('.logo').first(); 87 | logo_content = $logo[0].outerHTML; 88 | 89 | ul_content = ''; 90 | 91 | $navbar.attr('data-color',sidebar_color); 92 | 93 | //add the content from the regular header to the right menu 94 | $navbar.children('ul').each(function(){ 95 | content_buff = $(this).html(); 96 | ul_content = ul_content + content_buff; 97 | }); 98 | 99 | // add the content from the sidebar to the right menu 100 | content_buff = $sidebar.find('.nav').html(); 101 | ul_content = ul_content + content_buff; 102 | 103 | 104 | ul_content = '
' + 105 | '
    ' + 106 | ul_content + 107 | '
' + 108 | '
'; 109 | 110 | navbar_content = logo_content + ul_content; 111 | 112 | $navbar.html(navbar_content); 113 | 114 | $('body').append($navbar); 115 | 116 | background_image = $sidebar.data('image'); 117 | if(background_image != undefined){ 118 | $navbar.css('background',"url('" + background_image + "')") 119 | .removeAttr('data-nav-image') 120 | .addClass('has-image'); 121 | } 122 | 123 | 124 | $toggle = $('.navbar-toggle'); 125 | 126 | $navbar.find('a').removeClass('btn btn-round btn-default'); 127 | $navbar.find('button').removeClass('btn-round btn-fill btn-info btn-primary btn-success btn-danger btn-warning btn-neutral'); 128 | $navbar.find('button').addClass('btn-simple btn-block'); 129 | 130 | $toggle.click(function (){ 131 | if(lbd.misc.navbar_menu_visible == 1) { 132 | $('html').removeClass('nav-open'); 133 | lbd.misc.navbar_menu_visible = 0; 134 | $('#bodyClick').remove(); 135 | setTimeout(function(){ 136 | $toggle.removeClass('toggled'); 137 | }, 400); 138 | 139 | } else { 140 | setTimeout(function(){ 141 | $toggle.addClass('toggled'); 142 | }, 430); 143 | 144 | div = '
'; 145 | $(div).appendTo("body").click(function() { 146 | $('html').removeClass('nav-open'); 147 | lbd.misc.navbar_menu_visible = 0; 148 | $('#bodyClick').remove(); 149 | setTimeout(function(){ 150 | $toggle.removeClass('toggled'); 151 | }, 400); 152 | }); 153 | 154 | $('html').addClass('nav-open'); 155 | lbd.misc.navbar_menu_visible = 1; 156 | 157 | } 158 | }); 159 | navbar_initialized = true; 160 | } 161 | 162 | } 163 | } 164 | 165 | 166 | // Returns a function, that, as long as it continues to be invoked, will not 167 | // be triggered. The function will be called after it stops being called for 168 | // N milliseconds. If `immediate` is passed, trigger the function on the 169 | // leading edge, instead of the trailing. 170 | 171 | function debounce(func, wait, immediate) { 172 | var timeout; 173 | return function() { 174 | var context = this, args = arguments; 175 | clearTimeout(timeout); 176 | timeout = setTimeout(function() { 177 | timeout = null; 178 | if (!immediate) func.apply(context, args); 179 | }, wait); 180 | if (immediate && !timeout) func.apply(context, args); 181 | }; 182 | }; -------------------------------------------------------------------------------- /frontend/sass/lbd/_sidebar-and-main-panel.scss: -------------------------------------------------------------------------------- 1 | .sidebar, 2 | body > .navbar-collapse{ 3 | position: absolute; 4 | top: 0; 5 | bottom: 0; 6 | left: 0; 7 | width: 260px; 8 | display: block; 9 | z-index: 1; 10 | color: #fff; 11 | font-weight: 200; 12 | background-size: cover; 13 | background-position: center center; 14 | 15 | .sidebar-wrapper{ 16 | position: relative; 17 | max-height: calc(100vh - 75px); 18 | min-height: 100%; 19 | overflow: auto; 20 | width: 260px; 21 | z-index: 4; 22 | 23 | padding-bottom: 100px; 24 | } 25 | 26 | .sidebar-background{ 27 | position: absolute; 28 | z-index: 1; 29 | height: 100%; 30 | width: 100%; 31 | display: block; 32 | top: 0; 33 | left: 0; 34 | background-size: cover; 35 | background-position: center center; 36 | } 37 | 38 | .logo{ 39 | padding: $navbar-padding-a; 40 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); 41 | 42 | p{ 43 | float: left; 44 | font-size: 20px; 45 | margin: 10px 10px; 46 | color: $white-color; 47 | line-height: 20px; 48 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 49 | } 50 | 51 | .simple-text{ 52 | text-transform: uppercase; 53 | padding: $padding-small-vertical $padding-zero; 54 | display: block; 55 | font-size: $font-size-large; 56 | color: $white-color; 57 | text-align: center; 58 | font-weight: $font-weight-normal; 59 | line-height: 30px; 60 | } 61 | } 62 | 63 | .logo-tim{ 64 | border-radius: 50%; 65 | border: 1px solid #333; 66 | display: block; 67 | height: 61px; 68 | width: 61px; 69 | float: left; 70 | overflow: hidden; 71 | 72 | img{ 73 | width: 60px; 74 | height: 60px; 75 | } 76 | } 77 | 78 | .nav{ 79 | margin-top: 20px; 80 | float: none; 81 | 82 | li{ 83 | > a{ 84 | color: #FFFFFF; 85 | margin: 5px 15px; 86 | opacity: .86; 87 | border-radius: 4px; 88 | display: block; 89 | } 90 | 91 | &:hover > a{ 92 | background: rgba(255,255,255,0.13); 93 | opacity: 1; 94 | } 95 | 96 | &.active > a{ 97 | color: #FFFFFF; 98 | opacity: 1; 99 | background: rgba(255,255,255,0.23); 100 | 101 | } 102 | 103 | &.separator{ 104 | margin: 15px 0; 105 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); 106 | 107 | & + li { 108 | margin-top: 31px; 109 | } 110 | } 111 | } 112 | 113 | p{ 114 | margin: 0; 115 | line-height: 30px; 116 | font-size: 12px; 117 | font-weight: 600; 118 | text-transform: uppercase; 119 | margin-left: 45px; 120 | } 121 | 122 | i{ 123 | font-size: 28px; 124 | float: left; 125 | margin-right: 15px; 126 | line-height: 30px; 127 | width: 30px; 128 | text-align: center; 129 | } 130 | 131 | .caret{ 132 | margin-top: 13px; 133 | position: absolute; 134 | right: 30px; 135 | } 136 | } 137 | 138 | .logo{ 139 | padding: $navbar-padding-a; 140 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); 141 | 142 | p{ 143 | float: left; 144 | font-size: 20px; 145 | margin: 10px 10px; 146 | color: $white-color; 147 | line-height: 20px; 148 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 149 | } 150 | 151 | .simple-text{ 152 | text-transform: uppercase; 153 | padding: $padding-small-vertical $padding-zero; 154 | display: block; 155 | font-size: $font-size-large; 156 | color: $white-color; 157 | text-align: center; 158 | font-weight: $font-weight-normal; 159 | line-height: 30px; 160 | } 161 | } 162 | 163 | .logo-tim{ 164 | border-radius: 50%; 165 | border: 1px solid #333; 166 | display: block; 167 | height: 61px; 168 | width: 61px; 169 | float: left; 170 | overflow: hidden; 171 | 172 | img{ 173 | width: 60px; 174 | height: 60px; 175 | } 176 | } 177 | 178 | &:after, 179 | &:before{ 180 | display: block; 181 | content: ""; 182 | position: absolute; 183 | width: 100%; 184 | height: 100%; 185 | top: 0; 186 | left: 0; 187 | z-index: 2; 188 | } 189 | 190 | &:before{ 191 | opacity: .33; 192 | background: #000000; 193 | } 194 | 195 | &:after{ 196 | @include icon-gradient($black-color-top, $black-color-bottom); 197 | z-index: 3; 198 | opacity: 1; 199 | } 200 | 201 | &[data-image]:after, 202 | &.has-image:after{ 203 | opacity: .77; 204 | } 205 | 206 | &[data-color="blue"]:after{ 207 | @include icon-gradient($new-dark-blue, $blue-color-bottom); 208 | } 209 | &[data-color="azure"]:after{ 210 | @include icon-gradient($new-blue, $azure-color-bottom); 211 | } 212 | &[data-color="green"]:after{ 213 | @include icon-gradient($new-green, $green-color-bottom); 214 | } 215 | &[data-color="orange"]:after{ 216 | @include icon-gradient($new-orange, $orange-color-bottom); 217 | } 218 | &[data-color="red"]:after{ 219 | @include icon-gradient($new-red, $red-color-bottom); 220 | } 221 | &[data-color="purple"]:after{ 222 | @include icon-gradient($new-purple, $purple-color-bottom); 223 | } 224 | } 225 | 226 | 227 | .main-panel{ 228 | background: rgba(203,203,210,.15); 229 | position: relative; 230 | z-index: 2; 231 | float: right; 232 | width: $sidebar-width; 233 | min-height: 100%; 234 | 235 | > .content{ 236 | padding: 30px 15px; 237 | min-height: calc(100% - 123px); 238 | } 239 | 240 | > .footer{ 241 | border-top: 1px solid #e7e7e7; 242 | } 243 | 244 | .navbar{ 245 | margin-bottom: 0; 246 | } 247 | } 248 | 249 | .sidebar, 250 | .main-panel{ 251 | overflow: auto; 252 | max-height: 100%; 253 | height: 100%; 254 | -webkit-transition-property: top,bottom; 255 | transition-property: top,bottom; 256 | -webkit-transition-duration: .2s,.2s; 257 | transition-duration: .2s,.2s; 258 | -webkit-transition-timing-function: linear,linear; 259 | transition-timing-function: linear,linear; 260 | -webkit-overflow-scrolling: touch; 261 | } -------------------------------------------------------------------------------- /frontend/sass/lbd/mixins/_vendor-prefixes.scss: -------------------------------------------------------------------------------- 1 | // User select 2 | // For selecting text on the page 3 | 4 | @mixin user-select($select) { 5 | -webkit-user-select: $select; 6 | -moz-user-select: $select; 7 | -ms-user-select: $select; // IE10+ 8 | user-select: $select; 9 | } 10 | 11 | @mixin box-shadow($shadow...) { 12 | -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1 13 | box-shadow: $shadow; 14 | } 15 | 16 | // Box sizing 17 | @mixin box-sizing($boxmodel) { 18 | -webkit-box-sizing: $boxmodel; 19 | -moz-box-sizing: $boxmodel; 20 | box-sizing: $boxmodel; 21 | } 22 | 23 | 24 | @mixin transition($time, $type){ 25 | -webkit-transition: all $time $type; 26 | -moz-transition: all $time $type; 27 | -o-transition: all $time $type; 28 | -ms-transition: all $time $type; 29 | transition: all $time $type; 30 | } 31 | 32 | @mixin transform-scale($value){ 33 | -webkit-transform: scale($value); 34 | -moz-transform: scale($value); 35 | -o-transform: scale($value); 36 | -ms-transform: scale($value); 37 | transform: scale($value); 38 | } 39 | 40 | @mixin transform-translate-x($value){ 41 | -webkit-transform: translate3d($value, 0, 0); 42 | -moz-transform: translate3d($value, 0, 0); 43 | -o-transform: translate3d($value, 0, 0); 44 | -ms-transform: translate3d($value, 0, 0); 45 | transform: translate3d($value, 0, 0); 46 | } 47 | 48 | @mixin transform-origin($coordinates){ 49 | -webkit-transform-origin: $coordinates; 50 | -moz-transform-origin: $coordinates; 51 | -o-transform-origin: $coordinates; 52 | -ms-transform-origin: $coordinates; 53 | transform-origin: $coordinates; 54 | } 55 | 56 | @mixin icon-gradient ($top-color, $bottom-color){ 57 | background: $top-color; 58 | background: -moz-linear-gradient(top, $top-color 0%, $bottom-color 100%); 59 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$top-color), color-stop(100%,$bottom-color)); 60 | background: -webkit-linear-gradient(top, $top-color 0%,$bottom-color 100%); 61 | background: -o-linear-gradient(top, $top-color 0%,$bottom-color 100%); 62 | background: -ms-linear-gradient(top, $top-color 0%,$bottom-color 100%); 63 | background: linear-gradient(to bottom, $top-color 0%,$bottom-color 100%); 64 | background-size: 150% 150%; 65 | } 66 | 67 | @mixin radial-gradient($extern-color, $center-color){ 68 | background: $extern-color; 69 | background: -moz-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* FF3.6+ */ 70 | background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$center-color), color-stop(100%,$extern-color)); /* Chrome,Safari4+ */ 71 | background: -webkit-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Chrome10+,Safari5.1+ */ 72 | background: -o-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Opera 12+ */ 73 | background: -ms-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* IE10+ */ 74 | background: radial-gradient(ellipse at center, $center-color 0%,$extern-color 100%); /* W3C */ 75 | background-size: 550% 450%; 76 | } 77 | 78 | @mixin vertical-align { 79 | position: relative; 80 | top: 50%; 81 | -webkit-transform: translateY(-50%); 82 | -ms-transform: translateY(-50%); 83 | transform: translateY(-50%); 84 | } 85 | 86 | @mixin rotate-180(){ 87 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); 88 | -webkit-transform: rotate(180deg); 89 | -ms-transform: rotate(180deg); 90 | transform: rotate(180deg); 91 | } 92 | 93 | @mixin bar-animation($type){ 94 | -webkit-animation: $type 500ms linear 0s; 95 | -moz-animation: $type 500ms linear 0s; 96 | animation: $type 500ms 0s; 97 | -webkit-animation-fill-mode: forwards; 98 | -moz-animation-fill-mode: forwards; 99 | animation-fill-mode: forwards; 100 | } 101 | 102 | @mixin topbar-x-rotation(){ 103 | @keyframes topbar-x { 104 | 0% {top: 0px; transform: rotate(0deg); } 105 | 45% {top: 6px; transform: rotate(145deg); } 106 | 75% {transform: rotate(130deg); } 107 | 100% {transform: rotate(135deg); } 108 | } 109 | @-webkit-keyframes topbar-x { 110 | 0% {top: 0px; -webkit-transform: rotate(0deg); } 111 | 45% {top: 6px; -webkit-transform: rotate(145deg); } 112 | 75% {-webkit-transform: rotate(130deg); } 113 | 100% { -webkit-transform: rotate(135deg); } 114 | } 115 | @-moz-keyframes topbar-x { 116 | 0% {top: 0px; -moz-transform: rotate(0deg); } 117 | 45% {top: 6px; -moz-transform: rotate(145deg); } 118 | 75% {-moz-transform: rotate(130deg); } 119 | 100% { -moz-transform: rotate(135deg); } 120 | } 121 | } 122 | 123 | @mixin topbar-back-rotation(){ 124 | @keyframes topbar-back { 125 | 0% { top: 6px; transform: rotate(135deg); } 126 | 45% { transform: rotate(-10deg); } 127 | 75% { transform: rotate(5deg); } 128 | 100% { top: 0px; transform: rotate(0); } 129 | } 130 | 131 | @-webkit-keyframes topbar-back { 132 | 0% { top: 6px; -webkit-transform: rotate(135deg); } 133 | 45% { -webkit-transform: rotate(-10deg); } 134 | 75% { -webkit-transform: rotate(5deg); } 135 | 100% { top: 0px; -webkit-transform: rotate(0); } 136 | } 137 | 138 | @-moz-keyframes topbar-back { 139 | 0% { top: 6px; -moz-transform: rotate(135deg); } 140 | 45% { -moz-transform: rotate(-10deg); } 141 | 75% { -moz-transform: rotate(5deg); } 142 | 100% { top: 0px; -moz-transform: rotate(0); } 143 | } 144 | } 145 | 146 | @mixin bottombar-x-rotation(){ 147 | @keyframes bottombar-x { 148 | 0% {bottom: 0px; transform: rotate(0deg);} 149 | 45% {bottom: 6px; transform: rotate(-145deg);} 150 | 75% {transform: rotate(-130deg);} 151 | 100% {transform: rotate(-135deg);} 152 | } 153 | @-webkit-keyframes bottombar-x { 154 | 0% {bottom: 0px; -webkit-transform: rotate(0deg);} 155 | 45% {bottom: 6px; -webkit-transform: rotate(-145deg);} 156 | 75% {-webkit-transform: rotate(-130deg);} 157 | 100% {-webkit-transform: rotate(-135deg);} 158 | } 159 | @-moz-keyframes bottombar-x { 160 | 0% {bottom: 0px; -moz-transform: rotate(0deg);} 161 | 45% {bottom: 6px; -moz-transform: rotate(-145deg);} 162 | 75% {-moz-transform: rotate(-130deg);} 163 | 100% {-moz-transform: rotate(-135deg);} 164 | } 165 | } 166 | 167 | @mixin bottombar-back-rotation{ 168 | @keyframes bottombar-back { 169 | 0% { bottom: 6px;transform: rotate(-135deg);} 170 | 45% { transform: rotate(10deg);} 171 | 75% { transform: rotate(-5deg);} 172 | 100% { bottom: 0px;transform: rotate(0);} 173 | } 174 | @-webkit-keyframes bottombar-back { 175 | 0% {bottom: 6px;-webkit-transform: rotate(-135deg);} 176 | 45% {-webkit-transform: rotate(10deg);} 177 | 75% {-webkit-transform: rotate(-5deg);} 178 | 100% {bottom: 0px;-webkit-transform: rotate(0);} 179 | } 180 | @-moz-keyframes bottombar-back { 181 | 0% {bottom: 6px;-moz-transform: rotate(-135deg);} 182 | 45% {-moz-transform: rotate(10deg);} 183 | 75% {-moz-transform: rotate(-5deg);} 184 | 100% {bottom: 0px;-moz-transform: rotate(0);} 185 | } 186 | 187 | } 188 | 189 | 190 | -------------------------------------------------------------------------------- /frontend/sass/lbd/_chartist.scss: -------------------------------------------------------------------------------- 1 | @mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) { 2 | display: block; 3 | position: relative; 4 | width: $width; 5 | 6 | &:before { 7 | display: block; 8 | float: left; 9 | content: ""; 10 | width: 0; 11 | height: 0; 12 | padding-bottom: $ratio * 100%; 13 | } 14 | 15 | &:after { 16 | content: ""; 17 | display: table; 18 | clear: both; 19 | } 20 | 21 | > svg { 22 | display: block; 23 | position: absolute; 24 | top: 0; 25 | left: 0; 26 | } 27 | } 28 | 29 | @mixin ct-align-justify($ct-text-align: $ct-text-align, $ct-text-justify: $ct-text-justify) { 30 | -webkit-box-align: $ct-text-align; 31 | -webkit-align-items: $ct-text-align; 32 | -ms-flex-align: $ct-text-align; 33 | align-items: $ct-text-align; 34 | -webkit-box-pack: $ct-text-justify; 35 | -webkit-justify-content: $ct-text-justify; 36 | -ms-flex-pack: $ct-text-justify; 37 | justify-content: $ct-text-justify; 38 | // Fallback to text-align for non-flex browsers 39 | @if($ct-text-justify == 'flex-start') { 40 | text-align: left; 41 | } @else if ($ct-text-justify == 'flex-end') { 42 | text-align: right; 43 | } @else { 44 | text-align: center; 45 | } 46 | } 47 | 48 | @mixin ct-flex() { 49 | // Fallback to block 50 | display: block; 51 | display: -webkit-box; 52 | display: -moz-box; 53 | display: -ms-flexbox; 54 | display: -webkit-flex; 55 | display: flex; 56 | } 57 | 58 | @mixin ct-chart-label($ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-text-line-height: $ct-text-line-height) { 59 | fill: $ct-text-color; 60 | color: $ct-text-color; 61 | font-size: $ct-text-size; 62 | line-height: $ct-text-line-height; 63 | } 64 | 65 | @mixin ct-chart-grid($ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray) { 66 | stroke: $ct-grid-color; 67 | stroke-width: $ct-grid-width; 68 | 69 | @if ($ct-grid-dasharray) { 70 | stroke-dasharray: $ct-grid-dasharray; 71 | } 72 | } 73 | 74 | @mixin ct-chart-point($ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape) { 75 | stroke-width: $ct-point-size; 76 | stroke-linecap: $ct-point-shape; 77 | } 78 | 79 | @mixin ct-chart-line($ct-line-width: $ct-line-width, $ct-line-dasharray: $ct-line-dasharray) { 80 | fill: none; 81 | stroke-width: $ct-line-width; 82 | 83 | @if ($ct-line-dasharray) { 84 | stroke-dasharray: $ct-line-dasharray; 85 | } 86 | } 87 | 88 | @mixin ct-chart-area($ct-area-opacity: $ct-area-opacity) { 89 | stroke: none; 90 | fill-opacity: $ct-area-opacity; 91 | } 92 | 93 | @mixin ct-chart-bar($ct-bar-width: $ct-bar-width) { 94 | fill: none; 95 | stroke-width: $ct-bar-width; 96 | } 97 | 98 | @mixin ct-chart-donut($ct-donut-width: $ct-donut-width) { 99 | fill: none; 100 | stroke-width: $ct-donut-width; 101 | } 102 | 103 | @mixin ct-chart-series-color($color) { 104 | .#{$ct-class-point}, .#{$ct-class-line}, .#{$ct-class-bar}, .#{$ct-class-slice-donut} { 105 | stroke: $color; 106 | } 107 | 108 | .#{$ct-class-slice-pie}, .#{$ct-class-area} { 109 | fill: $color; 110 | } 111 | } 112 | 113 | @mixin ct-chart($ct-container-ratio: $ct-container-ratio, $ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray, $ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape, $ct-line-width: $ct-line-width, $ct-bar-width: $ct-bar-width, $ct-donut-width: $ct-donut-width, $ct-series-names: $ct-series-names, $ct-series-colors: $ct-series-colors) { 114 | 115 | .#{$ct-class-label} { 116 | @include ct-chart-label($ct-text-color, $ct-text-size); 117 | } 118 | 119 | .#{$ct-class-chart-line} .#{$ct-class-label}, 120 | .#{$ct-class-chart-bar} .#{$ct-class-label} { 121 | @include ct-flex(); 122 | } 123 | 124 | .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} { 125 | @include ct-align-justify(flex-end, flex-start); 126 | // Fallback for browsers that don't support foreignObjects 127 | text-anchor: start; 128 | } 129 | 130 | .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} { 131 | @include ct-align-justify(flex-start, flex-start); 132 | // Fallback for browsers that don't support foreignObjects 133 | text-anchor: start; 134 | } 135 | 136 | .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} { 137 | @include ct-align-justify(flex-end, flex-end); 138 | // Fallback for browsers that don't support foreignObjects 139 | text-anchor: end; 140 | } 141 | 142 | .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} { 143 | @include ct-align-justify(flex-end, flex-start); 144 | // Fallback for browsers that don't support foreignObjects 145 | text-anchor: start; 146 | } 147 | 148 | .#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} { 149 | @include ct-align-justify(flex-end, center); 150 | // Fallback for browsers that don't support foreignObjects 151 | text-anchor: start; 152 | } 153 | 154 | .#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} { 155 | @include ct-align-justify(flex-start, center); 156 | // Fallback for browsers that don't support foreignObjects 157 | text-anchor: start; 158 | } 159 | 160 | .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} { 161 | @include ct-align-justify(flex-end, flex-start); 162 | // Fallback for browsers that don't support foreignObjects 163 | text-anchor: start; 164 | } 165 | 166 | .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} { 167 | @include ct-align-justify(flex-start, flex-start); 168 | // Fallback for browsers that don't support foreignObjects 169 | text-anchor: start; 170 | } 171 | 172 | .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} { 173 | //@include ct-chart-label($ct-text-color, $ct-text-size, center, $ct-vertical-text-justify); 174 | @include ct-align-justify(center, flex-end); 175 | // Fallback for browsers that don't support foreignObjects 176 | text-anchor: end; 177 | } 178 | 179 | .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} { 180 | @include ct-align-justify(center, flex-start); 181 | // Fallback for browsers that don't support foreignObjects 182 | text-anchor: end; 183 | } 184 | 185 | .#{$ct-class-grid} { 186 | @include ct-chart-grid($ct-grid-color, $ct-grid-width, $ct-grid-dasharray); 187 | } 188 | 189 | .#{$ct-class-point} { 190 | @include ct-chart-point($ct-point-size, $ct-point-shape); 191 | } 192 | 193 | .#{$ct-class-line} { 194 | @include ct-chart-line($ct-line-width); 195 | } 196 | 197 | .#{$ct-class-area} { 198 | @include ct-chart-area(); 199 | } 200 | 201 | .#{$ct-class-bar} { 202 | @include ct-chart-bar($ct-bar-width); 203 | } 204 | 205 | .#{$ct-class-slice-donut} { 206 | @include ct-chart-donut($ct-donut-width); 207 | } 208 | 209 | @if $ct-include-colored-series { 210 | @for $i from 0 to length($ct-series-names) { 211 | .#{$ct-class-series}-#{nth($ct-series-names, $i + 1)} { 212 | $color: nth($ct-series-colors, $i + 1); 213 | 214 | @include ct-chart-series-color($color); 215 | } 216 | } 217 | } 218 | } 219 | 220 | @if $ct-include-classes { 221 | @include ct-chart(); 222 | 223 | @if $ct-include-alternative-responsive-containers { 224 | @for $i from 0 to length($ct-scales-names) { 225 | .#{nth($ct-scales-names, $i + 1)} { 226 | @include ct-responsive-svg-container($ratio: nth($ct-scales, $i + 1)); 227 | } 228 | } 229 | } 230 | } -------------------------------------------------------------------------------- /frontend/sass/lbd/_navbars.scss: -------------------------------------------------------------------------------- 1 | .nav { 2 | > li{ 3 | > a:hover, 4 | > a:focus{ 5 | background-color: transparent; 6 | } 7 | } 8 | } 9 | .navbar{ 10 | border: $none; 11 | font-size: $font-size-navbar; 12 | border-radius: 0; 13 | 14 | .navbar-brand { 15 | font-weight: $font-weight-normal; 16 | margin: $navbar-margin-brand; 17 | padding: $navbar-padding-brand; 18 | font-size: $font-size-large-navbar; 19 | } 20 | .navbar-nav{ 21 | > li > a { 22 | padding: $navbar-padding-a; 23 | margin: $navbar-margin-a; 24 | position: relative; 25 | } 26 | > li > a.btn{ 27 | margin: $navbar-margin-a-btn; 28 | padding: $padding-base-vertical $padding-base-horizontal; 29 | } 30 | > li > a.btn-round{ 31 | margin: $navbar-margin-a-btn-round; 32 | } 33 | > li > a [class^="fa"]{ 34 | font-size: $font-size-large + 1; 35 | position: relative; 36 | line-height: 16px; 37 | top: 1px; 38 | } 39 | 40 | .notification{ 41 | position: absolute; 42 | background-color: #FB404B; 43 | text-align: center; 44 | border-radius: 10px; 45 | min-width: 18px; 46 | padding: 0 5px; 47 | height: 18px; 48 | font-size: 12px; 49 | color: #FFFFFF; 50 | font-weight: bold; 51 | line-height: 18px; 52 | top: 0px; 53 | left: 7px; 54 | } 55 | } 56 | .btn{ 57 | margin: $navbar-margin-btn; 58 | font-size: $font-size-base; 59 | } 60 | .btn-simple{ 61 | font-size: $font-size-medium; 62 | } 63 | .caret{ 64 | // @include center-item(); 65 | } 66 | 67 | &.fixed{ 68 | width: calc(100% - $sidebar-width); 69 | right: 0; 70 | left: auto; 71 | border-radius: 0; 72 | } 73 | 74 | } 75 | 76 | .navbar-nav > li > .dropdown-menu{ 77 | border-radius: $border-radius-extreme; 78 | margin-top: -5px; 79 | } 80 | 81 | .navbar-transparent, [class*="navbar-ct"]{ 82 | .navbar-brand{ 83 | color: $white-color; 84 | @include opacity(.9); 85 | 86 | &:focus, 87 | &:hover{ 88 | background-color: transparent; 89 | @include opacity(1); 90 | } 91 | } 92 | 93 | .navbar-nav{ 94 | > li > a:not(.btn){ 95 | color: $white-color; 96 | border-color: $white-color; 97 | @include opacity(0.8); 98 | } 99 | > .active > a:not(.btn), 100 | > .active > a:hover:not(.btn), 101 | > .active > a:focus:not(.btn), 102 | > li > a:hover:not(.btn), 103 | > li > a:focus:not(.btn){ 104 | background-color: transparent; 105 | border-radius: 3px; 106 | color: $white-color; 107 | @include opacity(1); 108 | } 109 | .nav > li > a.btn:hover{ 110 | background-color: transparent; 111 | } 112 | 113 | > .dropdown > a .caret, 114 | > .dropdown > a:hover .caret, 115 | > .dropdown > a:focus .caret{ 116 | border-bottom-color: $white-color; 117 | border-top-color: $white-color; 118 | } 119 | 120 | > .open > a, 121 | > .open > a:hover, 122 | > .open > a:focus { 123 | background-color: transparent; 124 | color: $white-color; 125 | @include opacity(1); 126 | } 127 | } 128 | 129 | .btn-default{ 130 | color: $white-color; 131 | border-color: $white-color; 132 | } 133 | .btn-default.btn-fill{ 134 | color: $dark-gray; 135 | background-color: $white-color; 136 | @include opacity(.9); 137 | } 138 | .btn-default.btn-fill:hover, 139 | .btn-default.btn-fill:focus, 140 | .btn-default.btn-fill:active, 141 | .btn-default.btn-fill.active, 142 | .open .dropdown-toggle.btn-fill.btn-default{ 143 | border-color: $white-color; 144 | @include opacity(1); 145 | } 146 | 147 | } 148 | .navbar-transparent{ 149 | .dropdown-menu .divider{ 150 | background-color: rgba($white-color,.2); 151 | } 152 | } 153 | 154 | .nav-open .nav .caret{ 155 | border-bottom-color: $white-color; 156 | border-top-color: $white-color; 157 | } 158 | 159 | .navbar-default { 160 | background-color: $white-navbar; 161 | border-bottom: 1px solid rgba(0, 0, 0, 0.1); 162 | 163 | .navbar-nav{ 164 | > li > a:not(.btn){ 165 | color: $dark-gray; 166 | } 167 | 168 | > .active > a, 169 | > .active > a:not(.btn):hover, 170 | > .active > a:not(.btn):focus, 171 | > li > a:not(.btn):hover, 172 | > li > a:not(.btn):focus { 173 | background-color: transparent; 174 | border-radius: 3px; 175 | color: $info-color; 176 | @include opacity(1); 177 | } 178 | 179 | > .dropdown > a:hover .caret, 180 | > .dropdown > a:focus .caret { 181 | border-bottom-color: $info-color; 182 | border-top-color: $info-color; 183 | 184 | } 185 | 186 | > .open > a, 187 | > .open > a:hover, 188 | > .open > a:focus{ 189 | background-color: transparent; 190 | color: $info-color; 191 | } 192 | 193 | .navbar-toggle:hover,.navbar-toggle:focus { 194 | background-color: transparent; 195 | } 196 | 197 | } 198 | 199 | &:not(.navbar-transparent) .btn-default:hover{ 200 | color: $info-color; 201 | border-color: $info-color; 202 | } 203 | &:not(.navbar-transparent) .btn-neutral, 204 | &:not(.navbar-transparent) .btn-neutral:hover, 205 | &:not(.navbar-transparent) .btn-neutral:active{ 206 | color: $dark-gray; 207 | } 208 | } 209 | 210 | /* Navbar with icons */ 211 | 212 | .navbar-icons{ 213 | &.navbar .navbar-brand{ 214 | margin-top: 12px; 215 | margin-bottom: 12px; 216 | } 217 | .navbar-nav{ 218 | > li > a{ 219 | text-align: center; 220 | padding: $navbar-padding-a-icons; 221 | margin: $navbar-margin-a-icons; 222 | } 223 | 224 | [class^="pe"] { 225 | font-size: 30px; 226 | position: relative; 227 | } 228 | p { 229 | margin: 3px 0 0; 230 | } 231 | } 232 | } 233 | 234 | .navbar-form{ 235 | @include box-shadow(none); 236 | .form-control{ 237 | @include light-form(); 238 | height: 22px; 239 | font-size: $font-size-navbar; 240 | line-height: $line-height-general; 241 | color: $light-gray; 242 | } 243 | .navbar-transparent & .form-control, 244 | [class*="navbar-ct"] & .form-control{ 245 | color: $white-color; 246 | border: $none; 247 | border-bottom: 1px solid rgba($white-color,.6); 248 | } 249 | 250 | } 251 | 252 | .navbar-ct-blue{ 253 | @include navbar-color($blue-navbar); 254 | } 255 | .navbar-ct-azure{ 256 | @include navbar-color($azure-navbar); 257 | } 258 | .navbar-ct-green{ 259 | @include navbar-color($green-navbar); 260 | } 261 | .navbar-ct-orange{ 262 | @include navbar-color($orange-navbar); 263 | } 264 | .navbar-ct-red{ 265 | @include navbar-color($red-navbar); 266 | } 267 | 268 | .navbar-transparent{ 269 | padding-top: 15px; 270 | background-color: transparent; 271 | border-bottom: 1px solid transparent; 272 | } 273 | 274 | .navbar-toggle{ 275 | margin-top: 19px; 276 | margin-bottom: 19px; 277 | border: $none; 278 | 279 | .icon-bar { 280 | background-color: $white-color; 281 | } 282 | .navbar-collapse, 283 | .navbar-form { 284 | border-color: transparent; 285 | } 286 | 287 | &.navbar-default .navbar-toggle:hover, 288 | &.navbar-default .navbar-toggle:focus { 289 | background-color: transparent; 290 | } 291 | } 292 | 293 | 294 | -------------------------------------------------------------------------------- /frontend/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Assetto Corsa Server Manager 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 26 | 27 | 28 | 29 | 30 |
31 |
32 |
33 | 38 | 76 |
77 |
78 | 79 |
80 | 96 | 97 |
98 |
99 |
100 | {{alert.msg}} 101 |
102 | 103 |
104 |
105 | Assetto Corsa Server 106 | 107 |
108 |
109 |

{{acServerStatus === 1 ? 'Running' : acServerStatus === 0 ? 'Stopped' : 'Loading...'}}

110 |
111 | 112 |
113 | 116 | 117 |
118 | 121 | 122 | 125 |
126 | Loading 127 |
128 |
129 |
130 | 131 |
132 | sTracker Server 133 | 134 |
135 |
136 |

{{sTrackerServerStatus === 1 ? 'Running' : acServerStatus === 0 ? 'Stopped' : 'Loading...'}}

137 |
138 | 139 |
140 | 143 | 144 |
145 | 148 | 149 | 152 |
153 | Loading 154 |
155 |
156 |
157 | 158 |
159 | Server Status 160 | 161 |
162 |
163 |

Current Session: {{serverStatus.session}}

164 |
165 |
166 |
167 |
168 |
169 |
170 | 171 | 197 |
198 |
199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | -------------------------------------------------------------------------------- /frontend/js/angular/angular-resource.min.js.map: -------------------------------------------------------------------------------- 1 | { 2 | "version":3, 3 | "file":"angular-resource.min.js", 4 | "lineCount":12, 5 | "mappings":"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", 6 | "sources":["angular-resource.js"], 7 | "names":["window","angular","undefined","shallowClearAndCopy","src","dst","forEach","value","key","hasOwnProperty","charAt","$resourceMinErr","$$minErr","MEMBER_NAME_REGEX","module","provider","defaults","stripTrailingSlashes","actions","method","isArray","$get","$http","$q","Route","template","extend","urlParams","resourceFactory","url","paramDefaults","options","extractParams","data","actionParams","ids","isFunction","path","test","keys","split","i","ii","length","obj","defaultResponseInterceptor","response","resource","Resource","route","prototype","toJSON","Resource.prototype.toJSON","$promise","$resolved","action","name","hasBody","a1","a2","a3","a4","params","success","error","arguments","isInstanceCall","httpConfig","responseInterceptor","interceptor","responseErrorInterceptor","responseError","copy","setUrlParams","promise","then","item","push","noop","reject","headers","result","call","bind","Resource.bind","additionalParamDefaults","config","actionUrl","self","val","encodedVal","param","RegExp","replace","_","urlParam","isDefined","encodeURIComponent","match","p1","leadingSlashes","tail"] 8 | } 9 | -------------------------------------------------------------------------------- /frontend/sass/lbd/_variables.scss: -------------------------------------------------------------------------------- 1 | //== Buttons 2 | // 3 | //## For each of Bootstrap's buttons, define text, background and border color. 4 | 5 | $none: 0 !default; 6 | $border-thin: 1px !default; 7 | $border-thick: 2px !default; 8 | 9 | $white-color: #FFFFFF !default; 10 | $white-bg: #FFFFFF !default; 11 | 12 | $smoke-bg: #F5F5F5 !default; 13 | 14 | $black-bg: rgba(30,30,30,.97) !default; 15 | 16 | $black-color: #333333 !default; 17 | $black-hr: #444444 !default; 18 | 19 | $light-gray: #E3E3E3 !default; 20 | $medium-gray: #DDDDDD !default; 21 | $medium-dark-gray: #AAAAAA !default; 22 | $dark-gray: #9A9A9A !default; 23 | 24 | $transparent-bg: transparent !default; 25 | 26 | $default-color: #888888 !default; 27 | $default-bg: #888888 !default; 28 | $default-states-color: #777777 !default; 29 | 30 | $primary-color: #3472F7 !default; 31 | $primary-bg: #3472F7 !default; 32 | $primary-states-color: #1D62F0 !default; 33 | 34 | $success-color: #87CB16 !default; 35 | $success-bg: #87CB16 !default; 36 | $success-states-color: #049F0C !default; 37 | 38 | $info-color: #1DC7EA !default; 39 | $info-bg: #1DC7EA !default; 40 | $info-states-color: lighten($info-color, 8%) !default; 41 | 42 | $warning-color: #FF9500 !default; 43 | $warning-bg: #FF9500 !default; 44 | $warning-states-color: #ED8D00 !default; 45 | 46 | 47 | $danger-color: #FF4A55 !default; 48 | $danger-bg: #FF4A55 !default; 49 | $danger-states-color: #EE2D20 !default; 50 | 51 | 52 | 53 | $link-disabled-color: #666666 !default; 54 | 55 | 56 | /* light colors */ 57 | $light-blue: rgba($primary-color, .2); 58 | $light-azure: rgba($info-color, .2); 59 | $light-green: rgba($success-color, .2); 60 | $light-orange: rgba($warning-color, .2); 61 | $light-red: rgba($danger-color, .2); 62 | 63 | 64 | //== Components 65 | // 66 | 67 | $padding-base-vertical: 8px !default; 68 | $padding-base-horizontal: 16px !default; 69 | 70 | $padding-round-vertical: 9px !default; 71 | $padding-round-horizontal: 18px !default; 72 | 73 | $padding-simple-vertical: 10px !default; 74 | $padding-simple-horizontal: 18px !default; 75 | 76 | $padding-large-vertical: 14px !default; 77 | $padding-large-horizontal: 30px !default; 78 | 79 | $padding-small-vertical: 5px !default; 80 | $padding-small-horizontal: 10px !default; 81 | 82 | $padding-xs-vertical: 1px !default; 83 | $padding-xs-horizontal: 5px !default; 84 | 85 | $padding-label-vertical: 2px !default; 86 | $padding-label-horizontal: 12px !default; 87 | 88 | $margin-large-vertical: 30px !default; 89 | $margin-base-vertical: 15px !default; 90 | 91 | $padding-zero: 0px !default; 92 | 93 | $margin-bottom: 0 0 10px 0 !default; 94 | $border-radius-small: 3px !default; 95 | $border-radius-base: 4px !default; 96 | $border-radius-large: 6px !default; 97 | $border-radius-extreme: 10px !default; 98 | 99 | $border-radius-large-top: $border-radius-large $border-radius-large 0 0 !default; 100 | $border-radius-large-bottom: 0 0 $border-radius-large $border-radius-large !default; 101 | 102 | $btn-round-radius: 30px !default; 103 | 104 | $height-base: 40px !default; 105 | 106 | $font-size-base: 14px !default; 107 | $font-size-small: 12px !default; 108 | $font-size-medium: 16px !default; 109 | $font-size-large: 18px !default; 110 | $font-size-large-navbar: 20px !default; 111 | 112 | $font-size-h1: 52px !default; 113 | $font-size-h2: 36px !default; 114 | $font-size-h3: 28px !default; 115 | $font-size-h4: 22px !default; 116 | $font-size-h5: 16px !default; 117 | $font-size-h6: 14px !default; 118 | $font-paragraph: 16px !default; 119 | $font-size-navbar: 16px !default; 120 | $font-size-small: 12px !default; 121 | 122 | $font-weight-light: 300 !default; 123 | $font-weight-normal: 400 !default; 124 | $font-weight-semi: 500 !default; 125 | $font-weight-bold: 600 !default; 126 | 127 | $line-height-general: 1.5 !default; 128 | $line-height: 20px !default; 129 | $line-height-lg: 54px !default; 130 | 131 | $sidebar-width: calc(100% - 260px) !default; 132 | 133 | 134 | $border-radius-top: 10px 10px 0 0 !default; 135 | $border-radius-bottom: 0 0 10px 10px !default; 136 | 137 | $dropdown-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); 138 | 139 | $general-transition-time: 300ms !default; 140 | 141 | $slow-transition-time: 370ms !default; 142 | $dropdown-coordinates: 29px -50px !default; 143 | 144 | $fast-transition-time: 150ms !default; 145 | 146 | $ultra-fast-transition-time: 100ms !default; 147 | 148 | $select-coordinates: 50% -40px !default; 149 | 150 | $transition-linear: linear !default; 151 | $transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default; 152 | $transition-ease: ease 0s; 153 | $transition-ease-in: ease-in !default; 154 | $transition-ease-out: ease-out !default; 155 | 156 | 157 | $navbar-padding-a: 10px 15px; 158 | $navbar-margin-a: 10px 3px; 159 | 160 | $padding-social-a: 10px 5px; 161 | 162 | $navbar-margin-a-btn: 15px 3px; 163 | $navbar-margin-a-btn-round: 16px 3px; 164 | 165 | $navbar-padding-a-icons: 6px 15px; 166 | $navbar-margin-a-icons: 6px 3px; 167 | 168 | $navbar-padding-brand: 15px 15px; 169 | $navbar-margin-brand: 5px 0px; 170 | 171 | $navbar-margin-brand-icons: 12px auto; 172 | 173 | $navbar-margin-btn: 15px 3px; 174 | 175 | $height-icon: 64px !default; 176 | $width-icon: 64px !default; 177 | $padding-icon: 12px !default; 178 | $border-radius-icon: 15px !default; 179 | 180 | $size-icon: 64px; 181 | $size-icon-sm: 32px; 182 | 183 | 184 | $height-icon-sm: 32px; 185 | $width-icon-sm: 32px; 186 | $padding-icon-sm: 4px; 187 | $border-radius-icon-sm: 7px; 188 | 189 | $height-icon-message: 40px; 190 | $width-icon-message: 40px; 191 | 192 | $height-icon-message-sm: 20px; 193 | $width-icon-message-sm: 20px; 194 | 195 | $default-color-top: #d9d9d9 !default; 196 | $default-color-bottom: #909297 !default; 197 | 198 | $blue-color-top: #4087ea; 199 | $blue-color-bottom: #533ce1; 200 | 201 | $azure-color-top: #45c0fd; 202 | $azure-color-bottom: #4091ff; 203 | 204 | $green-color-top: #a1eb3a; 205 | $green-color-bottom: #6dc030; 206 | 207 | $orange-color-top: #ffb33b; 208 | $orange-color-bottom: #ff5221; 209 | 210 | $red-color-top: #ff3b30; 211 | $red-color-bottom: #bb0502; 212 | 213 | $purple-color-top: #df55e1; 214 | $purple-color-bottom: #943bea; 215 | 216 | $pink-color-top: #ff2a63; 217 | $pink-color-bottom: #ff2e2e; 218 | 219 | $black-color-top: #787878; 220 | $black-color-bottom: #343434; 221 | 222 | $social-facebook: #3b5998; 223 | $social-twitter: #55acee; 224 | $social-pinterest: #cc2127; 225 | $social-google: #dd4b39; 226 | $social-linkedin: #0976b4; 227 | $social-dribbble: #ea4c89; 228 | $social-github: #333333; 229 | $social-youtube: #e52d27; 230 | $social-stumbleupon: #eb4924; 231 | $social-reddit: #ff4500; 232 | $social-tumblr: #35465c; 233 | $social-behance: #1769ff; 234 | 235 | 236 | $filter-blue: darken($primary-color, 10%); 237 | $filter-azure: darken($info-color, 10%); 238 | $filter-green: darken($success-color, 10%); 239 | $filter-orange: darken($warning-color, 10%); 240 | $filter-red: darken($danger-color, 10%); 241 | 242 | 243 | $new-blue: #1DC7EA; 244 | $new-purple: #9368E9; 245 | $new-red: #FB404B; 246 | $new-green: #87CB16; 247 | $new-orange: #FFA534; 248 | $new-dark-blue: #1F77D0; 249 | $new-black: #5e5e5e; 250 | 251 | 252 | $topbar-x: topbar-x !default; 253 | $topbar-back: topbar-back !default; 254 | $bottombar-x: bottombar-x !default; 255 | $bottombar-back: bottombar-back !default; 256 | 257 | 258 | $white-navbar: rgba(#FFFFFF, .96); 259 | $blue-navbar: lighten($new-dark-blue, 10%); 260 | $azure-navbar: lighten($new-blue, 15%); 261 | $green-navbar: lighten($new-green, 10%); 262 | $orange-navbar: lighten($new-orange, 10%); 263 | $red-navbar: lighten($new-red, 10%); 264 | 265 | 266 | -------------------------------------------------------------------------------- /frontend/advanced.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Assetto Corsa Server Manager 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 27 | 28 | 29 | 30 | 31 |
32 |
33 |
34 | 39 | 77 |
78 |
79 | 80 |
81 | 97 | 98 |
99 |
100 |
101 | {{alert.msg}} 102 |
103 | 104 |
105 | Advanced Rules 106 |
107 |
108 |
109 | 110 | 111 |
112 |
113 | 114 |
115 |
116 | 117 | 118 |
119 |
120 | 121 |
122 |
123 | 124 | 125 |
126 |
127 |
128 | 129 |
130 |
131 |
132 | 133 | 134 |
135 |
136 | 137 |
138 |
139 | 140 | 145 |
146 |
147 | 148 |
149 |
150 | 151 | 152 |
153 |
154 |
155 | 156 |
157 |
158 |
159 | 160 | 161 |
162 |
163 | 164 |
165 |
168 |
169 |
170 | 171 |
172 | 173 |
174 | Plugin 175 |
176 |
177 |
178 | 179 | 180 |
181 |
182 | 183 |
184 |
185 | 186 | 187 |
188 |
189 | 190 |
191 |
192 | 193 | 194 |
195 |
196 |
197 |
198 | 199 |
200 |
201 | 202 |
203 |
204 |
205 |
206 |
207 | 208 | 234 |
235 |
236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | -------------------------------------------------------------------------------- /frontend/app/services.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | angular.module('acServerManager.services', ['ngResource']). 4 | factory('CarService', function($resource) { 5 | return { 6 | GetCars: function(callback) { 7 | var resource = $resource('/api/cars'); 8 | var result = resource.query(function() { 9 | callback(result); 10 | }); 11 | }, 12 | GetSkins: function(car, callback) { 13 | var resource = $resource('/api/cars/:car'); 14 | var result = resource.get({car: car}, function() { 15 | callback(result); 16 | }); 17 | } 18 | }; 19 | }). 20 | factory('TrackService', function($resource) { 21 | return { 22 | GetTracks: function(callback) { 23 | var resource = $resource('/api/tracks'); 24 | var result = resource.query(function() { 25 | callback(result); 26 | }); 27 | }, 28 | GetTrackDetails: function(track, config, callback) { 29 | if (config) { 30 | var resource = $resource('/api/tracks/:track/:config'); 31 | var result = resource.get({track: track, config: config}, function() { 32 | callback(result); 33 | }, function() { 34 | callback(null); 35 | }); 36 | } else { 37 | var resource = $resource('/api/tracks/:track'); 38 | var result = resource.get({track: track}, function() { 39 | callback(result); 40 | }, function() { 41 | callback(null); 42 | }); 43 | } 44 | } 45 | }; 46 | }). 47 | factory('ServerService', function($resource) { 48 | return { 49 | GetServerDetails: function(callback) { 50 | var resource = $resource('/api/server'); 51 | var result = resource.get(function() { 52 | callback(result); 53 | }); 54 | }, 55 | GetServerDetail: function(id, callback) { 56 | var resource = $resource('/api/server/:id'); 57 | var result = resource.get({id: id}, function() { 58 | callback(result); 59 | }); 60 | }, 61 | SaveServerDetails: function(data, callback) { 62 | var resource = $resource('/api/server'); 63 | var result = resource.save(data, function () { 64 | callback(result); 65 | }); 66 | }, 67 | GetServerStatus: function(callback) { 68 | var resource = $resource('/api/server/status'); 69 | var result = resource.get(function() { 70 | callback(result); 71 | }); 72 | }, 73 | }; 74 | }). 75 | factory('BookService', function($resource) { 76 | return { 77 | GetBookingDetails: function(callback) { 78 | var resource = $resource('/api/book'); 79 | var result = resource.get(function() { 80 | callback(result); 81 | }); 82 | }, 83 | SaveBookingDetails: function(data, callback) { 84 | var resource = $resource('/api/book'); 85 | var result = resource.save(data, function () { 86 | callback(result); 87 | }); 88 | } 89 | }; 90 | }). 91 | factory('PracticeService', function($resource) { 92 | return { 93 | GetPracticeDetails: function(callback) { 94 | var resource = $resource('/api/practice'); 95 | var result = resource.get(function() { 96 | callback(result); 97 | }); 98 | }, 99 | SavePracticeDetails: function(data, callback) { 100 | var resource = $resource('/api/practice'); 101 | var result = resource.save(data, function () { 102 | callback(result); 103 | }); 104 | } 105 | }; 106 | }). 107 | factory('QualifyService', function($resource) { 108 | return { 109 | GetQualifyDetails: function(callback) { 110 | var resource = $resource('/api/qualify'); 111 | var result = resource.get(function() { 112 | callback(result); 113 | }); 114 | }, 115 | SaveQualifyDetails: function(data, callback) { 116 | var resource = $resource('/api/qualify'); 117 | var result = resource.save(data, function () { 118 | callback(result); 119 | }); 120 | } 121 | }; 122 | }). 123 | factory('RaceService', function($resource) { 124 | return { 125 | GetRaceDetails: function(callback) { 126 | var resource = $resource('/api/race'); 127 | var result = resource.get(function() { 128 | callback(result); 129 | }); 130 | }, 131 | SaveRaceDetails: function(data, callback) { 132 | var resource = $resource('/api/race'); 133 | var result = resource.save(data, function () { 134 | callback(result); 135 | }); 136 | } 137 | }; 138 | }). 139 | factory('DynamicTrackService', function($resource) { 140 | return { 141 | GetDynamicTrackDetails: function(callback) { 142 | var resource = $resource('/api/dynamictrack'); 143 | var result = resource.get(function() { 144 | callback(result); 145 | }); 146 | }, 147 | SaveDynamicTrackDetails: function(data, callback) { 148 | var resource = $resource('/api/dynamictrack'); 149 | var result = resource.save(data, function () { 150 | callback(result); 151 | }); 152 | } 153 | }; 154 | }). 155 | factory('WeatherService', function($resource) { 156 | return { 157 | GetWeather: function(callback) { 158 | var resource = $resource('/api/weather'); 159 | var result = resource.query(function() { 160 | callback(result); 161 | }); 162 | }, 163 | SaveWeather: function(data, callback) { 164 | var resource = $resource('/api/weather'); 165 | var result = resource.save(data, function () { 166 | callback(result); 167 | }); 168 | } 169 | }; 170 | }). 171 | factory('ProcessService', function($resource, $timeout) { 172 | return { 173 | ACServerStatus: function(callback) { 174 | var resource = $resource('/api/acserver/status'); 175 | var result = resource.get(function() { 176 | callback(result); 177 | }); 178 | }, 179 | StartACServer: function (callback) { 180 | var resource = $resource('/api/acserver'); 181 | var result = resource.save(function () { 182 | callback(result); 183 | }); 184 | }, 185 | StopACServer: function (callback) { 186 | var resource = $resource('/api/acserver/stop'); 187 | var result = resource.save(function () { 188 | callback(result); 189 | }); 190 | }, 191 | RestartACServer: function (callback) { 192 | var resource = $resource('/api/acserver/stop'); 193 | var result = resource.save(function () { 194 | $timeout(function() { 195 | var resource = $resource('/api/acserver'); 196 | var result = resource.save(function () { 197 | callback(result); 198 | }); 199 | }, 500); 200 | }); 201 | }, 202 | STrackerServerStatus: function(callback) { 203 | var resource = $resource('/api/strackerserver/status'); 204 | var result = resource.get(function() { 205 | callback(result); 206 | }); 207 | }, 208 | StartSTrackerServer: function (callback) { 209 | var resource = $resource('/api/strackerserver'); 210 | var result = resource.save(function () { 211 | callback(result); 212 | }); 213 | }, 214 | StopSTrackerServer: function (callback) { 215 | var resource = $resource('/api/strackerserver/stop'); 216 | var result = resource.save(function () { 217 | callback(result); 218 | }); 219 | }, 220 | RestartSTrackerServer: function (callback) { 221 | var resource = $resource('/api/strackerserver/stop'); 222 | var result = resource.save(function () { 223 | var resource = $resource('/api/strackerserver'); 224 | var result = resource.save(function () { 225 | callback(result); 226 | }); 227 | }); 228 | } 229 | }; 230 | }). 231 | factory('EntryListService', function($resource) { 232 | return { 233 | GetEntryList: function(callback) { 234 | var resource = $resource('/api/entrylist'); 235 | var result = resource.get(function() { 236 | callback(result); 237 | }); 238 | }, 239 | SaveEntryList: function(data, callback) { 240 | var resource = $resource('/api/entrylist'); 241 | var result = resource.save(data, function() { 242 | callback(result); 243 | }); 244 | } 245 | }; 246 | }). 247 | factory('DriverService', function($resource) { 248 | return { 249 | GetDrivers: function(callback) { 250 | var resource = $resource('/api/drivers'); 251 | var result = resource.query(function() { 252 | callback(result); 253 | }); 254 | }, 255 | SaveDriver: function(data, callback) { 256 | var resource = $resource('/api/drivers'); 257 | var result = resource.save(data, function() { 258 | callback(result); 259 | }); 260 | }, 261 | DeleteDriver: function(guid, callback) { 262 | var resource = $resource('/api/drivers/:guid'); 263 | var result = resource.delete({guid: guid}, function() { 264 | callback(result); 265 | }); 266 | } 267 | }; 268 | }). 269 | factory('TyreService', function($resource) { 270 | return { 271 | GetTyres: function(cars, callback) { 272 | var resource = $resource('/api/tyres'); 273 | var result = resource.get({cars: cars}, function() { 274 | callback(result); 275 | }); 276 | } 277 | }; 278 | }); -------------------------------------------------------------------------------- /frontend/sass/lbd/_responsive.scss: -------------------------------------------------------------------------------- 1 | @media (min-width: 992px){ 2 | .navbar-form { 3 | margin-top: 21px; 4 | margin-bottom: 21px; 5 | padding-left: 5px; 6 | padding-right: 5px; 7 | } 8 | .navbar-nav > li > .dropdown-menu, .dropdown .dropdown-menu{ 9 | @include transform-scale(0); 10 | @include transition($slow-transition-time, $transition-bezier); 11 | } 12 | .navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu{ 13 | @include transform-scale(1); 14 | @include transform-origin($dropdown-coordinates); 15 | 16 | } 17 | 18 | .navbar-nav > li > .dropdown-menu:before{ 19 | border-bottom: 11px solid rgba(0, 0, 0, 0.2); 20 | border-left: 11px solid rgba(0, 0, 0, 0); 21 | border-right: 11px solid rgba(0, 0, 0, 0); 22 | content: ""; 23 | display: inline-block; 24 | position: absolute; 25 | left: 12px; 26 | top: -11px; 27 | } 28 | .navbar-nav > li > .dropdown-menu:after { 29 | border-bottom: 11px solid #FFFFFF; 30 | border-left: 11px solid rgba(0, 0, 0, 0); 31 | border-right: 11px solid rgba(0, 0, 0, 0); 32 | content: ""; 33 | display: inline-block; 34 | position: absolute; 35 | left: 12px; 36 | top: -10px; 37 | } 38 | 39 | .navbar-nav.navbar-right > li > .dropdown-menu:before{ 40 | left: auto; 41 | right: 12px; 42 | } 43 | 44 | .navbar-nav.navbar-right > li > .dropdown-menu:after{ 45 | left: auto; 46 | right: 12px; 47 | } 48 | 49 | .footer:not(.footer-big){ 50 | nav > ul{ 51 | li:first-child{ 52 | margin-left: 0; 53 | } 54 | } 55 | } 56 | 57 | body > .navbar-collapse.collapse{ 58 | display: none !important; 59 | } 60 | 61 | .card{ 62 | form{ 63 | [class*="col-"]{ 64 | padding: 6px; 65 | } 66 | [class*="col-"]:first-child{ 67 | padding-left: 15px; 68 | } 69 | [class*="col-"]:last-child{ 70 | padding-right: 15px; 71 | } 72 | } 73 | } 74 | } 75 | 76 | /* Changes for small display */ 77 | 78 | @media (max-width: 991px){ 79 | .sidebar{ 80 | display: none; 81 | } 82 | 83 | .main-panel{ 84 | width: 100%; 85 | } 86 | .navbar-transparent{ 87 | padding-top: 15px; 88 | background-color: rgba(0, 0, 0, 0.45); 89 | } 90 | body { 91 | position: relative; 92 | } 93 | .wrapper{ 94 | @include transform-translate-x(0px); 95 | @include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1)); 96 | left: 0; 97 | background-color: white; 98 | } 99 | .navbar .container{ 100 | left: 0; 101 | width: 100%; 102 | @include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1)); 103 | position: relative; 104 | } 105 | .navbar .navbar-collapse.collapse, 106 | .navbar .navbar-collapse.collapse.in, 107 | .navbar .navbar-collapse.collapsing{ 108 | display: none !important; 109 | } 110 | 111 | .navbar-nav > li{ 112 | float: none; 113 | position: relative; 114 | display: block; 115 | } 116 | 117 | body > .navbar-collapse { 118 | position: fixed; 119 | display: block; 120 | top: 0; 121 | height: 100%; 122 | right: 0; 123 | left: auto; 124 | z-index: 1032; 125 | visibility: visible; 126 | background-color: #999; 127 | overflow-y: visible; 128 | border-top: none; 129 | text-align: left; 130 | padding: 0; 131 | 132 | @include transform-translate-x(260px); 133 | @include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1)); 134 | > ul { 135 | position: relative; 136 | z-index: 4; 137 | overflow-y:scroll; 138 | height: calc(100vh - 61px); 139 | width: 100%; 140 | } 141 | 142 | &::before{ 143 | top: 0; 144 | left: 0; 145 | height: 100%; 146 | width: 100%; 147 | position: absolute; 148 | background-color: #282828; 149 | display: block; 150 | content: ""; 151 | z-index: 1; 152 | } 153 | 154 | .logo{ 155 | position: relative; 156 | z-index: 4; 157 | } 158 | 159 | .nav li > a{ 160 | padding: 10px 15px; 161 | } 162 | } 163 | .nav-open .navbar-collapse{ 164 | @include transform-translate-x(0px); 165 | } 166 | .nav-open .navbar .container{ 167 | left: -250px; 168 | } 169 | .nav-open .wrapper{ 170 | left: 0; 171 | @include transform-translate-x(-260px); 172 | } 173 | .navbar-toggle .icon-bar { 174 | display: block; 175 | position: relative; 176 | background: #fff; 177 | width: 24px; 178 | height: 2px; 179 | border-radius: 1px; 180 | margin: 0 auto; 181 | } 182 | 183 | .navbar-header .navbar-toggle { 184 | margin: 10px 15px 10px 0; 185 | width: 40px; 186 | height: 40px; 187 | } 188 | .bar1, 189 | .bar2, 190 | .bar3 { 191 | outline: 1px solid transparent; 192 | } 193 | .bar1 { 194 | top: 0px; 195 | @include bar-animation($topbar-back); 196 | } 197 | .bar2 { 198 | opacity: 1; 199 | } 200 | .bar3 { 201 | bottom: 0px; 202 | @include bar-animation($bottombar-back); 203 | } 204 | .toggled .bar1 { 205 | top: 6px; 206 | @include bar-animation($topbar-x); 207 | } 208 | .toggled .bar2 { 209 | opacity: 0; 210 | } 211 | .toggled .bar3 { 212 | bottom: 6px; 213 | @include bar-animation($bottombar-x); 214 | } 215 | 216 | @include topbar-x-rotation(); 217 | @include topbar-back-rotation(); 218 | @include bottombar-x-rotation(); 219 | @include bottombar-back-rotation(); 220 | 221 | @-webkit-keyframes fadeIn { 222 | 0% {opacity: 0;} 223 | 100% {opacity: 1;} 224 | } 225 | @-moz-keyframes fadeIn { 226 | 0% {opacity: 0;} 227 | 100% {opacity: 1;} 228 | } 229 | @keyframes fadeIn { 230 | 0% {opacity: 0;} 231 | 100% {opacity: 1;} 232 | } 233 | 234 | .dropdown-menu .divider{ 235 | background-color: rgba(229, 229, 229, 0.15); 236 | } 237 | 238 | .navbar-nav { 239 | margin: 1px 0; 240 | 241 | .open .dropdown-menu > li { 242 | & > a{ 243 | padding: 10px 15px 10px 60px; 244 | } 245 | } 246 | } 247 | 248 | [class*="navbar-"] .navbar-nav { 249 | & > li > a, 250 | > li > a:hover, 251 | > li > a:focus, 252 | .active > a, 253 | .active > a:hover, 254 | .active > a:focus, 255 | .open .dropdown-menu > li > a, 256 | .open .dropdown-menu > li > a:hover, 257 | .open .dropdown-menu > li > a:focus, 258 | .open .dropdown-menu > li > a:active { 259 | color: white; 260 | } 261 | 262 | & > li > a, 263 | > li > a:hover, 264 | > li > a:focus{ 265 | opacity: .7; 266 | background-color: transparent; 267 | outline: none; 268 | } 269 | 270 | .open .dropdown-menu > li > a:hover, 271 | .open .dropdown-menu > li > a:focus{ 272 | background-color: rgba(255,255,255, .1); 273 | } 274 | 275 | 276 | 277 | &.navbar-nav .open .dropdown-menu > li > a:active { 278 | opacity: 1; 279 | } 280 | 281 | & .dropdown > a{ 282 | &:hover .caret { 283 | border-bottom-color: #fff; 284 | border-top-color: #fff; 285 | } 286 | &:active .caret { 287 | border-bottom-color: white; 288 | border-top-color: white; 289 | } 290 | } 291 | 292 | } 293 | 294 | .dropdown-menu { 295 | display: none; 296 | } 297 | .navbar-fixed-top { 298 | -webkit-backface-visibility: hidden; 299 | } 300 | #bodyClick { 301 | height: 100%; 302 | width: 100%; 303 | position: fixed; 304 | opacity: 0; 305 | top: 0; 306 | left: auto; 307 | right: 250px; 308 | content: ""; 309 | z-index: 9999; 310 | overflow-x: hidden; 311 | } 312 | 313 | .social-line .btn{ 314 | margin: $margin-bottom; 315 | } 316 | .subscribe-line .form-control{ 317 | margin: $margin-bottom; 318 | } 319 | .social-line.pull-right{ 320 | float: none; 321 | } 322 | .footer nav.pull-left{ 323 | float: none !important; 324 | } 325 | .footer:not(.footer-big) nav > ul li{ 326 | float: none; 327 | } 328 | .social-area.pull-right{ 329 | float: none !important; 330 | } 331 | .form-control + .form-control-feedback{ 332 | margin-top: -8px; 333 | } 334 | .navbar-toggle:hover,.navbar-toggle:focus { 335 | background-color: transparent !important; 336 | } 337 | .btn.dropdown-toggle{ 338 | margin-bottom: 0; 339 | } 340 | .media-post .author{ 341 | width: 20%; 342 | float: none !important; 343 | display: block; 344 | margin: 0 auto 10px; 345 | } 346 | .media-post .media-body{ 347 | width: 100%; 348 | } 349 | 350 | .navbar-collapse.collapse{ 351 | height: 100% !important; 352 | } 353 | .navbar-collapse.collapse.in { 354 | display: block; 355 | } 356 | .navbar-header .collapse, .navbar-toggle { 357 | display:block !important; 358 | } 359 | .navbar-header { 360 | float:none; 361 | } 362 | .navbar-nav .open .dropdown-menu { 363 | position: static; 364 | float: none; 365 | width: auto; 366 | margin-top: 0; 367 | background-color: transparent; 368 | border: 0; 369 | -webkit-box-shadow: none; 370 | box-shadow: none; 371 | } 372 | .navbar-collapse{ 373 | .nav p{ 374 | font-size: $font-size-base; 375 | margin: 0; 376 | } 377 | 378 | [class^="pe-7s-"]{ 379 | float: left; 380 | font-size: 20px; 381 | margin-right: 10px; 382 | } 383 | } 384 | } 385 | 386 | //overwrite table responsive for 768px screens 387 | 388 | @media (min-width: 992px){ 389 | .table-full-width{ 390 | margin-left: -15px; 391 | margin-right: -15px; 392 | } 393 | .table-responsive{ 394 | overflow: visible; 395 | } 396 | 397 | .navbar-nav p{ 398 | line-height: normal; 399 | margin: 0; 400 | } 401 | 402 | } 403 | 404 | @media (max-width: 991px){ 405 | .table-responsive { 406 | width: 100%; 407 | margin-bottom: 15px; 408 | overflow-x: scroll; 409 | overflow-y: hidden; 410 | -ms-overflow-style: -ms-autohiding-scrollbar; 411 | -webkit-overflow-scrolling: touch; 412 | } 413 | 414 | } -------------------------------------------------------------------------------- /frontend/rules.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Assetto Corsa Server Manager 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 27 | 28 | 29 | 30 | 31 |
32 |
33 |
34 | 39 | 77 |
78 |
79 | 80 |
81 | 97 | 98 |
99 |
100 |
101 | {{alert.msg}} 102 |
103 | 104 |
105 |
106 | Driver Assists 107 | 108 |
109 |
110 |
111 | 112 | 113 |
114 |
115 | 116 |
117 |
118 | 119 | 120 |
121 |
122 |
123 | 124 |
125 |
126 | 127 |
128 | 131 |
132 |
133 | 134 |
135 | 136 |
137 | 140 |
141 |
142 | 143 |
144 | 145 |
146 | 149 |
150 |
151 | 152 |
153 | 154 |
155 | 158 |
159 |
160 |
161 |
162 | 163 |
164 | Dynamic Track 165 | 166 |
167 |
168 |
169 | 172 |
173 |
174 |
175 | 176 |
177 |
178 |
179 | 180 | 181 |
182 |
183 | 184 |
185 |
186 | 187 | 188 |
189 |
190 | 191 |
192 |
193 | 194 | 195 |
196 |
197 | 198 |
199 |
200 | 201 | 202 |
203 |
204 |
205 |
206 | 207 |
208 | Racing Rules 209 | 210 |
211 |
212 |
213 | 214 | 221 |
222 |
223 | 224 |
225 |
226 | 227 | 228 |
229 |
230 | 231 |
232 |
233 | 234 | 235 |
236 |
237 | 238 |
239 |
240 | 241 | 242 |
243 |
244 | 245 |
246 |
247 | 248 | 252 |
253 |
254 | 255 |
256 |
257 | 258 | 259 |
260 |
261 | 262 | 263 |
264 |
265 | 266 |
267 |
268 | 269 |
270 |
271 |
272 |
273 |
274 | 275 | 301 |
302 |
303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | -------------------------------------------------------------------------------- /frontend/css/pe-icon-7-stroke.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Pe-icon-7-stroke'; 3 | src:url('../fonts/Pe-icon-7-stroke.eot?d7yf1v'); 4 | src:url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), 5 | url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), 6 | url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), 7 | url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | [class^="pe-7s-"], [class*=" pe-7s-"] { 13 | display: inline-block; 14 | font-family: 'Pe-icon-7-stroke'; 15 | speak: none; 16 | font-style: normal; 17 | font-weight: normal; 18 | font-variant: normal; 19 | text-transform: none; 20 | line-height: 1; 21 | 22 | /* Better Font Rendering =========== */ 23 | -webkit-font-smoothing: antialiased; 24 | -moz-osx-font-smoothing: grayscale; 25 | } 26 | 27 | .pe-7s-album:before { 28 | content: "\e6aa"; 29 | } 30 | .pe-7s-arc:before { 31 | content: "\e6ab"; 32 | } 33 | .pe-7s-back-2:before { 34 | content: "\e6ac"; 35 | } 36 | .pe-7s-bandaid:before { 37 | content: "\e6ad"; 38 | } 39 | .pe-7s-car:before { 40 | content: "\e6ae"; 41 | } 42 | .pe-7s-diamond:before { 43 | content: "\e6af"; 44 | } 45 | .pe-7s-door-lock:before { 46 | content: "\e6b0"; 47 | } 48 | .pe-7s-eyedropper:before { 49 | content: "\e6b1"; 50 | } 51 | .pe-7s-female:before { 52 | content: "\e6b2"; 53 | } 54 | .pe-7s-gym:before { 55 | content: "\e6b3"; 56 | } 57 | .pe-7s-hammer:before { 58 | content: "\e6b4"; 59 | } 60 | .pe-7s-headphones:before { 61 | content: "\e6b5"; 62 | } 63 | .pe-7s-helm:before { 64 | content: "\e6b6"; 65 | } 66 | .pe-7s-hourglass:before { 67 | content: "\e6b7"; 68 | } 69 | .pe-7s-leaf:before { 70 | content: "\e6b8"; 71 | } 72 | .pe-7s-magic-wand:before { 73 | content: "\e6b9"; 74 | } 75 | .pe-7s-male:before { 76 | content: "\e6ba"; 77 | } 78 | .pe-7s-map-2:before { 79 | content: "\e6bb"; 80 | } 81 | .pe-7s-next-2:before { 82 | content: "\e6bc"; 83 | } 84 | .pe-7s-paint-bucket:before { 85 | content: "\e6bd"; 86 | } 87 | .pe-7s-pendrive:before { 88 | content: "\e6be"; 89 | } 90 | .pe-7s-photo:before { 91 | content: "\e6bf"; 92 | } 93 | .pe-7s-piggy:before { 94 | content: "\e6c0"; 95 | } 96 | .pe-7s-plugin:before { 97 | content: "\e6c1"; 98 | } 99 | .pe-7s-refresh-2:before { 100 | content: "\e6c2"; 101 | } 102 | .pe-7s-rocket:before { 103 | content: "\e6c3"; 104 | } 105 | .pe-7s-settings:before { 106 | content: "\e6c4"; 107 | } 108 | .pe-7s-shield:before { 109 | content: "\e6c5"; 110 | } 111 | .pe-7s-smile:before { 112 | content: "\e6c6"; 113 | } 114 | .pe-7s-usb:before { 115 | content: "\e6c7"; 116 | } 117 | .pe-7s-vector:before { 118 | content: "\e6c8"; 119 | } 120 | .pe-7s-wine:before { 121 | content: "\e6c9"; 122 | } 123 | .pe-7s-cloud-upload:before { 124 | content: "\e68a"; 125 | } 126 | .pe-7s-cash:before { 127 | content: "\e68c"; 128 | } 129 | .pe-7s-close:before { 130 | content: "\e680"; 131 | } 132 | .pe-7s-bluetooth:before { 133 | content: "\e68d"; 134 | } 135 | .pe-7s-cloud-download:before { 136 | content: "\e68b"; 137 | } 138 | .pe-7s-way:before { 139 | content: "\e68e"; 140 | } 141 | .pe-7s-close-circle:before { 142 | content: "\e681"; 143 | } 144 | .pe-7s-id:before { 145 | content: "\e68f"; 146 | } 147 | .pe-7s-angle-up:before { 148 | content: "\e682"; 149 | } 150 | .pe-7s-wristwatch:before { 151 | content: "\e690"; 152 | } 153 | .pe-7s-angle-up-circle:before { 154 | content: "\e683"; 155 | } 156 | .pe-7s-world:before { 157 | content: "\e691"; 158 | } 159 | .pe-7s-angle-right:before { 160 | content: "\e684"; 161 | } 162 | .pe-7s-volume:before { 163 | content: "\e692"; 164 | } 165 | .pe-7s-angle-right-circle:before { 166 | content: "\e685"; 167 | } 168 | .pe-7s-users:before { 169 | content: "\e693"; 170 | } 171 | .pe-7s-angle-left:before { 172 | content: "\e686"; 173 | } 174 | .pe-7s-user-female:before { 175 | content: "\e694"; 176 | } 177 | .pe-7s-angle-left-circle:before { 178 | content: "\e687"; 179 | } 180 | .pe-7s-up-arrow:before { 181 | content: "\e695"; 182 | } 183 | .pe-7s-angle-down:before { 184 | content: "\e688"; 185 | } 186 | .pe-7s-switch:before { 187 | content: "\e696"; 188 | } 189 | .pe-7s-angle-down-circle:before { 190 | content: "\e689"; 191 | } 192 | .pe-7s-scissors:before { 193 | content: "\e697"; 194 | } 195 | .pe-7s-wallet:before { 196 | content: "\e600"; 197 | } 198 | .pe-7s-safe:before { 199 | content: "\e698"; 200 | } 201 | .pe-7s-volume2:before { 202 | content: "\e601"; 203 | } 204 | .pe-7s-volume1:before { 205 | content: "\e602"; 206 | } 207 | .pe-7s-voicemail:before { 208 | content: "\e603"; 209 | } 210 | .pe-7s-video:before { 211 | content: "\e604"; 212 | } 213 | .pe-7s-user:before { 214 | content: "\e605"; 215 | } 216 | .pe-7s-upload:before { 217 | content: "\e606"; 218 | } 219 | .pe-7s-unlock:before { 220 | content: "\e607"; 221 | } 222 | .pe-7s-umbrella:before { 223 | content: "\e608"; 224 | } 225 | .pe-7s-trash:before { 226 | content: "\e609"; 227 | } 228 | .pe-7s-tools:before { 229 | content: "\e60a"; 230 | } 231 | .pe-7s-timer:before { 232 | content: "\e60b"; 233 | } 234 | .pe-7s-ticket:before { 235 | content: "\e60c"; 236 | } 237 | .pe-7s-target:before { 238 | content: "\e60d"; 239 | } 240 | .pe-7s-sun:before { 241 | content: "\e60e"; 242 | } 243 | .pe-7s-study:before { 244 | content: "\e60f"; 245 | } 246 | .pe-7s-stopwatch:before { 247 | content: "\e610"; 248 | } 249 | .pe-7s-star:before { 250 | content: "\e611"; 251 | } 252 | .pe-7s-speaker:before { 253 | content: "\e612"; 254 | } 255 | .pe-7s-signal:before { 256 | content: "\e613"; 257 | } 258 | .pe-7s-shuffle:before { 259 | content: "\e614"; 260 | } 261 | .pe-7s-shopbag:before { 262 | content: "\e615"; 263 | } 264 | .pe-7s-share:before { 265 | content: "\e616"; 266 | } 267 | .pe-7s-server:before { 268 | content: "\e617"; 269 | } 270 | .pe-7s-search:before { 271 | content: "\e618"; 272 | } 273 | .pe-7s-film:before { 274 | content: "\e6a5"; 275 | } 276 | .pe-7s-science:before { 277 | content: "\e619"; 278 | } 279 | .pe-7s-disk:before { 280 | content: "\e6a6"; 281 | } 282 | .pe-7s-ribbon:before { 283 | content: "\e61a"; 284 | } 285 | .pe-7s-repeat:before { 286 | content: "\e61b"; 287 | } 288 | .pe-7s-refresh:before { 289 | content: "\e61c"; 290 | } 291 | .pe-7s-add-user:before { 292 | content: "\e6a9"; 293 | } 294 | .pe-7s-refresh-cloud:before { 295 | content: "\e61d"; 296 | } 297 | .pe-7s-paperclip:before { 298 | content: "\e69c"; 299 | } 300 | .pe-7s-radio:before { 301 | content: "\e61e"; 302 | } 303 | .pe-7s-note2:before { 304 | content: "\e69d"; 305 | } 306 | .pe-7s-print:before { 307 | content: "\e61f"; 308 | } 309 | .pe-7s-network:before { 310 | content: "\e69e"; 311 | } 312 | .pe-7s-prev:before { 313 | content: "\e620"; 314 | } 315 | .pe-7s-mute:before { 316 | content: "\e69f"; 317 | } 318 | .pe-7s-power:before { 319 | content: "\e621"; 320 | } 321 | .pe-7s-medal:before { 322 | content: "\e6a0"; 323 | } 324 | .pe-7s-portfolio:before { 325 | content: "\e622"; 326 | } 327 | .pe-7s-like2:before { 328 | content: "\e6a1"; 329 | } 330 | .pe-7s-plus:before { 331 | content: "\e623"; 332 | } 333 | .pe-7s-left-arrow:before { 334 | content: "\e6a2"; 335 | } 336 | .pe-7s-play:before { 337 | content: "\e624"; 338 | } 339 | .pe-7s-key:before { 340 | content: "\e6a3"; 341 | } 342 | .pe-7s-plane:before { 343 | content: "\e625"; 344 | } 345 | .pe-7s-joy:before { 346 | content: "\e6a4"; 347 | } 348 | .pe-7s-photo-gallery:before { 349 | content: "\e626"; 350 | } 351 | .pe-7s-pin:before { 352 | content: "\e69b"; 353 | } 354 | .pe-7s-phone:before { 355 | content: "\e627"; 356 | } 357 | .pe-7s-plug:before { 358 | content: "\e69a"; 359 | } 360 | .pe-7s-pen:before { 361 | content: "\e628"; 362 | } 363 | .pe-7s-right-arrow:before { 364 | content: "\e699"; 365 | } 366 | .pe-7s-paper-plane:before { 367 | content: "\e629"; 368 | } 369 | .pe-7s-delete-user:before { 370 | content: "\e6a7"; 371 | } 372 | .pe-7s-paint:before { 373 | content: "\e62a"; 374 | } 375 | .pe-7s-bottom-arrow:before { 376 | content: "\e6a8"; 377 | } 378 | .pe-7s-notebook:before { 379 | content: "\e62b"; 380 | } 381 | .pe-7s-note:before { 382 | content: "\e62c"; 383 | } 384 | .pe-7s-next:before { 385 | content: "\e62d"; 386 | } 387 | .pe-7s-news-paper:before { 388 | content: "\e62e"; 389 | } 390 | .pe-7s-musiclist:before { 391 | content: "\e62f"; 392 | } 393 | .pe-7s-music:before { 394 | content: "\e630"; 395 | } 396 | .pe-7s-mouse:before { 397 | content: "\e631"; 398 | } 399 | .pe-7s-more:before { 400 | content: "\e632"; 401 | } 402 | .pe-7s-moon:before { 403 | content: "\e633"; 404 | } 405 | .pe-7s-monitor:before { 406 | content: "\e634"; 407 | } 408 | .pe-7s-micro:before { 409 | content: "\e635"; 410 | } 411 | .pe-7s-menu:before { 412 | content: "\e636"; 413 | } 414 | .pe-7s-map:before { 415 | content: "\e637"; 416 | } 417 | .pe-7s-map-marker:before { 418 | content: "\e638"; 419 | } 420 | .pe-7s-mail:before { 421 | content: "\e639"; 422 | } 423 | .pe-7s-mail-open:before { 424 | content: "\e63a"; 425 | } 426 | .pe-7s-mail-open-file:before { 427 | content: "\e63b"; 428 | } 429 | .pe-7s-magnet:before { 430 | content: "\e63c"; 431 | } 432 | .pe-7s-loop:before { 433 | content: "\e63d"; 434 | } 435 | .pe-7s-look:before { 436 | content: "\e63e"; 437 | } 438 | .pe-7s-lock:before { 439 | content: "\e63f"; 440 | } 441 | .pe-7s-lintern:before { 442 | content: "\e640"; 443 | } 444 | .pe-7s-link:before { 445 | content: "\e641"; 446 | } 447 | .pe-7s-like:before { 448 | content: "\e642"; 449 | } 450 | .pe-7s-light:before { 451 | content: "\e643"; 452 | } 453 | .pe-7s-less:before { 454 | content: "\e644"; 455 | } 456 | .pe-7s-keypad:before { 457 | content: "\e645"; 458 | } 459 | .pe-7s-junk:before { 460 | content: "\e646"; 461 | } 462 | .pe-7s-info:before { 463 | content: "\e647"; 464 | } 465 | .pe-7s-home:before { 466 | content: "\e648"; 467 | } 468 | .pe-7s-help2:before { 469 | content: "\e649"; 470 | } 471 | .pe-7s-help1:before { 472 | content: "\e64a"; 473 | } 474 | .pe-7s-graph3:before { 475 | content: "\e64b"; 476 | } 477 | .pe-7s-graph2:before { 478 | content: "\e64c"; 479 | } 480 | .pe-7s-graph1:before { 481 | content: "\e64d"; 482 | } 483 | .pe-7s-graph:before { 484 | content: "\e64e"; 485 | } 486 | .pe-7s-global:before { 487 | content: "\e64f"; 488 | } 489 | .pe-7s-gleam:before { 490 | content: "\e650"; 491 | } 492 | .pe-7s-glasses:before { 493 | content: "\e651"; 494 | } 495 | .pe-7s-gift:before { 496 | content: "\e652"; 497 | } 498 | .pe-7s-folder:before { 499 | content: "\e653"; 500 | } 501 | .pe-7s-flag:before { 502 | content: "\e654"; 503 | } 504 | .pe-7s-filter:before { 505 | content: "\e655"; 506 | } 507 | .pe-7s-file:before { 508 | content: "\e656"; 509 | } 510 | .pe-7s-expand1:before { 511 | content: "\e657"; 512 | } 513 | .pe-7s-exapnd2:before { 514 | content: "\e658"; 515 | } 516 | .pe-7s-edit:before { 517 | content: "\e659"; 518 | } 519 | .pe-7s-drop:before { 520 | content: "\e65a"; 521 | } 522 | .pe-7s-drawer:before { 523 | content: "\e65b"; 524 | } 525 | .pe-7s-download:before { 526 | content: "\e65c"; 527 | } 528 | .pe-7s-display2:before { 529 | content: "\e65d"; 530 | } 531 | .pe-7s-display1:before { 532 | content: "\e65e"; 533 | } 534 | .pe-7s-diskette:before { 535 | content: "\e65f"; 536 | } 537 | .pe-7s-date:before { 538 | content: "\e660"; 539 | } 540 | .pe-7s-cup:before { 541 | content: "\e661"; 542 | } 543 | .pe-7s-culture:before { 544 | content: "\e662"; 545 | } 546 | .pe-7s-crop:before { 547 | content: "\e663"; 548 | } 549 | .pe-7s-credit:before { 550 | content: "\e664"; 551 | } 552 | .pe-7s-copy-file:before { 553 | content: "\e665"; 554 | } 555 | .pe-7s-config:before { 556 | content: "\e666"; 557 | } 558 | .pe-7s-compass:before { 559 | content: "\e667"; 560 | } 561 | .pe-7s-comment:before { 562 | content: "\e668"; 563 | } 564 | .pe-7s-coffee:before { 565 | content: "\e669"; 566 | } 567 | .pe-7s-cloud:before { 568 | content: "\e66a"; 569 | } 570 | .pe-7s-clock:before { 571 | content: "\e66b"; 572 | } 573 | .pe-7s-check:before { 574 | content: "\e66c"; 575 | } 576 | .pe-7s-chat:before { 577 | content: "\e66d"; 578 | } 579 | .pe-7s-cart:before { 580 | content: "\e66e"; 581 | } 582 | .pe-7s-camera:before { 583 | content: "\e66f"; 584 | } 585 | .pe-7s-call:before { 586 | content: "\e670"; 587 | } 588 | .pe-7s-calculator:before { 589 | content: "\e671"; 590 | } 591 | .pe-7s-browser:before { 592 | content: "\e672"; 593 | } 594 | .pe-7s-box2:before { 595 | content: "\e673"; 596 | } 597 | .pe-7s-box1:before { 598 | content: "\e674"; 599 | } 600 | .pe-7s-bookmarks:before { 601 | content: "\e675"; 602 | } 603 | .pe-7s-bicycle:before { 604 | content: "\e676"; 605 | } 606 | .pe-7s-bell:before { 607 | content: "\e677"; 608 | } 609 | .pe-7s-battery:before { 610 | content: "\e678"; 611 | } 612 | .pe-7s-ball:before { 613 | content: "\e679"; 614 | } 615 | .pe-7s-back:before { 616 | content: "\e67a"; 617 | } 618 | .pe-7s-attention:before { 619 | content: "\e67b"; 620 | } 621 | .pe-7s-anchor:before { 622 | content: "\e67c"; 623 | } 624 | .pe-7s-albums:before { 625 | content: "\e67d"; 626 | } 627 | .pe-7s-alarm:before { 628 | content: "\e67e"; 629 | } 630 | .pe-7s-airplay:before { 631 | content: "\e67f"; 632 | } 633 | -------------------------------------------------------------------------------- /frontend/help.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Assetto Corsa Server Manager 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 26 | 27 | 28 | 29 | 30 |
31 |
32 |
33 | 38 | 76 |
77 |
78 | 79 |
80 | 96 | 97 |
98 |
99 |
100 | {{alert.msg}} 101 |
102 |
103 | 
104 |     [SERVER]
105 |     NAME=AC #001 Abarth Festival	;name of the server
106 |     CARS=abarth500_s1;ferrari_458	;models of the cars allowed in the server - that's exactly the car folder's name (into the "content/cars" folder)
107 |     TRACK=vallelunga		;track on the server - that's exactly the track folder's name (into the "content/tracks" folder)
108 |     CONFIG_TRACK=extended_circuit	;subversion of the track, this parameter must contains the name of the track's subversion folder that you find in "content\tracks\TRACK\ui"
109 |     SUN_ANGLE=-8			;angle of the position of the sun
110 |     MAX_CLIENTS=15			;max number of clients (must be <= track's number of pits)
111 |     RACE_OVER_TIME=20		;time remaining in seconds to finish the race from the moment the first one passes on the finish line
112 |     ALLOWED_TYRES_OUT=-1		;penalty (-1 disabled)
113 |     UDP_PORT=9600			;UDP port number -> open this port on your server's firewall
114 |     TCP_PORT=9600			;TCP port number -> open this port on your server's firewall
115 |     HTTP_PORT=8081			;Lobby port number -> open this ports (both UDP and TCP) on your server's firewall
116 |     PASSWORD=something		;server password
117 |     LOOP_MODE=1			;the server restarts from the first track, to disable this set it to 0
118 |     REGISTER_TO_LOBBY=1		;this must not be touched
119 |     PICKUP_MODE_ENABLED=1		;if 0 the server start in booking mode (do not use it). Warning: in pickup mode you have to list only a circuit under TRACK and you need to list a least one car in the entry_list
120 |     SLEEP_TIME=1			;this must not be touched
121 |     VOTING_QUORUM=75		;percentage of vote that is required for the SESSION vote to pass
122 |     VOTE_DURATION=20		;time in seconds
123 |     BLACKLIST_MODE=0		;ban player -> 0 = normal kick, rejoin possible, 1 = until server restart WARNING: 2 is not mor valid since kick_id and ban_id are two different commands.
124 |     TC_ALLOWED=1			;0 -> no car can use TC, 1 -> only car provided with TC can use it; 2-> any car can use TC
125 |     ABS_ALLOWED=1			;0 -> no car can use ABS, 1 -> only car provided with ABS can use it; 2-> any car can use ABS
126 |     STABILITY_ALLOWED=0		;Stability assist 0 -> OFF; 1 -> ON
127 |     AUTOCLUTCH_ALLOWED=1		;Autoclutch assist 0 -> OFF; 1 -> ON
128 |     DAMAGE_MULTIPLIER=0		;Damage from 0 (no damage) to 100 (full damage)
129 |     FUEL_RATE=100			;Fuel usage from 0 (no fuel usage) to XXX (100 is the realistic one)
130 |     TYRE_WEAR_RATE=100		;Tyre wear from 0 (no tyre wear) to XXX (100 is the realistic one)
131 |     CLIENT_SEND_INTERVAL_HZ=15	;refresh rate of packet sending by the server. 10Hz = ~100ms. Higher number = higher MP quality = higher bandwidth resources needed. Really high values can create connection issues
132 |     TYRE_BLANKETS_ALLOWED=1		;at the start of the session or after the pitstop the tyre will have the the optimal temperature
133 |     ADMIN_PASSWORD=kunos		;it's the password needed to be recognized as server administrator: you can join the server using it to be recognized automatically. Write on the game's chat /help to see the command list
134 |     QUALIFY_MAX_WAIT_PERC=120	;this is the factor to calculate the remaining time in a qualify session after the session is ended: 120 means that 120% of the session fastest lap remains to end the current lap.
135 |     WELCOME_MESSAGE=		;path of a file who contains the server welome message
136 |     START_RULE=0			;0 is car locked until start;   1 is teleport   ; 2 is drivethru (if race has 3 or less laps then the Teleport penalty is enabled)
137 |     NUM_THREADS=4			;default is 2
138 |     FORCE_VIRTUAL_MIRROR=1		;1 virtual mirror will be enabled for every client, 0 for mirror as optional
139 |     LEGAL_TYRES=V;E;HR;ST		;list of the tyre's shortnames that will be allowed in the server.
140 |     MAX_BALLAST_KG=50		;the max total of ballast that can be added through the admin command
141 |     UDP_PLUGIN_LOCAL_PORT=0		;see plugin example
142 |     UDP_PLUGIN_ADDRESS=		;see plugin example
143 |     AUTH_PLUGIN_ADDRESS=		;see plugin example
144 |     RACE_GAS_PENALTY_DISABLED=0	;0  any cut will be penalized with the gas cut message; 1 no penalization will be forced, but cuts will be saved in the race result json.
145 |     RESULT_SCREEN_TIME=10		;seconds of result screen between racing sessions.
146 |     RACE_EXTRA_LAP=0		;if it's a timed race, with 1 the race will not end when the time is over and the leader crosses the line, but the latter will be forced to drive another extra lap.
147 | 
148 |     ------ UPDATE ------
149 |     LOCKED_ENTRY_LIST=0		;same as in booking mode, only players already included in the entry list can join the server (password not needed).
150 |     RACE_PIT_WINDOW_START=25	;Pit window open at lap/minute (depends on the race mode)
151 |     RACE_PIT_WINDOW_END=35		;Pit window closes at lap/minute (depends on the race mode)
152 |     REVERSED_GRID_RACE_POSITIONS=8	;0 = no additional race, 1toX = only those position will be reversed for the next race, -1 = all the position will be reversed (Retired players will be on the last positions)
153 |     ------------------------
154 | 
155 |     [DYNAMIC_TRACK]
156 |     SESSION_START=90		;% level of grip at session start
157 |     RANDOMNESS=1			;level of randomness added to the start grip
158 |     LAP_GAIN=1			;how many laps are needed to add 1% grip
159 |     SESSION_TRANSFER=90		;how much of the gained grip is to be added to the next session 100 -> all the gained grip. Example: difference between starting (90) and ending (96) grip in the session = 6%, with session_transfer = 50 then the next session is going to start with 93.
160 | 
161 |     [BOOK]				;booking session - add this section only if your server is in booking mode
162 |     NAME=Booking
163 |     TIME=5				;session length in minutes
164 | 
165 |     [PRACTICE]
166 |     NAME=Free Practice
167 |     TIME=0				;session length in minutes
168 |     IS_OPEN=1			;0 = no join, 1 = free join,
169 | 
170 |     [QUALIFY]
171 |     NAME=Qualify
172 |     TIME=15				;session length in minutes
173 |     IS_OPEN=1			;0 = no join, 1 = free join,
174 | 
175 |     [RACE]
176 |     NAME=Race
177 |     LAPS=5				;length of the lap races
178 | 
179 |     ------ UPDATE ------
180 |     TIME=0				;length of the timed races, only if laps = 0
181 |     ------------------------
182 | 
183 |     WAIT_TIME=60			;seconds before the start of the session
184 |     IS_OPEN=2			;0 = no join, 1 = free join, 2 = free join until 20 seconds to the green light
185 | 
186 |     [WEATHER_0]			;mandatory section for weather.
187 |     GRAPHICS=3_clear		;it's exactly one of the folder name that you find into "content\weather" directory
188 |     BASE_TEMPERATURE_AMBIENT=18	;temperature of the Ambient
189 |     VARIATION_AMBIENT=2		;variation of the ambient's temperature. In this example final ambient's temperature can be 16 or 20
190 |     BASE_TEMPERATURE_ROAD=6		;Relative road temperature: this value will be added to the final ambient temp. In this example the road temperature will be between 22 (16 + 6) and 26 (20 + 6). It can be negative.
191 |     VARIATION_ROAD=1		;variation of the road's temperature. Like the ambient one.
192 |             
193 | 
194 |
195 |
196 | 197 | 223 |
224 |
225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | -------------------------------------------------------------------------------- /frontend/entrylist.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Assetto Corsa Server Manager 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 27 | 28 | 29 | 30 | 31 |
32 |
33 |
34 | 39 | 77 |
78 |
79 | 80 |
81 | 97 | 98 |
99 |
100 |
101 | {{alert.msg}} 102 |
103 | 104 |
105 |
106 | Add Player 107 | 108 |
109 |
110 |
111 | 112 | 113 |
114 |
115 | 116 |
117 |
118 | 119 | 120 |
121 |
122 | 123 |
124 |
125 | 126 | 127 |
128 |
129 | 130 |
131 |
132 | 133 | 134 |
135 |
136 |
137 | 138 |
139 |
140 |
141 | 142 | 143 |
144 |
145 | 146 |
147 |
148 | 149 | 150 |
151 |
152 | 153 |
154 |
155 | 156 | 157 |
158 |
159 | 160 |
161 | 162 |
163 | 166 |
167 |
168 |
169 | 170 |
171 |
172 | 173 |
174 | 177 |
178 |
179 |
180 | 181 |
182 |
183 | 184 |
185 |
186 | 187 |
188 |
189 |
190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 224 | 225 | 226 |
#NameTeamGUIDCarSkinSpectatorBallast
{{$index + 1}}{{entry.DRIVERNAME}}{{entry.TEAM}}{{entry.GUID}}{{entry.MODEL}}{{entry.SKIN}}{{entry.SPECTATOR_MODE ? 'Yes' : 'No'}}{{entry.BALLAST}}
222 | 223 |
227 |
228 |
229 |
230 | 231 |
232 |
233 | 234 |
235 |
236 |
237 |
238 |
239 |
240 | 241 | 242 | 243 | 269 |
270 |
271 | 272 | 273 | 357 | 358 | 359 | 360 | 361 | 362 | 363 | 364 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | 373 | 374 | --------------------------------------------------------------------------------