mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-04-25 06:49:29 +00:00
Restructure Sass files and folders for proper application Sass development
This commit is contained in:
@@ -0,0 +1,12 @@
|
||||
<div ng-controller="AppCtrl" layout="column" layout-margin style="padding:25px;">
|
||||
|
||||
<md-progress-linear md-mode="indeterminate"></md-progress-linear>
|
||||
|
||||
<md-progress-linear class="md-warn" md-mode="buffer" value="{{determinateValue}}" md-buffer-value="{{determinateValue2}}">
|
||||
</md-progress-linear>
|
||||
|
||||
<md-progress-linear class="md-accent" md-mode="{{mode}}" value="{{determinateValue}}"></md-progress-linear>
|
||||
|
||||
<md-progress-linear md-theme="custom" md-mode="determinate" ng-value="determinateValue" ></md-progress-linear>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,21 @@
|
||||
angular.module('progressLinearDemo1', ['ngMaterial'])
|
||||
.config(function($mdThemingProvider) {
|
||||
})
|
||||
.controller('AppCtrl', ['$scope', '$interval', function($scope, $interval) {
|
||||
$scope.mode = 'query';
|
||||
$scope.determinateValue = 30;
|
||||
$scope.determinateValue2 = 30;
|
||||
|
||||
$interval(function() {
|
||||
$scope.determinateValue += 1;
|
||||
$scope.determinateValue2 += 1.5;
|
||||
if ($scope.determinateValue > 100) {
|
||||
$scope.determinateValue = 30;
|
||||
$scope.determinateValue2 = 30;
|
||||
}
|
||||
}, 100, 0, true);
|
||||
|
||||
$interval(function() {
|
||||
$scope.mode = ($scope.mode == 'query' ? 'determinate' : 'query');
|
||||
}, 7200, 0, true);
|
||||
}]);
|
||||
@@ -0,0 +1,12 @@
|
||||
body {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
md-progress-linear {
|
||||
padding-top:10px;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
Reference in New Issue
Block a user