WordPress.org
Get WordPress

Plugin Directory

Changeset 2954671


Ignore:
Timestamp:
08/17/2023 05:20:27 AM (3 years ago)
Author:
atomchat
Message:

Added new layout for installation process and tested with latest version

Location:
atomchat/trunk
Files:
4 added
9 edited

Legend:

Unmodified
Added
Removed

  • atomchat/trunk/README.txt

    r2880972 r2954671  
    44Requires at least: 4.7
    55Requires PHP: 5.6
    6 Tested up to: 6.1
    7 Stable tag: 1.1.2
     6Tested up to: 6.2
     7Stable tag: 1.1.3
    88License: GNU General Public License v2.0 or later
    99
    … …  
    177177= 1.1.2 =
    178178* Miscellaneous bug fixes
     179
     180= 1.1.3 =
     181* Added new layout for installation process

  • atomchat/trunk/admin/atomchat-auth.php

    r2512332 r2954671  
    1111    <div class="atomchat">
    1212        <div class="comet-locked-layout">
    13             <img class="atomchat-logo" src=<?php echo $atomchatAuthKey;?> />
     13            <!-- <img class="atomchat-logo" src=<?php //echo $atomchatAuthKey;?> /> -->
     14            <div class="auth-back-img" style="background-image: url('<?php echo $atomchat_feedback_background;?>');">
     15                <div class="feedback-slides" style="position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);">
     16                        <div class="slideshow-container fade">
     17
     18                      <!-- Full images with numbers and message Info -->
     19                      <div class="Containers" style="text-align:center;">
     20                        <!-- <div class="MessageInfo">1 / 3</div> -->
     21                        <img src="<?php echo $atomchat_feedback_img;?>" style="width:40%;display: block;margin: 0 auto;">
     22                        <div class="Info">"I have used AtomChat for nearly 5 months, and through the integration process with my app I have not only been helped quickly by support by a number of times, but it was also quite seamless. They have integration guides for a variety of software. The docked and embedded views for the chat are fast, easy to setup, and still very modular. We are using AtomChat to create a communication network for a marketplace of funds and investors, and using their instant messaging and video/audio calls."</div>
     23                        <p style="font-size: 16px;font-weight: bold;margin-bottom: 0px;">Alex Johnson</p>
     24                        <p style="margin-top:2px;">CTO at Velvet, USA</p>
     25                      </div>
     26
     27                      <div class="Containers" style="text-align:center;">
     28                        <!-- <div class="MessageInfo">1 / 3</div> -->
     29                        <img src="<?php echo $atomchat_feedback_two_img;?>" style="width:40%;display: block;margin: 0 auto;">
     30                        <div class="Info">"Among many other unique needs, we needed a chat integration that offered real time messaging, audio calls, video calls and a white board option similar to competitors on the market. Searching the market for the right solution was difficult and a bit scary. Rarely you will find a product that is both compelling and supported by an incredible team, while there may be products like AtomChat on the market, from our personal experience, NONE of these solutions comes close in terms of customer service and quality. Everything we need, from messaging to collaborative options is offered by AtomChat. We have not looked back since choosing AtomChat and are looking forward to a long and fruitful future with them!"</div>
     31                        <p style="font-size: 16px;font-weight: bold;margin-bottom: 0px;">Kameron James Moshier</p>
     32                        <p style="margin-top:2px;">Co-Founder & Co-CEO of philtalk, USA</p>
     33                      </div>
     34
     35                     
     36
     37                      <!-- Back and forward buttons -->
     38                      <a class="Back slide-back" onclick="plusSlides(-1)">&#10094;</a>
     39                      <a class="forward slide-forward" onclick="plusSlides(1)">&#10095;</a>
     40                        </div>
     41                    <br>
     42                    <!-- The circles/dots -->
     43                    <div style="text-align:center">
     44                      <span class="dots" onclick="currentSlide(1)"></span>
     45                      <span class="dots" onclick="currentSlide(2)"></span>
     46                      <!-- <span class="dots" onclick="currentSlide(3)"></span> -->
     47                    </div>
     48                </div>
     49            </div>
    1450        </div>
    1551        <div class="comet-installation-successs">
    1652            <div class="comet-content">
    17                 <img class="atomchat-logo-image" src=<?php echo $atomchatLogo;?>>
    18                 <div id="atomchat_auth" class="tab">
    19                     <div class="atomchat_auth_content">
    20                         <h2>
    21                             Enter Auth Key
    22                         </h2>
     53                <img class="atomchat-logo-image" src=<?php echo $atomchat_logo;?>>
     54               
     55                <h2 class="ins-heading">Update keys</h2>
     56                <p style="margin-top: 1px;">Please enter your Auth & API Keys</p>
     57                <hr>
     58
     59          <div id="atomchat_auth" class="tab">
     60                <div class="atomchat_auth_content">
     61                        <!-- <h2>Enter Auth Key</h2> -->
     62                        <label class="ins-label">Enter Auth Key</label>
     63                        <p style="margin-top: 8px;">
     64                            <input type="text" class="atomchat_auth_key" name="atomchat_auth_key" id="auth_key_token" value="<?php echo get_option('atomchat_auth_key');?>" style="width: 100%;" placeholder="Enter Auth Key">
     65                        </p>
    2366                        <p>
    24                             <b>Note:</b> You can find your Auth Key in AtomChat Admin Panel -> API Keys (top-right button)
    25                         </p>
    26                         <p style="margin-top: 20px;">
    27                             <input type="text" class="atomchat_auth_key" name="atomchat_auth_key" id="auth_key_token" value="<?php echo get_option('atomchat_auth_key');?>" style="width: 60%;" placeholder="Enter Auth Key">
     67                            <b>Note:</b> The keys are present in your AtomChat Admin Panel -> API Keys (top-right button)
    2868                        </p>
    2969
    30                         <h2>
    31                             Enter API Key
    32                         </h2>
     70                        <!-- <h2>Enter API Key</h2> -->
     71                        <label class="ins-label">Enter API Key</label>
     72                        <p style="margin-top: 8px;">
     73                            <input type="text" class="atomchat_api_key" name="atomchat_api_key" id="api_key" value="<?php echo get_option('atomchat_api_key');?>" style="width: 100%;" placeholder="Enter API Key">
     74                        </p>
    3375                        <p>
    34                             <b>Note:</b> You can find your API Key in AtomChat Admin Panel -> API Keys (top-right button)
    35                         </p>
    36                         <p style="margin-top: 20px;">
    37                             <input type="text" class="atomchat_api_key" name="atomchat_api_key" id="api_key" value="<?php echo get_option('atomchat_api_key');?>" style="width: 60%;" placeholder="Enter API Key">
     76                            <b>Note:</b> The keys are present in your AtomChat Admin Panel -> API Keys (top-right button)
    3877                        </p>
    3978                    </div>
    40                     <p style="margin-top: 20px;">
    41                         <button type="submit" value="submit" class="button-primary" id ="update_auth_key" level="init">Update</button>
     79                    <p style="margin-top: 8px;">
     80                        <button type="submit" value="submit" class="button-primary" id ="update_auth_key" level="init" style="width: 100%">Update</button>
    4281                    </p>
    43                     <div id = "success_auth" class = "successmsg"></div>
    44                 </div>
     82              <div id = "success_auth" class = "successmsg"></div>
     83          </div>
    4584            </div>
    4685        </div>
    4786    </div>
     87
     88<script type="text/javascript">
     89var slidePosition = 1;
     90SlideShow(slidePosition);
     91
     92// forward/Back controls
     93function plusSlides(n) {
     94  SlideShow(slidePosition += n);
     95}
     96
     97//  images controls
     98function currentSlide(n) {
     99  SlideShow(slidePosition = n);
     100}
     101
     102function SlideShow(n) {
     103  var i;
     104  var slides = document.getElementsByClassName("Containers");
     105  var circles = document.getElementsByClassName("dots");
     106  if (n > slides.length) {slidePosition = 1}
     107  if (n < 1) {slidePosition = slides.length}
     108  for (i = 0; i < slides.length; i++) {
     109      slides[i].style.display = "none";
     110  }
     111  for (i = 0; i < circles.length; i++) {
     112      circles[i].className = circles[i].className.replace(" enable", "");
     113  }
     114  slides[slidePosition-1].style.display = "block";
     115  circles[slidePosition-1].className += " enable";
     116}
     117</script>
    48118</body>
    49119</html>

  • atomchat/trunk/admin/atomchat-ready.php

    r2512332 r2954671  
    1010    <div class="atomchat">
    1111        <div class="comet-locked-layout">
    12             <img class="atomchat-logo" src=<?php echo $atomchatDockedLayout;?> />
     12            <!-- <img class="atomchat-logo" src=<?php //echo $atomchatDockedLayout;?> /> -->
     13            <div class="auth-back-img" style="background-image: url('<?php echo $atomchat_feedback_background;?>');">
     14                <div class="feedback-slides" style="position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);">
     15                        <div class="slideshow-container fade">
     16
     17                      <!-- Full images with numbers and message Info -->
     18                      <div class="Containers" style="text-align:center;">
     19                        <!-- <div class="MessageInfo">1 / 3</div> -->
     20                        <img src="<?php echo $atomchat_feedback_img;?>" style="width:40%;display: block;margin: 0 auto;">
     21                        <div class="Info">"I have used AtomChat for nearly 5 months, and through the integration process with my app I have not only been helped quickly by support by a number of times, but it was also quite seamless. They have integration guides for a variety of software. The docked and embedded views for the chat are fast, easy to setup, and still very modular. We are using AtomChat to create a communication network for a marketplace of funds and investors, and using their instant messaging and video/audio calls."</div>
     22                        <p style="font-size: 16px;font-weight: bold;margin-bottom: 0px;">Alex Johnson</p>
     23                        <p style="margin-top:2px;">CTO at Velvet, USA</p>
     24                      </div>
     25
     26                      <div class="Containers" style="text-align:center;">
     27                        <!-- <div class="MessageInfo">1 / 3</div> -->
     28                        <img src="<?php echo $atomchat_feedback_two_img;?>" style="width:40%;display: block;margin: 0 auto;">
     29                        <div class="Info">"Among many other unique needs, we needed a chat integration that offered real time messaging, audio calls, video calls and a white board option similar to competitors on the market. Searching the market for the right solution was difficult and a bit scary. Rarely you will find a product that is both compelling and supported by an incredible team, while there may be products like AtomChat on the market, from our personal experience, NONE of these solutions comes close in terms of customer service and quality. Everything we need, from messaging to collaborative options is offered by AtomChat. We have not looked back since choosing AtomChat and are looking forward to a long and fruitful future with them!"</div>
     30                        <p style="font-size: 16px;font-weight: bold;margin-bottom: 0px;">Kameron James Moshier</p>
     31                        <p style="margin-top:2px;">Co-Founder & Co-CEO of philtalk, USA</p>
     32                      </div>
     33
     34                     
     35
     36                      <!-- Back and forward buttons -->
     37                      <a class="Back slide-back" onclick="plusSlides(-1)">&#10094;</a>
     38                      <a class="forward slide-forward" onclick="plusSlides(1)">&#10095;</a>
     39                        </div>
     40                    <br>
     41                    <!-- The circles/dots -->
     42                    <div style="text-align:center">
     43                      <span class="dots" onclick="currentSlide(1)"></span>
     44                      <span class="dots" onclick="currentSlide(2)"></span>
     45                      <!-- <span class="dots" onclick="currentSlide(3)"></span> -->
     46                    </div>
     47                </div>
     48            </div>
    1349        </div>
    1450        <div class="comet-installation-successs">
    1551            <div class="comet-content">
    16                 <img class="atomchat-logo-image" src=<?php echo $atomchatLogo;?>>
    17                 <h2>AtomChat Docked Layout</h2>
    18                 <p style="font-weight: 700;">AtomChat has been successfully installed on your site. </p>
     52                <!-- <img class="atomchat-logo-image" src=<?php //echo $atomchatLogo;?>> -->
     53                <img class="atomchat-logo-image" src=<?php echo $atomchat_logo;?>>
     54                <h2 class="ins-heading">Done! Plugin Installed</h2>
     55                <p style="font-weight: 700;">AtomChat has been successfully added to your site. </p>
    1956                <p>We have pre-enabled our Docked Layout for your convenience. </p>
    2057                <div>
    21                     <button type="submit" value = "submit" id = "save" class = "button-primary" onclick="cometGOPanel('<?php echo $atomchatAdminPanelurl; ?>');">Launch Admin Panel</button>
    22                     <button type="submit" value = "submit" id = "save" class = "button-primary" onclick="cometGoSettings();">Go To Settings</button>
     58                    <button type="submit" value = "submit" id = "save" class = "button-primary" onclick="cometGOPanel('<?php echo $atomchatAdminPanelurl; ?>');" style="background: #20b6c7">Launch Admin Panel</button>
     59                    <button type="submit" value = "submit" id = "save" class = "button-primary" style="background: #fff;color: #20b6c7;border: 1px solid;" onclick="cometGoSettings();">Go To Settings</button>
     60                    <p>To add our Embedded layout to your website page, please refer to <a href="https://help.atomchat.com/support/solutions/articles/82000891754-add-atomchat-to-your-wordpress-website" target="_blank">link</a> </p>
    2361                </div>
    2462            </div>
    2563        </div>
    2664    </div>
     65
     66<script type="text/javascript">
     67var slidePosition = 1;
     68SlideShow(slidePosition);
     69
     70// forward/Back controls
     71function plusSlides(n) {
     72  SlideShow(slidePosition += n);
     73}
     74
     75//  images controls
     76function currentSlide(n) {
     77  SlideShow(slidePosition = n);
     78}
     79
     80function SlideShow(n) {
     81  var i;
     82  var slides = document.getElementsByClassName("Containers");
     83  var circles = document.getElementsByClassName("dots");
     84  if (n > slides.length) {slidePosition = 1}
     85  if (n < 1) {slidePosition = slides.length}
     86  for (i = 0; i < slides.length; i++) {
     87      slides[i].style.display = "none";
     88  }
     89  for (i = 0; i < circles.length; i++) {
     90      circles[i].className = circles[i].className.replace(" enable", "");
     91  }
     92  slides[slidePosition-1].style.display = "block";
     93  circles[slidePosition-1].className += " enable";
     94}
     95</script>
    2796</body>
    2897</html>

  • atomchat/trunk/atomchat-go.php

    r2551221 r2954671  
    2222    $atomchatDockedLayout = esc_url($atomchatPluginPath.'images/docked_layout.svg');
    2323    $atomchatAuthKey = esc_url($atomchatPluginPath.'images/atomchat_auth.png');
     24
     25    $atomchat_logo = esc_url($atomchatPluginPath.'images/atomchat_final_logo.svg');
     26    $atomchat_feedback_img = esc_url($atomchatPluginPath.'images/feedback_one.png');
     27    $atomchat_feedback_two_img = esc_url($atomchatPluginPath.'images/feedback_two.png');
     28    $atomchat_feedback_background = esc_url($atomchatPluginPath.'images/feedback_background.jpeg');
    2429
    2530    if(!empty($atomchat_clientid) || !empty($_COOKIE['atomchat_cloud'])) {

  • atomchat/trunk/atomchat.php

    r2880972 r2954671  
    44* Plugin Name: AtomChat
    55* Description: Voice, video & text chat for your WordPress site
    6 * Version: 1.1.2
     6* Version: 1.1.3
    77* Author: AtomChat
    88* Author URI: https://www.atomchat.com/

  • atomchat/trunk/css/atomchat-auth.css

    r2512334 r2954671  
    1010    z-index: 10000;
    1111    box-sizing: border-box;
     12    padding-bottom: 25px; /*New added css*/
    1213}
    1314.comet-locked-layout {
    … …  
    1516    max-width: 1200px;
    1617    float: left;
     18    border-radius: 15px; /*New added css*/
     19    overflow: hidden; /*New added css*/
     20    height: 100%; /*New added css*/
     21    margin: 10px; /*New added css*/
    1722}
    1823.atomchat-logo {
    … …  
    3439    height: 100%;
    3540    float: right;
     41    padding: 0px 3em; /*New added css*/
    3642}
    3743.comet-content{
    … …  
    4248}
    4349.comet-content h2 {
    44     color: #23282d;
     50    /*color: #23282d;
    4551    font-size: 32px;
    4652    font-weight: 100;
    … …  
    4854    line-height: 1.3;
    4955    word-wrap: break-word;
    50     overflow-wrap: break-word;
     56    overflow-wrap: break-word;*/
    5157}
    5258.atomchat-logo-image {
    53     width: 100px;
     59/*    width: 100px;*/
     60    display: block;
     61    text-align: left;
    5462}
    5563.invalid-input input {
    … …  
    6674    top: 5px;
    6775}
     76@media screen and (max-width: 991px) {
     77    .atomchat{
     78        left: 90px;
     79    }
     80    .auth-back-img{
     81        padding: 2em !important;
     82    }
     83
     84}
    6885@media screen and (max-width: 768px) {
    6986    .atomchat {
    … …  
    7390    .comet-locked-layout {
    7491        width: 30%;
     92        display: none;
    7593    }
    7694    .comet-installation-successs {
    77         width: 70%;
     95        width: 100%;
    7896    }
    7997    .atomchat-logo {
    … …  
    104122    }
    105123    .atomchat-logo-image {
    106         display: none;
    107     }
    108 }
     124        display: block;
     125    }
     126    .comet-content {
     127        padding-top: 77px;
     128    }
     129}
     130
     131
     132
     133
     134/*New css*/
     135.ins-heading{
     136    margin: 0 0 20px;
     137    color: #002832;
     138    font-size: 26px;
     139    font-weight: 600;
     140    line-height: 1;
     141}
     142.ins-label{
     143    font-weight: bold;
     144    margin-bottom: 7px;
     145    display: block;
     146}
     147
     148* {box-sizing:border-box}
     149
     150/* Slideshow container */
     151.slideshow-container {
     152  max-width: 1000px;
     153  position: relative;
     154  margin: auto;
     155}
     156
     157/* Make the images invisible by default */
     158.Containers {
     159  display: none;
     160}
     161
     162/* forward & Back buttons */
     163.Back, .forward {
     164    cursor: pointer;
     165    position: absolute;
     166    top: 48%;
     167    width: auto;
     168    margin-top: -23px;
     169    /* padding: 22px; */
     170    color: grey;
     171    font-weight: bold;
     172    font-size: 15px;
     173    transition: 0.4s ease;
     174    border-radius: 50%;
     175    user-select: none;
     176    background: #fff;
     177    /* left: 10px; */
     178    height: 25px;
     179    width: 25px;
     180    line-height: 25px;
     181    padding-left: 8px;
     182}
     183
     184/* Place the "forward button" to the right */
     185.forward {
     186  right: 0;
     187  /*border-radius: 4px 0 0 4px;*/
     188}
     189
     190/*when the user hovers,add a black background with some little opacity */
     191.Back:hover, .forward:hover {
     192  background-color: rgba(0,0,0,0.8);
     193}
     194
     195/* Caption Info */
     196.Info {
     197  color: #3c434a;
     198  font-size: 14px;
     199  padding: 10px 50px;
     200  /*position: absolute;*/
     201  bottom: 10px;
     202  width: 100%;
     203  text-align: center;
     204}
     205
     206/* Worknumbering (1/3 etc) */
     207.MessageInfo {
     208  color: #f2f2f3;
     209  font-size: 14px;
     210  padding: 10px 14px;
     211  position: absolute;
     212  top: 0;
     213}
     214
     215/* The circles or bullets and indicators */
     216.dots {
     217  cursor: pointer;
     218  height: 16px;
     219  width: 16px;
     220  margin: 0 3px;
     221  background-color: #acc;
     222  border-radius: 50%;
     223  display: inline-block;
     224  transition: background-color 0.5s ease;
     225}
     226
     227.enable, .dots:hover {
     228  background-color: #717161;
     229}
     230
     231/* Faint animation */
     232.fade {
     233  -webkit-animation-name: fade;
     234  -webkit-animation-duration: 1.4s;
     235  animation-name: fade;
     236  animation-duration: 1.4s;
     237}
     238
     239@-webkit-keyframes fade {
     240  from {opacity: .5}
     241  to {opacity: 2}
     242}
     243
     244@keyframes fade {
     245  from {opacity: .5}
     246  to {opacity: 2}
     247}
     248
     249.slide-back{
     250    left: 5px;
     251}
     252.slide-forward{
     253    right: 5px;
     254}
     255
     256.auth-back-img{
     257    padding: 5em;
     258    height: 100%;
     259    display: block;
     260
     261}

  • atomchat/trunk/css/atomchat-ready.css

    r2512334 r2954671  
    1010    z-index: 10000;
    1111    box-sizing: border-box;
     12    padding-bottom: 25px; /*New added css*/
    1213}
    1314.comet-locked-layout {
    … …  
    1516    max-width: 1200px;
    1617    float: left;
     18    border-radius: 15px; /*New added css*/
     19    overflow: hidden; /*New added css*/
     20    height: 100%; /*New added css*/
     21    margin: 10px; /*New added css*/
    1722}
    1823.atomchat-logo {
    … …  
    3439    height: 100%;
    3540    float: right;
     41    padding: 0px 3em; /*New added css*/
    3642}
    3743.comet-content{
    … …  
    4248}
    4349.comet-content h2 {
    44     color: #23282d;
     50    /*color: #23282d;
    4551    font-size: 32px;
    4652    font-weight: 100;
    … …  
    4854    line-height: 1.3;
    4955    word-wrap: break-word;
    50     overflow-wrap: break-word;
     56    overflow-wrap: break-word;*/
    5157}
    5258.atomchat-logo-image {
    53     width: 100px;
     59/*    width: 100px;*/
     60    display: block;
     61    text-align: left;
     62}
     63.invalid-input input {
     64    border-color: #dc3232!important;
     65    border: 2px solid;
     66}
     67
     68#atomchat_auth .atomchat_auth_content .invalid-input:after {
     69    content: "\f534";
     70    font: normal 20px/1 dashicons;
     71    color: #dc3232;
     72    margin-left: -28px;
     73    position: relative;
     74    top: 5px;
     75}
     76@media screen and (max-width: 991px) {
     77    .atomchat{
     78        left: 90px;
     79    }
     80    .auth-back-img{
     81        padding: 2em !important;
     82    }
     83
    5484}
    5585@media screen and (max-width: 768px) {
    … …  
    6090    .comet-locked-layout {
    6191        width: 30%;
     92        display: none;
    6293    }
    6394    .comet-installation-successs {
    64         width: 70%;
     95        width: 100%;
    6596    }
    6697    .atomchat-logo {
    … …  
    91122    }
    92123    .atomchat-logo-image {
    93         display: none;
    94     }
    95 }
     124        display: block;
     125    }
     126    .comet-content {
     127        padding-top: 77px;
     128    }
     129}
     130
     131
     132
     133
     134/*New css*/
     135.ins-heading{
     136    margin: 0 0 20px;
     137    color: #002832;
     138    font-size: 26px;
     139    font-weight: 600;
     140    line-height: 1;
     141}
     142.ins-label{
     143    font-weight: bold;
     144    margin-bottom: 7px;
     145    display: block;
     146}
     147
     148* {box-sizing:border-box}
     149
     150/* Slideshow container */
     151.slideshow-container {
     152  max-width: 1000px;
     153  position: relative;
     154  margin: auto;
     155}
     156
     157/* Make the images invisible by default */
     158.Containers {
     159  display: none;
     160}
     161
     162/* forward & Back buttons */
     163.Back, .forward {
     164    cursor: pointer;
     165    position: absolute;
     166    top: 48%;
     167    width: auto;
     168    margin-top: -23px;
     169    /* padding: 22px; */
     170    color: grey;
     171    font-weight: bold;
     172    font-size: 15px;
     173    transition: 0.4s ease;
     174    border-radius: 50%;
     175    user-select: none;
     176    background: #fff;
     177    /* left: 10px; */
     178    height: 25px;
     179    width: 25px;
     180    line-height: 25px;
     181    padding-left: 8px;
     182}
     183
     184/* Place the "forward button" to the right */
     185.forward {
     186  right: 0;
     187  /*border-radius: 4px 0 0 4px;*/
     188}
     189
     190/*when the user hovers,add a black background with some little opacity */
     191.Back:hover, .forward:hover {
     192  background-color: rgba(0,0,0,0.8);
     193}
     194
     195/* Caption Info */
     196.Info {
     197  color: #3c434a;
     198  font-size: 14px;
     199  padding: 10px 50px;
     200  /*position: absolute;*/
     201  bottom: 10px;
     202  width: 100%;
     203  text-align: center;
     204}
     205
     206/* Worknumbering (1/3 etc) */
     207.MessageInfo {
     208  color: #f2f2f3;
     209  font-size: 14px;
     210  padding: 10px 14px;
     211  position: absolute;
     212  top: 0;
     213}
     214
     215/* The circles or bullets and indicators */
     216.dots {
     217  cursor: pointer;
     218  height: 16px;
     219  width: 16px;
     220  margin: 0 3px;
     221  background-color: #acc;
     222  border-radius: 50%;
     223  display: inline-block;
     224  transition: background-color 0.5s ease;
     225}
     226
     227.enable, .dots:hover {
     228  background-color: #717161;
     229}
     230
     231/* Faint animation */
     232.fade {
     233  -webkit-animation-name: fade;
     234  -webkit-animation-duration: 1.4s;
     235  animation-name: fade;
     236  animation-duration: 1.4s;
     237}
     238
     239@-webkit-keyframes fade {
     240  from {opacity: .5}
     241  to {opacity: 2}
     242}
     243
     244@keyframes fade {
     245  from {opacity: .5}
     246  to {opacity: 2}
     247}
     248
     249.slide-back{
     250    left: 5px;
     251}
     252.slide-forward{
     253    right: 5px;
     254}
     255
     256.auth-back-img{
     257    padding: 5em;
     258    height: 100%;
     259    display: block;
     260
     261}

  • atomchat/trunk/css/installer.css

    r2512334 r2954671  
    44/* Form Module */
    55.form-module{
    6     position: relative;
     6    /*position: relative;
    77    background: #ffffff;
    88    max-width: 345px;
    … …  
    1111    margin: auto;
    1212    border-radius: 3px;
    13     height: 180px;
     13    height: 180px;*/
     14
     15    position: relative;
     16    background: #ffffff;
     17    max-width: 435px;
     18    width: 100%;
     19    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     20    margin: auto;
     21    border-radius: 8px;
    1422}
    1523.form-module .toggle .tooltip{
    … …  
    3442    margin: 0 0 20px;
    3543    color: #002832;
    36     font-size: 18px;
     44    font-size: 28px;
    3745    font-weight: 400;
    3846    line-height: 1;
    … …  
    7785    transition: 0.3s ease;
    7886    margin: 0px auto;
     87    border-radius: 5px;
    7988}
    8089.atomchat_logo_div{
    … …  
    8392}
    8493.atomchat_logo_image{
    85     height: 90px;
     94    /*height: 90px;
    8695    display: block;
    87     margin: auto;
     96    margin: auto;*/
     97
     98    height: 52px;
     99    display: block;
    88100}
    89101.ccplugin_outerframe{
    … …  
    103115    margin: 0;
    104116}
     117
     118/*New css*/
     119.ins-heading{
     120    margin: 0 0 20px;
     121    color: #002832;
     122    font-size: 26px;
     123    font-weight: 600;
     124    line-height: 1;
     125}
     126.ins-label{
     127    font-weight: bold;
     128    margin-bottom: 7px;
     129    display: block;
     130}

  • atomchat/trunk/installer.php

    r2512330 r2954671  
    1616    wp_enqueue_script("jqcurl", plugin_dir_url( __FILE__ ).'js/checkcurl.js');
    1717}
    18 $atomchat_logo = esc_url(plugin_dir_url(__FILE__).'images/atom_chat_black_icon_logo.png');
     18//$atomchat_logo = esc_url(plugin_dir_url(__FILE__).'images/atom_chat_black_icon_logo.png');
     19$atomchat_logo = esc_url(plugin_dir_url(__FILE__).'images/atomchat_final_logo.svg');
    1920
    2021?>
    … …  
    3031                <div class="ccplugin_middleform" >
    3132                    <div class="atomchat_logo_div">
    32                         <img src="<?php echo $atomchat_logo; ?>" class="atomchat_logo_image">
     33                       
    3334                    </div>
    3435                    <div class="module form-module" id="license-form">
    3536                        <div class="atomchat_form">
     37
     38                            <!--AtomChat new code-->
     39                            <img src="<?php echo $atomchat_logo; ?>" class="atomchat_logo_image">
     40                            <h2 class="ins-heading">Step 1: License Key</h2>
     41                            <p>To activate the plugin, please enter your AtomChat License Key from your <a href="https://app.atomchat.com" target="_blank">dashboard </a></p>
     42                            <hr style="margin-bottom: 20px;">
     43                            <!--End AtomChat new code-->
     44
     45
    3646                            <!-- <h2 >AtomChat Installation Process</h2> -->
    3747                            <form action="javascript:atomchatInstall();" method="post" id="ccInstallProcess">
     48                                <label class="ins-label">Enter license key</label>
    3849                                <input type="text" name="license" id= "license" placeholder="Enter license key" required="true" />
    39                                 <input type="submit" name="submit" id="atomchat_install" value="Install" />
     50                                <input type="submit" name="submit" id="atomchat_install" value="Activate License" />
    4051                                <input type="hidden" name="currentTime" class="login_inputbox currentTime">
    4152                            </form>
    4253                        </div>
    43                         <div id="" class="col-sm-12" style="color:red;padding-top:30px;text-align: center;">
     54                        <div id="" class="col-sm-12" style="color:red;padding-top:1px;text-align: center;padding-bottom: 3em;">
    4455                            <a target="_blank" href="https://www.atomchat.com/pricing">Don't have a license key?</a>
    4556                        </div>
Note: See TracChangeset for help on using the changeset viewer.