mailing settings initialize user settings

static/mailing_settings/css/main.css

@@ -583,4 +583,47 @@ h3{
 
 .modal_checkboxes .label{
     padding-left: 14px;
+}
+
+.buttons_block{
+    padding-top: 25px;
+}
+
+.buttons_block button{
+    display: inline-block;
+    vertical-align: top;
+    height: 40px;
+    border: 1px solid #fff;
+    outline: 0;
+    color: #fff;
+    font-family: dindisplay_pro,Arial,sans-serif;
+    font-weight: 700;
+    font-size: 15px;
+    line-height: 41px;
+    text-transform: uppercase;
+    padding: 0 25px;
+    border-radius: 4px;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    box-shadow: 0 1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(0,0,0,.2);
+    -webkit-filter: none;
+    filter: none;
+}
+
+.buttons_block .modal-approve{
+    background: #f60;
+    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8000),color-stop(100%,#f60));
+    background: -webkit-linear-gradient(top,#ff8000 0,#f60 100%);
+    background: -o-linear-gradient(top,#ff8000 0,#f60 100%);
+    background: -webkit-linear-gradient(top,#ff8000 0,#f60 100%);
+    background: -o-linear-gradient(top,#ff8000 0,#f60 100%);
+    background: linear-gradient(to bottom,#ff8000 0,#f60 100%);
+}
+
+.buttons_block button:hover{
+    margin-top: -1px;
+}
+
+.modals{
+    display: none;
 }

static/mailing_settings/js/main.js

@@ -3,6 +3,10 @@
 // Выбор тем
 (function () {
     var $themes_modal = $('.popup-window.themes'),
+        $themes_select = $('#id_th'),
+        $tags_select = $('#id_tg'),
+        $selected_themes = $('#selected_themes'),
+        $selected_tags = $('#selected_tags'),
         user_choice = {
             th: {},
             tg: {}
@@ -12,6 +16,7 @@
             return '<li>' +
                         '<label>' +
                             '<input type="checkbox" class="hidden_checkbox" name="' + data.name + '" value="' + data.id + '" />' +
+
                             '<span class="custom_checkbox"></span>' +
                             '<span class="label">' + data.text + '</span>' +
                         '</label>' +
@@ -29,6 +34,10 @@
                         $sub_list
                             .addClass('has_items')
                             .append($sub_item);
+
+                        $tags_select.find('option').each(function () {
+                            $themes_modal.find('.sub.has_items input[name="tg"][value="' + $(this).val() + '"]').prop('checked', true);
+                        });
                     });
 
                     $loader.hide();
@@ -44,6 +53,25 @@
                     '</li>'
         };
 
+    // Записываем данные в user_chice при инициализации
+    $themes_select.find('option').each(function () {
+        $themes_modal.find('input[name="th"][value="' + $(this).val() + '"]').prop('checked', true);
+
+        user_choice['th'][$(this).val()] = $(this).text();
+
+        var $theme = $(renderSelectedThemes($(this).val(), 'th', $(this).text()));
+        $selected_themes.append($theme);
+    });
+
+
+    // Записываем данные в user_chice при инициализации
+    $tags_select.find('option').each(function () {
+        user_choice['tg'][$(this).val()] = $(this).text();
+        var $tag = $(renderSelectedThemes($(this).val(), 'tg', $(this).text()));
+        $selected_tags.append($tag);
+    });
+
+
     // открываем список тегов в теме
     $themes_modal.on('click', '.trigger', function (e) {
         e.preventDefault();
@@ -78,10 +106,8 @@
     $themes_modal.on('click', '.modal-approve', function (e) {
         e.preventDefault();
 
-        var $selected_themes = $('#selected_themes'),
-            $selected_tags = $('#selected_tags');
-
         $selected_themes.html('');
+        $selected_tags.html('');
 
         for (var theme_id in user_choice['th']) {
             var $theme = $(renderSelectedThemes(theme_id, 'th', user_choice['th'][theme_id]));
@@ -95,20 +121,14 @@
 
         $.fancybox.close();
     });
-
-    if (checked_th.length){
-        $.each(checked_th, function (i,val) {
-            console.log(val);
-            $('input[name="th"][value=' + val + ']').prop('checked', true);
-
-        });
-    }
 })();
 
 
 // Выбор городов
 (function () {
     var $cities_modal = $('.popup-window.r_cities'),
+        $selected_cities = $('#selected_cities'),
+        $cities_select = $('#id_r_cities'),
         selected_cities = {},
 
         renderSelectedCities = function (id, text) {
@@ -119,6 +139,16 @@
                     '</li>'
         };
 
+    // Записываем данные в user_chice при инициализации
+    $cities_select.find('option').each(function () {
+        $cities_modal.find('input[name="r_cities"][value="' + $(this).val() + '"]').prop('checked', true);
+
+        selected_cities[$(this).val()] = $(this).text();
+
+        var $city = $(renderSelectedCities($(this).val(), $(this).text()));
+        $selected_cities.append($city);
+    });
+
     $cities_modal.on('change', 'input[type="checkbox"]', function (e) {
         e.preventDefault();
         var $checkbox = $(this);
@@ -135,7 +165,6 @@
     $cities_modal.on('click', '.modal-approve', function (e) {
         e.preventDefault();
 
-        var $selected_cities = $('#selected_cities');
         $selected_cities.html('');
 
         for (var city_id in selected_cities) {

templates/client/accounts/mailing_settings.html

@@ -35,12 +35,12 @@
                             {{ form.th.label_tag }}
                             {{ form.th }}
                             <ul id="selected_themes" class="selected"></ul>
+                            <ul id="selected_tags" class="selected"></ul>
                             <a href="#search-modal" class="modal_trigger themes_trigger">{% trans 'Уточнить темы' %}</a>
 
-                            <h3>{% trans 'Теги' %}</h3>
-                            {{ form.tg.label_tag }}
+                            {# <h3>{% trans 'Теги' %}</h3> #}
+                            <!--{{ form.tg.label_tag }}-->
                             {{ form.tg }}
-                            <ul id="selected_tags" class="selected"></ul>
                         </div>
 
                         <div class="column">
@@ -185,10 +185,32 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.min.js" defer></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.js" defer></script>
         <script type="application/javascript">
-            var checked_r_cities = [ {{ checked_r_cities|join:', ' }} ];
-            var checked_f_countries = [ {{ checked_f_countries|join:', ' }} ];
-            var checked_th = [ {{ checked_th|join:', ' }} ];
-            var checked_tg = [ {{ checked_tg|join:', ' }} ];
+//            var checked_r_cities = [ {{ checked_r_cities|join:', ' }} ];
+//            var checked_f_countries = [ {{ checked_f_countries|join:', ' }} ];
+//            var checked_th = [ {{ checked_th|join:', ' }} ];
+//            var checked_tg = [ {{ checked_tg|join:', ' }} ];
+
+//            var user_choice = {
+//                th: {
+//                    1: "Авиакосмическая промышленность",
+//                    94: "АПК и пищевая индустрия"
+//                },
+//                tg: {
+//
+//                },
+//                r_cities: {
+//                    "-1034272": "Алушта",
+//                    "-2880021": "Астрахань",
+//                    "-2883930": "Белгород"
+//                },
+//                area: {
+//                    4: "Европа"
+//                },
+//                co: {
+//                    16: "Бангладеш",
+//                    194: "Вьетнам"
+//                }
+//            };
         </script>
         <script src="{% static 'mailing_settings/js/main.js' %}" defer></script>
     </body>