{"result":{"$$uiNotification":[],"metatags":[{"name":"google-site-verification","content":"m31GlSx9Hdf3cxdu_5fZKrCO7JCeCoZKenCcGxCmVy8"}],"theme":{"footer_fixed":false,"turn_off_scss_compilation":false,"footer":{"template":"<footer class=\"l-footer footer\" role=\"contentinfo\">\n <div class=\"container\">\n  <div class=\"footer-spacer\">\n   <hr class=\"footer-spacer__hr hr-invert\">\n   <div class=\"footer-spacer__logo\"><a href=\"https://www.ucdavis.edu/\" class=\"\" alt=\"\" aria-label=\"UC Davis\"><img src=\"/uc-logo-white.svg\" class=\"ucd-logo\" alt=\"UC Davis Logo\"><\/a>\n   <\/div>\n  <\/div>\n  <div class=\"uc-footer\">\n   <p><a href=\"https://www.ucdavis.edu/\" target=\"_blank\" rel=\"noopener noreferrer\">University of California, Davis<\/a>, One Shields Avenue, Davis, CA 95616 | 530-752-1011<\/p>\n   <ul class=\"list--pipe\">\n    <li><a href=\"https://diversity.ucdavis.edu/principles-community\" target=\"_blank\" rel=\"noopener noreferrer\">Principles of Community<\/a><\/li>\n    <li><a href=\"http://www.universityofcalifornia.edu/\" target=\"_blank\" rel=\"noopener noreferrer\">University of California<\/a><\/li>\n   <\/ul>\n   <p>Copyright © The Regents of the University of California, Davis campus. All rights reserved.<\/p>\n  <\/div>\n <\/div>\n<\/footer>","css":"\n.v5a25d377db2a3200178e7fcfbf96199e html {\n\tposition: relative;\n\tmin-height: 100%;\n}\n\n.v5a25d377db2a3200178e7fcfbf96199e body {\n\tmargin-bottom: 60px;\n}\n\n.v5a25d377db2a3200178e7fcfbf96199e .footer {\n\tposition: relative;\n\tbottom: 0;\n\twidth: 100%;\n}","static":false,"async_load":false,"data":{},"roles":"","_metastack_size":0,"option_schema":"","sys_class_name":"sp_header_footer","dependencies":[],"sys_id":"5a25d377db2a3200178e7fcfbf96199e","public":true,"client_script":"function() {\n  var c = this;\n}\n","name":"ucd_Footer","options":{"async_load":false,"preserve_placeholder_size":false,"sp_widget_dv":"","advanced_placeholder_dimensions":false,"sp_column_dv":"","active":false,"sys_tags":"","order":-1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-footer","_script_execution_time":1,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.007"},"footer_dv":"ucd_Footer","navbar_fixed":true,"matching_now_experience_theme_dv":"","sys_tags":"","header_dv":"ucd_Header","sys_class_name":"sp_theme","css_variables":"$sp-agent-chat-btn-close: url(\"/Botrock.gif\");\r\n\r\n$sp-logo-margin-x: \t\t15px !default;\r\n$sp-tagline-color:\t\t$text-color !default;\r\n$navbar-inverse-bg: \t#3a3f51 !default;\r\n$navbar-inverse-link-color: #bdc0c4 !default;\r\n$navbar-inverse-link-hover-color: #ffffff !default;\r\n$body-bg: \t\t\t\t#f0f3f4 !default;\r\n","sys_id":"951a232f0f1132006df006bce1050ede","name":"ucd_Stock","header":{"template":"<div style=\"background: #002855 url(servicehub-header-bg.svg) center top/cover no-repeat;\"><!-- admin-eduque 11/20/17 removed header__bar style in container and moved style directly to html as it the style conflicts with the mobile menu expansion functionality -->\n <div class=\"container\">\n  <nav class=\"navbar-inverse\" ng-class=\"::{'navbar':!isViewNative, 'is-native': isViewNative}\" role=\"navigation\">\n   <div ng-show=\"::!isViewNative\" class=\"navbar-header\"><a class=\"navbar-brand\" ng-if=\"::!portal.logo\" href=\"?id={{::portal.homepage_dv}}\"><span>{{::portal.title}}<\/span><\/a> <a class=\"navbar-brand navbar-brand-logo\" ng-if=\"::portal.logo\" href=\"?id={{::portal.homepage_dv}}\"> <img ng-src=\"{{::portal.logo}}\" alt=\"UC Davis Logo\"> <\/a> <button type=\"button\" class=\"navbar-toggle collapsed\" data-toggle=\"collapse\" data-target=\"#sp-nav-bar\"> <span class=\"sr-only\">Toggle navigation<\/span> <span class=\"icon-bar\"><\/span> <span class=\"icon-bar\"><\/span> <span class=\"icon-bar\"><\/span> <\/button>\n   <\/div> <sp-widget widget=\"data['impersonate_user_entry']\"><\/sp-widget>\n   <div sp-navbar-toggle=\"\" class=\"collapse navbar-collapse navbar-right\" id=\"sp-nav-bar\"><!-- Include The Menu --> <sp-widget widget=\"data.menu\"><\/sp-widget>\n    <ul ng-if=\"::(!user.logged_in &amp;&amp; page.id != portal.login_page_dv &amp;&amp; !data.hasLogin)\" class=\"nav navbar-nav\">\n     <li><a href ng-click=\"openLogin()\" style=\"font-weight: bold;\"><span class=\"icon-user text-white\" style=\"margin-right:8px;\"><\/span>Log in<\/a><\/li>\n    <\/ul>\n    <ul ng-if=\"::user.logged_in\" class=\"nav navbar-nav\"><!-- chat, avatar, and logout -->\n     <li ng-if=\"::data.connect_support_queue_id\"><a href ng-click=\"openPopUp()\">Live Chat<\/a><\/li>\n     <li class=\"dropdown hidden-xs\"><a href=\"javascript:void(0)\" class=\"dropdown-toggle\" data-toggle=\"dropdown\"> <span class=\"navbar-avatar\">\n        <sn-avatar class=\"avatar-small-medium\" primary=\"userID\" /><\/span> <span class=\"visible-lg-inline\">{{::user.name}}<\/span> <\/a>\n      <ul class=\"dropdown-menu\">\n       <li><a ng-href=\"?id=user_profile&amp;sys_id={{::user.sys_id}}\">Profile<\/a><\/li>\n       <li><a href=\"{{data.logoutURL}}\">Logout<\/a><\/li> <!--This is the Print button-->\n       <li ng-if=\"data.canPrint\"><a href=\"{{data.printURL}}\" target=\"_blank\">Printer friendly version<\/a><\/li>\n       <li ng-if=\"data.allow_favorites\"><a ng-click=\"c.openModal()\">{{data.favorite_message}}<\/a><\/li>\n       <li ng-if=\"data.itil\" role=\"presentation\"><a href=\"navpage.do\" role=\"menuitem\">ITIL<\/a><\/li>\n      <\/ul><\/li>\n     <li class=\"visible-xs-block\"><a>{{::user.name}}<\/a><span class=\"navbar-avatar-inline\">\n       <sn-avatar class=\"avatar-small-medium\" primary=\"userID\" /><\/span><\/li>\n     <li class=\"visible-xs-block\"><a href=\"{{data.logoutURL}}\">Logout<\/a><\/li>\n    <\/ul>\n   <\/div>\n  <\/nav>\n <\/div>\n<\/div>\n<script>\n var elements = document.querySelectorAll('[aria-live=\"assertive\"]');\n    console.log(elements);\n\n    for (var i = 0; i < elements.length; i++) {\n        elements[i].setAttribute(\"aria-atomic\", true);\n    }\n<\/script>","css":"\n.vfe42fb230f5132006df006bce1050e95 .header__bar {\n\theight: 60px;\n\tbackground: #002855 url(servicehub-header-bg.svg) center top/cover no-repeat;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar {\n\tbox-shadow: none;\n\tborder: 0;\n\tbackground: transparent;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar-container {\n\t-webkit-box-shadow: 0 2px 1px 0 rgba(0, 40, 85, .15);\n\tbox-shadow: 0 2px 1px 0 rgba(0, 40, 85, .15);\n\tbackground-image: url(global-header-bg.svg);\n\tbackground-position-x: center;\n\tbackground-position-y: top;\n\tbackground-size: cover;\n\tbackground-repeat-x: no-repeat;\n\tbackground-repeat-y: no-repeat;\n\tbackground-attachment: initial;\n\tbackground-origin: initial;\n\tbackground-clip: initial;\n\tbackground-color: initial;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar-fade {\n\topacity: .4;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar-inverse .navbar-toggle {\n\tborder-color: rgba(255, 255, 255, .25);\n}\n\n.vfe42fb230f5132006df006bce1050e95 .nav > li > a {\n\tmax-height: 50px;\n\tpadding: 19px 6px;\n\ttext-decoration: none;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .nav > li > a:hover {\n\tcolor: #fff;\n\ttext-decoration: underline;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar-brand {\n\theight: 50px;\n\tpadding: 0;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar-brand img, \n.vfe42fb230f5132006df006bce1050e95 .navbar-brand span {\n\tmargin-right: 15px;\n\tmargin-top: .3em;\n\tmargin-bottom: .5rem;\n\tdisplay: block;\n\tmax-height: 40px;\n\tmax-width: 360px;\n\tposition: relative;\n\ttop: 43%;\n\t-webkit-transform: translateY(-50%);\n\t-ms-transform: translateY(-50%);\n\ttransform: translateY(-50%);\n\tzoom: 150%;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .breadcrumb-container {\n\tbackground-color: #fff;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar-inverse.is-native {\n\tbackground-color: #405060;\n}\n\n.vfe42fb230f5132006df006bce1050e95 nav {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar-collapse {\n\tpadding: 0px;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar-nav {\n\tmargin: 0px;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar-avatar {\n\tfloat: right;\n\tmargin-top: -.75em;\n\tmargin-left: 1em;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .navbar-avatar-inline {\n\tfloat: right;\n\tmargin-top: -3em;\n\tmargin-left: 1em;\n\tmargin-right: 3em;\n}\n@media (max-width: 1200px) {\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-avatar {\n\tmargin-left: 0;\n\tmargin-right: 0;\n}\n}\n\n.vfe42fb230f5132006df006bce1050e95 .avatar-container {\n\twidth: 2rem;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .avatar-container .avatar.soloAvatar {\n\twidth: 40px;\n\theight: 40px;\n}\n\n.vfe42fb230f5132006df006bce1050e95 .label-as-badge {\n\tfloat: right;\n\tmargin-left: .5em;\n\tmargin-top: .25em;\n}\n@media (min-width: 768px) {\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-header {\n\twidth: 160px;\n}\n}\n@media (max-width: 768px) {\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-container .container {\n\tpadding: 0;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-container .nav > li {\n\tborder-bottom: 1px solid #000;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-container .nav > li  > a {\n\tbackground-color: #fff;\n\tcolor: #000;\n\tline-height: 1;\n\tpadding: 19px 21px;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-container .nav > li  > a:hover {\n\tbackground-color: #daaa00;\n\ttext-decoration: none;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-container .navbar-brand {\n\tpadding-left: 5px;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-container .navbar-avatar {\n\tmargin-top: -1em;\n}\n}\n@media screen and (min-width: 768px) {\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-header {\n\twidth: 160px;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .nav > li > a {\n\tmargin-top: .2em;\n}\n}\n@media screen and (min-width: 992px) {\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-header {\n\twidth: 160px;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-brand img {\n\tmargin-right: 15px;\n\tmargin-top: .3em;\n\tmargin-bottom: .5rem;\n\tdisplay: block;\n\tmax-height: 40px;\n\tmax-width: 360px;\n\tposition: relative;\n\ttop: 43%;\n\t-webkit-transform: translateY(-50%);\n\t-ms-transform: translateY(-50%);\n\ttransform: translateY(-50%);\n\tzoom: 150%;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar {\n\tmargin-top: 0;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .nav > li > a {\n\tmax-height: 50px;\n\tpadding: 19px 6px;\n\ttext-decoration: none;\n\tmargin-top: 0;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .nav > li > a:hover {\n\tcolor: #fff;\n\ttext-decoration: underline;\n}\n}\n@media screen and (min-width: 1200px) {\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-header {\n\twidth: 160px;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar-brand img {\n\tmargin-right: 15px;\n\tmargin-top: .3em;\n\tmargin-bottom: .5rem;\n\tdisplay: block;\n\tmax-height: 40px;\n\tmax-width: 360px;\n\tposition: relative;\n\ttop: 43%;\n\t-webkit-transform: translateY(-50%);\n\t-ms-transform: translateY(-50%);\n\ttransform: translateY(-50%);\n\tzoom: 150%;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .navbar {\n\tmargin-top: 0;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .nav > li > a {\n\tmax-height: 50px;\n\tpadding: 19px 6px;\n\ttext-decoration: none;\n\tmargin-top: 0;\n}\n\t\n.vfe42fb230f5132006df006bce1050e95 .nav > li > a:hover {\n\tcolor: #fff;\n\ttext-decoration: underline;\n}\n}","async_load":false,"data":{"impersonate_user_entry":{"template":"","sys_id":"","data":{},"name":"","id":"","sys_class_name":"","controller_as":""},"instance_name":"https://servicehub.ucdavis.edu/","favorite_message":"Add to Favorites","connect_support_queue_id":null,"logoutURL":"/logout.do","login_page":null,"allow_favorites":true,"menu":{},"typeahead":{"template":"","sys_id":"","data":{},"name":"","id":"","sys_class_name":"","controller_as":""},"itil":false},"roles":"","link":"function(scope, element) {\n    $(element).on('click.nav', '.navbar-collapse.in', function (e) {\n        var target = $(e.target);\n        if (target.is('a')) {\n            // collapse mobile nav if clicked an anchor\n            $(this).removeClass('in').addClass('collapse');\n            return;\n        }\n\n        // if neither target nor parent is an anchor, do nothing\n        if (!target.parent().is('a'))\n            return;\n\n        // collapse mobile nav if target is part of a submenu\n        if (target.parents(\"ul.dropdown-menu\").length > 0)\n            $(this).removeClass('in').addClass('collapse');\n    });\n}","sys_class_name":"sp_header_footer","sys_id":"fe42fb230f5132006df006bce1050e95","public":true,"client_script":"function ($rootScope, $scope, $location, $uibModal, cabrillo, $timeout, $window) {\n\tc = this;\n\t\n\t(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n\t\t(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n\t\tm=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');\n\tif (c.data.instance_name == 'ucdavisietdev') ga('create', 'UA-43451146-15', 'auto');\n\telse ga('create', 'UA-43451146-16', 'auto');\n\tga('send', 'pageview');\n\tfunction sendView(){\n\t\tga('send', {\n\t\t\thitType: 'pageview',\n\t\t\ttitle: $window.document.title,\n\t\t\tlocation: $location.absUrl()\n\t\t});\n\t}\n\tsendView();\n\t$rootScope.$on('$locationChangeSuccess', function(event, toState, toParams){\n\t\tsendView();\n\t})\n\t$scope.userID = $scope.user.sys_id;\n\tif (cabrillo.isNative())\n\t\t$scope.isViewNative = true;\n\t$scope.openPopUp = function() {\n\t\tvar url = \"$chat_support.do?queueID=\" + $scope.data.connect_support_queue_id;\n\t\tvar popup = window.open (url, \"popup\", \"width=900, height=600\"); \n\t};\n\t$scope.openLogin = function () {\n\t\tvar redirect_url = $window.location.href;\n$window.location = \"/saml_redirector.do?sysparm_uri=\" + encodeURIComponent(redirect_url);\n\t};\n\t$rootScope.$on('sp.avatar_changed', function() {\n\t\t$scope.userID = \"\";\n\t\t$timeout(function(){\n\t\t\t$scope.userID = $scope.user.sys_id;\n\t\t});\n\t});\n\t$scope.isHomepage = function() {\n\t\tif (!$scope.page.id)\n\t\t\treturn true;\n\t\tif ($scope.page.id == $scope.portal.homepage_dv)\n\t\t\treturn true;\n\t\treturn false;\n\t};\n\t\n\tc.openModal = function() {\n\t\tc.modalInstance = $uibModal.open({\n\t\t\ttemplateUrl: 'modalTemplate3',\n\t\t\tscope: $scope\n\t\t});\n\t}\n\t\n\tc.closeModal = function() {\n\t\tc.modalInstance.close();\n\t}\n\t\n\tc.addToFavorites = function() {\n\t\tc.data.add_fav = true;\n\t\tc.data.page_title = document.title;\n\t\tc.modalInstance.close();\n\t\tc.server.update();\n\t}\n\t\n\tc.server.update().then(function(){});\n}\n","options":{"async_load":false,"preserve_placeholder_size":false,"sp_widget_dv":"","advanced_placeholder_dimensions":false,"sp_column_dv":"","active":false,"sys_tags":"","order":-1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-header","_script_execution_time":3,"field_list":"","ngTemplates":{"modalTemplate3":"<div class=\"panel panel-default\">\n\t\t<div class=\"panel-heading\">\n\t\t\t<h4 class=\"panel-title\">Add Favorite<\/h4>\n  \t<\/div>\n    <div class=\"panel-body\">\n    \tName for this favorite (optional):\n      <input type=\"text\" ng-model=\"data.custom_title\"><\/input>\n    <\/div>\n\t\t<div class=\"panel-footer text-right\">\n    \t<button class=\"btn btn-primary\" ng-click=\"c.addToFavorites()\">Add<\/button>\n\t\t\t<button class=\"btn btn-primary\" ng-click=\"c.closeModal()\">Cancel<\/button>\n  \t<\/div>\n  <\/div>"},"static":false,"_metastack_size":0,"option_schema":"","dependencies":[],"name":"ucd_Header","controller_as":"c","providers":[],"_server_time":"0.033"},"sys_name":"ucd_Stock","sys_class_name_dv":"Theme"},"containers":[{"sys_id":"87636b3d1bce14503f4286ae6e4bcb40","bootstrap_alt":false,"subheader":true,"background":"{\"background-color\":\"#ffffff\",\"background-size\":\"initial\",\"background-position\":\"center center\"}","width":"container","container_class_name":"breadcrumbs-header","title":"","rows":[{"sys_id":"129a1ffd1b8e14503f4286ae6e4bcb96","columns":[{"sys_id":"9e9a1ffd1b8e14503f4286ae6e4bcb98","size_classes":"col-sm-8 col-md-9 ","rows":[],"widgets":[{"sys_id":"f8aa93311bce14503f4286ae6e4bcb4b","widget":{"template":"<ul class=\"nav nav-pills nav-sm\" aria-label=\"Navigation breadcrumbs\">\n <li ng-if=\"!c.hide_page_name\"><a ng-href=\"?id={{portal.homepage_dv}}\">ServiceHub<\/a><\/li>\n <li ng-if=\"!c.hide_page_name\" aria-hidden=\"true\"><i class=\"fa fa-chevron-right\"><\/i><\/li>\n <li ng-if=\"!c.breadcrumbs\"><a href>{{page.title}}<\/a><\/li>\n <li ng-repeat-start=\"item in c.breadcrumbs\"><a ng-href=\"{{item.url}}\">{{item.label}}<\/a><\/li>\n <li aria-hidden=\"true\" ng-if=\"!$last\" ng-repeat-end><i class=\"fa fa-chevron-right\"><\/i><\/li>\n<\/ul>","css":"\n.v40ba36870f2132006df006bce1050e63 i {\n\tmargin-top: 12px;\n}\n\n.v40ba36870f2132006df006bce1050e63 .nav-pills > li + li {\n\tmargin-left: 1px;\n}\n\n.v40ba36870f2132006df006bce1050e63 .nav-sm > li > a {\n\tpadding: 12px 12px !important;\n}\n\n.v40ba36870f2132006df006bce1050e63 ul.nav.nav-pills.nav-sm {\n\tline-height: 12px;\n}\n\n.v40ba36870f2132006df006bce1050e63 ul.nav.nav-pills.nav-sm i, \n.v40ba36870f2132006df006bce1050e63 ul.nav.nav-pills.nav-sm span {\n\tline-height: 12px;\n\tmargin-top: 12px;\n}","async_load":false,"data":{"catID":null,"cat":null,"category":null,"title":null,"pageID":null,"hidePageTitle":true},"roles":"","rectangle_id":"f8aa93311bce14503f4286ae6e4bcb4b","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"40ba36870f2132006df006bce1050e63","public":true,"client_script":"function($scope, $rootScope) {\n\tvar c = this;\n\tconsole.log(this);\n\tc.hide_page_name = this.data.hidePageTitle;\n\tif (c.hide_page_name) {\n\t\tdocument.title = \"ServiceHub\";\n\t}\n\tvar deregister = $rootScope.$on(\"sp.update.breadcrumbs\", function(e, list) {\n\t\tc.breadcrumbs = list;\n\t});\n\t\n\t$scope.$on('$destroy', function(){ \n\t\tderegister();\n\t});\n}\n","name":"ucd_breadcrumbs","options":{"async_load_trigger":"viewport","async_load":false,"color":"default","sp_column":"9e9a1ffd1b8e14503f4286ae6e4bcb98","sp_column_dv":"1","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"ucd_breadcrumbs","size":"md","advanced_placeholder_dimensions":false,"placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"40ba36870f2132006df006bce1050e63","sys_class_name_dv":"Instance","order":1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-breadcrumbs","_script_execution_time":1,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.007"},"instance_id":"f8aa93311bce14503f4286ae6e4bcb4b","title":""}],"class_name":"","semantic_tag":"","order":1},{"sys_id":"169a1ffd1b8e14503f4286ae6e4bcb9b","size_classes":"col-sm-4 col-md-3 ","rows":[],"widgets":[{"sys_id":"93aa93311bce14503f4286ae6e4bcbb1","widget":{"template":"<form aria-label=\"{{::options.title}}\" ng-submit=\"c.submitSearch()\"><!--<input type=\"hidden\" name=\"id\" value=\"ucd_search2\"/>--> <!--<input type=\"hidden\" name=\"t\" value=\"{{data.searchType}}\"/>-->\n <div aria-label=\"{{::options.title}}\" id=\"custom-search-input\" class=\"input-group inner-search-wrap home-search input-group-{{::c.options.size}}\"><!-- uses ui.bootstrap.typeahead --> <!--<input name=\"q\" type=\"text\" placeholder=\"{{::c.options.title}}\" ng-model=\"c.selectedState\"--> <input aria-label=\"{{::options.title}}\" name=\"query\" type=\"text\" placeholder=\"{{::c.options.title}}\" ng-model=\"c.selectedState\" autofocus ng-model-options=\"{debounce: 250}\" autocomplete=\"off\" uib-typeahead=\"item as item for item in c.getResults($viewValue)\" typeahead-focus-first=\"false\" typeahead-no-results=\"noResults\" typeahead-wait-ms=\"8\" typeahead-on-select=\"c.onSelect($item, $model, $label)\" typeahead-popup-template-url=\"customPopupTemplate.html\" typeahead-input-formatter=\"c.formatLabel($model)\" class=\"form-control input-typeahead search-query\"> <span class=\"input-group-btn\"> <button name=\"search\" type=\"submit\" class=\"btn btn-{{::c.options.color}}\" title=\"{{::c.options.title}}\" aria-label=\"{{::c.options.title}}\"> <i ng-if=\"::c.options.glyph\" class=\"fa fa-{{::c.options.glyph}}\"><\/i> <\/button> <\/span>\n  <div ng-show=\"noResults\" class=\"custom-popup-wrapper\" style=\"display: block; top: 36px; right: 0;\">\n   <div class=\"col-xs-12 mainbox\">\n    <div class=\"col-xs-12 search-result-box\">\n     <ul class=\"dropdown-menu\">\n      <li>No Results Found<\/li>\n     <\/ul>\n    <\/div>\n   <\/div>\n  <\/div>\n <\/div>\n<\/form>","css":"\n.v74b0cbca13b07b003527bd122244b0e5 ul.dropdown-menu {\n\tmin-width: 100%;\n\tborder-radius: 0px 0px 4px 4px;\n\tmargin: 0px;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 ul.dropdown-menu a.ta-item {\n\tline-height: 20px;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 ul.dropdown-menu i.ta-icon, \n.v74b0cbca13b07b003527bd122244b0e5 i.ta-img {\n\twidth: 20px;\n\theight: 20px;\n\tbackground-size: contain;\n\tdisplay: inline-block;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center center;\n\ttext-align: center;\n\tline-height: 20px;\n\tfloat: left;\n\tmargin-right: 8px;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 input[name=\"q\"] {\n\tcolor: black;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .home-search .form-control {\n\tborder: 1;\n\tborder-radius: 0;\n\tdisplay: block;\n\twidth: 100%;\n\theight: 36px;\n\tfont-size: 14px;\n\tbox-shadow: none;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .home-search .input-group-btn {\n\tbackground-color: #fff;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .home-search .btn {\n\twidth: auto;\n\theight: auto;\n\tborder: 1;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .home-search .btn:hover {\n\tborder-radius: 0;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .home-search .sp-tagline-color {\n\tcolor: #ffffff;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 ul.dropdown-menu {\n\tmin-width: 100%;\n\tborder-radius: 0px 0px 4px 4px;\n\tmargin: 0px;\n\tborder: none;\n\tbox-shadow: none;\n\tposition: relative !important;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .ta-item {\n\twhite-space: inherit;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 ul.dropdown-menu a.ta-item {\n\tline-height: 20px;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 ul.dropdown-menu i.ta-icon, \n.v74b0cbca13b07b003527bd122244b0e5 i.ta-img {\n\twidth: 20px;\n\theight: 20px;\n\tbackground-size: contain;\n\tdisplay: inline-block;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center center;\n\ttext-align: center;\n\tline-height: 20px;\n\tfloat: left;\n\tmargin-right: 8px;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 input[name=\"q\"] {\n\tcolor: black;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .dropdown-menu {\n\tdisplay: block !important;\n\tpadding-top: 0px;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .message {\n\tfont-weight: 600;\n\tcolor: #000000;\n\tfont-size: 18px;\n\tpadding: 3% 0;\n\ttext-align: center;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .mainbox {\n\tbackground: #ffffff none repeat scroll 0 0;\n\tborder: 1px solid #eeeeee;\n\tbox-shadow: 0 6px 12px rgba(0, 0, 0, .176);\n\tmargin-top: 10px;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 #custom-search-input {\n\twidth: 100%;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .custom-popup-wrapper {\n\tposition: absolute;\n\twidth: 100%;\n\tz-index: 100000000;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .message {\n\tmargin: 0px;\n\tpadding-bottom: 0px;\n\ttext-align: inherit;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .dropdown-menu > li > a {\n\tpadding: 0px 0px 4px 20px;\n\tposition: relative;\n}\n\n.v74b0cbca13b07b003527bd122244b0e5 .dropdown-menu > li > a > svg, \n.v74b0cbca13b07b003527bd122244b0e5 .dropdown-menu > li > a > img {\n\tleft: 0;\n\tposition: absolute;\n\ttop: 3px;\n}\n@media (min-width: 990px) {\n\t\n.v74b0cbca13b07b003527bd122244b0e5 .custom-popup-wrapper {\n\tright: 0;\n\twidth: 975px;\n}\n}","ngTemplates":{"customPopupTemplate.html":"<div class=\"custom-popup-wrapper\"\n       ng-style=\"{top: position().top+'px'}\"\n       style=\"display: block;\"\n       ng-show=\"isOpen() && !moveInProgress\"\n       aria-hidden=\"{{!isOpen()}}\">\n       <div class=\"col-md-12 col-sm-12 col-xs-12 mainbox\">\n          <div class=\"col-md-4 col-sm-12 col-xs-12 search-result-box\">\n             <ul class=\"dropdown-menu\" role=\"listbox\">\n                <p class=\"message\">Software and Services<\/p>\n                <li ng-if=\"match.model.type == 'it_service' || match.model.type=='software' || match.model.type=='sc_content'\" class=\"uib-typeahead-match\" ng-repeat=\"match in matches track by $index\" ng-class=\"{active: isActive($index) }\"\n                   ng-mouseenter=\"selectActive($index)\" ng-click=\"selectMatch($index)\" role=\"option\" id=\"{{::match.id}}\">\n                   <a class=\"ta-item\" ng-href=\"{{match.model.content_type == 'external' ? match.model.url : ''}}\" target=\"{{match.model.url ? '_blank' : ''}}\">\n                   <img ng-if=\"match.model.type == 'it_service'\" ng-src=\"{{match.model.icon || 'RequestServices.png'}}\" style=\"width: 16px; height: 16px;\">\n                   <img ng-if=\"match.model.type == 'software' || match.model.type == 'sc_content'\" ng-src=\"{{match.model.icon || 'software_placeholder.png'}}\" style=\"width: 16px; height: 16px;\">\n                   <span ng-bind-html=\"match.model.label | uibTypeaheadHighlight:query\"><\/span>\n                   <\/a>\n                <\/li>\n                <div class=\"clearfix\"><\/div>\n             <\/ul>\n          <\/div>\n          <div class=\"col-md-4  col-sm-12 col-xs-12 {{data.results.length}} search-result-box\">\n             <ul class=\"dropdown-menu\" role=\"listbox\">\n                <p class=\"message\">Request Forms<\/p>\n                <li ng-if=\"match.model.type=='sc' || match.model.type=='sc_guide'\" class=\"uib-typeahead-match\" ng-repeat=\"match in matches track by $index\" ng-class=\"{active: isActive($index) }\"\n                   ng-mouseenter=\"selectActive($index)\" ng-click=\"selectMatch($index)\" role=\"option\" id=\"{{::match.id}}\">\n                   <a class=\"ta-item\" ng-href=\"{{match.model.content_type == 'external' ? match.model.url : ''}}\" target=\"{{match.model.url ? '_blank' : ''}}\">\n                      <img ng-src=\"{{match.model.icon || 'RequestServices.png'}}\" style=\"width: 16px; height: 16px;\">\n                      <span ng-bind-html=\"match.model.label | uibTypeaheadHighlight:query\"><\/span>\n                   <\/a>\n                <\/li>\n                <div class=\"clearfix\"><\/div>\n             <\/ul>\n          <\/div>\n          <div class=\"col-md-4  col-sm-12 col-xs-12 {{data.results.length}} search-result-box\">\n             <ul class=\"dropdown-menu\" role=\"listbox\">\n                <p class=\"message\">Knowledge Base<\/p>\n                <li ng-if=\"match.model.type=='kb'\" class=\"uib-typeahead-match\" ng-repeat=\"match in matches track by $index\" ng-class=\"{active: isActive($index) }\"\n                   ng-mouseenter=\"selectActive($index)\" ng-click=\"selectMatch($index)\" role=\"option\" id=\"{{::match.id}}\">\n                   <a class=\"ta-item\" ng-href=\"{{match.model.content_type == 'external' ? match.model.url : ''}}\" target=\"{{match.model.url ? '_blank' : ''}}\">\n                      <svg version=\"1.1\" id=\"svg_icon_article-document\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 32 32\" style=\"enable-background:new 0 0 32 32; float:left;\" xml:space=\"preserve\" fill=\"#65BB8A\">\n                         <path id=\"XMLID_9_\" d=\"M27.8,21.8v-19c0-1.3-1-2.3-2.3-2.3h-19c-1.3,0-2.3,1-2.3,2.3v26.3c0,1.3,1,2.3,2.3,2.3h11.6\n                            c0.3,0,0.6-0.1,0.8-0.3l8.8-8.6C28,22.3,27.9,22,27.8,21.8z M24,22.9l-4.8,4.8v-4.8C19.2,22.9,24,22.9,24,22.9z M17,21.8v7.5H6.5\n                            c-0.1,0-0.1-0.1-0.1-0.1V2.8c0-0.1,0.1-0.1,0.1-0.1h19c0.1,0,0.1,0.1,0.1,0.1v17.9h-7.5C17.5,20.7,17,21.2,17,21.8z\"><\/path>\n                         <rect id=\"XMLID_18_\" x=\"8.6\" y=\"6\" class=\"st0\" width=\"14.3\" height=\"2\"><\/rect>\n                         <rect id=\"XMLID_20_\" x=\"8.6\" y=\"10.9\" class=\"st0\" width=\"14.3\" height=\"2\"><\/rect>\n                         <rect id=\"XMLID_1_\" x=\"8.6\" y=\"15.9\" class=\"st0\" width=\"14.3\" height=\"2\"><\/rect>\n                      <\/svg>\n                      <span ng-bind-html=\"match.model.label | uibTypeaheadHighlight:query\"><\/span><br/>\n                   <\/a>\n                <\/li>\n                <div class=\"clearfix\"><\/div>\n             <\/ul>\n          <\/div>\n       <\/div>\n    <\/div>"},"async_load":false,"data":{"catalogLimit":5,"searchType":null,"limit":15,"pid":null,"kb_query":[],"results":[]},"roles":"","rectangle_id":"93aa93311bce14503f4286ae6e4bcbb1","_metastack_size":0,"option_schema":"[{\"name\":\"title\",\"label\":\"Title\",\"type\":\"string\"},{\"name\":\"color\",\"label\":\"Color\",\"type\":\"string\"},{\"name\":\"glyph\",\"label\":\"glyph\",\"type\":\"string\"},{\"name\":\"size\",\"label\":\"Size\",\"type\":\"string\"},{\"hint\":\"Number of typeahead search results returned (default 15)\",\"name\":\"limit\",\"label\":\"Limit\",\"type\":\"integer\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"74b0cbca13b07b003527bd122244b0e5","public":true,"client_script":"function ($filter, $location, $window) {\n\tvar c = this;\n\tc.options.glyph = c.options.glyph || 'search';\n\tc.data.searchMsg = \"Search the Service Hub\";\n\tc.options.title = c.options.title || c.data.searchMsg;\n\tc.onSelect = function($item, $model, $label) {\n\t\tif ($item.type == \"sc\")\n\t\t\t$location.search({id: 'ucd_cat_item', sys_id: $item.sys_id});\n\t\tif ($item.type == \"software\")\n\t\t\t$location.search({id: 'software_details', sys_id: $item.sys_id});\n\t\tif ($item.type == \"sc_guide\")\n\t\t\t$location.search({id: 'sc_cat_item_guide', sys_id: $item.sys_id});\n\t\tif ($item.type == \"kb\")\n\t\t\t$location.search({id: 'ucd_kb_article', sys_id: $item.sys_id});\n\t\tif ($item.type == 'sc_content')\n\t\t\t$location.search({id: 'content_details', sys_id: $item.sys_id});\n\t\tif ($item.type == 'it_service')\n\t\t\t$location.search({id: 'it_catalog_content', sys_id: $item.sys_id});\n\t};\n\tc.getResults = function(query) {\n\t\treturn c.server.get({q: query, submit: false}).then(function(response) {\n\t\t\tvar a = $filter('orderBy')(response.data.results, '-score');\n\t\t\treturn $filter('limitTo')(a, c.data.limit);\n\t\t});\n\t};\n  c.submitSearch = function () {\n        if (c.selectedState) {\n            c.server.get({\n                q: c.selectedState,\n\t\t\t\t\t\t\t\tsubmit: true\n            }).then(function (response) {\n                var link = \"?id=ucd_search2&query=\" + c.selectedState + \"&kb_knowledge_base=\" + response.data.kb_query.join('&kb_knowledge_base=');\n                $window.location = link;\n            })\n        }\n    }\n}\n","name":"UCD Typeahead Multi Search V2","options":{"async_load_trigger":"viewport","async_load":false,"color":"default","sp_column":"169a1ffd1b8e14503f4286ae6e4bcb9b","sp_column_dv":"2","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"UCD Typeahead Multi Search V2","size":"md","advanced_placeholder_dimensions":false,"placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"74b0cbca13b07b003527bd122244b0e5","sys_class_name_dv":"Instance","order":1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd_typeahead_multi_search_v2","_script_execution_time":1,"field_list":"color,size,glyph,title","controller_as":"c","providers":[],"_server_time":"0.005"},"instance_id":"93aa93311bce14503f4286ae6e4bcbb1","title":""}],"class_name":"search-bar","semantic_tag":"","order":2}],"class_name":"","semantic_tag":"","order":1}],"class_name":"breadcrumbs-container","semantic_tag":"","order":1},{"sys_id":"26df9a34db723200b2205ec0cf9619b3","bootstrap_alt":false,"subheader":false,"background":"{\"background-color\":\"#e5e9ef\",\"background-repeat\":\"no-repeat\",\"background-size\":\"contain\",\"background-position\":\"center center\"}","width":"container","container_class_name":"content-container","title":"","rows":[{"sys_id":"eb712bb0db363200b2205ec0cf961949","columns":[{"sys_id":"67712bb0db363200b2205ec0cf96194b","size_classes":"col-md-12 ","rows":[],"widgets":[{"sys_id":"595ddbf11bce14503f4286ae6e4bcbcd","widget":{"template":"<div id=\"links-container\">\n <div class=\"row\">\n  <div ng-repeat=\"widget in data.widgets\">\n   <div class=\"col-md-5ths icon-widget\" data-ng-attr-style=\"left:{{calcLeft($index)}}; \n                               bottom: {{calcBottom($index)}};\n                               height: 265px\"><sp-widget widget=\"widget\"><\/sp-widget>\n   <\/div>\n  <\/div>\n <\/div>\n <div class=\"hub-title hidden-sm\" data-ng-attr-style=\"left: {{calcCenter()}};\n                           width: 400px\">\n  Service Hub\n <\/div>\n<\/div>","css":"\n.v199b97711bce14503f4286ae6e4bcba9 #links-container {\n\tposition: relative;\n\theight: 615px;\n}\n\n.v199b97711bce14503f4286ae6e4bcba9 .icon-widget {\n\tposition: absolute;\n}\n\n.v199b97711bce14503f4286ae6e4bcba9 .icon-widget a:focus > div {\n\toutline: 2px solid #002855;\n}\n\n.v199b97711bce14503f4286ae6e4bcba9 .icon-widget a:hover, \n.v199b97711bce14503f4286ae6e4bcba9 .icon-widget a:focus {\n\ttext-decoration: underline;\n}\n\n.v199b97711bce14503f4286ae6e4bcba9 #links-container .hub-title {\n\tposition: absolute;\n\tbottom: calc(1.25em + 31px);\n\ttext-align: center;\n\tcolor: #002855;\n\tfont-size: 64px;\n\tfont-weight: 900;\n\tleft: 0;\n\tright: 0;\n}\n@media (max-width: 992px) {\n\t\n.v199b97711bce14503f4286ae6e4bcba9 .icon-widget {\n\tposition: static;\n}\n\t\n.v199b97711bce14503f4286ae6e4bcba9 #links-container {\n\theight: auto;\n}\n\t\n.v199b97711bce14503f4286ae6e4bcba9 .hub-title {\n\tdisplay: none;\n}\n}","async_load":false,"data":{"rServicesOptions":{"short_description":"Place an order or browse services","image":"RequestServicesButton.svg","color":"hub","hub":true,"link_template":"Circle Icon","href":"?id=catalog","title":"Get Services"},"stuffOptions":{"short_description":"Check on the status of your tickets, requests, and more","image":"MyStuffButton.svg","color":"hub","hub":true,"link_template":"Circle Icon","href":"?id=ucd_my_stuff","title":"My Stuff"},"answersOptions":{"short_description":"Search our Knowledge Base","image":"GetAnswersButton.svg","color":"hub","hub":true,"link_template":"Circle Icon","href":"?id=ucd_kb_view2","title":"Find Answers"},"aboutITSM":{"short_description":"Learn about ITSM at UC Davis","image":"AboutButton.svg","color":"hub","hub":true,"link_template":"Circle Icon","href":"?id=ucd_kb_article&sysparm_article=KB0001198","title":"About"},"loggedIn":false,"widgets":[{"template":"<div class=\"icon-links-container\"><a aria-label=\"{{::options.title}}\" ng-if=\"::(options.link_template == 'Circle Icon')\" ng-href=\"{{::options.href}}\" class=\"circle_icon\" target=\"{{::options.target}}\">\n  <div>\n   <div class=\"icon-title text-center\">\n    <h3 class=\"text-{{::options.color}}\" style=\"font-weight: 700\">{{::options.title}} <span ng-if=\"c.data.recordCount > 0 &amp;&amp; c.data.title=='My Stuff' &amp;&amp; c.data.isLoggedIn\" class=\"label label-as-badge label-primary label-custom\">{{c.data.recordCount}}<\/span><\/h3>\n   <\/div>\n   <div class=\"icon-img text-center\"><img src=\"{{::options.image}}\" height=\"125\" width=\"125\" style=\"padding-bottom: 10px;\">\n   <\/div>\n   <div class=\"icon-description text-center\">\n    <p ng-class=\"{{options.hub}} ? 'hub-text' : 'gray-text'\">{{::options.short_description}}<\/p>\n   <\/div>\n  <\/div> <\/a>\n<\/div>","css":"\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container {\n\tpadding-top: 20px;\n\tpadding-bottom: 20px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-hub {\n\tcolor: #002855;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:hover .text-hub, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:hover .hub-text, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:focus .text-hub, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:focus .hub-text {\n\tcolor: #0064d5;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-primary {\n\tcolor: #428bca;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-primary {\n\tcolor: #245682;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-info {\n\tcolor: #5bc0de;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-info {\n\tcolor: #2390b0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-success {\n\tcolor: #5cb85c;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-success {\n\tcolor: #357935;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-warning {\n\tcolor: #f0ad4e;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-warning {\n\tcolor: #c77c11;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-danger {\n\tcolor: #d9534f;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-danger {\n\tcolor: #a02622;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .media, \n.v1fad6b2f0f1132006df006bce1050e84 .media-body {\n\toverflow: visible;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .label-custom {\n\tfont-size: 70%;\n\tvertical-align: super;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-purple {\n\tcolor: #7647A2;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-purple {\n\tcolor: #42285b;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-left, \n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-right {\n\tpadding-top: 15px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-left {\n\tpadding-left: 0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-right {\n\tpadding-right: 0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 p.hub-text {\n\tcolor: #002855;\n\tline-height: 16px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 p.gray-text {\n\tcolor: #656565;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 a:active, \n.v1fad6b2f0f1132006df006bce1050e84 a:focus {\n\toutline: 0;\n\t-moz-outline-style: none;\n}","data":{"recordCount":0,"isLoggedIn":false,"useMobile":false,"title":"Get Help","userID":"5136503cc611227c0183e96598c4f706"},"roles":"","_metastack_size":2,"option_schema":"[{\"name\":\"link_template\",\"label\":\"Template\",\"type\":\"choice\",\"choices\":[{\"label\":\"Top Icon\",\"value\":\"Top Icon\"},{\"label\":\"Circle Icon\",\"value\":\"Circle Icon\"},{\"label\":\"Color Box\",\"value\":\"Color Box\"}]},{\"hint\":\"Image URL within ServiceNow (\\\"example.jpg\\\")\",\"name\":\"image\",\"label\":\"Image\",\"type\":\"string\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"1fad6b2f0f1132006df006bce1050e84","public":true,"client_script":"function(spUtil, $scope, $timeout, $rootScope) {\n    var c = this;\n\t\n\tif(c.data.title == \"My Stuff\") {\n\t\t  spUtil.recordWatch($scope, \"incident\", \"caller_id=\"+c.data.userID, function(name, data) {\n\t\t\t $timeout(function() {\n\t\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sc_request\", \"requested_for=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sysapproval_approver\", \"approver=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sc_task\", \"assigned_to=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\t}\n\t\n\tvar currentWidth = $(window).width();\n\tc.data.useMobile = currentWidth <= 768;\n\t$(window).on('resize', function() {\n\t\tvar winWidth = $(window).width();\n\t\tif (768 < winWidth) {\n\t\t\tif (currentWidth < winWidth && currentWidth <= 768) {\n\t\t\t\tc.data.useMobile = false;\n\t\t\t\tspUtil.update($scope);\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tif (currentWidth > winWidth && currentWidth > 768) {\n\t\t\t\tc.data.useMobile = true;\n\t\t\t\tspUtil.update($scope);\n\t\t\t}\n\t\t}\n\t\tcurrentWidth = winWidth;\n\t});\n\t\n\t$(\".icon-img img\").each(function() {\n\t\t$(this).on(\"load\", function() {\n\t\t\tconsole.log('loaded');\n\t\t});\n\t});\n}\n","name":"ucd_Icon Link","options":{"short_description":"Contact support to report a problem","image":"GetHelpButton.svg","async_load":false,"color":"hub","link_template":"Circle Icon","sp_column_dv":"","active":false,"sys_tags":"","title":"Get Help","preserve_placeholder_size":false,"sp_widget_dv":"","hub":true,"advanced_placeholder_dimensions":false,"href":"https://servicehub.ucdavis.edu/servicehub/?id=ucd_get_help","order":-1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-icon-link","_script_execution_time":0,"field_list":"title,short_description,glyph,class_name,type,sc_category,url,kb_article,kb_topic,kb_category,sc_cat_item,sp_page,color","controller_as":"c","providers":[],"_server_time":"0.007"},{"template":"<div class=\"icon-links-container\"><a aria-label=\"{{::options.title}}\" ng-if=\"::(options.link_template == 'Circle Icon')\" ng-href=\"{{::options.href}}\" class=\"circle_icon\" target=\"{{::options.target}}\">\n  <div>\n   <div class=\"icon-title text-center\">\n    <h3 class=\"text-{{::options.color}}\" style=\"font-weight: 700\">{{::options.title}} <span ng-if=\"c.data.recordCount > 0 &amp;&amp; c.data.title=='My Stuff' &amp;&amp; c.data.isLoggedIn\" class=\"label label-as-badge label-primary label-custom\">{{c.data.recordCount}}<\/span><\/h3>\n   <\/div>\n   <div class=\"icon-img text-center\"><img src=\"{{::options.image}}\" height=\"125\" width=\"125\" style=\"padding-bottom: 10px;\">\n   <\/div>\n   <div class=\"icon-description text-center\">\n    <p ng-class=\"{{options.hub}} ? 'hub-text' : 'gray-text'\">{{::options.short_description}}<\/p>\n   <\/div>\n  <\/div> <\/a>\n<\/div>","css":"\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container {\n\tpadding-top: 20px;\n\tpadding-bottom: 20px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-hub {\n\tcolor: #002855;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:hover .text-hub, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:hover .hub-text, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:focus .text-hub, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:focus .hub-text {\n\tcolor: #0064d5;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-primary {\n\tcolor: #428bca;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-primary {\n\tcolor: #245682;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-info {\n\tcolor: #5bc0de;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-info {\n\tcolor: #2390b0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-success {\n\tcolor: #5cb85c;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-success {\n\tcolor: #357935;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-warning {\n\tcolor: #f0ad4e;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-warning {\n\tcolor: #c77c11;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-danger {\n\tcolor: #d9534f;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-danger {\n\tcolor: #a02622;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .media, \n.v1fad6b2f0f1132006df006bce1050e84 .media-body {\n\toverflow: visible;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .label-custom {\n\tfont-size: 70%;\n\tvertical-align: super;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-purple {\n\tcolor: #7647A2;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-purple {\n\tcolor: #42285b;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-left, \n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-right {\n\tpadding-top: 15px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-left {\n\tpadding-left: 0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-right {\n\tpadding-right: 0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 p.hub-text {\n\tcolor: #002855;\n\tline-height: 16px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 p.gray-text {\n\tcolor: #656565;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 a:active, \n.v1fad6b2f0f1132006df006bce1050e84 a:focus {\n\toutline: 0;\n\t-moz-outline-style: none;\n}","data":{"recordCount":0,"isLoggedIn":false,"useMobile":false,"title":"Get Services","userID":"5136503cc611227c0183e96598c4f706"},"roles":"","_metastack_size":2,"option_schema":"[{\"name\":\"link_template\",\"label\":\"Template\",\"type\":\"choice\",\"choices\":[{\"label\":\"Top Icon\",\"value\":\"Top Icon\"},{\"label\":\"Circle Icon\",\"value\":\"Circle Icon\"},{\"label\":\"Color Box\",\"value\":\"Color Box\"}]},{\"hint\":\"Image URL within ServiceNow (\\\"example.jpg\\\")\",\"name\":\"image\",\"label\":\"Image\",\"type\":\"string\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"1fad6b2f0f1132006df006bce1050e84","public":true,"client_script":"function(spUtil, $scope, $timeout, $rootScope) {\n    var c = this;\n\t\n\tif(c.data.title == \"My Stuff\") {\n\t\t  spUtil.recordWatch($scope, \"incident\", \"caller_id=\"+c.data.userID, function(name, data) {\n\t\t\t $timeout(function() {\n\t\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sc_request\", \"requested_for=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sysapproval_approver\", \"approver=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sc_task\", \"assigned_to=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\t}\n\t\n\tvar currentWidth = $(window).width();\n\tc.data.useMobile = currentWidth <= 768;\n\t$(window).on('resize', function() {\n\t\tvar winWidth = $(window).width();\n\t\tif (768 < winWidth) {\n\t\t\tif (currentWidth < winWidth && currentWidth <= 768) {\n\t\t\t\tc.data.useMobile = false;\n\t\t\t\tspUtil.update($scope);\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tif (currentWidth > winWidth && currentWidth > 768) {\n\t\t\t\tc.data.useMobile = true;\n\t\t\t\tspUtil.update($scope);\n\t\t\t}\n\t\t}\n\t\tcurrentWidth = winWidth;\n\t});\n\t\n\t$(\".icon-img img\").each(function() {\n\t\t$(this).on(\"load\", function() {\n\t\t\tconsole.log('loaded');\n\t\t});\n\t});\n}\n","name":"ucd_Icon Link","options":{"short_description":"Place an order or browse services","image":"RequestServicesButton.svg","async_load":false,"color":"hub","link_template":"Circle Icon","sp_column_dv":"","active":false,"sys_tags":"","title":"Get Services","preserve_placeholder_size":false,"sp_widget_dv":"","hub":true,"advanced_placeholder_dimensions":false,"href":"?id=catalog","order":-1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-icon-link","_script_execution_time":0,"field_list":"title,short_description,glyph,class_name,type,sc_category,url,kb_article,kb_topic,kb_category,sc_cat_item,sp_page,color","controller_as":"c","providers":[],"_server_time":"0.007"},{"template":"<div class=\"icon-links-container\"><a aria-label=\"{{::options.title}}\" ng-if=\"::(options.link_template == 'Circle Icon')\" ng-href=\"{{::options.href}}\" class=\"circle_icon\" target=\"{{::options.target}}\">\n  <div>\n   <div class=\"icon-title text-center\">\n    <h3 class=\"text-{{::options.color}}\" style=\"font-weight: 700\">{{::options.title}} <span ng-if=\"c.data.recordCount > 0 &amp;&amp; c.data.title=='My Stuff' &amp;&amp; c.data.isLoggedIn\" class=\"label label-as-badge label-primary label-custom\">{{c.data.recordCount}}<\/span><\/h3>\n   <\/div>\n   <div class=\"icon-img text-center\"><img src=\"{{::options.image}}\" height=\"125\" width=\"125\" style=\"padding-bottom: 10px;\">\n   <\/div>\n   <div class=\"icon-description text-center\">\n    <p ng-class=\"{{options.hub}} ? 'hub-text' : 'gray-text'\">{{::options.short_description}}<\/p>\n   <\/div>\n  <\/div> <\/a>\n<\/div>","css":"\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container {\n\tpadding-top: 20px;\n\tpadding-bottom: 20px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-hub {\n\tcolor: #002855;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:hover .text-hub, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:hover .hub-text, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:focus .text-hub, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:focus .hub-text {\n\tcolor: #0064d5;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-primary {\n\tcolor: #428bca;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-primary {\n\tcolor: #245682;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-info {\n\tcolor: #5bc0de;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-info {\n\tcolor: #2390b0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-success {\n\tcolor: #5cb85c;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-success {\n\tcolor: #357935;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-warning {\n\tcolor: #f0ad4e;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-warning {\n\tcolor: #c77c11;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-danger {\n\tcolor: #d9534f;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-danger {\n\tcolor: #a02622;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .media, \n.v1fad6b2f0f1132006df006bce1050e84 .media-body {\n\toverflow: visible;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .label-custom {\n\tfont-size: 70%;\n\tvertical-align: super;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-purple {\n\tcolor: #7647A2;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-purple {\n\tcolor: #42285b;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-left, \n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-right {\n\tpadding-top: 15px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-left {\n\tpadding-left: 0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-right {\n\tpadding-right: 0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 p.hub-text {\n\tcolor: #002855;\n\tline-height: 16px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 p.gray-text {\n\tcolor: #656565;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 a:active, \n.v1fad6b2f0f1132006df006bce1050e84 a:focus {\n\toutline: 0;\n\t-moz-outline-style: none;\n}","data":{"recordCount":0,"isLoggedIn":false,"useMobile":false,"title":"Find Answers","userID":"5136503cc611227c0183e96598c4f706"},"roles":"","_metastack_size":2,"option_schema":"[{\"name\":\"link_template\",\"label\":\"Template\",\"type\":\"choice\",\"choices\":[{\"label\":\"Top Icon\",\"value\":\"Top Icon\"},{\"label\":\"Circle Icon\",\"value\":\"Circle Icon\"},{\"label\":\"Color Box\",\"value\":\"Color Box\"}]},{\"hint\":\"Image URL within ServiceNow (\\\"example.jpg\\\")\",\"name\":\"image\",\"label\":\"Image\",\"type\":\"string\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"1fad6b2f0f1132006df006bce1050e84","public":true,"client_script":"function(spUtil, $scope, $timeout, $rootScope) {\n    var c = this;\n\t\n\tif(c.data.title == \"My Stuff\") {\n\t\t  spUtil.recordWatch($scope, \"incident\", \"caller_id=\"+c.data.userID, function(name, data) {\n\t\t\t $timeout(function() {\n\t\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sc_request\", \"requested_for=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sysapproval_approver\", \"approver=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sc_task\", \"assigned_to=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\t}\n\t\n\tvar currentWidth = $(window).width();\n\tc.data.useMobile = currentWidth <= 768;\n\t$(window).on('resize', function() {\n\t\tvar winWidth = $(window).width();\n\t\tif (768 < winWidth) {\n\t\t\tif (currentWidth < winWidth && currentWidth <= 768) {\n\t\t\t\tc.data.useMobile = false;\n\t\t\t\tspUtil.update($scope);\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tif (currentWidth > winWidth && currentWidth > 768) {\n\t\t\t\tc.data.useMobile = true;\n\t\t\t\tspUtil.update($scope);\n\t\t\t}\n\t\t}\n\t\tcurrentWidth = winWidth;\n\t});\n\t\n\t$(\".icon-img img\").each(function() {\n\t\t$(this).on(\"load\", function() {\n\t\t\tconsole.log('loaded');\n\t\t});\n\t});\n}\n","name":"ucd_Icon Link","options":{"short_description":"Search our Knowledge Base","image":"GetAnswersButton.svg","async_load":false,"color":"hub","link_template":"Circle Icon","sp_column_dv":"","active":false,"sys_tags":"","title":"Find Answers","preserve_placeholder_size":false,"sp_widget_dv":"","hub":true,"advanced_placeholder_dimensions":false,"href":"?id=ucd_kb_view2","order":-1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-icon-link","_script_execution_time":0,"field_list":"title,short_description,glyph,class_name,type,sc_category,url,kb_article,kb_topic,kb_category,sc_cat_item,sp_page,color","controller_as":"c","providers":[],"_server_time":"0.007"},{"template":"<div class=\"icon-links-container\"><a aria-label=\"{{::options.title}}\" ng-if=\"::(options.link_template == 'Circle Icon')\" ng-href=\"{{::options.href}}\" class=\"circle_icon\" target=\"{{::options.target}}\">\n  <div>\n   <div class=\"icon-title text-center\">\n    <h3 class=\"text-{{::options.color}}\" style=\"font-weight: 700\">{{::options.title}} <span ng-if=\"c.data.recordCount > 0 &amp;&amp; c.data.title=='My Stuff' &amp;&amp; c.data.isLoggedIn\" class=\"label label-as-badge label-primary label-custom\">{{c.data.recordCount}}<\/span><\/h3>\n   <\/div>\n   <div class=\"icon-img text-center\"><img src=\"{{::options.image}}\" height=\"125\" width=\"125\" style=\"padding-bottom: 10px;\">\n   <\/div>\n   <div class=\"icon-description text-center\">\n    <p ng-class=\"{{options.hub}} ? 'hub-text' : 'gray-text'\">{{::options.short_description}}<\/p>\n   <\/div>\n  <\/div> <\/a>\n<\/div>","css":"\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container {\n\tpadding-top: 20px;\n\tpadding-bottom: 20px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-hub {\n\tcolor: #002855;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:hover .text-hub, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:hover .hub-text, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:focus .text-hub, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:focus .hub-text {\n\tcolor: #0064d5;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-primary {\n\tcolor: #428bca;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-primary {\n\tcolor: #245682;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-info {\n\tcolor: #5bc0de;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-info {\n\tcolor: #2390b0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-success {\n\tcolor: #5cb85c;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-success {\n\tcolor: #357935;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-warning {\n\tcolor: #f0ad4e;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-warning {\n\tcolor: #c77c11;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-danger {\n\tcolor: #d9534f;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-danger {\n\tcolor: #a02622;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .media, \n.v1fad6b2f0f1132006df006bce1050e84 .media-body {\n\toverflow: visible;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .label-custom {\n\tfont-size: 70%;\n\tvertical-align: super;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-purple {\n\tcolor: #7647A2;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-purple {\n\tcolor: #42285b;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-left, \n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-right {\n\tpadding-top: 15px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-left {\n\tpadding-left: 0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-right {\n\tpadding-right: 0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 p.hub-text {\n\tcolor: #002855;\n\tline-height: 16px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 p.gray-text {\n\tcolor: #656565;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 a:active, \n.v1fad6b2f0f1132006df006bce1050e84 a:focus {\n\toutline: 0;\n\t-moz-outline-style: none;\n}","data":{"recordCount":84,"isLoggedIn":false,"useMobile":false,"title":"My Stuff","userID":"5136503cc611227c0183e96598c4f706"},"roles":"","_metastack_size":2,"option_schema":"[{\"name\":\"link_template\",\"label\":\"Template\",\"type\":\"choice\",\"choices\":[{\"label\":\"Top Icon\",\"value\":\"Top Icon\"},{\"label\":\"Circle Icon\",\"value\":\"Circle Icon\"},{\"label\":\"Color Box\",\"value\":\"Color Box\"}]},{\"hint\":\"Image URL within ServiceNow (\\\"example.jpg\\\")\",\"name\":\"image\",\"label\":\"Image\",\"type\":\"string\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"1fad6b2f0f1132006df006bce1050e84","public":true,"client_script":"function(spUtil, $scope, $timeout, $rootScope) {\n    var c = this;\n\t\n\tif(c.data.title == \"My Stuff\") {\n\t\t  spUtil.recordWatch($scope, \"incident\", \"caller_id=\"+c.data.userID, function(name, data) {\n\t\t\t $timeout(function() {\n\t\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sc_request\", \"requested_for=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sysapproval_approver\", \"approver=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sc_task\", \"assigned_to=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\t}\n\t\n\tvar currentWidth = $(window).width();\n\tc.data.useMobile = currentWidth <= 768;\n\t$(window).on('resize', function() {\n\t\tvar winWidth = $(window).width();\n\t\tif (768 < winWidth) {\n\t\t\tif (currentWidth < winWidth && currentWidth <= 768) {\n\t\t\t\tc.data.useMobile = false;\n\t\t\t\tspUtil.update($scope);\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tif (currentWidth > winWidth && currentWidth > 768) {\n\t\t\t\tc.data.useMobile = true;\n\t\t\t\tspUtil.update($scope);\n\t\t\t}\n\t\t}\n\t\tcurrentWidth = winWidth;\n\t});\n\t\n\t$(\".icon-img img\").each(function() {\n\t\t$(this).on(\"load\", function() {\n\t\t\tconsole.log('loaded');\n\t\t});\n\t});\n}\n","name":"ucd_Icon Link","options":{"short_description":"Check on the status of your tickets, requests, and more","image":"MyStuffButton.svg","async_load":false,"color":"hub","link_template":"Circle Icon","sp_column_dv":"","active":false,"sys_tags":"","title":"My Stuff","preserve_placeholder_size":false,"sp_widget_dv":"","hub":true,"advanced_placeholder_dimensions":false,"href":"?id=ucd_my_stuff","order":-1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-icon-link","_script_execution_time":20,"field_list":"title,short_description,glyph,class_name,type,sc_category,url,kb_article,kb_topic,kb_category,sc_cat_item,sp_page,color","controller_as":"c","providers":[],"_server_time":"0.007"},{"template":"<div class=\"icon-links-container\"><a aria-label=\"{{::options.title}}\" ng-if=\"::(options.link_template == 'Circle Icon')\" ng-href=\"{{::options.href}}\" class=\"circle_icon\" target=\"{{::options.target}}\">\n  <div>\n   <div class=\"icon-title text-center\">\n    <h3 class=\"text-{{::options.color}}\" style=\"font-weight: 700\">{{::options.title}} <span ng-if=\"c.data.recordCount > 0 &amp;&amp; c.data.title=='My Stuff' &amp;&amp; c.data.isLoggedIn\" class=\"label label-as-badge label-primary label-custom\">{{c.data.recordCount}}<\/span><\/h3>\n   <\/div>\n   <div class=\"icon-img text-center\"><img src=\"{{::options.image}}\" height=\"125\" width=\"125\" style=\"padding-bottom: 10px;\">\n   <\/div>\n   <div class=\"icon-description text-center\">\n    <p ng-class=\"{{options.hub}} ? 'hub-text' : 'gray-text'\">{{::options.short_description}}<\/p>\n   <\/div>\n  <\/div> <\/a>\n<\/div>","css":"\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container {\n\tpadding-top: 20px;\n\tpadding-bottom: 20px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-hub {\n\tcolor: #002855;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:hover .text-hub, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:hover .hub-text, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:focus .text-hub, \n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container > a:focus .hub-text {\n\tcolor: #0064d5;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-primary {\n\tcolor: #428bca;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-primary {\n\tcolor: #245682;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-info {\n\tcolor: #5bc0de;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-info {\n\tcolor: #2390b0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-success {\n\tcolor: #5cb85c;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-success {\n\tcolor: #357935;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-warning {\n\tcolor: #f0ad4e;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-warning {\n\tcolor: #c77c11;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-danger {\n\tcolor: #d9534f;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-danger {\n\tcolor: #a02622;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .media, \n.v1fad6b2f0f1132006df006bce1050e84 .media-body {\n\toverflow: visible;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .label-custom {\n\tfont-size: 70%;\n\tvertical-align: super;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .text-purple {\n\tcolor: #7647A2;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .icon-links-container:hover .text-purple {\n\tcolor: #42285b;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-left, \n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-right {\n\tpadding-top: 15px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-left {\n\tpadding-left: 0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 .col-md-6.text-right {\n\tpadding-right: 0;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 p.hub-text {\n\tcolor: #002855;\n\tline-height: 16px;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 p.gray-text {\n\tcolor: #656565;\n}\n\n.v1fad6b2f0f1132006df006bce1050e84 a:active, \n.v1fad6b2f0f1132006df006bce1050e84 a:focus {\n\toutline: 0;\n\t-moz-outline-style: none;\n}","data":{"recordCount":0,"isLoggedIn":false,"useMobile":false,"title":"About","userID":"5136503cc611227c0183e96598c4f706"},"roles":"","_metastack_size":2,"option_schema":"[{\"name\":\"link_template\",\"label\":\"Template\",\"type\":\"choice\",\"choices\":[{\"label\":\"Top Icon\",\"value\":\"Top Icon\"},{\"label\":\"Circle Icon\",\"value\":\"Circle Icon\"},{\"label\":\"Color Box\",\"value\":\"Color Box\"}]},{\"hint\":\"Image URL within ServiceNow (\\\"example.jpg\\\")\",\"name\":\"image\",\"label\":\"Image\",\"type\":\"string\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"1fad6b2f0f1132006df006bce1050e84","public":true,"client_script":"function(spUtil, $scope, $timeout, $rootScope) {\n    var c = this;\n\t\n\tif(c.data.title == \"My Stuff\") {\n\t\t  spUtil.recordWatch($scope, \"incident\", \"caller_id=\"+c.data.userID, function(name, data) {\n\t\t\t $timeout(function() {\n\t\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sc_request\", \"requested_for=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sysapproval_approver\", \"approver=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\tspUtil.recordWatch($scope, \"sc_task\", \"assigned_to=\"+c.data.userID,function(name, data) {\n\t\t $timeout(function() {\n\t\t\tspUtil.update($scope);\n        }, 500);   \n    });\n\t}\n\t\n\tvar currentWidth = $(window).width();\n\tc.data.useMobile = currentWidth <= 768;\n\t$(window).on('resize', function() {\n\t\tvar winWidth = $(window).width();\n\t\tif (768 < winWidth) {\n\t\t\tif (currentWidth < winWidth && currentWidth <= 768) {\n\t\t\t\tc.data.useMobile = false;\n\t\t\t\tspUtil.update($scope);\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tif (currentWidth > winWidth && currentWidth > 768) {\n\t\t\t\tc.data.useMobile = true;\n\t\t\t\tspUtil.update($scope);\n\t\t\t}\n\t\t}\n\t\tcurrentWidth = winWidth;\n\t});\n\t\n\t$(\".icon-img img\").each(function() {\n\t\t$(this).on(\"load\", function() {\n\t\t\tconsole.log('loaded');\n\t\t});\n\t});\n}\n","name":"ucd_Icon Link","options":{"short_description":"Learn about ITSM at UC Davis","image":"AboutButton.svg","async_load":false,"color":"hub","link_template":"Circle Icon","sp_column_dv":"","active":false,"sys_tags":"","title":"About","preserve_placeholder_size":false,"sp_widget_dv":"","hub":true,"advanced_placeholder_dimensions":false,"href":"?id=ucd_kb_article&sysparm_article=KB0001198","order":-1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-icon-link","_script_execution_time":1,"field_list":"title,short_description,glyph,class_name,type,sc_category,url,kb_article,kb_topic,kb_category,sc_cat_item,sp_page,color","controller_as":"c","providers":[],"_server_time":"0.007"}],"helpOptions":{"short_description":"Contact support to report a problem","image":"GetHelpButton.svg","color":"hub","hub":true,"link_template":"Circle Icon","href":"https://servicehub.ucdavis.edu/servicehub/?id=ucd_get_help","title":"Get Help"}},"roles":"","link":"function link(scope, element, attrs, controller) {  }","rectangle_id":"595ddbf11bce14503f4286ae6e4bcbcd","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"199b97711bce14503f4286ae6e4bcba9","public":true,"client_script":"function(spUtil, $scope) {\n\tvar c = this;\nvar iconLinks = [];\n\tvar images = 0;\n\tvar NUM_WIDGETS = c.data.widgets.length;\n\t\n\tvar DEFAULT_RADIUS = 365,\n\t\t\tMOBILE_RADIUS = 295;\n\t\n\tvar widgetIndex = 4;\n\t\n\tfunction iconsLoaded() {\n\t\tvar allLoaded = false;\n\t\tvar titles = 0,\n\t\t\t\timages = 0,\n\t\t\t\tdescriptions = 0;\n\t\t\n\t\t\n\t\tif ($(\".icon-links-container\").length != NUM_WIDGETS) return allLoaded\n\t\t\n\t\t$(\".icon-title\").each(function() {\n\t\t\tif (!$(this).text()) return false;\n\t\t\ttitles++;\n\t\t});\n\t\t$(\".icon-img img\").each(function() {\n\t\t\tif (!$(this).prop('complete')) return false;\n\t\t\timages++;\n\t\t});\n\t\t$(\".icon-description\").each(function() {\n\t\t\tif (!$(this).text()) return false;\n\t\t\tdescriptions++;\n\t\t});\n\t\t\n\t\t\n\t\tallLoaded = ((titles == NUM_WIDGETS) && (images == NUM_WIDGETS) && (descriptions == NUM_WIDGETS));\n\t\t\n\t\treturn allLoaded;\n\t}\n\t\n\tfunction setIconHeights(iconLinks) {\n\t\tvar max = $(iconLinks[0]).height();\n\t\ticonLinks.forEach(function(element) {\n\t\t\tif ($(element).height() > max) {\n\t\t\t\tmax = $(element).height();\n\t\t\t}\n\t\t});\n\t\t\n\t\ticonLinks.forEach(function(element) {\n\t\t\tif ($(element).height() < max) {\n\t\t\t\t$(element).css({\n\t\t\t\t\theight: max + 'px'\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\t\n\tfunction arrange(iconLinks, rad) {\n\t\tvar height = $('#links-container').height(),\n\t\t\t\twidth = $('#links-container').width(),\nradius = rad,\n\t\t\t\tangle = 0,\nstep = Math.PI / (NUM_WIDGETS - 1);\n\t\t\n\t\t$(\".hub-title\").css({\nleft: width/2 - $(\".hub-title\").width()/2\n\t\t});\n\t\n\t\ticonLinks.forEach(function(element, index) {\nvar x = Math.round((width/2) + (radius * Math.cos(angle)) - $(element).width()/2) - 16,\n\t\t\t\t\ty = Math.round(radius * Math.sin(angle)) - 32;\n\t\t\t\n\t\t\tif (index == 0) x += 10;\n\t\t\telse if (index == 4) {\n\t\t\t\tx -= 10;\n\t\t\t}\n\t\t\t$(element).css({\n\t\t\t\tleft: x + 'px',\n\t\t\t\tbottom: y + 'px'\n\t\t\t});\n\t\t\tangle += step;\n\t\t});\n\t}\n\t\n\t$scope.calcLeft = function(index) {\n\t\tvar width = $(\"#links-container\").width(),\n\t\t\t\tradius = DEFAULT_RADIUS,\nstep = Math.PI / (NUM_WIDGETS - 1),\n\t\t\t\tangle = Math.PI - step*index;\n\t\t\nvar x = Math.round((width/2) + (radius * Math.cos(angle)) - (198/2)) - 16;\n\t\tif (index == 0) x -= 10;\n\t\telse if (index == 4) x += 10;\n\t\t\n\t\treturn x + \"px\";\n\t}\n\t\n\t$scope.calcBottom = function(index) {\n\t\tvar width = $(\"#links-container\").width(),\n\t\t\t\tradius = DEFAULT_RADIUS,\nstep = Math.PI / (NUM_WIDGETS - 1),\n\t\t\t\tangle = Math.PI - step*index;\n\t\t\n\t\tvar y = Math.round(radius * Math.sin(angle)) - 32;\n\t\t\n\t\treturn y + \"px\";\n\t}\n\t\n\t$scope.calcCenter = function() {\n\t\tvar width = $(\"#links-container\").width();\nreturn (width/2 - $(\".hub-title\").width()/2) + \"px\";\n\t}\n\t\n\tvar checkWidgetsExists = setInterval(function() {\n\t\tif (iconsLoaded()) {\n\t\t\ticonLinks = $(\".icon-widget\").toArray().reverse();\n\t\t\tsetIconHeights(iconLinks);\n\t\t\tif (1200 > $(window).width() && 993 <= $(window).width()) arrange(iconLinks, MOBILE_RADIUS);\n\t\t\telse arrange(iconLinks, DEFAULT_RADIUS);\n\t\t\tclearInterval(checkWidgetsExists);\n\t\t}\n\t}, 100);\n\t\n\t$(window).on('resize', function() {\n\t\tvar winWidth = $(window).width();\n\t\tsetIconHeights(iconLinks);\n\t\tif (winWidth > 768) {\n\t\t\tif (1200 > winWidth && 993 <= winWidth) arrange(iconLinks, MOBILE_RADIUS)\n\t\t\telse arrange(iconLinks, DEFAULT_RADIUS);\n\t\t}\n\t});\n}\n","name":"ucd_Homepage Links v2","options":{"async_load_trigger":"viewport","async_load":false,"color":"default","sp_column":"67712bb0db363200b2205ec0cf96194b","sp_column_dv":"1","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","title":"Homepage Bike Icons","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"ucd_Homepage Links v2","size":"md","advanced_placeholder_dimensions":false,"sys_name":"Homepage Bike Icons","placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"199b97711bce14503f4286ae6e4bcba9","sys_class_name_dv":"Instance","order":1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-homepage-links-v2","_script_execution_time":27,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.008"},"instance_id":"595ddbf11bce14503f4286ae6e4bcbcd","title":"Homepage Bike Icons"},{"sys_id":"b29177311b4254503f4286ae6e4bcb6a","widget":{"template":"<div>\n <div ng-if=\"!c.options.html\" class=\"panel panel-default\">\n  <div class=\"panel-body\"><b>HTML Widget<\/b><br> Ctrl + Click &gt; Options to set HTML content\n  <\/div>\n <\/div>\n <div ng-if=\"c.options.html\" ng-bind-html=\"c.html\"><\/div>\n<\/div>","css":"","async_load":false,"data":{},"roles":"","rectangle_id":"b29177311b4254503f4286ae6e4bcb6a","_metastack_size":0,"option_schema":"[{\"name\":\"html\",\"default_value\":\" <b>hello<\/b>\",\"section\":\"Data\",\"label\":\"HTML\",\"type\":\"translated_html\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"8679ef89cb21120000f8d856634c9c4f","public":true,"client_script":"function ($scope, $sce) {\n\tvar c = this;\n\tc.html = $sce.trustAsHtml(c.options.html);\n\t$scope.$watch('c.options.html',function(){\n\t\tc.html = $sce.trustAsHtml(c.options.html);\n\t})\n}\n","name":"HTML","options":{"async_load_trigger":"viewport","async_load":false,"color":"default","widget_parameters":"{\n\t\"html\": {\n\t\t\"value\": \"<div class=\\\"hidden-xs tag-line\\\">Your one-stop location for services, software, and support at UC Davis.<\/div>\",\n\t\t\"displayValue\": \"<div class=\\\"hidden-xs tag-line\\\">Your one-stop location for services, software, and support at UC Davis.<\/div>\"\n\t}\n}","sp_column":"67712bb0db363200b2205ec0cf96194b","sp_column_dv":"1","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"HTML","size":"md","advanced_placeholder_dimensions":false,"placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","html":"<div class=\"hidden-xs tag-line\">Your one-stop location for services, software, and support at UC Davis.<\/div>","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"8679ef89cb21120000f8d856634c9c4f","sys_class_name_dv":"Instance","order":2},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"","_script_execution_time":1,"field_list":"title","controller_as":"c","providers":[],"_server_time":"0.006"},"instance_id":"b29177311b4254503f4286ae6e4bcb6a","title":""}],"class_name":"","semantic_tag":"","order":1}],"class_name":"","semantic_tag":"","order":1},{"sys_id":"ca0d72f51b0e14503f4286ae6e4bcbbd","columns":[{"sys_id":"ca0d72f51b0e14503f4286ae6e4bcbc0","size_classes":"col-md-4 ","rows":[],"widgets":[{"sys_id":"bd2d76f51b0e14503f4286ae6e4bcb94","widget":{"template":"<div id=\"top-kb\">\n <h3>Top Knowledge Articles<\/h3>\n <ul>\n  <li ng-repeat=\"article in data.articles\"><a target=\"_blank\" href=\"/servicehub?id=ucd_kb_article&amp;sysparm_article={{article.number}}\">{{article.name}}<\/a><\/li>\n <\/ul>\n<\/div>","css":"\n.vbb4a3af11b0e14503f4286ae6e4bcb36 #top-kb {\n\tpadding-bottom: 15px;\n}\n\n.vbb4a3af11b0e14503f4286ae6e4bcb36 li > a:hover, \n.vbb4a3af11b0e14503f4286ae6e4bcb36 li > a:focus {\n\ttext-decoration: underline;\n}","async_load":false,"data":{"articles":[{"number":"KB0007168","name":"Protect yourself from cyber threats"},{"number":"KB0002934","name":"Getting Started with Duo"},{"number":"KB0000101","name":"Change your passphrase"},{"number":"KB0002025","name":"Connecting to eduroam Wireless Network"},{"number":"KB0001221","name":"How to connect devices in a dorm"}]},"roles":"","link":"function link(scope, element, attrs, controller) { \n\n }","rectangle_id":"bd2d76f51b0e14503f4286ae6e4bcb94","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"bb4a3af11b0e14503f4286ae6e4bcb36","public":true,"client_script":"function() {\n  var c = this;\n}\n","name":"ucd_Top Knowledge Articles","options":{"async_load_trigger":"viewport","async_load":false,"color":"default","sp_column":"ca0d72f51b0e14503f4286ae6e4bcbc0","sp_column_dv":"1","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"ucd_Top Knowledge Articles","size":"md","advanced_placeholder_dimensions":false,"placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"bb4a3af11b0e14503f4286ae6e4bcb36","sys_class_name_dv":"Instance","order":1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-top-kb-articles","_script_execution_time":12,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.005"},"instance_id":"bd2d76f51b0e14503f4286ae6e4bcb94","title":""}],"class_name":"","semantic_tag":"","order":1},{"sys_id":"c60d72f51b0e14503f4286ae6e4bcbc3","size_classes":"col-md-4 ","rows":[],"widgets":[{"sys_id":"8133c3311b4e14503f4286ae6e4bcbea","widget":{"template":"<div id=\"top-services\">\n <h3>Top Services<\/h3>\n <ul>\n  <li ng-repeat=\"item in data.items\"><a target=\"_blank\" href=\"servicehub?id=ucd_cat_item&amp;sys_id={{item.sys_id}}\">{{item.name}}<\/a><\/li>\n <\/ul>\n<\/div>","css":"\n.vb9c1cf7d1b0e14503f4286ae6e4bcbb3 #top-services {\n\tpadding-bottom: 15px;\n}\n\n.vb9c1cf7d1b0e14503f4286ae6e4bcbb3 li > a:hover, \n.vb9c1cf7d1b0e14503f4286ae6e4bcbb3 li > a:focus {\n\ttext-decoration: underline;\n}","async_load":false,"data":{"items":[{"sys_id":"69aaee7a1bf7291094087bff034bcb48","name":"Aggie Enterprise Help"},{"sys_id":"dfa48d39138707003527bd122244b044","name":"Departmental computing account - create"},{"sys_id":"fc682a87db95381009ad5055ca9619d9","name":"Cellular Service"},{"sys_id":"5807dbeadbd8f89009ad5055ca961913","name":"Change or Move Voice Services"},{"sys_id":"8d7e2207dbd5381009ad5055ca96197f","name":"Data NAM Services"}]},"roles":"","link":"function link(scope, element, attrs, controller) { \n\n }","rectangle_id":"8133c3311b4e14503f4286ae6e4bcbea","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"b9c1cf7d1b0e14503f4286ae6e4bcbb3","public":true,"client_script":"function() {\n  var c = this;\n}\n","name":"ucd_Top Services","options":{"async_load_trigger":"viewport","async_load":false,"color":"default","sp_column":"c60d72f51b0e14503f4286ae6e4bcbc3","sp_column_dv":"2","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"ucd_Top Services","size":"md","advanced_placeholder_dimensions":false,"placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"b9c1cf7d1b0e14503f4286ae6e4bcbb3","sys_class_name_dv":"Instance","order":1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-top-services","_script_execution_time":414,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.005"},"instance_id":"8133c3311b4e14503f4286ae6e4bcbea","title":""}],"class_name":"","semantic_tag":"","order":2},{"sys_id":"0a0d72f51b0e14503f4286ae6e4bcbc5","size_classes":"col-md-4 ","rows":[],"widgets":[{"sys_id":"78c94f391b4e14503f4286ae6e4bcbbc","widget":{"template":"<div id=\"favorites\">\n <h3>My Favorites<\/h3>\n <ul>\n  <li ng-if=\"data.isLoggedIn &amp;&amp; data.favorites.length == 0\">You have no favorites<\/li>\n  <li ng-if=\"data.isLoggedIn &amp;&amp; data.favorites.length > 0\" ng-repeat=\"favorite in data.favorites\"><a target=\"_blank\" href=\"{{favorite.link}}\">{{favorite.name}}<\/a><\/li>\n  <li ng-if=\"!data.isLoggedIn\"><a href=\"/login_with_sso.do?glide_sso_id={{data.default_idp}}\">Please login<\/a><\/li>\n <\/ul>\n<\/div>","css":"\n.vdaa5c3f11b4e14503f4286ae6e4bcb6b #favorites {\n\tpadding-bottom: 15px;\n}\n\n.vdaa5c3f11b4e14503f4286ae6e4bcb6b ul li {\n\twhite-space: normal;\n\tword-break: break-all;\n}\n\n.vdaa5c3f11b4e14503f4286ae6e4bcb6b li > a:hover, \n.vdaa5c3f11b4e14503f4286ae6e4bcb6b li > a:focus {\n\ttext-decoration: underline;\n}","async_load":false,"data":{"isLoggedIn":false,"default_idp":"8b17b7344fe112009cab76601310c7aa"},"roles":"","link":"function link(scope, element, attrs, controller) { \n\n }","rectangle_id":"78c94f391b4e14503f4286ae6e4bcbbc","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"daa5c3f11b4e14503f4286ae6e4bcb6b","public":true,"client_script":"function() {\n  var c = this;\n}\n","name":"ucd_Favorites","options":{"async_load_trigger":"viewport","async_load":false,"color":"default","sp_column":"0a0d72f51b0e14503f4286ae6e4bcbc5","sp_column_dv":"3","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"ucd_Favorites","size":"md","advanced_placeholder_dimensions":false,"placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"daa5c3f11b4e14503f4286ae6e4bcb6b","sys_class_name_dv":"Instance","order":1},"sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd-favorites","_script_execution_time":0,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.007"},"instance_id":"78c94f391b4e14503f4286ae6e4bcbbc","title":""}],"class_name":"","semantic_tag":"","order":3}],"class_name":"hidden-xs info-widgets","semantic_tag":"","order":2}],"class_name":"","semantic_tag":"","order":2}],"page":{"human_readable_url":"","css":"\n.page-c3a8672b0f1132006df006bce1050ead section.page, \n.page-c3a8672b0f1132006df006bce1050ead section.body {\n\tpadding-top: 0px !important;\n\tpadding-bottom: 0px !important;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead main.body {\n\tpadding-top: 0px !important;\n\tpadding-bottom: 0px !important;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead section.panel {\n\tmargin-bottom: 500px !important;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead .search-bar {\n\tpadding-top: 2px;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead .content-container {\n\tposition: relative;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead .tag-line {\n\tpadding: 30px 0 30px 0;\n\tfont-size: 24px;\n\ttext-align: center;\n\tcolor: #002855;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead .info-widgets {\n\tposition: relative;\n\tborder-top: 1px solid #002855;\n\tpadding-top: 20px;\n\tpadding-bottom: 30px;\n\tpadding-left: 35px;\n\tz-index: 2;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead .info-widgets h3, \n.page-c3a8672b0f1132006df006bce1050ead .info-widgets li > a {\n\tcolor: #002855;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead .info-widgets li > a:hover, \n.page-c3a8672b0f1132006df006bce1050ead .info-widgets li > a:focus {\n\tcolor: #1a8cff;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead .info-widgets li > a:focus {\n\toutline: 1.25px solid #1a8cff;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead .info-widgets ul > li {\n\tmargin: 1.25em 0 0 0;\n}\n\n.page-c3a8672b0f1132006df006bce1050ead .breadcrumbs-container {\n\tpadding: 5px 0 5px 0;\n}\n@media (min-width: 992px) {\n\t\n.page-c3a8672b0f1132006df006bce1050ead .content-container::before {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\tposition: absolute;\n\tbackground-image: url('BGWheel2.svg');\n\tbackground-repeat: no-repeat;\n\tbackground-position: calc(50% - 2px) calc(50% - 31px);\n\tbackground-size: 67%;\n\theight: 100%;\n\tbottom: 0px;\n\tleft: 0px;\n\tright: 0px;\n\tz-index: 0;\n}\n}","internal":false,"has_custom_main_tag":false,"use_seo_script":false,"seo_script_dv":"","untranslated_title":"ServiceHub","title":"ServiceHub","sys_tags":"","sys_class_name":"sp_page","sys_id":"c3a8672b0f1132006df006bce1050ead","omit_watcher":false,"public":true,"draft":false,"sys_name":"ucd_index","sys_scope":"c2fa136f139176003527bd122244b0f5","id":"ucd_index","category_dv":"Custom","category":"custom","static_title":"ServiceHub","sys_class_name_dv":"Page"},"user":{"sys_id":"5136503cc611227c0183e96598c4f706","user_name":"guest","logged_in":false,"can_debug":false,"name":"Guest","can_debug_admin":false,"last_name":"Guest","avatar":"","first_name":"","email":"","preferred_language":""},"seotags":[]}}