function showForm(reqObj) {
var data = reqObj.method === 'GET' ? reqObj.receivedData : reqObj.sentData;
- $scope.rootBroadcast('YANGMAN_SET_ERROR_DATA', reqObj.receivedData.hasOwnProperty('errors') ? reqObj.receivedData : {});
+ $scope.rootBroadcast('YANGMAN_SET_ERROR_DATA',
+ reqObj.receivedData && reqObj.receivedData.hasOwnProperty('errors') ? reqObj.receivedData : {});
$scope.rootBroadcast('YANGMAN_FILL_NODE_FROM_REQ', { requestUrl: reqObj.path, requestData: data },
function (){
$scope.unsetPlugin = unsetPlugin;
$scope.setCMHintShown = setCMHintShown;
-
- $scope.$on('YANGMAN_EXECUTING_REQUEST_PROGRESS_START', startExecutingRequestProgress);
- $scope.$on('YANGMAN_EXECUTING_REQUEST_PROGRESS_STOP', stopExecutingRequestProgress);
-
-
init();
function setCMHintShown(shown) {
* Initialization
*/
function init(){
+ $scope.$on('YANGMAN_EXECUTING_REQUEST_PROGRESS_START', startExecutingRequestProgress);
+ $scope.$on('YANGMAN_EXECUTING_REQUEST_PROGRESS_STOP', stopExecutingRequestProgress);
+
YangmanDesignService.hideMainMenu();
YangmanDesignService.setDraggableLeftPanel();
YangmanDesignService.setJsonSplitter(forceCMsRefresh);
EventDispatcherService.registerHandler(constants.EV_FILL_PATH, fillPathIdentifiersByKey);
EventDispatcherService.registerHandler(constants.EV_LIST_CHANGED, fillPathIdentifiersByListData);
-
}
/**
}
}
+ // TODO :: description
function modulesTreeDisplayed() {
return main.selectedMainTab === 0;
}
function setApi(api, subApi, setUrl){
$scope.selectedApi = api;
$scope.selectedSubApi = subApi;
- PathUtilsService.clearPath($scope.selectedSubApi.pathArray);
+
+ if ( subApi ) {
+ PathUtilsService.clearPath($scope.selectedSubApi.pathArray);
+ }
+
$scope.$broadcast('SET_SEL_OPERATIONS', subApi ? $scope.selectedSubApi.operations : [], setUrl);
}
<md-list ng-show="collection.expanded" class="yangmanModule__requests-list__collection__requests">
<div ng-repeat="request in collection.data"
layout="row"
+ class="yangmanModule__requests-list__item-container"
ng-include src="globalViewPath + 'leftpanel/request-item.tpl.html'">
</div>
</md-list>
<md-list>
<div ng-repeat="request in group.requests | filter: reqList.filterReq | orderBy: '-timestamp' track by $index"
layout="row"
+ class="yangmanModule__requests-list__item-container"
ng-include src="globalViewPath + 'leftpanel/request-item.tpl.html'">
</div>
</md-list>
<md-icon md-font-set="material-icons" class="top-icon top-element">
{{module.expanded ? 'keyboard_arrow_down':'keyboard_arrow_right'}}
</md-icon>
- <p flex class="top-element"> {{module.label}} </p>
+ <p flex class="top-element" md-highlight-text="modulesList.search"> {{module.label}} </p>
</div>
<!-- Datastore && rpc -->
<!-- /request row -->
<!-- request submenu -->
-<md-menu class="yangmanModule__requests-list__group__itemMenu" md-offset="35 15" layout-align="center start">
+<md-menu class="yangmanModule__requests-list__group__itemMenu"
+ md-offset="35 15"
+ layout-align="center start"
+ ng-class="{selected: request.selected}">
+
<md-button aria-label="menu" class="md-primary" ng-click="$mdOpenMenu()">
<i class="material-icons">menu</i>
</md-button>
+
<md-menu-content class="reqMenu">
<md-menu-item>
<md-button aria-label="{{'YANGMAN_REQ_RUN'| translate}}" class="" ng-click="reqList.executeRequest(request)">
@reqMethodPost: #ea9c30;
@reqMethodDelete: #eabb2f;
@reqError: #ff0000;
+@darkBlueColor: rgb(33,150,243);
// helpers
.pointer{
}
.highlight{
- color: @fontHighlight;
+ color: @darkBlueColor;
}
md-tabs-content-wrapper{
top: 0!important;
padding-top: 0;
}
+ &__item-container{
+ position: relative;
+ }
+
&__group{
padding: 0!important;
&__item{
+ &.selected{
+ background-color: @colorActive;
+
+ .yangmanModule__requests-list__group__item__path{
+ color: #fff;
+ }
+
+ .yangmanModule__requests-list__group__item__method{
+ .GET, .PUT, .POST, .DELETE, .error{
+ color: #fff;
+ }
+ }
+ }
+
&__path{
white-space: -webkit-pre-wrap; /*Chrome & Safari */
word-break: break-all;
white-space: normal;
line-height: 18px;
color: @fontColor;
+ padding: 5px 0;
p{
- padding-right: 9px;
+ padding: 0 9px;
}
}
}
&__itemMenu{
- position: relative;
- margin-left: -52px;
- padding-top: 0;
+ position: absolute;
+ top: 50%;
+ margin: -20px 0 0 0;
+ right: 5px;
+ padding: 0;
+
+ &.selected{
+ > button{
+ i.material-icons{
+ color: #fff;
+ }
+ }
+ }
> button{
min-width: 0;