aboutsummaryrefslogtreecommitdiffstats
path: root/docs/src/templates/doc_widgets.js
diff options
context:
space:
mode:
authorMisko Hevery2012-04-28 22:45:28 -0700
committerMisko Hevery2012-05-04 16:12:17 -0700
commit8e2675029f5ca404a7c649cc161df3ea642d941f (patch)
tree6668342fb2c57360e06c9e36bfd4e5e6e08a52f5 /docs/src/templates/doc_widgets.js
parentd0159454dfa2e1cee4dd4ab7a41c2fcf9e121a64 (diff)
downloadangular.js-8e2675029f5ca404a7c649cc161df3ea642d941f.tar.bz2
chore(docs): re-skin main documentation
Diffstat (limited to 'docs/src/templates/doc_widgets.js')
-rw-r--r--docs/src/templates/doc_widgets.js313
1 files changed, 0 insertions, 313 deletions
diff --git a/docs/src/templates/doc_widgets.js b/docs/src/templates/doc_widgets.js
deleted file mode 100644
index bf49697d..00000000
--- a/docs/src/templates/doc_widgets.js
+++ /dev/null
@@ -1,313 +0,0 @@
-angular.module('ngdocs.directives', [], function($compileProvider) {
-
- var angularJsUrl;
- var scripts = document.getElementsByTagName("script");
- var angularJsRegex = /^(|.*\/)angular(-\d.*?)?(\.min)?.js(\?[^#]*)?(#(.*))?$/;
- for(var j = 0; j < scripts.length; j++) {
- var src = scripts[j].src;
- if (src && src.match(angularJsRegex)) {
- angularJsUrl = src.replace(/docs(-next)?\.angularjs\.org/, 'code.angularjs.org');
- continue;
- }
- }
-
-
- var HTML_TEMPLATE =
- '<!doctype html>\n' +
- '<html ng-app_MODULE_>\n' +
- ' <script src="' + angularJsUrl + '"></script>\n' +
- '_SCRIPT_SOURCE_' +
- ' <body>\n' +
- '_HTML_SOURCE_\n' +
- ' </body>\n' +
- '</html>';
-
- $compileProvider.directive('docExample', ['$injector', '$log', '$browser', '$location',
- function($injector, $log, $browser, $location) {
- return {
- restrict: 'E',
- terminal: true,
- compile: function(element, attrs) {
- var module = attrs.module;
-
- //jQuery find() methods in this widget contain primitive selectors on purpose so that we can use
- //jqlite instead. jqlite's find() method currently supports onlt getElementsByTagName!
- var example = element.find('pre').eq(0), //doc-source
- scriptSrc = '',
- htmlSrc = example.text().replace(/<script(\s+type="text\/javascript")?>([\s\S]+)<\/script>/im, function(_, type, script) {
- scriptSrc = script;
- return '';
- }),
- showSource = example.attr('source') !== 'false',
- jsfiddle = example.attr('jsfiddle') || true,
- scenario = element.find('pre').eq(1); //doc-scenario
-
- var tabs = angular.element('<ul class="doc-example">');
-
- // show source tab, if not disabled
- if (showSource) {
- tabs.append(
- '<li class="doc-example-heading"><h3>Source</h3></li>' +
- '<li class="doc-example-source" ng:non-bindable>' +
- jsFiddleButton(jsfiddle) + // may or may not have value
- '<pre class="brush: js; html-script: true; toolbar: false;"></pre></li>');
- }
- // show live preview tab
- var livePreviewTab;
- tabs.append('<li class="doc-example-heading"><h3>Live Preview</h3></li>');
- tabs.append(livePreviewTab = angular.element('<li class="doc-example-live">' + htmlSrc +'</li>'));
- // show scenario tab, if present
- if (scenario.text()) {
- tabs.append(
- '<li class="doc-example-heading"><h3>Scenario Test</h3></li>' +
- '<li class="doc-example-scenario"><pre class="brush: js">' + scenario.text() + '</pre></li>');
- }
-
- tabs.find('li').eq(1).find('pre').text(
- HTML_TEMPLATE.
- replace('_SCRIPT_SOURCE_', scriptSrc ? ' <script>\n' + indent(scriptSrc, ' ') + '\n </script>\n' : '').
- replace('_HTML_SOURCE_', indent(htmlSrc, ' ')).
- replace('_MODULE_', module ? '="' + module + '"' : ''));
-
- element.html('');
- element.append(tabs);
-
- try {
- if (window.execScript) { // IE
- window.execScript(scriptSrc || '"stupid IE!"'); // IE complains when evaling empty string
- } else {
- window.eval(scriptSrc);
- }
- } catch (e) {
- alert(e);
- }
-
- return function(docsAppScope) {
- var modules = [
- function($provide) {
- $provide.value('$browser', $browser);
- $provide.provider('$location', function() {
- this.$get = function() {
- return $location;
- };
- this.hashPrefix = this.html5Mode = angular.noop;
- });
- $provide.decorator('$defer', function($rootScope, $delegate) {
- return angular.extend(function(fn, delay) {
- if (delay && delay > 500) {
- return setTimeout(function() {
- $rootScope.$apply(fn);
- }, delay);
- } else {
- return $delegate.apply(this, arguments);
- }
- }, $delegate);
- });
- }
- ];
- module && modules.push(module);
-
- angular.bootstrap(livePreviewTab, modules).
- invoke(['$rootScope', function(example$rootScope) {
- element.bind('$destroy', docsAppScope.$root.$watch(function() {
- // this propagates the $watch from the docs app to the example app
- example$rootScope.$digest();
- }));
- }]);
- };
-
- function jsFiddleButton(jsfiddle) {
- var fixJsFiddleIssue132 = true;
- if (jsfiddle !== 'false') {
- if(jsfiddle === true) {
- //dynamically generate a fiddle
- var fiddleUrl = 'http://jsfiddle.net/api/post/library/pure/';
-
- function jsFiddleEscape(text, prefix) {
- return indent(text.replace(/<\/textarea>/gi,'&lt;/textarea&gt;'), prefix);
- }
-
- return '<form class="jsfiddle" method="post" action="' + fiddleUrl + '" target="_blank">' +
- (fixJsFiddleIssue132 ? '' : '<textarea name="resources">' + angularJsUrl + '</textarea>') +
- '<textarea name="css">\n' +
- (fixJsFiddleIssue132 ? '</style>\n<script src="' + angularJsUrl + '"></script>\n<style>\n' : '') +
- '.ng-invalid { border: 1px solid red; } \n' +
- 'body { font-family: Arial,Helvetica,sans-serif; }\n' +
- 'body, td, th { font-size: 14px; margin: 0; }\n' +
- 'table { border-collapse: separate; border-spacing: 2px; display: table; margin-bottom: 0; margin-top: 0; -moz-box-sizing: border-box; text-indent: 0; }\n' +
- 'a:link, a:visited, a:hover { color: #5D6DB6; text-decoration: none; }\n' +
- '.error { color: red; }\n' +
- '</textarea>' +
- '<input type="text" name="title" value="AngularJS Live Example">' +
- '<textarea name="html">' +
- '<div ng:app' + (module ? '="' + module + '"' : '') + '>\n' + jsFiddleEscape(htmlSrc, ' ') + '\n</div>' +
- '</textarea>' +
- '<textarea name="js">' + jsFiddleEscape(scriptSrc) + '</textarea>' +
- '<button>edit at jsFiddle</button>' +
- '</form>';
- } else {
- //use existing fiddle
- fiddleUrl = "http://jsfiddle.net" + jsfiddle;
- return '<form class="jsfiddle" method="get" action="' + fiddleUrl + '" target="_blank">' +
- '<button>edit at jsFiddle</button>' +
- '</form>';
- }
- } else {
- return '';
- }
- };
- }
- }
- }]);
-
- function indent(text, prefix) {
- prefix = prefix || '';
- if (!text) return text;
- var lines = text.split(/\r?\n/);
- var i;
-
- // remove any leading blank lines
- while (lines[0].match(/^\s*$/)) lines.shift();
- // remove any trailing blank lines
- while (lines[lines.length - 1].match(/^\s*$/)) lines.pop();
- var minIndent = 999;
- for (i = 0; i < lines.length; i++) {
- var line = lines[0];
- var indent = line.match(/^\s*/)[0];
- if (indent !== line && indent.length < minIndent) {
- minIndent = indent.length;
- }
- }
-
- for (i = 0; i < lines.length; i++) {
- lines[i] = prefix + lines[i].substring(minIndent);
- }
- return lines.join('\n');
- }
-
- $compileProvider.directive('docTutorialInstructions', function() {
- var HTML_NAV = '<li ng:class="currentCls(\'{id}\')"><a ng:click="select(\'{id}\')" href>{title}</a></li>';
- var HTML_CONTENT = '<div ng:show="selected==\'{id}\'">{content}</div>';
-
- var HTML_TPL =
- '<p><a ng:init="showInstructions = {show}" ng:show="!showInstructions" ng:click="showInstructions = true" href>Workspace Reset Instructions &nbsp;&#x27A4;</a></p>' +
- '<div ng:controller="TutorialInstructionsCtrl" ng:show="showInstructions">' +
- '<div class="tabs-nav">' +
- '<ul>' +
- '</ul>' +
- '</div>' +
- '<div class="tabs-content"><div class="tabs-content-inner">' +
-
- '</div></div>' +
- '</div>';
-
- var DEFAULT_NAV =
- '<li ng:class="currentCls(\'git-mac\')"><a ng:click="select(\'git-mac\')" href>Git on Mac/Linux</a></li>' +
- '<li ng:class="currentCls(\'git-win\')"><a ng:click="select(\'git-win\')" href>Git on Windows</a></li>' +
- '<li ng:class="currentCls(\'ss-mac\')"><a ng:click="select(\'ss-mac\')" href>Snapshots on Mac/Linux</a></li>' +
- '<li ng:class="currentCls(\'ss-win\')"><a ng:click="select(\'ss-win\')" href>Snapshots on Windows</a></li>';
-
- var DEFAULT_CONTENT =
- '<div ng:show="selected==\'git-mac\'">' +
- '<ol>' +
- '<li><p>Reset the workspace to step {step}.</p>' +
- '<pre><code> git checkout -f step-{step}</code></pre></li>' +
- '<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +
- '</ol>' +
- '</div>' +
-
- '<div ng:show="selected==\'git-win\'">' +
- '<ol>' +
- '<li><p>Reset the workspace to step {step}.</p>' +
- '<pre><code> git checkout -f step-{step}</code></pre></li>' +
- '<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +
- '</ol>' +
- '</div>' +
-
- '<div ng:show="selected==\'ss-mac\'">' +
- '<ol>' +
- '<li><p>Reset the workspace to step {step}.</p>' +
- '<pre><code> ./goto_step.sh {step}</code></pre></li>' +
- '<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +
- '</ol>' +
- '</div>' +
-
- '<div ng:show="selected==\'ss-win\'">' +
- '<ol>' +
- '<li><p>Reset the workspace to step {step}.</p>' +
- '<pre><code> ./goto_step.bat {step}</code></pre></li>' +
- '<li><p>Refresh your browser or check the app out on <a href="http://angular.github.com/angular-phonecat/step-{step}/app">angular\'s server</a>.</p></li>' +
- '</ol>' +
- '</div>';
-
- return {
- restrict: 'EA',
- compile: function(element, attrs) {
- var tabs = angular.element(HTML_TPL.replace('{show}', attrs.show || 'false')),
- nav = tabs.find('ul'),
- // use simple selectors because jqLite find() supports getElementsByTagName only
- content = tabs.find('div').find('div'),
- children = element.children();
-
- if (children.length) {
- // load custom content
- angular.forEach(element.children(), function(elm) {
- elm = angular.element(elm);
- var id = elm.attr('id');
-
- nav.append(HTML_NAV.replace('{title}', elm.attr('title')).replace(/\{id\}/g, id));
- content.append(HTML_CONTENT.replace('{id}', id).replace('{content}', elm.html()));
- });
- } else {
- // default
- nav.append(DEFAULT_NAV);
- content.append(DEFAULT_CONTENT.replace(/\{step\}/g, element.attr('step')));
- }
-
- element.html('');
- element.append(tabs);
- }
- }
- });
-
-
- $compileProvider.directive('docTutorialNav', function() {
- return {
- restrict: 'EA',
- link:function(scope, element, attrs) {
- var prevStep, codeDiff, nextStep,
- content, step = attrs.docTutorialNav;
-
- step = parseInt(step, 10);
-
- if (step === 0) {
- prevStep = '';
- nextStep = 'step_01';
- codeDiff = 'step-0~7...step-0';
- } else if (step === 11){
- prevStep = 'step_10';
- nextStep = 'the_end';
- codeDiff = 'step-10...step-11';
- } else {
- prevStep = 'step_' + pad(step - 1);
- nextStep = 'step_' + pad(step + 1);
- codeDiff = 'step-' + (step-1) + '...step-' + step;
- }
-
- content = angular.element(
- '<li><a href="tutorial/' + prevStep + '">Previous</a></li>' +
- '<li><a href="http://angular.github.com/angular-phonecat/step-' + step + '/app">Live Demo</a></li>' +
- '<li><a href="https://github.com/angular/angular-phonecat/compare/' + codeDiff + '">Code Diff</a></li>' +
- '<li><a href="tutorial/' + nextStep + '">Next</a></li>'
- );
-
- element.attr('id', 'tutorial-nav');
- element.append(content);
- }
- };
-
- function pad(step) {
- return (step < 10) ? ('0' + step) : step;
- }
- });
-});
generated by cgit v1.2.3 (git 2.25.1) at 2025-10-31 16:02:43 +0000