Change-Id: I49b0ec03a26356984969eff2ff42186af993350c
Signed-off-by: Stanislav Jamrich <sjamrich@cisco.com>
-<section ng-controller="ModulesListCtrl as modulesList" class="h100">
+<section ng-cloak ng-controller="ModulesListCtrl as modulesList" class="h100">
- <section class="yangmanModule__left-panel__search" ng-hide="modulesList.showLoadingBox">
+ <section class="yangmanModule__left-panel__search">
<md-input-container layout="row" md-no-float class="modules-list-search">
<md-icon class="material-icons">search</md-icon>
<input class="ng-pristine ng-valid ng-touched"
<md-input-container layout="row" md-no-float class="modules-list-search">
<md-icon class="material-icons">search</md-icon>
<input class="ng-pristine ng-valid ng-touched"
<md-list ng-cloak class="yangmanModule__modules-list scrollableY">
<!-- Loading box -->
<md-list ng-cloak class="yangmanModule__modules-list scrollableY">
<!-- Loading box -->
- <div class="yangmanModule__left-panel__loading-container" ng-show="modulesList.showLoadingBox">
- <md-progress-linear md-mode="query"></md-progress-linear>
- <div class="bottom-block">
- <span>{{ 'YANGMAN_LOADING_MODULES' | translate }}</span>
- </div>
- </div>
+ <!--<div class="yangmanModule__left-panel__loading-container" ng-show="modulesList.showLoadingBox">-->
+ <!--<md-progress-linear md-mode="query"></md-progress-linear>-->
+ <!--<div class="bottom-block">-->
+ <!--<span>{{ 'YANGMAN_LOADING_MODULES' | translate }}</span>-->
+ <!--</div>-->
+ <!--</div>-->
+ <md-progress-linear md-mode="indeterminate" ng-show="modulesList.showLoadingBox"></md-progress-linear>
<!-- Mount point title -->
<section ng-show="modulesList.moduleListTitle.length">
<!-- Mount point title -->
<section ng-show="modulesList.moduleListTitle.length">
<!-- Header -->
<section md-whiteframe="1"
class="yangmanModule__right-panel__header"
<!-- Header -->
<section md-whiteframe="1"
class="yangmanModule__right-panel__header"
-style="margin-bottom: 0px!important;"
- ng-include src="globalViewPath + 'rightpanel/request-header.tpl.html'"></section>
+ style="margin-bottom: 0px!important;"
+ ng-include src="globalViewPath + 'rightpanel/request-header.tpl.html'">
+</section>
-<section class="yangmanModule__right-panel__request-progress">
- <div class="yangmanModule__right-panel__request-progress__loading-container" ng-show="main.executingRequestProgress">
- <md-progress-linear md-mode="query"></md-progress-linear>
- <div class="bottom-block">
- <span>{{ 'YANGMAN_EXECUTING_REQUEST' | translate }}...</span>
- </div>
- </div>
-</section>
+<!--<section class="yangmanModule__right-panel__request-progress">-->
+ <!--<div class="yangmanModule__right-panel__request-progress__loading-container">-->
+ <!--<md-progress-linear md-mode="query"></md-progress-linear>-->
+ <!--<div class="bottom-block">-->
+ <!--<span>{{ 'YANGMAN_EXECUTING_REQUEST' | translate }}...</span>-->
+ <!--</div>-->
+ <!--</div>-->
+<!--</section>-->
<!-- Form section -->
<section class="yangmanModule__right-panel__form bottom-content"
<!-- Form section -->
<section class="yangmanModule__right-panel__form bottom-content"
- ng-show="rightPanelSection === 'form' && !main.executingRequestProgress"
+ ng-show="rightPanelSection === 'form'"
ng-if="node"
ng-controller="YangFormCtrl as yangForm">
<div ng-show="yangForm.errorMsg"><p class="error">{{ yangForm.errorMsg }}</p></div>
ng-if="node"
ng-controller="YangFormCtrl as yangForm">
<div ng-show="yangForm.errorMsg"><p class="error">{{ yangForm.errorMsg }}</p></div>
<!-- JSON section -->
<section class="yangmanModule__right-panel__req-data bottom-content"
<!-- JSON section -->
<section class="yangmanModule__right-panel__req-data bottom-content"
- ng-show="rightPanelSection === 'req-data' && !main.executingRequestProgress">
+ ng-cloak
+ ng-show="rightPanelSection === 'req-data'">
<!-- Sent data -->
<div ng-controller="RequestDataCtrl as requestData"
<!-- Sent data -->
<div ng-controller="RequestDataCtrl as requestData"
</md-content>
</section>
</md-content>
</md-content>
</section>
</md-content>
+<md-progress-linear md-mode="indeterminate" ng-show="main.executingRequestProgress"></md-progress-linear>
.bottom-content{
height: calc(~'100% - 195px');
overflow-y: auto;
.bottom-content{
height: calc(~'100% - 195px');
overflow-y: auto;
.codemirror-container{
height: 100%;
.codemirror-container{
height: 100%;
+ md-progress-linear{
+ margin-top: -5px;
+ }
+
md-input-container{
margin: 0;
}
md-input-container{
margin: 0;
}
- &__request-progress{
-
- margin-top: 12px;
- margin-bottom: 12px;
-
- &__loading-container {
- display: block;
- position: relative;
- border: 2px solid @infoBoxBorderColor;
- transition: opacity 0.1s linear;
- border-top: 0px;
- margin: 0;
-
- .bottom-block {
- display: block;
- position: relative;
- background-color: @infoBoxBackColor;
- height: 85px;
-
- > span {
- display: inline-block;
- margin-top: 10px;
- padding: 25px;
- font-size: 0.9em;
- }
- }
- }
- }
-