Arma3_Exile/arma-server-web-admin
1
0
Fork 0
mirror of https://github.com/Dahlgren/arma-server-web-admin.git synced 2024-08-30 17:22:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Server info page

Browse Source
This commit is contained in:
Björn Dahlgren 2014-04-04 08:20:13 +00:00
parent dec3056ef8
commit 35cc081f0e
5 changed files with 37 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/js/app/router.js
View File

@ -45,7 +45,7 @@ define(function (require) {
},
server: function () {
layoutView.content.show(new ServerView());
layoutView.content.show(new ServerView({model: servers.first()}));
}
});

15
public/js/app/views/servers/info.js Normal file
View File

@ -0,0 +1,15 @@
define(function (require) {
"use strict";
var $ = require('jquery'),
_ = require('underscore'),
Backbone = require('backbone'),
Marionette = require('marionette'),
tpl = require('text!tpl/servers/info.html');
return Marionette.ItemView.extend({
template: _.template(tpl),
});
});

16
public/js/app/views/servers/view.js
View File

@ -6,10 +6,24 @@ define(function (require) {
_ = require('underscore'),
Backbone = require('backbone'),
Marionette = require('marionette'),
Mods = require('app/collections/mods'),
InfoView = require('app/views/servers/info'),
ModsListView = require('app/views/mods/list'),
tpl = require('text!tpl/servers/view.html');
return Marionette.ItemView.extend({
return Marionette.Layout.extend({
template: _.template(tpl),
regions: {
info: "#info",
mods: "#mods",
settings: "#settings"
},
onRender: function() {
this.info.show(new InfoView({model: this.model}));
this.mods.show(new ModsListView({collection: new Mods(this.model.get('mods'))}));
},
});
});

1
public/js/tpl/servers/info.html Normal file
View File

@ -0,0 +1 @@
<h2><%-title%></h2>

12
public/js/tpl/servers/view.html
View File

@ -1,15 +1,13 @@
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#profile" data-toggle="tab">Profile</a></li>
<li><a href="#messages" data-toggle="tab">Messages</a></li>
<li class="active"><a href="#info" data-toggle="tab">Info</a></li>
<li><a href="#mods" data-toggle="tab">Mods</a></li>
<li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="home">...</div>
<div class="tab-pane" id="profile">...</div>
<div class="tab-pane" id="messages">...</div>
<div class="tab-pane" id="settings">...</div>
<div class="tab-pane active" id="info"></div>
<div class="tab-pane" id="mods"></div>
<div class="tab-pane" id="settings"></div>
</div>