Files
ArchiSteamFarm/ArchiSteamFarm/www/pages/editor.html
SKANKHUNTER 4b57a36749 IPC GUI Update Nr.8 (#771)
* Move fav-icons to img folder

* Renaming vars

* Remove unimplemented code

* Misc

* Add utils.js

* Improve i18n

* Misc

* Add i18n to index.html

* Improve i18n

* Add i18n support for all strings

* Add translation for placeholder and title

* Misc

* [Global] Links in Footer should open in new tab
[Bots] Open steam profile on click on avatar

* Misc
2018-05-25 22:21:53 +02:00

199 lines
10 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title data-i18n="editor-title">ASF | Config Editor</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script> <!--Change to cdnjs once available-->
<link rel="icon" href="../img/favicon.png" type="image/png">
<link rel="shortcut icon" href="../img/favicon.ico" type="img/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.2/css/AdminLTE.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
<link rel="stylesheet" href="../css/_all-skins.min.css">
<link rel="stylesheet" href="../css/app.css">
<link rel="stylesheet" href="../css/_nightmode.min.css">
</head>
<body class="hold-transition skin-blue sidebar-mini fixed">
<div class="wrapper">
<!-- Header -->
<header class="main-header">
<!-- Logo -->
<a href="javascript:void(0)" class="logo">
<span class="logo-mini"><b>A</b>SF</span>
<span class="logo-lg"><b>Archi</b>SteamFarm</span>
</a>
<nav class="navbar navbar-static-top" role="navigation">
<!-- Left Sidebar Toggle Button-->
<a href="javascript:void(0)" class="sidebar-toggle" id="leftSidebar" data-toggle="push-menu" role="button">
<i class="fas fa-bars"></i>
<span class="sr-only" data-i18n="global-navigation">Toggle navigation</span>
</a>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- Right Sidebar Toggle Button -->
<li><a href="javascript:void(0)" data-toggle="control-sidebar"><i class="fas fa-cogs"></i></a></li>
</ul>
</div>
</nav>
</header>
<!-- Left Sidebar -->
<aside class="main-sidebar">
<section class="sidebar">
<ul class="sidebar-menu" data-widget="tree">
<li class="header" data-i18n="global-home">Home</li>
<li><a href="commands.html"><i class="fas fa-laptop fa-fw"></i> <span data-i18n="global-commands">Commands</span></a></li>
<li>
<a href="bots.html">
<i class="fas fa-users fa-fw"></i> <span data-i18n="global-bots">Bots</span>
<span class="pull-right-container bot-status">
<small class="label pull-right bg-gray" id="offlineBots">0</small>
<small class="label pull-right bg-yellow" id="onlineBots">0</small>
<small class="label pull-right bg-olive" id="farmingBots">0</small>
</span>
</a>
</li>
<li><a href="log.html"><i class="far fa-file-alt fa-fw"></i> <span data-i18n="global-log">Log</span></a></li>
<li class="header" data-i18n="global-config">Config</li>
<li class="active"><a href="editor.html"><i class="far fa-edit fa-fw"></i> <span data-i18n="global-editor">Editor</span></a></li>
<li><a href="generator.html"><i class="far fa-copy fa-fw"></i> <span data-i18n="global-generator">Generator</span></a></li>
<li class="header" data-i18n="global-information">Information</li>
<li class="info-overview">
<a>
<i class="fas fa-tachometer-alt fa-fw"></i> <span data-i18n="global-ram-usage">RAM Usage</span>
<span class="pull-right-container">
<small class="label pull-right bg-blue" id="ramUsage">0.00 MB</small>
</span>
</a>
</li>
<li class="info-overview">
<a>
<i class="far fa-clock fa-fw"></i> <span data-i18n="global-uptime">Uptime</span>
<span class="pull-right-container">
<small class="label pull-right bg-blue" id="uptime">0d 0h 0m</small>
</span>
</a>
</li>
</ul>
</section>
</aside>
<!-- Content -->
<div class="content-wrapper">
<section class="content-header">
<h1>
<span data-i18n="global-editor">Editor</span>
<small data-i18n="global-control-panel">Control Panel</small>
</h1>
<ol class="breadcrumb">
<li><i class="fas fa-cogs"></i> <span data-i18n="global-config">Config</span></li>
<li class="active"><i class="far fa-edit"></i> <span data-i18n="global-editor">Editor</span></li>
</ol>
</section>
<!-- Content Body -->
<section class="content container-fluid">
<div class="box">
<div class="box-header with-border">
<i class="far fa-edit"></i>
<h3 class="box-title" data-i18n="editor-current">Currently editing:</h3>
<div class="box-tools pull-right">
<div class="btn-group">
<button type="button" class="btn btn-box-tool dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<span data-i18n="editor-change">Change bot</span>
<span class="fas fa-caret-down"></span>
</button>
<ul class="dropdown-menu scrollable-menu" role="menu" id="botsDropDown"></ul>
</div>
</div>
</div>
<div class="box-body">
<div class="box-content-config"></div>
</div>
<div class="box-footer">
<div class="input-group pull-right">
<button class="btn btn-default" id="saveButton">
<i class="fas fa-save"></i> <span data-i18n="editor-save">Save</span>
</button>
</div>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer class="main-footer">
<div class="pull-right"><strong data-i18n="global-version">Version</strong> <span id="version">0.0.0.0</span></div>
<strong>
<a target="_blank" href="https://github.com/JustArchi/ArchiSteamFarm">GitHub</a> -
<a target="_blank" href="https://github.com/JustArchi/ArchiSteamFarm/wiki"><span data-i18n="global-wiki">Wiki</span></a> -
<a target="_blank" href="https://github.com/JustArchi/ArchiSteamFarm/commits/master" id="changelog"><span data-i18n="global-changelog">Changelog</span></a>
</strong>
</footer>
<!-- Right Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<div class="tab-content">
<div class="tab-pane" id="control-right-sidebar"></div>
</div>
</aside>
<div class="control-sidebar-bg"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.2/js/adminlte.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.4/jquery.i18n.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.4/jquery.i18n.messagestore.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.4/jquery.i18n.fallbacks.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.4/jquery.i18n.language.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.4/jquery.i18n.parser.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.4/jquery.i18n.emitter.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.4/jquery.i18n.emitter.bidi.min.js"></script>
<script src="../js/utils.js"></script>
<script src="../js/i18n.js"></script>
<script src="../js/app.js"></script>
<script>
$(function () {
'use strict';
store('CurrentPage', 'pages/editor.html');
$('.box-content-config').ready(function () {
$.ajax({
url: '/Api/Bot/ASF',
type: 'GET',
async: false,
success: function (data) {
var json = data['Result'];
loadPageContentEditor(json[0].BotName);
}
});
});
$('#saveButton').click(function (e) {
swal({
title: 'Are you sure?',
text: 'The config will be updated and the bot will be restarted!',
type: 'warning',
showCancelButton: true,
confirmButtonClass: 'btn-danger',
confirmButtonText: 'Yes, update config!',
closeOnConfirm: false,
showLoaderOnConfirm: true
}, function () { prepareConfigForSaving(); });
e.preventDefault();
});
})
</script>
</body>
</html>