mirror of
https://github.com/nasa/openmct.git
synced 2024-12-23 15:02:23 +00:00
e2f0f61862
* refactored code for listView * minimum viable folder list functionality * moved listview directory inside of platform/features * [Folder ListView] First Code Review Fixes Changes made: Updated listview icon as the hamburger menu. Injecting listview template as textfile instead of using the template's url. Added callback to $scope to listen for $destroy to release resources for the mutation listener and the gesture recognizer. Refactored ListViewController formatting function to use map instead of foreach. Added listview plugin to the default registry. Updated table styling. * working progress commit. ListViewControllerSpec is implemented and all tests are passing. MCTGestureSpec is not fully implemented. Testing the gestureService release is in progress. * All tests in MCTGestureSpec and ListViewControllerSpec are passing. * ListViewControllerSpec and MCTGesture Tests all passing. * refactored variable names in ListviewController to make more sense. * [Frontend] Styling of Luis's list view WIP Fixes #1615 This will have conflicts with Luis's work, be careful! * [Folder ListView] Second Code Review Fixes Changes made: updated listview to utilize open-mct sorting style. added license comments to all files. modified mctgesture interface to use $scope.eval(). * [Frontend] Styling of Luis's list view WIP Fixes #1615 New list-view glyph added * [Frontend] Styling of Luis's list view WIP Fixes #1615 Changed name of "Items" view to "Grid"; * [Frontend] Styling of Luis's list view WIP Fixes #1615 Updated icomoon project file with new list-view glyph e1042; * [Folder ListView] Second Code Review Fixes Changes made: updated listview to utilize open-mct sorting style. added license comments to all files. modified mctgesture interface to use $scope.eval(). * [Frontend] Styling of Luis's list view WIP Fixes #1615 Refined cursor CSS; * [Frontend] Styling of Luis's list view WIP Fixes #1615 Added logic to refine how sorting occurs: now, clicking a table header that wasn't the orderByField always sorts by its default;
231 lines
11 KiB
SCSS
231 lines
11 KiB
SCSS
@mixin glyphBefore($unicode, $family: 'symbolsfont') {
|
|
&:before {
|
|
content: $unicode;
|
|
font-family: $family;
|
|
}
|
|
}
|
|
|
|
@mixin glyphAfter($unicode, $family: 'symbolsfont') {
|
|
&:after {
|
|
content: $unicode;
|
|
font-family: $family;
|
|
}
|
|
}
|
|
|
|
/************************** CHAR UNICODES */
|
|
|
|
$glyph-icon-alert-rect: '\e900';
|
|
$glyph-icon-alert-triangle: '\e901';
|
|
$glyph-icon-arrow-down: '\e902';
|
|
$glyph-icon-arrow-left: '\e903';
|
|
$glyph-icon-arrow-right: '\e904';
|
|
$glyph-icon-arrow-double-up: '\e905';
|
|
$glyph-icon-arrow-tall-up: '\e906';
|
|
$glyph-icon-arrow-tall-down: '\e907';
|
|
$glyph-icon-arrow-double-down: '\e908';
|
|
$glyph-icon-arrow-up: '\e909';
|
|
$glyph-icon-asterisk: '\e910';
|
|
$glyph-icon-bell: '\e911';
|
|
$glyph-icon-box: '\e912';
|
|
$glyph-icon-box-with-arrow: '\e913';
|
|
$glyph-icon-check: '\e914';
|
|
$glyph-icon-connectivity: '\e915';
|
|
$glyph-icon-database-in-brackets: '\e916';
|
|
$glyph-icon-eye-open: '\e917';
|
|
$glyph-icon-gear: '\e918';
|
|
$glyph-icon-hourglass: '\e919';
|
|
$glyph-icon-info: '\e920';
|
|
$glyph-icon-link: '\e921';
|
|
$glyph-icon-lock: '\e922';
|
|
$glyph-icon-minus: '\e923';
|
|
$glyph-icon-people: '\e924';
|
|
$glyph-icon-person: '\e925';
|
|
$glyph-icon-plus: '\e926';
|
|
$glyph-icon-trash: '\e927';
|
|
$glyph-icon-x: '\e928';
|
|
$glyph-icon-brackets: '\e929';
|
|
$glyph-icon-arrows-out: '\e1000';
|
|
$glyph-icon-arrows-right-left: '\e1001';
|
|
$glyph-icon-arrows-up-down: '\e1002';
|
|
$glyph-icon-bullet: '\e1004';
|
|
$glyph-icon-calendar: '\e1005';
|
|
$glyph-icon-chain-links: '\e1006';
|
|
$glyph-icon-collapse-pane-left: '\e1007';
|
|
$glyph-icon-collapse-pane-right: '\e1008';
|
|
$glyph-icon-download: '\e1009';
|
|
$glyph-icon-duplicate: '\e1010';
|
|
$glyph-icon-folder-new: '\e1011';
|
|
$glyph-icon-fullscreen-collapse: '\e1012';
|
|
$glyph-icon-fullscreen-expand: '\e1013';
|
|
$glyph-icon-layers: '\e1014';
|
|
$glyph-icon-line-horz: '\e1015';
|
|
$glyph-icon-magnify: '\e1016';
|
|
$glyph-icon-magnify-in: '\e1017';
|
|
$glyph-icon-magnify-out: '\e1018';
|
|
$glyph-icon-menu-hamburger: '\e1019';
|
|
$glyph-icon-move: '\e1020';
|
|
$glyph-icon-new-window: '\e1021';
|
|
$glyph-icon-paint-bucket: '\e1022';
|
|
$glyph-icon-pause: '\e1023';
|
|
$glyph-icon-pencil: '\e1024';
|
|
$glyph-icon-play: '\e1025';
|
|
$glyph-icon-plot-resource: '\e1026';
|
|
$glyph-icon-pointer-left: '\e1027';
|
|
$glyph-icon-pointer-right: '\e1028';
|
|
$glyph-icon-refresh: '\e1029';
|
|
$glyph-icon-save: '\e1030';
|
|
$glyph-icon-sine: '\e1031';
|
|
$glyph-icon-T: '\e1032';
|
|
$glyph-icon-thumbs-strip: '\e1033';
|
|
$glyph-icon-two-parts-both: '\e1034';
|
|
$glyph-icon-two-parts-one-only: '\e1035';
|
|
$glyph-icon-resync: '\e1036';
|
|
$glyph-icon-reset: '\e1037';
|
|
$glyph-icon-x-in-circle: '\e1038';
|
|
$glyph-icon-brightness: '\e1039';
|
|
$glyph-icon-contrast: '\e1040';
|
|
$glyph-icon-expand: '\e1041';
|
|
$glyph-icon-list-view: '\e1042';
|
|
$glyph-icon-activity: '\e1100';
|
|
$glyph-icon-activity-mode: '\e1101';
|
|
$glyph-icon-autoflow-tabular: '\e1102';
|
|
$glyph-icon-clock: '\e1103';
|
|
$glyph-icon-database: '\e1104';
|
|
$glyph-icon-database-query: '\e1105';
|
|
$glyph-icon-dataset: '\e1106';
|
|
$glyph-icon-datatable: '\e1107';
|
|
$glyph-icon-dictionary: '\e1108';
|
|
$glyph-icon-folder: '\e1109';
|
|
$glyph-icon-image: '\e1110';
|
|
$glyph-icon-layout: '\e1111';
|
|
$glyph-icon-object: '\e1112';
|
|
$glyph-icon-object-unknown: '\e1113';
|
|
$glyph-icon-packet: '\e1114';
|
|
$glyph-icon-page: '\e1115';
|
|
$glyph-icon-plot-overlay: '\e1116';
|
|
$glyph-icon-plot-stacked: '\e1117';
|
|
$glyph-icon-session: '\e1118';
|
|
$glyph-icon-tabular: '\e1119';
|
|
$glyph-icon-tabular-lad: '\e1120';
|
|
$glyph-icon-tabular-lad-set: '\e1121';
|
|
$glyph-icon-tabular-realtime: '\e1122';
|
|
$glyph-icon-tabular-scrolling: '\e1123';
|
|
$glyph-icon-telemetry: '\e1124';
|
|
$glyph-icon-telemetry-panel: '\e1125';
|
|
$glyph-icon-timeline: '\e1126';
|
|
$glyph-icon-timer: '\e1127';
|
|
$glyph-icon-topic: '\e1128';
|
|
$glyph-icon-box-with-dashed-lines: '\e1129';
|
|
|
|
/************************** 16 PX CLASSES */
|
|
|
|
.icon-alert-rect { @include glyphBefore($glyph-icon-alert-rect); }
|
|
.icon-alert-triangle { @include glyphBefore($glyph-icon-alert-triangle); }
|
|
.icon-arrow-down { @include glyphBefore($glyph-icon-arrow-down); }
|
|
.icon-arrow-left { @include glyphBefore($glyph-icon-arrow-left); }
|
|
.icon-arrow-right { @include glyphBefore($glyph-icon-arrow-right); }
|
|
.icon-arrow-double-up { @include glyphBefore($glyph-icon-arrow-double-up); }
|
|
.icon-arrow-tall-up { @include glyphBefore($glyph-icon-arrow-tall-up); }
|
|
.icon-arrow-tall-down { @include glyphBefore($glyph-icon-arrow-tall-down); }
|
|
.icon-arrow-double-down { @include glyphBefore($glyph-icon-arrow-double-down); }
|
|
.icon-arrow-up { @include glyphBefore($glyph-icon-arrow-up); }
|
|
.icon-asterisk { @include glyphBefore($glyph-icon-asterisk); }
|
|
.icon-bell { @include glyphBefore($glyph-icon-bell); }
|
|
.icon-box { @include glyphBefore($glyph-icon-box); }
|
|
.icon-box-with-arrow { @include glyphBefore($glyph-icon-box-with-arrow); }
|
|
.icon-check { @include glyphBefore($glyph-icon-check); }
|
|
.icon-connectivity { @include glyphBefore($glyph-icon-connectivity); }
|
|
.icon-database-in-brackets { @include glyphBefore($glyph-icon-database-in-brackets); }
|
|
.icon-eye-open { @include glyphBefore($glyph-icon-eye-open); }
|
|
.icon-gear { @include glyphBefore($glyph-icon-gear); }
|
|
.icon-hourglass { @include glyphBefore($glyph-icon-hourglass); }
|
|
.icon-info { @include glyphBefore($glyph-icon-info); }
|
|
.icon-link { @include glyphBefore($glyph-icon-link); }
|
|
.icon-lock { @include glyphBefore($glyph-icon-lock); }
|
|
.icon-minus { @include glyphBefore($glyph-icon-minus); }
|
|
.icon-people { @include glyphBefore($glyph-icon-people); }
|
|
.icon-person { @include glyphBefore($glyph-icon-person); }
|
|
.icon-plus { @include glyphBefore($glyph-icon-plus); }
|
|
.icon-trash { @include glyphBefore($glyph-icon-trash); }
|
|
.icon-x { @include glyphBefore($glyph-icon-x); }
|
|
.icon-brackets { @include glyphBefore($glyph-icon-brackets); }
|
|
.icon-arrows-out { @include glyphBefore($glyph-icon-arrows-out); }
|
|
.icon-arrows-right-left { @include glyphBefore($glyph-icon-arrows-right-left); }
|
|
.icon-arrows-up-down { @include glyphBefore($glyph-icon-arrows-up-down); }
|
|
.icon-bullet { @include glyphBefore($glyph-icon-bullet); }
|
|
.icon-calendar { @include glyphBefore($glyph-icon-calendar); }
|
|
.icon-chain-links { @include glyphBefore($glyph-icon-chain-links); }
|
|
.icon-collapse-pane-left { @include glyphBefore($glyph-icon-collapse-pane-left); }
|
|
.icon-collapse-pane-right { @include glyphBefore($glyph-icon-collapse-pane-right); }
|
|
.icon-download { @include glyphBefore($glyph-icon-download); }
|
|
.icon-duplicate { @include glyphBefore($glyph-icon-duplicate); }
|
|
.icon-folder-new { @include glyphBefore($glyph-icon-folder-new); }
|
|
.icon-fullscreen-collapse { @include glyphBefore($glyph-icon-fullscreen-collapse); }
|
|
.icon-fullscreen-expand { @include glyphBefore($glyph-icon-fullscreen-expand); }
|
|
.icon-layers { @include glyphBefore($glyph-icon-layers); }
|
|
.icon-line-horz { @include glyphBefore($glyph-icon-line-horz); }
|
|
.icon-magnify { @include glyphBefore($glyph-icon-magnify); }
|
|
.icon-magnify-in { @include glyphBefore($glyph-icon-magnify-in); }
|
|
.icon-magnify-out { @include glyphBefore($glyph-icon-magnify-out); }
|
|
.icon-menu-hamburger { @include glyphBefore($glyph-icon-menu-hamburger); }
|
|
.icon-move { @include glyphBefore($glyph-icon-move); }
|
|
.icon-new-window { @include glyphBefore($glyph-icon-new-window); }
|
|
.icon-paint-bucket { @include glyphBefore($glyph-icon-paint-bucket); }
|
|
.icon-pause { @include glyphBefore($glyph-icon-pause); }
|
|
.icon-pencil { @include glyphBefore($glyph-icon-pencil); }
|
|
.icon-play { @include glyphBefore($glyph-icon-play); }
|
|
.icon-plot-resource { @include glyphBefore($glyph-icon-plot-resource); }
|
|
.icon-pointer-left { @include glyphBefore($glyph-icon-pointer-left); }
|
|
.icon-pointer-right { @include glyphBefore($glyph-icon-pointer-right); }
|
|
.icon-refresh { @include glyphBefore($glyph-icon-refresh); }
|
|
.icon-save { @include glyphBefore($glyph-icon-save); }
|
|
.icon-sine { @include glyphBefore($glyph-icon-sine); }
|
|
.icon-T { @include glyphBefore($glyph-icon-T); }
|
|
.icon-thumbs-strip { @include glyphBefore($glyph-icon-thumbs-strip); }
|
|
.icon-two-parts-both { @include glyphBefore($glyph-icon-two-parts-both); }
|
|
.icon-two-parts-one-only { @include glyphBefore($glyph-icon-two-parts-one-only); }
|
|
.icon-resync { @include glyphBefore($glyph-icon-resync); }
|
|
.icon-reset { @include glyphBefore($glyph-icon-reset); }
|
|
.icon-x-in-circle { @include glyphBefore($glyph-icon-x-in-circle); }
|
|
.icon-brightness { @include glyphBefore($glyph-icon-brightness); }
|
|
.icon-contrast { @include glyphBefore($glyph-icon-contrast); }
|
|
.icon-expand { @include glyphBefore($glyph-icon-expand); }
|
|
.icon-list-view { @include glyphBefore($glyph-icon-list-view); }
|
|
.icon-activity { @include glyphBefore($glyph-icon-activity); }
|
|
.icon-activity-mode { @include glyphBefore($glyph-icon-activity-mode); }
|
|
.icon-autoflow-tabular { @include glyphBefore($glyph-icon-autoflow-tabular); }
|
|
.icon-clock { @include glyphBefore($glyph-icon-clock); }
|
|
.icon-database { @include glyphBefore($glyph-icon-database); }
|
|
.icon-database-query { @include glyphBefore($glyph-icon-database-query); }
|
|
.icon-dataset { @include glyphBefore($glyph-icon-dataset); }
|
|
.icon-datatable { @include glyphBefore($glyph-icon-datatable); }
|
|
.icon-dictionary { @include glyphBefore($glyph-icon-dictionary); }
|
|
.icon-folder { @include glyphBefore($glyph-icon-folder); }
|
|
.icon-image { @include glyphBefore($glyph-icon-image); }
|
|
.icon-layout { @include glyphBefore($glyph-icon-layout); }
|
|
.icon-object { @include glyphBefore($glyph-icon-object); }
|
|
.icon-object-unknown { @include glyphBefore($glyph-icon-object-unknown); }
|
|
.icon-packet { @include glyphBefore($glyph-icon-packet); }
|
|
.icon-page { @include glyphBefore($glyph-icon-page); }
|
|
.icon-plot-overlay { @include glyphBefore($glyph-icon-plot-overlay); }
|
|
.icon-plot-stacked { @include glyphBefore($glyph-icon-plot-stacked); }
|
|
.icon-session { @include glyphBefore($glyph-icon-session); }
|
|
.icon-tabular { @include glyphBefore($glyph-icon-tabular); }
|
|
.icon-tabular-lad { @include glyphBefore($glyph-icon-tabular-lad); }
|
|
.icon-tabular-lad-set { @include glyphBefore($glyph-icon-tabular-lad-set); }
|
|
.icon-tabular-realtime { @include glyphBefore($glyph-icon-tabular-realtime); }
|
|
.icon-tabular-scrolling { @include glyphBefore($glyph-icon-tabular-scrolling); }
|
|
.icon-telemetry { @include glyphBefore($glyph-icon-telemetry); }
|
|
.icon-telemetry-panel { @include glyphBefore($glyph-icon-telemetry-panel); }
|
|
.icon-timeline { @include glyphBefore($glyph-icon-timeline); }
|
|
.icon-timer { @include glyphBefore($glyph-icon-timer); }
|
|
.icon-topic { @include glyphBefore($glyph-icon-topic); }
|
|
.icon-box-with-dashed-lines { @include glyphBefore($glyph-icon-box-with-dashed-lines); }
|
|
|
|
/************************** 12 PX CLASSES */
|
|
|
|
.icon-eye-open-12px { @include glyphBefore($glyph-icon-eye-open,'symbolsfont-12px'); }
|
|
.icon-collapse-pane-left-12px { @include glyphBefore($glyph-icon-collapse-pane-left,'symbolsfont-12px'); }
|
|
.icon-collapse-pane-right-12px { @include glyphBefore($glyph-icon-collapse-pane-right,'symbolsfont-12px'); }
|
|
.icon-folder-12px { @include glyphBefore($glyph-icon-folder,'symbolsfont-12px'); }
|