clean up list + remove unused files
This commit is contained in:
Mads Rasmussen
@@ -1,78 +0,0 @@
|
||||
/**
|
||||
@ngdoc directive
|
||||
@name umbraco.directives.directive:umbDropdownBlock
|
||||
@restrict E
|
||||
@scope
|
||||
|
||||
@description
|
||||
Use this directive to render a dropdown object.
|
||||
|
||||
<h3>Markup example</h3>
|
||||
<pre>
|
||||
<div ng-controller="My.Controller as vm">
|
||||
|
||||
<umb-dropdown-block title="This is the title" circle="true" percentage="100">
|
||||
// Content of dropdown
|
||||
</umb-dropdown-block>
|
||||
|
||||
</div>
|
||||
</pre>
|
||||
|
||||
<h3>Example with {@link umbraco.directives.directive:umbDropdownBlockItem umbDropdownBlockItem}</h3>
|
||||
<pre>
|
||||
<div ng-controller="My.Controller as vm">
|
||||
|
||||
<umb-dropdown-block
|
||||
ng-repeat="(key,value) in vm.items"
|
||||
title="key"
|
||||
circle="true"
|
||||
percentage="100">
|
||||
|
||||
<umb-dropdown-block-item
|
||||
on-start="vm.toggle()"
|
||||
tick="true"
|
||||
name="title"
|
||||
completed="true"
|
||||
ng-repeat="item in value">
|
||||
</umb-dropdown-block-item>
|
||||
|
||||
</umb-dropdown-block>
|
||||
|
||||
</div>
|
||||
</pre>
|
||||
|
||||
<h3>Use in combination with:</h3>
|
||||
<ul>
|
||||
<li>{@link umbraco.directives.directive:umbDropdownBlockItem umbDropdownBlockItem}</li>
|
||||
</ul>
|
||||
|
||||
@param {string} title (<code>attrbute</code>): Custom title text.
|
||||
@param {boolean} circle (<code>attrbute</code>): Decides, if the progress circle is displayed or not.
|
||||
@param {string} percentage (<code>attrbute</code>): A number which defines the progress circle.
|
||||
**/
|
||||
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
function DropdownBlockDirective(tourService) {
|
||||
|
||||
var directive = {
|
||||
restrict: 'E',
|
||||
replace: true,
|
||||
transclude: true,
|
||||
templateUrl: 'views/components/umb-dropdown-block.html',
|
||||
scope: {
|
||||
circle: "=",
|
||||
title: "=",
|
||||
percentage: "@"
|
||||
}
|
||||
};
|
||||
|
||||
return directive;
|
||||
|
||||
}
|
||||
|
||||
angular.module('umbraco.directives').directive('umbDropdownBlock', DropdownBlockDirective);
|
||||
|
||||
})();
|
||||
@@ -1,81 +0,0 @@
|
||||
/**
|
||||
@ngdoc directive
|
||||
@name umbraco.directives.directive:umbDropdownBlockItem
|
||||
@restrict E
|
||||
@scope
|
||||
|
||||
@description
|
||||
Use this directive to render a list for the {@link umbraco.directives.directive:umbDropdownBlock umbDropdownBlock} directive. See documentation for {@link umbraco.directives.directive:umbDropdownBlock umbDropdownBlock} component.
|
||||
|
||||
<h3>Markup example</h3>
|
||||
|
||||
<pre>
|
||||
<div ng-controller="My.Controller as vm">
|
||||
|
||||
<umb-dropdown-block
|
||||
ng-repeat="(key,value) in vm.items"
|
||||
title="key"
|
||||
circle="true"
|
||||
percentage="100">
|
||||
|
||||
<umb-dropdown-block-item
|
||||
ng-repeat="item in value"
|
||||
name="title"
|
||||
completed="true"
|
||||
tick="true"
|
||||
on-start="vm.toggle()">
|
||||
</umb-dropdown-block-item>
|
||||
|
||||
</umb-dropdown-block>
|
||||
|
||||
</div>
|
||||
</pre>
|
||||
|
||||
<h3>Use in combination with:</h3>
|
||||
<ul>
|
||||
<li>{@link umbraco.directives.directive:umbDropdownBlock umbDropdownBlock}</li>
|
||||
</ul>
|
||||
|
||||
@param {string} name (<code>attrbute</code>): Custom text.
|
||||
@param {callback} onStart (<code>attrbute</code>): Defines what happens when the row is clicked.
|
||||
@param {boolean} completed (<code>attrbute</code>): Decides, if the tick is gray or green.
|
||||
@param {boolean} tick (<code>attrbute</code>): Decides, if the tick is displayed or not.
|
||||
**/
|
||||
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
function DropdownBlockItemDirective() {
|
||||
|
||||
function link(scope, el, attr, ctrl) {
|
||||
|
||||
scope.clickStart = function() {
|
||||
if(scope.onStart) {
|
||||
scope.onStart();
|
||||
}
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
var directive = {
|
||||
restrict: 'E',
|
||||
replace: true,
|
||||
transclude: true,
|
||||
templateUrl: 'views/components/umb-dropdown-block-item.html',
|
||||
scope: {
|
||||
name: "@",
|
||||
tick: "=",
|
||||
onStart: "&",
|
||||
completed: "@"
|
||||
},
|
||||
link: link
|
||||
};
|
||||
|
||||
return directive;
|
||||
|
||||
}
|
||||
|
||||
angular.module('umbraco.directives').directive('umbDropdownBlockItem', DropdownBlockItemDirective);
|
||||
|
||||
})();
|
||||
@@ -131,7 +131,6 @@
|
||||
@import "components/umb-box.less";
|
||||
@import "components/umb-number-badge.less";
|
||||
@import "components/umb-progress-circle.less";
|
||||
@import "components/umb-dropdown-block.less";
|
||||
|
||||
@import "components/buttons/umb-button.less";
|
||||
@import "components/buttons/umb-button-group.less";
|
||||
|
||||
@@ -100,7 +100,7 @@
|
||||
|
||||
/* Sizes */
|
||||
.umb-button--xxs {
|
||||
padding: 3px 12px;
|
||||
padding: 2px 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,92 +0,0 @@
|
||||
.umb-tour__progress-circle-container {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
float: right;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.umb-tour__dropdown-title {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: @gray-2;
|
||||
}
|
||||
|
||||
.umb-tour__dropdown-contaiener {
|
||||
background-color: @white;
|
||||
width: 340px;
|
||||
border-radius: 3px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.umb-tour__dropdown-contaiener summary{
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
.umb-tour__dropdown-contaiener summary:focus{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.umb-tour__dropdown-contaiener summary::-webkit-details-marker {
|
||||
color: @gray-2;
|
||||
margin: 0 20px 0 30px;
|
||||
}
|
||||
|
||||
.umb-tour__dropdown-contaiener summary::-moz-list-bullet {
|
||||
color: @gray-2;
|
||||
margin: 0 20px 0 30px;
|
||||
}
|
||||
|
||||
.umb-tour__dropdown-list {
|
||||
border-top: solid @gray-10 1px;
|
||||
width: 340px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.umb-tour__start {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.umb-tour__row {
|
||||
padding: 0 20px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.umb-tour__row:hover {
|
||||
background-color: @gray-10;
|
||||
}
|
||||
|
||||
.umb-tour__tick-circle {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
margin: 7px 20px 0 0;
|
||||
border-radius: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.umb-tour__row-title-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.umb-tour__row-title {
|
||||
font-size: 16px;
|
||||
color: @gray-4;
|
||||
}
|
||||
|
||||
.umb-tour__row-button {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.umb-tour__row:hover .umb-tour__row-button {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.umb-tour__tick {
|
||||
fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.umb-tour__tick-canvas {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin: 5px;
|
||||
}
|
||||
@@ -16,7 +16,7 @@
|
||||
|
||||
<div class="umb-help-list">
|
||||
|
||||
<a href="" class="umb-help-list-item flex items-center justify-between" style="padding: 5px 20px;text-decoration: none;" ng-click="value.open = !value.open">
|
||||
<a href="" class="umb-help-list-item__content flex items-center justify-between" style="text-decoration: none;" ng-click="value.open = !value.open">
|
||||
<h5 class="umb-help-list-item__group-title"><i style="margin-right: 2px;text-decoration: none;" ng-class="{'icon-navigation-right': !value.open, 'icon-navigation-down': value.open}"></i>{{key}}</h5>
|
||||
<umb-progress-circle
|
||||
percentage="{{value.completedPercentage}}"
|
||||
@@ -26,12 +26,16 @@
|
||||
|
||||
<div ng-if="value.open">
|
||||
<div data-element="tour-{{tour.alias}}" class="umb-help-list-item" ng-repeat="tour in value">
|
||||
<div class="umb-help-list-item__content">
|
||||
<div style="margin-right: 6px;" ng-if="!tour.completed" class="umb-number-badge umb-number-badge--xs">{{ $index + 1 }}</div>
|
||||
<umb-checkmark ng-if="tour.completed" size="xs" checked="tour.completed" style="margin-right: 6px;"></umb-checkmark>
|
||||
<span ng-class="{'strike': tour.completed}">{{ tour.name }}</span>
|
||||
<umb-button ng-if="!tour.completed && vm.showTourButton($index, value)" button-style="primary" size="xxs" type="button" label="Start" style="margin-left: auto;" action="vm.startTour(tour)"></umb-button>
|
||||
<umb-button ng-if="tour.completed" size="xxs" type="button" label="Rerun" style="margin-left: auto;" action="vm.startTour(tour)"></umb-button>
|
||||
<div class="umb-help-list-item__content justify-between">
|
||||
<div class="flex items-center">
|
||||
<div ng-if="!tour.completed" class="umb-number-badge umb-number-badge--xs umb-help-list-item__icon">{{ $index + 1 }}</div>
|
||||
<umb-checkmark ng-if="tour.completed" size="xs" checked="tour.completed" class="umb-help-list-item__icon"></umb-checkmark>
|
||||
<span ng-class="{'strike': tour.completed}" class="umb-help-list-item__title">{{ tour.name }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<umb-button ng-if="!tour.completed && vm.showTourButton($index, value)" button-style="primary" size="xxs" type="button" label="Start" action="vm.startTour(tour)"></umb-button>
|
||||
<umb-button ng-if="tour.completed" size="xxs" type="button" label="Rerun" action="vm.startTour(tour)"></umb-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,16 +0,0 @@
|
||||
<div>
|
||||
<div class="umb-tour__row" ng-click="onStart()">
|
||||
|
||||
<div ng-if="tick == true">
|
||||
<div class="umb-tour__tick-circle">
|
||||
<umb-checkmark ng-if="completed === 'true'" checked="true"></umb-checkmark>
|
||||
<umb-checkmark ng-if="completed !== 'true'" checked="false"></umb-checkmark>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="umb-tour__row-title-container">
|
||||
<span class="umb-tour__row-title">{{ name }}</span>
|
||||
<umb-button class="umb-tour__row-button" size="xs" button-style="link" type="button" label="start"></umb-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,20 +0,0 @@
|
||||
<div>
|
||||
<div>
|
||||
<details class="umb-tour__dropdown-contaiener">
|
||||
<summary>
|
||||
<span class="umb-tour__dropdown-title">{{ title }}</span>
|
||||
<div class="umb-tour__progress-circle-container" ng-if="circle == true">
|
||||
<umb-progress-circle
|
||||
percentage="{{ percentage }}"
|
||||
size="50"
|
||||
font-size=""
|
||||
stroke-color="">
|
||||
</umb-progress-circle>
|
||||
</div>
|
||||
</summary>
|
||||
<div class="umb-tour__dropdown-list" ng-transclude>
|
||||
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user