=

arikaim · Nov 29, 2021 · d5265bb · d5265bb
1 parent 62cfbc5
commit d5265bb
Show file tree

Hide file tree

Showing 37 changed files with 38 additions and 111 deletions.
diff --git a/arikaim-package.json b/arikaim-package.json
@@ -2,7 +2,7 @@
     "title": "UI components",
     "package-type": "components",
     "name": "semantic",
-    "version": "1.7.2",
+    "version": "1.7.3",
     "description": "Arikaim components library for Semantic UI.",
     "repository": "https://github.com/arikaim/ui-components.git",
     "require": {

diff --git a/buttons/fullscreen/fullscreen.js b/buttons/fullscreen/fullscreen.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.full-screen').on('click',function() {
         var targetId = $(this).attr('iframe-id');
         var el = $('#' + targetId);

diff --git a/clipboard/copy/copy.js b/clipboard/copy/copy.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.clipboard-copy').on('click',function() {
         var type = $(this).attr('content-type');
         var selector = $(this).attr('content-selector');

diff --git a/code/code.js b/code/code.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     safeCall('hljs',function(obj) {   
         obj.highlightAll();
     },true);    

diff --git a/form/clear/clear.js b/form/clear/clear.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     arikaim.ui.button('.clear-button',function(element) {
         var formId = $(element).attr('form-id');   
         if (isEmpty(formId) == false) {

diff --git a/form/fields/checkbox/checkbox.js b/form/fields/checkbox/checkbox.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.checkbox-field').checkbox({
         onChecked: function() {   
            var fieldId = $(this).attr('data-field-id');  

diff --git a/form/fields/price/price.js b/form/fields/price/price.js
@@ -1,5 +1,5 @@
 'use strict';
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     arikaim.ui.button('.clear-price',function(element) {
         var priceField = $(element).attr('price-field');
         $('#' + priceField).val("");

diff --git a/form/fields/slug/slug.js b/form/fields/slug/slug.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     var slugSource = $('#slug').attr('slug-source');  
     var editable = $('#slug').attr('editable');
     var disableUpdate = $('#slug').attr('disable-update');

diff --git a/form/fields/url/url.js b/form/fields/url/url.js
@@ -1,6 +1,6 @@
 'use stric';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.http-schema-dropdown').dropdown({});
 
     arikaim.ui.button('.clear-url',function(element) {

diff --git a/head/head.html b/head/head.html
@@ -48,11 +48,11 @@
     <!-- component files --> 
     {% for file in component_files['js'] %}            
     {%- set crossorigin = ('crossorigin' in file.params) ? 'crossorigin="anonymous"' : '' -%}
-    <script async {{ options.component_files }} class="component-file" component-type="{{ file.component_type }}" component-name="{{ file.component_name }}" src="{{ file.url }}" type="text/javascript" {{ crossorigin -}}></script>
+    <script async {{ options.component_files }} class="component-file" component-type="{{ file.component_type }}" component-name="{{ file.component_name }}" component-id="{{ file.component_id }}" src="{{ file.url }}" type="text/javascript" {{ crossorigin -}}></script>
     {% endfor -%}   
     <!-- page files -->
     {% for file in page_files['js'] -%}        
-        <script async {{ options.page_files }} src="{{ file.url }}" type="text/javascript"></script>
+        <script async {{ options.page_files }} class="component-file" component-type="{{ file.component_type }}" component-name="{{ file.component_name }}" component-id="{{ file.component_id }}" src="{{ file.url }}" type="text/javascript"></script>
     {%- endfor -%}     
     {% endcache %} 
 

diff --git a/image/modal/modal.js b/image/modal/modal.js
@@ -51,6 +51,6 @@ function ImagePreviewModal() {
 
 var imagePreviewModal = new ImagePreviewModal();
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     imagePreviewModal.loadCode();
 });
diff --git a/mail/button/button.html b/mail/button/button.html
diff --git a/mail/callout/callout.html b/mail/callout/callout.html
diff --git a/mail/column/column.html b/mail/column/column.html
diff --git a/mail/container/container.html b/mail/container/container.html
diff --git a/mail/expanded-button/expanded-butotn.html b/mail/expanded-button/expanded-butotn.html
diff --git a/mail/menu-item/menu-item.html b/mail/menu-item/menu-item.html
diff --git a/mail/menu/menu.html b/mail/menu/menu.html
diff --git a/mail/rows/rows.html b/mail/rows/rows.html
diff --git a/mail/spacer/spacer.html b/mail/spacer/spacer.html
diff --git a/mail/wrapper/wrapper.html b/mail/wrapper/wrapper.html
diff --git a/message/error/error.js b/message/error/error.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.message .close').on('click',function() {
         $(this).closest('.message').transition('fade');
     });

diff --git a/message/warning/warning.js b/message/warning/warning.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.warning .close').on('click', function() {
         $(this).closest('.message').transition('fade');
     });

diff --git a/modal/modal.js b/modal/modal.js
@@ -68,6 +68,6 @@ function Modal() {
 
 var modal = new Modal();
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     modal.init();
 });
diff --git a/option/checkbox/checkbox.html b/option/checkbox/checkbox.html
@@ -1,7 +1,7 @@
-{% set value = value|default(0) %}
+{% set value = value|default(getOption(name)) %}
 {% set name = name|default('') %}
 {% set label = label|default(name) %}
 <div class="ui checkbox {{ class }} option-checkbox">
     <input type="checkbox" {{ value|ifthen(1,'checked') }} name="{{ name }}" value="1">
-    <label class="{{ label_class }}">{{ label }}</label>                           
+    <label class="{{ label_class|default('font-bold') }}">{{ label }}</label>                           
 </div>  
diff --git a/option/checkbox/checkbox.js b/option/checkbox/checkbox.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.option-checkbox').checkbox({
         onChecked: function() {   
             var name = $(this).attr('name');                     

diff --git a/option/driver/driver.js b/option/driver/driver.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('#drivers_dropdown').dropdown({
         onChange: function(value) {  
             var optionName = $('#driver_field').attr('option-name');                  

diff --git a/option/input/input.html b/option/input/input.html
@@ -0,0 +1,6 @@
+<div class="ui action input" id="{{ component_id }}" type="test">
+    <input type="text" placeholder="Search...">
+    <button class="ui icon button">
+        <i class="search icon"></i>
+    </button>
+</div>
diff --git a/option/input/input.js b/option/input/input.js
@@ -0,0 +1,4 @@
+'use strict';
+
+arikaim.component.onLoaded(function(component) {  
+});
diff --git a/option/input/input.json b/option/input/input.json
@@ -0,0 +1,2 @@
+{ 
+}
diff --git a/option/radio/radio.js b/option/radio/radio.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.option-checkbox').checkbox({
         onChecked: function() {   
             var name = $(this).attr('name');   

diff --git a/orm/options/edit/edit.js b/orm/options/edit/edit.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.option-dropdown').dropdown();
     $('.option-field').popup();
 });
diff --git a/paginator/page/dropdown/dropdown.js b/paginator/page/dropdown/dropdown.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.page-go-menu').dropdown({
         onChange: function(value) { 
             var namespace = $(this).attr('namespace');

diff --git a/paginator/simple/simple.js b/paginator/simple/simple.js
@@ -20,7 +20,7 @@ arikaim.events.on('paginator.load.page',function(result) {
     }
 },'simplePaginator');
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     var init = $('.paginator').attr('init');   
     if (init == true) {      
         paginator.init();

diff --git a/properties/fields/fields.js b/properties/fields/fields.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
     $('.property-group').accordion();
     $('.property-language-dropdown').dropdown();
     arikaim.ui.viewPasswordButton('.view-password','#password');

diff --git a/properties/items/oauth/oauth.js b/properties/items/oauth/oauth.js
@@ -1,6 +1,6 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {
+arikaim.component.onLoaded(function(component) {
 
     arikaim.events.on('oauth.success',function(result) {
         drivers.reloadConfig();

diff --git a/search/form/form.js b/search/form/form.js
@@ -1,5 +1,5 @@
 'use strict';
 
-arikaim.component.onLoaded(function() {   
+arikaim.component.onLoaded(function(component) {   
     $('.search-actions').dropdown();
 });