1.0.0

Author: lichunqiang

.editorconfig

@@ -0,0 +1,24 @@
+# editorconfig.org
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+
+[*.php]
+indent_style = space
+indent_size = 4
+trim_trailing_whitespace = true
+
+[*.{js,twig,css,scss,html}]
+indent_style = space
+indent_size = 2
+
+[{Gruntfile.js,bower.json,composer.json,package.json}]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1 @@
+vendor

LockBsFormAsset.php

@@ -0,0 +1,34 @@
+<?php namespace light\widgets;
+
+use yii\web\AssetBundle;
+
+/**
+ * Asset bundle for the widget
+ *
+ * Use this bundle when you have install yii2-bootstrap
+ *
+ * @package light\widgets
+ * @version 1.0.0
+ * @author lichunqiang <[email protected]>
+ * @license MIT
+ */
+class LockBsFormAsset extends AssetBundle
+{
+    /**
+     * @inheritdoc
+     */
+    public $js = ['assets/lock.js'];
+
+    /**
+     * @inheritdoc
+     */
+    public $sourcePath = __DIR__;
+
+    /**
+     * @inheritdoc
+     */
+    public $depends = [
+        'yii\web\YiiAsset',
+        'yii\bootstrap\BootstrapPluginAsset',
+    ];
+}

LockFormAsset.php

@@ -0,0 +1,31 @@
+<?php namespace light\widgets;
+
+use yii\web\AssetBundle;
+
+/**
+ * Asset bundle for the widget
+ *
+ * @package light\widgets
+ * @version 1.0.0
+ * @author lichunqiang <[email protected]>
+ * @license MIT
+ */
+class LockFormAsset extends AssetBundle
+{
+    /**
+     * @inheritdoc
+     */
+    public $js = ['assets/lock.bootstrap.js'];
+
+    /**
+     * @inheritdoc
+     */
+    public $sourcePath = __DIR__;
+
+    /**
+     * @inheritdoc
+     */
+    public $depends = [
+        'yii\web\YiiAsset',
+    ];
+}

README.md

@@ -0,0 +1,44 @@
+yii2-lock-form
+-----------
+[![version](https://img.shields.io/packagist/v/light/yii2-lock-form.svg?style=flat-square)](https://packagist.org/packages/light/yii2-lock-form)
+[![Download](https://img.shields.io/packagist/dd/light/yii2-lock-form.svg?style=flat-square)](https://packagist.org/packages/light/yii2-lock-form)
+[![Issues](https://img.shields.io/github/issues/lichunqiang/yii2-lock-form.svg?style=flat-square)](https://github.com/lichunqiang/yii2-lock-form/issues)
+
+Make form submit button disabled when the form submit.
+
+## Install
+
+```
+$ composer require light\yii2-lock-form=*
+```
+
+## Usage
+
+Can can depends this in your assets:
+
+>if you depends on `yii2-bootstrap`, you can use `light\widgets\LockBsFormAsset` instead. So can decrease the asset size.
+
+```
+class YourAsset extends AssetBundle
+{
+    //..
+
+    public $depends = [
+        //your other depends
+        'light\widgets\LockFormAsset'
+    ];
+}
+```
+
+Or directly inject in the view:
+
+```
+use light\widgets\LockFormAsset;
+
+LockFormAsset::register($this);
+```
+
+
+## License
+
+![MIT](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)

assets/lock.bootstrap.js

@@ -0,0 +1,110 @@
+/* ========================================================================
+ * Bootstrap: button.js v3.3.5
+ * http://getbootstrap.com/javascript/#buttons
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
++function ($) {
+  'use strict';
+
+  // BUTTON PUBLIC CLASS DEFINITION
+  // ==============================
+
+  var Button = function (element, options) {
+    this.$element  = $(element)
+    this.options   = $.extend({}, Button.DEFAULTS, options)
+    this.isLoading = false
+  }
+
+  Button.VERSION  = '3.3.5'
+
+  Button.DEFAULTS = {
+    loadingText: 'loading...'
+  }
+
+  Button.prototype.setState = function (state) {
+    var d    = 'disabled'
+    var $el  = this.$element
+    var val  = $el.is('input') ? 'val' : 'html'
+    var data = $el.data()
+
+    state += 'Text'
+
+    if (data.resetText == null) $el.data('resetText', $el[val]())
+
+    // push to event loop to allow forms to submit
+    setTimeout($.proxy(function () {
+      $el[val](data[state] == null ? this.options[state] : data[state])
+
+      if (state == 'loadingText') {
+        this.isLoading = true
+        $el.addClass(d).attr(d, d)
+      } else if (this.isLoading) {
+        this.isLoading = false
+        $el.removeClass(d).removeAttr(d)
+      }
+    }, this), 0)
+  }
+
+  Button.prototype.toggle = $.noop;
+
+  // BUTTON PLUGIN DEFINITION
+  // ========================
+
+  function Plugin(option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.button')
+      var options = typeof option == 'object' && option
+
+      if (!data) $this.data('bs.button', (data = new Button(this, options)))
+
+      if (option == 'toggle') data.toggle()
+      else if (option) data.setState(option)
+    })
+  }
+
+  var old = $.fn.button
+
+  $.fn.button             = Plugin
+  $.fn.button.Constructor = Button
+
+
+  // BUTTON NO CONFLICT
+  // ==================
+
+  $.fn.button.noConflict = function () {
+    $.fn.button = old
+    return this
+  }
+
+}(jQuery);
++function (yii) {
+  function showLoading() {
+    var $self = $(this),
+      data = $self.data('yiiActiveForm'),
+      $submit = data.submitObject;
+    if (!$submit) {
+      $submit = $self.find('[type=submit]');
+    }
+    $submit.button('loading');
+  }
+  function resetLoading() {
+   var $self = $(this),
+     $submit = $self.data('yiiActiveForm').submitObject;
+   if (!$submit) {
+     $submit = $self.find('[type=submit]');
+   }
+   $submit.button('reset');
+  }
+
+  yii.lock = {
+    init: function () {
+      $('body')
+        .on('beforeSubmit', 'form', showLoading)
+        .on('ajaxComplete', 'form', resetLoading);
+    }
+  };
+}(yii);

assets/lock.js

@@ -0,0 +1,28 @@
+(function(yii) {
+  function showLoading() {
+    var $self = $(this),
+      data = $self.data('yiiActiveForm'),
+      $submit = data.submitObject;
+    if (!$submit) {
+      $submit = $self.find('[type=submit]');
+    }
+    $submit.button('loading');
+  }
+
+  function resetLoading() {
+    var $self = $(this),
+      $submit = $self.data('yiiActiveForm').submitObject;
+    if (!$submit) {
+      $submit = $self.find('[type=submit]');
+    }
+    $submit.button('reset');
+  }
+
+  yii.lock = {
+    init: function() {
+      $('body')
+        .on('beforeSubmit', 'form', showLoading)
+        .on('ajaxComplete', 'form', resetLoading);
+    }
+  };
+})(yii);

composer.json

@@ -0,0 +1,21 @@
+{
+  "name": "light/yii2-lock-form",
+  "description": "yii2 activeform ActiveForm bootstrap loading",
+  "type": "library",
+  "license": "MIT",
+  "authors": [
+    {
+      "name": "lichunqiang",
+      "email": "[email protected]"
+    }
+  ],
+  "require": {
+    "php": ">=5.4.0",
+    "yiisoft/yii2": "^2.0.6"
+  },
+  "autoload": {
+    "psr-4": {
+      "light\\widgets\\": ""
+    }
+  }
+}