mirror of https://github.com/akveo/blur-admin
# Conflicts: # src/app/pages/pages.module.js # src/app/theme/components/contentTop/contentTop.directive.js # src/app/theme/components/sidebar/SidebarCtrl.jspull/3/head
KostyaDanovsky
9 years ago
commit
30bc596a3b
@ -1,43 +0,0 @@
|
||||
<!-- todo: remove whole block -->
|
||||
<section id="cd-timeline" class="cd-container cssanimations" ng-controller="timelineCtrl">
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img cd-picture">
|
||||
<img src="img/cd-icon-picture.svg" alt="Picture">
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content cd-timeline-content-green">
|
||||
<h5>Title of section 1</h5>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi
|
||||
placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
|
||||
<span class="cd-date">Jan 14</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img cd-movie">
|
||||
<img src="img/cd-icon-movie.svg" alt="Movie">
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content cd-timeline-content-red">
|
||||
<h5>Title of section 2</h5>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi
|
||||
placeat iure tempora laudantium ipsa ad debitis unde?</p>
|
||||
<span class="cd-date">Jan 18</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img cd-location">
|
||||
<img src="img/cd-icon-location.svg" alt="Location">
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content cd-timeline-content-blue">
|
||||
<h5>Title of section 3</h5>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum.</p>
|
||||
<span class="cd-date">Feb 18</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,44 +0,0 @@
|
||||
<div class="widgets">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12"
|
||||
ba-panel
|
||||
ba-panel-title="Smart Table"
|
||||
ba-panel-class="with-scroll">
|
||||
<div include-with-scope="app/pages/tables/widgets/smartTable.html"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div
|
||||
ba-panel
|
||||
ba-panel-title="Hover Tows and Fix Headers"
|
||||
ba-panel-class="with-scroll">
|
||||
<div include-with-scope="app/pages/tables/widgets/hoverRows.html"></div>
|
||||
</div>
|
||||
<div
|
||||
ba-panel
|
||||
ba-panel-title="Condensed Table"
|
||||
ba-panel-class="with-scroll">
|
||||
<div include-with-scope="app/pages/tables/widgets/condensedTable.html"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div
|
||||
ba-panel
|
||||
ba-panel-title="Striped Rows"
|
||||
ba-panel-class="with-scroll">
|
||||
<div include-with-scope="app/pages/tables/widgets/stripedRows.html"></div>
|
||||
</div>
|
||||
<div
|
||||
ba-panel
|
||||
ba-panel-title="Bordered Table"
|
||||
ba-panel-class="with-scroll">
|
||||
<div include-with-scope="app/pages/tables/widgets/borderedTable.html"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
@ -0,0 +1,101 @@
|
||||
<!-- todo: remove whole block -->
|
||||
<div ba-panel>
|
||||
<section id="cd-timeline" class="cd-container cssanimations" ng-controller="TimelineCtrl">
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img">
|
||||
<div class="kameleon-icon with-round-bg success"><img ng-src="{{::( 'Euro-Coin' | kameleonImg )}}"></div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content cd-timeline-content-green">
|
||||
<h5>Title of section 1</h5>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi
|
||||
placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
|
||||
<span class="cd-date">Jan 14</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img">
|
||||
<div class="kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Laptop-Signal' | kameleonImg )}}"></div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content cd-timeline-content-red">
|
||||
<h5>Title of section 2</h5>
|
||||
|
||||
<p>Donec dapibus at leo eget volutpat. Praesent dolor tellus, ultricies venenatis molestie eu, luctus eget nibh.
|
||||
Curabitur ullamcorper eleifend nisl.</p>
|
||||
<span class="cd-date">Jan 18</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img">
|
||||
<div class="kameleon-icon with-round-bg primary"><img ng-src="{{::( 'Checklist' | kameleonImg )}}"></div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content cd-timeline-content-blue">
|
||||
<h5>Title of section 3</h5>
|
||||
|
||||
<p>Phasellus auctor tellus eget lacinia condimentum. Cum sociis natoque penatibus et magnis dis parturient
|
||||
montes.</p>
|
||||
<span class="cd-date">Feb 18</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img">
|
||||
<div class="kameleon-icon with-round-bg success"><img ng-src="{{::( 'Boss-3' | kameleonImg )}}"></div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content cd-timeline-content-green">
|
||||
<h5>Title of section 4</h5>
|
||||
|
||||
<p>Morbi fringilla in massa ac posuere. Fusce non sagittis massa, id accumsan odio. Nullam eget tempor est.
|
||||
Etiam eu felis eu purus aliquam tristique id quis nisl. Nam eros nibh, consequat sed pulvinar eu, ultrices
|
||||
ornare ligula. Aenean interdum sed nunc sed hendrerit.</p>
|
||||
<span class="cd-date">Feb 20</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img">
|
||||
<div class="kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Online-Shopping' | kameleonImg )}}"></div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content cd-timeline-content-red">
|
||||
<h5>Title of section 5</h5>
|
||||
|
||||
<p> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur eget mattis
|
||||
metus. Nullam egestas eros metus, quis fringilla urna accumsan sed. Aliquam ultrices at arcu vitae
|
||||
tincidunt.</p>
|
||||
<span class="cd-date">Feb 21</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img">
|
||||
<div class="kameleon-icon with-round-bg primary"><img ng-src="{{::( 'Money-Increase' | kameleonImg )}}"></div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content cd-timeline-content-blue">
|
||||
<h5>Title of section 6</h5>
|
||||
|
||||
<p>Praesent bibendum ante mattis augue consectetur, ut commodo turpis consequat. Donec ligula eros, porta in
|
||||
iaculis vel, semper ac sem. Integer at mauris lorem.</p>
|
||||
<span class="cd-date">Feb 23</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img">
|
||||
<div class="kameleon-icon with-round-bg success"><img ng-src="{{::( 'Vector' | kameleonImg )}}"></div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content cd-timeline-content-green">
|
||||
<h5>Title of section 7</h5>
|
||||
|
||||
<p>Vivamus ut laoreet erat, vitae eleifend eros. Sed varius id tellus non lobortis. Sed dolor ante, cursus non
|
||||
scelerisque sed, euismod id eros.</p>
|
||||
<span class="cd-date">Feb 24</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@ -0,0 +1,19 @@
|
||||
/**
|
||||
* @author a.demeshko
|
||||
* created on 1/12/16
|
||||
*/
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('BlurAdmin.pages.timeline', [])
|
||||
.config(routeConfig);
|
||||
|
||||
/** @ngInject */
|
||||
function routeConfig($stateProvider) {
|
||||
$stateProvider
|
||||
.state('timeline', {
|
||||
url: '/timeline',
|
||||
templateUrl: 'app/pages/timeline/timeline.html'
|
||||
});
|
||||
}
|
||||
})();
|
||||
@ -1,72 +1,39 @@
|
||||
<div>
|
||||
|
||||
<script type="text/ng-template" id="nodes_renderer.html">
|
||||
<div ui-tree-handle class="tree-node tree-node-content" ng-class="{'selected' : this.selected}"
|
||||
ng-click="select(this)">
|
||||
<a ng-if="node.nodes && node.nodes.length > 0" data-nodrag ng-click="toggle(this)"><i class="control"
|
||||
ng-class="{
|
||||
'ion-chevron-right': collapsed,
|
||||
'ion-chevron-down': !collapsed
|
||||
}"></i></a>
|
||||
<i class="control ion-document" ng-if="!node.nodes || node.nodes.length < 1"></i>
|
||||
{{node.title}}
|
||||
</div>
|
||||
<ol ui-tree-nodes="" ng-model="node.nodes" ng-class="{hidden: collapsed}">
|
||||
<li ng-repeat="node in node.nodes" ng-show="visible(node)" ui-tree-node ng-include="'nodes_renderer.html'"></li>
|
||||
</ol>
|
||||
</script>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div ba-panel ba-panel-title="Basic Action" ba-panel-class="with-scroll tree-panel">
|
||||
<div class="row" ng-controller="treeCtrl">
|
||||
<div class="col-sm-4">
|
||||
<div class="control-side text-center">
|
||||
<div>
|
||||
<button class="btn btn-primary" ng-click="newSubItem()">Add</button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary" ng-click="remove()">Remove</button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary" ng-click="collapseAll()">Collapse All</button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary" ng-click="expandAll()">Expand All</button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary" ng-click="refresh()">Refresh</button>
|
||||
</div>
|
||||
<div>
|
||||
<div class="form-group text-left search-container">
|
||||
<label for="search">Filter</label>
|
||||
<input id="search" type="text" class="form-control" ng-model="query" ng-change="find()">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" ng-controller="treeCtrl">
|
||||
<div class="col-md-6">
|
||||
<div ba-panel ba-panel-title="Basic Action" ba-panel-class="with-scroll tree-panel">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="control-side text-center">
|
||||
<div>
|
||||
<button class="btn btn-primary" ng-click="addNewNode()">Add</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div ui-tree data-drag-enabled="false" id="tree-root">
|
||||
<ol ui-tree-nodes ng-model="basicData">
|
||||
<li ng-repeat="node in basicData" ng-show="visible(node)" ui-tree-node
|
||||
ng-include="'nodes_renderer.html'"></li>
|
||||
</ol>
|
||||
<div>
|
||||
<button class="btn btn-primary" ng-click="collapse()">Collapse All</button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary" ng-click="expand()">Expand All</button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-primary" ng-click="refresh()">Refresh</button>
|
||||
</div>
|
||||
<div>
|
||||
<div class="form-group text-left search-container">
|
||||
<label for="search">Filter</label>
|
||||
<input id="search" type="text" class="form-control" ng-model="query" ng-change="find()">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div ba-panel ba-panel-title="Drag & Drop" ba-panel-class="with-scroll tree-panel">
|
||||
<div data-ui-tree="treeOptions" data-drag-enabled="true" id="tree-root-drag" ng-controller="treeCtrl">
|
||||
<ol data-ui-tree-nodes ng-model="dragData">
|
||||
<li data-ng-repeat="node in dragData" data-ui-tree-node ng-include="'nodes_renderer.html'"></li>
|
||||
</ol>
|
||||
<div class="col-sm-8">
|
||||
<div js-tree="basicConfig" ng-model="treeData" should-apply="applyModelChanges()" tree="basicTree" tree-events="ready:readyCB"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div ba-panel ba-panel-title="Drag & Drop" ba-panel-class="with-scroll tree-panel">
|
||||
<div js-tree="dragConfig" ng-model="dragData"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Before Width: | Height: | Size: 394 B |
|
Before Width: | Height: | Size: 442 B |
|
Before Width: | Height: | Size: 507 B |
@ -0,0 +1,3 @@
|
||||
.table-panel {
|
||||
height: 295px;
|
||||
}
|
||||
Loading…
Reference in new issue