mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-08-21 06:33:18 +00:00
Remove unused files from scss directory
This commit is contained in:
Francis Lachapelle
@@ -1,81 +0,0 @@
|
||||
|
||||
<div ng-controller="SubheaderAppCtrl" layout="column" flex layout-fill>
|
||||
<md-content style="height: 600px;">
|
||||
<section>
|
||||
<md-subheader class="md-primary">Unread Messages</md-subheader>
|
||||
<md-list layout="column">
|
||||
<md-item ng-repeat="message in messages">
|
||||
<md-item-content>
|
||||
<div class="md-tile-left">
|
||||
<img ng-src="{{message.face}}" class="face" alt="{{message.who}}">
|
||||
</div>
|
||||
<div class="md-tile-content">
|
||||
<h3>{{message.what}}</h3>
|
||||
<h4>{{message.who}}</h4>
|
||||
<p>
|
||||
{{message.notes}}
|
||||
</p>
|
||||
</div>
|
||||
</md-item-content>
|
||||
</md-item>
|
||||
</md-list>
|
||||
</section>
|
||||
<section>
|
||||
<md-subheader class="md-warn">Late Messages</md-subheader>
|
||||
<md-list layout="column">
|
||||
<md-item ng-repeat="message in messages">
|
||||
<md-item-content>
|
||||
<div class="md-tile-left">
|
||||
<img ng-src="{{message.face}}" class="face" alt="{{message.who}}">
|
||||
</div>
|
||||
<div class="md-tile-content">
|
||||
<h3>{{message.what}}</h3>
|
||||
<h4>{{message.who}}</h4>
|
||||
<p>
|
||||
{{message.notes}}
|
||||
</p>
|
||||
</div>
|
||||
</md-item-content>
|
||||
</md-item>
|
||||
</md-list>
|
||||
</section>
|
||||
<section>
|
||||
<md-subheader>Read Messages</md-subheader>
|
||||
<md-list layout="column">
|
||||
<md-item ng-repeat="message in messages">
|
||||
<md-item-content>
|
||||
<div class="md-tile-left">
|
||||
<img ng-src="{{message.face}}" class="face" alt="{{message.who}}">
|
||||
</div>
|
||||
<div class="md-tile-content">
|
||||
<h3>{{message.what}}</h3>
|
||||
<h4>{{message.who}}</h4>
|
||||
<p>
|
||||
{{message.notes}}
|
||||
</p>
|
||||
</div>
|
||||
</md-item-content>
|
||||
</md-item>
|
||||
</md-list>
|
||||
</section>
|
||||
<section>
|
||||
<md-subheader class="md-accent">Archived messages</md-subheader>
|
||||
<md-list layout="column">
|
||||
<md-item ng-repeat="message in messages">
|
||||
<md-item-content>
|
||||
<div class="md-tile-left">
|
||||
<img ng-src="{{message.face}}" class="face" alt="{{message.who}}">
|
||||
</div>
|
||||
<div class="md-tile-content">
|
||||
<h3>{{message.what}}</h3>
|
||||
<h4>{{message.who}}</h4>
|
||||
<p>
|
||||
{{message.notes}}
|
||||
</p>
|
||||
</div>
|
||||
</md-item-content>
|
||||
</md-item>
|
||||
</md-list>
|
||||
</section>
|
||||
</md-content>
|
||||
</div>
|
||||
@@ -1,84 +0,0 @@
|
||||
|
||||
angular.module('subheaderBasicDemo', ['ngMaterial'])
|
||||
|
||||
.controller('SubheaderAppCtrl', function($scope) {
|
||||
$scope.messages = [
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
{
|
||||
face : '/img/list/60.jpeg',
|
||||
what: 'Brunch this weekend?',
|
||||
who: 'Min Li Chan',
|
||||
when: '3:08PM',
|
||||
notes: " I'll be in your neighborhood doing errands"
|
||||
},
|
||||
];
|
||||
});
|
||||
@@ -1,8 +0,0 @@
|
||||
|
||||
.face {
|
||||
border-radius: 30px;
|
||||
border: 1px solid #ddd;
|
||||
width: 48px;
|
||||
margin: 16px;
|
||||
}
|
||||
|
||||
@@ -1,79 +0,0 @@
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* @ngdoc module
|
||||
* @name material.components.subheader
|
||||
* @description
|
||||
* SubHeader module
|
||||
*
|
||||
* Subheaders are special list tiles that delineate distinct sections of a
|
||||
* list or grid list and are typically related to the current filtering or
|
||||
* sorting criteria. Subheader tiles are either displayed inline with tiles or
|
||||
* can be associated with content, for example, in an adjacent column.
|
||||
*
|
||||
* Upon scrolling, subheaders remain pinned to the top of the screen and remain
|
||||
* pinned until pushed on or off screen by the next subheader. @see [Material
|
||||
* Design Specifications](https://www.google.com/design/spec/components/subheaders.html)
|
||||
*
|
||||
* > To improve the visual grouping of content, use the system color for your subheaders.
|
||||
*
|
||||
*/
|
||||
angular.module('material.components.subheader', [
|
||||
'material.core',
|
||||
'material.components.sticky'
|
||||
])
|
||||
.directive('mdSubheader', MdSubheaderDirective);
|
||||
|
||||
/**
|
||||
* @ngdoc directive
|
||||
* @name mdSubheader
|
||||
* @module material.components.subheader
|
||||
*
|
||||
* @restrict E
|
||||
*
|
||||
* @description
|
||||
* The `<md-subheader>` directive is a subheader for a section
|
||||
*
|
||||
* @usage
|
||||
* <hljs lang="html">
|
||||
* <md-subheader>Online Friends</md-subheader>
|
||||
* </hljs>
|
||||
*/
|
||||
|
||||
function MdSubheaderDirective($mdSticky, $compile, $mdTheming) {
|
||||
return {
|
||||
restrict: 'E',
|
||||
replace: true,
|
||||
transclude: true,
|
||||
template:
|
||||
'<h2 class="md-subheader">' +
|
||||
'<span class="md-subheader-content"></span>' +
|
||||
'</h2>',
|
||||
compile: function(element, attr, transclude) {
|
||||
var outerHTML = element[0].outerHTML;
|
||||
return function postLink(scope, element, attr) {
|
||||
$mdTheming(element);
|
||||
function getContent(el) {
|
||||
return angular.element(el[0].querySelector('.md-subheader-content'));
|
||||
}
|
||||
|
||||
// Transclude the user-given contents of the subheader
|
||||
// the conventional way.
|
||||
transclude(scope, function(clone) {
|
||||
getContent(element).append(clone);
|
||||
});
|
||||
|
||||
// Create another clone, that uses the outer and inner contents
|
||||
// of the element, that will be 'stickied' as the user scrolls.
|
||||
transclude(scope, function(clone) {
|
||||
var stickyClone = $compile(angular.element(outerHTML))(scope);
|
||||
$mdTheming(stickyClone);
|
||||
getContent(stickyClone).append(clone);
|
||||
$mdSticky(scope, element, stickyClone);
|
||||
});
|
||||
};
|
||||
}
|
||||
};
|
||||
}
|
||||
})();
|
||||
@@ -1,28 +0,0 @@
|
||||
describe('mdSubheader', function() {
|
||||
var $mdStickyMock,
|
||||
basicHtml = '<md-subheader>Hello world!</md-header>';
|
||||
|
||||
beforeEach(module('material.components.subheader', function($provide) {
|
||||
$mdStickyMock = function() {
|
||||
$mdStickyMock.args = Array.prototype.slice.call(arguments);
|
||||
};
|
||||
$provide.value('$mdSticky', $mdStickyMock);
|
||||
}));
|
||||
|
||||
|
||||
it('should preserve content', inject(function($compile, $rootScope) {
|
||||
var $scope = $rootScope.$new();
|
||||
$scope.to = 'world';
|
||||
var $el = $compile('<div><md-subheader>Hello {{ to }}!</md-subheader></div>')($scope);
|
||||
$scope.$digest();
|
||||
var $subHeader = $el.children();
|
||||
expect($subHeader.text()).toEqual('Hello world!');
|
||||
}));
|
||||
|
||||
it('should implement $mdSticky', inject(function($compile, $rootScope) {
|
||||
var scope = $rootScope.$new();
|
||||
var $el = $compile(basicHtml)(scope);
|
||||
expect($mdStickyMock.args[0]).toBe(scope);
|
||||
}));
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user