ish_manager 0.1.8.354 → 0.1.8.356

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 25a65353583bdf870122f899dec308c352aa71854a99113b12649a4a38626856
-  data.tar.gz: dafc5ba0c1af8b439640e91a238dd467252be0800930cfc8679c57eab6042c9f
+  metadata.gz: ce753c6d6bafa14c05b39e77a6d98f61984caff8cb6380d64b837bd48a0e6e28
+  data.tar.gz: aa7c9068d5a70d26f101317406234cabe535d13d32f0391b1fe9beca97297726
 SHA512:
-  metadata.gz: 37feabe9bca20cb0c1d3201359ccd7799a85b699adfbb496a766fa19148f82bd3f553032498d45790eb8134b944ca62a464170816eaf69261d04a594fa2c98d8
-  data.tar.gz: 95c0a9dd0b822d92bc715f207ef7da3f72ad8dd41d4c187aa74aa8f92774feebad919ef325c00dbebf15cc0a1c6be923a81258992456b2a1573fa02251c21361
+  metadata.gz: f3800cd35e62cb88fb79f48b6b9b88037be8c91c00dadd74cd95fb02504e927a750f03211b9ff920598947db195a858356fb6f482ebe7b60bdf7802a7c71bc17
+  data.tar.gz: 6628e0f557aec949d0ec7910c0f0c9e4462804301a6d0e8bc4d850d5398338afc44388c91417293e48c021e3e7d9f307d078726beb14585d49c802286f9f0164

data/app/assets/javascripts/ish_manager/application.js

@@ -12,6 +12,7 @@
 //
 // require ish_manager/vendor/jquery-3.6.0.min
 // require ish_manager/vendor/bootstrap.min
+//
 //= require ish_manager/vendor/jquery.iframe-transport
 //= require ish_manager/vendor/jquery.ui.widget
 //= require ish_manager/vendor/jquery.fileupload
@@ -20,6 +21,7 @@
 //
 //= require ish_manager/maps
 //= require ish_manager/email_contexts
+//= require ish_manager/email_templates
 
 $(function () {
 
@@ -57,14 +59,16 @@ $(function () {
       $('select').material_select()
     }
     if (!!$('body').select2) {
-      $('.select2').select2({
-        width: 'element'
+      $('.select2').each(function() {
+        $( this ).select2({
+          width: '100%'
+        })
       })
     }
   }
 
 
-  $(".collapse-expand").each(function(idx, obj) {
+  $(".collapse-expand").each(function() {
     const thisId = $(this).attr('id')
     const state = localStorage.getItem("collapse-expand#"+thisId)
     if (state === 'collapsed') {
@@ -84,14 +88,20 @@ $(function () {
     e.stopPropagation()
   })
 
+  $(".expand-next").click(function (_e) {
+    // logg($(this).next(), 'expand?')
+    $(this).next().slideToggle()
+  })
 
   if ('function' === typeof $('body').DataTable) {
-    $('#dataTable').DataTable({
-        pageLength: 10,
-        lengthMenu: [[10, 25, 100, -1], [10, 25, 100, 'All']],
-        lengthChange: true,
-        "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]]
-    })
+    const _props = {
+      pageLength: 10,
+      lengthMenu: [[10, 25, 100, -1], [10, 25, 100, 'All']],
+      lengthChange: true,
+      "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]]
+    }
+    $('#dataTable').DataTable(_props)
+    $('.data-table').DataTable(_props)
   }
 
   if ('function' === typeof $('body').datepicker) {
@@ -99,7 +109,92 @@ $(function () {
   }
 
   // From: https://materializecss.com/select.html
-  $('select').formSelect();
+  if ('function' === typeof $('select').formSelect) {
+    $('select').formSelect();
+  }
+
+  //
+  // select-all
+  // _vp_ 2023-02-28
+
+  $("input[type='checkbox'].i-sel").change(() => {
+    $( $(".n-selected")[0] ).html( $("input[type='checkbox'].i-sel:checked").length )
+  })
+
+  $(".delete-btn").click(function(e) {
+    logg(e, 'deleting...')
+
+    const action_path = $(this).data('url')
+    const out = []
+
+    $( $("input[type='checkbox'].i-sel:checked") ).each( idx => {
+      let val = $($("input[type='checkbox'].i-sel:checked")[idx]).val()
+      out.push(val)
+    })
+    logg(out, 'out')
+
+    $.ajax({
+      url: action_path,
+      type: 'DELETE',
+      data: {
+        ids: out,
+        jwt_token: localStorage.getItem('jwt_token'),
+      },
+      success: e => {
+        logg((e||{}).responseText, 'deleted Ok')
+        location.reload()
+      },
+      error: e => {
+        logg((e||{}).responseText, 'deleted Err')
+      },
+    })
+
+  })
+
+  $(".select-all input[type='checkbox']").change((e) => {
+    const count = $("input[type='checkbox'].i-sel:checked").length
+    const new_state = count ? false : true // all will be checked?
+
+    $(".select-all input[type='checkbox']").prop('checked', new_state)
+
+    $( $("input[type='checkbox'].i-sel") ).each( i => {
+      $( $("input[type='checkbox'].i-sel")[i] ).prop('checked', new_state)
+    })
+
+    $( $(".n-selected")[0] ).html( $("input[type='checkbox'].i-sel:checked").length )
+  })
+
+  //
+  // email conversations
+  //
+  $("body.email_conversations-show a.preview").click(function(e) {
+    // logg(e, 'clicked')
+
+    if ($(this).data('expanded')) {
+      $(this).parent().find(".expand").html('')
+      $(this).parent().find(".my-actions").addClass('hide')
+      $(this).data('expanded', false)
+      return
+    }
+
+    const action_path = "/api/email_messages/" + $(this).data('id')
+
+    $.ajax({
+      url: action_path,
+      type: 'GET',
+      data: {
+        jwt_token: localStorage.getItem('jwt_token'),
+      },
+      success: e => {
+        $(this).parent().find(".expand").html(e.item.part_html)
+        $(this).parent().find(".my-actions").removeClass('hide')
+        $(this).data('expanded', true)
+      },
+      error: e => {
+        logg((e||{}).responseText, 'cannot get email_message')
+      },
+    })
+  })
 
 });
 

data/app/assets/javascripts/ish_manager/email_contexts.js

@@ -1,6 +1,6 @@
 
 AppRouter = {
-  new_email_context_with: (slug) => `/manager/email_contexts/new_with/${slug}`
+  new_email_context_with: (slug) => `/manager/email_contexts/new_with_template/${slug}`
 }
 
 $(document).ready(() => {

data/app/assets/javascripts/ish_manager/email_templates.js

@@ -0,0 +1,20 @@
+
+$(document).ready(() => {
+
+  if ($(".email-templates--form").length) {
+    $(".tab-labels > a").click(function() {
+      logg( $(this).data('ref'), 'ref')
+
+      $(this).parent().find("a").each((idx, item) => {
+        $(item).removeClass('active')
+      })
+      $( this ).addClass('active')
+
+      $(this).parent().parent().find(".tabs > div").each((idx, item) => {
+        $(item).css('display', 'none')
+      })
+      $(this).parent().parent().find( $(this).data('ref') ).css('display', 'block')
+    })
+  }
+
+})

data/app/assets/stylesheets/ish_manager/application.scss

@@ -4,27 +4,39 @@
  *= require ish_manager/jquery-ui
  *= require_self
  *
- * includes email context:
+ *= require ish_manager/email_contexts
+ *= require ish_manager/email_conversations
+ *= require ish_manager/email_messages
  *= require ish_manager/email_templates
+ *= require ish_manager/email
  *
  *= require ish_manager/galleries
+ *= require ish_manager/leads_leadsets
  *= require ish_manager/maps
  *= require ish_manager/markers
- *= require ish_manager/leads
+ *= require ish_manager/office
+ *= require ish_manager/pagination
  *= require ish_manager/photos
+ *= require ish_manager/scheduled_actions_emails
+ *= require ish_manager/tags
  *= require ish_manager/user_profiles
  *= require ish_manager/videos
- *= require ish_manager/pagination
- *= require ish_manager/office
+ *
 **/
 
 a[target='_blank'] {
+  &::before {
+    content: '[ '
+  }
   &::after {
-    content: ' ^]' !important;
+    content: ' ^]';
+    // content: ' ^]' !important;
     // font-size: .5em;
   }
 }
-
+html {
+  height: 100%;
+}
 body {
   background: #dedede;
   font-size: 20px;
@@ -58,6 +70,11 @@ ul:not(.browser-default).bullets, {
 .collapse-expand::after {
   content: " [<>]";
 }
+.expand-next + form {
+  // border: 1px solid red !important;
+  // display: none !important;
+}
+
 .alert {
   border: 1px solid red;
   padding: .8em;
@@ -67,6 +84,11 @@ ul:not(.browser-default).bullets, {
   width: 100vwh;
   overflow-x: auto;
 }
+body.application-fullwidth {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
 .application-home {
   .bordered-card {
     max-width: 400px;
@@ -91,6 +113,12 @@ ul:not(.browser-default).bullets, {
   padding: 1em;
 }
 
+table.bordered {
+  td {
+    border: 1px solid black;
+  }
+}
+
 .bordered-card {
   border: 1px solid grey;
   padding: .5em;
@@ -99,6 +127,11 @@ ul:not(.browser-default).bullets, {
   padding: 0.5em;
 }
 
+/* B */
+
+.btn {
+  border: 1px solid red;
+}
 
 /* C */
 
@@ -128,6 +161,15 @@ ul:not(.browser-default).bullets, {
 
 /* D */
 
+table.dataTable {
+  border: 1px solid red;
+  padding: 1em;
+  border-radius: 5px;
+  box-sizing: border-box;
+  background: white;
+
+}
+
 .descr,
 .description {
   border: 1px solid red;
@@ -164,6 +206,16 @@ ul:not(.browser-default).bullets, {
   float: right;
 }
 
+/* G */
+.gray,
+.grey {
+  color: #999;
+}
+
+/* H */
+.hide, .hidden {
+  display: none !important;
+}
 
 /* I */
 img.img-400 {
@@ -189,6 +241,9 @@ ul.inline li {
   }
 }
 
+.input-date {
+  width: 100px;
+}
 
 /* L */
 textarea.large {
@@ -205,6 +260,8 @@ textarea.large {
 
 .main-header {
   background: url('//d15g8hc4183yn4.cloudfront.net/wp-content/uploads/2022/10/05192823/weather-bg.png');
+  border-bottom: 2px solid red;
+  margin-bottom: 1em;
 
   a {
     background: white;
@@ -215,8 +272,6 @@ textarea.large {
     margin-top: 0;
   }
 
-
-
   ul {
     margin: 0;
     padding: 0;
@@ -245,7 +300,17 @@ textarea.large {
 }
 
 .manager--main-footer {
+  background: url('//d15g8hc4183yn4.cloudfront.net/wp-content/uploads/2022/10/05192823/weather-bg.png');
   border-top: 2px solid red;
+  margin-top: 1em;
+
+  flex-grow: 1;
+}
+
+.max-width {
+  max-width: 1140px;
+  width: 100%;
+  margin: auto;
 }
 
 .menu-secondary {
@@ -270,6 +335,16 @@ textarea.large {
 
 /* N */
 
+.n-selected {
+
+  &::before {
+    content: "(";
+  }
+  &::after {
+    content: ")";
+  }
+}
+
 .newsitems--item {
   border: 1px solid green;
   padding: 5px;
@@ -281,6 +356,10 @@ textarea.large {
 }
 
 /* P */
+.padded {
+  padding: 0.5em;
+}
+
 .panel-content {
   padding: .5em;
 }
@@ -291,6 +370,10 @@ textarea.large {
   padding: .2em;
 }
 
+.relative {
+  position: relative;
+}
+
 /* S */
 
 .select2-container {

data/app/assets/stylesheets/ish_manager/email.scss

@@ -0,0 +1,44 @@
+
+
+.email-actions-edit,
+.email-actions-index,
+.email-filters-index,
+.email-templates-edit,
+.email-templates-show,
+.email-contexts-edit,
+.email-contexts-show,
+.emails-ns, // emails namespace
+.leads-edit,
+.leads-index {
+  .header {
+    display: flex;
+    justify-content: center;
+  }
+}
+
+
+.form-mini {
+
+  display: inline-block;
+
+  // display: flex;
+  // flex-direction: column;
+
+  max-width: 400px;
+
+  margin-left: 20px;
+
+  border: 1px solid #666;
+  border-radius: 5px;
+  padding: 5px;
+  background: #eee;
+
+  * {
+    display: inline;
+  }
+
+  .header {
+    display: block;
+  }
+}
+

data/app/assets/stylesheets/ish_manager/email_contexts.scss

@@ -0,0 +1,84 @@
+
+
+.email-contexts-new,
+.email-contexts-edit {
+  .actions {
+    margin-top: 10px;
+    margin-bottom: 50px;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+
+.email-contexts-show,
+.email-templates-show {
+
+  iframe {
+    min-height: 80vh;
+  }
+
+}
+
+.email-contexts--form,
+.email-templates--form {
+
+  .field-template {
+    display: flex;
+
+    a.action-view {
+      width: 150px;
+    }
+  }
+
+  textarea {
+    width: 100%;
+    min-height: 200px;
+  }
+
+  .field-subject {
+    display: flex;
+    width: calc( 100% - 20px );
+
+    input[name='ish_email_context[subject]'],
+    input[name='ish_email_template[subject]'] {
+      margin-left: 5px;
+      flex-grow: 1;
+    }
+  }
+
+  .body {
+    border: 1px solid red;
+    padding: 10px;
+    margin: 10px;
+  }
+
+}
+
+.email-contexts-index {
+
+  > .collapse-expand {
+    display: flex;
+    justify-content: center;
+
+    .header {
+      a {
+        &:before {
+          content: '[';
+        }
+        &:after {
+          content: ']';
+        }
+      }
+    }
+  }
+
+
+
+  table {
+    th.actions {
+      min-width: 100px;
+    }
+  }
+
+}
+

data/app/assets/stylesheets/ish_manager/email_conversations.scss

@@ -0,0 +1,143 @@
+
+.email-conversations-index,
+.email-conversations-show {
+
+  font-size: 14px;
+
+  margin: 0 1em;
+
+  > .actions {
+    border: 1px solid cyan;
+
+    display: inline;
+
+    > * {
+      display: inline;
+      margin-right: .3em;
+    }
+  }
+
+  .conversations {
+
+    tr:hover {
+      background: #eee;
+    }
+
+    tr {
+      border-bottom: 1px solid yellow;
+      margin-bottom: 0.3em;
+
+      // display: flex;
+
+      .subject {
+        // background: #ccc;
+
+        flex-grow: 1;
+      }
+    }
+
+    tr.state_unread {
+      background: #fffdd2;
+    }
+  }
+
+  // refers to number of messages in a conversation
+  .count {
+    display: inline;
+    width: 30px;
+    text-align: right;
+  }
+
+  .datetime {
+    // background: #999;
+    width: 150px;
+
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .header {
+    display: flex;
+    align-items: baseline;
+
+    .label {
+      padding-right: 0.2em;
+    }
+  }
+
+  // these are inside a conversation. _vp_ 2023-02-28
+  .messages {
+    // border: 1px solid red;
+
+    padding-left: 0;
+    list-style-type: none;
+
+    .item:first-child {
+      border-top: 1px solid yellow;
+    }
+    .item {
+      border-bottom: 1px solid yellow;
+      margin-bottom: 0.2em;
+
+      .expand {
+        border: 1px solid red;
+        max-height: 500px;
+        overflow: auto;
+      }
+
+      .my-actions {
+        display: flex;
+      }
+
+      .preview {
+        // border: 1px solid gold;
+
+        display: inline-block;
+        width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .row-1 {
+        display: flex;
+        justify-content: space-between;
+      }
+    }
+  }
+
+  .participants {
+    width: 250px;
+    padding-left: .3em;
+
+    // border: 1px solid #999900;
+    // background: #ffffcc;
+    // border-radius: 5px;
+    // padding: 5px;
+
+    // display: inline;
+
+    ul {
+      display: inline;
+      padding-left: 0;
+      li {
+        display: inline;
+      }
+    }
+  }
+
+  .select-all.chip {
+    display: flex;
+    border: 1px solid cyan;
+  }
+
+  .tags {
+    display: flex;
+    flex-direction: column;
+
+    .chip {
+      border: 1px solid cyan;
+    }
+  }
+
+}

data/app/assets/stylesheets/ish_manager/email_iframe.css

@@ -0,0 +1,4 @@
+
+html, body {
+  background: white;
+}

data/app/assets/stylesheets/ish_manager/email_messages.scss

@@ -0,0 +1,15 @@
+
+.email-messages-show {
+
+  .main-actions {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .body {
+    border: 1px solid red;
+    border-radius: 5px;
+    padding: 1em;
+  }
+
+}