Skip to content

Feature/execution page #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
frank-mendez wants to merge 23 commits into
base: develop
Choose a base branch
from
Open

Feature/execution page #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
1cdcb5c
feat(user): add user file
frank-mendez Dec 7, 2016
651f4cc
feat(npm): added select2 dependency
frank-mendez Dec 7, 2016
b7c73db
feat(select2): added new task select2
frank-mendez Dec 7, 2016
f110065
feat(select2): added select2 library
frank-mendez Dec 7, 2016
a7f8af5
feat(select2): select2 js
frank-mendez Dec 7, 2016
415bcc7
feat(npm): added select2 js task
frank-mendez Dec 7, 2016
0c29afe
feat(js): added custom javascript
frank-mendez Dec 7, 2016
b0704d8
feat(select2): hotfix directory error
frank-mendez Dec 7, 2016
18a4110
feat(user): added select2 in the form
frank-mendez Dec 7, 2016
2ddbb08
feat(user): added user edit file
frank-mendez Dec 7, 2016
4981beb
feat(user): user header
frank-mendez Dec 7, 2016
938b7a6
feat(role): added role list
frank-mendez Dec 7, 2016
34c5184
feat(role): added add role page
frank-mendez Dec 7, 2016
144efc0
feat(command): added command list
frank-mendez Dec 7, 2016
e0776c4
feat(command): added add command file
frank-mendez Dec 7, 2016
25abddc
feat(group): added group list
frank-mendez Dec 7, 2016
327e6a5
feat(group): added add group file
frank-mendez Dec 7, 2016
a6051d2
feat(execution): added execution list
frank-mendez Dec 7, 2016
d99b46c
feat(command): hotfix add command UI
frank-mendez Dec 8, 2016
4679921
feat(group): hotfix add group UI
frank-mendez Dec 8, 2016
08ead71
feat(execution): added new views for execution
frank-mendez Dec 8, 2016
53cbacf
feat(user): hotfix add user UI
frank-mendez Dec 8, 2016
322384c
feat(role): hotfix add role UI
frank-mendez Dec 8, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions gulp/tasks/select2-css-lib.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
var gulp = require('gulp');
var rename = require('gulp-rename');

module.exports = function() {
return gulp.src('node_modules/select2/dist/css/select2.min.css')
.pipe(rename('select2.css'))
.pipe(gulp.dest('public/dist/css/lib'));
};
8 changes: 8 additions & 0 deletions gulp/tasks/select2-js-lib.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
var gulp = require('gulp');
var rename = require('gulp-rename');

module.exports = function() {
return gulp.src('node_modules/select2/dist/js/select2.min.js')
.pipe(rename('select2.js'))
.pipe(gulp.dest('public/dist/js/lib'));
};
8 changes: 6 additions & 2 deletions gulpfile.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ let tasks = [
'bootstrap-css-lib',
'bootstrap-fonts-lib',
'font-awesome-lib.js',
'font-awesome-fonts-lib'
'font-awesome-fonts-lib',
'select2-css-lib',
'select2-js-lib'
];

tasks.forEach(function(name) {
Expand All @@ -38,5 +40,7 @@ gulp.task('default', [
'bootstrap-css-lib',
'bootstrap-fonts-lib',
'font-awesome-lib.js',
'font-awesome-fonts-lib'
'font-awesome-fonts-lib',
'select2-css-lib',
'select2-js-lib'
]);
3 changes: 2 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,8 @@
"rand-token": "^0.2.1",
"react": "^15.4.1",
"react-dom": "^15.4.1",
"redux": "^3.6.0"
"redux": "^3.6.0",
"select2": "^4.0.3"
},
"eslintConfig": {
"extends": "google",
Expand Down
143 changes: 143 additions & 0 deletions public/add-command.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,143 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Crun</title>

<!-- Bootstrap -->
<link href="dist/css/lib/bootstrap.css" rel="stylesheet">
<link href="dist/css/lib/select2.css" rel="stylesheet">
<link rel="stylesheet" href="dist/css/lib/font-awesome.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">CRUN</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">
<i class="fa fa-search"></i>
</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-user"></i>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-power-off"></i> Log Out</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>

<div class="container">
<div class="row">
<div class="col-sm-12">
<div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation"><a href="#user" aria-controls="user" role="tab" data-toggle="tab">User</a></li>
<li role="presentation"><a href="#roles" aria-controls="roles" role="tab" data-toggle="tab">Roles</a></li>
<li role="presentation" class="active"><a href="#command" aria-controls="command" role="tab" data-toggle="tab">Command</a></li>
<li role="presentation"><a href="#group" aria-controls="group" role="tab" data-toggle="tab">Group</a></li>
<li role="presentation"><a href="#execution" aria-controls="execution" role="tab" data-toggle="tab">Execution</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="user">
<div class="container" style="margin-top:30px;">
<h3>Add Command</h3>
<form action="" class="form-horizontal">
<div class="form-group">
<label for="" class="control-label col-sm-2">Name</label>
<div class="col-sm-4">
<input type="text" class="form-control">
</div>
</div>
<div class="form-group">
<label for="" class="control-label col-sm-2">Command</label>
<div class="col-sm-4">
<textarea name="" id="" class="form-control"></textarea>
</div>
</div>
<div class="form-group">
<label for="" class="control-label col-sm-2">CWD</label>
<div class="col-sm-4">
<input type="text" class="form-control">
</div>
</div>
<div class="form-group">
<label for="" class="control-label col-sm-2">ENV</label>
<label for="" class="control-label col-sm-1" style="text-align:left;">Key</label>
<label for="" class="control-label col-sm-3" style="text-align:left;">Value</label>
</div>
<div class="form-group">
<div class="col-sm-1 col-sm-offset-2">
<input type="text" class="form-control">
</div>
<div class="col-sm-3">
<input type="text" class="form-control">
</div>
<div class="col-sm-2">
<button class="btn btn-success"><i class="fa fa-plus"></i></button>
<button class="btn btn-danger"><i class="fa fa-minus"></i></button>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 pull-right">
<button class="btn btn-default">Cancel</button>
<button class="btn btn-success"><i class="fa fa-save"></i> Save</button>
</div>
</div>
</form>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="roles">Roles</div>
<div role="tabpanel" class="tab-pane" id="command">Command</div>
<div role="tabpanel" class="tab-pane" id="group">Group</div>
<div role="tabpanel" class="tab-pane" id="execution">Execution</div>
</div>
</div>
</div>
</div>
</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="dist/js/lib/bootstrap.js"></script>
<script src="dist/js/lib/select2.js"></script>
<script src="src/js/custom.js"></script>
</body>
</html>
152 changes: 152 additions & 0 deletions public/add-group.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,152 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Crun</title>

<!-- Bootstrap -->
<link href="dist/css/lib/bootstrap.css" rel="stylesheet">
<link href="dist/css/lib/select2.css" rel="stylesheet">
<link rel="stylesheet" href="dist/css/lib/font-awesome.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">CRUN</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">
<i class="fa fa-search"></i>
</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-user"></i>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-power-off"></i> Log Out</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>

<div class="container">
<div class="row">
<div class="col-sm-12">
<div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation"><a href="#user" aria-controls="user" role="tab" data-toggle="tab">User</a></li>
<li role="presentation"><a href="#roles" aria-controls="roles" role="tab" data-toggle="tab">Roles</a></li>
<li role="presentation"><a href="#command" aria-controls="command" role="tab" data-toggle="tab">Command</a></li>
<li role="presentation" class="active"><a href="#group" aria-controls="group" role="tab" data-toggle="tab">Group</a></li>
<li role="presentation"><a href="#execution" aria-controls="execution" role="tab" data-toggle="tab">Execution</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="user">
<div class="container" style="margin-top:30px;">
<h3>Add Group</h3>
<form action="" class="form-horizontal">
<div class="form-group">
<label for="" class="control-label col-sm-2">Name</label>
<div class="col-sm-4">
<input type="text" class="form-control">
</div>
</div>
<div class="form-group">
<label for="" class="control-label col-sm-2">Type</label>
<div class="col-sm-4">
<select name="" id="" class="form-control">
<option value="">Serial</option>
<option value="">Parallel</option>
</select>
</div>
</div>
<div class="form-group">
<label for="" class="control-label col-sm-2">Queue</label>
<div class="col-sm-4">
<input type="text" class="form-control">
</div>
</div>
<div class="form-group">
<label for="" class="control-label col-sm-2">Group</label>
<div class="col-sm-4">
<select name="role" id="" class="form-control select2" multiple="multiple">
<option value="">Admin</option>
<option value="">Frontend</option>
<option value="">Staging</option>
<option value="">One Wallet</option>
</select>
</div>
</div>
<div class="form-group">
<label for="" class="control-label col-sm-2">Command</label>
<div class="col-sm-4">
<select name="role" id="" class="form-control select2" multiple="multiple">
<option value="">Admin</option>
<option value="">Frontend</option>
<option value="">Staging</option>
<option value="">One Wallet</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 pull-right">
<button class="btn btn-default">Cancel</button>
<button class="btn btn-success"><i class="fa fa-save"></i> Save</button>
</div>
</div>

</form>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="roles">Roles</div>
<div role="tabpanel" class="tab-pane" id="command">Command</div>
<div role="tabpanel" class="tab-pane" id="group">Group</div>
<div role="tabpanel" class="tab-pane" id="execution">Execution</div>
</div>
</div>
</div>
</div>
</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="dist/js/lib/bootstrap.js"></script>
<script src="dist/js/lib/select2.js"></script>
<script src="src/js/custom.js"></script>
</body>
</html>
Loading