mirror of
https://github.com/usmannasir/cyberpanel.git
synced 2025-11-09 06:46:10 +01:00
lunch container done
This commit is contained in:
Hassan Hashmi
@@ -1177,18 +1177,33 @@ class ContainerManager(multi.Thread):
|
|||||||
|
|
||||||
|
|
||||||
name = data['name']
|
name = data['name']
|
||||||
|
WPusername = data['WPusername']
|
||||||
|
WPemail = data['WPemail']
|
||||||
|
WPpasswd = data['WPpasswd']
|
||||||
|
|
||||||
dockersite = DockerSites.objects.get(SiteName=name)
|
dockersite = DockerSites.objects.get(SiteName=name)
|
||||||
#-------------------------delete or create docker site wala function call krna hai dekh kr kya kya data pass ho ga
|
|
||||||
# passdata = {}
|
passdata ={}
|
||||||
# passdata["JobID"] = None
|
data['JobID'] = ''
|
||||||
# passdata['name'] = name
|
data['Domain'] = dockersite.admin.domain
|
||||||
# passdata['numberOfLines'] = 50
|
data['domain'] = dockersite.admin.domain
|
||||||
# da = Docker_Sites(None, passdata)
|
data['WPemal'] = WPemail
|
||||||
# retdata = da.ContainerLogs()
|
data['Owner'] = dockersite.admin.admin.userName
|
||||||
|
data['userID'] = userID
|
||||||
|
data['MysqlCPU'] = dockersite.CPUsMySQL
|
||||||
|
data['MYsqlRam'] = dockersite.MemoryMySQL
|
||||||
|
data['SiteCPU'] = dockersite.CPUsSite
|
||||||
|
data['SiteRam'] = dockersite.MemorySite
|
||||||
|
data['sitename'] = dockersite.SiteName
|
||||||
|
data['WPusername'] = WPusername
|
||||||
|
data['WPpasswd'] = WPpasswd
|
||||||
|
data['externalApp'] = dockersite.admin.externalApp
|
||||||
|
|
||||||
|
da = Docker_Sites(None, passdata)
|
||||||
|
da.RebuildApp()
|
||||||
|
|
||||||
|
|
||||||
data_ret = {'status': 1, 'error_message': 'None', 'data':"retdata"}
|
data_ret = {'status': 1, 'error_message': 'None',}
|
||||||
json_data = json.dumps(data_ret)
|
json_data = json.dumps(data_ret)
|
||||||
return HttpResponse(json_data)
|
return HttpResponse(json_data)
|
||||||
|
|
||||||
|
|||||||
@@ -10534,6 +10534,7 @@ app.controller('listDockersite', function ($scope, $http) {
|
|||||||
|
|
||||||
app.controller('ListDockersitecontainer', function ($scope, $http) {
|
app.controller('ListDockersitecontainer', function ($scope, $http) {
|
||||||
$scope.conatinerview = true
|
$scope.conatinerview = true
|
||||||
|
$scope.cyberPanelLoading = true;
|
||||||
$scope.getcontainer = function () {
|
$scope.getcontainer = function () {
|
||||||
url = "/docker/getDockersiteList";
|
url = "/docker/getDockersiteList";
|
||||||
|
|
||||||
@@ -10565,7 +10566,7 @@ app.controller('ListDockersitecontainer', function ($scope, $http) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function cantLoadInitialData(response) {
|
function cantLoadInitialData(response) {
|
||||||
new PNotify({
|
new PNotify({
|
||||||
title: 'Operation Failed!',
|
title: 'Operation Failed!',
|
||||||
text: 'Connect disrupted, refresh the page.',
|
text: 'Connect disrupted, refresh the page.',
|
||||||
type: 'error'
|
type: 'error'
|
||||||
@@ -10575,14 +10576,14 @@ app.controller('ListDockersitecontainer', function ($scope, $http) {
|
|||||||
|
|
||||||
$scope.getcontainer()
|
$scope.getcontainer()
|
||||||
|
|
||||||
$scope.Lunchcontainer = function (containerid){
|
$scope.Lunchcontainer = function (containerid) {
|
||||||
// $scope.listcontainerview = true
|
// $scope.listcontainerview = true
|
||||||
var url = "/docker/getContainerAppinfo";
|
var url = "/docker/getContainerAppinfo";
|
||||||
|
|
||||||
var data = {
|
var data = {
|
||||||
'name': $('#sitename').html(),
|
'name': $('#sitename').html(),
|
||||||
'id': containerid
|
'id': containerid
|
||||||
};
|
};
|
||||||
|
|
||||||
var config = {
|
var config = {
|
||||||
headers: {
|
headers: {
|
||||||
@@ -10602,22 +10603,22 @@ app.controller('ListDockersitecontainer', function ($scope, $http) {
|
|||||||
$scope.cid = response.data.data[1].id
|
$scope.cid = response.data.data[1].id
|
||||||
$scope.appcpuUsage = 5
|
$scope.appcpuUsage = 5
|
||||||
$scope.appmemoryUsage = 9
|
$scope.appmemoryUsage = 9
|
||||||
$scope.name = response.data.data[1].name
|
$scope.cName = response.data.data[1].name
|
||||||
$scope.port = response.data.data[1].name
|
$scope.port = response.data.data[1].name
|
||||||
$scope.getcontainerlog(containerid)
|
$scope.getcontainerlog(containerid)
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
new PNotify({
|
new PNotify({
|
||||||
title: 'Operation Failed!',
|
title: 'Operation Failed!',
|
||||||
text: response.data.error_message,
|
text: response.data.error_message,
|
||||||
type: 'error'
|
type: 'error'
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function cantLoadInitialData(response) {
|
function cantLoadInitialData(response) {
|
||||||
new PNotify({
|
new PNotify({
|
||||||
title: 'Operation Failed!',
|
title: 'Operation Failed!',
|
||||||
text: 'Connect disrupted, refresh the page.',
|
text: 'Connect disrupted, refresh the page.',
|
||||||
type: 'error'
|
type: 'error'
|
||||||
@@ -10626,7 +10627,7 @@ app.controller('ListDockersitecontainer', function ($scope, $http) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
$scope.getcontainerlog = function (containerid){
|
$scope.getcontainerlog = function (containerid) {
|
||||||
// $scope.listcontainerview = true
|
// $scope.listcontainerview = true
|
||||||
|
|
||||||
var url = "/docker/getContainerApplog";
|
var url = "/docker/getContainerApplog";
|
||||||
@@ -10634,7 +10635,7 @@ app.controller('ListDockersitecontainer', function ($scope, $http) {
|
|||||||
var data = {
|
var data = {
|
||||||
'name': $('#sitename').html(),
|
'name': $('#sitename').html(),
|
||||||
'id': containerid
|
'id': containerid
|
||||||
};
|
};
|
||||||
|
|
||||||
var config = {
|
var config = {
|
||||||
headers: {
|
headers: {
|
||||||
@@ -10658,17 +10659,17 @@ app.controller('ListDockersitecontainer', function ($scope, $http) {
|
|||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
new PNotify({
|
new PNotify({
|
||||||
title: 'Operation Failed!',
|
title: 'Operation Failed!',
|
||||||
text: response.data.error_message,
|
text: response.data.error_message,
|
||||||
type: 'error'
|
type: 'error'
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function cantLoadInitialData(response) {
|
function cantLoadInitialData(response) {
|
||||||
new PNotify({
|
new PNotify({
|
||||||
title: 'Operation Failed!',
|
title: 'Operation Failed!',
|
||||||
text: 'Connect disrupted, refresh the page.',
|
text: 'Connect disrupted, refresh the page.',
|
||||||
type: 'error'
|
type: 'error'
|
||||||
@@ -10677,12 +10678,16 @@ app.controller('ListDockersitecontainer', function ($scope, $http) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
$scope.recreateappcontainer = function (){
|
$scope.recreateappcontainer = function () {
|
||||||
|
$scope.cyberPanelLoading = false;
|
||||||
var url = "/docker/recreateappcontainer";
|
var url = "/docker/recreateappcontainer";
|
||||||
|
|
||||||
var data = {
|
var data = {
|
||||||
'name': $('#sitename').html(),
|
'name': $('#sitename').html(),
|
||||||
};
|
'WPusername': $scope.WPUsername,
|
||||||
|
'WPemail': $scope.adminEmail,
|
||||||
|
'WPpasswd': $scope.WPPassword,
|
||||||
|
};
|
||||||
|
|
||||||
var config = {
|
var config = {
|
||||||
headers: {
|
headers: {
|
||||||
@@ -10695,32 +10700,173 @@ app.controller('ListDockersitecontainer', function ($scope, $http) {
|
|||||||
|
|
||||||
function ListInitialData(response) {
|
function ListInitialData(response) {
|
||||||
$scope.conatinerview = false
|
$scope.conatinerview = false
|
||||||
$scope.logs = response.data.data[1];
|
$scope.cyberPanelLoading = true;
|
||||||
|
|
||||||
|
$scope.getcontainer()
|
||||||
|
|
||||||
|
|
||||||
if (response.data.status === 1) {
|
if (response.data.status === 1) {
|
||||||
new PNotify({
|
new PNotify({
|
||||||
title: 'Success!',
|
title: 'Success!',
|
||||||
text: 'Container info fetched.',
|
text: 'Container recreated',
|
||||||
type: 'success'
|
type: 'success'
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
new PNotify({
|
new PNotify({
|
||||||
title: 'Operation Failed!',
|
title: 'Operation Failed!',
|
||||||
text: response.data.error_message,
|
text: response.data.error_message,
|
||||||
type: 'error'
|
type: 'error'
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function cantLoadInitialData(response) {
|
function cantLoadInitialData(response) {
|
||||||
new PNotify({
|
$scope.cyberPanelLoading = true;
|
||||||
|
|
||||||
|
new PNotify({
|
||||||
title: 'Operation Failed!',
|
title: 'Operation Failed!',
|
||||||
text: 'Connect disrupted, refresh the page.',
|
text: 'Connect disrupted, refresh the page.',
|
||||||
type: 'error'
|
type: 'error'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$scope.refreshStatus = function () {
|
||||||
|
url = "/docker/getContainerStatus";
|
||||||
|
var data = {name: $scope.cName};
|
||||||
|
var config = {
|
||||||
|
headers: {
|
||||||
|
'X-CSRFToken': getCookie('csrftoken')
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$http.post(url, data, config).then(ListInitialData, cantLoadInitialData);
|
||||||
|
function ListInitialData(response) {
|
||||||
|
if (response.data.containerStatus === 1) {
|
||||||
|
console.log(response.data.status);
|
||||||
|
$scope.status = response.data.status;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
new PNotify({
|
||||||
|
title: 'Unable to complete request',
|
||||||
|
text: response.data.error_message,
|
||||||
|
type: 'error'
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function cantLoadInitialData(response) {
|
||||||
|
PNotify.error({
|
||||||
|
title: 'Unable to complete request',
|
||||||
|
text: "Problem in connecting to server"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
$scope.cAction = function (action) {
|
||||||
|
$('#actionLoading').show();
|
||||||
|
url = "/docker/doContainerAction";
|
||||||
|
var data = {name: $scope.cName, action: action};
|
||||||
|
var config = {
|
||||||
|
headers: {
|
||||||
|
'X-CSRFToken': getCookie('csrftoken')
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$http.post(url, data, config).then(ListInitialData, cantLoadInitialData);
|
||||||
|
|
||||||
|
|
||||||
|
function ListInitialData(response) {
|
||||||
|
console.log(response);
|
||||||
|
|
||||||
|
if (response.data.containerActionStatus === 1) {
|
||||||
|
new PNotify({
|
||||||
|
title: 'Success!',
|
||||||
|
text: 'Action completed',
|
||||||
|
type: 'success'
|
||||||
|
});
|
||||||
|
$scope.status = response.data.status;
|
||||||
|
$scope.refreshStatus()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
new PNotify({
|
||||||
|
title: 'Unable to complete request',
|
||||||
|
text: response.data.error_message,
|
||||||
|
type: 'error'
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
$('#actionLoading').hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
function cantLoadInitialData(response) {
|
||||||
|
PNotify.error({
|
||||||
|
title: 'Unable to complete request',
|
||||||
|
text: "Problem in connecting to server"
|
||||||
|
});
|
||||||
|
$('#actionLoading').hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
$scope.cRemove = function () {
|
||||||
|
(new PNotify({
|
||||||
|
title: 'Confirmation Needed',
|
||||||
|
text: 'Are you sure?',
|
||||||
|
icon: 'fa fa-question-circle',
|
||||||
|
hide: false,
|
||||||
|
confirm: {
|
||||||
|
confirm: true
|
||||||
|
},
|
||||||
|
buttons: {
|
||||||
|
closer: false,
|
||||||
|
sticker: false
|
||||||
|
},
|
||||||
|
history: {
|
||||||
|
history: false
|
||||||
|
}
|
||||||
|
})).get().on('pnotify.confirm', function () {
|
||||||
|
$('#actionLoading').show();
|
||||||
|
|
||||||
|
url = "/docker/delContainer";
|
||||||
|
var data = {name: $scope.cName, unlisted: false};
|
||||||
|
var config = {
|
||||||
|
headers: {
|
||||||
|
'X-CSRFToken': getCookie('csrftoken')
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$http.post(url, data, config).then(ListInitialData, cantLoadInitialData);
|
||||||
|
function ListInitialData(response) {
|
||||||
|
if (response.data.delContainerStatus === 1) {
|
||||||
|
new PNotify({
|
||||||
|
title: 'Container deleted!',
|
||||||
|
text: 'Redirecting...',
|
||||||
|
type: 'success'
|
||||||
|
});
|
||||||
|
window.location.href = '/docker/listContainers';
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
new PNotify({
|
||||||
|
title: 'Unable to complete request',
|
||||||
|
text: response.data.error_message,
|
||||||
|
type: 'error'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
$('#actionLoading').hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
function cantLoadInitialData(response) {
|
||||||
|
PNotify.error({
|
||||||
|
title: 'Unable to complete request',
|
||||||
|
text: "Problem in connecting to server"
|
||||||
|
});
|
||||||
|
$('#actionLoading').hide();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
})
|
})
|
||||||
@@ -39,9 +39,9 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<th>Name</th>
|
<th>Name</th>
|
||||||
<th>Launch</th>
|
<th>Launch</th>
|
||||||
{# <th>Owner</th>#}
|
{# <th>Owner</th>#}
|
||||||
{# <th>Image</th>#}
|
{# <th>Image</th>#}
|
||||||
{# <th>Tag</th>#}
|
{# <th>Tag</th>#}
|
||||||
<th>Actions</th>
|
<th>Actions</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
@@ -52,14 +52,14 @@
|
|||||||
<td ng-click="Lunchcontainer(web.id)"><img width="30px" height="30" class=""
|
<td ng-click="Lunchcontainer(web.id)"><img width="30px" height="30" class=""
|
||||||
src="{% static 'baseTemplate/assets/image-resources/webPanel.png' %}">
|
src="{% static 'baseTemplate/assets/image-resources/webPanel.png' %}">
|
||||||
</td>
|
</td>
|
||||||
{# <td ng-bind="web.admin"></td>#}
|
{# <td ng-bind="web.admin"></td>#}
|
||||||
{# <td ng-bind="web.image"></td>#}
|
{# <td ng-bind="web.image"></td>#}
|
||||||
{# <td ng-bind="web.tag"></td>#}
|
{# <td ng-bind="web.tag"></td>#}
|
||||||
<td>
|
<td>
|
||||||
<button class="btn btn-primary" ng-click="delContainer(web.name)"><i
|
<button class="btn btn-primary" ng-click="delContainer(web.name)"><i
|
||||||
class="fa fa-trash btn-icon"></i></button>
|
class="fa fa-trash btn-icon"></i></button>
|
||||||
{# <button class="btn btn-primary" ng-click="showLog(web.name)"><i#}
|
{# <button class="btn btn-primary" ng-click="showLog(web.name)"><i#}
|
||||||
{# class="fa fa-file btn-icon"></i></button>#}
|
{# class="fa fa-file btn-icon"></i></button>#}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@@ -194,394 +194,394 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div ng-hide="conatinerview">
|
<div ng-hide="conatinerview">
|
||||||
<div >
|
<div>
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div id="page-title" ng-init="cName='{{ name }}'">
|
|
||||||
{# <h2 id="domainNamePage">{% trans "Manage Container" %}</h2>#}
|
|
||||||
<p>{% trans "Currently managing: " %} {$ name $}</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="example-box-wrapper">
|
<div id="page-title">
|
||||||
|
<h2 id="domainNamePage">{% trans "Currently managing: " %} {$ cName $}
|
||||||
|
<button class="btn btn-warning pull-right" data-toggle="modal"
|
||||||
|
data-target="#Recreatedockerapp"><i
|
||||||
|
class="fa fa-refresh btn-icon"></i> Recreate
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
{% trans "Container ID" %}: {$ cid $}
|
||||||
|
</p>
|
||||||
|
|
||||||
<div class="panel panel-body">
|
</div>
|
||||||
|
|
||||||
<h3 class="content-box-header">
|
|
||||||
{% trans "Container Information" %}
|
|
||||||
<img id="infoLoading" src="/static/images/loading.gif" style="display: none;">
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="content-box-wrapper">
|
<div class="example-box-wrapper">
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
<div class="panel panel-body">
|
||||||
<div class="panel">
|
|
||||||
<div class="panel-body">
|
<h3 class="content-box-header">
|
||||||
<div class="example-box-wrapper">
|
{% trans "Container Information" %}
|
||||||
<h3 class="title-hero">
|
<img id="infoLoading" src="/static/images/loading.gif" style="display: none;">
|
||||||
{% trans "Memory Usage" %}
|
</h3>
|
||||||
</h3>
|
|
||||||
<div class="progressbar" data-value="{$ appmemoryUsage $}">
|
|
||||||
<div class="progressbar-value bg-primary">
|
<div class="content-box-wrapper">
|
||||||
<div class="progress-overlay"></div>
|
<div class="row">
|
||||||
<div class="progress-label" title="{$ appmemoryUsage $}%">
|
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="panel">
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="example-box-wrapper">
|
||||||
|
<h3 class="title-hero">
|
||||||
|
{% trans "Memory Usage" %}
|
||||||
|
</h3>
|
||||||
|
<div class="progressbar" data-value="{$ appmemoryUsage $}">
|
||||||
|
<div class="progressbar-value bg-primary">
|
||||||
|
<div class="progress-overlay"></div>
|
||||||
|
<div class="progress-label" title="{$ appmemoryUsage $}%">
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<h3 class="title-hero">
|
|
||||||
{% trans "CPU Usage" %}
|
|
||||||
</h3>
|
|
||||||
<div class="progressbar" data-value="{$ appcpuUsage $}">
|
|
||||||
<div class="progressbar-value bg-primary">
|
|
||||||
<div class="progress-overlay"></div>
|
|
||||||
<div class="progress-label" title="{$ appcpuUsage $}"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<h3 class="title-hero">
|
||||||
|
{% trans "CPU Usage" %}
|
||||||
|
</h3>
|
||||||
|
<div class="progressbar" data-value="{$ appcpuUsage $}">
|
||||||
|
<div class="progressbar-value bg-primary">
|
||||||
|
<div class="progress-overlay"></div>
|
||||||
|
<div class="progress-label" title="{$ appcpuUsage $}"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="panel">
|
<div class="panel">
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<div class="example-box-wrapper">
|
<div class="example-box-wrapper">
|
||||||
{% trans "Container ID" %}: {$ cid $}
|
<h3 class="title-hero" ng-init="status='{{ status }}'">Main Actions
|
||||||
<br>
|
<img id="actionLoading" src="/static/images/loading.gif"
|
||||||
{% trans "Image" %}: {{ image }}
|
style="display: none;width: 20px;">
|
||||||
<span ng-show="'{{ image }}' == 'unknown:unknown'"
|
</h3>
|
||||||
title="Actions involving container recreation cannot be executed">
|
<b>Status:</b> <span ng-bind="status"></span>
|
||||||
<i class="fa fa-warning btn-icon"></i>
|
<span ng-click='refreshStatus()' style="cursor:pointer;"
|
||||||
</span>
|
class="pull-right"
|
||||||
<br>
|
title="Refresh status"><i
|
||||||
{% if ports %}
|
class="fa fa-refresh btn-icon"></i></span>
|
||||||
{% trans "Ports" %}: <br>
|
<hr>
|
||||||
{% for iport, eport in ports.items %}
|
<button ng-disabled="status=='running'" class="btn btn-primary"
|
||||||
{{ iport }} {% trans "to" %} {{ eport }}<br>
|
ng-click="cAction('start')"><i
|
||||||
{% endfor %}
|
class="fa fa-play btn-icon"></i> Start
|
||||||
{% endif %}
|
</button>
|
||||||
|
<button ng-disabled="status!='running'" class="btn btn-primary"
|
||||||
</div>
|
ng-click="cAction('restart')"><i
|
||||||
|
class="fa fa-refresh btn-icon"></i>
|
||||||
{# <button class="btn btn-warning" data-toggle="modal"#}
|
Restart
|
||||||
{# data-target="#settings"><i#}
|
</button>
|
||||||
{# class="fa fa-gear btn-icon"></i> Settings#}
|
<button ng-disabled="status!='running'" class="btn btn-primary"
|
||||||
{# </button>#}
|
ng-click="cAction('stop')"><i
|
||||||
<button class="btn btn-warning" ng-click="recreateappcontainer()"><i
|
class="fa fa-stop btn-icon"></i> Stop
|
||||||
class="fa fa-refresh btn-icon"></i> Recreate
|
</button>
|
||||||
|
<button class="btn btn-primary" ng-click="cRemove()">Remove
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="example-box-wrapper">
|
|
||||||
|
|
||||||
<div class="panel panel-body">
|
|
||||||
|
|
||||||
<h3 class="content-box-header">
|
|
||||||
{% trans "Actions" %}
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="content-box-wrapper">
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="panel">
|
|
||||||
<div class="panel-body">
|
|
||||||
<div class="example-box-wrapper">
|
|
||||||
<h3 class="title-hero" ng-init="status='{{ status }}'">Main Actions
|
|
||||||
<img id="actionLoading" src="/static/images/loading.gif"
|
|
||||||
style="display: none;width: 20px;">
|
|
||||||
</h3>
|
|
||||||
<b>Status:</b> <span ng-bind="status"></span>
|
|
||||||
<span ng-click='refreshStatus()' style="cursor:pointer;"
|
|
||||||
class="pull-right"
|
|
||||||
title="Refresh status"><i class="fa fa-refresh btn-icon"></i></span>
|
|
||||||
<hr>
|
|
||||||
<button ng-disabled="status=='running'" class="btn btn-primary"
|
|
||||||
ng-click="cAction('start')"><i
|
|
||||||
class="fa fa-play btn-icon"></i> Start
|
|
||||||
</button>
|
|
||||||
<button ng-disabled="status!='running'" class="btn btn-primary"
|
|
||||||
ng-click="cAction('restart')"><i
|
|
||||||
class="fa fa-refresh btn-icon"></i>
|
|
||||||
Restart
|
|
||||||
</button>
|
|
||||||
<button ng-disabled="status!='running'" class="btn btn-primary"
|
|
||||||
ng-click="cAction('stop')"><i
|
|
||||||
class="fa fa-stop btn-icon"></i> Stop
|
|
||||||
</button>
|
|
||||||
<button class="btn btn-primary" ng-click="cRemove()">Remove
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="panel">
|
|
||||||
<div class="panel-body">
|
|
||||||
<div class="example-box-wrapper">
|
|
||||||
<h3 class="title-hero" ng-init="rPolicy='{{ restartPolicy }}'">Other
|
|
||||||
Actions</h3>
|
|
||||||
<b>Restart on system reboot:</b> <span ng-bind="rPolicy"></span>
|
|
||||||
<hr>
|
|
||||||
<a href="/docker/exportContainer/?name={{ name }}"
|
|
||||||
class="btn btn-primary">Export
|
|
||||||
file</a>
|
|
||||||
<button class="btn btn-primary" ng-disabled="loadingTop"
|
|
||||||
ng-click="showTop()">
|
|
||||||
View Process
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="Recreatedockerapp" class="modal fade" role="dialog">
|
||||||
|
<div class="modal-dialog modal-lg">
|
||||||
|
<!-- Modal content-->
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button type="button" class="close"
|
||||||
|
data-dismiss="modal">×
|
||||||
|
</button>
|
||||||
|
<h4 class="modal-title">{% trans "Backup logs" %} <img
|
||||||
|
ng-hide="cyberPanelLoading"
|
||||||
|
src="{% static 'images/loading.gif' %}">
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<form name="websiteCreationForm" action="/"
|
||||||
|
id="createPackages"
|
||||||
|
class="form-horizontal bordered-row panel-body">
|
||||||
|
<div ng-hide="installationDetailsForm"
|
||||||
|
class="form-group">
|
||||||
|
<label class="col-sm-3 control-label">{% trans "Username" %}</label>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<input name="Username" type="text"
|
||||||
|
class="form-control"
|
||||||
|
ng-model="WPUsername"
|
||||||
|
required>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div ng-hide="installationDetailsForm"
|
||||||
|
class="form-group">
|
||||||
|
<label class="col-sm-3 control-label">{% trans "Email" %}</label>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<input type="email" name="email"
|
||||||
|
class="form-control"
|
||||||
|
ng-model="adminEmail" required>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div ng-hide="installationDetailsForm"
|
||||||
|
class="form-group">
|
||||||
|
<label class="col-sm-3 control-label">{% trans "Password" %}</label>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<input name="password" type="password"
|
||||||
|
class="form-control"
|
||||||
|
ng-model="WPPassword"
|
||||||
|
required>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="example-box-wrapper">
|
</div>
|
||||||
|
</form>
|
||||||
<div class="content-box panel-body">
|
|
||||||
|
|
||||||
<h3 class="content-box-header" ng-init="loadLogs('{{ name }}')">
|
|
||||||
{% trans "Logs" %}
|
|
||||||
<span style="cursor:pointer;" class="pull-right" ng-click="loadLogs('{{ name }}')"><i
|
|
||||||
class="fa fa-refresh btn-icon"></i></span>
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="content-box-wrapper">
|
</div>
|
||||||
<div class="row">
|
<div class="modal-footer">
|
||||||
|
<button class="btn btn-warning"
|
||||||
|
ng-click="recreateappcontainer()"> Recreate
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-default"
|
||||||
|
data-dismiss="modal"> Close
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="example-box-wrapper">
|
||||||
|
|
||||||
|
<div class="content-box panel-body">
|
||||||
|
|
||||||
|
<h3 class="content-box-header" ng-init="loadLogs('{{ name }}')">
|
||||||
|
{% trans "Logs" %}
|
||||||
|
<span style="cursor:pointer;" class="pull-right" ng-click="loadLogs('{{ name }}')"><i
|
||||||
|
class="fa fa-refresh btn-icon"></i></span>
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="content-box-wrapper">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
<textarea name="logs" class="form-control" id="" cols="30"
|
<textarea name="logs" class="form-control" id="" cols="30"
|
||||||
rows="10">{$ logs $}</textarea><br>
|
rows="10">{$ logs $}</textarea><br>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="settings" class="modal fade" role="dialog">
|
|
||||||
<div class="modal-dialog">
|
|
||||||
|
|
||||||
<!-- Modal content-->
|
|
||||||
<div class="modal-content">
|
|
||||||
<div class="modal-header">
|
|
||||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
||||||
<h4 class="modal-title">Container Settings
|
|
||||||
<img id="containerSettingLoading" src="/static/images/loading.gif"
|
|
||||||
style="display: none;">
|
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
|
|
||||||
<form name="containerSettingsForm" action="/" class="form-horizontal">
|
|
||||||
<div ng-hide="installationDetailsForm" class="form-group">
|
|
||||||
<label class="col-sm-3 control-label">{% trans "Memory limit" %}</label>
|
|
||||||
<div class="col-sm-6" ng-init="memory={{ memoryLimit }}">
|
|
||||||
<input name="memory" type="number" class="form-control"
|
|
||||||
ng-model="memory" required>
|
|
||||||
</div>
|
|
||||||
<div class="current-pack ng-binding">MB</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div ng-hide="installationDetailsForm" class="form-group">
|
|
||||||
<label class="col-sm-3 control-label">Start on reboot</label>
|
|
||||||
<div class="col-sm-9">
|
|
||||||
<div class="checkbox" ng-init="startOnReboot={{ startOnReboot }}">
|
|
||||||
<label>
|
|
||||||
<input ng-model="startOnReboot" type="checkbox" value=""
|
|
||||||
class="ng-pristine ng-untouched ng-valid ng-empty">
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
<div ng-hide="installationDetailsForm" class="form-group">
|
|
||||||
<label class="col-sm-3 control-label">{% trans "Confirmation" %}</label>
|
|
||||||
<div class="col-sm-9">
|
|
||||||
<div class="checkbox">
|
|
||||||
<label>
|
|
||||||
<input ng-model="envConfirmation" type="checkbox">
|
|
||||||
Editing ENV or Volume will recreate container.
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
<span ng-init="envList = {}"></span>
|
|
||||||
{% for env, value in envList.items %}
|
|
||||||
|
|
||||||
<span ng-init="envList[{{ forloop.counter0 }}] = {'name':'{{ env }}' , 'value':'{{ value }}'} "></span>
|
|
||||||
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
<div ng-repeat="env in envList track by $index">
|
|
||||||
|
|
||||||
<div ng-hide="installationDetailsForm" class="form-group">
|
|
||||||
<label class="col-sm-3 control-label">
|
|
||||||
<div ng-show="$first">
|
|
||||||
{% trans "ENV" %}
|
|
||||||
</div>
|
|
||||||
</label>
|
|
||||||
<div class="col-sm-2">
|
|
||||||
<input name="$index" ng-disabled="!envConfirmation" type="text"
|
|
||||||
class="form-control" ng-model="envList[$index].name"
|
|
||||||
required>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-4">
|
|
||||||
<input name="$index" ng-disabled="!envConfirmation" type="text"
|
|
||||||
class="form-control" ng-model="envList[$index].value"
|
|
||||||
required>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-offset-3">
|
|
||||||
<button type="button" ng-disabled="!envConfirmation" class="btn btn-info"
|
|
||||||
ng-click="addEnvField()">Add more
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<span ng-init="volList = {}"></span>
|
|
||||||
<span ng-init="volListNumber=1"></span>
|
|
||||||
{% for key, value in volList.items %}
|
|
||||||
<span ng-init="volList[{{ forloop.counter0 }}] = {'dest':'{{ value.bind }}' , 'src':'{{ key }}'}"></span>
|
|
||||||
<span ng-init="volListNumber={{ forloop.counter0 }} + 1"></span>
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<div ng-hide="installationDetailsForm" class="form-group text-center">
|
|
||||||
<label class="control-label">
|
|
||||||
{% trans "Map Volumes" %}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div ng-repeat="volume in volList track by $index">
|
|
||||||
<div ng-hide="installationDetailsForm" class="form-group">
|
|
||||||
<div class="col-sm-5">
|
|
||||||
<input type="text" ng-disabled="!envConfirmation"
|
|
||||||
class="form-control"
|
|
||||||
ng-model="volList[$index].dest" placeholder="Destination"
|
|
||||||
required>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-5">
|
|
||||||
<input type="text" ng-disabled="!envConfirmation"
|
|
||||||
class="form-control"
|
|
||||||
ng-model="volList[$index].src" placeholder="Source" required>
|
|
||||||
</div>
|
|
||||||
<div ng-show="$last">
|
|
||||||
<div class="col-sm-1">
|
|
||||||
<button class="btn btn-primary" ng-disabled="!envConfirmation"
|
|
||||||
type="button"
|
|
||||||
ng-click="removeVolField()"><i
|
|
||||||
style="position: inherit; top: 0px; left: 0px"
|
|
||||||
class="fa fa-times"></i></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div ng-hide="installationDetailsForm" class="text-center">
|
|
||||||
<button type="button" ng-disabled="!envConfirmation" class="btn btn-info"
|
|
||||||
ng-click="addVolField()">{% trans "Add field" %}</button>
|
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
|
|
||||||
</form>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer">
|
|
||||||
<button type="button" ng-disabled="savingSettings" class="btn btn-primary"
|
|
||||||
ng-click="saveSettings()">Save
|
|
||||||
</button>
|
|
||||||
<button type="button" ng-disabled="savingSettings" class="btn btn-default"
|
|
||||||
data-dismiss="modal">
|
|
||||||
Close
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="processes" class="modal fade" role="dialog">
|
|
||||||
<div class="modal-dialog" style="width: 96%;">
|
|
||||||
|
|
||||||
<!-- Modal content-->
|
|
||||||
<div class="modal-content panel-body">
|
|
||||||
<div class="modal-header">
|
|
||||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
||||||
<h4 class="modal-title content-box=header">Container Processes</h4>
|
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
|
|
||||||
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped"
|
|
||||||
id="datatable-example">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th ng-repeat="item in topHead track by $index">{$ item $}</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
|
|
||||||
<tr ng-repeat="process in topProcesses track by $index">
|
|
||||||
<th ng-repeat="item in process track by $index">{$ item $}</th>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer">
|
|
||||||
<button type="button" ng-disabled="savingSettings" class="btn btn-primary"
|
|
||||||
ng-click="showTop()">
|
|
||||||
Refresh
|
|
||||||
</button>
|
|
||||||
<button type="button" ng-disabled="savingSettings" class="btn btn-default"
|
|
||||||
data-dismiss="modal">
|
|
||||||
Close
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="settings" class="modal fade" role="dialog">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
|
||||||
|
<!-- Modal content-->
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||||
|
<h4 class="modal-title">Container Settings
|
||||||
|
<img id="containerSettingLoading" src="/static/images/loading.gif"
|
||||||
|
style="display: none;">
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
|
||||||
|
<form name="containerSettingsForm" action="/" class="form-horizontal">
|
||||||
|
<div ng-hide="installationDetailsForm" class="form-group">
|
||||||
|
<label class="col-sm-3 control-label">{% trans "Memory limit" %}</label>
|
||||||
|
<div class="col-sm-6" ng-init="memory={{ memoryLimit }}">
|
||||||
|
<input name="memory" type="number" class="form-control"
|
||||||
|
ng-model="memory" required>
|
||||||
|
</div>
|
||||||
|
<div class="current-pack ng-binding">MB</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div ng-hide="installationDetailsForm" class="form-group">
|
||||||
|
<label class="col-sm-3 control-label">Start on reboot</label>
|
||||||
|
<div class="col-sm-9">
|
||||||
|
<div class="checkbox" ng-init="startOnReboot={{ startOnReboot }}">
|
||||||
|
<label>
|
||||||
|
<input ng-model="startOnReboot" type="checkbox" value=""
|
||||||
|
class="ng-pristine ng-untouched ng-valid ng-empty">
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
<div ng-hide="installationDetailsForm" class="form-group">
|
||||||
|
<label class="col-sm-3 control-label">{% trans "Confirmation" %}</label>
|
||||||
|
<div class="col-sm-9">
|
||||||
|
<div class="checkbox">
|
||||||
|
<label>
|
||||||
|
<input ng-model="envConfirmation" type="checkbox">
|
||||||
|
Editing ENV or Volume will recreate container.
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<span ng-init="envList = {}"></span>
|
||||||
|
{% for env, value in envList.items %}
|
||||||
|
|
||||||
|
<span ng-init="envList[{{ forloop.counter0 }}] = {'name':'{{ env }}' , 'value':'{{ value }}'} "></span>
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
<div ng-repeat="env in envList track by $index">
|
||||||
|
|
||||||
|
<div ng-hide="installationDetailsForm" class="form-group">
|
||||||
|
<label class="col-sm-3 control-label">
|
||||||
|
<div ng-show="$first">
|
||||||
|
{% trans "ENV" %}
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
<div class="col-sm-2">
|
||||||
|
<input name="$index" ng-disabled="!envConfirmation" type="text"
|
||||||
|
class="form-control" ng-model="envList[$index].name"
|
||||||
|
required>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<input name="$index" ng-disabled="!envConfirmation" type="text"
|
||||||
|
class="form-control" ng-model="envList[$index].value"
|
||||||
|
required>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-offset-3">
|
||||||
|
<button type="button" ng-disabled="!envConfirmation" class="btn btn-info"
|
||||||
|
ng-click="addEnvField()">Add more
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<span ng-init="volList = {}"></span>
|
||||||
|
<span ng-init="volListNumber=1"></span>
|
||||||
|
{% for key, value in volList.items %}
|
||||||
|
<span ng-init="volList[{{ forloop.counter0 }}] = {'dest':'{{ value.bind }}' , 'src':'{{ key }}'}"></span>
|
||||||
|
<span ng-init="volListNumber={{ forloop.counter0 }} + 1"></span>
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div ng-hide="installationDetailsForm" class="form-group text-center">
|
||||||
|
<label class="control-label">
|
||||||
|
{% trans "Map Volumes" %}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div ng-repeat="volume in volList track by $index">
|
||||||
|
<div ng-hide="installationDetailsForm" class="form-group">
|
||||||
|
<div class="col-sm-5">
|
||||||
|
<input type="text" ng-disabled="!envConfirmation"
|
||||||
|
class="form-control"
|
||||||
|
ng-model="volList[$index].dest" placeholder="Destination"
|
||||||
|
required>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-5">
|
||||||
|
<input type="text" ng-disabled="!envConfirmation"
|
||||||
|
class="form-control"
|
||||||
|
ng-model="volList[$index].src" placeholder="Source" required>
|
||||||
|
</div>
|
||||||
|
<div ng-show="$last">
|
||||||
|
<div class="col-sm-1">
|
||||||
|
<button class="btn btn-primary" ng-disabled="!envConfirmation"
|
||||||
|
type="button"
|
||||||
|
ng-click="removeVolField()"><i
|
||||||
|
style="position: inherit; top: 0px; left: 0px"
|
||||||
|
class="fa fa-times"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div ng-hide="installationDetailsForm" class="text-center">
|
||||||
|
<button type="button" ng-disabled="!envConfirmation" class="btn btn-info"
|
||||||
|
ng-click="addVolField()">{% trans "Add field" %}</button>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" ng-disabled="savingSettings" class="btn btn-primary"
|
||||||
|
ng-click="saveSettings()">Save
|
||||||
|
</button>
|
||||||
|
<button type="button" ng-disabled="savingSettings" class="btn btn-default"
|
||||||
|
data-dismiss="modal">
|
||||||
|
Close
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="processes" class="modal fade" role="dialog">
|
||||||
|
<div class="modal-dialog" style="width: 96%;">
|
||||||
|
|
||||||
|
<!-- Modal content-->
|
||||||
|
<div class="modal-content panel-body">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||||
|
<h4 class="modal-title content-box=header">Container Processes</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
|
||||||
|
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped"
|
||||||
|
id="datatable-example">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th ng-repeat="item in topHead track by $index">{$ item $}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<tr ng-repeat="process in topProcesses track by $index">
|
||||||
|
<th ng-repeat="item in process track by $index">{$ item $}</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" ng-disabled="savingSettings" class="btn btn-primary"
|
||||||
|
ng-click="showTop()">
|
||||||
|
Refresh
|
||||||
|
</button>
|
||||||
|
<button type="button" ng-disabled="savingSettings" class="btn btn-default"
|
||||||
|
data-dismiss="modal">
|
||||||
|
Close
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@@ -109,6 +109,29 @@
|
|||||||
class="form-horizontal bordered-row panel-body">
|
class="form-horizontal bordered-row panel-body">
|
||||||
|
|
||||||
|
|
||||||
|
<div ng-hide="installationDetailsForm" class="form-group">
|
||||||
|
<label class="col-sm-3 control-label">{% trans "Select Package" %}</label>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<select ng-model="packageForWebsite" class="form-control">
|
||||||
|
{% for items in packageList %}
|
||||||
|
<option>{{ items }}</option>
|
||||||
|
{% endfor %}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div ng-hide="installationDetailsForm" class="form-group">
|
||||||
|
<label class="col-sm-3 control-label">{% trans "Select Owner" %}</label>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<select ng-model="websiteOwner" class="form-control">
|
||||||
|
{% for items in owernList %}
|
||||||
|
<option>{{ items }}</option>
|
||||||
|
{% endfor %}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div ng-hide="installationDetailsForm" class="form-group">
|
<div ng-hide="installationDetailsForm" class="form-group">
|
||||||
<label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>
|
<label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
@@ -158,7 +181,9 @@
|
|||||||
OpenLiteSpeed + Apache (Backend) (For Ubuntu 22 and AlmaLinux 8)
|
OpenLiteSpeed + Apache (Backend) (For Ubuntu 22 and AlmaLinux 8)
|
||||||
{% else %}
|
{% else %}
|
||||||
<input ng-model="apacheBackend" type="checkbox" value="" disabled>
|
<input ng-model="apacheBackend" type="checkbox" value="" disabled>
|
||||||
OpenLiteSpeed + Apache (Backend) (For Ubuntu 22 and AlmaLinux 8) - <strong><a href="https://go.cyberpanel.net/ApacheRev">Premium Feature</a> <i class="p fa fa-external-link btn-icon"> </i></strong>
|
OpenLiteSpeed + Apache (Backend) (For Ubuntu 22 and AlmaLinux 8) -
|
||||||
|
<strong><a href="https://go.cyberpanel.net/ApacheRev">Premium Feature</a> <i
|
||||||
|
class="p fa fa-external-link btn-icon"> </i></strong>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user