Commit 226429ec authored by robot's avatar robot
Browse files

second.html: example tab

parent c4bfd01f
/.idea
/node_modules
/packages
/bower_components
......
......@@ -7,25 +7,30 @@ module.exports = function (grunt) {
bootstrap: {
files: [
{
cwd: 'bower_components/bootstrap/dist/css/',
src: [
'bower_components/bootstrap/dist/css/bootstrap.min.css',
'bower_components/bootstrap/dist/css/bootstrap-theme.min.css'
'bootstrap.min.css',
'bootstrap-theme.min.css'
],
dest: 'packages/bootstrap/css/',
filter: 'isFile',
expand: true,
flatten: true
},
{
cwd: 'bower_components/bootstrap/dist/js/',
src: [
'bower_components/bootstrap/dist/js/bootstrap.min.js'
'bootstrap.min.js'
],
dest: 'packages/bootstrap/js/',
expand: true,
flatten: true
},
{
cwd: 'bower_components/bootstrap/dist/fonts/',
expand: true,
src: [
'bower_components/bootstrap/dist/fonts/*'
'*'
],
dest: 'packages/bootstrap/fonts/',
flatten: true
......@@ -35,9 +40,11 @@ module.exports = function (grunt) {
jquery: {
files: [
{
cwd: 'bower_components/jquery/dist/',
src: [
'bower_components/jquery/dist/jquery.min.js'
'jquery.min.js'
],
expand: true,
dest: 'packages/jquery/js/',
flatten: true
}
......@@ -46,17 +53,21 @@ module.exports = function (grunt) {
jqwidgets: {
files: [
{
cwd: 'bower_components/jqwidgets/jqwidgets/',
src: [
'bower_components/jqwidgets/jqwidgets/jqx-all.js'
'jqx-all.js'
],
expand: true,
dest: 'packages/jqwidgets/js/',
flatten: true
},
{
cwd: 'bower_components/jqwidgets/jqwidgets/styles/',
src: [
'bower_components/jqwidgets/jqwidgets/styles/jqx.base.css',
'bower_components/jqwidgets/jqwidgets/styles/jqx.darkblue.css'
'jqx.base.css',
'jqx.darkblue.css'
],
expand: true,
dest: 'packages/jqwidgets/css/',
flatten: true
}
......
......@@ -2,9 +2,59 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="packages/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="packages/bootstrap/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="packages/jqwidgets/css/jqx.base.css">
<link rel="stylesheet" href="packages/jqwidgets/css/jqx.darkblue.css">
<title></title>
</head>
<body>
<div class="container">
<!-- Nav tabs -->
<ul id="myTabs" class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#person" data-toggle="tab">Person</a>
</li>
<li role="presentation"><a href="#address" data-toggle="tab">Address</a>
</li>
<li role="presentation"><a href="#persfunction" data-toggle="tab">Persfunction</a></li>
<li role="presentation"><a href="#account" data-toggle="tab">Account</a></li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" >
Dropdown <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#secretary" data-toggle="tab">Secretary for workgroup</a></li>
<li><a href="#workgroup" data-toggle="tab">Workgroup</a></li>
<li><a href="#publication" data-toggle="tab">Publication</a></li>
</ul>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="person">a</div>
<div role="tabpanel" class="tab-pane" id="address">b</div>
<div role="tabpanel" class="tab-pane" id="persfunction">c</div>
<div role="tabpanel" class="tab-pane" id="account">d</div>
<div role="tabpanel" class="tab-pane" id="secretary">e</div>
<div role="tabpanel" class="tab-pane" id="workgroup">f</div>
<div role="tabpanel" class="tab-pane" id="publication">g</div>
</div>
</div>
<script src="packages/jquery/js/jquery.min.js"></script>
<script src="packages/bootstrap/js/bootstrap.min.js"></script>
<script src="packages/jqwidgets/js/jqx-all.js"></script>
<script type="text/javascript">
</script>
</body>
</html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment