furk4ngg/keppler
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[update] Add differences toggle

Browse Source
This commit is contained in:
brunosimon
2016-08-15 23:38:19 +02:00
parent 5ac57d4c4f
commit f248558f60
3 changed files with 24 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/public/javascript/controllers/project.js
+11 -1
View File
@@ -29,7 +29,12 @@ application.controller(
$scope.always_last_version = !$scope.always_last_version;
};
$scope.mark_all_as_read = function()
$scope.show_differences_toggle_click = function()
{
$scope.show_differences = !$scope.show_differences;
};
$scope.mark_all_as_read_click = function()
{
// Each file
for( var _file_key in project.files )
@@ -74,6 +79,8 @@ application.controller(
version.active = true;
$scope.version = version;
$scope.file.notif = 0;
};
$scope.init = function( project_slug )
@@ -103,6 +110,8 @@ application.controller(
$scope.version = data.version;
$scope.version.active = true;
$scope.file.notif = 0;
} );
}
}
@@ -111,6 +120,7 @@ application.controller(
$scope.project = project;
$scope.file = null;
$scope.always_last_version = true;
$scope.show_differences = true;
$scope.version = null;
}
]
site/public/stylesheets/style.css
+7 -3
View File
@@ -32,7 +32,10 @@ section.page-project .aside .aside-header {padding:10px;background:#3b3f4e;}
section.page-project .aside .aside-header .always-last-version-toggle {cursor:pointer;}
section.page-project .aside .aside-header .always-last-version-toggle .switch {display:inline-block;width:12px;height:12px;border:1px solid #f1f5ff;}
section.page-project .aside .aside-header .always-last-version-toggle.active .switch {background:#f1f5ff;}
section.page-project .aside .aside-tree {position:absolute;top:48px;left:0;bottom:0;width:100%;overflow:auto;}
section.page-project .aside .aside-header .show-differences-toggle {cursor:pointer;}
section.page-project .aside .aside-header .show-differences-toggle .switch {display:inline-block;width:12px;height:12px;border:1px solid #f1f5ff;}
section.page-project .aside .aside-header .show-differences-toggle.active .switch {background:#f1f5ff;}
section.page-project .aside .aside-tree {position:absolute;top:76px;left:0;bottom:0;width:100%;overflow:auto;}
section.page-project section.main {position:absolute;top:0;right:0;bottom:0;left:240px;}
section.page-project section.no-file {position:absolute;top:0;right:0;bottom:0;left:0;}
section.page-project section.file {position:absolute;top:0;right:0;bottom:0;left:0;}
@@ -45,8 +48,9 @@ section.page-project section.file .code pre {position:relative;overflow:hidden;}
section.page-project section.file .code pre code {line-height:20px;font-family:monospace;}
section.page-project section.file .code pre code.lines {position:absolute;top:0;left:0;width:38px;padding:0.5em;opacity:0.2;}
section.page-project section.file .code pre code.hljs {margin-left:38px;}
section.page-project section.file .code pre code.differences {position:absolute;top:0;left:38px;padding:0.5em;}
section.page-project section.file .code pre code.differences .value {opacity:0.4;}
section.page-project section.file .code pre code.differences {position:absolute;top:0;left:38px;padding:0.5em;pointer-events:none;}
section.page-project section.file .code pre code.differences.inactive {display:none;}
section.page-project section.file .code pre code.differences .value {visibility:hidden;}
section.page-project section.file .code pre code.differences span.removed {display:none;border:1px solid red;}
section.page-project section.file .code pre code.differences span.removed .value {display:none;}
section.page-project section.file .code pre code.differences span.added {border:1px solid #b0ea23;background:rgba(176, 234, 35, 0.1);}