Merge pull request #217 from ESadouski/gh-pages

Update 2016-12-14T18:01:52.329Z
pull/379/head
Vladimir Lugovsky 2016-12-15 12:25:20 +03:00 committed by GitHub
commit 50cda058e2
8 changed files with 22 additions and 107 deletions

View File

@ -80,8 +80,8 @@ $label-text: #ffffff; // Text for labels in forms (Basically it should be equal
<p>After this is done, you need to setup javascript to use <strong>same colors</strong> while building charts and other javascript components. <p>After this is done, you need to setup javascript to use <strong>same colors</strong> while building charts and other javascript components.
To do this, add following code to some configuration block, for example to <code>src/app/theme/theme.config.js</code>:</p> To do this, add following code to some configuration block, for example to <code>src/app/theme/theme.config.js</code>:</p>
<pre><code class="lang-javascript"> baConfigProvider.changeColors({ <pre><code class="lang-javascript"> baConfigProvider.changeColors({
<span class="keyword">default</span>: <span class="string">'#4e4e55'</span>, <span class="attr">default</span>: <span class="string">'#4e4e55'</span>,
defaultText: <span class="string">'#e2e2e2'</span>, <span class="attr">defaultText</span>: <span class="string">'#e2e2e2'</span>,
}); });
</code></pre> </code></pre>
<p>Thats basically it! Right now your admin application should look like&nbsp;this:</p> <p>Thats basically it! Right now your admin application should look like&nbsp;this:</p>

View File

@ -89,11 +89,11 @@ This will allow you to easily switch off some pages in the future if&nbsp;needed
<span class="function"><span class="keyword">function</span> <span class="title">routeConfig</span>(<span class="params">$stateProvider</span>) </span>{ <span class="function"><span class="keyword">function</span> <span class="title">routeConfig</span>(<span class="params">$stateProvider</span>) </span>{
$stateProvider $stateProvider
.state(<span class="string">'myNewPage'</span>, { .state(<span class="string">'myNewPage'</span>, {
url: <span class="string">'/myNewPage'</span>, <span class="attr">url</span>: <span class="string">'/myNewPage'</span>,
templateUrl: <span class="string">'app/pages/myNewPage/my-new-page.html'</span>, <span class="attr">templateUrl</span>: <span class="string">'app/pages/myNewPage/my-new-page.html'</span>,
title: <span class="string">'My New Page'</span>, <span class="attr">title</span>: <span class="string">'My New Page'</span>,
sidebarMeta: { <span class="attr">sidebarMeta</span>: {
order: <span class="number">800</span>, <span class="attr">order</span>: <span class="number">800</span>,
}, },
}); });
} }

View File

@ -59,16 +59,16 @@
Thats why first thing you need to do is enable that code. Thats why first thing you need to do is enable that code.
This should be done in Angular <strong>configuration block</strong>. This should be done in Angular <strong>configuration block</strong>.
For example you can add following lines to <code>src/app/theme/theme.config.js</code>:</p> For example you can add following lines to <code>src/app/theme/theme.config.js</code>:</p>
<pre><code class="lang-javascript"> baConfigProvider.changeTheme({blur: <span class="literal">true</span>}); <pre><code class="lang-javascript"> baConfigProvider.changeTheme({<span class="attr">blur</span>: <span class="literal">true</span>});
</code></pre> </code></pre>
<p>2) As well you need to change some colors. <p>2) As well you need to change some colors.
For example <em>Mint</em>s default gray text color doesnt look good on blurred panels. For example <em>Mint</em>s default gray text color doesnt look good on blurred panels.
For our blur theme we use following&nbsp;configuration:</p> For our blur theme we use following&nbsp;configuration:</p>
<pre><code class="lang-javascript"> baConfigProvider.changeColors({ <pre><code class="lang-javascript"> baConfigProvider.changeColors({
<span class="keyword">default</span>: <span class="string">'rgba(#000000, 0.2)'</span>, <span class="attr">default</span>: <span class="string">'rgba(#000000, 0.2)'</span>,
defaultText: <span class="string">'#ffffff'</span>, <span class="attr">defaultText</span>: <span class="string">'#ffffff'</span>,
dashboard: { <span class="attr">dashboard</span>: {
white: <span class="string">'#ffffff'</span>, <span class="attr">white</span>: <span class="string">'#ffffff'</span>,
}, },
}); });
</code></pre> </code></pre>

View File

@ -117,8 +117,8 @@ The provider has <code>addStaticItem</code> method, which receives menuItem obje
<p>Sample manual&nbsp;configuration:</p> <p>Sample manual&nbsp;configuration:</p>
<pre><code class="lang-javascript"> baSidebarServiceProvider.addStaticItem({ <pre><code class="lang-javascript"> baSidebarServiceProvider.addStaticItem({
title: <span class="string">'Menu Level 1'</span>, <span class="attr">title</span>: <span class="string">'Menu Level 1'</span>,
icon: <span class="string">'ion-ios-more'</span> <span class="attr">icon</span>: <span class="string">'ion-ios-more'</span>
}); });
</code></pre> </code></pre>
<h2 id="route-configuration">Route&nbsp;configuration</h2> <h2 id="route-configuration">Route&nbsp;configuration</h2>
@ -129,12 +129,12 @@ That means if theres a parent abstract state for some state and they both hav
<p>Name of the item is taken from <code>state</code>s <code>title</code> property. Sample state configuration, which will add an item to&nbsp;sidebar:</p> <p>Name of the item is taken from <code>state</code>s <code>title</code> property. Sample state configuration, which will add an item to&nbsp;sidebar:</p>
<pre><code class="lang-javascript">$stateProvider <pre><code class="lang-javascript">$stateProvider
.state(<span class="string">'dashboard'</span>, { .state(<span class="string">'dashboard'</span>, {
url: <span class="string">'/dashboard'</span>, <span class="attr">url</span>: <span class="string">'/dashboard'</span>,
templateUrl: <span class="string">'app/pages/dashboard/dashboard.html'</span>, <span class="attr">templateUrl</span>: <span class="string">'app/pages/dashboard/dashboard.html'</span>,
title: <span class="string">'Dashboard'</span>, <span class="attr">title</span>: <span class="string">'Dashboard'</span>,
sidebarMeta: { <span class="attr">sidebarMeta</span>: {
icon: <span class="string">'ion-android-home'</span>, <span class="attr">icon</span>: <span class="string">'ion-android-home'</span>,
order: <span class="number">0</span>, <span class="attr">order</span>: <span class="number">0</span>,
}, },
}); });
</code></pre> </code></pre>

View File

@ -68,7 +68,8 @@ Then you can just open <code>index.html</code> to view your local&nbsp;version.<
<pre><code class="lang-bash">start chrome --user-data-dir=<span class="string">"C:/Chrome dev session"</span> --disable-web-security <pre><code class="lang-bash">start chrome --user-data-dir=<span class="string">"C:/Chrome dev session"</span> --disable-web-security
</code></pre> </code></pre>
<h2 id="links-for-downloads">Links for&nbsp;downloads</h2> <h2 id="links-for-downloads">Links for&nbsp;downloads</h2>
<p><a href="/blur-admin/downloads/blur-admin-1.2.0.zip">BlurAdmin&nbsp;1.2.0</a></p> <p><a href="/blur-admin/downloads/blur-admin-1.3.1.zip">BlurAdmin 1.3.1</a>
<a href="/blur-admin/downloads/blur-admin-1.2.0.zip">BlurAdmin&nbsp;1.2.0</a></p>
</div> </div>
</section> </section>

View File

@ -1,86 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="admin,dashboard,template,angular,bootstrap,blur,panel,html,css,javascript">
<title>BlurAdmin documentation - Downloads</title>
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
</head>
<body>
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
<ul class="nav-site nav-site-internal">
<li><a href="/blur-admin/">Home</a></li>
<li><a href="/blur-admin/articles/001-getting-started/" class="active">Docs</a></li>
</ul><span class="nav-docs-right">Need some help? Let us know! <a href="mailto:contact@akveo.com">contact@akveo.com</a></span>
</div>
</div>
<section class="content wrap documentationContent">
<div class="nav-docs">
<div class="nav-docs section">
<h3>Quick Start</h3>
<ul>
<li><a href="/blur-admin/articles/001-getting-started/">Getting Started</a></li>
<li><a href="/blur-admin/articles/002-installation-guidelines/">Installation Guidelines</a></li>
</ul>
</div>
<div class="nav-docs section">
<h3>Customization</h3>
<ul>
<li><a href="/blur-admin/articles/011-changing-color-scheme/">Changing Color Scheme</a></li>
<li><a href="/blur-admin/articles/014-switch-to-blur-theme/">Enabling blur theme</a></li>
<li><a href="/blur-admin/articles/012-project-structure/">Project Structure</a></li>
<li><a href="/blur-admin/articles/013-create-new-page/">Create New Page</a></li>
</ul>
</div>
<div class="nav-docs section">
<h3>Components</h3>
<ul>
<li><a href="/blur-admin/articles/051-sidebar/">Sidebar</a></li>
</ul>
</div>
<div class="nav-docs section">
<h3>Other</h3>
<ul>
<li><a href="/blur-admin/articles/091/" class="active">Downloads</a></li>
</ul>
</div>
</div>
<div class="inner-content">
<h1>Downloads</h1>
<div class="subHeader"></div><p>If you have problems installing node.js and/or other tools to build and run BlurAdmin on your machine and you just want to download html/js/css files, you can find links for download on this&nbsp;page.</p>
<p>Development (non-compressed) files can be found in <code>{ARCHIVE_ROOT}/blur-admin-{VERSION}/dev-release</code> directory. Compressed files are in <code>{ARCHIVE_ROOT}/blur-admin-{VERSION}/release</code> directory.
Then you can just open <code>index.html</code> to view your local&nbsp;version.</p>
<p><strong>Please note</strong>: <em>As chrome doesnt support <span class="caps">AJAX</span> requests, when you open HTML file via <strong>file</strong> protocol, you might need to disable web security to have your template&nbsp;running.</em></p>
<p>Sample command on <span class="caps">OS</span>&nbsp;X:</p>
<pre><code class="lang-bash">open <span class="_">-a</span> Google\ Chrome --args --disable-web-security --user-data-dir=~/ChromeDevSession/
</code></pre>
<p>Sample command on&nbsp;Linux:</p>
<pre><code class="lang-bash">google-chrome --user-data-dir=<span class="string">"~/chrome-dev-session"</span> --disable-web-security
</code></pre>
<p>Sample command on&nbsp;Windows:</p>
<pre><code class="lang-bash">start chrome --user-data-dir=<span class="string">"C:/Chrome dev session"</span> --disable-web-security
</code></pre>
<h2 id="links-for-downloads">Links for&nbsp;downloads</h2>
<p><a href="/blur-admin/downloads/blur-admin-1.2.0.zip">BlurAdmin&nbsp;1.2.0</a></p>
</div>
</section>
<footer class="wrap">
<div class="left">Powered by Angular, Bootsrap, Gulp and more...</div>
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q || []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61945105-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB