cronapp-framework-mobile-js 2.9.1-RC.26-SNAPSHOT.4 → 2.9.1-SP.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/components/templates/public.menu.template.html +21 -0
  2. package/deprecated/components/css/multiselect-editor.css +118 -118
  3. package/deprecated/components/reports/BOOLEAN.parameter.html +10 -10
  4. package/deprecated/components/reports/DATE.parameter.html +3 -3
  5. package/deprecated/components/reports/DOUBLE.parameter.html +3 -3
  6. package/deprecated/components/reports/FLOAT.parameter.html +3 -3
  7. package/deprecated/components/reports/INTEGER.parameter.html +3 -3
  8. package/deprecated/components/reports/LONG.parameter.html +4 -4
  9. package/deprecated/components/reports/STRING.parameter.html +4 -4
  10. package/deprecated/components/templates/button-bar.template.html +4 -4
  11. package/deprecated/components/templates/card.template.html +6 -6
  12. package/deprecated/components/templates/checkbox.template.html +7 -7
  13. package/deprecated/components/templates/combobox.template.html +7 -7
  14. package/deprecated/components/templates/div.horizontal.template.html +26 -26
  15. package/deprecated/components/templates/div.vertical.template.html +11 -11
  16. package/deprecated/components/templates/header.template.html +2 -2
  17. package/deprecated/components/templates/image.template.html +18 -18
  18. package/deprecated/components/templates/item.avatar.template.html +4 -4
  19. package/deprecated/components/templates/item.icon.template.html +3 -3
  20. package/deprecated/components/templates/item.options.template.html +13 -13
  21. package/deprecated/components/templates/item.thumbnail.template.html +4 -4
  22. package/deprecated/components/templates/list.swipe.template.html +15 -15
  23. package/deprecated/components/templates/list.template.html +4 -4
  24. package/deprecated/components/templates/nav.bar.template.html +4 -4
  25. package/deprecated/components/templates/radiogroup-dynamic.template.html +14 -14
  26. package/deprecated/components/templates/radiogroup.template.html +20 -20
  27. package/deprecated/components/templates/range.template.html +4 -4
  28. package/deprecated/components/templates/search.template.html +5 -5
  29. package/deprecated/components/templates/tabs.template.html +4 -4
  30. package/deprecated/components/templates/toggle-dynamic.template.html +10 -10
  31. package/deprecated/components/templates/toggle.template.html +8 -8
  32. package/deprecated/css/themes/material.min.css +2 -0
  33. package/deprecated/img/cron-icon/crn-cron-crud.svg +28 -28
  34. package/deprecated/img/cron-icon/crn-tabs-icon-only.svg +24 -24
  35. package/deprecated/img/cron-icon/crn-tabs.svg +17 -17
  36. package/dist/components/templates/public.menu.template.html +1 -0
  37. package/dist/js/app.authentication.js +1 -1
  38. package/js/app.authentication.js +1 -1
  39. package/package.json +2 -3
  40. package/css/themes/deprecated/cronos.css +0 -55
  41. package/css/themes/deprecated/custom-ionic.css +0 -195
  42. package/css/themes/deprecated/groupingOfCss/checkbox.css +0 -75
  43. package/css/themes/deprecated/groupingOfCss/col.css +0 -728
  44. package/css/themes/deprecated/groupingOfCss/dynamicImage.css +0 -24
  45. package/css/themes/deprecated/groupingOfCss/import_groupingOfCss.css +0 -6
  46. package/css/themes/deprecated/groupingOfCss/login.css +0 -260
  47. package/css/themes/deprecated/groupingOfCss/qrCodeCronapp.css +0 -4
  48. package/css/themes/deprecated/groupingOfCss/upload-image.css +0 -68
  49. package/css/themes/deprecated/material.min.css +0 -404
  50. package/css/themes/deprecated/old/modal.css +0 -133
  51. package/dist/css/themes/deprecated/cronos.css +0 -1
  52. package/dist/css/themes/deprecated/custom-ionic.css +0 -1
  53. package/dist/css/themes/deprecated/groupingOfCss/checkbox.css +0 -1
  54. package/dist/css/themes/deprecated/groupingOfCss/col.css +0 -1
  55. package/dist/css/themes/deprecated/groupingOfCss/dynamicImage.css +0 -1
  56. package/dist/css/themes/deprecated/groupingOfCss/import_groupingOfCss.css +0 -1
  57. package/dist/css/themes/deprecated/groupingOfCss/login.css +0 -1
  58. package/dist/css/themes/deprecated/groupingOfCss/qrCodeCronapp.css +0 -1
  59. package/dist/css/themes/deprecated/groupingOfCss/upload-image.css +0 -1
  60. package/dist/css/themes/deprecated/material.min.css +0 -1
  61. package/dist/css/themes/deprecated/old/modal.css +0 -1
@@ -0,0 +1,21 @@
1
+ <ion-side-menus ng-if="!isOldMenu">
2
+ <ion-side-menu-content drag-content="false">
3
+ <ion-nav-bar class="bar-stable" ng-show="isOldMenu">
4
+ <ion-nav-back-button></ion-nav-back-button>
5
+ <ion-nav-buttons side="left">
6
+ <button aria-labelledby="menu_template_left_navicon_sr" class="button button-clear" menu-toggle="left" data-component="crn-button" xattr-type="button-clear">
7
+ <i class="icon ion-navicon"></i>
8
+ <span id="menu_template_left_navicon_sr" class="sr-only">{{'Accessibility.Button.Aria.Label.NavIcon' | translate}}</span>
9
+ </button>
10
+ </ion-nav-buttons>
11
+ </ion-nav-bar>
12
+ <ion-nav-view name="menuContent"></ion-nav-view>
13
+ </ion-side-menu-content>
14
+ <ion-side-menu side="left">
15
+ <div ng-include src="'views/public/menu.view.html'"></div>
16
+ </ion-side-menu>
17
+ <ion-side-menu side="right">
18
+ <div ng-include src="'views/public/menu.view.html'"></div>
19
+ </ion-side-menu>
20
+ </ion-side-menus>
21
+ <div ng-include src="'views/public/menu.view.html'" ng-if="isOldMenu"></div>
@@ -1,119 +1,119 @@
1
- ui-select:not([multiple]) ui-select-match {
2
- display: block;
3
- height: 26px;
4
- padding: 0 0 0 8px;
5
- overflow: hidden;
6
- position: relative;
7
-
8
- border: 1px solid #aaa;
9
- white-space: nowrap;
10
- line-height: 26px;
11
- color: #444;
12
- text-decoration: none;
13
-
14
- border-radius: 4px;
15
-
16
- background-clip: padding-box;
17
-
18
- -webkit-touch-callout: none;
19
- -webkit-user-select: none;
20
- -moz-user-select: none;
21
- -ms-user-select: none;
22
- user-select: none;
23
-
24
- background-color: #fff;
25
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
26
- background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
27
- background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
28
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
29
- background-image: linear-gradient(top, #fff 0%, #eee 50%);
30
- }
31
-
32
- ui-select:not([multiple]) ui-select-match:after {
33
- content: " ";
34
- display: inline-block;
35
- width: 18px;
36
- height: 100%;
37
- position: absolute;
38
- right: 0;
39
- top: 0;
40
-
41
- border-left: 1px solid #aaa;
42
- border-radius: 0 4px 4px 0;
43
-
44
- background-clip: padding-box;
45
-
46
- background: #ccc;
47
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwklEQVQ4T73Suw3CMBAG4P/cpoBNcBtfkxFgAsIGbMIIwAQwginitB4lFG5zyEigoDyUh4RL2/+n8/kICxctzGM5wMwewGZmJZaMMRURreYAIvKMgAZgpyIxDCB79yBN061S6jalirqud2VZ3r9NNMbkRHQeg4jIwTl3iXd/foGZjwBOQ0gz3ALiBjNHed+DXIuiyJtnnXPQg7TCnRV89OZ8iMjDOZd1VdU7iVrrdZIkNoZCCJn3vpoEjPmNwSf8DXgB3Rg//TfNQlEAAAAASUVORK5CYII=');
48
- background-position: center;
49
- background-repeat: no-repeat;
50
- background-size: 8px 8px;
51
-
52
- }
53
-
54
- ui-select[multiple] {
55
- display: block;
56
- border: 1px solid #aaa;
57
- cursor: text;
58
- overflow: hidden;
59
-
60
- background-color: #fff;
61
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
62
- background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
63
- background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
64
- background-image: linear-gradient(top, #eee 1%, #fff 15%);
65
- height: auto;
66
- }
67
-
68
- ui-select[multiple] ui-select-match {
69
- display: block;
70
- padding: 3px 5px 3px 5px;
71
- margin: 3px 5px 3px 5px;
72
- position: relative;
73
-
74
- line-height: 13px;
75
- color: #333;
76
- cursor: default;
77
- border: 1px solid #aaaaaa;
78
- font-size: 12px;
79
-
80
- border-radius: 3px;
81
-
82
- -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
83
- box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
84
-
85
- background-clip: padding-box;
86
-
87
- -webkit-touch-callout: none;
88
- -webkit-user-select: none;
89
- -moz-user-select: none;
90
- -ms-user-select: none;
91
- user-select: none;
92
-
93
- background-color: #e4e4e4;
94
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
95
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
96
- background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
97
- background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
98
- background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
99
- }
100
-
101
- ui-select[multiple] ui-select-match::before {
102
- content: "x";
103
- margin-right: 5px;
104
- color: #999;
105
- }
106
-
107
- ui-select-choices {
108
- display: block;
109
- border: 1px solid #5897fb;
110
- outline: none;
111
- padding: 3px;
112
-
113
- -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
114
- box-shadow: 0 0 5px rgba(0, 0, 0, .3);
115
- }
116
-
117
- ui-select-choices.invisible {
118
- display:none;
1
+ ui-select:not([multiple]) ui-select-match {
2
+ display: block;
3
+ height: 26px;
4
+ padding: 0 0 0 8px;
5
+ overflow: hidden;
6
+ position: relative;
7
+
8
+ border: 1px solid #aaa;
9
+ white-space: nowrap;
10
+ line-height: 26px;
11
+ color: #444;
12
+ text-decoration: none;
13
+
14
+ border-radius: 4px;
15
+
16
+ background-clip: padding-box;
17
+
18
+ -webkit-touch-callout: none;
19
+ -webkit-user-select: none;
20
+ -moz-user-select: none;
21
+ -ms-user-select: none;
22
+ user-select: none;
23
+
24
+ background-color: #fff;
25
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
26
+ background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
27
+ background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
28
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
29
+ background-image: linear-gradient(top, #fff 0%, #eee 50%);
30
+ }
31
+
32
+ ui-select:not([multiple]) ui-select-match:after {
33
+ content: " ";
34
+ display: inline-block;
35
+ width: 18px;
36
+ height: 100%;
37
+ position: absolute;
38
+ right: 0;
39
+ top: 0;
40
+
41
+ border-left: 1px solid #aaa;
42
+ border-radius: 0 4px 4px 0;
43
+
44
+ background-clip: padding-box;
45
+
46
+ background: #ccc;
47
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwklEQVQ4T73Suw3CMBAG4P/cpoBNcBtfkxFgAsIGbMIIwAQwginitB4lFG5zyEigoDyUh4RL2/+n8/kICxctzGM5wMwewGZmJZaMMRURreYAIvKMgAZgpyIxDCB79yBN061S6jalirqud2VZ3r9NNMbkRHQeg4jIwTl3iXd/foGZjwBOQ0gz3ALiBjNHed+DXIuiyJtnnXPQg7TCnRV89OZ8iMjDOZd1VdU7iVrrdZIkNoZCCJn3vpoEjPmNwSf8DXgB3Rg//TfNQlEAAAAASUVORK5CYII=');
48
+ background-position: center;
49
+ background-repeat: no-repeat;
50
+ background-size: 8px 8px;
51
+
52
+ }
53
+
54
+ ui-select[multiple] {
55
+ display: block;
56
+ border: 1px solid #aaa;
57
+ cursor: text;
58
+ overflow: hidden;
59
+
60
+ background-color: #fff;
61
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
62
+ background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
63
+ background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
64
+ background-image: linear-gradient(top, #eee 1%, #fff 15%);
65
+ height: auto;
66
+ }
67
+
68
+ ui-select[multiple] ui-select-match {
69
+ display: block;
70
+ padding: 3px 5px 3px 5px;
71
+ margin: 3px 5px 3px 5px;
72
+ position: relative;
73
+
74
+ line-height: 13px;
75
+ color: #333;
76
+ cursor: default;
77
+ border: 1px solid #aaaaaa;
78
+ font-size: 12px;
79
+
80
+ border-radius: 3px;
81
+
82
+ -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
83
+ box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
84
+
85
+ background-clip: padding-box;
86
+
87
+ -webkit-touch-callout: none;
88
+ -webkit-user-select: none;
89
+ -moz-user-select: none;
90
+ -ms-user-select: none;
91
+ user-select: none;
92
+
93
+ background-color: #e4e4e4;
94
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
95
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
96
+ background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
97
+ background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
98
+ background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
99
+ }
100
+
101
+ ui-select[multiple] ui-select-match::before {
102
+ content: "x";
103
+ margin-right: 5px;
104
+ color: #999;
105
+ }
106
+
107
+ ui-select-choices {
108
+ display: block;
109
+ border: 1px solid #5897fb;
110
+ outline: none;
111
+ padding: 3px;
112
+
113
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
114
+ box-shadow: 0 0 5px rgba(0, 0, 0, .3);
115
+ }
116
+
117
+ ui-select-choices.invisible {
118
+ display:none;
119
119
  }
@@ -1,10 +1,10 @@
1
- <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
- <span>{{getDescription(report.parameters[$index])}}</span>
3
- <div for="_field_" class="checkbox checkbox-assertive">
4
- <input aria-label="{{getDescription(report.parameters[$index])}}" type="checkbox" ng-model="report.parameters[$index].value" id="_field_" name="_field_">
5
- <div class="track">
6
- <div class="handle"></div>
7
- </div>
8
- </div>
9
- </label>
10
-
1
+ <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
+ <span>{{getDescription(report.parameters[$index])}}</span>
3
+ <div for="_field_" class="checkbox checkbox-assertive">
4
+ <input aria-label="{{getDescription(report.parameters[$index])}}" type="checkbox" ng-model="report.parameters[$index].value" id="_field_" name="_field_">
5
+ <div class="track">
6
+ <div class="handle"></div>
7
+ </div>
8
+ </div>
9
+ </label>
10
+
@@ -1,4 +1,4 @@
1
- <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
- <span>{{getDescription(report.parameters[$index])}}</span>
3
- <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="datetime" placeholder="{{getDescription(report.parameters[$index])}}" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
1
+ <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
+ <span>{{getDescription(report.parameters[$index])}}</span>
3
+ <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="datetime" placeholder="{{getDescription(report.parameters[$index])}}" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
4
4
  </label>
@@ -1,4 +1,4 @@
1
- <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
- <span>{{getDescription(report.parameters[$index])}}</span>
3
- <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="number" placeholder="0,00" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
1
+ <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
+ <span>{{getDescription(report.parameters[$index])}}</span>
3
+ <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="number" placeholder="0,00" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
4
4
  </label>
@@ -1,4 +1,4 @@
1
- <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
- <span>{{getDescription(report.parameters[$index])}}</span>
3
- <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" min="1" type="number" placeholder="0,00" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
1
+ <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
+ <span>{{getDescription(report.parameters[$index])}}</span>
3
+ <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" min="1" type="number" placeholder="0,00" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
4
4
  </label>
@@ -1,4 +1,4 @@
1
- <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
- <span>{{getDescription(report.parameters[$index])}}</span>
3
- <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="integer" placeholder="0" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
1
+ <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
+ <span>{{getDescription(report.parameters[$index])}}</span>
3
+ <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="integer" placeholder="0" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
4
4
  </label>
@@ -1,5 +1,5 @@
1
- <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
- <span>{{getDescription(report.parameters[$index])}}</span>
3
- <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="integer" placeholder="0" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
4
- </label>
1
+ <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
+ <span>{{getDescription(report.parameters[$index])}}</span>
3
+ <input aria-label="{{getDescription(report.parameters[$index])}}" mask="" type="integer" placeholder="0" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
4
+ </label>
5
5
 
@@ -1,5 +1,5 @@
1
- <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
- <span>{{getDescription(report.parameters[$index])}}</span>
3
- <input aria-label="{{getDescription(report.parameters[$index])}}" type="text" placeholder="{{getDescription(report.parameters[$index])}}" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
4
- </label>
1
+ <label for="_field_" class="item item-input item-stacked-label" data-component="crn-input-floating" ng-init="param=cloneElement(report.parameters[$index])" ng-show="isVisibleParam(param)" >
2
+ <span>{{getDescription(report.parameters[$index])}}</span>
3
+ <input aria-label="{{getDescription(report.parameters[$index])}}" type="text" placeholder="{{getDescription(report.parameters[$index])}}" ng-model="report.parameters[$index].value" id="_field_" name="textinput-_field_">
4
+ </label>
5
5
 
@@ -1,5 +1,5 @@
1
- <div class="button-bar">
2
- <button class="component-holder button button-dark button-block" data-component="crn-button" type="submit" ng-click="" xattr-size="" xattr-type="" xattr-theme="button-dark" xattr-fullsize="button-block" ><i class="icon ion-home icon-left"></i><span> Button</span></button>
3
- <button class="component-holder button button-dark button-block" data-component="crn-button" type="submit" ng-click="" xattr-size="" xattr-type="" xattr-theme="button-dark" xattr-fullsize="button-block" ><i class="icon ion-home icon-left"></i><span> Button</span></button>
4
- <button class="component-holder button button-dark button-block" data-component="crn-button" type="submit" ng-click="" xattr-size="" xattr-type="" xattr-theme="button-dark" xattr-fullsize="button-block" ><i class="icon ion-home icon-left"></i><span> Button</span></button>
1
+ <div class="button-bar">
2
+ <button class="component-holder button button-dark button-block" data-component="crn-button" type="submit" ng-click="" xattr-size="" xattr-type="" xattr-theme="button-dark" xattr-fullsize="button-block" ><i class="icon ion-home icon-left"></i><span> Button</span></button>
3
+ <button class="component-holder button button-dark button-block" data-component="crn-button" type="submit" ng-click="" xattr-size="" xattr-type="" xattr-theme="button-dark" xattr-fullsize="button-block" ><i class="icon ion-home icon-left"></i><span> Button</span></button>
4
+ <button class="component-holder button button-dark button-block" data-component="crn-button" type="submit" ng-click="" xattr-size="" xattr-type="" xattr-theme="button-dark" xattr-fullsize="button-block" ><i class="icon ion-home icon-left"></i><span> Button</span></button>
5
5
  </div>
@@ -1,7 +1,7 @@
1
- <div class="card">
2
- <div class="item item-avatar item-text-wrap">
3
- <img alt="Avatar" src="img/nophoto.png" class="component-holder left-block" style="" xattr-position="left-block" data-component="crn-image" id="crn-image-${RANDOM}">
4
- <h2 data-component="crn-heading" class="component-holder" id="crn-heading-${RANDOM}">Card Title</h2>
5
- <p xattr-position="text-left" class="text-left component-holder" data-component="crn-paragraph" id="crn-paragraph-${RANDOM}">This is a basic Card.</p>
6
- </div>
1
+ <div class="card">
2
+ <div class="item item-avatar item-text-wrap">
3
+ <img alt="Avatar" src="img/nophoto.png" class="component-holder left-block" style="" xattr-position="left-block" data-component="crn-image" id="crn-image-${RANDOM}">
4
+ <h2 data-component="crn-heading" class="component-holder" id="crn-heading-${RANDOM}">Card Title</h2>
5
+ <p xattr-position="text-left" class="text-left component-holder" data-component="crn-paragraph" id="crn-paragraph-${RANDOM}">This is a basic Card.</p>
6
+ </div>
7
7
  </div>
@@ -1,8 +1,8 @@
1
- <ul class="checkbox-group">
2
- <li class="item item-checkbox checkbox-stable" xattr-theme="checkbox-stable">
3
- <div class="checkbox">
4
- <input aria-label="Aria Label Text" type="checkbox" ng-model="vars.checkbox${RANDOM}" ng-initial-value="false" crn-allow-null-values="true">
5
- </div>
6
- <span>Item</span>
7
- </li>
1
+ <ul class="checkbox-group">
2
+ <li class="item item-checkbox checkbox-stable" xattr-theme="checkbox-stable">
3
+ <div class="checkbox">
4
+ <input aria-label="Aria Label Text" type="checkbox" ng-model="vars.checkbox${RANDOM}" ng-initial-value="false" crn-allow-null-values="true">
5
+ </div>
6
+ <span>Item</span>
7
+ </li>
8
8
  </ul>
@@ -1,8 +1,8 @@
1
- <div class="item item-input item-select">
2
- <label class="input-label">Select Item</label>
3
- <select aria-label="Aria Label Text" ng-model="vars.combobox${RANDOM}" id="select-${RANDOM}">
4
- <option data-component="crn-item-select" class="active" value="1" ng-selected="true">Value 1</option>
5
- <option data-component="crn-item-select" class="" value="2" ng-selected="">Value 2</option>
6
- <option data-component="crn-item-select" class="" value="3" ng-selected="">Value 3</option>
7
- </select>
1
+ <div class="item item-input item-select">
2
+ <label class="input-label">Select Item</label>
3
+ <select aria-label="Aria Label Text" ng-model="vars.combobox${RANDOM}" id="select-${RANDOM}">
4
+ <option data-component="crn-item-select" class="active" value="1" ng-selected="true">Value 1</option>
5
+ <option data-component="crn-item-select" class="" value="2" ng-selected="">Value 2</option>
6
+ <option data-component="crn-item-select" class="" value="3" ng-selected="">Value 3</option>
7
+ </select>
8
8
  </div>
@@ -1,27 +1,27 @@
1
- <div class="row">
2
- <div class="col">
3
- <div class="item">
4
- .col
5
- </div>
6
- </div>
7
- <div class="col">
8
- <div class="item">
9
- .col
10
- </div>
11
- </div>
12
- <div class="col">
13
- <div class="item">
14
- .col
15
- </div>
16
- </div>
17
- <div class="col">
18
- <div class="item">
19
- .col
20
- </div>
21
- </div>
22
- <div class="col">
23
- <div class="item">
24
- .col
25
- </div>
26
- </div>
1
+ <div class="row">
2
+ <div class="col">
3
+ <div class="item">
4
+ .col
5
+ </div>
6
+ </div>
7
+ <div class="col">
8
+ <div class="item">
9
+ .col
10
+ </div>
11
+ </div>
12
+ <div class="col">
13
+ <div class="item">
14
+ .col
15
+ </div>
16
+ </div>
17
+ <div class="col">
18
+ <div class="item">
19
+ .col
20
+ </div>
21
+ </div>
22
+ <div class="col">
23
+ <div class="item">
24
+ .col
25
+ </div>
26
+ </div>
27
27
  </div>
@@ -1,11 +1,11 @@
1
- <div class="list" >
2
- <div class="item" >
3
- .line
4
- </div>
5
- <div class="item" >
6
- .line
7
- </div>
8
- <div class="item" >
9
- .line
10
- </div>
11
- </div>
1
+ <div class="list" >
2
+ <div class="item" >
3
+ .line
4
+ </div>
5
+ <div class="item" >
6
+ .line
7
+ </div>
8
+ <div class="item" >
9
+ .line
10
+ </div>
11
+ </div>
@@ -1,3 +1,3 @@
1
- <div class="bar bar-header bar-dark">
2
- <h1 class="title">Header</h1>
1
+ <div class="bar bar-header bar-dark">
2
+ <h1 class="title">Header</h1>
3
3
  </div>
@@ -1,18 +1,18 @@
1
- <div class="form-group upload-image-component" ngf-drop ngf-change="datasource.setImage($file, datasource.active.image)" ngf-pattern="'image/*'">
2
- <label>Image Upload</label>
3
- <img style="max-height: 128px; max-width: 128px;"
4
- ng-if="datasource.active.image"
5
- alt="Image Upload"
6
- data-ng-src="{{'data:image/png;base64,' + datasource.active.image}}"
7
- ngf-change="datasource.setImage($file, datasource.active, 'image')"
8
- accept="image/*">
9
- <img data-ng-src="{{datasource.noImageUpload}}"
10
- style="max-height: 128px; max-width: 128px;"
11
- ng-if="!datasource.active.image"
12
- alt="Image Upload"
13
- ngf-select class="btn btn-default btn-block"
14
- ngf-change="datasource.setImage($file, datasource.active, 'image')" accept="image/*">
15
- <div class="remove btn btn-default btn-xs btn-danger" ng-if="datasource.active.image" ng-click="datasource.active.image=null">
16
- <span class="glyphicon glyphicon-remove"></span>
17
- </div>
18
- </div>
1
+ <div class="form-group upload-image-component" ngf-drop ngf-change="datasource.setImage($file, datasource.active.image)" ngf-pattern="'image/*'">
2
+ <label>Image Upload</label>
3
+ <img style="max-height: 128px; max-width: 128px;"
4
+ ng-if="datasource.active.image"
5
+ alt="Image Upload"
6
+ data-ng-src="{{'data:image/png;base64,' + datasource.active.image}}"
7
+ ngf-change="datasource.setImage($file, datasource.active, 'image')"
8
+ accept="image/*">
9
+ <img data-ng-src="{{datasource.noImageUpload}}"
10
+ style="max-height: 128px; max-width: 128px;"
11
+ ng-if="!datasource.active.image"
12
+ alt="Image Upload"
13
+ ngf-select class="btn btn-default btn-block"
14
+ ngf-change="datasource.setImage($file, datasource.active, 'image')" accept="image/*">
15
+ <div class="remove btn btn-default btn-xs btn-danger" ng-if="datasource.active.image" ng-click="datasource.active.image=null">
16
+ <span class="glyphicon glyphicon-remove"></span>
17
+ </div>
18
+ </div>
@@ -1,5 +1,5 @@
1
- <a class="item item-avatar-left text-left" xattr-image-position="item-avatar-left" xattr-text-position="text-left">
2
- <img alt="Avatar" src="img/nophoto.png" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}">
3
- <h2 class="dark" xattr-theme="dark">Item Title</h2>
4
- <h3 class="dark" xattr-theme="dark">Item Subtitle</h3>
1
+ <a class="item item-avatar-left text-left" xattr-image-position="item-avatar-left" xattr-text-position="text-left">
2
+ <img alt="Avatar" src="img/nophoto.png" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}">
3
+ <h2 class="dark" xattr-theme="dark">Item Title</h2>
4
+ <h3 class="dark" xattr-theme="dark">Item Subtitle</h3>
5
5
  </a>
@@ -1,4 +1,4 @@
1
- <a class="item item-icon-left" xattr-icon-position="item-icon-left" xattr-text-position="text-left">
2
- <i class="icon ion ion-home dark" xattr-theme="dark" xattr-icon-size="font-size:200%;" style="font-size:200%;"></i>
3
- <h2 class="dark" xattr-theme="dark">Item Content</h2>
1
+ <a class="item item-icon-left" xattr-icon-position="item-icon-left" xattr-text-position="text-left">
2
+ <i class="icon ion ion-home dark" xattr-theme="dark" xattr-icon-size="font-size:200%;" style="font-size:200%;"></i>
3
+ <h2 class="dark" xattr-theme="dark">Item Content</h2>
4
4
  </a>
@@ -1,14 +1,14 @@
1
- <div class="crn-item-options" data-item="true">
2
- <ion-option-button class="button-positive button" data-component="crn-button">
3
- <i class="ion ion-home"></i>
4
- <span>Home</span>
5
- </ion-option-button>
6
- <ion-option-button class="button-assertive button" data-component="crn-button">
7
- <i class="ion ion-trash-a"></i>
8
- <span>Delete</span>
9
- </ion-option-button>
10
- <ion-option-button class="button-positive button" data-component="crn-button">
11
- <i class="ion ion-edit"></i>
12
- <span>Edit</span>
13
- </ion-option-button>
1
+ <div class="crn-item-options" data-item="true">
2
+ <ion-option-button class="button-positive button" data-component="crn-button">
3
+ <i class="ion ion-home"></i>
4
+ <span>Home</span>
5
+ </ion-option-button>
6
+ <ion-option-button class="button-assertive button" data-component="crn-button">
7
+ <i class="ion ion-trash-a"></i>
8
+ <span>Delete</span>
9
+ </ion-option-button>
10
+ <ion-option-button class="button-positive button" data-component="crn-button">
11
+ <i class="ion ion-edit"></i>
12
+ <span>Edit</span>
13
+ </ion-option-button>
14
14
  </div> vc
@@ -1,5 +1,5 @@
1
- <a class="item item-thumbnail-left text-left" xattr-image-position="item-thumbnail-left" href="" xattr-text-position="text-left">
2
- <img alt="Thumbnail" src="https://picsum.photos/id/875/100/100" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}">
3
- <h2 class="dark" xattr-theme="dark">Item Title</h2>
4
- <h3 class="dark" xattr-theme="dark">Item Subtitle</h3>
1
+ <a class="item item-thumbnail-left text-left" xattr-image-position="item-thumbnail-left" href="" xattr-text-position="text-left">
2
+ <img alt="Thumbnail" src="https://picsum.photos/id/875/100/100" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}">
3
+ <h2 class="dark" xattr-theme="dark">Item Title</h2>
4
+ <h3 class="dark" xattr-theme="dark">Item Subtitle</h3>
5
5
  </a>