Skip to content
This repository has been archived by the owner on Jun 27, 2019. It is now read-only.

Commit

Permalink
Create top menu bar
Browse files Browse the repository at this point in the history 
Signed-off-by: Bruno Bottazzini <bruno.bottazzini@intel.com>
  • Loading branch information
Bruno Bottazzini committed Apr 15, 2016
1 parent 5f16237 commit 4db48f4
Show file tree
Hide file tree
Showing 18 changed files with 205 additions and 151 deletions.
3 changes: 2 additions & 1 deletion bower.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,8 @@
"jquery-ui": "~1.11.4",
"jstree-directive": "~0.1.5",
"ng-context-menu": "~1.0.3",
"underscore": "~1.8.3"
"underscore": "~1.8.3",
"angular-material": "~1.0.7"
},
"resolutions": {
"angular-datatables": "~0.5.4",
Expand Down
165 changes: 32 additions & 133 deletions client/css/app.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -184,155 +184,33 @@ iframe{
font-size: 14px !important;
}

.button_schema_on {
background-color: white;
background-repeat: no-repeat;
width:61px;
height:45px;
border: 0;
position: relative;
bottom: 0;
outline: 0;
}

.button_code_on {
background:url(../imgs/code_on.png);
background-repeat: no-repeat;
width:41px;
height:45px;
border: 0;
position: relative;
bottom: -17;
outline: 0;
}

.button_code_off {
background:url(../imgs/code_off.png);
background-repeat: no-repeat;
width:41px;
height:45px;
border: 0;
position: relative;
bottom: -17;
outline: 0;
}

.button_svg_on {
background:url(../imgs/graph_on.png);
background-repeat: no-repeat;
width:41px;
height:45px;
border: 0;
position: relative;
bottom: -17;
outline: 0;
}

.button_svg_off {
background:url(../imgs/graph_off.png);
background-repeat: no-repeat;
width:41px;
height:45px;
border: 0;
position: relative;
bottom: -17;
outline: 0;
}

.button_lib_on {
background:url(../imgs/tree_view_on.png);
background-repeat: no-repeat;
width:41px;
height:45px;
border: 0;
position: relative;
bottom: -17;
outline: 0;
}

.button_lib_off {
background:url(../imgs/tree_view_off.png);
background-repeat: no-repeat;
width:41px;
height:45px;
border: 0;
position: relative;
bottom: -17;
outline: 0;
}

.button_save_on {
background:url(../imgs/button_save_en.png);
background-repeat: no-repeat;
width:41px;
height:45px;
border: 0;
position: relative;
bottom: -17;
outline: 0;
}

.button_save_off {
background:url(../imgs/button_save_dis.png);
background-repeat: no-repeat;
width:41px;
height:45px;
border: 0;
position: relative;
bottom: -17;
outline: 0;
}

.button_login_on {
background:url(../imgs/login_on.png);
background-repeat: no-repeat;
width:231px;
height:45px;
border: 0;
position: relative;
bottom: -17;
outline: 0;
}

.button_login_off {
background:url(../imgs/login_off.png);
background-repeat: no-repeat;
width:231px;
height:45px;
border: 0;
position: relative;
bottom: -17;
outline: 0;
float: right;
}

.button_run_off {
background:url(../imgs/button_run_off.png);
background-repeat: no-repeat;
width:40px;
height:45px;
width:78px;
height:32px;
outline: 0;
margin-top: -10px;
margin-top: -5px;
margin-left: 5px;
}

.button_run_on {
background:url(../imgs/button_run_on.png);
background-repeat: no-repeat;
width:40px;
height:45px;
width:78px;
height:32px;
outline: 0;
margin-top: -10px;
margin-top: -5px;
margin-left: 5px;
}

.button_stop {
background:url(../imgs/button_stop.png);
background-repeat: no-repeat;
width:40px;
height:45px;
width:78px;
height:32px;
outline: 0;
margin-top: -10px;
margin-top: -5px;
margin-left: 5px;
}

Expand Down Expand Up @@ -377,7 +255,7 @@ iframe{
.button_lib_off{
bottom:3;
}

}
.serviceStatus{
margin-top: -60px;
}
Expand All @@ -387,4 +265,25 @@ iframe{
.button_save_off{
bottom:3;
}
}

.menuBardemoBasicUsage .page-container {
padding: 32px;
}

.menuBardemoBasicUsage .page {
margin: 0 auto;
padding: 24px;
max-width: 680px;
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}

.menuBardemoBasicUsage .page h1 {
text-align: center;
font-size: 1.8rem;
margin-top: 0;
font-weight: normal;
}

.menuBardemoBasicUsage .page p {
line-height: 1.6rem;
}
Binary file added client/imgs/bg_header.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed client/imgs/button_commit.png
View file
Binary file not shown.
Binary file modified client/imgs/button_run_off.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified client/imgs/button_run_on.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified client/imgs/button_stop.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed client/imgs/button_sync.png
View file
Binary file not shown.
Binary file removed client/imgs/code_off.png
View file
Binary file not shown.
Binary file removed client/imgs/code_on.png
View file
Binary file not shown.
Binary file added client/imgs/conf_arrow.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed client/imgs/graph_off.png
View file
Binary file not shown.
Binary file removed client/imgs/graph_on.png
View file
Binary file not shown.
Binary file removed client/imgs/tree_view_off.png
View file
Binary file not shown.
Binary file removed client/imgs/tree_view_on.png
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion client/js/app.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@

(function() {
'use strict';
window.app = angular.module('soletta-devapp', ['ngRoute', 'jsTree.directive', 'hljs', 'ngLoadScript',
window.app = angular.module('soletta-devapp', ['ngMaterial', 'ngAria', 'ngRoute', 'jsTree.directive', 'hljs', 'ngLoadScript',
'angularSpinner','datatables', 'ui.ace', 'ng-context-menu', 'ui.bootstrap.collapse']).
config(['$routeProvider',
function($routeProvider) {
Expand Down
64 changes: 64 additions & 0 deletions client/js/controllers/editor.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@
var schemaDiag;
var filePath;
var isLeaf;
$scope.clipboard = "";
$scope.syntaxCheckRefreshPeriod = 1100;
$scope.runConf = false;
$scope.loginConf = false;
Expand All @@ -46,6 +47,9 @@
$scope.startServiceStatus();
}
});
$scope.showhideCode = "Hide Code Viewer";
$scope.showhideFlow = "Hide Flow Viewer";
$scope.showhideProject = "Hide Project Viewer";
$scope.libChecked = true;
$scope.codeChecked = true;
$scope.svgChecked = true;
Expand Down Expand Up @@ -783,6 +787,66 @@
}
};

this.menuAction = function(name, ev) {
switch(name) {
case "file.projectnew":
$scope.createProject();
break;
case "file.folder":
$scope.newFolder();
break;
case "file.new":
$scope.newFile();
break;
case "file.save":
$scope.saveFileManually();
break;
case "file.remove":
$scope.remove();
break;
case "edit.undo":
editor.session.getUndoManager().undo();
break;
case "edit.redo":
editor.session.getUndoManager().redo();
break;
case "edit.copy":
$scope.clipboard = editor.getCopyText();
console.log($scope.clipboard);
break;
case "edit.paste":
editor.insert($scope.clipboard, true);
break;
case "edit.selectall":
editor.selectAll();
break;
case "view.code":
$scope.codeChecked = !$scope.codeChecked;
if ($scope.codeChecked) {
$scope.showhideCode = "Hide Code Viewer";
} else {
$scope.showhideCode = "Show Code Viewer";
}
break;
case "view.flow":
$scope.svgChecked = !$scope.svgChecked;
if ($scope.svgChecked) {
$scope.showhideFlow = "Hide Flow Viewer";
} else {
$scope.showhideFlow = "Show Flow Viewer";
}
break;
case "view.project":
$scope.libChecked = !$scope.libChecked;
if ($scope.libChecked) {
$scope.showhideProject = "Hide Project Viewer";
} else {
$scope.showhideProject = "Show Project Viewer";
}
break;
}
};

$scope.processLoginClass = function () {
if (!$scope.loginConf) {
return "disable_div";
Expand Down
Loading

0 comments on commit 4db48f4

Please sign in to comment.