Hopiu/angular.js
1
0
Fork 0
mirror of https://github.com/Hopiu/angular.js.git synced 2026-05-17 19:11:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

new docs skin - WIP

Browse source
This commit is contained in:
Igor Minar 2011-05-10 17:01:01 -07:00
parent c1debfb81d
commit 3776e08db0
6 changed files with 821 additions and 264 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
docs/img/bullet.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 212 B

BIN
docs/img/texture_1.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 692 B

BIN
docs/img/yellow_bkgnd.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 52 KiB

1004
docs/src/templates/docs.css
View file

File diff suppressed because it is too large Load diff

8
docs/src/templates/docs.js
View file

@ -38,11 +38,16 @@ function DocsController($location, $browser, $window) {
}; };
this.selectedSection = function(section) { this.selectedSection = function(section) {
return section == self.sectionId ? 'selected' : null; return section == self.sectionId ? 'current' : '';
}; };
this.selectedPartial = function(partial) {
return partial.id == self.partialId ? 'current' : '';
}
this.afterPartialLoaded = function() { this.afterPartialLoaded = function() {
SyntaxHighlighter.highlight(); SyntaxHighlighter.highlight();
window.scrollTo(0,0);
}; };
this.getFeedbackUrl = function() { this.getFeedbackUrl = function() {
@ -59,3 +64,4 @@ angular.widget('code', function(element){
}); });
SyntaxHighlighter['defaults'].toolbar = false; SyntaxHighlighter['defaults'].toolbar = false;
SyntaxHighlighter['defaults'].gutter = false;

73
docs/src/templates/index.html
View file

@ -3,6 +3,7 @@
xmlns:doc="http://docs.angularjs.org/" xmlns:doc="http://docs.angularjs.org/"
ng:controller="DocsController"> ng:controller="DocsController">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title ng:bind-template="&lt;angular/&gt;: {{partialTitle}}">&lt;angular/&gt;</title> <title ng:bind-template="&lt;angular/&gt;: {{partialTitle}}">&lt;angular/&gt;</title>
<meta name="fragment" content="!"> <meta name="fragment" content="!">
<link rel="stylesheet" href="docs-combined.css" type="text/css"/> <link rel="stylesheet" href="docs-combined.css" type="text/css"/>
@ -30,32 +31,58 @@
}); });
</script> </script>
</head> </head>
<body style="display:none;" ng:show="true">
<div id="header"> <body class="twoCol" style="display:none;" ng:show="true">
<h1> <!--[if lt IE 9]>
<span class="main-title">{{partialTitle}}</span> <div id="oldIePrompt">
<a href="#" tabindex="0"><span class="angular">&lt;angular/&gt;</span> Docs</a> You are using an old version of Internet Explorer.
</h1> For better and safer browsing experience please <a href="http://www.microsoft.com/IE9">upgrade IE</a>
<ul class="navigation"> or install <a href="http://google.com/chrome">Google Chrome browser</a>.
<li ng:class="selectedSection('intro')"><a href="#!intro">Introduction</a></li> </div>
<li ng:class="selectedSection('tutorial')"><a href="#!tutorial">Tutorial</a></li> <![endif]-->
<li ng:class="selectedSection('guide')"><a href="#!guide">Developer Guide</a></li> <div class="twoCol" id="container">
<li ng:class="selectedSection('api')"><a href="#!api">API Reference</a></li> <div id="navigationHome">
<li ng:class="selectedSection('cookbook')"><a href="#!cookbook">Cookbook</a></li> <div id="navContainer">
</ul> <ul class="navContainerStyle">
<li><a href="http://angularjs.org/">&lt;angular/&gt;</a></li>
<li><a href="#!intro" ng:class="selectedSection('intro')">Introduction</a></li>
<li><a href="#!tutorial" ng:class="selectedSection('tutorial')">Tutorial</a></li>
<li><a href="#!guide" ng:class="selectedSection('guide')">Developer Guide</a></li>
<li><a href="#!api" ng:class="selectedSection('api')">API Reference</a></li>
<li><a href="#!cookbook" ng:class="selectedSection('cookbook')">Cookbook</a></li>
</ul>
</div>
</div> </div>
<div id="sidebar"> <div id="sidebar">
<input type="text" name="search" id="search-box" placeholder="search the docs" <div id="sidebarTop">
tabindex="1" accesskey="s"/> <input type="text" name="search" id="search-box" placeholder="search the docs"
<ul id="api-list"> tabindex="1" accesskey="s" size="35"/>
<li ng:repeat="page in pages.$filter(search)" ng:class="getClass(page)"> </div>
<a href="{{getUrl(page)}}" ng:click="" tabindex="2">{{page.shortName}}</a> <div id="sidebarArea">
</li> <div id="sideBarContent1">
</ul> <ul id="api-list">
<li ng:repeat="page in pages.$filter(search)" ng:class="getClass(page)">
<a href="{{getUrl(page)}}" ng:class="selectedPartial(page)" tabindex="2">{{page.shortName}}</a>
</li>
</ul>
</div>
</div>
</div> </div>
<div id="main">
<a id="feedback" ng:href="{{getFeedbackUrl()}}">Report an Issue or Ask a Question</a> <div id="textbox">
<ng:include src="getCurrentPartial()" onload="afterPartialLoaded()"></ng:include> <div id="textboxTop">
<div class=textboxContentHeader>
{{partialTitle}}
<a id="feedback" ng:href="{{getFeedbackUrl()}}">Report an Issue or Ask a Question</a>
</div>
</div>
<div id="devguide_header"></div>
<div id="textbox_content">
<ng:include src="getCurrentPartial()" onload="afterPartialLoaded()"></ng:include>
</div>
</div>
<br class="clearFloat" />
<div id="twoColFooter">© 2010-2011 angular</div>
</div> </div>
</body> </body>
</html> </html>