Language_content module

frontend/config/main.php

@@ -50,6 +50,13 @@
                         'complain' => 'complain.php',
                     ),
                 ],
+                'language_content*' => [
+                    'class' => 'yii\i18n\PhpMessageSource',
+                    'sourceLanguage' => 'en',
+                    'fileMap' => array(
+                        'language_content' => 'language_content.php',
+                    ),
+                ],
             ],
         ],
         'request' => [
@@ -78,6 +85,9 @@
         ],
     ],
     'modules' => [
+        'language_content' => [
+            'class' => 'frontend\modules\language_content\Module',
+        ],
     ],
     'params' => $params,
 ];

frontend/modules/language_content/Asset.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace frontend\modules\language_content;
+
+use yii\web\AssetBundle;
+
+/**
+ * Module asset bundle.
+ */
+class Asset extends AssetBundle
+{
+    /**
+     * @inheritdoc
+     */
+    public $sourcePath = '@frontend/modules/language_content/assets';
+    /**
+     * @inheritdoc
+     */
+    public $js = [
+        'js/jquery.tokeninput.js'
+    ];
+    /**
+     * @var array
+     */
+    public $css = [
+        'css/token-input-facebook.css'
+    ];
+    /**
+     * @inheritdoc
+     */
+    public $depends = [
+        'yii\web\JqueryAsset'
+    ];
+}

frontend/modules/language_content/Module.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace frontend\modules\language_content;
+
+class Module extends \yii\base\Module
+{
+    public $controllerNamespace = 'frontend\modules\language_content\controllers';
+
+    public function init()
+    {
+        parent::init();
+
+        // custom initialization code goes here
+    }
+}

frontend/modules/language_content/assets/css/token-input-facebook.css

@@ -0,0 +1,129 @@
+.language-content-widget {
+    margin: 5px 0;
+}
+.language-content-widget input[type=submit] {
+    margin: 5px 0;
+}
+.language-content-form {
+    display: none;
+}
+/* Example tokeninput style #2: Facebook style */
+ul.token-input-list-facebook {
+    overflow: hidden; 
+    height: auto !important; 
+    height: 1%;
+    width: 300px;
+    border: 1px solid #8496ba;
+    cursor: text;
+    font-size: 12px;
+    min-height: 1px;
+    z-index: 999;
+    margin: 0;
+    padding: 2px 5px;
+    background-color: #fff;
+    list-style-type: none;
+    clear: left;
+}
+
+ul.token-input-list-facebook li input {
+    border: 0;
+    width: 100px;
+    padding: 3px 8px;
+    background-color: white;
+    margin: 2px 0;
+    -webkit-appearance: caret;
+}
+
+li.token-input-token-facebook {
+    overflow: hidden; 
+    height: auto !important; 
+    height: 15px;
+    margin: 3px;
+    padding: 1px 3px;
+    background-color: #eff2f7;
+    color: #000;
+    cursor: default;
+    border: 1px solid #ccd5e4;
+    font-size: 11px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    float: left;
+    white-space: nowrap;
+}
+
+li.token-input-token-facebook p {
+    display: inline;
+    padding: 0;
+    margin: 0;
+}
+
+li.token-input-token-facebook span {
+    color: #a6b3cf;
+    margin-left: 5px;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+li.token-input-selected-token-facebook {
+    background-color: #5670a6;
+    border: 1px solid #3b5998;
+    color: #fff;
+}
+
+li.token-input-input-token-facebook {
+    float: left;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+
+div.token-input-dropdown-facebook {
+    position: absolute;
+    width: 300px;
+    background-color: #fff;
+    overflow: hidden;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+    cursor: default;
+    font-size: 11px;
+    z-index: 1;
+}
+
+div.token-input-dropdown-facebook p {
+    margin: 0;
+    padding: 5px;
+    font-weight: bold;
+    color: #777;
+}
+
+div.token-input-dropdown-facebook ul {
+    margin: 0;
+    padding: 0;
+}
+
+div.token-input-dropdown-facebook ul li {
+    background-color: #fff;
+    padding: 3px 10px;
+    margin: 0;
+    list-style-type: none;
+}
+
+div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
+    background-color: #fff;
+}
+
+div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
+    background-color: #fff;
+}
+
+div.token-input-dropdown-facebook ul li em {
+    font-weight: bold;
+    font-style: normal;
+}
+
+div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
+    background-color: #3b5998;
+    color: #fff;
+}