IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-30 04:34:23 -06:00
Code Issues Packages Projects Releases Wiki Activity

style(modal): use standard valid styles

Browse Source
This commit is contained in:
bergquist 2016-05-16 16:52:51 +02:00
parent 6435fa6b99
commit fa19e0d9c6
3 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/app/core/services/alert_srv.ts
View File

@ -76,7 +76,6 @@ export class AlertSrv {
scope.title = payload.title;
scope.text = payload.text;
scope.text2 = payload.text2;
scope.confirmText = payload.confirmText;
scope.confirmTextRequired = payload.confirmText !== undefined && payload.confirmText !== "";
scope.onConfirm = function() {
@ -87,13 +86,9 @@ export class AlertSrv {
};
scope.updateConfirmText = function(value) {
scope.confirmInput = value;
scope.confirmTextValid = scope.confirmText === scope.confirmInput;
scope.confirmInputStyle = scope.confirmTextValid ? "confirm-model-valid-input" : "confirm-model-invalid-input";
scope.confirmTextValid = payload.confirmText.toLowerCase() === value.toLowerCase();
};
scope.updateConfirmText("");
scope.icon = payload.icon || "fa-check";
scope.yesText = payload.yesText || "Yes";
scope.noText = payload.noText || "Cancel";

4
public/app/partials/confirm_modal.html
View File

@ -24,12 +24,12 @@
<div class="modal-content-confirm-text" ng-if="confirmTextRequired">
<span><i class="fa fa-warning"></i> Please type in the name of the dashboard to confirm.</span>
<input type="text" class="gf-form-input width-16 {{confirmInputStyle}}" style="display: inline-block;" ng-model="confirmInput" ng-change="updateConfirmText(confirmInput)">
<input type="text" class="gf-form-input width-16" style="display: inline-block;" ng-model="confirmInput" ng-change="updateConfirmText(confirmInput)">
</div>
<div class="confirm-modal-buttons">
<button type="button" class="btn btn-inverse" ng-click="dismiss()">{{noText}}</button>
<button type="button" class="btn btn-danger" ng-click="onConfirm();" ng-disabled="!confirmTextValid">{{yesText}}</button>
<button type="button" class="btn btn-danger" ng-click="onConfirm();" ng-class="{'btn-inverse': !confirmTextValid, 'btn-primary': confirmTextValid}">{{yesText}}</button>
</div>
</div>

4
public/sass/components/_modals.scss
View File

@ -116,10 +116,6 @@
}
}
.confirm-model-invalid-input {
border: thin solid $input-invalid-border-color;
}
.modal-content-confirm-text {
margin-bottom: 2rem;
span {