diff --git a/src/app/appmarket/admin/configuration/details/configurationdetails.component.html b/src/app/appmarket/admin/configuration/details/configurationdetails.component.html index 88eab2f854b50262c29235fa6f525437813ef728..8b2772bd8dd4ce52531e59c63e81c4332c4f15d1 100644 --- a/src/app/appmarket/admin/configuration/details/configurationdetails.component.html +++ b/src/app/appmarket/admin/configuration/details/configurationdetails.component.html @@ -68,12 +68,12 @@ [(ngModel)]="configuration.appInstanceFailureEmailList[i]"/> </div> - <button role="button" type="button" class="btn btn-default" (click)="removeEmailEntry(email)"> + <button role="button" type="button" class="btn btn-danger" (click)="removeEmailEntry(email)"> Remove </button> </div> <div class="pd-left-15"> - <button role="button" type="button" class="btn btn-success" (click)="addEmailEntry()">Add + <button role="button" type="button" class="btn btn-secondary" (click)="addEmailEntry()">Add </button> </div> </div> @@ -107,9 +107,11 @@ [checked]="this.configuration.bulkDomainsSendEmailForNewAccounts === true"> </div> </div> + <div class="flex justify-content-end"> + <button class="btn btn-primary" + type="submit">{{ 'PORTAL_CONFIGURATION.SUBMIT_BUTTON' | translate }}</button> + </div> - <button class="btn btn-primary" - type="submit">{{ 'PORTAL_CONFIGURATION.SUBMIT_BUTTON' | translate }}</button> <div class="alert alert-danger" style="margin-top: 5px" *ngIf="errorMsg"> {{errorMsg}} </div> diff --git a/src/app/appmarket/admin/languagemanagement/languagedetails/languagedetails.component.html b/src/app/appmarket/admin/languagemanagement/languagedetails/languagedetails.component.html index 8916eb8f49035e509d9f32b3174ba4a60281f219..ea34b0aed3d99fa3eac1f1f7f258f9b5956dfeb7 100644 --- a/src/app/appmarket/admin/languagemanagement/languagedetails/languagedetails.component.html +++ b/src/app/appmarket/admin/languagemanagement/languagedetails/languagedetails.component.html @@ -40,18 +40,22 @@ </ng-template> <tr> <td><input [(ngModel)]="newNestedKeys[ix][i]" name="newNestedElementKey" /></td> - <td><input [(ngModel)]="newNestedValues[ix][i]" name="newNestedElementValue" /></td> + <td><input [(ngModel)]="newNestedValues[ix][i]" name="newNestedElementValue" /> + <button class="btn btn-primary ml-4" (click)="handleAddingNewElements(languageContent[key][innerKey], ix, i)">{{'LANGUAGE_MANAGEMENT.ADD_NEW_ITEM_BUTTON' | translate }}</button> + </td> </tr> - <button class="btn btn-primary" (click)="handleAddingNewElements(languageContent[key][innerKey], ix, i)">{{'LANGUAGE_MANAGEMENT.ADD_NEW_ITEM_BUTTON' | translate }}</button> + </tbody> </table> </tr> </ng-template> <tr> <td><input [(ngModel)]="newKeys[ix]" name="newElementKey" /></td> - <td><input [(ngModel)]="newValues[ix]" name="newElementValue" /></td> + <td><input [(ngModel)]="newValues[ix]" name="newElementValue" /> + <button class="btn btn-primary ml-4" (click)="handleAddingNewElements(languageContent[key], ix, undefined)">{{'LANGUAGE_MANAGEMENT.ADD_NEW_ITEM_BUTTON' | translate }}</button> + </td> </tr> - <button class="btn btn-primary" (click)="handleAddingNewElements(languageContent[key], ix, undefined)">{{'LANGUAGE_MANAGEMENT.ADD_NEW_ITEM_BUTTON' | translate }}</button> + </tbody> </table> <div class="alert alert-danger" *ngIf="errorMsg && !hide[ix]"> @@ -121,8 +125,10 @@ </div> </ng-template> </div> +<div class="flex justify-content-end"> + <button class="btn btn-primary" *ngIf="language" (click)="saveChanges()">{{'LANGUAGE_MANAGEMENT.SUBMIT_BUTTON' | translate }}</button> +</div> -<button class="btn btn-primary" *ngIf="language" (click)="saveChanges()">{{'LANGUAGE_MANAGEMENT.SUBMIT_BUTTON' | translate }}</button> <div class="alert alert-danger" *ngIf="formErrorMsg" style="margin-top: 10px;"> {{formErrorMsg}} diff --git a/src/app/appmarket/admin/languagemanagement/languagelist/languagelist.component.html b/src/app/appmarket/admin/languagemanagement/languagelist/languagelist.component.html index bef7233b0d44018cc324e3a429b2a10ff1035932..fb9fcc5dce55c757cd218532db961cea45ee2c53 100644 --- a/src/app/appmarket/admin/languagemanagement/languagelist/languagelist.component.html +++ b/src/app/appmarket/admin/languagemanagement/languagelist/languagelist.component.html @@ -52,6 +52,6 @@ {{'LANGUAGE_MANAGEMENT.LANGUAGE_ERROR' | translate}} </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="modal.hide()">{{'LANGUAGE_MANAGEMENT.MODAL.CLOSE_BUTTON' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="modal.hide()">{{'LANGUAGE_MANAGEMENT.MODAL.CLOSE_BUTTON' | translate}}</button> </div> </nmaas-modal> diff --git a/src/app/appmarket/admin/monitor/details/monitor-details.component.html b/src/app/appmarket/admin/monitor/details/monitor-details.component.html index a9b8e7c06361aad9acddf8a4b7889121f7a8cfdc..2e0a86e0866b612a8dc6bc0486481a8c44f673ff 100644 --- a/src/app/appmarket/admin/monitor/details/monitor-details.component.html +++ b/src/app/appmarket/admin/monitor/details/monitor-details.component.html @@ -36,9 +36,11 @@ <div class="alert alert-danger" *ngIf="errMsg"> {{errMsg}} </div> - <button *ngIf="!isInMode(ComponentMode.VIEW)" [disabled]="!monitorForm.form.valid" type="submit" - class="btn btn-primary">{{'MONITOR_DETAILS.SUBMIT_BUTTON' | translate}}</button> - <button type="button" class="btn btn-danger" [routerLink]="['/admin/monitor']">{{'MONITOR_DETAILS.GO_BACK_BUTTON' | translate}}</button> + <div class="flex justify-content-between"> + <button type="button" class="btn btn-secondary" [routerLink]="['/admin/monitor']">{{'MONITOR_DETAILS.GO_BACK_BUTTON' | translate}}</button> + <button *ngIf="!isInMode(ComponentMode.VIEW)" [disabled]="!monitorForm.form.valid" type="submit" + class="btn btn-primary">{{'MONITOR_DETAILS.SUBMIT_BUTTON' | translate}}</button> + </div> </form> <div *ngIf="!monitorEntry">{{'MONITOR_DETAILS.NOT_FOUND_ERROR' | translate}}</div> -</div> \ No newline at end of file +</div> diff --git a/src/app/appmarket/appdetails/appdetails.component.css b/src/app/appmarket/appdetails/appdetails.component.css index 463297bb0fc616ec9bd1397d2cea1f50d37ae173..59a19d772ba2deb41fa86137484fce97d7b4f1c8 100644 --- a/src/app/appmarket/appdetails/appdetails.component.css +++ b/src/app/appmarket/appdetails/appdetails.component.css @@ -32,10 +32,10 @@ hr{ border: 0; } -.first-button-substitute{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} +/*.first-button-substitute{*/ +/* border-top-right-radius: 0;*/ +/* border-bottom-right-radius: 0;*/ +/*}*/ .disabled-url { pointer-events: none; diff --git a/src/app/appmarket/appdetails/appdetails.component.html b/src/app/appmarket/appdetails/appdetails.component.html index 8a31ad83ea781ec764ab12e53edd80fcbdaea616..4ba9674e295eeb8528aeb7426f08f1dbeea2cf49 100644 --- a/src/app/appmarket/appdetails/appdetails.component.html +++ b/src/app/appmarket/appdetails/appdetails.component.html @@ -60,11 +60,11 @@ pTooltip="{{'APPLICATIONS.TOOLTIP_MESSAGE_SUBSCRIBE' | translate}}" tooltipPosition="bottom" [showDelay]="50" [tooltipDisabled]="defaultTooltipDisabled"> <button class="btn btn-primary" [disabled]="!active || !isApplicationEnabledInDomain()" (click)="subscribe()">{{'APPLICATIONS.SUBSCRIBE_BUTTON' | translate}}</button> </div> - <div *ngIf="subscribed" class="btn-group pull-right" > + <div *ngIf="subscribed" class=" pull-right" > <div class="btn no-padding" pTooltip="{{'APPLICATIONS.TOOLTIP_MESSAGE_DEPLOY' | translate}}" tooltipPosition="bottom" [showDelay]="50" [tooltipDisabled]="defaultTooltipDisabled"> - <button *ngIf="isSubscriptionAllowed()" class="btn btn-primary first-button-substitute" [disabled]="!isApplicationEnabledInDomain()" (click)="appInstallModal.show()">{{'APPLICATIONS.DEPLOY_BUTTON' | translate}}</button> + <button *ngIf="isSubscriptionAllowed()" class="btn btn-primary m-1" [disabled]="!isApplicationEnabledInDomain()" (click)="appInstallModal.show()">{{'APPLICATIONS.DEPLOY_BUTTON' | translate}}</button> </div> - <button *ngIf="isSubscriptionAllowed()" class="btn btn-danger" (click)="unsubscribe()">{{'APPLICATIONS.UNSUBSCRIBE_BUTTON' | translate}}</button> + <button *ngIf="isSubscriptionAllowed()" class="btn btn-danger m-1" (click)="unsubscribe()">{{'APPLICATIONS.UNSUBSCRIBE_BUTTON' | translate}}</button> </div> </div> diff --git a/src/app/appmarket/appinstance/appinstance/appinstance.component.css b/src/app/appmarket/appinstance/appinstance/appinstance.component.css index 12ecd7c998a4d135f430c996cb562214b954c67b..77a5be710f9d54a07eee03a21eee3b19838063a4 100644 --- a/src/app/appmarket/appinstance/appinstance/appinstance.component.css +++ b/src/app/appmarket/appinstance/appinstance/appinstance.component.css @@ -78,7 +78,6 @@ :host ::ng-deep .p-dropdown { width: 200px; } -.ui-dropdown-panel { +.p-dropdown-items { max-height: 150px; - overflow-y: auto; } diff --git a/src/app/appmarket/appinstance/appinstance/appinstance.component.html b/src/app/appmarket/appinstance/appinstance/appinstance.component.html index 394ce52a597a6ea716030cbe9b8aa8485ad9936e..35a1a2a1aba53896f8dd9959defc24925816b35a 100644 --- a/src/app/appmarket/appinstance/appinstance/appinstance.component.html +++ b/src/app/appmarket/appinstance/appinstance/appinstance.component.html @@ -134,6 +134,12 @@ {{'APP_INSTANCE.ENABLE_AUTO_UPGRADES_BUTTON' | translate}} </a> </li> + <li *ngIf="appInstance.autoUpgradesEnabled"> + <a *roles="['ROLE_DOMAIN_ADMIN', 'ROLE_SYSTEM_ADMIN']" + role="button" (click)="this.disableAutoUpgradesModal.show()"> + {{'APP_INSTANCE.DISABLE_AUTO_UPGRADES_BUTTON' | translate}} + </a> + </li> <li *ngIf="appInstance.upgradePossible"> <a *roles="['ROLE_DOMAIN_ADMIN', 'ROLE_SYSTEM_ADMIN']" role="button" (click)="this.appUpgradeModal.show()"> @@ -151,12 +157,6 @@ {{'APP_INSTANCES.MANUAL_UPDATE.HEADER' | translate}} </a> </li> - <li *ngIf="appInstance.autoUpgradesEnabled"> - <a *roles="['ROLE_DOMAIN_ADMIN', 'ROLE_SYSTEM_ADMIN']" - role="button" (click)="this.disableAutoUpgradesModal.show()"> - {{'APP_INSTANCE.DISABLE_AUTO_UPGRADES_BUTTON' | translate}} - </a> - </li> <li *ngIf="app.application.appDeploymentSpec.allowLogAccess"> <a role="button" [routerLink]="router.url + '/logs'"> {{'APP_INSTANCE.VIEW_LOGS' | translate}} @@ -416,7 +416,7 @@ <div class="nmaas-modal-footer"> <button type="button" class="btn btn-primary" (click)="redeploy(); redeployConfirm.hide()">{{'REDEPLOY_MODAL.OK_BUTTON' | translate}}</button> - <button type="button" class="btn btn-primary" + <button type="button" class="btn btn-secondary" (click)="redeployConfirm.hide()">{{'REDEPLOY_MODAL.CANCEL_BUTTON' | translate}}</button> </div> </nmaas-modal> @@ -432,7 +432,7 @@ <div class="nmaas-modal-footer"> <button type="button" class="btn btn-primary" (click)="removalFailedInstance(); removeConfirm.hide()">{{'REMOVE_MODAL.OK_BUTTON' | translate}}</button> - <button type="button" class="btn btn-primary" + <button type="button" class="btn btn-secondary" (click)="removeConfirm.hide()">{{'REMOVE_MODAL.CANCEL_BUTTON' | translate}}</button> </div> </nmaas-modal> @@ -448,7 +448,7 @@ <div class="nmaas-modal-footer"> <button type="button" class="btn btn-primary" (click)="enableAutoUpgrades(); enableAutoUpgradesConfirm.hide()">{{'ENABLE_AUTO_UPGRADES_MODAL.OK_BUTTON' | translate}}</button> - <button type="button" class="btn btn-primary" + <button type="button" class="btn btn-secondary" (click)="enableAutoUpgradesConfirm.hide()">{{'ENABLE_AUTO_UPGRADES_MODAL.CANCEL_BUTTON' | translate}}</button> </div> </nmaas-modal> @@ -464,7 +464,7 @@ <div class="nmaas-modal-footer"> <button type="button" class="btn btn-primary" (click)="disableAutoUpgrades(); disableAutoUpgradesConfirm.hide()">{{'DISABLE_AUTO_UPGRADES_MODAL.OK_BUTTON' | translate}}</button> - <button type="button" class="btn btn-primary" + <button type="button" class="btn btn-secondary" (click)="disableAutoUpgradesConfirm.hide()">{{'DISABLE_AUTO_UPGRADES_MODAL.CANCEL_BUTTON' | translate}}</button> </div> </nmaas-modal> diff --git a/src/app/appmarket/appinstance/modals/add-members-modal/add-members-modal.component.html b/src/app/appmarket/appinstance/modals/add-members-modal/add-members-modal.component.html index 874d2ba9e83f214f21bc2cc86d9810793a7dd43e..45398c808ba0c5b485ffe0b6a5a87cb1cb0ba217 100644 --- a/src/app/appmarket/appinstance/modals/add-members-modal/add-members-modal.component.html +++ b/src/app/appmarket/appinstance/modals/add-members-modal/add-members-modal.component.html @@ -26,7 +26,7 @@ </div> </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-success" (click)="submit()"> + <button type="button" class="btn btn-primary" (click)="submit()"> {{'ADD_MEMBERS_MODAL.SUBMIT_BUTTON' | translate}} </button> <button type="button" class="btn btn-primary" diff --git a/src/app/appmarket/appmanagement/app-access-method-edit-component/app-access-method-edit.component.html b/src/app/appmarket/appmanagement/app-access-method-edit-component/app-access-method-edit.component.html index 8aad3424dcde471b407750c7d32feaa4b8a4324e..c53036075dcf0e89c3c83bb0c2e1fc9f51e7a18b 100644 --- a/src/app/appmarket/appmanagement/app-access-method-edit-component/app-access-method-edit.component.html +++ b/src/app/appmarket/appmanagement/app-access-method-edit-component/app-access-method-edit.component.html @@ -61,7 +61,7 @@ </div> </div> <div class="col-sm-1"> - <button class="btn btn-success" role="button" (click)="addNewDeployParam()" [disabled]="!isNewDeployParamValid()">{{'APP_ACCESS_METHOD_EDIT.ADD_PARAM' | translate}}</button> + <button class="btn btn-secondary" role="button" (click)="addNewDeployParam()" [disabled]="!isNewDeployParamValid()">{{'APP_ACCESS_METHOD_EDIT.ADD_PARAM' | translate}}</button> </div> </li> </ul> diff --git a/src/app/appmarket/appmanagement/app-add-json-app/app-add-json-app.component.html b/src/app/appmarket/appmanagement/app-add-json-app/app-add-json-app.component.html index 4e103de0b2a785623baf7e8081165b046e789229..4fbade572a717bc1ceaa366511bc588551d6f8b7 100644 --- a/src/app/appmarket/appmanagement/app-add-json-app/app-add-json-app.component.html +++ b/src/app/appmarket/appmanagement/app-add-json-app/app-add-json-app.component.html @@ -17,7 +17,7 @@ <textarea rows="10" cols="100" pInputTextarea [(ngModel)]="jsonText" (keyup)="this.JsonError = false; this.error = ''"></textarea> </div> <div class="flex flex-row justify-content-center justify-content-center mt-2"> - <button *ngIf="jsonText.length >0" pButton class="btn btn-success" + <button *ngIf="jsonText.length >0" pButton class="btn btn-secondary" (click)="sendJsonText()"> {{'APPS_MANAGEMENT.SEND_JSON' | translate}}</button> </div> @@ -32,7 +32,7 @@ </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="modal.hide()"> + <button type="button" class="btn btn-primary" (click)="modal.hide()"> {{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}} </button> </div> diff --git a/src/app/appmarket/appmanagement/app-add-json-version-app/app-add-json-version-app.component.html b/src/app/appmarket/appmanagement/app-add-json-version-app/app-add-json-version-app.component.html index 7b228696a1610a3f2de818942a34ec135aca945a..b1aebf85fa2ec769679f9d620222cb298756fc8c 100644 --- a/src/app/appmarket/appmanagement/app-add-json-version-app/app-add-json-version-app.component.html +++ b/src/app/appmarket/appmanagement/app-add-json-version-app/app-add-json-version-app.component.html @@ -17,7 +17,7 @@ <textarea rows="10" cols="100" pInputTextarea [(ngModel)]="jsonText" (keyup)="this.JsonError = false; this.error = ''"></textarea> </div> <div class="flex flex-row justify-content-center justify-content-center mt-2"> - <button *ngIf="jsonText.length >0" pButton class="btn btn-success" + <button *ngIf="jsonText.length >0" pButton class="btn btn-primary" (click)="sendJsonText()"> {{'APPS_MANAGEMENT.SEND_JSON' | translate}}</button> </div> @@ -32,7 +32,7 @@ </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="modal.hide()"> + <button type="button" class="btn btn-primary" (click)="modal.hide()"> {{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}} </button> </div> diff --git a/src/app/appmarket/appmanagement/app-change-owner-modal/app-change-owner-modal.component.html b/src/app/appmarket/appmanagement/app-change-owner-modal/app-change-owner-modal.component.html index a1775639656d216c413fd48be9c25779ffc5b200..b9bdad7579139c2b35a093187883df888e18cd3f 100644 --- a/src/app/appmarket/appmanagement/app-change-owner-modal/app-change-owner-modal.component.html +++ b/src/app/appmarket/appmanagement/app-change-owner-modal/app-change-owner-modal.component.html @@ -18,12 +18,12 @@ </div> </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="modal.hide()"> - {{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}} - </button> <button type="button" class="btn btn-primary" (click)="submit()" [disabled]="selectOwner.invalid"> {{'APPS_MANAGEMENT.CHANGE_OWNER_BUTTON' | translate}} </button> + <button type="button" class="btn btn-secondary" (click)="modal.hide()"> + {{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}} + </button> </div> </nmaas-modal> diff --git a/src/app/appmarket/appmanagement/app-change-state-modal/appchangestatemodal.component.html b/src/app/appmarket/appmanagement/app-change-state-modal/appchangestatemodal.component.html index aef3439cfb56dc449a0ae6bad1cf0c17435ae79e..1dd32a582bcaaf95e0e17ed15b0b237081705d77 100644 --- a/src/app/appmarket/appmanagement/app-change-state-modal/appchangestatemodal.component.html +++ b/src/app/appmarket/appmanagement/app-change-state-modal/appchangestatemodal.component.html @@ -39,7 +39,7 @@ </div> </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="modal.hide()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="modal.hide()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> <button type="button" class="btn btn-primary" (click)="submit()" [disabled]="changeState.invalid">{{'APP_CHANGE_STATE_MODAL.CHANGE_STATE_BUTTON' | translate}}</button> </div> </nmaas-modal> diff --git a/src/app/appmarket/appmanagement/app-create-wizard/app-create-wizard.component.html b/src/app/appmarket/appmanagement/app-create-wizard/app-create-wizard.component.html index 98404f57b713f9b18afa820f83a7a7bdb3ea5035..1e8d9408d3a34ef3129c565b7d319709c63fcaa2 100644 --- a/src/app/appmarket/appmanagement/app-create-wizard/app-create-wizard.component.html +++ b/src/app/appmarket/appmanagement/app-create-wizard/app-create-wizard.component.html @@ -14,7 +14,7 @@ </div> <input type="checkbox" [checked]="rulesAccepted" (click)="changeRulesAcceptedFlag()"> {{'APPS_WIZARD.ACCEPT_RULES_CHECKBOX' | translate}} - <button type="button" class="btn btn-success pull-right" (click)="nextStep()" [disabled]="!rulesAccepted" + <button type="button" class="btn btn-primary pull-right" (click)="nextStep()" [disabled]="!rulesAccepted" [tooltipDisabled]="rulesAccepted" pTooltip="{{'APPS_WIZARD.ACCEPT_RULES_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}}</button> </div> @@ -131,7 +131,7 @@ </div> </form> </div> - <button type="button" class="btn btn-success pull-right" (click)="nextStep()" [disabled]="basicInfoForm.invalid" + <button type="button" class="btn btn-primary pull-right" (click)="nextStep()" [disabled]="basicInfoForm.invalid" [tooltipDisabled]="!basicInfoForm.invalid" pTooltip="{{'APPS_WIZARD.DISABLED_NEXT_BUTTON_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}}</button> </div> @@ -173,7 +173,7 @@ </p-fileUpload> </div> </div> - <button type="button" class="btn btn-success pull-right" + <button type="button" class="btn btn-primary pull-right" (click)="nextStep()">{{'APPS_WIZARD.NEXT_BUTTON' | translate}}</button> </div> @@ -265,7 +265,7 @@ </div> </div> </form> - <button type="button" class="btn btn-success pull-right" (click)="nextStep()" + <button type="button" class="btn btn-primary pull-right" (click)="nextStep()" [disabled]="descriptionForm.invalid" [tooltipDisabled]="!descriptionForm.invalid" pTooltip="{{'APPS_WIZARD.DISABLED_NEXT_BUTTON_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}}</button> @@ -381,7 +381,7 @@ (output)="removeStorageVolume($event)"></app-storage-volume-edit> </li> </ul> - <button class="btn btn-success" role="button" + <button class="btn btn-primary" role="button" (click)="addNewStorageVolume()">{{'APPS_WIZARD.NEW_STORAGE_VOLUME' | translate}}</button> </div> @@ -395,14 +395,14 @@ (output)="removeAccessMethod($event)"></app-access-method-edit> </li> </ul> - <button class="btn btn-success" role="button" + <button class="btn btn-primary" role="button" (click)="addNewAccessMethod()">{{'APPS_WIZARD.NEW_ACCESS_METHOD' | translate}}</button> </div> </div> </form> </div> - <button type="button" class="btn btn-success pull-right" [disabled]="appDeploymentForm.invalid" (click)="nextStep()" + <button type="button" class="btn btn-primary pull-right" [disabled]="appDeploymentForm.invalid" (click)="nextStep()" [tooltipDisabled]="!appDeploymentForm.invalid" pTooltip="{{'APPS_WIZARD.DISABLED_NEXT_BUTTON_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}} </button> </div> @@ -468,7 +468,7 @@ [(ngModel)]="termsContent" pTooltip="{{'APPS_WIZARD.TERMS_CONTENT_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50"></textarea> - <button role="button" class="btn btn-success" (click)="changeTermsAcceptanceInForms()">{{'APPS_WIZARD.TERMS_CONTENT_BUTTON' | translate}}</button> + <button role="button" class="btn btn-primary" (click)="changeTermsAcceptanceInForms()">{{'APPS_WIZARD.TERMS_CONTENT_BUTTON' | translate}}</button> </div> </div> <div *ngIf="applicationDTO.application.appConfigurationSpec.configFileRepositoryRequired"> @@ -591,7 +591,7 @@ </div> </div> </div> - <button type="button" class="btn btn-success pull-right" [disabled]="appConfigForm.invalid" (click)="nextStep()" + <button type="button" class="btn btn-primary pull-right" [disabled]="appConfigForm.invalid" (click)="nextStep()" [tooltipDisabled]="!appConfigForm.invalid" pTooltip="{{'APPS_WIZARD.DISABLED_NEXT_BUTTON_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}} </button> </div> @@ -602,14 +602,14 @@ <div class="alert alert-danger" *ngIf="errorMessage"> {{errorMessage}} </div> - <button type="button" class="btn btn-success pull-right" (click)="addApplication()" + <button type="button" class="btn btn-primary pull-right" (click)="addApplication()" *ngIf="activeStepIndex === 6 && isInMode(ComponentMode.CREATE)" [disabled]="isInvalidDescriptions()">{{'APPS_WIZARD.SUBMIT_BUTTON' | translate}}</button> - <button type="button" class="btn btn-success pull-right" (click)="updateApplication()" + <button type="button" class="btn btn-primary pull-right" (click)="updateApplication()" *ngIf="activeStepIndex === 4 && isInMode(ComponentMode.EDIT)" [disabled]="isInvalidDescriptions()">{{'APPS_WIZARD.SUBMIT_BUTTON' | translate}}</button> </div> -<button type="button" class="btn btn-warning pull-left" (click)="previousStep()" +<button type="button" class="btn btn-secondary pull-left" (click)="previousStep()" *ngIf="activeStepIndex != 0">{{'APPS_WIZARD.PREVIOUS_BUTTON' | translate}}</button> <nmaas-modal> diff --git a/src/app/appmarket/appmanagement/app-preview/apppreview.component.html b/src/app/appmarket/appmanagement/app-preview/apppreview.component.html index d7f088194c8af28187e30d1cc32e5ab57994e89c..786c99b34c52d97b136610eeac55793cbccc58a0 100644 --- a/src/app/appmarket/appmanagement/app-preview/apppreview.component.html +++ b/src/app/appmarket/appmanagement/app-preview/apppreview.component.html @@ -47,9 +47,9 @@ </div> </div> <div class="row"> - <div class="btn-group pull-right"> - <button class="btn btn-primary">{{'APPLICATIONS.DEPLOY_BUTTON' | translate}}</button> - <button class="btn btn-danger">{{'APPLICATIONS.UNSUBSCRIBE_BUTTON' | translate}}</button> + <div class=" pull-right"> + <button class="btn btn-primary m-1">{{'APPLICATIONS.DEPLOY_BUTTON' | translate}}</button> + <button class="btn btn-danger m-1">{{'APPLICATIONS.UNSUBSCRIBE_BUTTON' | translate}}</button> </div> </div> diff --git a/src/app/appmarket/appmanagement/app-static-global-deploy-parameters-edit/app-static-global-deploy-parameters-edit.component.html b/src/app/appmarket/appmanagement/app-static-global-deploy-parameters-edit/app-static-global-deploy-parameters-edit.component.html index 5a6ca05a8d7370ad60d23024b7b1623e8cca5864..c99e9dbba7e80560f0afb12e3a36d2a006202945 100644 --- a/src/app/appmarket/appmanagement/app-static-global-deploy-parameters-edit/app-static-global-deploy-parameters-edit.component.html +++ b/src/app/appmarket/appmanagement/app-static-global-deploy-parameters-edit/app-static-global-deploy-parameters-edit.component.html @@ -41,7 +41,7 @@ </div> </div> <div class="col-sm-1"> - <button class="btn btn-success" role="button" (click)="addNewDeployParam()" [disabled]="!isNewDeployParamValid()">{{'APP_ACCESS_METHOD_EDIT.ADD_PARAM' | translate}}</button> + <button class="btn btn-secondary" role="button" (click)="addNewDeployParam()" [disabled]="!isNewDeployParamValid()">{{'APP_ACCESS_METHOD_EDIT.ADD_PARAM' | translate}}</button> </div> </li> </ul> diff --git a/src/app/appmarket/appmanagement/app-storage-volume-edit-component/app-storage-volume-edit.component.html b/src/app/appmarket/appmanagement/app-storage-volume-edit-component/app-storage-volume-edit.component.html index 66c93c6b64cebc0256d12d0b175ef8ead26467fd..5e7d346a803c7987debc061d9555a45fd4fbf6fc 100644 --- a/src/app/appmarket/appmanagement/app-storage-volume-edit-component/app-storage-volume-edit.component.html +++ b/src/app/appmarket/appmanagement/app-storage-volume-edit-component/app-storage-volume-edit.component.html @@ -46,7 +46,7 @@ </div> </div> <div class="col-sm-1"> - <button class="btn btn-success" role="button" (click)="addNewDeployParam()" [disabled]="!isNewDeployParamValid()">{{'APP_STORAGE_VOLUME_EDIT.ADD_PARAM' | translate}}</button> + <button class="btn btn-secondary" role="button" (click)="addNewDeployParam()" [disabled]="!isNewDeployParamValid()">{{'APP_STORAGE_VOLUME_EDIT.ADD_PARAM' | translate}}</button> </div> </li> </ul> diff --git a/src/app/appmarket/appmanagement/app-version-create-wizard/app-version-create-wizard.component.html b/src/app/appmarket/appmanagement/app-version-create-wizard/app-version-create-wizard.component.html index b62490ca3e95fad81a7678c5a643b0724829f747..2ab7728bbcc7926c992d6a14c9a25960430c5a9d 100644 --- a/src/app/appmarket/appmanagement/app-version-create-wizard/app-version-create-wizard.component.html +++ b/src/app/appmarket/appmanagement/app-version-create-wizard/app-version-create-wizard.component.html @@ -25,7 +25,7 @@ </ng-template> </p-dropdown> </div> - <button type="button" class="btn btn-success pull-right" (click)="nextStep()" [disabled]="!rulesAccepted" [tooltipDisabled]="rulesAccepted" pTooltip="{{'APPS_WIZARD.ACCEPT_RULES_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}}</button> + <button type="button" class="btn btn-primary pull-right" (click)="nextStep()" [disabled]="!rulesAccepted" [tooltipDisabled]="rulesAccepted" pTooltip="{{'APPS_WIZARD.ACCEPT_RULES_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}}</button> </div> <div *ngIf="activeStepIndex === 1"> @@ -49,7 +49,7 @@ </div> </form> </div> - <button type="button" class="btn btn-success pull-right" (click)="nextStep()" [disabled]="basicInfoForm.invalid" [tooltipDisabled]="!basicInfoForm.invalid" pTooltip="{{'APPS_WIZARD.DISABLED_NEXT_BUTTON_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}}</button> + <button type="button" class="btn btn-primary pull-right" (click)="nextStep()" [disabled]="basicInfoForm.invalid" [tooltipDisabled]="!basicInfoForm.invalid" pTooltip="{{'APPS_WIZARD.DISABLED_NEXT_BUTTON_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}}</button> </div> </div> @@ -146,7 +146,7 @@ <app-storage-volume-edit [storageVolume]="s" [id]="i" [storageVolumeTypes]="storageVolumeTypeOptions()" (output)="removeStorageVolume($event)"></app-storage-volume-edit> </li> </ul> - <button class="btn btn-success" role="button" (click)="addNewStorageVolume()">{{'APPS_WIZARD.NEW_STORAGE_VOLUME' | translate}}</button> + <button class="btn btn-primary" role="button" (click)="addNewStorageVolume()">{{'APPS_WIZARD.NEW_STORAGE_VOLUME' | translate}}</button> </div> <div class="form-group form-group-sm"> @@ -156,13 +156,13 @@ <app-access-method-edit [accessMethod]="a" [id]="i" [accessMethodTypes]="accessMethodTypeOptions()" (output)="removeAccessMethod($event)"></app-access-method-edit> </li> </ul> - <button class="btn btn-success" role="button" (click)="addNewAccessMethod()">{{'APPS_WIZARD.NEW_ACCESS_METHOD' | translate}}</button> + <button class="btn btn-primary" role="button" (click)="addNewAccessMethod()">{{'APPS_WIZARD.NEW_ACCESS_METHOD' | translate}}</button> </div> </div> </form> </div> - <button type="button" class="btn btn-success pull-right" [disabled]="appDeploymentForm.invalid" (click)="nextStep()" [tooltipDisabled]="!appDeploymentForm.invalid" pTooltip="{{'APPS_WIZARD.DISABLED_NEXT_BUTTON_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}} </button> + <button type="button" class="btn btn-primary pull-right" [disabled]="appDeploymentForm.invalid" (click)="nextStep()" [tooltipDisabled]="!appDeploymentForm.invalid" pTooltip="{{'APPS_WIZARD.DISABLED_NEXT_BUTTON_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}} </button> </div> <div *ngIf="activeStepIndex === 3"> @@ -221,7 +221,7 @@ tooltipPosition="bottom" [showDelay]="50"> </textarea> - <button role="button" class="btn btn-success" (click)="changeTermsAcceptanceInForms()">{{'APPS_WIZARD.TERMS_CONTENT_BUTTON' | translate}}</button> + <button role="button" class="btn btn-primary" (click)="changeTermsAcceptanceInForms()">{{'APPS_WIZARD.TERMS_CONTENT_BUTTON' | translate}}</button> </div> </div> <div *ngIf="applicationDTO.application.appConfigurationSpec.configFileRepositoryRequired"> @@ -321,7 +321,7 @@ </div> </div> </div> - <button type="button" class="btn btn-success pull-right" [disabled]="appConfigForm.invalid" (click)="nextStep()" + <button type="button" class="btn btn-primary pull-right" [disabled]="appConfigForm.invalid" (click)="nextStep()" [tooltipDisabled]="!appConfigForm.invalid" pTooltip="{{'APPS_WIZARD.DISABLED_NEXT_BUTTON_TOOLTIP' | translate}}" tooltipPosition="bottom" [showDelay]="50">{{'APPS_WIZARD.NEXT_BUTTON' | translate}} </button> </div> @@ -332,10 +332,10 @@ <div class="alert alert-danger" *ngIf="errorMessage"> {{errorMessage}} </div> - <button type="button" class="btn btn-success pull-right" (click)="addApplication()" *ngIf="activeStepIndex === 4 && isInMode(ComponentMode.CREATE)">{{'APPS_WIZARD.SUBMIT_BUTTON' | translate}}</button> - <button type="button" class="btn btn-success pull-right" (click)="updateApplication()" *ngIf="activeStepIndex === 4 && isInMode(ComponentMode.EDIT)">{{'APPS_WIZARD.SUBMIT_BUTTON' | translate}}</button> + <button type="button" class="btn btn-primary pull-right" (click)="addApplication()" *ngIf="activeStepIndex === 4 && isInMode(ComponentMode.CREATE)">{{'APPS_WIZARD.SUBMIT_BUTTON' | translate}}</button> + <button type="button" class="btn btn-primary pull-right" (click)="updateApplication()" *ngIf="activeStepIndex === 4 && isInMode(ComponentMode.EDIT)">{{'APPS_WIZARD.SUBMIT_BUTTON' | translate}}</button> </div> -<button type="button" class="btn btn-warning pull-left" (click)="previousStep()" *ngIf="activeStepIndex != 0">{{'APPS_WIZARD.PREVIOUS_BUTTON' | translate}}</button> +<button type="button" class="btn btn-secondary pull-left" (click)="previousStep()" *ngIf="activeStepIndex != 0">{{'APPS_WIZARD.PREVIOUS_BUTTON' | translate}}</button> <nmaas-modal> <div class="nmaas-modal-header"> diff --git a/src/app/appmarket/bulkDeployment/appDeployment/appnavigator/appnavigator.component.css b/src/app/appmarket/bulkDeployment/appDeployment/appnavigator/appnavigator.component.css index b995a7c9878bfbbde68a6a2b4acb84079fb614d5..3cd6365aa9c2c2f020c6da28d75b23c26c1e8777 100644 --- a/src/app/appmarket/bulkDeployment/appDeployment/appnavigator/appnavigator.component.css +++ b/src/app/appmarket/bulkDeployment/appDeployment/appnavigator/appnavigator.component.css @@ -45,7 +45,7 @@ .line-1 { height: 10px; - background: #428bca; + background: #233354; width: 100% !important; margin-top: 19px; } @@ -58,18 +58,18 @@ } .step-active { - background-color: #428bca; + background-color: #233354; color: white; } .step-done { - background-color: #428bca; + background-color: #233354; color: white; } .step-next { background-color: white; - color: #428bca; + color: #233354; } diff --git a/src/app/appmarket/bulkDeployment/bulk-list/bulk-list.component.html b/src/app/appmarket/bulkDeployment/bulk-list/bulk-list.component.html index 7d52cd49fb84d6381df4d2bfc7a6f656176e91a7..c68bbe80370e26c7df8dfd879c91785745f46cb2 100644 --- a/src/app/appmarket/bulkDeployment/bulk-list/bulk-list.component.html +++ b/src/app/appmarket/bulkDeployment/bulk-list/bulk-list.component.html @@ -132,7 +132,7 @@ </div> </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="modal.hide()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="modal.hide()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> <button type="button" class="btn btn-primary" [disabled]="false">{{'BULK.REMOVE.REMOVE' | translate}}</button> </div> </nmaas-modal> diff --git a/src/app/appmarket/domains/domain-group-view/domain-group-view.component.html b/src/app/appmarket/domains/domain-group-view/domain-group-view.component.html index 47c02259b58430695a4c44238a52dba993baadf6..c42594752a704d430b01c6c597c099788a2ccb41 100644 --- a/src/app/appmarket/domains/domain-group-view/domain-group-view.component.html +++ b/src/app/appmarket/domains/domain-group-view/domain-group-view.component.html @@ -40,7 +40,7 @@ </div> <div class="panel-body"> <div *roles="['ROLE_SYSTEM_ADMIN']" style="display: flex; justify-content: end"> - <button type="button" class="btn btn-success" (click)="showModalUser()">{{'DOMAINS.GROUP.ADD_USERS' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="showModalUser()">{{'DOMAINS.GROUP.ADD_USERS' | translate}}</button> </div> <div *roles="['ROLE_VL_MANAGER']" style="display: flex; justify-content: end"> <button type="button" class="btn btn-warning" (click)="removeMyAccess()">{{'DOMAINS.GROUP.DELETE_MYSELF' | translate}}</button> @@ -82,7 +82,7 @@ </div> <div class="panel-body collapse" id="domains-list"> <div style="display: flex; justify-content: end"> - <button type="button" class="btn btn-success" (click)="showModal()">{{'DOMAINS.LIST.ADD' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="showModal()">{{'DOMAINS.LIST.ADD' | translate}}</button> </div> <table class="table table-hover table-condensed" aria-describedby="Domains in Group table" style="margin-top: 2rem"> <thead> @@ -118,7 +118,7 @@ </div> <div class="panel-body collapse" id="app-status" > <div style="display: flex; justify-content: end; margin-bottom: 2rem"> - <button class="btn btn-primary" type="button" (click)="toggleAll()">{{'SHARED.TOGGLE' | translate}}</button> + <button class="btn btn-secondary" type="button" (click)="toggleAll()">{{'SHARED.TOGGLE' | translate}}</button> </div> <table class="table table-hover table-condensed" aria-describedby="Domain details table"> <thead> @@ -181,8 +181,9 @@ </table> </div> </div> - - <button type="submit" class="btn btn-default" [disabled]="!domainForm.form.valid">{{ 'DOMAIN_DETAILS.SUBMIT_BUTTON' | translate }}</button> + <div class="flex justify-content-end"> + <button type="submit" class="btn btn-primary" [disabled]="!domainForm.form.valid">{{ 'DOMAIN_DETAILS.SUBMIT_BUTTON' | translate }}</button> + </div> </form> </div> @@ -210,8 +211,8 @@ </table> </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="modal.hide()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> <button type="button" class="btn btn-primary" (click)="closeModal()" [disabled]="false">{{'DOMAINS.LIST.ADD' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="modal.hide()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> </div> </nmaas-modal> @@ -233,7 +234,7 @@ <tr class="table-row"> <td>{{user.username}}</td> <td>{{user.firstname}} {{user.lastname}}</td> - <td> <button *roles="['ROLE_SYSTEM_ADMIN']" type="button" class="btn btn-success" (click)="addUser(user)">{{'DOMAINS.GROUP.ADD' | translate}}</button> </td> + <td> <button *roles="['ROLE_SYSTEM_ADMIN']" type="button" class="btn btn-secondary" (click)="addUser(user)">{{'DOMAINS.GROUP.ADD' | translate}}</button> </td> </tr> </ng-template> </thead> @@ -257,7 +258,7 @@ </table> </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="closeModalUserAccess()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> <button type="button" class="btn btn-primary" (click)="saveUsers()" [disabled]="false">{{'DOMAINS.GROUP.ADD_USERS' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="closeModalUserAccess()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> </div> </nmaas-modal> diff --git a/src/app/appmarket/domains/domain/domain.component.html b/src/app/appmarket/domains/domain/domain.component.html index c199e2c30d0deaeaf31169341133ced26f5c2796..110fee5f7ec7c8547801b82bdfaa430334c7ac9f 100644 --- a/src/app/appmarket/domains/domain/domain.component.html +++ b/src/app/appmarket/domains/domain/domain.component.html @@ -225,7 +225,7 @@ </div> </div> <br> - <button type="button" class="btn btn-sm btn-default" (click)="addNetwork()" *ngIf="!isInMode(ComponentMode.VIEW)"><span class="glyphicon glyphicon-plus"></span> {{'DOMAIN_DETAILS.ADD' | translate}}</button> + <button type="button" class="btn btn-sm btn-primary" (click)="addNetwork()" *ngIf="!isInMode(ComponentMode.VIEW)"><span class="glyphicon glyphicon-plus"></span> {{'DOMAIN_DETAILS.ADD' | translate}}</button> </div> </div> @@ -257,8 +257,9 @@ </div> </div> - - <button *ngIf="!isInMode(ComponentMode.VIEW)" type="submit" class="btn btn-default" [disabled]="!domainForm.form.valid">{{ 'DOMAIN_DETAILS.SUBMIT_BUTTON' | translate }}</button> + <div class="flex justify-content-end"> + <button *ngIf="!isInMode(ComponentMode.VIEW)" type="submit" class="btn btn-primary" [disabled]="!domainForm.form.valid">{{ 'DOMAIN_DETAILS.SUBMIT_BUTTON' | translate }}</button> + </div> </form> </div> diff --git a/src/app/appmarket/domains/list/domainslist.component.html b/src/app/appmarket/domains/list/domainslist.component.html index af69e2cfaa29c32d7f78ee05275dbd470a4c0d34..0e6e766792619153fc9668fda83660da110c6c2d 100644 --- a/src/app/appmarket/domains/list/domainslist.component.html +++ b/src/app/appmarket/domains/list/domainslist.component.html @@ -6,7 +6,7 @@ role="button">{{'DOMAINS.ADD_BUTTON' | translate}}</a> </div> <div *roles="['ROLE_SYSTEM_ADMIN']" class="flex" style="align-content: center; height: 35px; margin-top: 10px;"> - <button class="btn btn-secondary" [routerLink]="['annotations']">{{'DOMAINS.ANNOTATIONS.EDIT' | translate}}</button> + <button class="btn btn-primary" [routerLink]="['annotations']">{{'DOMAINS.ANNOTATIONS.EDIT' | translate}}</button> </div> <div *roles="['ROLE_SYSTEM_ADMIN']" class="flex" style="align-content: center; height: 35px; margin-top: 8px;"> <span style="align-content: center; margin-right: 5px; margin-top: 10px;"> {{'DOMAINS.NOTACTIVE' | translate}}</span> diff --git a/src/app/appmarket/domains/modals/removal-confirmation-modal/removal-confirmation-modal.component.html b/src/app/appmarket/domains/modals/removal-confirmation-modal/removal-confirmation-modal.component.html index 8fe3940ad35eb9ebd9caf1440931f10ac74ebe7d..987b430dc73d2fc1b20d64de2f39ea98c4904e2f 100644 --- a/src/app/appmarket/domains/modals/removal-confirmation-modal/removal-confirmation-modal.component.html +++ b/src/app/appmarket/domains/modals/removal-confirmation-modal/removal-confirmation-modal.component.html @@ -7,7 +7,7 @@ </p> </div> <div class="nmaas-modal-footer"> - <button [disabled]="disableButton" role="button" type="button" class="btn btn-success" (click)="removeDomain()">{{ 'DOMAIN_DETAILS.MODAL.BUTTONS.CONFIRM' | translate}}</button> - <button type="button" class="btn btn-primary" (click)="modal.hide()">{{ 'DOMAIN_DETAILS.MODAL.BUTTONS.CANCEL' | translate}}</button> + <button [disabled]="disableButton" role="button" type="button" class="btn btn-primary" (click)="removeDomain()">{{ 'DOMAIN_DETAILS.MODAL.BUTTONS.CONFIRM' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="modal.hide()">{{ 'DOMAIN_DETAILS.MODAL.BUTTONS.CANCEL' | translate}}</button> </div> </nmaas-modal> diff --git a/src/app/shared/admin/clusters/details/clusterdetails.component.html b/src/app/shared/admin/clusters/details/clusterdetails.component.html index 468c28cee49ba7a58a0acef5aeba00b8a7506e36..8d086868fe9beadb049eb635e58a6153ec82e304 100644 --- a/src/app/shared/admin/clusters/details/clusterdetails.component.html +++ b/src/app/shared/admin/clusters/details/clusterdetails.component.html @@ -231,7 +231,7 @@ <tr *ngIf="!isInMode(ComponentMode.VIEW)"> <td></td><td></td><td></td><td></td><td></td><td></td> <td> - <button type="button" class="btn btn-sm btn-success" + <button type="button" class="btn btn-sm btn-secondary" (click)="addNetwork()">{{ 'CLUSTERS.ADD_BUTTON' | translate }} </button> </td> diff --git a/src/app/shared/comments/comments.component.html b/src/app/shared/comments/comments.component.html index 1398989b6e6b076bfebc94b62166905be2107291..cddcab5aa1d914ef530ac4f255ff7f7d86fea7e1 100644 --- a/src/app/shared/comments/comments.component.html +++ b/src/app/shared/comments/comments.component.html @@ -6,7 +6,7 @@ <label class="sr-only" for="comment">{{'COMMENTS.ADD_COMMENT' | translate}}:</label> <textarea #textAreaNewComment name="comment" id="comment" placeholder="{{'COMMENTS.PLACEHOLDER' | translate}}" class="form-control mb-4" rows="2" required [(ngModel)]="newComment.comment" style="resize: none; height: 100px; border-radius: 10px"></textarea> - <button type="submit" class="btn btn-default pull-right">{{'COMMENTS.ADD_BUTTON' | translate}}</button> + <button type="submit" class="btn btn-primary pull-right">{{'COMMENTS.ADD_BUTTON' | translate}}</button> <div class="alert alert-danger" *ngIf="commentErrorMsg"> {{commentErrorMsg}} </div> diff --git a/src/app/shared/comments/single-comment/single-comment.component.html b/src/app/shared/comments/single-comment/single-comment.component.html index 66a4935d7910a4f97f44a960a89922ce553f591f..d651792c58c1b3be7f80b00d6e8795123f3366b9 100644 --- a/src/app/shared/comments/single-comment/single-comment.component.html +++ b/src/app/shared/comments/single-comment/single-comment.component.html @@ -37,8 +37,8 @@ <div class="form-group"> <textarea #textAreaComment name="comment" id="comment2" placeholder="{{'COMMENTS.PLACEHOLDER' | translate}}" class="form-control" rows="2"></textarea> - <button type="submit" class="btn btn-default pull-right">{{'COMMENTS.ADD_BUTTON' | translate}}</button> + <button type="submit" class="btn btn-primary pull-right">{{'COMMENTS.ADD_BUTTON' | translate}}</button> </div> </form> </div> -</div> \ No newline at end of file +</div> diff --git a/src/app/shared/common/password/password.component.html b/src/app/shared/common/password/password.component.html index 1850c05802cbe755cfa719348b6aec718bd966cd..dadd98f0bde525ef688faaa9ee82297241ca120d 100644 --- a/src/app/shared/common/password/password.component.html +++ b/src/app/shared/common/password/password.component.html @@ -42,7 +42,7 @@ </div> <div class="nmaas-modal-footer"> <button type="submit" class="btn btn-primary" (click)="submit()">{{'PASSWORD.SUBMIT_BUTTON' | translate}}</button> - <button class="btn btn-danger" (click)="hide()">Cancel</button> + <button class="btn btn-secondary" (click)="hide()">Cancel</button> </div> </nmaas-modal> diff --git a/src/app/shared/contact/contact.component.html b/src/app/shared/contact/contact.component.html index 34ce46b8c2439a5912ea85737a1f34b9359fde9a..7527a6375a2639f9d4e109f268a75a1dc95b8cbd 100644 --- a/src/app/shared/contact/contact.component.html +++ b/src/app/shared/contact/contact.component.html @@ -26,7 +26,7 @@ {{ 'CONTACT_FORM.MODAL.MESSAGE' | translate }} </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="modal.hide()"> + <button type="button" class="btn btn-primary" (click)="modal.hide()"> {{'CONTACT_FORM.MODAL.CLOSE_BUTTON' | translate}} </button> </div> diff --git a/src/app/shared/domain-namespace-annotations/domain-namespace-annotations.component.html b/src/app/shared/domain-namespace-annotations/domain-namespace-annotations.component.html index 4f6430f6206bf1061806261ce492092e812d77cc..826defac24c854dbfe46797077b2e1331ea1dc36 100644 --- a/src/app/shared/domain-namespace-annotations/domain-namespace-annotations.component.html +++ b/src/app/shared/domain-namespace-annotations/domain-namespace-annotations.component.html @@ -8,7 +8,7 @@ </div> <div class="panel-body"> <div style="display: flex; justify-content: end"> - <button type="button" class="btn btn-success" (click)="addAnnotation()">{{'DOMAINS.ANNOTATIONS.ADD'| translate}}</button> + <button type="button" class="btn btn-primary" (click)="addAnnotation()">{{'DOMAINS.ANNOTATIONS.ADD'| translate}}</button> </div> <div class="grid flex flex-grow-1"> <div class="col-4"> @@ -63,8 +63,8 @@ </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="modal.hide()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> <button type="button" class="btn btn-primary" (click)="closeModal()" [disabled]="isKeyNotUniqueAdd(newAnnotations) || !isKeyPatternCorrect">{{'DOMAINS.ADD_BUTTON' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="modal.hide()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> </div> </nmaas-modal> @@ -94,7 +94,7 @@ </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="editModal.hide()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> <button type="button" class="btn btn-primary" (click)="closeModalEdit()" [disabled]="isEditAnnotationCorrect(editAnnotation) || !isKeyPatternCorrect">{{'DOMAINS.EDIT_BUTTON' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="editModal.hide()">{{'APP_CHANGE_STATE_MODAL.CANCEL_BUTTON' | translate}}</button> </div> -</nmaas-modal> \ No newline at end of file +</nmaas-modal> diff --git a/src/app/shared/modal/appinstall/appinstallmodal.component.html b/src/app/shared/modal/appinstall/appinstallmodal.component.html index 7f5da386fa2d688a41132bb82d86ecbc8a889b8c..a20f13295c6c956e9c89c730e710bd492875de95 100644 --- a/src/app/shared/modal/appinstall/appinstallmodal.component.html +++ b/src/app/shared/modal/appinstall/appinstallmodal.component.html @@ -29,7 +29,7 @@ </div> </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" (click)="modal.hide()">{{'INSTALL_MODAL.CLOSE_BUTTON' | translate}}</button> <button type="button" class="btn btn-primary" (click)="create()" [disabled]="instance_name.invalid || clicked">{{'INSTALL_MODAL.DEPLOY_BUTTON' | translate}}</button> + <button type="button" class="btn btn-secondary" (click)="modal.hide()">{{'INSTALL_MODAL.CLOSE_BUTTON' | translate}}</button> </div> </nmaas-modal> diff --git a/src/app/shared/modal/modal-notification-send/modal-notification-send.component.html b/src/app/shared/modal/modal-notification-send/modal-notification-send.component.html index 110dfa9a340a3368694f36eed3a698f77cd69bf0..435992b9e9b3e71156a5ded7e6ca4008a93fd501 100644 --- a/src/app/shared/modal/modal-notification-send/modal-notification-send.component.html +++ b/src/app/shared/modal/modal-notification-send/modal-notification-send.component.html @@ -14,6 +14,6 @@ </div> <div class="nmaas-modal-footer"> <button type="submit" class="btn btn-primary text-center" [disabled]="!f.valid" form="notification-form">{{'MESSAGE_MODAL.CONFIRM' | translate}}</button> - <button type="button" (click)="modal.hide()" class="btn ntn-secondary text-center">{{'MESSAGE_MODAL.DISMISS' | translate}}</button> + <button type="button" (click)="modal.hide()" class="btn btn-secondary text-center">{{'MESSAGE_MODAL.DISMISS' | translate}}</button> </div> </nmaas-modal> diff --git a/src/app/shared/users/details/userdetails.component.html b/src/app/shared/users/details/userdetails.component.html index c443f899a5a6d820b405f288a8047a628c9240f6..98a4227aabc594f41570935d5b90fc1f2ccdc115 100644 --- a/src/app/shared/users/details/userdetails.component.html +++ b/src/app/shared/users/details/userdetails.component.html @@ -2,6 +2,16 @@ <div class="panel-heading">{{'USER_DETAILS.HEADER' | translate}}</div> <div class="panel-body"> <form *ngIf="user" (submit)="submit()" class="form-horizontal" #userDetailsForm="ngForm"> + <div class="flex justify-content-end mb-4"> + <button *ngIf="!isInMode(ComponentMode.VIEW)" type="button" + class="btn btn-text" (click)="onModeChange()">{{'USER_DETAILS.VIEW_BUTTON' | translate}}</button> + <button *ngIf="!isInMode(ComponentMode.VIEW)" type="submit" [disabled]="userDetailsForm.invalid" + class="btn btn-primary">{{'USER_DETAILS.SUBMIT_BUTTON' | translate}}</button> + <button *ngIf="isInMode(ComponentMode.VIEW) && isModeAllowed(ComponentMode.EDIT) && authService.hasRole('ROLE_SYSTEM_ADMIN')" type="button" + class="btn btn-text" (click)="onModeChange()">{{'USER_DETAILS.EDIT_BUTTON' | translate}}</button> + </div> + + <div class="form-group"> <label class="col-sm-2 control-label">{{'USER_DETAILS.USERNAME' | translate}}</label> @@ -43,14 +53,7 @@ <p class="form-control-static">{{user?.id}}</p> </div> </div> - - <button *ngIf="!isInMode(ComponentMode.VIEW)" type="button" - class="btn btn-default" (click)="onModeChange()">{{'USER_DETAILS.VIEW_BUTTON' | translate}}</button> - <button *ngIf="!isInMode(ComponentMode.VIEW)" type="submit" [disabled]="userDetailsForm.invalid" - class="btn btn-danger">{{'USER_DETAILS.SUBMIT_BUTTON' | translate}}</button> - <button *ngIf="isInMode(ComponentMode.VIEW) && isModeAllowed(ComponentMode.EDIT) && authService.hasRole('ROLE_SYSTEM_ADMIN')" type="button" - class="btn btn-default" (click)="onModeChange()">{{'USER_DETAILS.EDIT_BUTTON' | translate}}</button> - <button (click)="passwordModal.show()" class="btn btn-success" *ngIf="canChangePassword() && !user.ssoUser" style="float: right;">{{'USER_DETAILS.CHANGE_PASSWORD_BUTTON' | translate}}</button> + <button (click)="passwordModal.show()" class="btn btn-secondary" *ngIf="canChangePassword() && !user.ssoUser" style="float: right;">{{'USER_DETAILS.CHANGE_PASSWORD_BUTTON' | translate}}</button> </form> <br> <div class="alert alert-danger" *ngIf="errorMessage"> diff --git a/src/app/shared/users/list/userslist.component.html b/src/app/shared/users/list/userslist.component.html index 8b4f99260baed2f4e1a0faa4e3fea198ef5c6105..dcae8ac082f4203c553b5edad904b31c99eabb05 100644 --- a/src/app/shared/users/list/userslist.component.html +++ b/src/app/shared/users/list/userslist.component.html @@ -176,7 +176,7 @@ </span> </td> <td *ngIf="isModeAllowed(ComponentMode.EDIT)" style="width: 170px"> - <button class="btn btn-success" role="button" + <button class="btn btn-secondary" role="button" (click)="addToCurrentDomain(user)"> {{'USERS.ADD_TO_DOMAIN_BUTTON' | translate}}</button> </td> </tr> diff --git a/src/app/shared/users/new-ssh-key/new-ssh-key.component.html b/src/app/shared/users/new-ssh-key/new-ssh-key.component.html index 209a73c2783921008bc689223a7de9a6838c6bd9..fa6c415c393941a1004522b79955733164f864e7 100644 --- a/src/app/shared/users/new-ssh-key/new-ssh-key.component.html +++ b/src/app/shared/users/new-ssh-key/new-ssh-key.component.html @@ -1,4 +1,4 @@ -<button type="button" class="btn btn-success" (click)="modal.show()">{{'SSH_KEYS.BUTTON_NEW_KEY' | translate}}</button> +<button type="button" class="btn btn-secondary" (click)="modal.show()">{{'SSH_KEYS.BUTTON_NEW_KEY' | translate}}</button> <nmaas-modal styleModal="info"> <div class="nmaas-modal-header">{{'SSH_KEYS.MODAL.HEADER' | translate}}</div> @@ -27,11 +27,10 @@ <div *ngIf="key.errors.pattern">{{'SSH_KEYS.MODAL.ERROR.KEY_PATTERN' | translate}}</div> </div> - <input type="submit" class="btn btn-success" value="{{'SSH_KEYS.MODAL.BUTTON_ADD' | translate}}" [disabled]="!requestForm.valid"> - <button type="button" class="btn btn-primary pull-right" (click)="modal.hide()">{{'SSH_KEYS.MODAL.BUTTON_CANCEL' | translate}}</button> + <input type="submit" style="border-radius: 4px" class="btn btn-primary" value="{{'SSH_KEYS.MODAL.BUTTON_ADD' | translate}}" [disabled]="!requestForm.valid"> + <button type="button" class="btn btn-secondary pull-right" (click)="modal.hide()">{{'SSH_KEYS.MODAL.BUTTON_CANCEL' | translate}}</button> </form> - <hr/> <div *ngIf="error" class="alert alert-danger"> {{error}} </div> diff --git a/src/app/shared/users/preferences/preferences.component.html b/src/app/shared/users/preferences/preferences.component.html index d90fa2f74bb87918dcddef800affa50d5e6273c9..22fe2433fbb7bd015706009efd368458d51b17c1 100644 --- a/src/app/shared/users/preferences/preferences.component.html +++ b/src/app/shared/users/preferences/preferences.component.html @@ -3,6 +3,15 @@ <div class="panel-body"> <form *ngIf="user" (submit)="submit()" class="form-horizontal" #userPreferencesForm="ngForm"> + <div class="flex justify-content-end mb-4"> + <button *ngIf="!isInMode(ComponentMode.VIEW)" type="button" + class="btn btn-text" (click)="onModeChange()">{{'USER_DETAILS.VIEW_BUTTON' | translate}}</button> + <button *ngIf="!isInMode(ComponentMode.VIEW)" type="submit" [disabled]="userPreferencesForm.invalid" + class="btn btn-primary">{{'USER_DETAILS.SUBMIT_BUTTON' | translate}}</button> + <button *ngIf="isInMode(ComponentMode.VIEW) && isModeAllowed(ComponentMode.EDIT)" type="button" + class="btn btn-text" (click)="onModeChange()">{{'USER_DETAILS.EDIT_BUTTON' | translate}}</button> + </div> + <div class="form-group" [ngClass]="{'has-error': defaultDomain.invalid && (defaultDomain.dirty || defaultDomain.touched), 'has-success': defaultDomain.valid && (defaultDomain.dirty || defaultDomain.touched)}"> <label for="defaultDomain" class="col-sm-2 control-label">{{'USER_DETAILS.DEFAULT_DOMAIN' | translate}}:</label> @@ -15,12 +24,6 @@ </div> </div> - <button *ngIf="!isInMode(ComponentMode.VIEW)" type="button" - class="btn btn-default" (click)="onModeChange()">{{'USER_DETAILS.VIEW_BUTTON' | translate}}</button> - <button *ngIf="!isInMode(ComponentMode.VIEW)" type="submit" [disabled]="userPreferencesForm.invalid" - class="btn btn-danger">{{'USER_DETAILS.SUBMIT_BUTTON' | translate}}</button> - <button *ngIf="isInMode(ComponentMode.VIEW) && isModeAllowed(ComponentMode.EDIT)" type="button" - class="btn btn-default" (click)="onModeChange()">{{'USER_DETAILS.EDIT_BUTTON' | translate}}</button> </form> </div> </div> diff --git a/src/app/shared/users/ssh-keys/ssh-keys.component.html b/src/app/shared/users/ssh-keys/ssh-keys.component.html index 041ec1505c4c86cb91dc0bb0ecc26110cad073e8..efb4cb027d9813f2b99c014a6a7894b6ea6e829d 100644 --- a/src/app/shared/users/ssh-keys/ssh-keys.component.html +++ b/src/app/shared/users/ssh-keys/ssh-keys.component.html @@ -1,6 +1,9 @@ <div style="margin-bottom: 120px;" class="panel panel-default"> <div class="panel-heading">{{'SSH_KEYS.HEADER' | translate}}</div> <div class="panel-body"> + <div class="flex justify-content-end mb-4"> + <app-new-ssh-key (out)="getData()"></app-new-ssh-key> + </div> <table class="table table-hover" aria-describedby="User ssh keys table"> <thead> <tr> @@ -22,8 +25,5 @@ </tr> </tbody> </table> - <div> - <app-new-ssh-key (out)="getData()"></app-new-ssh-key> - </div> </div> </div> diff --git a/src/app/welcome/login/login.component.html b/src/app/welcome/login/login.component.html index fd6b29f97824ecdc039cdeb67d53d3c1263002bf..27418cc9a946d4901ca623c444d8dde34dfc66ca 100644 --- a/src/app/welcome/login/login.component.html +++ b/src/app/welcome/login/login.component.html @@ -56,7 +56,7 @@ {{'RESET_PASSWORD.MODAL.BODY' | translate}} </div> <div class="nmaas-modal-footer"> - <button type="button" class="btn btn-default" + <button type="button" class="btn btn-primary" routerLink="/welcome/login">{{'RESET_PASSWORD.MODAL.CLOSE_BUTTON' | translate}}</button> </div> </nmaas-modal> diff --git a/src/app/welcome/passwordreset/password-reset.component.html b/src/app/welcome/passwordreset/password-reset.component.html index 8eb8296db0bbc30d13277ffeef9542ce3e8a21c8..c62301d65a9f27622c178c45b8c299fa04ca760a 100644 --- a/src/app/welcome/passwordreset/password-reset.component.html +++ b/src/app/welcome/passwordreset/password-reset.component.html @@ -46,7 +46,7 @@ </div> <div *ngIf="!user" class="form-group form-group-sm"> <p class="alert alert-danger" style="text-align: center">{{'RESET_PASSWORD.INVALID_TOKEN' | translate}}</p> - <button class="btn btn-default text-center center-block" (click)="goBack()" type="button">{{'RESET_PASSWORD.GO_BACK' | translate}}</button> + <button class="btn btn-primary text-center center-block" (click)="goBack()" type="button">{{'RESET_PASSWORD.GO_BACK' | translate}}</button> </div> </div> </div> diff --git a/src/app/welcome/registration/registration.component.html b/src/app/welcome/registration/registration.component.html index c85ba608ea25d0bbb74e3c5554071f2e67818bcf..1f441ce69d2110142f3a18b2dae93c9c64bff7e8 100644 --- a/src/app/welcome/registration/registration.component.html +++ b/src/app/welcome/registration/registration.component.html @@ -77,7 +77,7 @@ </div> </div> <div class="nmaas-modal-footer"> - <button class="btn btn-danger center-block" [routerLink]="['/welcome/login']">{{ 'REGISTRATION.DONE_MESSAGE' | translate }}</button> + <button class="btn btn-primary center-block" (click)="modal.hide()" [routerLink]="['/welcome/login']">{{ 'REGISTRATION.DONE_MESSAGE' | translate }}</button> </div> </nmaas-modal> <modal-info-terms></modal-info-terms> diff --git a/src/favicon.ico b/src/favicon.ico index 2cb7f9d9710124cd8eb447960fcc4710854b37a2..3f1a6d0b085b289ede1fb0078657388f168c2214 100644 Binary files a/src/favicon.ico and b/src/favicon.ico differ diff --git a/src/styles.css b/src/styles.css index 1e608c31cb0b02c4dc8573e311be7325a5a2e82f..290b2bde17930613d3ac116a25829272f8eb6218 100644 --- a/src/styles.css +++ b/src/styles.css @@ -71,3 +71,24 @@ .btn-primary[disabled]:hover{ background: #414f6b; } +.btn{ + border:none +} +.btn-secondary{ + background: #3767BE; + color: #ffffff; +} +.btn-secondary:hover{ + background: #32559B; + color: #ffffff +} +.btn-danger{ + background: #C70500; +} +.btn-text{ + color: #32559B; + background: #ffffff; +} +.btn-text:hover{ + background: #EBEEF5; +}