From 5f9362e7424ce71cde850d5ba87b03cb0c795458 Mon Sep 17 00:00:00 2001 From: Ryan Wachtl Date: Fri, 17 Aug 2012 03:05:39 -0500 Subject: [PATCH] BUG Visual cue that URLSegment is updating Added a loading class on .field.urlsegment to indicate that the URLSegment is updating its value, set before and after self.suggest(). --- css/screen.css | 4 ++-- images/loading.gif | Bin 0 -> 847 bytes javascript/SiteTreeURLSegmentField.js | 2 ++ scss/_CMSMain.scss | 8 ++------ 4 files changed, 6 insertions(+), 8 deletions(-) create mode 100644 images/loading.gif diff --git a/css/screen.css b/css/screen.css index bcf6069d..677cb1a0 100644 --- a/css/screen.css +++ b/css/screen.css @@ -21,7 +21,7 @@ .cms-content-tools #cms-content-treeview .cms-tree a:hover > .text > .badge, .cms-content-tools #cms-content-treeview .cms-tree .jstree-clicked > .text > .badge { display: inline-block; } /** ------------------------------------------------------------------ URLSegment field ----------------------------------------------------------------- */ -.field.urlsegment.disabled { color: #444; padding-left: 0px; margin-left: 0px; background: none; border-color: transparent; } +.field.urlsegment.loading { background: url(../images/loading.gif) no-repeat 162px 8px; } .field.urlsegment .prefix, .field.urlsegment .preview { padding-top: 8px; display: inline-block; } .field.urlsegment .prefix { color: #777; } .field.urlsegment .cancel, .field.urlsegment .update, .field.urlsegment .edit { margin-left: 7px; } @@ -41,7 +41,7 @@ .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-state-active.content-treeview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active.content-treeview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active.content-treeview a { background-position: 1px -40px; } .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-state-active.content-galleryview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active.content-galleryview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active.content-galleryview a { background-position: -161px -40px; } .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-state-active.content-listview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-content .ui-state-active.content-listview a, .cms .AssetAdmin .cms-content-header-tabs .ui-tabs-nav .ui-widget-header .ui-state-active.content-listview a { background-position: -38px -40px; } -.cms .AssetAdmin .cms-content-toolbar .cms-page-add-button { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #d9d9d9)); background-image: -webkit-linear-gradient(#f3f3f3, #d9d9d9); background-image: -moz-linear-gradient(#f3f3f3, #d9d9d9); background-image: -o-linear-gradient(#f3f3f3, #d9d9d9); background-image: -ms-linear-gradient(#f3f3f3, #d9d9d9); background-image: linear-gradient(#f3f3f3, #d9d9d9); border-color: #c0c0c2; } +.cms .AssetAdmin .cms-content-toolbar .cms-page-add-button { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #d9d9d9)); background-image: -webkit-linear-gradient(#f3f3f3, #d9d9d9); background-image: -moz-linear-gradient(#f3f3f3, #d9d9d9); background-image: -o-linear-gradient(#f3f3f3, #d9d9d9); background-image: linear-gradient(#f3f3f3, #d9d9d9); border-color: #c0c0c2; } .cms .AssetAdmin .cms-content-toolbar .cms-page-add-button span.btn-icon-add { height: 17px; } .cms .AssetAdmin .cms-content-toolbar .cms-page-add-button span.ui-button-text { color: #393939; text-shadow: white 0 1px 1px; } .cms .AssetAdmin #Root_TreeView .cms-tree ul .class-Folder a span.text span.jstree-foldericon { background: url(../images/blue-folder-horizontal.png) no-repeat; width: 16px; height: 16px; float: left; display: block; margin-right: 4px; } diff --git a/images/loading.gif b/images/loading.gif new file mode 100644 index 0000000000000000000000000000000000000000..e21f078cd94c501559b857037062191963304b85 GIT binary patch literal 847 zcmZ?wbhEHb6krfw_`<;O|Nnoks7XJ5{kE@L*|Gi!qD9xAyjgwhrhLZi>Saf= zXYYOb_S2j_mrmS#=HIa)X5uymQh?%rZa>$MU}whwS0gxd8la%imy$Vesewq2qE<`7s!Q9jnmP@hQ9l-`Bz@TBF=>KD%L-F9*@{ln zYy}%(kx!MfN8k55VY4JdL7~h2Qcs4K)X@hkRye4*)*d);@Y+!(j-DwEsTm?dJO>Xb zI0$n29BBBE9O&N6W)@!3wc;ix&1fW(%BGc4XkT z2{1Qcx8Y=IFyM=1v(Vz@Y*$vqW_be8hsvKPXxtL<(Be80Ai}A;q}}knaU++N^Jzox zEgmgR57|8QW~kiUSjoU4uO4tMw>85S9MaEi6+81y+^;p)p4@Ot)^ zC)D1woSCIYC7U-!lb@#>tEEAZU~N#C!el6N)L})lvmDzR@nhNDO>-C(ot`AvGc;~z z+BZSjwaKE&DKMfTd3WxjGHxNIg$geZEly}mXyXlaTP9g_N0M)8!E4RWY5yCrS_ASM zF!okB@VFWZ96BkH8!K^qr-Vn(g|-_S>;hdZCQJ&?HFPAFxhW=kFhm5;;AqS>U9y!i z$;D#}8^fxdiAg$KeX0!w#$w4wlsBmV;C-XSZenI0pr#d}-=NXctAf?ic&McwK#y@O zb1-2zwCR|mlIKK@4YL*|aM