Initial release

Author: Leo Leoncio

.editorconfig

@@ -0,0 +1,15 @@
+; top-most EditorConfig file
+root = true
+
+; Unix-style newlines
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+charset = utf-8
+indent_style = space
+indent_size = 4
+tab_width = 4
+
+[*.{json,yml}]
+indent_size = 2

.gitignore

@@ -0,0 +1,27 @@
+/vendor
+/composer.lock
+/node_modules
+/package-lock.json
+
+# thumbnails
+._*
+
+# misc
+.sass-cache
+.cache
+.php_cs.cache
+ecs.php
+.DS_Store
+.project
+.settings
+*.esproj
+*.sublime-workspace
+*.sublime-project
+*.tmproj
+*.tmproject
+config.codekit3
+prepros-6.config
+
+# ide
+.idea
+.vscode

CHANGELOG.md

@@ -0,0 +1,7 @@
+# Release Notes for Masked Fields
+
+All notable changes to this project will be documented in this file.
+
+## 1.0.0 - 2022.11.28
+### Initial release
+

LICENSE.md

@@ -0,0 +1,21 @@
+### The MIT License (MIT)
+
+Copyright (c) 2020-2024 Leowebguy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,17 @@
+Masked Fields plugin for Craft
+===
+
+A mix of masked/validated fields for Craft
+
+_Thanks to https://github.com/igorescobar/jQuery-Mask-Plugin_
+
+### Installation
+
+```bash
+composer require leowebguy/masked-fields
+```
+
+On your Control Panel, go to Settings → Plugins → "Masked Fields" → Install
+
+### Usage
+

composer.json

@@ -0,0 +1,57 @@
+{
+  "name": "leowebguy/masked-fields",
+  "description": "A mix of masked/validated fields for Craft",
+  "keywords": [
+    "craftcms",
+    "masked",
+    "fields",
+    "mask",
+    "validation"
+  ],
+  "version": "1.0.0",
+  "type": "craft-plugin",
+  "license": "MIT",
+  "authors": [
+    {
+      "name": "Leo",
+      "homepage": "https://github.com/leowebguy"
+    }
+  ],
+  "minimum-stability": "dev",
+  "prefer-stable": true,
+  "require": {
+    "craftcms/cms": "^4.0"
+  },
+  "require-dev": {
+    "craftcms/ecs": "dev-main",
+    "craftcms/phpstan": "dev-main",
+    "craftcms/rector": "dev-main"
+  },
+  "autoload": {
+    "psr-4": {
+      "leowebguy\\maskedfields\\": "src/"
+    }
+  },
+  "extra": {
+    "name": "Masked Fields",
+    "handle": "masked-fields",
+    "hasCpSection": false,
+    "hasCpSettings": false,
+    "class": "leowebguy\\maskedfields\\Plugin"
+  },
+  "config": {
+    "platform": {
+      "php": "8.0.2"
+    },
+    "allow-plugins": {
+      "yiisoft/yii2-composer": true,
+      "craftcms/plugin-installer": true
+    }
+  },
+  "scripts": {
+    "check-cs": "vendor/bin/ecs check src --ansi",
+    "fix-cs": "vendor/bin/ecs check src --ansi --fix",
+    "phpstan": "vendor/bin/phpstan analyse src",
+    "rector": "vendor/bin/rector process src --config vendor/craftcms/rector/sets/craft-cms-40.php"
+  }
+}

src/Plugin.php

@@ -0,0 +1,75 @@
+<?php
+/**
+ * A mix of masked/validated fields for Craft
+ *
+ * @author     Leo Leoncio
+ * @see        https://github.com/leowebguy
+ * @copyright  Copyright (c) 2022, leowebguy
+ * @license    MIT
+ */
+
+namespace leowebguy\maskedfields;
+
+use Craft;
+use craft\base\Plugin as BasePlugin;
+use craft\events\RegisterComponentTypesEvent;
+use craft\web\View;
+use leowebguy\maskedfields\assets\Assets;
+use leowebguy\maskedfields\fields\MaskedField;
+use yii\base\Event;
+use craft\services\Fields;
+
+/*
+ * Class MixManifest
+ */
+class Plugin extends BasePlugin
+{
+    // Properties
+    // =========================================================================
+    public static $plugin;
+
+    // Public Methods
+    // =========================================================================
+    public function init()
+    {
+        parent::init();
+        self::$plugin = $this;
+
+        if (!$this->isInstalled) {
+            return;
+        }
+
+        /**
+         * Register assets
+         */
+        Event::on(
+            View::class,
+            View::EVENT_BEFORE_RENDER_TEMPLATE,
+            static function() {
+                if (Craft::$app->getRequest()->getIsCpRequest()) {
+                    $view = Craft::$app->getView();
+                    $view->registerAssetBundle(Assets::class);
+                }
+            }
+        );
+
+        /**
+         * Register fields
+         */
+        Event::on(
+            Fields::class,
+            Fields::EVENT_REGISTER_FIELD_TYPES,
+            function(RegisterComponentTypesEvent $event) {
+                $event->types[] = MaskedField::class;
+            }
+        );
+
+        /**
+         * Log info
+         */
+        Craft::info(
+            'Masked Fields plugin loaded',
+            __METHOD__
+        );
+    }
+}

src/assets/Assets.php

@@ -0,0 +1,34 @@
+<?php
+/**
+ * A mix of masked/validated fields for Craft
+ *
+ * @author     Leo Leoncio
+ * @see        https://github.com/leowebguy
+ * @copyright  Copyright (c) 2022, leowebguy
+ * @license    MIT
+ */
+
+namespace leowebguy\maskedfields\assets;
+
+use craft\web\AssetBundle;
+use craft\web\assets\cp\CpAsset;
+
+class Assets extends AssetBundle
+{
+    public function init()
+    {
+        $this->sourcePath = '@leowebguy/maskedfields/assets';
+        $this->depends = [CpAsset::class];
+
+        //$this->css = [
+        //    'css/cp.css'
+        //];
+
+        $this->js = [
+            'js/jquery.mask.min.js',
+            'js/cp.js'
+        ];
+
+        parent::init();
+    }
+}

src/assets/js/cp.js

@@ -0,0 +1,15 @@
+(($) => {
+    $('.date-mask').mask('00/00/0000', {placeholder: 'mm/dd/yyyy'})
+    $('.time-mask').mask('00:00:00', {placeholder: 'hh:mm:ss'})
+    $('.datetime-mask').mask('00/00/0000 00:00:00', {placeholder: 'mm/dd/yyyy hh:mm:ss'})
+    $('.cep-mask').mask('00000-000', {placeholder: '_____-___'})
+    $('.zip-mask').mask('00000', {placeholder: '_____'})
+    $('.phonebr-mask').mask('(00) 0000-0000', {placeholder: '(__) ____-____'})
+    $('.phoneus-mask').mask('(000) 000-0000', {placeholder: '(___) ___-____'})
+    $('.ip-mask').mask('099.099.099.099', {placeholder: '___.___.___.___'})
+    $('.cnpj-mask').mask('00.000.000/0000-00', {placeholder: '__.___.___/____-__', reverse: true})
+    $('.cpf-mask').mask('000.000.000-00', {placeholder: '___.___.___-__', reverse: true})
+    $('.itin-mask').mask('000-00-0000', {placeholder: '___-__-____', reverse: true})
+    $('.money-mask').mask('#.##0,00', {reverse: true})
+    $('.percent-mask').mask('##0,00%', {reverse: true})
+})(jQuery)