├── .gitattributes ├── .gitignore ├── Dockerfile ├── README.md ├── README_Linux.md ├── acServerManager.bat ├── frontend ├── advanced.html ├── app │ ├── angular-toggle-switch.js │ ├── app.js │ ├── controllers.js │ └── services.js ├── cars.html ├── content │ ├── templates │ │ └── c7dcd596-2c3c-4598-b20d-97f7a34dae84 │ │ │ ├── config.json │ │ │ ├── entry_list.ini │ │ │ └── server_cfg.ini │ └── tracks │ │ ├── drift │ │ └── ui │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── imola │ │ └── ui │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_barcelona │ │ └── ui │ │ │ ├── layout_gp │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ └── layout_moto │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_black_cat_county │ │ └── ui │ │ │ ├── layout_int │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── layout_long │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ └── layout_short │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_brands_hatch │ │ └── ui │ │ │ ├── gp │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ └── indy │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_drag │ │ └── ui │ │ │ ├── drag1000 │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── drag200 │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── drag2000 │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── drag400 │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ └── drag500 │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_highlands │ │ └── ui │ │ │ ├── layout_drift │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── layout_int │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── layout_long │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ └── layout_short │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_laguna_seca │ │ └── ui │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_monza66 │ │ └── ui │ │ │ ├── full │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── junior │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── people_stand.dds │ │ │ └── road │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_nordschleife │ │ └── ui │ │ │ ├── endurance │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── endurance_cup │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── nordschleife │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ └── touristenfahrten │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_nurburgring │ │ └── ui │ │ │ ├── layout_gp_a │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── layout_gp_b │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── layout_sprint_a │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ └── layout_sprint_b │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_red_bull_ring │ │ └── ui │ │ │ ├── layout_gp │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ └── layout_national │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_silverstone │ │ └── ui │ │ │ ├── gp │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── international │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ └── national │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_silverstone1967 │ │ └── ui │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_vallelunga │ │ └── ui │ │ │ ├── classic_circuit │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ ├── club_circuit │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ │ └── extended_circuit │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── ks_zandvoort │ │ └── ui │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── magione │ │ └── ui │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── monza │ │ └── ui │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── mugello │ │ └── ui │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ ├── spa │ │ └── ui │ │ │ ├── preview.png │ │ │ └── ui_track.json │ │ └── trento-bondone │ │ └── ui │ │ ├── preview.png │ │ └── ui_track.json ├── css │ ├── angular-toggle-switch-bootstrap-3.css │ ├── animate.min.css │ ├── bootstrap.min.css │ ├── light-bootstrap-dashboard.css │ ├── pe-icon-7-stroke.css │ └── style.css ├── entrylist.html ├── fonts │ ├── Pe-icon-7-stroke.eot │ ├── Pe-icon-7-stroke.svg │ ├── Pe-icon-7-stroke.ttf │ ├── Pe-icon-7-stroke.woff │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── help.html ├── img │ ├── ajax-loader.gif │ ├── favicon.ico │ ├── sidebar-1.jpg │ ├── sidebar-2.jpg │ ├── sidebar-3.jpg │ ├── sidebar-4.jpg │ ├── sidebar-5.jpg │ └── sidebar-6.jpg ├── index.html ├── js │ ├── FileAPI.min.js │ ├── angular │ │ ├── angular-resource.min.js │ │ ├── angular.min.js │ │ ├── show-errors.min.js │ │ └── ui-bootstrap-tpls-2.5.0.min.js │ ├── bootstrap-checkbox-radio-switch.js │ ├── bootstrap-notify.js │ ├── bootstrap.min.js │ ├── jquery-1.12.4.min.js │ ├── light-bootstrap-dashboard.js │ ├── lodash.min.js │ ├── ng-file-upload-all.min.js │ ├── ng-file-upload-shim.min.js │ └── ng-file-upload.min.js ├── rules.html ├── sass │ ├── lbd │ │ ├── _alerts.scss │ │ ├── _buttons.scss │ │ ├── _cards.scss │ │ ├── _chartist.scss │ │ ├── _checkbox-radio-switch.scss │ │ ├── _dropdown.scss │ │ ├── _footers.scss │ │ ├── _inputs.scss │ │ ├── _misc.scss │ │ ├── _mixins.scss │ │ ├── _navbars.scss │ │ ├── _responsive.scss │ │ ├── _sidebar-and-main-panel.scss │ │ ├── _tables.scss │ │ ├── _typography.scss │ │ ├── _variables.scss │ │ └── mixins │ │ │ ├── _buttons.scss │ │ │ ├── _cards.scss │ │ │ ├── _chartist.scss │ │ │ ├── _icons.scss │ │ │ ├── _inputs.scss │ │ │ ├── _labels.scss │ │ │ ├── _morphing-buttons.scss │ │ │ ├── _navbars.scss │ │ │ ├── _social-buttons.scss │ │ │ ├── _tabs.scss │ │ │ ├── _transparency.scss │ │ │ └── _vendor-prefixes.scss │ └── light-bootstrap-dashboard.scss ├── server.html ├── templates.html └── tracks.html ├── generate-frontend-content.sh ├── logs └── readme.txt ├── package-lock.json ├── package.json ├── server.js ├── settings.js └── start.bat /.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 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ -------------------------------------------------------------------------------- /Dockerfile: -------------------------------------------------------------------------------- 1 | FROM ubuntu:xenial 2 | 3 | MAINTAINER John Walsh 4 | 5 | ENV DEBIAN_FRONTEND=noninteractive 6 | 7 | # Install System Updates & Packages 8 | RUN groupadd -r gsa && useradd -r -d /home/gsa -g gsa gsa 9 | RUN apt-get update \ 10 | && apt-get install -y curl \ 11 | && apt-get install -y lib32gcc1 \ 12 | && apt-get install -y python-software-properties \ 13 | && apt-get -y autoclean 14 | 15 | # Args & Env Vars 16 | ARG ACMANAGER_PORT=42555 17 | ENV ACMANAGER_PORT=${ACMANAGER_PORT} 18 | 19 | # Args & Meta 20 | ARG VCS_REF 21 | LABEL org.label-schema.vcs-ref=$VCS_REF \ 22 | org.label-schema.vcs-url="https://github.com/Pringlez/ACServerManager" 23 | 24 | # Install NodeJS, NPM & PM2 25 | RUN apt-get install python-software-properties 26 | RUN curl -sL https://deb.nodesource.com/setup_8.x | bash - 27 | RUN apt-get install nodejs 28 | RUN npm install pm2 -g 29 | 30 | # Install ACManager Files & Dependencies 31 | RUN mkdir -p /home/gsa/server /home/gsa/acmanager 32 | WORKDIR /home/gsa/acmanager 33 | COPY . /home/gsa/acmanager 34 | RUN npm install 35 | RUN ./generate-frontend-content.sh 36 | RUN chown -R gsa:gsa /home/gsa 37 | RUN chmod -R 777 /home/gsa/acmanager 38 | 39 | # Volumes & Ports 40 | VOLUME /home/gsa/server 41 | EXPOSE ${ACMANAGER_PORT} 42 | 43 | # Starts ACServerManager 44 | USER gsa 45 | CMD ["pm2-runtime", "server.js"] 46 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ACServerManager 2 | ![ac-logo](https://www.assettocorsa.net/wp-content/themes/AssettoCorsa/00-Style-Dev/ico/mstile-150x150.png) 3 | 4 | Web based server manager for Assetto Corsa Server, that directly manipulating the ini files on the server as an alternative to the windows app and having to copy files to your server. 5 | 6 | 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. 7 | 8 | Docker image available, see details below. 9 | 10 | ## ACServerManager on Windows 11 | 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). 12 | 13 | ## Updates 14 | 01/05/2018 15 | * Dockerized! - Adding Docker build file to allow ACServerManager run in a container. 16 | 17 | 25/12/2017 18 | * Add support for uploading tracks (both single and multi-layout) and cars 19 | * Add support for removing existing tracks and cars 20 | * Bumping version of ACManager to 1.0.0! 21 | 22 | 21/12/2017 23 | * Update for 1.16 AC patch 24 | * Added local car / skins generation script for v1.16 AC original + DLC content 25 | 26 | 24/05/2017 27 | * Update for 1.14 AC patch 28 | * Fixed a number of saving issues 29 | * Added local car & track content option 30 | 31 | 27/01/2017: 32 | * Update to UI layout 33 | * Added restart feature for ACServer & sTracker server 34 | 35 | 17/10/2015: 36 | * Bug fix when switching between two tracks with multiple track configs 37 | * Added Max Ballast and UDP Plugin fields to Advanced page 38 | * 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 39 | 40 | 22/08/2015: 41 | * Finished adding all the new settings from 1.2 including tyres and weather 42 | 43 | ## Installation Details 44 | 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. 45 | 46 | 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. 47 | 48 | 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. 49 | 50 | 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. 51 | 52 | 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. 53 | 54 | ## Install Node.js 55 | To install Node.js, follow the installation guide on its home page [here](https://nodejs.org). 56 | 57 | I recommend using node version **v8.5.0** or newer, because of the upload content feature. Please see [comment](https://github.com/jo3stevens/ACServerManager/pull/36#issuecomment-393233010) for more information. 58 | 59 | ## Install ACServerManager 60 | 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 61 | the contents of the zip file into the directory. 62 | 63 | ## ACServerManager Configuration 64 | To configure your manager's settings, open the 'settings.js' file. You'll see a number of variables, point the 'serverPath' 65 | to your Assetto Corsa Server directory. You can configure your username, password & port settings for ACServerManager, also 66 | if you use sTracker, point the 'sTrackerPath' variable to your installation. 67 | 68 | * serverPath: The path to your Assetto Corsa server directory 69 | * contentPath: The path to your Assetto Corsa content directory, use this if hosting on the same machine for gaming. Leave blank if hosting on Linux. 70 | * useLocalContent: If set to true, then ACServerManager will look for local car / track content 71 | * sTrackerPath: The path to your sTracker directory that contains stracker.exe (If you don't run stracker just leave this as an empty string ('') to disable it 72 | * username/password: Set these values if you want basic authentication on the application 73 | * port: The port that the application will listen on (Be sure to open up this port on your firewall) 74 | 75 | **Note:** The Assetto Corsa Server installation directory is set to '../server', change if necessary. 76 | 77 | ## Firewall 78 | 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. 79 | 80 | ## Running ACServerManager 81 | 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: 82 | ``` 83 | npm install 84 | ``` 85 | To run ACServerManager, execute the 'start.bat' file. If you see no errors, ACServerManager should now be running. 86 | 87 | ## Docker Image 88 | You can use the docker image easily run the entire ACServerManager inside a container. The build currently grabs the latest version of steamcmd & installs all the necessary files, dependencies & executables on top of a ubuntu:xenial (16.04) image. 89 | 90 | [![](https://images.microbadger.com/badges/image/pringlez/acserver-manager.svg)](https://microbadger.com/images/pringlez/acserver-manager "Get your own image badge on microbadger.com") [![](https://images.microbadger.com/badges/version/pringlez/acserver-manager.svg)](https://microbadger.com/images/pringlez/acserver-manager "Get your own version badge on microbadger.com") [![](https://images.microbadger.com/badges/commit/pringlez/acserver-manager.svg)](https://microbadger.com/images/pringlez/acserver-manager "Get your own commit badge on microbadger.com") 91 | 92 | Pull the latest image: 93 | ``` 94 | docker pull pringlez/acserver-manager 95 | ``` 96 | To run the container: 97 | ``` 98 | sudo docker run -d --name acserver-manager --restart unless-stopped --net=host -e PUID= -e PGID= -e TZ= -v :/home/gsa/server pringlez/acserver-manager 99 | ``` 100 | 101 | Then just visit your server's address + ACServerManager port in your browser! 102 | 103 | **Note:** If you want to change the port number the application runs on, you can build your own local image using the example below & pass in the desired port number in the parameter. 104 | 105 | If you need to login to the running docker container: 106 | ``` 107 | docker exec -it acserver-manager /bin/bash 108 | ``` 109 | 110 | ### Parameters 111 | The parameters you need to include are the following: 112 | 113 | * --net=host - Shares host networking with container, required. 114 | * --restart unless-stopped - This will restart your container if it crashes 115 | * -v /home/gsa/server - Volume mount the ACServer installation directory (Required) 116 | * -e PGID for for GroupID - see below for explanation 117 | * -e PUID for for UserID - see below for explanation 118 | * -e TZ for timezone information, Europe/London 119 | 120 | ### User / Group Identifiers 121 | Sometimes when using data volumes (-v flags) permissions issues can arise between the host OS and the container. We avoid this issue by allowing you to specify the user PUID and group PGID. Ensure the data volume directory on the host is owned by the same user you specify and it will "just work" TM. 122 | 123 | In this instance PUID=1001 and PGID=1001. To find yours use id user as below: 124 | ``` 125 | $ id 126 | uid=1001(dockeruser) gid=1001(dockergroup) groups=1001(dockergroup) 127 | ``` 128 | 129 | #### Config Saving Issues 130 | If you have issues saving the configuration settings in ACServerManager application, while it's running in the docker container. Try 'chmod 777' your ACServer directory. This should allow the application inside the container access the mounted ACServer volume. 131 | 132 | ### Building an Image 133 | You can however build a local image if want to include any new changes to ACServerManager. 134 | 135 | You need to specify the ports you'll be using for the ACServerManager. The docker build will expose the ports you specify. 136 | 137 | Build a local docker image by: 138 | ``` 139 | docker build --build-arg ACMANAGER_PORT=42555 --build-arg VCS_REF=`git rev-parse --short HEAD` -t pringlez/acserver-manager . 140 | ``` 141 | 142 | ## Using ACServerManager 143 | * Browse to the application using your servers IP and the chosen port (or any DNS configured) 144 | * Click the 'Start' button under Assetto Corsa Server section 145 | * If using sTracker wait until the ACServer has started and then click 'Start' in the sTracker Server section 146 | 147 | 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. 148 | 149 | 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. 150 | 151 | **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 152 | the necessary ports for the server to function correctly. 153 | 154 | ## Screenshots 155 | ### Server Status 156 | ![Server Status](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-1.jpg) 157 | 158 | ### Server Configuration 159 | ![Server Config](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-2.jpg) 160 | 161 | ### Entry List 162 | ![Entry List](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-3.jpg) 163 | 164 | ### Rules 165 | ![Rules](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-4.jpg) 166 | 167 | ### Advanced 168 | ![Advanced](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-5.jpg) 169 | 170 | ### Templates 171 | ![Templates](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-6.jpg) 172 | 173 | ### Tracks 174 | ![Tracks](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-7.jpg) 175 | 176 | ### Cars 177 | ![Cars](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-8.jpg) 178 | 179 | ### Help 180 | ![Help](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-9.jpg) 181 | -------------------------------------------------------------------------------- /README_Linux.md: -------------------------------------------------------------------------------- 1 | # ACServerManager 2 | ![ac-logo](https://www.assettocorsa.net/wp-content/themes/AssettoCorsa/00-Style-Dev/ico/mstile-150x150.png) 3 | 4 | Web based server manager for Assetto Corsa Server, that directly manipulating the ini files on the server as an alternative to the windows app and having to copy files to your server. 5 | 6 | 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. 7 | 8 | Docker image available, see details below. 9 | 10 | ## ACServerManager on Linux 11 | 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). 12 | 13 | ## Updates 14 | 01/05/2018 15 | * Dockerized! - Adding Docker build file to allow ACServerManager run in a container. 16 | 17 | 25/12/2017 18 | * Add support for uploading tracks (both single and multi-layout) and cars 19 | * Add support for removing existing tracks and cars 20 | * Bumping version of ACServerManager to 1.0.0! 21 | 22 | 21/12/2017 23 | * Update for 1.16 AC patch 24 | * Added local car / skins generation script for v1.16 AC original + DLC content 25 | 26 | 24/05/2017 27 | * Update for 1.14 AC patch 28 | * Fixed a number of saving issues 29 | * Added local car & track content option 30 | 31 | 27/01/2017: 32 | * Update to UI layout 33 | * Added restart feature for ACServer & sTracker server 34 | 35 | 17/10/2015: 36 | * Bug fix when switching between two tracks with multiple track configs 37 | * Added Max Ballast and UDP Plugin fields to Advanced page 38 | * 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 39 | 40 | 22/08/2015: 41 | * Finished adding all the new settings from 1.2 including tyres and weather 42 | 43 | ## Installation Details 44 | First you'll need to install Node.js on your machine. It's best to use an application 45 | like [NVM](https://github.com/creationix/nvm) to manage the installation of Node.js on Linux based machines. 46 | After installing Node.js, install [PM2](https://github.com/Unitech/pm2) when using this 47 | version of Manager, it's basically Node.js application management tool with tons of features 48 | for production use. PM2 will make sure your web application stays online and, auto restarts if it crashes. 49 | 50 | ## Install NVM 51 | 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. 52 | 53 | ## Install Node.js 54 | Using NVM, run the following command to install the latest version: 55 | ``` 56 | nvm install node 57 | ``` 58 | If you would like to install a specific version using NVM then run something like this: 59 | ``` 60 | nvm install 8.5.0 61 | ``` 62 | I recommend using node version **v8.5.0** or newer, because of the upload content feature. Please see [comment](https://github.com/jo3stevens/ACServerManager/pull/36#issuecomment-393233010) for more information. 63 | 64 | ## Install PM2 65 | 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. 66 | 67 | ## Install ACServerManager 68 | Create a directory called 'acmanager', cd into that directory and run this command to download the latest version: 69 | ``` 70 | wget https://github.com/jo3stevens/ACServerManager/archive/master.zip 71 | ``` 72 | Unzip the file & clean up, by running: 73 | ``` 74 | unzip master.zip; mv ACServerManager-master/* .; rm -R ACServerManager-master; rm master.zip 75 | ``` 76 | You'll need to first configure your manager's settings before you can run the application. 77 | ## ACServerManager Configuration 78 | To configure your manager's settings, open the 'settings.js' file. You'll see a number of variables, point the 'serverPath' 79 | to your Assetto Corsa Server directory. You can configure your username, password & port settings for ACServerManager, also 80 | if you use sTracker, point the 'sTrackerPath' variable to your installation. 81 | 82 | * serverPath: The path to your Assetto Corsa server directory 83 | * contentPath: The path to your Assetto Corsa content directory, use this if hosting on the same machine for gaming. Leave blank if hosting on Linux. 84 | * useLocalContent: If set to true, then ACServerManager will look for local car / track content 85 | * sTrackerPath: The path to your sTracker directory that contains stracker.exe (If you don't run stracker just leave this as an empty string ('') to disable it 86 | * username/password: Set these values if you want basic authentication on the application 87 | * port: The port that the application will listen on (Be sure to open up this port on your firewall) 88 | 89 | **Note:** The Assetto Corsa Server installation directory is set to '../server', change if necessary. 90 | 91 | ## Generating Local Content 92 | On a remote Linux host machine, use the included script to generate empty folders of Assetto Corsa content, the ACServerManager web UI will use these folders. 93 | 94 | Generate folders run: 95 | ``` 96 | ./generate-frontend-content.sh 97 | ``` 98 | These folders are not included since git repositories do not support empty directories. 99 | 100 | ## Firewall 101 | 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. 102 | 103 | ## Running ACServerManager 104 | You first need to make sure you have the necessary Node.js dependencies, run: 105 | ``` 106 | npm install 107 | ``` 108 | To run ACServerManager using PM2 run the following command: 109 | ``` 110 | pm2 start server.js 111 | ``` 112 | To monitor applications running with PM2 run: 113 | ``` 114 | pm2 list 115 | ``` 116 | There many useful commands to manage applications using PM2, reference their GitHub page. 117 | 118 | ## Docker Image 119 | You can use the docker image easily run the entire ACServerManager inside a container. The build currently grabs the latest version of steamcmd & installs all the necessary files, dependencies & executables on top of a ubuntu:xenial (16.04) image. 120 | 121 | [![](https://images.microbadger.com/badges/image/pringlez/acserver-manager.svg)](https://microbadger.com/images/pringlez/acserver-manager "Get your own image badge on microbadger.com") [![](https://images.microbadger.com/badges/version/pringlez/acserver-manager.svg)](https://microbadger.com/images/pringlez/acserver-manager "Get your own version badge on microbadger.com") [![](https://images.microbadger.com/badges/commit/pringlez/acserver-manager.svg)](https://microbadger.com/images/pringlez/acserver-manager "Get your own commit badge on microbadger.com") 122 | 123 | Pull the latest image: 124 | ``` 125 | docker pull pringlez/acserver-manager 126 | ``` 127 | To run the container: 128 | ``` 129 | sudo docker run -d --name acserver-manager --restart unless-stopped --net=host -e PUID= -e PGID= -e TZ= -v :/home/gsa/server pringlez/acserver-manager 130 | ``` 131 | 132 | Then just visit your server's address + ACServerManager port in your browser! 133 | 134 | **Note:** If you want to change the port number the application runs on, you can build your own local image using the example below & pass in the desired port number in the parameter. 135 | 136 | If you need to login to the running docker container: 137 | ``` 138 | docker exec -it acserver-manager /bin/bash 139 | ``` 140 | 141 | ### Parameters 142 | The parameters you need to include are the following: 143 | 144 | * --net=host - Shares host networking with container, required. 145 | * --restart unless-stopped - This will restart your container if it crashes 146 | * -v /home/gsa/server - Volume mount the ACServer installation directory (Required) 147 | * -e PGID for for GroupID - see below for explanation 148 | * -e PUID for for UserID - see below for explanation 149 | * -e TZ for timezone information, Europe/London 150 | 151 | ### User / Group Identifiers 152 | Sometimes when using data volumes (-v flags) permissions issues can arise between the host OS and the container. We avoid this issue by allowing you to specify the user PUID and group PGID. Ensure the data volume directory on the host is owned by the same user you specify and it will "just work" TM. 153 | 154 | In this instance PUID=1001 and PGID=1001. To find yours use id user as below: 155 | ``` 156 | $ id 157 | uid=1001(dockeruser) gid=1001(dockergroup) groups=1001(dockergroup) 158 | ``` 159 | 160 | #### Config Saving Issues 161 | If you have issues saving the configuration settings in ACServerManager application, while it's running in the docker container. Try 'chmod 777' your ACServer directory. This should allow the application inside the container access the mounted ACServer volume. 162 | 163 | ### Building an Image 164 | You can however build a local image if want to include any new changes to ACServerManager. 165 | 166 | You need to specify the ports you'll be using for the ACServerManager. The docker build will expose the ports you specify. 167 | 168 | Build a local docker image by: 169 | ``` 170 | docker build --build-arg ACMANAGER_PORT=42555 --build-arg VCS_REF=`git rev-parse --short HEAD` -t pringlez/acserver-manager . 171 | ``` 172 | 173 | ## Using ACServerManager 174 | * Browse to the application using your servers IP and the chosen port (or any DNS configured) 175 | * Click the 'Start' button under Assetto Corsa Server section 176 | * If using sTracker wait until the ACServer has started and then click 'Start' in the sTracker Server section 177 | 178 | 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. 179 | 180 | 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. 181 | 182 | **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 183 | the necessary ports for the server to function correctly. 184 | 185 | ## Screenshots 186 | ### Server Status 187 | ![Server Status](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-1.jpg) 188 | 189 | ### Server Configuration 190 | ![Server Config](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-2.jpg) 191 | 192 | ### Entry List 193 | ![Entry List](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-3.jpg) 194 | 195 | ### Rules 196 | ![Rules](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-4.jpg) 197 | 198 | ### Advanced 199 | ![Advanced](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-5.jpg) 200 | 201 | ### Templates 202 | ![Templates](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-6.jpg) 203 | 204 | ### Tracks 205 | ![Tracks](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-7.jpg) 206 | 207 | ### Cars 208 | ![Cars](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-8.jpg) 209 | 210 | ### Help 211 | ![Help](http://deltahosting.dyndns.org:8080/acmanager/screen-cap-9.jpg) 212 | -------------------------------------------------------------------------------- /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/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 | 95 |
96 |
97 | 98 |
99 | 115 | 116 |
117 |
118 |
119 | {{alert.msg}} 120 |
121 | 122 |
123 | Advanced Rules 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 | 156 |
157 |
158 | 159 |
160 |
161 | 162 | 163 |
164 |
165 | 166 |
167 |
168 | 169 | 170 |
171 |
172 |
173 | 174 |
175 |
176 |
177 | 178 | 179 |
180 |
181 | 182 |
183 |
184 | 185 | 186 |
187 |
188 |
189 | 190 |
191 | Plugin 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 |
222 |
223 |
224 | 225 | 251 |
252 |
253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | -------------------------------------------------------------------------------- /frontend/app/angular-toggle-switch.js: -------------------------------------------------------------------------------- 1 | angular.module('toggle-switch', ['ng']).directive('toggleSwitch', ['$compile', function($compile) { 2 | return { 3 | restrict: 'EA', 4 | replace: true, 5 | require:'ngModel', 6 | scope: { 7 | isDisabled: '=', 8 | onLabel: '@', 9 | offLabel: '@', 10 | knobLabel: '@', 11 | html: '=', 12 | onChange: '&' 13 | }, 14 | template: 15 | '
' + 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/app/app.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | angular 4 | .module('acServerManager', ['acServerManager.services', 'ui.bootstrap', 'ui.bootstrap.showErrors', 'toggle-switch']) 5 | // Use lodash in controllers 6 | .constant('_', window._) 7 | .directive('stringToNumber', function() { 8 | return { 9 | require: 'ngModel', 10 | link: function(scope, element, attrs, ngModel) { 11 | ngModel.$parsers.push(function(value) { 12 | return '' + value; 13 | }); 14 | ngModel.$formatters.push(function(value) { 15 | return parseFloat(value, 10); 16 | }); 17 | } 18 | }; 19 | }); 20 | -------------------------------------------------------------------------------- /frontend/content/templates/c7dcd596-2c3c-4598-b20d-97f7a34dae84/config.json: -------------------------------------------------------------------------------- 1 | {"name":"Default Configuration","description":"Assetto Corsa Dedicated Server Default Configuration"} 2 | -------------------------------------------------------------------------------- /frontend/content/templates/c7dcd596-2c3c-4598-b20d-97f7a34dae84/entry_list.ini: -------------------------------------------------------------------------------- 1 | [CAR_0] 2 | MODEL=bmw_m3_e30 3 | SKIN=alpine_white_I 4 | SPECTATOR_MODE=0 5 | DRIVERNAME= 6 | TEAM= 7 | GUID= 8 | BALLAST= 9 | 10 | [CAR_1] 11 | MODEL=bmw_m3_e30 12 | SKIN=Brilliant_red 13 | SPECTATOR_MODE=0 14 | DRIVERNAME= 15 | TEAM= 16 | GUID= 17 | BALLAST=0 18 | 19 | [CAR_2] 20 | MODEL=bmw_m3_e30 21 | SKIN=Cinnabar_red 22 | SPECTATOR_MODE=0 23 | DRIVERNAME= 24 | TEAM= 25 | GUID= 26 | BALLAST=0 27 | 28 | [CAR_3] 29 | MODEL=bmw_m3_e30 30 | SKIN=0_Diamond_Black_metallic 31 | SPECTATOR_MODE=0 32 | DRIVERNAME= 33 | TEAM= 34 | GUID= 35 | BALLAST=0 36 | 37 | [CAR_4] 38 | MODEL=bmw_m3_e30 39 | SKIN=Henna_Red 40 | SPECTATOR_MODE=0 41 | DRIVERNAME= 42 | TEAM= 43 | GUID= 44 | BALLAST=0 45 | 46 | [CAR_5] 47 | MODEL=bmw_m3_e30 48 | SKIN=Jet_Black 49 | SPECTATOR_MODE=0 50 | DRIVERNAME= 51 | TEAM= 52 | GUID= 53 | BALLAST=0 54 | 55 | [CAR_6] 56 | MODEL=bmw_m3_e30 57 | SKIN=Macau_Blue_Metallic 58 | SPECTATOR_MODE=0 59 | DRIVERNAME= 60 | TEAM= 61 | GUID= 62 | BALLAST=0 63 | 64 | [CAR_7] 65 | MODEL=bmw_m3_e30 66 | SKIN=Misano_red 67 | SPECTATOR_MODE=0 68 | DRIVERNAME= 69 | TEAM= 70 | GUID= 71 | BALLAST=0 72 | 73 | [CAR_8] 74 | MODEL=bmw_m3_e30 75 | SKIN=Nogaro_Silver_metallic 76 | SPECTATOR_MODE=0 77 | DRIVERNAME= 78 | TEAM= 79 | GUID= 80 | BALLAST=0 81 | 82 | [CAR_9] 83 | MODEL=bmw_m3_e30 84 | SKIN=Salmon_Silver_metallic 85 | SPECTATOR_MODE=0 86 | DRIVERNAME= 87 | TEAM= 88 | GUID= 89 | BALLAST=0 90 | 91 | [CAR_10] 92 | MODEL=bmw_m3_e30 93 | SKIN=Sterling_Silver_metallic 94 | SPECTATOR_MODE=0 95 | DRIVERNAME= 96 | TEAM= 97 | GUID= 98 | BALLAST=0 99 | 100 | [CAR_11] 101 | MODEL=bmw_m3_e30 102 | SKIN=alpine_white_I 103 | SPECTATOR_MODE=0 104 | DRIVERNAME= 105 | TEAM= 106 | GUID= 107 | BALLAST=0 108 | 109 | [CAR_12] 110 | MODEL=bmw_m3_e30 111 | SKIN=Brilliant_red 112 | SPECTATOR_MODE=0 113 | DRIVERNAME= 114 | TEAM= 115 | GUID= 116 | BALLAST=0 117 | 118 | [CAR_13] 119 | MODEL=bmw_m3_e30 120 | SKIN=Cinnabar_red 121 | SPECTATOR_MODE=0 122 | DRIVERNAME= 123 | TEAM= 124 | GUID= 125 | BALLAST=0 126 | 127 | [CAR_14] 128 | MODEL=bmw_m3_e30 129 | SKIN=0_Diamond_Black_metallic 130 | SPECTATOR_MODE=0 131 | DRIVERNAME= 132 | TEAM= 133 | GUID= 134 | BALLAST=0 135 | 136 | [CAR_15] 137 | MODEL=bmw_m3_e30 138 | SKIN=Henna_Red 139 | SPECTATOR_MODE=0 140 | DRIVERNAME= 141 | TEAM= 142 | GUID= 143 | BALLAST=0 144 | 145 | [CAR_16] 146 | MODEL=bmw_m3_e30 147 | SKIN=Jet_Black 148 | SPECTATOR_MODE=0 149 | DRIVERNAME= 150 | TEAM= 151 | GUID= 152 | BALLAST=0 153 | 154 | [CAR_17] 155 | MODEL=bmw_m3_e30 156 | SKIN=Macau_Blue_Metallic 157 | SPECTATOR_MODE=0 158 | DRIVERNAME= 159 | TEAM= 160 | GUID= 161 | BALLAST=0 162 | 163 | [CAR_18] 164 | MODEL=bmw_m3_e30 165 | SKIN=Misano_red 166 | SPECTATOR_MODE=0 167 | DRIVERNAME= 168 | TEAM= 169 | GUID= 170 | BALLAST=0 171 | 172 | [CAR_19] 173 | MODEL=bmw_m3_e30 174 | SKIN=Nogaro_Silver_metallic 175 | SPECTATOR_MODE=0 176 | DRIVERNAME= 177 | TEAM= 178 | GUID= 179 | BALLAST=0 180 | 181 | [CAR_20] 182 | MODEL=bmw_m3_e30 183 | SKIN=Salmon_Silver_metallic 184 | SPECTATOR_MODE=0 185 | DRIVERNAME= 186 | TEAM= 187 | GUID= 188 | BALLAST=0 189 | 190 | [CAR_21] 191 | MODEL=bmw_m3_e30 192 | SKIN=Sterling_Silver_metallic 193 | SPECTATOR_MODE=0 194 | DRIVERNAME= 195 | TEAM= 196 | GUID= 197 | BALLAST=0 198 | -------------------------------------------------------------------------------- /frontend/content/templates/c7dcd596-2c3c-4598-b20d-97f7a34dae84/server_cfg.ini: -------------------------------------------------------------------------------- 1 | [SERVER] 2 | NAME=AC_Server 3 | CARS=bmw_m3_e30 4 | CONFIG_TRACK= 5 | TRACK=magione 6 | SUN_ANGLE=48 7 | PASSWORD= 8 | ADMIN_PASSWORD=mypassword 9 | UDP_PORT=9600 10 | TCP_PORT=9600 11 | HTTP_PORT=8081 12 | PICKUP_MODE_ENABLED=1 13 | LOOP_MODE=1 14 | SLEEP_TIME=1 15 | CLIENT_SEND_INTERVAL_HZ=18 16 | SEND_BUFFER_SIZE=0 17 | RECV_BUFFER_SIZE=0 18 | RACE_OVER_TIME=180 19 | KICK_QUORUM=85 20 | VOTING_QUORUM=80 21 | VOTE_DURATION=20 22 | BLACKLIST_MODE=1 23 | FUEL_RATE=100 24 | DAMAGE_MULTIPLIER=100 25 | TYRE_WEAR_RATE=100 26 | ALLOWED_TYRES_OUT=2 27 | ABS_ALLOWED=1 28 | TC_ALLOWED=1 29 | STABILITY_ALLOWED=0 30 | AUTOCLUTCH_ALLOWED=0 31 | TYRE_BLANKETS_ALLOWED=0 32 | FORCE_VIRTUAL_MIRROR=1 33 | REGISTER_TO_LOBBY=1 34 | MAX_CLIENTS=18 35 | UDP_PLUGIN_LOCAL_PORT=0 36 | UDP_PLUGIN_ADDRESS= 37 | AUTH_PLUGIN_ADDRESS= 38 | LEGAL_TYRES=SV 39 | 40 | [PRACTICE] 41 | NAME=Practice 42 | TIME=10 43 | IS_OPEN=1 44 | 45 | [QUALIFY] 46 | NAME=Qualify 47 | TIME=10 48 | IS_OPEN=1 49 | 50 | [RACE] 51 | NAME=Race 52 | LAPS=5 53 | WAIT_TIME=60 54 | IS_OPEN=1 55 | 56 | [DYNAMIC_TRACK] 57 | SESSION_START=89 58 | RANDOMNESS=3 59 | SESSION_TRANSFER=80 60 | LAP_GAIN=50 61 | 62 | [WEATHER_0] 63 | GRAPHICS=3_clear 64 | BASE_TEMPERATURE_AMBIENT=18 65 | BASE_TEMPERATURE_ROAD=6 66 | VARIATION_AMBIENT=1 67 | VARIATION_ROAD=1 68 | 69 | [WEATHER_1] 70 | GRAPHICS=7_heavy_clouds 71 | BASE_TEMPERATURE_AMBIENT=15 72 | BASE_TEMPERATURE_ROAD=-1 73 | VARIATION_AMBIENT=1 74 | VARIATION_ROAD=1 75 | -------------------------------------------------------------------------------- /frontend/content/tracks/drift/ui/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/drift/ui/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/drift/ui/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Drift", 3 | "description": "Drift Track", 4 | "tags" : ["#drift","drift","test track","circuit","original","Japan"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Japan", 7 | "city": "Tokyo", 8 | "length": "905", 9 | "width": "15", 10 | "pitboxes": "18", 11 | "run": "DRIFT" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/imola/ui/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/imola/ui/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/imola/ui/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Imola", 3 | "description": "Autodromo Enzo e Dino Ferrari", 4 | "tags" : ["circuit","original","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Imola", 8 | "length": "4909", 9 | "width": "15", 10 | "pitboxes": "24", 11 | "run": "anti-clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_barcelona/ui/layout_gp/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_barcelona/ui/layout_gp/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_barcelona/ui/layout_gp/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Barcelona - GP", 3 | "description": "Circuit de Barcelona", 4 | "tags" : ["circuit","original","drift","Spain"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Spain", 7 | "city": "Montmelo'", 8 | "length": "4655", 9 | "width": "11", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_barcelona/ui/layout_moto/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_barcelona/ui/layout_moto/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_barcelona/ui/layout_moto/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Barcelona - Moto", 3 | "description": "Circuit de Barcelona", 4 | "tags" : ["circuit","original","drift","Spain"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Spain", 7 | "city": "Montmelo'", 8 | "length": "4727", 9 | "width": "11", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_black_cat_county/ui/layout_int/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_black_cat_county/ui/layout_int/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_black_cat_county/ui/layout_int/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Black Cat County", 3 | "description": "Fictional U.S.A. Road", 4 | "tags" : ["circuit","drift","original","usa"], 5 | "geotags": ["lat", "lon"], 6 | "country": "U.S.A.", 7 | "city": "Los Angeles", 8 | "length": "6478", 9 | "width": "15", 10 | "pitboxes": "24", 11 | "run": "anti-clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_black_cat_county/ui/layout_long/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_black_cat_county/ui/layout_long/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_black_cat_county/ui/layout_long/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Black Cat County - Long", 3 | "description": "Fictional U.S.A. Road", 4 | "tags" : ["circuit","drift","original","usa"], 5 | "geotags": ["lat", "lon"], 6 | "country": "U.S.A.", 7 | "city": "Los Angeles", 8 | "length": "11244", 9 | "width": "15", 10 | "pitboxes": "24", 11 | "run": "anti-clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_black_cat_county/ui/layout_short/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_black_cat_county/ui/layout_short/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_black_cat_county/ui/layout_short/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Black Cat County - Short", 3 | "description": "Fictional U.S.A. Road", 4 | "tags" : ["circuit","drift","original","usa"], 5 | "geotags": ["lat", "lon"], 6 | "country": "U.S.A.", 7 | "city": "Los Angeles", 8 | "length": "6542", 9 | "width": "15", 10 | "pitboxes": "24", 11 | "run": "anti-clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_brands_hatch/ui/gp/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_brands_hatch/ui/gp/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_brands_hatch/ui/gp/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Brands Hatch - GP", 3 | "description": "Brands Hatch Circuit", 4 | "tags" : ["circuit","original","drift","Great Britain"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Great Britain", 7 | "city": "Fawkham", 8 | "length": "3908", 9 | "width": "11", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_brands_hatch/ui/indy/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_brands_hatch/ui/indy/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_brands_hatch/ui/indy/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Brands Hatch - Indy", 3 | "description": "Brands Hatch Circuit", 4 | "tags" : ["circuit","original","drift","Great Britain"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Great Britain", 7 | "city": "Fawkham", 8 | "length": "1929", 9 | "width": "11", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_drag/ui/drag1000/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_drag/ui/drag1000/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_drag/ui/drag1000/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Drag 1000m", 3 | "description": "fast&furious", 4 | "tags" : ["drag","original"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Imola", 8 | "length": "1000", 9 | "width": "15", 10 | "pitboxes": "2", 11 | "run": "dragstrip" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_drag/ui/drag200/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_drag/ui/drag200/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_drag/ui/drag200/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Drag 200m", 3 | "description": "fast&furious", 4 | "tags" : ["drag","original"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Imola", 8 | "length": "200", 9 | "width": "15", 10 | "pitboxes": "2", 11 | "run": "dragstrip" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_drag/ui/drag2000/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_drag/ui/drag2000/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_drag/ui/drag2000/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Drag 2000m", 3 | "description": "fast&furious", 4 | "tags" : ["drag","original"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Imola", 8 | "length": "2000", 9 | "width": "15", 10 | "pitboxes": "2", 11 | "run": "dragstrip" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_drag/ui/drag400/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_drag/ui/drag400/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_drag/ui/drag400/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Drag 400m", 3 | "description": "fast&furious", 4 | "tags" : ["drag","original"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Imola", 8 | "length": "400", 9 | "width": "15", 10 | "pitboxes": "2", 11 | "run": "dragstrip" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_drag/ui/drag500/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_drag/ui/drag500/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_drag/ui/drag500/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Drag 500m", 3 | "description": "fast&furious", 4 | "tags" : ["drag","original"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Imola", 8 | "length": "500", 9 | "width": "15", 10 | "pitboxes": "2", 11 | "run": "dragstrip" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_highlands/ui/layout_drift/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_highlands/ui/layout_drift/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_highlands/ui/layout_drift/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Highlands Drift", 3 | "description": "Highlands drift layout", 4 | "tags" : ["circuit","original","drift","Scotland"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Scotland", 7 | "city": "Fantasy", 8 | "length": "5167", 9 | "width": "10", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_highlands/ui/layout_int/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_highlands/ui/layout_int/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_highlands/ui/layout_int/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Highlands", 3 | "description": "Highlands original layout", 4 | "tags" : ["circuit","original","Scotland"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Scotland", 7 | "city": "Fantasy", 8 | "length": "8152", 9 | "width": "10", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_highlands/ui/layout_long/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_highlands/ui/layout_long/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_highlands/ui/layout_long/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Highlands Long", 3 | "description": "Highlands long layout", 4 | "tags" : ["circuit","original","Scotland"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Scotland", 7 | "city": "Fantasy", 8 | "length": "12191", 9 | "width": "10", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_highlands/ui/layout_short/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_highlands/ui/layout_short/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_highlands/ui/layout_short/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Highlands Short", 3 | "description": "Highlands short layout", 4 | "tags" : ["circuit","original","drift","Scotland"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Scotland", 7 | "city": "Fantasy", 8 | "length": "1714", 9 | "width": "10", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_laguna_seca/ui/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_laguna_seca/ui/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_laguna_seca/ui/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Laguna Seca", 3 | "description": "Mazda Raceway Laguna Seca", 4 | "tags" : ["circuit","original","drift","Usa"], 5 | "geotags": ["lat", "lon"], 6 | "country": "California, Usa", 7 | "city": "Monterey", 8 | "length": "3.602", 9 | "width": "11", 10 | "pitboxes": "24", 11 | "run": "anti-clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_monza66/ui/full/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_monza66/ui/full/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_monza66/ui/full/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Monza 1966 - Full Course", 3 | "description": "Autodromo di Monza", 4 | "tags" : ["circuit","original","historic","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Monza (MI)", 8 | "length": "10000", 9 | "width": "12", 10 | "pitboxes": "25", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_monza66/ui/junior/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_monza66/ui/junior/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_monza66/ui/junior/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Monza 1966 - Junior Course", 3 | "description": "Autodromo di Monza", 4 | "tags" : ["circuit","original","historic","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Monza (MI)", 8 | "length": "2405", 9 | "width": "12", 10 | "pitboxes": "25", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_monza66/ui/people_stand.dds: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_monza66/ui/people_stand.dds -------------------------------------------------------------------------------- /frontend/content/tracks/ks_monza66/ui/road/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_monza66/ui/road/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_monza66/ui/road/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Monza 1966 - Road Course", 3 | "description": "Autodromo di Monza", 4 | "tags" : ["circuit","original","historic","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Monza (MI)", 8 | "length": "5793", 9 | "width": "12", 10 | "pitboxes": "25", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nordschleife/ui/endurance/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nordschleife/ui/endurance/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nordschleife/ui/endurance/ui_track.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nordschleife/ui/endurance/ui_track.json -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nordschleife/ui/endurance_cup/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nordschleife/ui/endurance_cup/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nordschleife/ui/endurance_cup/ui_track.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nordschleife/ui/endurance_cup/ui_track.json -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nordschleife/ui/nordschleife/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nordschleife/ui/nordschleife/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nordschleife/ui/nordschleife/ui_track.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nordschleife/ui/nordschleife/ui_track.json -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nordschleife/ui/touristenfahrten/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nordschleife/ui/touristenfahrten/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nordschleife/ui/touristenfahrten/ui_track.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nordschleife/ui/touristenfahrten/ui_track.json -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nurburgring/ui/layout_gp_a/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nurburgring/ui/layout_gp_a/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nurburgring/ui/layout_gp_a/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Nurburgring - GP", 3 | "description": "Nuerburgring", 4 | "tags" : ["original","circuit","Germany"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Germany", 7 | "city": "Nurburg", 8 | "length": "5148", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nurburgring/ui/layout_gp_b/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nurburgring/ui/layout_gp_b/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nurburgring/ui/layout_gp_b/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Nurburgring - GP (GT)", 3 | "description": "Nuerburgring", 4 | "tags" : ["original","circuit","Germany"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Germany", 7 | "city": "Nurburg", 8 | "length": "5137", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nurburgring/ui/layout_sprint_a/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nurburgring/ui/layout_sprint_a/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nurburgring/ui/layout_sprint_a/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Nurburgring - Sprint", 3 | "description": "Nuerburgring", 4 | "tags" : ["original","circuit","Germany"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Germany", 7 | "city": "Nurburg", 8 | "length": "3629", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nurburgring/ui/layout_sprint_b/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_nurburgring/ui/layout_sprint_b/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_nurburgring/ui/layout_sprint_b/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Nurburgring - Sprint (GT)", 3 | "description": "Nuerburgring", 4 | "tags" : ["original","circuit","Germany"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Germany", 7 | "city": "Nurburg", 8 | "length": "3618", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_red_bull_ring/ui/layout_gp/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_red_bull_ring/ui/layout_gp/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_red_bull_ring/ui/layout_gp/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Red Bull Ring GP", 3 | "description": "Red Bull Ring Grand Prix Cricuit", 4 | "tags" : ["circuit","original","drift","Austria"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Austria", 7 | "city": "Spielberg", 8 | "length": "4326", 9 | "width": "12", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_red_bull_ring/ui/layout_national/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_red_bull_ring/ui/layout_national/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_red_bull_ring/ui/layout_national/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Red Bull Ring National", 3 | "description": "Red Bull Ring Südschleife National Circuit", 4 | "tags" : ["circuit","original","drift","Austria"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Austria", 7 | "city": "Spielberg", 8 | "length": "2336", 9 | "width": "12", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_silverstone/ui/gp/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_silverstone/ui/gp/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_silverstone/ui/gp/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Silverstone GP", 3 | "description": "Circuit of Silverstone", 4 | "tags" : ["circuit","original","Great Britain"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Great Britain", 7 | "city": "Silverstone", 8 | "length": "5901", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_silverstone/ui/international/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_silverstone/ui/international/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_silverstone/ui/international/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Silverstone - International", 3 | "description": "Circuit of Silverstone", 4 | "tags" : ["circuit","original","drift","Great Britain"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Great Britain", 7 | "city": "Silverstone", 8 | "length": "3619", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_silverstone/ui/national/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_silverstone/ui/national/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_silverstone/ui/national/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Silverstone - National", 3 | "description": "Circuit of Silverstone", 4 | "tags" : ["circuit","original","Great Britain"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Great Britain", 7 | "city": "Silverstone", 8 | "length": "2638", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_silverstone1967/ui/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_silverstone1967/ui/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_silverstone1967/ui/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Silverstone 1967", 3 | "description": "Historic Circuit of Silverstone", 4 | "tags" : ["circuit","original","historic","Great Britain"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Great Britain", 7 | "city": "Silverstone", 8 | "length": "4710", 9 | "width": "14", 10 | "pitboxes": "20", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_vallelunga/ui/classic_circuit/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_vallelunga/ui/classic_circuit/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_vallelunga/ui/classic_circuit/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Vallelunga - Classic", 3 | "description": "Autodromo Piero Taruffi", 4 | "tags" : ["circuit","original","drift","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Rome", 8 | "length": "3222", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_vallelunga/ui/club_circuit/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_vallelunga/ui/club_circuit/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_vallelunga/ui/club_circuit/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Vallelunga - Club", 3 | "description": "Autodromo Piero Taruffi", 4 | "tags" : ["circuit","original","drift","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Rome", 8 | "length": "1746", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_vallelunga/ui/extended_circuit/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_vallelunga/ui/extended_circuit/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_vallelunga/ui/extended_circuit/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Vallelunga", 3 | "description": "Autodromo Piero Taruffi", 4 | "tags" : ["circuit","original","drift","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Rome", 8 | "length": "4085", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/ks_zandvoort/ui/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/ks_zandvoort/ui/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/ks_zandvoort/ui/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Zandvoort", 3 | "description": "Zandvoort Circuit Park", 4 | "tags" : ["circuit","original","Netherlands"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Netherlands", 7 | "city": "Zandvoort", 8 | "length": "4307", 9 | "width": "13", 10 | "pitboxes": "18", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/magione/ui/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/magione/ui/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/magione/ui/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Magione", 3 | "description": "Autodromo di Umbria", 4 | "tags" : ["circuit","original","drift","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Magione", 8 | "length": "2507", 9 | "width": "11", 10 | "pitboxes": "18", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/monza/ui/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/monza/ui/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/monza/ui/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Monza", 3 | "description": "Autodromo di Monza", 4 | "tags" : ["circuit","original","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Monza (MI)", 8 | "length": "5793", 9 | "width": "12", 10 | "pitboxes": "26", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/mugello/ui/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/mugello/ui/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/mugello/ui/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Mugello", 3 | "description": "Autodromo del Mugello", 4 | "tags" : ["circuit","original","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Scarperia", 8 | "length": "5245", 9 | "width": "14", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/spa/ui/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/spa/ui/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/spa/ui/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Spa", 3 | "description": "Spa-Francorchamps", 4 | "tags" : ["circuit","original","Belgium"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Belgium", 7 | "city": "Francorchamps", 8 | "length": "7004", 9 | "width": "15", 10 | "pitboxes": "24", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /frontend/content/tracks/trento-bondone/ui/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/content/tracks/trento-bondone/ui/preview.png -------------------------------------------------------------------------------- /frontend/content/tracks/trento-bondone/ui/ui_track.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Trento-Bondone", 3 | "description": "Hillclimb course", 4 | "tags" : ["A2B","Hillclimb","touge","original","Italy"], 5 | "geotags": ["lat", "lon"], 6 | "country": "Italy", 7 | "city": "Trento", 8 | "length": "17619", 9 | "width": "8", 10 | "pitboxes": "4", 11 | "run": "clockwise" 12 | } -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | td.toggle-switch label { 91 | font-weight: normal; 92 | } 93 | 94 | .checkbox, .checkbox label { 95 | padding-left: 0px; !important 96 | } 97 | 98 | .checkbox { 99 | margin-top: 0px; !important 100 | } 101 | 102 | .checkbox input { 103 | display: block; !important 104 | } 105 | .drop-box { 106 | background: #F8F8F8; 107 | border: 5px dashed #DDD; 108 | width: 15em; 109 | height: 6em; 110 | text-align: center; 111 | padding: 0; 112 | margin: 10px; 113 | } 114 | .drop-box > span { 115 | height: 2em; 116 | width: 100%; 117 | padding: 1em 1em; 118 | display: block; 119 | } 120 | .dragover { 121 | border: 5px dashed rgb(255,74,85); 122 | } 123 | span.skinName { 124 | display: inline-block; 125 | margin: 2px; 126 | } 127 | pre { 128 | max-height: 50em; 129 | display: flex; 130 | flex-direction: column-reverse; 131 | } 132 | -------------------------------------------------------------------------------- /frontend/fonts/Pe-icon-7-stroke.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/fonts/Pe-icon-7-stroke.eot -------------------------------------------------------------------------------- /frontend/fonts/Pe-icon-7-stroke.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/fonts/Pe-icon-7-stroke.ttf -------------------------------------------------------------------------------- /frontend/fonts/Pe-icon-7-stroke.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/fonts/Pe-icon-7-stroke.woff -------------------------------------------------------------------------------- /frontend/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /frontend/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /frontend/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /frontend/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /frontend/img/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/img/ajax-loader.gif -------------------------------------------------------------------------------- /frontend/img/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/img/favicon.ico -------------------------------------------------------------------------------- /frontend/img/sidebar-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/img/sidebar-1.jpg -------------------------------------------------------------------------------- /frontend/img/sidebar-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/img/sidebar-2.jpg -------------------------------------------------------------------------------- /frontend/img/sidebar-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/img/sidebar-3.jpg -------------------------------------------------------------------------------- /frontend/img/sidebar-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/img/sidebar-4.jpg -------------------------------------------------------------------------------- /frontend/img/sidebar-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/img/sidebar-5.jpg -------------------------------------------------------------------------------- /frontend/img/sidebar-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Pringlez/ACServerManager/12ac5a8b973fe7aeb0b3113212593a7fc4313f5b/frontend/img/sidebar-6.jpg -------------------------------------------------------------------------------- /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 | 94 |
95 |
96 | 97 |
98 | 114 | 115 |
116 |
117 |
118 | {{alert.msg}} 119 |
120 | 121 |
122 |
123 | Assetto Corsa Server 124 |
125 |
126 |

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

127 |
128 | 129 |
130 | 133 | 134 |
135 | 138 | 139 | 142 |
143 | Loading 144 |
145 |
146 |
147 | 148 |
149 | sTracker Server 150 |
151 |
152 |

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

153 |
154 | 155 |
156 | 159 | 160 |
161 | 164 | 165 | 168 |
169 | Loading 170 |
171 |
172 |
173 | 174 |
175 | Server Status 176 |
177 |
178 |

Current Session: {{serverStatus.session}}

179 |
180 |
181 |
182 | 183 |
184 |
185 |
186 |

Server log (last 2000 lines):

187 | 
{{serverStatus.log}}
188 |
189 |
190 |
191 |
192 |
193 |
194 | 195 | 221 |
222 |
223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | -------------------------------------------------------------------------------- /frontend/js/angular/angular-resource.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | AngularJS v1.6.4 3 | (c) 2010-2017 Google, Inc. http://angularjs.org 4 | License: MIT 5 | */ 6 | (function(W,b){'use strict';function K(q,g){g=g||{};b.forEach(g,function(b,h){delete g[h]});for(var h in q)!q.hasOwnProperty(h)||"$"===h.charAt(0)&&"$"===h.charAt(1)||(g[h]=q[h]);return g}var B=b.$$minErr("$resource"),Q=/^(\.[a-zA-Z_$@][0-9a-zA-Z_$@]*)+$/;b.module("ngResource",["ng"]).info({angularVersion:"1.6.4"}).provider("$resource",function(){var q=/^https?:\/\/\[[^\]]*][^/]*/,g=this;this.defaults={stripTrailingSlashes:!0,cancellable:!1,actions:{get:{method:"GET"},save:{method:"POST"},query:{method:"GET", 7 | isArray:!0},remove:{method:"DELETE"},"delete":{method:"DELETE"}}};this.$get=["$http","$log","$q","$timeout",function(h,P,L,M){function C(b,e){this.template=b;this.defaults=p({},g.defaults,e);this.urlParams={}}function x(D,e,u,m){function c(a,d){var c={};d=p({},e,d);t(d,function(d,l){y(d)&&(d=d(a));var f;if(d&&d.charAt&&"@"===d.charAt(0)){f=a;var k=d.substr(1);if(null==k||""===k||"hasOwnProperty"===k||!Q.test("."+k))throw B("badmember",k);for(var k=k.split("."),e=0,g=k.length;e').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/js/ng-file-upload-shim.min.js: -------------------------------------------------------------------------------- 1 | /*! 12.2.13 */ 2 | !function(){function a(a,b){window.XMLHttpRequest.prototype[a]=b(window.XMLHttpRequest.prototype[a])}function b(a,b,c){try{Object.defineProperty(a,b,{get:c})}catch(d){}}if(window.FileAPI||(window.FileAPI={}),!window.XMLHttpRequest)throw"AJAX is not supported. XMLHttpRequest is not defined.";if(FileAPI.shouldLoad=!window.FormData||FileAPI.forceLoad,FileAPI.shouldLoad){var c=function(a){if(!a.__listeners){a.upload||(a.upload={}),a.__listeners=[];var b=a.upload.addEventListener;a.upload.addEventListener=function(c,d){a.__listeners[c]=d,b&&b.apply(this,arguments)}}};a("open",function(a){return function(b,d,e){c(this),this.__url=d;try{a.apply(this,[b,d,e])}catch(f){f.message.indexOf("Access is denied")>-1&&(this.__origError=f,a.apply(this,[b,"_fix_for_ie_crossdomain__",e]))}}}),a("getResponseHeader",function(a){return function(b){return this.__fileApiXHR&&this.__fileApiXHR.getResponseHeader?this.__fileApiXHR.getResponseHeader(b):null==a?null:a.apply(this,[b])}}),a("getAllResponseHeaders",function(a){return function(){return this.__fileApiXHR&&this.__fileApiXHR.getAllResponseHeaders?this.__fileApiXHR.getAllResponseHeaders():null==a?null:a.apply(this)}}),a("abort",function(a){return function(){return this.__fileApiXHR&&this.__fileApiXHR.abort?this.__fileApiXHR.abort():null==a?null:a.apply(this)}}),a("setRequestHeader",function(a){return function(b,d){if("__setXHR_"===b){c(this);var e=d(this);e instanceof Function&&e(this)}else this.__requestHeaders=this.__requestHeaders||{},this.__requestHeaders[b]=d,a.apply(this,arguments)}}),a("send",function(a){return function(){var c=this;if(arguments[0]&&arguments[0].__isFileAPIShim){var d=arguments[0],e={url:c.__url,jsonp:!1,cache:!0,complete:function(a,d){a&&angular.isString(a)&&-1!==a.indexOf("#2174")&&(a=null),c.__completed=!0,!a&&c.__listeners.load&&c.__listeners.load({type:"load",loaded:c.__loaded,total:c.__total,target:c,lengthComputable:!0}),!a&&c.__listeners.loadend&&c.__listeners.loadend({type:"loadend",loaded:c.__loaded,total:c.__total,target:c,lengthComputable:!0}),"abort"===a&&c.__listeners.abort&&c.__listeners.abort({type:"abort",loaded:c.__loaded,total:c.__total,target:c,lengthComputable:!0}),void 0!==d.status&&b(c,"status",function(){return 0===d.status&&a&&"abort"!==a?500:d.status}),void 0!==d.statusText&&b(c,"statusText",function(){return d.statusText}),b(c,"readyState",function(){return 4}),void 0!==d.response&&b(c,"response",function(){return d.response});var e=d.responseText||(a&&0===d.status&&"abort"!==a?a:void 0);b(c,"responseText",function(){return e}),b(c,"response",function(){return e}),a&&b(c,"err",function(){return a}),c.__fileApiXHR=d,c.onreadystatechange&&c.onreadystatechange(),c.onload&&c.onload()},progress:function(a){if(a.target=c,c.__listeners.progress&&c.__listeners.progress(a),c.__total=a.total,c.__loaded=a.loaded,a.total===a.loaded){var b=this;setTimeout(function(){c.__completed||(c.getAllResponseHeaders=function(){},b.complete(null,{status:204,statusText:"No Content"}))},FileAPI.noContentTimeout||1e4)}},headers:c.__requestHeaders};e.data={},e.files={};for(var f=0;f-1){e=h.substring(0,g+1);break}null==FileAPI.staticPath&&(FileAPI.staticPath=e),i.setAttribute("src",d||e+"FileAPI.min.js"),document.getElementsByTagName("head")[0].appendChild(i)}FileAPI.ngfFixIE=function(d,e,f){if(!b())throw'Adode Flash Player need to be installed. To check ahead use "FileAPI.hasFlash"';var g=function(){var b=e.parent();d.attr("disabled")?b&&b.removeClass("js-fileapi-wrapper"):(e.attr("__ngf_flash_")||(e.unbind("change"),e.unbind("click"),e.bind("change",function(a){h.apply(this,[a]),f.apply(this,[a])}),e.attr("__ngf_flash_","true")),b.addClass("js-fileapi-wrapper"),a(d)||(b.css("position","absolute").css("top",c(d[0]).top+"px").css("left",c(d[0]).left+"px").css("width",d[0].offsetWidth+"px").css("height",d[0].offsetHeight+"px").css("filter","alpha(opacity=0)").css("display",d.css("display")).css("overflow","hidden").css("z-index","900000").css("visibility","visible"),e.css("width",d[0].offsetWidth+"px").css("height",d[0].offsetHeight+"px").css("position","absolute").css("top","0px").css("left","0px")))};d.bind("mouseenter",g);var h=function(a){for(var b=FileAPI.getFiles(a),c=0;c &.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/_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 | -------------------------------------------------------------------------------- /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/_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/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/_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/_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/_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/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/_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/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/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/_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/_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/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/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/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/_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/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 | } -------------------------------------------------------------------------------- /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/_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 | } -------------------------------------------------------------------------------- /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/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/_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/_tabs.scss: -------------------------------------------------------------------------------- 1 | @mixin pill-style($color){ 2 | border: 1px solid $color; 3 | color: $color; 4 | } -------------------------------------------------------------------------------- /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 | } -------------------------------------------------------------------------------- /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/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 | -------------------------------------------------------------------------------- /logs/readme.txt: -------------------------------------------------------------------------------- 1 | Dated Assetto Corsa Server Logs -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "acsm", 3 | "version": "1.0.0", 4 | "description": "Assetto Corsa Server Manager", 5 | "main": "server.js", 6 | "author": "Joe Stevens", 7 | "dependencies": { 8 | "basic-auth-connect": "^1.0.0", 9 | "body-parser": "~1.16.0", 10 | "child_process": "^1.0.2", 11 | "express": "^4.14.1", 12 | "fs": "latest", 13 | "fs-copy-file-sync": "^1.1.1", 14 | "ini": "~1.3.4", 15 | "jsonfile": "^2.4.0", 16 | "lodash": "4.17.4", 17 | "mkdirp": "0.5.1", 18 | "multer": "1.1.0", 19 | "multi-ini": "~1.0.0", 20 | "ng-file-upload": "^12.2.13", 21 | "node.extend": "^1.1.6", 22 | "rimraf": "2.6.2", 23 | "util": "^0.10.3", 24 | "uuid": "^3.1.0" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /settings.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | serverPath: '../server/', 3 | contentPath: '', 4 | useLocalContent: 'true', 5 | sTrackerPath: '', 6 | username: '', 7 | password: '', 8 | url: 'http://localhost', 9 | port: 42555 10 | }; 11 | -------------------------------------------------------------------------------- /start.bat: -------------------------------------------------------------------------------- 1 | node server.js 2 | pause --------------------------------------------------------------------------------