Mini Shell

<div class="modal-header">
    <h3 class="modal-title">{{ lang.t("Destinations Selection") }}</h3>
</div>
<div class="modal-body">
    <div class="row" style="max-height: 400px; overflow-y: auto;">
        <div class="col-md-12" ng-show="loading">
            <loading-box>
                <span>{{ lang.t("Loading Destinations") }}</span>
            </loading-box>
        </div>
        <div class="col-xs-12" ng-repeat="destination in destinations" ng-hide="loading">
            <div class="pretty p-default p-curve p-smooth">
                <input type="checkbox" ng-model="destination.checked" />
                <div class="state p-primary"><label>{{ destination.name }} | {{destination.type}}<span ng-show="destination.disabled" style="color: #cc0000;"> ({{lang.t("Disabled")}})</span></label></div>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-default" type="button" ng-click="cancel()">{{ lang.t("Cancel") }}</button>
    <button class="btn btn-primary" type="button" ng-click="ok()">{{ lang.t("Select Destinations") }}</button>
</div>