Skip to content

Feature/command page #6

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 15 commits into
base: develop
Choose a base branch
from
Open

Feature/command page #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 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
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
149 changes: 149 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,149 @@
<!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>
</div>
<div class="form-group">
<div class="col-sm-12">
<label for="" class="col-sm-2">Key</label>
<label for="" class="col-sm-6">Value</label>
</div>
</div>
<div class="form-group">
<div class="col-sm-2">
<input type="text" class="form-control">
</div>
<div class="col-sm-4">
<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-2">
<button class="btn btn-default">Cancel</button>
</div>
<div class="col-sm-2 pull-right">
<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>
171 changes: 171 additions & 0 deletions public/add-role.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,171 @@
<!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" class="active"><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"><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 Role</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 class="col-sm-2" for=""><b>Permisions</b></label>
</div>
<div class="form-group">
<div class="col-sm-2">
<select name="" id="" class="form-control">
<option value="">WRITE_USER</option>
<option value="">READ_USER</option>
<option value="">WRITE_ROLE</option>
<option value="">READ_ROLE</option>
<option value="">WRITE_COMMAND</option>
<option value="">READ_COMMAND</option>
<option value="">WRITE_GROUP</option>
<option value="">READ_GROUP</option>
<option value="">EXECUTE_GROUP</option>
</select>
</div>
<div class="col-sm-2">
<select name="" id="" class="form-control">
<option value="">All</option>
<option value="">user123</option>
<option value="">John</option>
</select>
</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-2">
<select name="" id="" class="form-control">
<option value="">WRITE_USER</option>
<option value="">READ_USER</option>
<option value="">WRITE_ROLE</option>
<option value="">READ_ROLE</option>
<option value="">WRITE_COMMAND</option>
<option value="">READ_COMMAND</option>
<option value="">WRITE_GROUP</option>
<option value="">READ_GROUP</option>
<option value="">EXECUTE_GROUP</option>
</select>
</div>
<div class="col-sm-2">
<select name="" id="" class="form-control">
<option value="">All</option>
<option value="">user123</option>
<option value="">John</option>
</select>
</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-2">
<button class="btn btn-default">Cancel</button>
</div>
<div class="col-sm-2 pull-right">
<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