mirror of
https://github.com/rakion99/shelter-editor.git
synced 2026-07-28 04:06:42 +00:00
Added support for mobile
This commit is contained in:
Samuel Dionne
@@ -116,6 +116,8 @@ a.tab:focus {
|
||||
.vault_info {
|
||||
height: 100%;
|
||||
padding: 15px 15px 15px 0;
|
||||
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.vault_info {
|
||||
@@ -245,3 +247,80 @@ a.list-group-item, a.list-group-item, button.list-group-item, button.list-group-
|
||||
background-color: #467bb7;
|
||||
border-color: #567997;
|
||||
}
|
||||
|
||||
.back_button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
body {
|
||||
background: none;
|
||||
}
|
||||
|
||||
body > .container {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
height: calc(100% - 130px);
|
||||
|
||||
border-width: 4px 0;
|
||||
border-radius: 0;
|
||||
margin-top: 75px;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.tab:first-child {
|
||||
color: #333;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tab:nth-child(2) {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 0 15px;
|
||||
width: calc(100% - 30px);
|
||||
}
|
||||
|
||||
.dwellers {
|
||||
padding-right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.dweller_info {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
||||
background-color: #fff;
|
||||
|
||||
width: 100%;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.stat {
|
||||
width: 25%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dweller_info.close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.back_button {
|
||||
display: block;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
+4
-1
@@ -1340,7 +1340,6 @@ app.controller('dwellerController', function ($scope) {
|
||||
},
|
||||
set: function (val) {
|
||||
_save = val;
|
||||
$scope.dweller = $scope.save.dwellers.dwellers[0];
|
||||
|
||||
extractCount();
|
||||
}
|
||||
@@ -1372,6 +1371,10 @@ app.controller('dwellerController', function ($scope) {
|
||||
$scope.dweller = dweller;
|
||||
};
|
||||
|
||||
$scope.closeDweller = function (dweller) {
|
||||
$scope.dweller = {};
|
||||
};
|
||||
|
||||
$scope.download = function () {
|
||||
encrypt($scope.fileName, $scope.save);
|
||||
};
|
||||
|
||||
+21
-20
@@ -4,7 +4,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no">
|
||||
|
||||
<title>Fallout Shelter - Save Editor</title>
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
<div class="container">
|
||||
|
||||
<div class="row box" ng-show="section == 'vault'">
|
||||
<div class="col-md-12 vault_info">
|
||||
<div class="col-sm-12 vault_info">
|
||||
|
||||
<form ng-show="fileName" name="vaultForm">
|
||||
<div class="form-group" ng-class="{ 'has-error': vaultForm.vaultName.$invalid }">
|
||||
@@ -25,46 +25,46 @@
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Caps</label>
|
||||
<input type="number" class="form-control" name="caps" ng-model="save.vault.storage.resources.Nuka">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Lunch Boxes</label>
|
||||
<input type="number" class="form-control" name="lunchbox" ng-model="lunchboxCount">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Mr. Handies</label>
|
||||
<input type="number" class="form-control" name="handy" ng-model="handyCount">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Food</label>
|
||||
<input type="number" class="form-control" name="caps" ng-model="save.vault.storage.resources.Food">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Energy</label>
|
||||
<input type="number" class="form-control" name="energy" ng-model="save.vault.storage.resources.Energy">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Water</label>
|
||||
<input type="number" class="form-control" name="water" ng-model="save.vault.storage.resources.Water">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-md-6">
|
||||
<div class="col-sm-6">
|
||||
<label>Stimpack</label>
|
||||
<input type="number" class="form-control" name="stimpack" ng-model="save.vault.storage.resources.StimPack">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="col-sm-6">
|
||||
<label>RadAway</label>
|
||||
<input type="number" class="form-control" name="radaway" ng-model="save.vault.storage.resources.RadAway">
|
||||
</div>
|
||||
@@ -75,49 +75,50 @@
|
||||
</div>
|
||||
|
||||
<div class="row box" ng-show="section == 'dwellers'">
|
||||
<div class="dwellers list-group col-md-4">
|
||||
<a ng-repeat="d in save.dwellers.dwellers" ng-click="editDweller(d)" ng-class="{ 'active': dweller == d }" class="list-group-item">{{ d.name }} {{ d.lastName }}</a>
|
||||
<div class="dwellers list-group col-sm-4">
|
||||
<a ng-repeat="d in save.dwellers.dwellers" ng-click="editDweller(d);" ng-class="{ 'active': dweller == d }" class="list-group-item">{{ d.name }} {{ d.lastName }}</a>
|
||||
</div>
|
||||
|
||||
<div class="dweller_info col-md-8" ng-hide="!dweller.name">
|
||||
<div class="dweller_info col-sm-8" ng-hide="!dweller.name">
|
||||
<a href="#" class="back_button glyphicon glyphicon-chevron-left" ng-click="closeDweller()">Back</a>
|
||||
|
||||
<form name="dwellerForm">
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>First Name</label>
|
||||
<input type="text" class="form-control" name="firstName" placeholder="First Name" ng-model="dweller.name">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Last Name</label>
|
||||
<input type="text" class="form-control" name="lastName" placeholder="Last Name" ng-model="dweller.lastName">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Gender</label>
|
||||
<select class="form-control" name="gender" ng-model="dweller.gender" ng-options="key*1 as value for (key,value) in { 1: 'Female', 2: 'Male' }"></select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Happiness</label>
|
||||
<input type="number" class="form-control" name="happiness" ng-model="dweller.happiness.happinessValue">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Health</label>
|
||||
<input type="number" class="form-control" name="health" ng-model="dweller.health.healthValue">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<label>Radiation</label>
|
||||
<input type="number" class="form-control" name="radiation" ng-model="dweller.health.radiationValue">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-md-1 stat" ng-repeat="stat in dweller.stats.stats">
|
||||
<div class="col-sm-1 stat" ng-repeat="stat in dweller.stats.stats">
|
||||
<label ng-bind="statsName[$index]" class="center"></label>
|
||||
|
||||
<div class="bar" ng-class="'value' + stat.value"></div>
|
||||
|
||||
Reference in New Issue
Block a user