Add WebCms

WebCms/Umbraco/Views/components/buttons/umb-button-group.html

@@ -0,0 +1,26 @@
+<div class="btn-group umb-button-group" ng-class="{'dropup': direction === 'up'}">
+
+   <umb-button
+      type="button"
+      action="defaultButton.handler()"
+      button-style="success"
+      state="state"
+      label="{{defaultButton.labelKey}}"
+      label-key="{{defaultButton.labelKey}}"
+      shortcut="{{defaultButton.hotKey}}"
+      shortcut-when-hidden="{{defaultButton.hotKeyWhenHidden}}">
+   </umb-button>
+
+   <a class="btn btn-success dropdown-toggle umb-button-group__toggle" data-toggle="dropdown" ng-if="subButtons.length > 0">
+      <span class="caret"></span>
+   </a>
+
+   <ul aria-labelledby="dLabel" class="dropdown-menu bottom-up umb-button-group__sub-buttons" ng-if="subButtons.length > 0" role="menu" ng-class="{'-align-right': float === 'right'}">
+      <li ng-repeat="subButton in subButtons">
+         <a href="#" ng-click="subButton.handler()" hotkey="{{subButton.hotKey}}" hotkey-when-hidden="{{subButton.hotKeyWhenHidden}}" prevent-default>
+            <localize key="{{subButton.labelKey}}">{{subButton.labelKey}}</localize>
+         </a>
+      </li>
+   </ul>
+
+</div>

WebCms/Umbraco/Views/components/buttons/umb-button.html

@@ -0,0 +1,35 @@
+<div class="btn-group umb-button">
+
+   <div class="icon-check umb-button__success" ng-class="{'-hidden': state !== 'success', '-white': style}"></div>
+
+   <div class="icon-delete umb-button__error" ng-class="{'-hidden': state !== 'error', '-white': style}"></div>
+
+   <div class="umb-button__progress" ng-class="{'-hidden': state !== 'busy', '-white': style}"></div>
+
+   <div ng-if="state !== 'init'" class="umb-button__overlay"></div>
+
+   <a ng-if="type === 'link'" href="{{href}}" class="btn umb-button__button {{style}}" ng-click="action(model)" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}">
+      <span class="umb-button__content" ng-class="{'-hidden': state !== 'init'}">
+         <i ng-if="icon && buttonStyle==='link'" class="{{icon}} umb-button__icon"></i>
+         <localize ng-if="labelKey" key="{{labelKey}}">{{label}}</localize>
+         <span ng-if="!labelKey">{{label}}</span>
+      </span>
+   </a>
+
+   <button ng-if="type === 'button'" type="button" class="btn umb-button__button {{style}}" ng-click="action(model)" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}" ng-disabled="disabled">
+      <span class="umb-button__content" ng-class="{'-hidden': state !== 'init'}">
+         <i ng-if="icon && buttonStyle==='link'" class="{{icon}} umb-button__icon"></i>
+         <localize ng-if="labelKey" key="{{labelKey}}">{{label}}</localize>
+         <span ng-if="!labelKey">{{label}}</span>
+      </span>
+   </button>
+
+   <button ng-if="type === 'submit'" type="submit" class="btn umb-button__button {{style}}" hotkey="{{shortcut}}" hotkey-when-hidden="{{shortcutWhenHidden}}" ng-disabled="disabled">
+      <span class="umb-button__content" ng-class="{'-hidden': state !== 'init'}">
+         <i ng-if="icon && buttonStyle==='link'" class="{{icon}} umb-button__icon"></i>
+         <localize ng-if="labelKey" key="{{labelKey}}">{{label}}</localize>
+         <span ng-if="!labelKey">{{label}}</span>
+      </span>
+   </button>
+
+</div>