=

README.md

@@ -0,0 +1,11 @@
+<p align="center">
+    <img src="https://img.shields.io/github/release/arikaim/ui.svg" alt="version: 1.0">
+    <img src="https://img.shields.io/badge/License-GPLv3-blue.svg" alt="license: GPL3">
+</p>
+
+## Arikaim CMS UI libraries
+
+### Install
+```
+composer require arikaim/ui
+```

buttons/page-url/page-url.html

@@ -0,0 +1,14 @@
+{% set target = target|default('_blank') %}
+<div class="ui left labeled button {{ class }}" tabindex="0">
+    {% if label is not empty %}
+    <div class="ui mini left horozontal label">
+        {{ label }}
+    </div>    
+    {% endif %}
+    <a class="ui basic label" href="{{ url(url,true) }}" target="{{ target }}">   
+        {{ url(url,true) }} 
+    </a>
+    <a class="ui icon blue button" href="{{ url(url,true) }}" target="{{ target }}">       
+        <i class="external alternate icon"></i>
+    </a>
+</div>

composer.json

@@ -0,0 +1,21 @@
+{
+    "name": "arikaim/ui",
+    "description": "Arikam CMS UI Libraries",
+    "keywords": ["UI", "Arikam UI Libraries","Arikaim"],
+    "type": "arikaim-library",
+    "license": "GPL-3.0-or-later",
+    "authors": [{
+        "name": "Konstantin Atanasov",
+        "email": "[email protected]",
+        "homepage": "http://arikaim.com"
+    }],
+    "require": {
+        "arikaim/installer": "*"
+    },
+    "extra": {
+        "branch-alias": {
+            "dev-master": "1.0-dev"
+        },
+        "path": ""
+    }
+}

copyright/copyright.html

@@ -0,0 +1,14 @@
+{% set current_year = currentYear() %}
+{% set show_label = show_label|default(true) %}
+{% set company = company|default('Your company') %}
+<i class="icon copyright"></i>
+{% if show_label == true %}
+<span class="text-gray-500">{{ label }}</span>
+{% endif %}
+<span class="ml-2 text-gray-500">
+{% if from_year is not empty and from_year < current_year %}
+{{ from_year }} -
+{% endif %}
+{{ current_year }}
+</span>
+<span class="ml-2">{{ company }}</span>

copyright/copyright.json

@@ -0,0 +1,3 @@
+{
+    "label": "Copyright"
+}

countries/countries.json

@@ -0,0 +1,251 @@
+[
+    {"name":"Afghanistan","code":"AF","number":"004"},
+    {"name":"Åland Islands","code":"AX","number":"248"},
+    {"name":"Albania","code":"AL","number":"008"},
+    {"name":"Algeria","code":"DZ","number":"012"},
+    {"name":"American Samoa","code":"AS","number":"016"},
+    {"name":"Andorra","code":"AD","number":"020"},
+    {"name":"Angola","code":"AO","number":"024"},
+    {"name":"Anguilla","code":"AI","number":"660"},
+    {"name":"Antarctica","code":"AQ","number":"010"},
+    {"name":"Antigua and Barbuda","code":"AG","number":"028"},
+    {"name":"Argentina","code":"AR","number":"032"},
+    {"name":"Armenia","code":"AM","number":"051"},
+    {"name":"Aruba","code":"AW","number":"533"},
+    {"name":"Australia","code":"AU","number":"036"},
+    {"name":"Austria","code":"AT","number":"040"},
+    {"name":"Azerbaijan","code":"AZ","number":"031"},
+    {"name":"Bahamas","code":"BS","number":"044"},
+    {"name":"Bahrain","code":"BH","number":"048"},
+    {"name":"Bangladesh","code":"BD","number":"050"},
+    {"name":"Barbados","code":"BB","number":"052"},
+    {"name":"Belarus","code":"BY","number":"112"},
+    {"name":"Belgium","code":"BE","number":"056"},
+    {"name":"Belize","code":"BZ","number":"084"},
+    {"name":"Benin","code":"BJ","number":"204"},
+    {"name":"Bermuda","code":"BM","number":"060"},
+    {"name":"Bhutan","code":"BT","number":"064"},
+    {"name":"Bolivia (Plurinational State of)","code":"BO","number":"068"},
+    {"name":"Bonaire, Sint Eustatius and Saba","code":"BQ","number":"535"},
+    {"name":"Bosnia and Herzegovina","code":"BA","number":"070"},
+    {"name":"Botswana","code":"BW","number":"072"},
+    {"name":"Bouvet Island","code":"BV","number":"074"},
+    {"name":"Brazil","code":"BR","number":"076"},
+    {"name":"British Indian Ocean Territory","code":"IO","number":"086"},
+    {"name":"Brunei Darussalam","code":"BN","number":"096"},
+    {"name":"Bulgaria","code":"BG","number":"100"},
+    {"name":"Burkina Faso","code":"BF","number":"854"},
+    {"name":"Burundi","code":"BI","number":"108"},
+    {"name":"Cambodia","code":"KH","number":"116"},
+    {"name":"Cameroon","code":"CM","number":"120"},
+    {"name":"Canada","code":"CA","number":"124"},
+    {"name":"Cabo Verde","code":"CV","number":"132"},
+    {"name":"Cayman Islands","code":"KY","number":"136"},
+    {"name":"Central African Republic","code":"CF","number":"140"},
+    {"name":"Chad","code":"TD","number":"148"},
+    {"name":"Chile","code":"CL","number":"152"},
+    {"name":"China","code":"CN","number":"156"},
+    {"name":"Christmas Island","code":"CX","number":"162"},
+    {"name":"Cocos (Keeling) Islands","code":"CC","number":"166"},
+    {"name":"Colombia","code":"CO","number":"170"},
+    {"name":"Comoros","code":"KM","number":"174"},
+    {"name":"Congo","code":"CG","number":"178"},
+    {"name":"Congo (Democratic Republic of the)","code":"CD","number":"180"},
+    {"name":"Cook Islands","code":"CK","number":"184"},
+    {"name":"Costa Rica","code":"CR","number":"188"},
+    {"name":"Côte d'Ivoire","code":"CI","number":"384"},
+    {"name":"Croatia","code":"HR","number":"191"},
+    {"name":"Cuba","code":"CU","number":"192"},
+    {"name":"Curaçao","code":"CW","number":"531"},
+    {"name":"Cyprus","code":"CY","number":"196"},
+    {"name":"Czech Republic","code":"CZ","number":"203"},
+    {"name":"Denmark","code":"DK","number":"208"},
+    {"name":"Djibouti","code":"DJ","number":"262"},
+    {"name":"Dominica","code":"DM","number":"212"},
+    {"name":"Dominican Republic","code":"DO","number":"214"},
+    {"name":"Ecuador","code":"EC","number":"218"},
+    {"name":"Egypt","code":"EG","number":"818"},
+    {"name":"El Salvador","code":"SV","number":"222"},
+    {"name":"Equatorial Guinea","code":"GQ","number":"226"},
+    {"name":"Eritrea","code":"ER","number":"232"},
+    {"name":"Estonia","code":"EE","number":"233"},
+    {"name":"Ethiopia","code":"ET","number":"231"},
+    {"name":"Falkland Islands (Malvinas)","code":"FK","number":"238"},
+    {"name":"Faroe Islands","code":"FO","number":"234"},
+    {"name":"Fiji","code":"FJ","number":"242"},
+    {"name":"Finland","code":"FI","number":"246"},
+    {"name":"France","code":"FR","number":"250"},
+    {"name":"French Guiana","code":"GF","number":"254"},
+    {"name":"French Polynesia","code":"PF","number":"258"},
+    {"name":"French Southern Territories","code":"TF","number":"260"},
+    {"name":"Gabon","code":"GA","number":"266"},
+    {"name":"Gambia","code":"GM","number":"270"},
+    {"name":"Georgia","code":"GE","number":"268"},
+    {"name":"Germany","code":"DE","number":"276"},
+    {"name":"Ghana","code":"GH","number":"288"},
+    {"name":"Gibraltar","code":"GI","number":"292"},
+    {"name":"Greece","code":"GR","number":"300"},
+    {"name":"Greenland","code":"GL","number":"304"},
+    {"name":"Grenada","code":"GD","number":"308"},
+    {"name":"Guadeloupe","code":"GP","number":"312"},
+    {"name":"Guam","code":"GU","number":"316"},
+    {"name":"Guatemala","code":"GT","number":"320"},
+    {"name":"Guernsey","code":"GG","number":"831"},
+    {"name":"Guinea","code":"GN","number":"324"},
+    {"name":"Guinea-Bissau","code":"GW","number":"624"},
+    {"name":"Guyana","code":"GY","number":"328"},
+    {"name":"Haiti","code":"HT","number":"332"},
+    {"name":"Heard Island and McDonald Islands","code":"HM","number":"334"},
+    {"name":"Holy See","code":"VA","number":"336"},
+    {"name":"Honduras","code":"HN","number":"340"},
+    {"name":"Hong Kong","code":"HK","number":"344"},
+    {"name":"Hungary","code":"HU","number":"348"},
+    {"name":"Iceland","code":"IS","number":"352"},
+    {"name":"India","code":"IN","number":"356"},
+    {"name":"Indonesia","code":"ID","number":"360"},
+    {"name":"Iran (Islamic Republic of)","code":"IR","number":"364"},
+    {"name":"Iraq","code":"IQ","number":"368"},
+    {"name":"Ireland","code":"IE","number":"372"},
+    {"name":"Isle of Man","code":"IM","number":"833"},
+    {"name":"Israel","code":"IL","number":"376"},
+    {"name":"Italy","code":"IT","number":"380"},
+    {"name":"Jamaica","code":"JM","number":"388"},
+    {"name":"Japan","code":"JP","number":"392"},
+    {"name":"Jersey","code":"JE","number":"832"},
+    {"name":"Jordan","code":"JO","number":"400"},
+    {"name":"Kazakhstan","code":"KZ","number":"398"},
+    {"name":"Kenya","code":"KE","number":"404"},
+    {"name":"Kiribati","code":"KI","number":"296"},
+    {"name":"Korea (Democratic People's Republic of)","code":"KP","number":"408"},
+    {"name":"Korea (Republic of)","code":"KR","number":"410"},
+    {"name":"Kuwait","code":"KW","number":"414"},
+    {"name":"Kyrgyzstan","code":"KG","number":"417"},
+    {"name":"Lao People's Democratic Republic","code":"LA","number":"418"},
+    {"name":"Latvia","code":"LV","number":"428"},
+    {"name":"Lebanon","code":"LB","number":"422"},
+    {"name":"Lesotho","code":"LS","number":"426"},
+    {"name":"Liberia","code":"LR","number":"430"},
+    {"name":"Libya","code":"LY","number":"434"},
+    {"name":"Liechtenstein","code":"LI","number":"438"},
+    {"name":"Lithuania","code":"LT","number":"440"},
+    {"name":"Luxembourg","code":"LU","number":"442"},
+    {"name":"Macao","code":"MO","number":"446"},
+    {"name":"Macedonia (the former Yugoslav Republic of)","code":"MK","number":"807"},
+    {"name":"Madagascar","code":"MG","number":"450"},
+    {"name":"Malawi","code":"MW","number":"454"},
+    {"name":"Malaysia","code":"MY","number":"458"},
+    {"name":"Maldives","code":"MV","number":"462"},
+    {"name":"Mali","code":"ML","number":"466"},
+    {"name":"Malta","code":"MT","number":"470"},
+    {"name":"Marshall Islands","code":"MH","number":"584"},
+    {"name":"Martinique","code":"MQ","number":"474"},
+    {"name":"Mauritania","code":"MR","number":"478"},
+    {"name":"Mauritius","code":"MU","number":"480"},
+    {"name":"Mayotte","code":"YT","number":"175"},
+    {"name":"Mexico","code":"MX","number":"484"},
+    {"name":"Micronesia (Federated States of)","code":"FM","number":"583"},
+    {"name":"Moldova (Republic of)","code":"MD","number":"498"},
+    {"name":"Monaco","code":"MC","number":"492"},
+    {"name":"Mongolia","code":"MN","number":"496"},
+    {"name":"Montenegro","code":"ME","number":"499"},
+    {"name":"Montserrat","code":"MS","number":"500"},
+    {"name":"Morocco","code":"MA","number":"504"},
+    {"name":"Mozambique","code":"MZ","number":"508"},
+    {"name":"Myanmar","code":"MM","number":"104"},
+    {"name":"Namibia","code":"NA","number":"516"},
+    {"name":"Nauru","code":"NR","number":"520"},
+    {"name":"Nepal","code":"NP","number":"524"},
+    {"name":"Netherlands","code":"NL","number":"528"},
+    {"name":"New Caledonia","code":"NC","number":"540"},
+    {"name":"New Zealand","code":"NZ","number":"554"},
+    {"name":"Nicaragua","code":"NI","number":"558"},
+    {"name":"Niger","code":"NE","number":"562"},
+    {"name":"Nigeria","code":"NG","number":"566"},
+    {"name":"Niue","code":"NU","number":"570"},
+    {"name":"Norfolk Island","code":"NF","number":"574"},
+    {"name":"Northern Mariana Islands","code":"MP","number":"580"},
+    {"name":"Norway","code":"NO","number":"578"},
+    {"name":"Oman","code":"OM","number":"512"},
+    {"name":"Pakistan","code":"PK","number":"586"},
+    {"name":"Palau","code":"PW","number":"585"},
+    {"name":"Palestine, State of","code":"PS","number":"275"},
+    {"name":"Panama","code":"PA","number":"591"},
+    {"name":"Papua New Guinea","code":"PG","number":"598"},
+    {"name":"Paraguay","code":"PY","number":"600"},
+    {"name":"Peru","code":"PE","number":"604"},
+    {"name":"Philippines","code":"PH","number":"608"},
+    {"name":"Pitcairn","code":"PN","number":"612"},
+    {"name":"Poland","code":"PL","number":"616"},
+    {"name":"Portugal","code":"PT","number":"620"},
+    {"name":"Puerto Rico","code":"PR","number":"630"},
+    {"name":"Qatar","code":"QA","number":"634"},
+    {"name":"Réunion","code":"RE","number":"638"},
+    {"name":"Romania","code":"RO","number":"642"},
+    {"name":"Russian Federation","code":"RU","number":"643"},
+    {"name":"Rwanda","code":"RW","number":"646"},
+    {"name":"Saint Barthélemy","code":"BL","number":"652"},
+    {"name":"Saint Helena, Ascension and Tristan da Cunha","code":"SH","number":"654"},
+    {"name":"Saint Kitts and Nevis","code":"KN","number":"659"},
+    {"name":"Saint Lucia","code":"LC","number":"662"},
+    {"name":"Saint Martin (French part)","code":"MF","number":"663"},
+    {"name":"Saint Pierre and Miquelon","code":"PM","number":"666"},
+    {"name":"Saint Vincent and the Grenadines","code":"VC","number":"670"},
+    {"name":"Samoa","code":"WS","number":"882"},
+    {"name":"San Marino","code":"SM","number":"674"},
+    {"name":"Sao Tome and Principe","code":"ST","number":"678"},
+    {"name":"Saudi Arabia","code":"SA","number":"682"},
+    {"name":"Senegal","code":"SN","number":"686"},
+    {"name":"Serbia","code":"RS","number":"688"},
+    {"name":"Seychelles","code":"SC","number":"690"},
+    {"name":"Sierra Leone","code":"SL","number":"694"},
+    {"name":"Singapore","code":"SG","number":"702"},
+    {"name":"Sint Maarten (Dutch part)","code":"SX","number":"534"},
+    {"name":"Slovakia","code":"SK","number":"703"},
+    {"name":"Slovenia","code":"SI","number":"705"},
+    {"name":"Solomon Islands","code":"SB","number":"090"},
+    {"name":"Somalia","code":"SO","number":"706"},
+    {"name":"South Africa","code":"ZA","number":"710"},
+    {"name":"South Georgia and the South Sandwich Islands","code":"GS","number":"239"},
+    {"name":"South Sudan","code":"SS","number":"728"},
+    {"name":"Spain","code":"ES","number":"724"},
+    {"name":"Sri Lanka","code":"LK","number":"144"},
+    {"name":"Sudan","code":"SD","number":"729"},
+    {"name":"Suriname","code":"SR","number":"740"},
+    {"name":"Svalbard and Jan Mayen","code":"SJ","number":"744"},
+    {"name":"Swaziland","code":"SZ","number":"748"},
+    {"name":"Sweden","code":"SE","number":"752"},
+    {"name":"Switzerland","code":"CH","number":"756"},
+    {"name":"Syrian Arab Republic","code":"SY","number":"760"},
+    {"name":"Taiwan, Province of China","code":"TW","number":"158"},
+    {"name":"Tajikistan","code":"TJ","number":"762"},
+    {"name":"Tanzania, United Republic of","code":"TZ","number":"834"},
+    {"name":"Thailand","code":"TH","number":"764"},
+    {"name":"Timor-Leste","code":"TL","number":"626"},
+    {"name":"Togo","code":"TG","number":"768"},
+    {"name":"Tokelau","code":"TK","number":"772"},
+    {"name":"Tonga","code":"TO","number":"776"},
+    {"name":"Trinidad and Tobago","code":"TT","number":"780"},
+    {"name":"Tunisia","code":"TN","number":"788"},
+    {"name":"Turkey","code":"TR","number":"792"},
+    {"name":"Turkmenistan","code":"TM","number":"795"},
+    {"name":"Turks and Caicos Islands","code":"TC","number":"796"},
+    {"name":"Tuvalu","code":"TV","number":"798"},
+    {"name":"Uganda","code":"UG","number":"800"},
+    {"name":"Ukraine","code":"UA","number":"804"},
+    {"name":"United Arab Emirates","code":"AE","number":"784"},
+    {"name":"United Kingdom of Great Britain and Northern Ireland","code":"GB","number":"826"},
+    {"name":"United States of America","code":"US","number":"840"},
+    {"name":"United States Minor Outlying Islands","code":"UM","number":"581"},
+    {"name":"Uruguay","code":"UY","number":"858"},
+    {"name":"Uzbekistan","code":"UZ","number":"860"},
+    {"name":"Vanuatu","code":"VU","number":"548"},
+    {"name":"Venezuela (Bolivarian Republic of)","code":"VE","number":"862"},
+    {"name":"Viet Nam","code":"VN","number":"704"},
+    {"name":"Virgin Islands (British)","code":"VG","number":"092"},
+    {"name":"Virgin Islands (U.S.)","code":"VI","number":"850"},
+    {"name":"Wallis and Futuna","code":"WF","number":"876"},
+    {"name":"Western Sahara","code":"EH","number":"732"},
+    {"name":"Yemen","code":"YE","number":"887"},
+    {"name":"Zambia","code":"ZM","number":"894"},
+    {"name":"Zimbabwe","code":"ZW","number":"716"}
+]

countries/dropdown/dropdown.html

@@ -0,0 +1,12 @@
+{# Show countries dropdwon #}
+{% set items = componentProperties("components:countries") %}
+<div class="ui fluid search selection dropdown" {{ name|attr("id") }}>
+    <input name="{{ name }}" type="hidden" value="{{ selected }}">
+    <i class="dropdown icon"></i>
+    <div class="default text">{{ label.default }}</div>
+    <div class="menu">   
+    {% for item in items %}
+        <div class="item" data-value="{{ item.code|lower }}"><i class="flag {{ item.code|lower }}"></i>{{ item.name }}</div>      
+    {% endfor %}
+    </div>
+</div>

countries/dropdown/dropdown.json

@@ -0,0 +1,6 @@
+{
+    "label": {
+        "default": "Select Country"
+    }
+
+}

date/format/format.html

@@ -0,0 +1,18 @@
+{% set items = getOption('date.format.items') %}
+{% set id = id|default('date_format') %}
+{% set default = default|default(default.text) %}
+
+<div class="ui basic button dropdown {{ class }}" id="date_format">   
+    <i class="icon calendar"></i>
+    <i class="icon dropdown"></i>   
+    {% if selected == "" %}      
+        <div class="text">{{ default }}</div>
+    {% else %}
+        <div class="text">{{ "now"|date(selected) }}</div>
+    {% endif %}   
+    <div class="menu">   
+    {% for item in items %}
+        <div class="item {{ item.value|ifthen(selected,'active') }}" data-value="{{ item.value }}">{{ "now"|date(item.value) }}</div>      
+    {% endfor %}
+    </div>
+</div>

date/format/format.json

@@ -0,0 +1,5 @@
+{
+    "default": {
+        "text": "Choose Date Format"
+    }
+}

dropdown/enable/enable.html

@@ -0,0 +1,25 @@
+{% set with_dropdown = with_dropdown|default(false) %}
+<div class="ui dropdown icon basic button enable-dropdown {{ class }}" {{ title|attr('title') }} {{ id|attr('id') }} {{ attributes|attr }}>
+    {% if with_dropdown == true %}
+    <i class="icon dropdown"></i>
+    {% endif %}
+    <div class="text">
+        {% if selected == 0 or selected == false %}
+            <i class="icon close orange"></i>
+            {{ labels.disabled }}
+        {% else %}
+            <i class="icon check olive"></i>
+            {{ labels.enabled }}
+        {% endif %}  
+    </div>  
+    <div class="menu">
+        <div class="item" data-value="1">
+            <i class="icon check olive"></i>
+            {{ labels.enabled }}
+        </div>   
+        <div class="item" data-value="0">
+            <i class="icon close orange"></i>
+            {{ labels.disabled }}
+        </div>    
+    </div>
+</div>