Skip to content

Instantly share code, notes, and snippets.

@dennyjohnk
Last active March 19, 2020 16:44
Show Gist options
  • Save dennyjohnk/3eb41d7c7226caf256bd97c46005964c to your computer and use it in GitHub Desktop.
Save dennyjohnk/3eb41d7c7226caf256bd97c46005964c to your computer and use it in GitHub Desktop.
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://asista.com/blog/wp-content/themes/sydney-child/css/main.min.css">
<link rel='stylesheet' id='sydney-bootstrap-css' href='https://asista.com/blog/wp-content/themes/sydney/css/bootstrap/bootstrap.min.css?ver=1' type='text/css' media='all' />
<link rel='stylesheet' id='sydney-style-css' href='https://asista.com/blog/wp-content/themes/sydney-child/style.css?ver=20180710' type='text/css' media='all' />
</head>
<body>
<div id="content" class="page-wrap">
<div class="container content-wrapper">
<div class="row">
<div id="primary" >
<main id="main" class="site-main" role="main">
<article id="post-1087" class="post-1087 post type-post status-publish format-standard has-post-thumbnail hentry category-updates-news">
<div class="entry-thumb">
<img width="1500" height="600" src="https://www.asista.com/blog/wp-content/uploads/2020/03/release-agent-ui-1.png">
<div class="entry-content">
<p>Dear Customer,<br>
<br>
Greetings from Team Asista!
</p>
<p>As part of our continued initiatives for service enhancement, Asista is pleased to announce the launch of our much-awaited, fresh and fully revamped Agent Interface (UI).</p>
<p>Our New Agent UI makes life simpler for agents, supervisors with easier navigation and improved User Experience (UX) and filters.</p>
<p>If you’ve been a part of team Asista for a while, you will love the fresh feel of Agent UI. <strong>At anytime click &#8220;Tour&#8221; from Menu for screen guidance. </strong></p>
<figure class="wp-block-image size-large">
<img src="https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-30x13.png" data-lazy-type="image" data-lazy-src="https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-1024x455.png" alt="" class="lazy lazy-hidden wp-image-1125" data-lazy-srcset="https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-1024x455.png 1024w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-300x133.png 300w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-768x341.png 768w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-30x13.png 30w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-830x369.png 830w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-230x102.png 230w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-350x155.png 350w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-480x213.png 480w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-560x249.png 560w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1.png 1353w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" />
<noscript><img src="https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-1024x455.png" alt="" class="wp-image-1125" srcset="https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-1024x455.png 1024w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-300x133.png 300w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-768x341.png 768w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-30x13.png 30w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-830x369.png 830w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-230x102.png 230w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-350x155.png 350w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-480x213.png 480w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1-560x249.png 560w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-1-1.png 1353w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript>
<figcaption><strong> New Ticket List Page </strong></figcaption>
</figure>
<p>In a nutshell, here’s what’s new with our upcoming Agent UI:</p>
<ul>
<li>Easy-to-Navigate different parts of screens.</li>
<li>Quick on-the fly change for Ticket State and Priority .</li>
<li>Quick Edit option in the ticket list for each ticket. </li>
<li>Better Filter and Sorting.</li>
<li>Ticket list enriched with more useful information like Agents working on the ticket.</li>
<li>Enhanced Ticket detail screen with additional information tabs for Ticket, Customer and Asset.</li>
<li>Improved Advanced Search.</li>
<li>Improved Reports screen.</li>
</ul>
<figure class="wp-block-image size-large">
<img src="https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-30x13.png" data-lazy-type="image" data-lazy-src="https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-1024x453.png" alt="" class="lazy lazy-hidden wp-image-1126" data-lazy-srcset="https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-1024x453.png 1024w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-300x133.png 300w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-768x340.png 768w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-30x13.png 30w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-830x367.png 830w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-230x102.png 230w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-350x155.png 350w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-480x212.png 480w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-560x248.png 560w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2.png 1361w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" />
<noscript><img src="https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-1024x453.png" alt="" class="wp-image-1126" srcset="https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-1024x453.png 1024w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-300x133.png 300w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-768x340.png 768w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-30x13.png 30w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-830x367.png 830w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-230x102.png 230w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-350x155.png 350w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-480x212.png 480w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2-560x248.png 560w, https://www.asista.com/blog/wp-content/uploads/2020/03/ticket-list-2.png 1361w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript>
<figcaption>New Ticket Detail Page </figcaption>
</figure>
<p>Asista is geared towards enhancing user experience and simplifying interface, while continuing to give you access to unmatched, powerful features.</p>
<p>We are listening for your feedback <a href="https://support.asista.com">https://support.asista.com</a></p>
<p>Stay tuned to get started! </p>
<p><strong>Team</strong></p>
<p><strong>Asista</strong></p>
</div>
<!-- .entry-content -->
<footer class="entry-footer">
</footer>
<!-- .entry-footer -->
</article>
</main>
</div>
</div>
</div>
</div>
</body>
<style id='sydney-style-inline-css' type='text/css'>
.site-header { background-color:rgba(255,255,255,0.9);}
body, #mainnav ul ul a { font-family:'Open Sans', sans-serif!important;}
h1, h2, h3, h4, h5, h6, #mainnav ul li a, .portfolio-info, .roll-testimonials .name, .roll-team .team-content .name, .roll-team .team-item .team-pop .name, .roll-tabs .menu-tab li a, .roll-testimonials .name, .roll-project .project-filter li a, .roll-button, .roll-counter .name-count, .roll-counter .numb-count button, input[type="button"], input[type="reset"], input[type="submit"] { font-family:'Open Sans', sans-serif;}
.site-title { font-size:32px; }
.site-description { font-size:16px; }
#mainnav ul li a { font-size:14px; }
h1 { font-size:52px; }
h2 { font-size:42px; }
h3 { font-size:32px; }
h4 { font-size:25px; }
h5 { font-size:20px; }
h6 { font-size:18px; }
body { font-size:16px; }
.single .hentry .title-post { font-size:36px; }
.header-image { background-size:cover;}
.header-image { height:1920px; }
.widget-area .widget_fp_social a,#mainnav ul li a:hover, .sydney_contact_info_widget span, .roll-team .team-content .name,.roll-team .team-item .team-pop .team-social li:hover a,.roll-infomation li.address:before,.roll-infomation li.phone:before,.roll-infomation li.email:before,.roll-testimonials .name,.roll-button.border,.roll-button:hover,.roll-icon-list .icon i,.roll-icon-list .content h3 a:hover,.roll-icon-box.white .content h3 a,.roll-icon-box .icon i,.roll-icon-box .content h3 a:hover,.switcher-container .switcher-icon a:focus,.go-top:hover,.hentry .meta-post a:hover,#mainnav > ul > li > a.active, #mainnav > ul > li > a:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .text-color, .social-menu-widget a, .social-menu-widget a:hover, .archive .team-social li a, a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,.classic-alt .meta-post a,.single .hentry .meta-post a { color:#f26025}
.reply,.woocommerce div.product .woocommerce-tabs ul.tabs li.active,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.project-filter li a.active, .project-filter li a:hover,.preloader .pre-bounce1, .preloader .pre-bounce2,.roll-team .team-item .team-pop,.roll-progress .progress-animate,.roll-socials li a:hover,.roll-project .project-item .project-pop,.roll-project .project-filter li.active,.roll-project .project-filter li:hover,.roll-button.light:hover,.roll-button.border:hover,.roll-button,.roll-icon-box.white .icon,.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span,.go-top,.bottom .socials li:hover a,.sidebar .widget:before,.blog-pagination ul li.active,.blog-pagination ul li:hover a,.content-area .hentry:after,.text-slider .maintitle:after,.error-wrap #search-submit:hover,#mainnav .sub-menu li:hover > a,#mainnav ul li ul:after, button, input[type="button"], input[type="reset"], input[type="submit"], .panel-grid-cell .widget-title:after { background-color:#f26025}
.roll-socials li a:hover,.roll-socials li a,.roll-button.light:hover,.roll-button.border,.roll-button,.roll-icon-list .icon,.roll-icon-box .icon,.owl-theme .owl-controls .owl-page span,.comment .comment-detail,.widget-tags .tag-list a:hover,.blog-pagination ul li,.hentry blockquote,.error-wrap #search-submit:hover,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus, button, input[type="button"], input[type="reset"], input[type="submit"], .archive .team-social li a { border-color:#f26025}
.site-header.float-header { background-color:rgba(255,255,255,0.9);}
@media only screen and (max-width: 1024px) { .site-header { background-color:#ffffff;}}
.site-title a, .site-title a:hover { color:#333333}
.site-description { color:#333333}
#mainnav ul li a, #mainnav ul li::before { color:#333333}
#mainnav .sub-menu li a { color:#ffffff}
#mainnav .sub-menu li a { background:#1c1c1c}
.text-slider .maintitle, .text-slider .subtitle { color:#333333}
body { color:#333333}
#secondary { background-color:#ffffff}
#secondary, #secondary a, #secondary .widget-title { color:#767676}
.footer-widgets { background-color:#252525}
.btn-menu { color:#ffffff}
#mainnav ul li a:hover { color:#f26025}
.site-footer { background-color:#1c1c1c}
.site-footer,.site-footer a { color:#666666}
.overlay { background-color:#000000}
.page-wrap { padding-top:0px;}
.page-wrap { padding-bottom:0px;}
.slide-inner { display:none;}
.slide-inner.text-slider-stopped { display:block;}
@media only screen and (max-width: 1025px) {
.mobile-slide {
display: block;
}
.slide-item {
background-image: none !important;
}
.header-slider {
}
.slide-item {
height: auto !important;
}
.slide-inner {
min-height: initial;
}
}
@media only screen and (max-width: 780px) {
h1 { font-size: 32px;}
h2 { font-size: 28px;}
h3 { font-size: 22px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
}
</style>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment