Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 2238d71

Browse files
committed
Indent code and move Javascript to own file
1 parent 1f8322a commit 2238d71

File tree

2 files changed

+166
-157
lines changed

2 files changed

+166
-157
lines changed

‎index.html

Lines changed: 111 additions & 157 deletions
Original file line numberDiff line numberDiff line change
@@ -1,171 +1,125 @@
11
<!doctype html>
22
<html>
3-
<head>
4-
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
5-
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" />
6-
<link rel="stylesheet" href="http://node-os.com/css/default.css" />
7-
<!-- START: ANGULAR DEPENDENCY -->
8-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
9-
<style>
10-
#articles img{max-width:100%}
11-
</style>
12-
<!-- END: ANGULAR DEPENDENCY -->
13-
</head>
14-
<body>
15-
<header class="navbar navbar-default navbar-fixed-top" role="navigation">
16-
<!-- Brand and toggle get grouped for better mobile display -->
17-
<div class="navbar-header">
18-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
19-
<span class="sr-only">Toggle navigation</span>
20-
<span class="icon-bar"></span>
21-
<span class="icon-bar"></span>
22-
<span class="icon-bar"></span>
23-
</button>
24-
<a class="navbar-brand" href="http://node-os.com">node-os</a>
25-
</div>
3+
<head>
4+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
5+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" />
6+
<link rel="stylesheet" href="http://node-os.com/css/default.css" />
7+
8+
<!-- START: ANGULAR DEPENDENCY -->
9+
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
10+
<style>
11+
#articles img{max-width:100%}
12+
</style>
13+
<!-- END: ANGULAR DEPENDENCY -->
14+
15+
</head>
16+
<body>
17+
<header class="navbar navbar-default navbar-fixed-top" role="navigation">
2618

27-
<!-- Collect the nav links, forms, and other content for toggling -->
28-
<div class="collapse navbar-collapse navbar-ex1-collapse">
29-
<ul class="nav navbar-nav">
30-
<li><a href="http://node-os.com/blog">Blog</a></li>
31-
<li><a href="http://npkg.org">npkg.org</a></li>
32-
</ul>
33-
</div><!-- /.navbar-collapse -->
34-
</header>
35-
<!-- START: ISSUES ITEM TEMPLATE -->
36-
<section ng-app="NodeOsBlog" id="articles" class="section">
37-
<div class="container" ng-controller="ErrorListCtrl" >
38-
<article ng-repeat="error in errors" class="row">
39-
<div class="col-sm-8 col-sm-offset-2">
40-
<header class="alert alert-danger" role="alert">
41-
<h3 class="title">{{error.name}}</h3>
42-
</header>
43-
<div class="content">{{error.message}}</div>
44-
<footer>
45-
Don't worry, it probably was not your fault... probably....
46-
<br/><br/>
47-
Even if it was,
48-
<a target="_blank" href="https://github.com/formula1/NodeOS-Blog/issues" >just submit an issue :)</a>
49-
</footer>
19+
<!-- Brand and toggle get grouped for better mobile display -->
20+
<div class="navbar-header">
21+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
22+
<span class="sr-only">Toggle navigation</span>
23+
<span class="icon-bar"></span>
24+
<span class="icon-bar"></span>
25+
<span class="icon-bar"></span>
26+
</button>
27+
<a class="navbar-brand" href="http://node-os.com">node-os</a>
5028
</div>
51-
</article>
52-
</div>
53-
<div class="container" ng-controller="BlogListCtrl" >
54-
<article ng-repeat="item in blog" class="row">
55-
<div class="col-sm-8 col-sm-offset-2">
56-
<header class="{{item.state}}">
57-
<h3 class="title">{{item.title}}</h3>
58-
<a href="https://github.com/{{uriPath}}/{{item.number}}">View on Github</a>
59-
</header>
60-
<div class="content" ng-bind-html="item.bodyHTML | to_trusted"></div>
61-
<footer>
62-
<a href="https://github.com/{{uriPath}}/{{item.number}}" class="comments">
63-
There are {{item.comments}} comments.
64-
</a>
65-
</footer>
29+
30+
<!-- Collect the nav links, forms, and other content for toggling -->
31+
<div class="collapse navbar-collapse navbar-ex1-collapse">
32+
<ul class="nav navbar-nav">
33+
<li><a href="http://node-os.com/blog">Blog</a></li>
34+
<li><a href="http://npkg.org">npkg.org</a></li>
35+
</ul>
6636
</div>
67-
</article>
68-
</div>
69-
</section>
70-
<!-- END: ISSUES ITEM TEMPLATE -->
37+
<!-- /.navbar-collapse -->
38+
39+
</header>
7140

72-
<div class="section inverse trampstamp">
73-
<div class="row">
74-
<div class="col-xs-12"><img src="http://node-os.com/images/nodeos-update.png"></div>
75-
</div>
76-
</div>
41+
<!-- START: ISSUES ITEM TEMPLATE -->
42+
<section ng-app="NodeOsBlog" id="articles" class="section">
7743

78-
<footer>
79-
<div class="container" id="footer">
80-
<div class="row">
81-
<div class="col-sm-7">
82-
<h3 class="footer-title">Share</h3>
83-
<p>node-os is a work in progress.</p>
84-
<p>If you would like to support us, please share node-os via Twitter</p>
85-
<p class="pvl">
86-
<a href="https://twitter.com/TheNodeOS" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @TheNodeOS</a>
87-
<script type="text/javascript">
88-
(function(d,s,id){
89-
var js;
90-
fjs=d.getElementsByTagName(s)[0];
91-
p= /^http\:/.test(d.location)?'http':'https';
92-
if(!d.getElementById(id)){
93-
js=d.createElement(s);
94-
js.id=id;
95-
js.src=p+'://platform.twitter.com/widgets.js';
96-
fjs.parentNode.insertBefore(js,fjs);
97-
}
98-
})(document, 'script', 'twitter-wjs');
99-
</script>
100-
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://node-os.com/blog/OS-flavors" data-text="NodeOS - The NodeJS Powered Operating System" data-via="TheNodeOS" data-size="large">Tweet</a>
101-
</p>
44+
<div class="container" ng-controller="ErrorListCtrl" >
45+
<article ng-repeat="error in errors" class="row">
46+
<div class="col-sm-8 col-sm-offset-2">
47+
<header class="alert alert-danger" role="alert">
48+
<h3 class="title">{{error.name}}</h3>
49+
</header>
50+
<div class="content">{{error.message}}</div>
51+
<footer>
52+
Don't worry, it probably was not your fault... probably...
53+
<br/><br/>
54+
Even if it was,
55+
<a target="_blank" href="https://github.com/formula1/NodeOS-Blog/issues" >just submit an issue :)</a>
56+
</footer>
57+
</div>
58+
</article>
59+
</div>
10260

61+
<div class="container" ng-controller="BlogListCtrl" >
62+
<article ng-repeat="item in blog" class="row">
63+
<div class="col-sm-8 col-sm-offset-2">
64+
<header class="{{item.state}}">
65+
<a href="https://github.com/{{uriPath}}/{{item.number}}">
66+
<h3 class="title">{{item.title}}</h3>
67+
</a>
68+
</header>
69+
<div class="content" ng-bind-html="item.bodyHTML | to_trusted"></div>
70+
<footer>
71+
<a href="https://github.com/{{uriPath}}/{{item.number}}" class="comments">
72+
There are {{item.comments}} comments.
73+
</a>
74+
</footer>
75+
</div>
76+
</article>
10377
</div>
10478

79+
</section>
80+
<!-- END: ISSUES ITEM TEMPLATE -->
81+
82+
<div class="section inverse trampstamp">
83+
<div class="row">
84+
<div class="col-xs-12">
85+
<img src="http://node-os.com/images/nodeos-update.png">
86+
</div>
87+
</div>
10588
</div>
106-
</div>
107-
</footer>
10889

109-
<!-- START: BIND DATA TO VIEW -->
110-
<script type="text/javascript">
90+
<footer>
91+
<div class="container" id="footer">
92+
<div class="row">
93+
<div class="col-sm-7">
94+
<h3 class="footer-title">Share</h3>
95+
<p>node-os is a work in progress.</p>
96+
<p>If you would like to support us, please share node-os via Twitter</p>
97+
<p class="pvl">
98+
<a href="https://twitter.com/TheNodeOS" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @TheNodeOS</a>
99+
<script type="text/javascript">
100+
(function(d,s,id){
101+
var js;
102+
fjs=d.getElementsByTagName(s)[0];
103+
p= /^http\:/.test(d.location)?'http':'https';
104+
if(!d.getElementById(id)){
105+
js=d.createElement(s);
106+
js.id=id;
107+
js.src=p+'://platform.twitter.com/widgets.js';
108+
fjs.parentNode.insertBefore(js,fjs);
109+
}
110+
})(document, 'script', 'twitter-wjs');
111+
</script>
112+
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://node-os.com/blog/OS-flavors" data-text="NodeOS - The NodeJS Powered Operating System" data-via="TheNodeOS" data-size="large">Tweet</a>
113+
</p>
114+
</div>
115+
</div>
116+
</div>
117+
</footer>
118+
119+
<!-- START: BIND DATA TO VIEW -->
120+
<script type="text/javascript" src="js/index.js"></script>
121+
<!-- END: BIND DATA TO VIEW -->
111122

112-
var NodeOsBlog = angular.module('NodeOsBlog', []);
113-
var errors = [];
114-
NodeOsBlog.filter('to_trusted', ['$sce', function($sce){
115-
return function(text) {
116-
return $sce.trustAsHtml(text);
117-
};
118-
}]);
119-
NodeOsBlog.controller('ErrorListCtrl', function($scope){
120-
$scope.errors = errors;
121-
var oldwinerr = window.onerror;
122-
window.onerror = function ( message, filename, lineno, colno, error ){
123-
if ( error !== undefined && error.hasOwnProperty( "name" ) && error.name == "Magic"){
124-
errors.push({name:"Uncaught Error: "+error.name, message: message+"<pre>"+error.stack+"</pre>"});
125-
}
126-
};
127-
});
128-
NodeOsBlog.controller('BlogListCtrl', function ($scope, $http) {
129-
$scope.uriPath = "/NodeOS/NodeOS/issues";
130-
$scope.blog = [];
131-
$scope.parseMarkdown = function(item,next){
132-
$http.post("https://api.github.com/markdown",{text:item.body})
133-
.success(function(data){
134-
item.bodyHTML = data;
135-
next(item);
136-
}).error(function(data, status, headers, config) {
137-
errors.push({name:"Bad markdown call: "+status, message: data.message});
138-
item.bodyHTML = "<pre>"+item.body+"</pre>";
139-
next(item);
140-
});
141-
};
142-
$scope.last = void(0);
143-
$scope.loadMore = function(page){
144-
if($scope.last && $scope.last < page) return;
145-
var i=0;
146-
var l=-1;
147-
$http.get('https://api.github.com/repos'+$scope.uriPath+'?labels=blog&sort=created&page='+page)
148-
.success(function(data,status,headers) {
149-
console.log(headers);
150-
console.log(headers.link);
151-
if(!$scope.last) $scope.last = headers.link?headers.link:1;
152-
l = data.length;
153-
if(i === l) return; //No more
154-
var iterator = function(item){
155-
$scope.blog.push(item);
156-
i++;
157-
if(i === l) return;
158-
$scope.parseMarkdown(data[i],iterator);
159-
};
160-
$scope.parseMarkdown(data[0],iterator);
161-
}).error(function(data, status, headers, config) {
162-
errors.push({name:"Bad issues list request: "+status, message: data.message});
163-
});
164-
};
165-
$scope.loadMore(1);
166-
});
167-
</script>
168-
<!-- END: BIND DATA TO VIEW -->
169-
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js" ></script>
170-
</body>
123+
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js" ></script>
124+
</body>
171125
</html>

‎js/index.js

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
var NodeOsBlog = angular.module('NodeOsBlog', []);
2+
var errors = [];
3+
NodeOsBlog.filter('to_trusted', ['$sce', function($sce){
4+
return function(text) {
5+
return $sce.trustAsHtml(text);
6+
};
7+
}]);
8+
NodeOsBlog.controller('ErrorListCtrl', function($scope){
9+
$scope.errors = errors;
10+
var oldwinerr = window.onerror;
11+
window.onerror = function ( message, filename, lineno, colno, error ){
12+
if ( error !== undefined && error.hasOwnProperty( "name" ) && error.name == "Magic"){
13+
errors.push({name:"Uncaught Error: "+error.name, message: message+"<pre>"+error.stack+"</pre>"});
14+
}
15+
};
16+
});
17+
NodeOsBlog.controller('BlogListCtrl', function ($scope, $http) {
18+
$scope.uriPath = "/NodeOS/NodeOS/issues";
19+
$scope.blog = [];
20+
$scope.parseMarkdown = function(item,next){
21+
$http.post("https://api.github.com/markdown",{text:item.body})
22+
.success(function(data){
23+
item.bodyHTML = data;
24+
next(item);
25+
}).error(function(data, status, headers, config) {
26+
errors.push({name:"Bad markdown call: "+status, message: data.message});
27+
item.bodyHTML = "<pre>"+item.body+"</pre>";
28+
next(item);
29+
});
30+
};
31+
$scope.last = void(0);
32+
$scope.loadMore = function(page){
33+
if($scope.last && $scope.last < page) return;
34+
var i=0;
35+
var l=-1;
36+
$http.get('https://api.github.com/repos'+$scope.uriPath+'?labels=blog&sort=created&page='+page)
37+
.success(function(data,status,headers) {
38+
console.log(headers);
39+
console.log(headers.link);
40+
if(!$scope.last) $scope.last = headers.link?headers.link:1;
41+
l = data.length;
42+
if(i === l) return; //No more
43+
var iterator = function(item){
44+
$scope.blog.push(item);
45+
i++;
46+
if(i === l) return;
47+
$scope.parseMarkdown(data[i],iterator);
48+
};
49+
$scope.parseMarkdown(data[0],iterator);
50+
}).error(function(data, status, headers, config) {
51+
errors.push({name:"Bad issues list request: "+status, message: data.message});
52+
});
53+
};
54+
$scope.loadMore(1);
55+
});

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /