wip - refactoring frontend dependency and build tools - removed deprecated features (client interface)

resources/www/admin/_databases.scss

@@ -0,0 +1,82 @@
+/******* DATABASES ************************************************************/
+.db_recommand {
+  color: #333333;
+  font-weight: bold;
+}
+.db_exception {
+  margin-top: 10px;
+  background-color: #fceb3f;
+}
+.db_infos {
+  width: 100%;
+  padding-bottom: 10px;
+}
+.db_infos h2 {
+  line-height: 22px;
+}
+.db_infos input[type="text"],
+.db_infos input[type="password"],
+.db_infos input[type="submit"],
+.db_infos select,
+.db_infos textarea,
+.db_infos ul {
+  margin-bottom: 9px;
+}
+/******* DATABASE *************************************************************/
+.db_box {
+  margin: 0 10px 10px;
+}
+.db_box p {
+  margin: 0 0 9px;
+}
+#INDEX_P_BAR p {
+  margin: 0;
+  padding: 0;
+}
+div[id$="_indexed_bar"] {
+  width: 0;
+  height: 15px;
+  position: absolute;
+  z-index: 6;
+  background: #e5d4a0;
+}
+div[id$="_indexed_percent"] {
+  width: 198px;
+  height: 13px;
+  position: absolute;
+  z-index: 10;
+  border: 1px solid #333333;
+  line-height: 15px;
+  text-align: center;
+}
+.logo_box {
+  margin: 0 10px 10px;
+}
+.logo_box hr {
+  border-top: 1px solid #cccccc;
+  margin-bottom: 10px;
+}
+.logo_box div[id^="printLogoDIV_"] {
+  margin: 0 0 5px 0;
+  display: none;
+}
+/******* DATABASE - FIELDS ****************************************************/
+#field_adder .help-block label {
+  color: #666666;
+}
+#form_struct {
+  margin: 10px 0;
+}
+#form_struct thead tr th:not(:first-child) {
+  min-width: 70px;
+  text-align: center;
+}
+
+a.btn {
+  text-decoration: none;
+}
+
+.status-img {
+  max-width: 16px;
+  max-heigh: 16px;
+}

resources/www/admin/_fields.scss

@@ -0,0 +1,291 @@
+#admin-field-app .row-top {
+  min-height: 60px;
+  border-bottom: 1px solid #000;
+}
+
+#admin-field-app .row-bottom {
+  position: relative;
+}
+
+#admin-field-app .right-block {
+  border-left: 1px dashed #000;
+  overflow: auto;
+  min-height: 200px;
+}
+
+#admin-field-app h4 {
+  padding: 10px 0;
+}
+
+#admin-field-app .lng-label a {
+  color: #aaa;
+  text-transform: capitalize;
+  font-weight: bold;
+  font-size: 14px;
+}
+
+#admin-field-app .lng-label.select a {
+  color: #0080FF;
+}
+
+#admin-field-app #collection-fields li {
+  background: #FFF;
+  border-top: 1px solid #ccc;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+  height:  55px;
+}
+
+#admin-field-app ul.inline li {
+  display: inline-block;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+#admin-field-app #collection-fields li .trigger-click {
+  cursor: pointer;
+}
+
+#admin-field-app #collection-fields li.border-bottom{
+  border-bottom: 1px solid #ccc;
+}
+
+#admin-field-app #collection-fields li table {
+  table-layout: fixed;
+  width: 100%;
+  height: 100%;
+}
+
+#admin-field-app #collection-fields li .field-name {
+  font-weight: bold;
+  font-size: 16px;
+  color: #666;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+#admin-field-app #collection-fields li .field-tag {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+#admin-field-app #collection-fields li .handle {
+  width: 10%;
+  vertical-align: middle;
+  text-align: center;
+  cursor: move;
+}
+
+#admin-field-app #collection-fields li .trigger-click {
+  padding: 10px;
+}
+
+#admin-field-app #collection-fields li .position {
+  width: 10%;
+  vertical-align: bottom;
+  text-align: center;
+}
+
+#admin-field-app #collection-fields li .chip {
+  width: 10%;
+}
+
+#admin-field-app #collection-fields li .handle, #admin-field-app #collection-fields li .position {
+  color: #ccc;
+  border-right: 1px solid #ccc;
+}
+
+#admin-field-app #collection-fields li.last {
+  border-bottom: 1px solid #ccc;
+}
+
+#admin-field-app #collection-fields li.selected {
+  border-top-color: #0080FF;
+  background: #FFF;
+  color: #000;
+}
+
+#admin-field-app #collection-fields li.last.selected {
+  border-bottom-color: #0080FF;
+}
+
+#admin-field-app #collection-fields li.last.selected.error {
+  border-bottom-color: #9d261d;
+}
+
+#admin-field-app #collection-fields li.selected + li {
+  border-top-color: #0080FF;
+}
+
+#admin-field-app #collection-fields li.selected.error {
+  border-top-color: #9d261d;
+}
+
+#admin-field-app #collection-fields li.selected.error + li {
+  border-top-color: #9d261d;
+}
+
+#admin-field-app #collection-fields li.selected .field-name {
+  color: #0080FF;
+}
+
+#admin-field-app #collection-fields li.error .field-name {
+  color: #9d261d;
+}
+
+#admin-field-app .item-list-placeholder {
+  border-top: 1px solid #ccc;
+  background-color: red;
+  height: 70px;
+}
+
+#admin-field-app .add-field-block {
+  margin-bottom: 0px;
+}
+
+#admin-field-app .add-field-block .control-label {
+  width: 80px;
+  text-align: left;
+}
+
+#admin-field-app .add-field-block .controls {
+  margin-left: 100px;
+}
+
+#admin-field-app .edit-form label {
+  width: 160px;
+}
+
+#admin-field-app .edit-form select {
+  min-width: 220px;
+}
+
+#admin-field-app .sidebar-add-block {
+  margin-top: 20px;
+}
+#admin-field-app .sidebar-search-block {
+  margin: 20px 0;
+}
+
+#admin-field-app .list-block {
+  height: 450px;
+  min-height: 130px;
+  overflow: auto;
+  position: relative;
+}
+
+#admin-field-app .edit-block {
+  padding: 5px 20px;
+}
+
+#admin-field-app .edit-block table {
+  table-layout: fixed;
+  width: 100%;
+}
+
+#admin-field-app .edit-block table label {
+  margin: 0px;
+  width: auto;
+}
+
+#admin-field-app .edit-block table td:first-child {
+  width: 130px;
+}
+
+#admin-field-app .edit-block td {
+  height: 25px;
+}
+
+#admin-field-app .edit-block .dces-help-block {
+  height: auto;
+}
+
+#admin-field-app .info {
+  color: #aaa;
+  padding: 10px;
+}
+
+#admin-field-app .edit-block .edit-order {
+  height: 50px;
+}
+
+#admin-field-app .edit-block .edit-order td {
+  height: 50px;
+}
+
+#admin-field-app .edit-block .edit-label {
+  height: 75px;
+}
+
+#admin-field-app .edit-block .edit-label ul {
+  margin: 0;
+}
+
+#admin-field-app .edit-block .edit-name td {
+  font-size: 28px;
+  color: #0080FF;
+  height: 42px;
+  line-height: 42px;
+  font-weight: bold
+}
+
+#admin-field-app .save-all{
+  padding: 15px;
+}
+
+#admin-field-app .overlay {
+  zoom: 1;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  background: #fff;
+  position: absolute;
+  width:  100%;
+  height: 100%;
+  z-index: 2000;
+}
+
+#admin-field-app .list-field-error li {
+  color: #9d261d;
+}
+
+#admin-field-app .save-block.loading {
+  background: url('#{$iconsPath}loaderFFF.gif') #fff no-repeat center right;
+}
+
+/* jquery ui autocomplete style */
+.ui-autocomplete-admin-field {
+  list-style-type: none;
+  overflow-y: auto;
+  overflow-x: hidden;
+  max-height: 180px;
+  background: #FFF;
+  max-width: 300px;
+  -webkit-box-shadow: 0 10px 6px -6px #777;
+  -moz-box-shadow: 0 10px 6px -6px #777;
+  box-shadow: 0 10px 6px -6px #777;
+}
+
+.ui-autocomplete-admin-field li {
+  padding: 5px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ui-autocomplete-admin-field li:hover {
+  padding: 5px;
+  background: #ccc;
+}
+
+.ui-autocomplete-admin-field li a {
+  text-decoration: none;
+}
+
+.ui-autocomplete-admin-field li a:hover {
+  text-decoration: none;
+  background: none;
+  color: #000;
+  border: none;
+}

resources/www/admin/_tables.scss

@@ -0,0 +1,140 @@
+/******* TABLES ***************************************************************/
+div.center {
+  width: 100%;
+  margin: auto;
+}
+.tableTitle {
+  margin: 20px auto;
+  font-weight: bold;
+  font-size: 14px;
+  text-align: center;
+  text-decoration: underline;
+}
+table.whoisTable {
+  margin: auto;
+  border: #000000 1px solid;
+  table-layout: fixed;
+}
+table.whoisTable tr {
+  border: #cccccc 1px solid;
+}
+table.whoisTable tr:hover {
+  background-color: #fffbcd;
+}
+table.whoisTable td {
+  padding: 3px;
+}
+table.whoisTable td.colTitle {
+  width: 120px;
+  text-align: left;
+}
+table.whoisTable td.colValue {
+  width: 60px;
+  text-align: right;
+}
+.spacehr {
+  margin-top: 40px;
+  margin-bottom: 30px;
+  border-top: 1px solid #cccccc;
+}
+table.admintable {
+  width: 100%;
+  margin: 10px 0;
+  border: none;
+}
+table.admintable tr {
+  height: 28px;
+  vertical-align: middle;
+}
+table.admintable tr.selected:hover {
+  background-color: #faa732;
+}
+table.admintable thead {
+  background-color: #e5d4a0;
+}
+table.admintable thead th {
+  padding: 3px;
+  text-align: left;
+  font-weight: bold;
+}
+table.admintable tbody tr.even {
+  background-color: #fffbcd;
+}
+table.admintable tbody tr.selected {
+  background-color: #faa732;
+}
+table.admintable tbody tr:hover {
+  background-color: #faa732;
+  cursor: pointer;
+}
+table.admintable tbody td {
+  padding: 3px;
+}
+table.admintable tbody.dropdown {
+  cursor: pointer;
+}
+table.admintable .centered {
+  text-align: center;
+}
+/******* USERS TABLE **********************************************************/
+#users th.sortable {
+  cursor: pointer;
+}
+#users th.sortable span {
+  margin: 0 5px;
+}
+#users th.sortable span.ord_notifier {
+  display: none;
+}
+#users th.sortable.hover {
+  background-color: #faa732;
+}
+#users th.sortable.sorted {
+  background-color: #faa732;
+}
+#users th.sortable.sorted span.ord_notifier {
+  display: inline;
+}
+/******* EDIT-USERS TABLE *****************************************************/
+td.users_col {
+  width: 23px;
+  border: 0px solid transparent;
+  vertical-align: middle;
+  text-align: center;
+}
+td.users_col.options {
+  color: #afafaf;
+  cursor: pointer;
+}
+/******* TOOLTIP CONNECTED USERS **********************************************/
+#tooltip-usr {
+  position: relative;
+  top: 0;
+  left: 0;
+  color: #333333;
+}
+#tooltip-usr #tabledescexp {
+  table-layout: fixed;
+  width: 300px;
+}
+#tooltip-usr #tabledescexp td {
+  border: none;
+  text-align: left;
+}
+#tooltip-usr #tabledescexp td strong {
+  font-weight: bold;
+}
+#tooltip-usr #tabledescexp td.tooltip-title {
+  background-color: #faa732;
+  border: 1px solid #f39106;
+  margin: 10px auto;
+  font-weight: bold;
+  font-size: 14px;
+  text-align: center;
+  text-decoration: none;
+  color: #ffffff;
+}
+
+.detail-table tr.even {
+  background-color: #FAFBDF;
+}

resources/www/admin/main.scss

@@ -0,0 +1,319 @@
+$skinsPath: '../../../skins/';
+$iconsPath: '../../../skins/icons/';
+
+@import '../vendors/jquery.treeview/jquery.treeview'; // to inline import css file, don't put extension
+@import '../../../www/bower_components/jquery-file-upload/css/jquery.fileupload-ui'; // to inline import css file, don't put extension
+@import '../shared/jquery.contextmenu';
+@import '../shared/skin/main';
+@import '../shared/skin/geonames';
+
+/******* GLOBAL CSS for ADMIN *************************************************/
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #ffffff;
+  color: #333333;
+  overflow-y: auto;
+}
+.clear {
+  clear: both;
+}
+h1 {
+  font-weight: bold;
+  font-size: 24px;
+  text-align: left;
+  margin: 10px 0;
+}
+h2 {
+  font-weight: bold;
+  font-size: 18px;
+  text-align: left;
+  margin: 7px 0;
+}
+h3 {
+  font-weight: bold;
+  font-size: 14px;
+  text-align: left;
+  margin: 4px 0;
+}
+h4 {
+  font-weight: bold;
+  font-size: 12px;
+  text-align: left;
+  margin: 2px 0;
+}
+a {
+  color: #333333;
+  text-decoration: underline;
+  cursor: pointer;
+}
+a:hover {
+  color: #0088cc;
+  text-decoration: underline;
+  cursor: pointer;
+}
+blockquote {
+  margin: 20px 15px;
+  padding: 10px;
+  border: 1px dotted #000000;
+  background-color: #f2f2f2;
+}
+img {
+  vertical-align: middle;
+}
+input,
+textarea,
+.uneditable-input {
+  margin: 0;
+  padding: 4px;
+}
+select {
+  margin: 0;
+  padding: 5px 4px;
+  *padding: 4px;
+}
+.help-block,
+.help-inline {
+  color: #666666;
+}
+li.selected,
+div.selected {
+  background-color: #faa732;
+  color: #ffffff;
+}
+li.selected a,
+div.selected a {
+  background-color: #faa732;
+  color: #ffffff;
+}
+.treeview ul {
+  background-color: transparent;
+}
+#right-ajax.loading {
+  background-image: url('#{$iconsPath}loaderFFF.gif');
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+div.finder div.content div.title {
+  margin-top: -2px;
+  position: relative;
+  top: 0;
+  left: 0;
+  white-space: nowrap;
+  overflow: hidden;
+}
+/******* MAIN MENU ************************************************************/
+#mainMenu {
+  background-color: #fceb3f;
+}
+#mainMenu a,
+#mainMenu b,
+#mainMenu .title,
+#mainMenu span {
+  color: #000000;
+}
+#mainMenu a:hover span {
+  background-color: #fffbcd;
+}
+#mainMenu span.selected {
+  border-top: 3px solid #000000;
+}
+/******* LEFT SIDE ************************************************************/
+#left {
+  background-color: #fffbcd;
+  overflow: auto;
+}
+#FNDR {
+  overflow: auto;
+}
+#FNDR li.selected {
+  background-color: #faa732;
+  color: #ffffff;
+}
+#FNDR a {
+  text-decoration: none;
+}
+#FNDR a:hover {
+  text-decoration: none;
+}
+#FNDR a span {
+  text-decoration: underline;
+}
+#FNDR a span:hover {
+  text-decoration: underline;
+}
+/******* USERS ****************************************************************/
+.admin_head_opts {
+  margin: 5px 0 10px 0;
+}
+.admin_head_opts span {
+  margin: 0 10px;
+}
+.admin_head_opts a {
+  margin: 0 5px;
+}
+#users_page_form p {
+  margin: 5px 5px 10px;
+}
+#users_page_form .input-mini {
+  width: 30px;
+}
+#users_check_uncheck div {
+  padding: 5px 10px;
+  background-color: #cccccc;
+  color: #000000;
+  cursor: pointer;
+}
+#users_check_uncheck div.hovered {
+  padding: 5px 10px;
+  background-color: #4d4d4d;
+  color: #ffffff;
+}
+/******* EDIT USERS ***********************************************************/
+div.no_switch {
+  width: 12px;
+  height: 12px;
+  margin: 0 auto;
+  background-image: url('#{$iconsPath}ccoch5.gif');
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+div.switch_quota,
+div.switch_masks,
+div.switch_time,
+div.switch_right {
+  width: 12px;
+  height: 12px;
+  margin: 0 auto;
+}
+div.switch_quota.mixed,
+div.switch_masks.mixed,
+div.switch_time.mixed,
+div.switch_right.mixed {
+  background-image: url('#{$iconsPath}ccoch2.gif');
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+div.switch_quota.checked,
+div.switch_masks.checked,
+div.switch_time.checked,
+div.switch_right.checked {
+  background-image: url('#{$iconsPath}ccoch1.gif');
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+div.switch_quota.unchecked,
+div.switch_masks.unchecked,
+div.switch_time.unchecked,
+div.switch_right.unchecked {
+  background-image: url('#{$iconsPath}ccoch0.gif');
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.ui-datepicker {
+  z-index: 1500;
+}
+/******* BOARD ****************************************************************/
+.board_section {
+  margin: 0 0 30px;
+}
+.board_section ul {
+  margin: 0 0 20px 15px;
+}
+.board_section div[class="section"] {
+  height: auto;
+}
+.board_section div[class="section"] h2 {
+  line-height: 24px;
+}
+.board_section div[class="section"] ul.setup {
+  border: 1px solid #cccccc;
+  list-style-type: none;
+}
+.board_section div[class="section"] ul.setup li {
+  padding: 2px 5px 2px 30px;
+  background-repeat: no-repeat;
+  background-position: 5px center;
+}
+.board_section div[class="section"] ul.setup li.good-enough {
+  background-image: url('#{$iconsPath}ok.png');
+}
+.board_section div[class="section"] ul.setup li.non-blocker {
+  background-image: url('#{$iconsPath}alert.png');
+}
+.board_section div[class="section"] ul.setup li.blocker {
+  background-image: url('#{$iconsPath}delete.png');
+}
+.board_section div[class="section"] ul.setup li:hover {
+  background-color: #fffbcd;
+}
+/******* PUBLICATIONS *********************************************************/
+#pub_icon {
+  width: 42px;
+  height: 42px;
+  float: left;
+}
+#pub_icon .thumb_wrapper {
+  width: 32px;
+  height: 32px;
+  margin: 5px auto;
+}
+#pub_icon .thumb_wrapper img {
+  width: 32px;
+  height: 32px;
+}
+#pub_fileupload {
+  height: 42px;
+  line-height: 42px;
+  margin-left: 47px;
+}
+/******* GLOBAL VALUES FORM ***************************************************/
+#GV_form .error,
+#GV_form .NEW {
+  color: #ff0000;
+  font-weight: bold;
+}
+#GV_form .section {
+  padding-bottom: 10px;
+}
+
+#GV_form .controls {
+  margin-left: 260px;
+}
+
+#GV_form .control-label {
+  width: 240px;
+}
+
+#GV_form .section h1 {
+  font-weight: bold;
+  font-size: 16px;
+  text-align: left;
+  margin: 10px 0;
+  line-height: 22px;
+}
+
+#tab-registrations .dl-horizontal dd {
+  word-break: break-all;
+  margin-left: 140px;
+}
+
+#tab-registrations .dl-horizontal dt {
+  width: 130px;
+}
+
+#tab_demandes .table .btn-group {
+  display: block;
+}
+
+#admin_setup_registry .control-label {
+  min-width: 260px;
+}
+#admin_setup_registry .form-horizontal .controls, #admin_setup_registry .form-horizontal .help-message {
+  margin-left: 300px;
+}
+
+
+@import './databases';
+@import './fields';
+@import './tables';