[WIP] GUI Update and bug fixes (JustArchiNET#733)

* Add info for not implemented features

* Fixed bug within log function

* cleanup

* Fixed a display bug where the footer would add to the total height

* cleanup

* Use '/Api/Bot/' to read bot status

* Fixed update log function

* Adding some temp. logs to find a bug

* Fixed bot status bug and bot dropdown in command

* Final fix lol

* Fixed escaped quote

* Bug in status fixed

* Add RAM usage to dashboard

* Remove Ionicons

* hot fix for not supported API usage

* Add basic bot overview

* Replace local jQuery with public CDN

* Replace local bootstrap with public CDN

* Replace local font-awesome with public CDN

* Replace local bootstrap slider with public CDN

* info log for bot overview

* adapt to new IPC changes

* Complete basic bot overview and some cleanup

* Add authentication headers

* Append "?password=" query string for /Api/Log

* Remove "Status" page since it will be replaced by "Bots" page

* cleanup

* cleanup JustArchiNET#2

* - add info boxes to bot page
- add new background image for boxed view

* cleanup

* cleanup and random stuff

* Changed bot status color for "offline" from red to gray

* - added option to reset ipc password in sidebar
- reworked design of sidebar
- moved delete bot button to tools bar

* change NYI info

* Fix realtime logging buttons

* add logs for debugging

* Changed design of log box and command box

* Remove logs for debugging since the "bug" will be fixed

* Prepare dashboard for JustArchiNET#736

* add sweetalert for bootstrap (spicy replacement for modal and alert)

* "I-am-tired"-fix

* cleanup

* improve bot status function

* improve bot status function even more

* Update some icons

* fix

* add links to footer

* Add scrollbar to bots dropdown
Cleanup

* another cleanup

* remove dashboard and more informations to left sidebar

* Add placeholder for ramUsage

* Cleanup public CDN

* cleanup

* Replace bootstrap-slider.js with interact.js

* Implement "ProcessStartTime"

* Add auto refresh for asf infos and bot status

* Changed command buttons design on bot page
Misc cleanup
Changed layout to be fixed as default
Added function to fill command drop down on command page
Fixed autoScroll on log page

* cleanup

* Add save/load function for layout options

* use /img/boxed-bg.jpg

* Add save/load function for left sidebar

* Added semicolon where they were missing

* remove /img folder
use default background image for boxed layout

* Added steam avatar to bots page

* misc

* Add loading overlay to commands page
Change loading overlay color to white since background is black

* changed layout of bot box

* updated steamBaseURL for steam avatar

* Changed design of bots info boxes
Added expert mode setting in sidebar
Moved deleteBot button to tools box
Started adding content for config manager
Prepare bots overview for games farming implementation

* Added logic for farming info boxes and box body

* Fixed multiple games farming string

* Turn autoScroll buttons into one and add proper icon

* Optimized for smartphone

* Optimized for tablet

* cleanup

* Added leading zeroes to date

* prepare for splitting up commands if request url is too long

* Merge generator and manager into one page

* Change css of info overview in left sidebar

* cleanup

* Fixed right sidebar on iPad layout

* misc

* misc

* misc

* Added error handling for command

ArchiSteamFarm/www/css/app.css

@@ -0,0 +1,136 @@
+.box-content-status {
+  width:auto;
+  height:400px;
+  padding:6px 12px;
+  overflow-y:scroll;
+  white-space:pre-line;
+  border-color: rgb(221, 221, 221);
+  border-style: solid;
+  border-width: 1px;
+  background-color: rgb(255, 255, 255);
+  overflow:-moz-scrollbars-horizontal;
+}
+
+.box-content-log {
+    font-family: "lucida console";
+    color: rgb(255, 255, 255);
+    font-size: 14px;
+    background-color: #000000;
+    width: auto;
+    height: 400px;
+    padding: 6px 12px;
+    overflow-y: scroll;
+    white-space: pre-line;
+    border-color: rgb(221, 221, 221);
+    border-style: solid;
+    border-width: 1px;
+    overflow: -moz-scrollbars-horizontal;
+}
+
+.box-content-command {
+  width:auto;
+  height:400px;
+  padding:6px 12px;
+  overflow-y:scroll;
+  white-space:pre-line;
+  border-color: rgb(221, 221, 221);
+  border-style: solid;
+  border-width: 1px;
+  background-color: rgb(255, 255, 255);
+  overflow:-moz-scrollbars-horizontal;
+}
+
+.bg-gray {
+    color: #fff;
+}
+
+#commandReply {
+    font-family: "lucida console";
+    color: rgb(255, 255, 255);
+    font-size: 14px;
+    background-color: #000000;
+}
+
+#commandSent {
+    font-family: "lucida console";
+    font-size: 12px;
+    cursor: default;
+}
+
+.scrollable-menu {
+    height: auto;
+    max-height: 220px;
+    overflow-x: hidden;
+}
+
+button.bot-stopped {
+    color: red;
+}
+
+button.bot-stopped:hover {
+    color: green;
+}
+
+button.bot-started:hover {
+    color: red;
+}
+
+button.bot-paused {
+    color: orange;
+}
+
+button.bot-paused:hover {
+    color: green;
+}
+
+button.bot-resumed:hover {
+    color: orange;
+}
+
+.botHeader {
+    padding: 3px;
+}
+
+.botTitle {
+    padding-left: 5px;
+}
+
+.botHeader > .botTools {
+    top: 2px;
+}
+
+.bots-info-box-icon {
+    height: 64px;
+    width: 64px;
+    line-height: 64px;
+    font-size: 35px;
+}
+
+.bot-info-box {
+    min-height: 64px;
+}
+
+.bot-info-box-content {
+    margin-left: 64px;
+}
+
+.nav-tabs-custom > .nav-tabs > li {
+    margin-right: 0px; 
+}
+
+.info-overview {
+    pointer-events: none;
+    cursor: default;
+}
+
+@media (max-width: 768px) {
+    .control-sidebar {
+        padding-top: 50px;
+    }
+}
+
+@media (max-width: 767px) {
+    .control-sidebar {
+        padding-top: 100px;
+    }
+}