Skip to content

Commit 07b581d

Browse files
tristanlinstristanlins
committed
Initial commit.
0 parents  commit 07b581d

File tree

15 files changed

+600
-0
lines changed

15 files changed

+600
-0
lines changed

‎.gitignore

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
# build files
2+
/build/
3+
4+
# vendor files
5+
/node_modules/
6+
/bower_components/

‎LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2014 Tristan Lins
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in
13+
all copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21+
THE SOFTWARE.

‎README.md

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
tenside/ui
2+
==========
3+
4+
Setup guide
5+
-----------
6+
7+
The tenside UI depend on some third-party assets, precompilers, and so on. All dependencies are installed locally,
8+
expect the node package manager `npm` which must be installed on your system.
9+
10+
**Hint** Ubuntu comes with a very old node/npm packages, we recommend to use Chris Lea's PPA to get the latest releases.
11+
http://tecadmin.net/install-latest-nodejs-npm-on-ubuntu/
12+
13+
```bash
14+
# for debian/ubuntu without ppa
15+
sudo apt-get install npm
16+
17+
# for ubuntu with ppa
18+
sudo apt-get install nodejs
19+
```
20+
21+
Now you can install the dependent packages.
22+
23+
```bash
24+
# first install all node packages
25+
npm install --save-dev
26+
27+
# now install third-party assets
28+
./node_modules/.bin/gulp install
29+
```
30+
31+
**Hint** If you have installed gulp globally, you can simply run `./node_modules/.bin/gulp install`.
32+
33+
Build production ready distribution
34+
-----------------------------------
35+
36+
To build the production ready distribution, run `./node_modules/.bin/gulp build`.
37+
38+
Development
39+
-----------
40+
41+
For development you may simply run `./node_modules/.bin/gulp`, which will watch on all assets and live rebuild them on
42+
change. The gulpfile comes with a [livereload](https://github.com/vohof/gulp-livereload) configuration,
43+
we recommend to install the
44+
[chrome live reload](https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei/related)
45+
add-on for the live reload capability.

‎assets/images/tenside.svg

Lines changed: 41 additions & 0 deletions
Loading

‎assets/javascripts/tenside-search.js

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
/**
2+
* This file is part of tenside/ui.
3+
*
4+
* (c) Tristan Lins <https://github.com/tristanlins>
5+
*
6+
* For the full copyright and license information, please view the LICENSE
7+
* file that was distributed with this source code.
8+
*
9+
* This project is provided in good faith and hope to be usable by anyone.
10+
*
11+
* @package tenside/ui
12+
* @author Tristan Lins <https://github.com/tristanlins>
13+
* @copyright Tristan Lins <https://github.com/tristanlins>
14+
* @link https://github.com/tenside/ui
15+
* @license https://github.com/tenside/ui/blob/master/LICENSE MIT
16+
* @filesource
17+
*/
18+
19+
(function() {
20+
var app = angular.module('tenside-search', []);
21+
22+
var search = { term: '' };
23+
24+
app.directive('tensideSearch', function() {
25+
return {
26+
restrict: 'E',
27+
templateUrl: 'tenside/search-navbar.html'
28+
};
29+
});
30+
31+
app.controller('TensideSearchController', ['$window', '$scope', function($window, $scope) {
32+
$scope.search = search;
33+
}]);
34+
35+
// Late dependency injection
36+
TENSIDE.requires.push('tenside-search');
37+
})();

‎assets/javascripts/tenside.js

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
/**
2+
* This file is part of tenside/ui.
3+
*
4+
* (c) Tristan Lins <https://github.com/tristanlins>
5+
*
6+
* For the full copyright and license information, please view the LICENSE
7+
* file that was distributed with this source code.
8+
*
9+
* This project is provided in good faith and hope to be usable by anyone.
10+
*
11+
* @package tenside/ui
12+
* @author Tristan Lins <https://github.com/tristanlins>
13+
* @copyright Tristan Lins <https://github.com/tristanlins>
14+
* @link https://github.com/tenside/ui
15+
* @license https://github.com/tenside/ui/blob/master/LICENSE MIT
16+
* @filesource
17+
*/
18+
19+
var TENSIDE;
20+
21+
(function() {
22+
var app = angular.module('tenside', []);
23+
24+
TENSIDE = app;
25+
})();

‎assets/stylesheets/tenside.scss

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
/**
2+
* This file is part of tenside/ui.
3+
*
4+
* (c) Tristan Lins <https://github.com/tristanlins>
5+
*
6+
* For the full copyright and license information, please view the LICENSE
7+
* file that was distributed with this source code.
8+
*
9+
* This project is provided in good faith and hope to be usable by anyone.
10+
*
11+
* @package tenside/ui
12+
* @author Tristan Lins <https://github.com/tristanlins>
13+
* @copyright Tristan Lins <https://github.com/tristanlins>
14+
* @link https://github.com/tenside/ui
15+
* @license https://github.com/tenside/ui/blob/master/LICENSE MIT
16+
* @filesource
17+
*/
18+
19+
// Core variables and mixins
20+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/variables";
21+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins";
22+
23+
// Reset and dependencies
24+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/normalize";
25+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/print";
26+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/glyphicons";
27+
28+
// Core CSS
29+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/scaffolding";
30+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/type";
31+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/code";
32+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/grid";
33+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/tables";
34+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/forms";
35+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/buttons";
36+
37+
// Components
38+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/component-animations";
39+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/dropdowns";
40+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/button-groups";
41+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/input-groups";
42+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/navs";
43+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/navbar";
44+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/breadcrumbs";
45+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/pagination";
46+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/pager";
47+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/labels";
48+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/badges";
49+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/jumbotron";
50+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/thumbnails";
51+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/alerts";
52+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/progress-bars";
53+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/media";
54+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/list-group";
55+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/panels";
56+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/responsive-embed";
57+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/wells";
58+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/close";
59+
60+
// Components w/ JavaScript
61+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/modals";
62+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/tooltip";
63+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/popovers";
64+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/carousel";
65+
66+
// Utility classes
67+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/utilities";
68+
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/responsive-utilities";
69+
70+
71+
html {
72+
margin: 0;
73+
padding: 0;
74+
}
75+
76+
body {
77+
margin: 0;
78+
padding: 50px;
79+
background-color: #fcfcfc;
80+
background-size: 20px 20px;
81+
transition: background-color .5s;
82+
}

‎assets/templates/_layout.jade

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
doctype html
2+
html(lang="en", ng-app="tenside")
3+
head
4+
meta(charset="utf-8")
5+
meta(http-equiv="X-UA-Compatible", content="IE=edge")
6+
meta(name="viewport", content="width=device-width, initial-scale=1")
7+
title= "Tenside UI"
8+
9+
each stylesheet in stylesheets
10+
link(rel="stylesheet", href=stylesheet)
11+
12+
<!--[if lt IE 9]>
13+
script(src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js")
14+
script(src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js")
15+
<![endif]-->
16+
17+
body
18+
.container
19+
nav.navbar.navbar-default(role="navigation")
20+
.container-fluid
21+
.navbar-header
22+
button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target="#navbar")
23+
span.src-only= "Toggle navigation"
24+
span.icon-bar
25+
span.icon-bar
26+
span.icon-bar
27+
a.navbar-brand(href="#") Tenside
28+
29+
#navbar.collapse.navbar-collapse
30+
ul.nav.navbar-nav
31+
li.active
32+
a(href="#") Link A
33+
li
34+
a(href="#") Link B
35+
36+
tenside-search
37+
38+
block content
39+
40+
footer.well.well-sm
41+
a.btn.btn-default
42+
| Tenside
43+
44+
label.btn.btn-default
45+
input(type="checkbox", onclick="document.body.className = document.body.className ? '' : 'experts-mode'")
46+
Toggle experts mode
47+
48+
each javascript in javascripts
49+
script(src=javascript)

‎assets/templates/index.jade

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
extends _layout
2+
3+
block content
4+
.row
5+
.col-md-3
6+
ul.nav.nav-pills.nav-stacked(role="tablist")
7+
li.active(role="presentation")
8+
a(href="#tenside-packages", role="tab", data-toggle="tab") Packages
9+
li(role="presentation")
10+
a(href="#tenside-search", role="tab", data-toggle="tab") Search
11+
li(role="presentation")
12+
a(href="#tenside-editor", role="tab", data-toggle="tab") composer.json
13+
li(role="presentation")
14+
a(href="#tenside-config", role="tab", data-toggle="tab") Config
15+
16+
.col-md-9
17+
.tab-content
18+
#tenside-packages.tab-pane.active(role="tabpanel")
19+
| Installed packages
20+
21+
#tenside-search.tab-pane(role="tabpanel")
22+
| Search
23+
24+
#tenside-editor.tab-pane(role="tabpanel")
25+
| composer.json Editor
26+
27+
#tenside-config.tab-pane(role="tabpanel")
28+
| Config editor

‎assets/templates/tenside/search-navbar.jade

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
form.navbar-form.navbar-right(role="search", ng-controller="TensideSearchController as search")
2+
.form-group
3+
input.form-control(type="text", placeholder="Search packages", ng-model="search.term")
4+
button.btn.btn-default(type="submit") Search

0 commit comments

Comments
 (0)