diff --git a/lib/View/templates/_upload.html b/lib/View/templates/_upload.html index 87cafb8838..dcfb7525ee 100755 --- a/lib/View/templates/_upload.html +++ b/lib/View/templates/_upload.html @@ -585,8 +585,6 @@
-
-
diff --git a/package.json b/package.json index 85c4d9f18f..6936215f21 100644 --- a/package.json +++ b/package.json @@ -66,7 +66,7 @@ "eslint-plugin-jest-dom": "^5.0.0", "eslint-plugin-react": "^7.23.2", "eslint-plugin-react-hooks": "^5.0.0", - "eslint-plugin-testing-library": "^6.0.0", + "eslint-plugin-testing-library": "^7.0.0", "fs-extra": "^11.1.1", "glob": "^11.0.0", "html-webpack-plugin": "5.6.3", @@ -83,7 +83,8 @@ "sass-loader": "16.0.3", "style-loader": "4.0.0", "undici": "^5.28.2", - "webpack": "5.95.0", + "webpack": "5.96.1", + "webpack-bundle-analyzer": "^4.10.2", "webpack-cli": "5.1.4", "webpack-concat-files-plugin": "^0.5.2", "whatwg-fetch": "^3.6.20" diff --git a/public/api/swagger-source.js b/public/api/swagger-source.js index 152a7de08d..093169a2d0 100644 --- a/public/api/swagger-source.js +++ b/public/api/swagger-source.js @@ -105,7 +105,7 @@ var spec = { name: 'mt_engine', in: 'formData', description: - 'Identifier for Machine Translation Engine. 0 deactivates MT, 1 uses ModernMT Lite, other values correspond to the user\'s personal MT engines (available engines are retrieved via the /api/v2/engines/list endpoint).', + "Identifier for Machine Translation Engine. 0 deactivates MT, 1 uses ModernMT Lite, other values correspond to the user's personal MT engines (available engines are retrieved via the /api/v2/engines/list endpoint).", required: false, type: 'integer', default: 1, @@ -214,7 +214,8 @@ var spec = { { name: 'dialect_strict', in: 'formData', - description: 'Specify if you want matches only from dialect (excluding the other language variants)', + description: + 'Specify if you want matches only from dialect (excluding the other language variants)', required: false, type: 'string', example: '{"it-IT": true, "en-US": false, "fr-FR": false}', @@ -225,20 +226,18 @@ var spec = { description: 'Load specific MMT glossaries', required: false, type: 'string', - example: '{"glossaries": [1, 2, 3, 4], "ignore_glossary_case": true }', + example: + '{"glossaries": [1, 2, 3, 4], "ignore_glossary_case": true }', }, { name: 'deepl_formality', in: 'formData', - description: 'DeepL formality (choose between `default`, `prefer_less` or `prefer_more`)', + description: + 'DeepL formality (choose between `default`, `prefer_less` or `prefer_more`)', required: false, type: 'string', default: 'default', - enum: [ - 'default', - 'prefer_less', - 'prefer_more' - ], + enum: ['default', 'prefer_less', 'prefer_more'], }, { name: 'deepl_id_glossary', @@ -251,10 +250,12 @@ var spec = { { name: 'filters_extraction_parameters', in: 'formData', - description: 'Set the filters extraction parameters throught a json string', + description: + 'Set the filters extraction parameters throught a json string', required: false, type: 'string', - example: '{"name": "parameters": {"json": {"extract_arrays": true, "escape_forward_slashes": false, "translate_keys": ["key"], "do_not_translate_keys": [], "context_keys": [], "character_limit": []}}}', + example: + '{"name": "parameters": {"json": {"extract_arrays": true, "escape_forward_slashes": false, "translate_keys": ["key"], "do_not_translate_keys": [], "context_keys": [], "character_limit": []}}}', }, { name: 'xliff_parameters', @@ -262,12 +263,14 @@ var spec = { description: 'Specific parameters for the analysis of Xliff files', required: false, type: 'string', - example: '{"xliff12": [{"analysis": "pre-translated", "states": ["final"], "editor": "new"}], "xliff20": []}', + example: + '{"xliff12": [{"analysis": "pre-translated", "states": ["final"], "editor": "new"}], "xliff20": []}', }, { name: 'xliff_parameters_template_id', in: 'formData', - description: 'Load a specific template for the analysis of Xliff files', + description: + 'Load a specific template for the analysis of Xliff files', required: false, type: 'string', example: '3213', @@ -275,7 +278,8 @@ var spec = { { name: 'filters_extraction_parameters_template_id', in: 'formData', - description: 'Load a specific template for the analysis of Xliff files and for filters extraction parameters', + description: + 'Load a specific template for the analysis of Xliff files and for filters extraction parameters', required: false, type: 'string', example: '3213', @@ -291,7 +295,8 @@ var spec = { { name: 'id_qa_model_template', in: 'formData', - description: 'Load a previously saved, custom QA framework template', + description: + 'Load a previously saved, custom QA framework template', required: false, type: 'string', example: '3213', diff --git a/public/css/sass/activity-log-main.scss b/public/css/sass/activity-log-main.scss index 6448c2c3dc..726c6583cb 100644 --- a/public/css/sass/activity-log-main.scss +++ b/public/css/sass/activity-log-main.scss @@ -1,4 +1,4 @@ -@import 'variables'; +@import 'commons/variables'; @import 'upload-main'; .activity-log-content { diff --git a/public/css/sass/analyze_main.scss b/public/css/sass/analyze_main.scss deleted file mode 100644 index 1b357f4016..0000000000 --- a/public/css/sass/analyze_main.scss +++ /dev/null @@ -1,30 +0,0 @@ -@import 'vendor_mc/semantic/matecat_semantic'; - -@import "common-main"; -@import 'commons/filter-teams'; -@import 'commons/nav-bar'; -@import 'commons/icons'; -@import 'commons/shadows'; -@import 'commons/project'; -@import 'commons/divider'; -@import 'commons/progress-mc-bar'; -@import 'commons/buttons'; -@import 'common-components'; -@import 'components/signin/OnBoarding'; -@import 'popup'; - -@import 'modals/split_modal'; - -@import 'commons/sub-header'; -@import 'commons/team-member'; - -@import 'commons/analyze'; -@import 'commons/outsource'; -@import 'commons/date-picker-translator'; -@import 'components/common/CookieConsent'; -@import 'components/common/Tooltip'; -@import 'components/common/Button'; -@import 'components/common/LabelWithTooltip'; -@import 'components/common/Switch'; -@import 'components/common/Accordion'; -@import 'components/Analyze/JobAnalyze'; \ No newline at end of file diff --git a/public/css/sass/cattool.scss b/public/css/sass/cattool.scss index 0e463512b9..f6bf283e20 100644 --- a/public/css/sass/cattool.scss +++ b/public/css/sass/cattool.scss @@ -1,4 +1,4 @@ -@import '_mixins'; +@import 'commons/mixins'; @import 'commons/_colors'; body.cattool { //display: flex; @@ -45,194 +45,10 @@ body.cattool { } } - .stats-foo { - //height: 44px; - background-color: $white; - width: 100%; - //position: fixed; - bottom: 0; - left: 0; - z-index: 2; - display: grid; - min-width: 1024px; - - /* .footer-body { - display: grid; - position: relative; - grid-column-gap: 10px; - grid-template-columns: - minmax(80px, 120px) minmax(80px, 420px) minmax(140px, 350px) - minmax(172px, 0.2fr) minmax(116px, 0.2fr) minmax(316px, 0.4fr); - align-items: center; - padding: 0 12px 0 14px; - height: 44px; - - .item { - position: relative; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: 1.5; - color: black; - - .common-tooltip { - font-weight: normal; - span { - max-width: none; - } - } - - p { - margin: 0; - float: none; - - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - #job_id { - text-align: left; - } - - &.language { - display: grid; - justify-self: end; - } - - .to-arrow { - font-size: 14px; - font-weight: bold; - color: #999999; - } - - #stat-todo { - font-weight: bold; - font-size: 14px; - - span { - color: black; - text-decoration: underline; - &:hover { - text-decoration: none; - } - } - } - - #job_id { - font-weight: 200; - font-size: 14px; - } - - .statistics-core { - font-size: 14px; - font-weight: 200; - - a { - span { - color: black; - text-decoration: underline; - &:hover { - text-decoration: none; - } - } - } - } - } - - .progress-bar .progr { - position: relative; - display: grid; - grid-template-columns: 1fr 44px; - grid-column-gap: 8px; - - .percent { - font-weight: 600; - } - - .common-tooltip { - left: calc(50% - 22px); - span { - max-width: none; - } - } - - .meter { - margin: 0 !important; - height: auto; - - @-webkit-keyframes move-bg { - from { - -webkit-transform: translateX(0); - } - to { - -webkit-transform: translateX(46px); - } - } - - @keyframes move-bg { - from { - transform: translateX(0); - } - to { - transform: translateX(46px); - } - } - - .bg-loader { - position: absolute; - left: -46px; - right: 0; - top: 0; - bottom: 0; - z-index: 1; - - background: -webkit-repeating-linear-gradient( - 110deg, - #e8e8e8 0px, - #e8e8e8 10px, - #d8d8d8 0px, - #d8d8d8 20px - ); - background: repeating-linear-gradient( - 110deg, - #e8e8e8 0px, - #e8e8e8 10px, - #d8d8d8 0px, - #d8d8d8 20px - ); - - -webkit-animation-name: move-bg; - -webkit-animation-duration: 0.8s; - -webkit-animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - - animation-name: move-bg; - animation-duration: 0.8s; - animation-timing-function: linear; - animation-iteration-count: infinite; - } - - a { - &:after { - background-image: none; - } - } - } - } - .statistics-details { - display: grid; - grid-template-columns: minmax(144px, 0.4fr) minmax(168px, 0.6fr); - grid-column-gap: 4px; - justify-self: end; - } - } */ - } .pointer-first-segment { height: 36px; width: 36px; - background: $darkBlue url('../../img/icons/arrow-up.svg') no-repeat center + background: $darkBlue url('/public/img/icons/arrow-up.svg') no-repeat center center; background-size: 24px; border-radius: 50%; @@ -248,14 +64,6 @@ body.cattool { } } -/* -This file contains styles that are specific to the Cattool page. -Styles from other css files should be ported over time. -*/ -.statusmenu li a { - text-transform: uppercase; - cursor: pointer; -} .segment-side-buttons { /* styles based on .sid line 376 style.css */ @@ -272,7 +80,6 @@ Styles from other css files should be ported over time. height: 100%; } -.segmentButton, .toolbar a { height: 20px; zoom: 0.8; @@ -293,26 +100,6 @@ Styles from other css files should be ported over time. } } -.position-sing-in { - position: relative; - top: 5px; -} - -.btn-confirm-medium { - color: #fff; - background: $translatedBlue; - border: 1px solid #848689; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - border-radius: 2px; - font-size: 18px; - margin: 0px 0px 0px 0px; - display: inline-block; - text-align: center; - position: relative; -} - //ICE MATCH .ice-locked, .readonly { diff --git a/public/css/sass/common-components.scss b/public/css/sass/common-components.scss index 1bccdcfa8b..12d0662b0e 100644 --- a/public/css/sass/common-components.scss +++ b/public/css/sass/common-components.scss @@ -13,3 +13,7 @@ @import 'components/common/DropdownMenu'; @import 'components/common/LabelWithTooltip'; @import 'components/common/Checkbox'; +@import 'components/common/SegmentedControl'; +@import 'components/common/Accordion'; +@import 'components/common/FilenameLabel'; + diff --git a/public/css/sass/common-main.scss b/public/css/sass/common-main.scss index 46871adc5d..9685f13c66 100644 --- a/public/css/sass/common-main.scss +++ b/public/css/sass/common-main.scss @@ -1,7 +1,12 @@ +@import 'commons/variables'; @import 'commons/colors'; +@import './vendor_mc/semantic/matecat_semantic'; + @import "commons/typography"; @import 'commons/matecat_fonts'; + @import 'popup'; @import 'common-modals'; -@import 'notifications'; +@import 'components/NotificationBox'; @import 'common-components'; +@import './commons/nav-bar'; diff --git a/public/css/sass/common-modals.scss b/public/css/sass/common-modals.scss index 1a8d76930a..7a033cd31f 100644 --- a/public/css/sass/common-modals.scss +++ b/public/css/sass/common-modals.scss @@ -2,11 +2,6 @@ @import 'modals/tmShareModal'; @import 'modals/PreferenceModal'; -body.side-popup { - overflow: hidden !important; - font-family: Calibri, Arial, Helvetica, sans-serif; -} - h1, h2, h3, @@ -24,18 +19,6 @@ a { font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; } -//ul, -//li, -//ol, -//p, -//button, -//.button, -//.primary, -//input, -//input[type='text'] input[type='email'] .input { -// font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; -//} - ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; @@ -45,8 +28,7 @@ a { /***** Login Footer ****/ #logoutlink, -.reset-password, -#resendlink { +.reset-password { margin-bottom: 10px; text-decoration: underline; float: left; @@ -59,70 +41,6 @@ a { } } -#resendlink { - float: none; -} - -a.ui.primary.right.floated.button.tiny.register-ok { - border: 1px solid black; - font-family: Calibri, Arial, Helvetica, sans-serif; - font-size: 16px; - padding: 6px 19px; -} - -#welcomebox { - float: right; - cursor: pointer; - position: relative; - text-decoration: underline; - margin-left: 8px; -} - -.manage #welcomebox { - margin-top: 0; -} - -#welcomebox .icon-sort-up { - font-size: 22px; - float: right; - margin-left: 9px; -} - -.user-menu { - position: absolute; - top: -92px; - background-color: white; - color: black; - text-align: left; - font-size: 19px; - left: -60px; - box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.4); - visibility: hidden; - transform: translateY(1em); - transition: - all 0.3s ease-in-out 0s, - visibility 0s linear 0.3s, - z-index 0s linear 0.01s; - z-index: -1; - opacity: 0; -} - -.user-menu li { - width: 120px; - height: 20px; - padding: 10px; - line-height: 20px; - border-bottom: 1px solid black; -} - -#welcomebox:hover .user-menu { - visibility: visible; - opacity: 1; - z-index: 1; - transform: translateY(0%); - transition-delay: 0s, 0s, 0.3s; -} - .success-modal, .fatal-error-modal { padding: 20px; @@ -134,16 +52,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { color: red; } -.validation-error.email-translator-error { - position: relative; - top: -25px; - left: 18px; - padding: 0px; - margin-bottom: 0px; - height: 0px; - display: none; -} - .user-info-form, .user-reset-password, .user-gdrive { @@ -157,83 +65,12 @@ a.ui.primary.right.floated.button.tiny.register-ok { width: 100%; } -.login-container-right { - width: 41%; - padding: 3% 1% 3% 25px; - font-size: 17px; - display: inline-block; - float: left; - box-sizing: border-box; - //background: url(https://www.matecat.com/wp-content/themes/stanleywp/images/bgfeat5.png) no-repeat; - //background-size: 84%; - //background-position: 370% center; - padding-top: 30px; -} - -.login-container-left { - width: 59%; - display: inline-block; - padding: 20px 0; - background: #f8f8f8; - border-left: 1px solid #ccc; - box-sizing: border-box; - text-align: center; -} - -.login-container-right h2, -.login-container-right p, -.login-container-right ul { - text-align: left; -} - -.add-project-manage { - padding-left: 0px !important; - margin-left: 20px !important; -} - -.login-container-right ul { - margin-left: 30px; - margin-top: 25px; - margin-bottom: 60px; -} - -.login-container-right .register-button { - margin-top: 30px; - float: left; - margin-left: 50px; -} - -.google-login-button { - background: url('../../img/btn_gg_sprite.png') no-repeat; - background-position: 0 0; -} - -.google-login-button:hover { - background-position: 0 -101px; - box-shadow: none !important; -} - -.google-login-button:focus { - background-position: 0 -50px; -} - -.google-login-button, -.google-login-button:hover, -.google-login-button:focus { - background-size: 100%; - border: none; - height: 30px; - box-shadow: none !important; -} - .forgot-password { cursor: pointer; text-decoration: underline; color: $linkBlue; } -.preferences-modal input[type='text'], -.preferences-modal input[type='password'], .dqf-modal input[type='text'], .dqf-modal input[type='password'], .login-container-left input, @@ -269,12 +106,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { color: #000; } -.login-container-right li { - margin-bottom: 15px; - margin-right: 42px; -} - -.google-login-button, .login-button, .register-button, .register-submit, @@ -300,15 +131,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { padding: 20px 0; } -.preferences-modal input:disabled { - color: #999; - cursor: not-allowed; - background: $grey2; -} - -.preferences-modal .reset-password { - margin-right: 20px; -} .forgot-password-modal { background: url(/public/img/matecat_watch-left-border.png) no-repeat -34px 136px; @@ -327,19 +149,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { width: 80%; } -.register-modal { - padding: 25px 15%; - text-align: center; -} - -.register-modal h2 { - padding: 10px 0 10px 0; -} - -.register-modal .google-login-button { - margin-bottom: 0; -} - .preference-modal-message { box-shadow: 0 2px 2px #e2e2e2; border-radius: 2px; @@ -352,7 +161,7 @@ a.ui.primary.right.floated.button.tiny.register-ok { } .button-loader { - background: url(../../img/loader.gif) center center no-repeat; + background: url(/public/img/loader.gif) center center no-repeat; width: 20px; height: 20px; visibility: hidden; @@ -421,7 +230,7 @@ a.ui.primary.right.floated.button.tiny.register-ok { .modal-logo { background-size: inherit; - background: url(../../img/logo_matecat_small_white.svg) no-repeat; + background: url(/public/img/logo_matecat_small_white.svg) no-repeat; background-position-y: center; background-size: contain; width: 35px; @@ -560,17 +369,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { } } -.preferences-modal { - text-align: left; -} - -.preferences-modal h2 { - margin: 0; - padding: 0 0 0 15px; - font-size: 20px; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; -} - .user-link { float: left; clear: both; @@ -578,6 +376,8 @@ a.ui.primary.right.floated.button.tiny.register-ok { margin-left: 66px; height: 20px; margin-top: 12px; + display: flex; + gap: 16px; } /* The Close Button */ @@ -607,74 +407,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { border: 1px solid #666; } -.matecat-modal-content .btn-confirm-medium:hover, -.matecat-modal-content .btn-confirm-small:hover { - cursor: pointer; - box-shadow: - 0 0 0 #e0e0e0, - 0 0 2px rgba(0, 0, 0, 0.12), - 0 2px 4px rgba(0, 0, 0, 0.24) !important; - color: #ffffff; -} - -.matecat-modal-content .btn-confirm-medium:active { - box-shadow: none !important; -} - -.matecat-modal-content .btn-confirm-medium { - color: #fff; - background: $translatedBlue; - border: 1px solid #848689; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - border-radius: 2px; - font-size: 18px; - margin: 16px 0 16px 0px; - display: inline-block; - text-align: center; - position: relative; -} - -.matecat-modal-content .btn-confirm-medium.google-login-button { - background: url(../../img/btn_gg_sprite.png) no-repeat; - background-position: 0 0; - background-size: cover; - border: none; -} - -.matecat-modal-content .btn-confirm-medium.google-login-button, -.matecat-modal-content .btn-confirm-medium.google-login-button:hover, -.matecat-modal-content .btn-confirm-medium.google-login-button:focus { - background-size: cover; - border: none; - height: 30px; - width: 160px; - margin-left: 0; - margin-top: 5px; - margin-bottom: 0; - box-sizing: content-box; -} - -.matecat-modal-content .btn-confirm-medium.google-login-button:hover { - background: url(../../img/btn_gg_sprite.png) no-repeat; - background-position: 0 -101px; - background-size: cover; - box-shadow: none !important; -} - -.matecat-modal-content .btn-confirm-medium.sing-in { - margin-left: 0px; -} - -.matecat-modal-content .btn-confirm-medium.sing-up { - //margin-left: 0px; -} - -.matecat-modal-content .btn-confirm-medium.register-now { - margin-left: 0px; -} - .matecat-modal-content .disabled, .matecat-modal-content .disabled:hover, .matecat-modal-content .disabled:active { @@ -965,17 +697,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { } } -.register-modal { - .form-divider { - margin-top: 25px; - margin-bottom: 10px; - } - - .condition-google { - font-size: 12px; - } -} - .form-divider { width: 100%; margin: 0 auto; @@ -1180,21 +901,10 @@ a.ui.primary.right.floated.button.tiny.register-ok { } } -a.login-button.btn-confirm-medium.sing-in.disabled:hover { - border: 1px solid #848689; -} - .dropdown > .menu { z-index: 100000000; } -.popup.popup-confirm.confirm_checkbox { - .boxed { - padding-right: 20px; - padding-bottom: 15px; - } -} - .shortcuts-modal { .matecat-modal-top { padding: 15px 25px; diff --git a/public/css/sass/common.scss b/public/css/sass/common.scss index 8a9979a76d..3c67fc986a 100644 --- a/public/css/sass/common.scss +++ b/public/css/sass/common.scss @@ -51,7 +51,7 @@ ul { .logo { float: left; border: 0; - background: url(../../img/logo_matecat_big_white.svg) 0px 0px no-repeat; + background: url(/public/img/logo_matecat_big_white.svg) 0px 0px no-repeat; width: 190px; height: 40px; //margin-top: 5px; @@ -61,2803 +61,98 @@ ul { margin-left: 13px; } -.normal-foo { - background-color: $grey4; - min-width: 992px; - width: 100%; - .footer-body { - display: grid; - position: relative; - grid-column-gap: 24px; - padding: 12px 64px; - //grid-template-columns: minmax(auto,440px) auto; - grid-template-columns: minmax(auto, 440px) auto minmax(auto, 440px); - align-items: center; - .info { - display: grid; - align-items: center; - grid-template-columns: 40px auto; - grid-column-gap: 8px; - .image { - display: flex; - align-items: center; - } - .logo { - background-position: center; - background-size: cover; - } - .description { - color: $grey1; - font-weight: 100; - font-size: 12px; - text-align: left; - line-height: 14px; - .link { - color: #00aee4; - text-decoration: underline; - } - } - } - } - .side-info { - margin-top: 4px; - display: flex; - align-items: center; - box-shadow: none; - justify-content: center; - .item { - padding: 0 20px; - display: flex; - gap: 5px; - a { - margin: 0; - color: $grey1; - text-align: left; - font-size: 16px; - font-weight: bold; - text-decoration: none; - display: flex; - align-items: center; - &.email-link { - color: #fff; - background-color: $grey1; - padding: 6px 24px; - border-radius: 2px; - &:hover { - background-color: $grey6; - } - } - } - } - } - .footer-logo { - display: flex; - justify-content: end; - a { - display: flex; - align-items: center; - } - } -} - -footer p { - margin: 0 5px 0 0; - padding: 0; - float: left; -} - -footer ul { - margin: -5px 0 0 0; - padding: 0; - float: left; - /* border-right: 1px solid #333; */ -} - -footer nav ul, -footer ul.external-links { - border-right: none; -} - -footer nav ul li { - margin-left: 4px; -} -footer .wrapper nav ul li:last-child { - border-right: none; -} - -footer li { - margin: 0 0px 0 0; - padding: 5px 5px; - float: left; -} -footer nav li, -footer ul.external-links li { - height: 18px; - padding-top: 0px; - border-right: 1px solid #fff; - margin-top: 5px; -} - -ul.statistics-details { - margin: 0 auto; - overflow: hidden; - width: 33%; - float: none; - border: none; - height: unset; -} - -ul.statistics-details li { - border-right: 1px solid #fff; - border-left: 1px solid #fff; - padding-top: 0px; - height: 16px; -} - -ul.statistics-details li:first-child { - border-right: none; -} - -a[class^='edit_'] span { - text-decoration: underline; -} - -a[class^='edit_'] { - text-decoration: none; -} - -a.edit_1:before { - color: $translatedBlue; -} - -a.edit_2:before { - color: #ffcc00; -} - -a.edit_3:before { - color: #ff5656; -} - -a[class^='edit_']:before { - content: 'a'; - content: ' \25CF'; - text-decoration: none; - padding-right: 3px; -} - -footer nav li:first-child { - border-left: none; -} - -footer ul.external-links li:last-child { - border-right: none; -} - -footer nav { - float: right; -} - -footer a, -footer #stat-todo span { - text-shadow: none; - font-weight: 100; - cursor: pointer; - color: black; -} -#stat-eqwords strong { - font-weight: bold; -} - -footer a:hover { - text-decoration: none; - //color: #ffffff; -} - -/*footer .wrapper -{ - text-align: right; -}*/ - -.editlog { - margin-right: 23px; -} - -/*stats*/ -footer #statistics { -} - -#stat-quality { - margin-left: 10px; -} - -#stat-quality .quality { - color: rgb(255, 87, 75); -} - -.pull-left { - float: left !important; -} - -.pull-right { - float: right !important; -} - -.stats { - display: none; - width: 460px; - height: 220px; - background-color: #fff; - z-index: 99999999; - position: fixed; - bottom: 33px; - right: 60px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border: 1px solid #000; - text-align: left; - padding: 0; - text-shadow: none; - font-size: 14px; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #000; - box-shadow: 0 0 5px #000; - color: #000; -} - -.iepopup.nobrowser { - width: 1200px; - margin: 0 auto; - overflow: hidden; - box-shadow: none; - border: none; -} - -.iepopup .logoblack { - background-size: 200px auto; - width: 200px; - height: 50px; -} - -.titleie h1 { - font-size: 44px; - margin: 0px; -} - -.titleie h2 { - margin: 0px; - font-weight: normal; -} - -.iepopup.nobrowser ul li { - display: inline-block; - margin: 20px; -} - -.iepopup .col-2 { - width: 46%; - padding: 0%; - margin-top: 50px; - min-height: 400px; - margin-right: 4%; - line-height: 40px; - box-shadow: 0px 2px 3px #e9e9e9; - border-radius: 2px; - border: 1px solid #ccc; -} - -.iepopup .col-2:last-child { - margin-right: 0px; -} - -.iepopup .col-2:hover { - border: 1px solid #3aa9dd; - box-shadow: 0px 0px 3px #3aa9dd; -} - -.button-learn { - width: 100% !important; - padding: 2% 4%; - font-size: 28px !important; - background: #3aa9dd; - border: none !important; - border-radius: 4px; - text-decoration: none; - color: #fff !important; - border-bottom: 3px solid #1b5d7b !important; -} - -.button-learn-2 { - background: none repeat scroll 0% 0% #f4f4f4; - position: relative; - border-width: 1px 1px 3px !important; - border-style: solid !important; - border-color: #e4e4e4 #e4e4e4 #ccc !important; - -moz-border-top-colors: none !important; - -moz-border-right-colors: none !important; - -moz-border-bottom-colors: none !important; - -moz-border-left-colors: none !important; - border-image: none !important; - color: #333 !important; - font-size: 28px !important; - text-decoration: none; - width: 280px !important; - padding: 20px 75px; - height: 30px; - border-radius: 4px; -} - -.col-b .button-learn-2:hover { - color: #3aa9dd !important; -} - -.col-2.col-b .button-learn-2 img { - width: 100px; - position: absolute; - top: -110px; - right: 0px; -} - -.col-b h3 { - margin-bottom: 125px; -} - -.iepopup { - width: 800px; - margin: 30px auto; - padding: 30px 0 30px 0; - display: block; - z-index: 999999; - background: #fff; - box-shadow: 0px 0px 5px #ccc; - border-radius: 2px; - font-size: 18px; - border: 1px solid #ccc; -} - -.iepopup img { - border: 0; -} - -.iepopup ul a { - padding: 0px 0 0 0; - color: #39699a; - text-decoration: underline; -} - -.iepopup a:hover { - text-decoration: none; -} - -.logoblack { - border: 0; - background: url(../../img/logo_matecat_big.svg) 0px 2px no-repeat; - display: block; - width: 145px; - height: 31px; - background-size: 130px 28px; - clear: both; - margin: 0 auto 10px auto; -} - -.nobrowser #outer, -.nobrowser header, -.nobrowser footer, -.nobrowser .wrapper { - display: none !important; -} - -.iepopup p { - line-height: 27px; -} - -/* mgmt panel */ - -.mgmt-panel-tm .tablestats, -.mgmt-panel.gl { - display: block; -} - -/*end mgmt panel */ - -/* dropdown menu profile */ - -.wrapper-dropdown-5.logged { - padding: 8px 20px 20px 10px; -} - -.logged .dropdown-icon img { - border: 1px solid #555; -} - -.userinfo { - padding: 0; - border-bottom: 1px solid #999; - color: #ccc; - margin: 0 auto; - overflow: hidden; -} - -.userinfo a { - border-bottom: none !important; - font-weight: bold; - float: left; - color: #333 !important; - margin-right: 4px; -} - -.dropdown span { - margin-right: 11px; - margin-top: 2px; - float: left; - position: relative; -} - -.dropdown .cancel span { - margin-right: 13px; -} - -.deleteTM span { - margin-right: 11px; - font-size: 16px; - margin-left: 2px; -} - -#loginlink { - color: #fff; -} - -.login-info { - padding: 6px 0; - color: #fff; -} - -.dropdown-icon { - /* Little arrow */ - width: 23px; - height: 21px; -} - -.dropdown-icon .icon-paw { - font-size: 1.5em; - margin-right: 10px; -} - -.dropdown .icon-stack-exchange { - font-size: 1.1em; - margin-top: -1px; -} - -/* No CSS3 support */ - -.no-opacity .wrapper-dropdown-1 .dropdown, -.no-pointerevents .wrapper-dropdown-1 .dropdown { - display: none; - opacity: 1; /* If opacity support but no pointer-events support */ - pointer-events: auto; /* If pointer-events support but no pointer-events support */ -} - -.no-opacity .wrapper-dropdown-1.active .dropdown, -.no-pointerevents .wrapper-dropdown-1.active .dropdown { - display: block; -} - -.needtobelogged { - height: 150px; - text-align: center; - padding: 15px 5px; - color: #333; -} - -/*end dropdown menu profile */ - -/*.topMenu ul li { - box-shadow: 0 0 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important; - background: #fff; -}*/ - -.topMenu ul li a { - text-decoration: none; - color: #333; - padding: 13px 10px 10px 22px; - display: block; - background-size: 24px; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; -} - -.topMenu ul li.current a { - font-weight: bold; - border-left: 3px solid #ffcc00; -} - -.topMenu ul li a:hover { - background: #f2f4f7; -} - -.tooltip { - cursor: help; - position: absolute; - border: 1px solid #717171; - border-radius: 20px; - width: 13px !important; - font-size: 13px; - height: 11px; - font-weight: bold; - padding-left: 0px; - padding-top: 2px; - margin-top: -3px; - line-height: 11px; - background: #fbf3aa; - margin-left: 5px; - color: #717171; - box-shadow: 1px 1px 1px #999; -} - -.tooltip:hover span { - opacity: 1; - top: -90px; -} - -.tooltip span { - width: 200px; - height: auto; - line-height: 22px; - color: #333; - padding: 10px; - left: -98px; - font-weight: 400; - font-size: 15px; - text-align: center; - border: 1px solid #727272; - background: #fff8ba; - text-indent: 0px; - border-radius: 5px; - position: absolute; - pointer-events: none; - top: -110px; - opacity: 0; - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -moz-box-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - z-index: 1000000000000000; -} - -.tooltip span:before, -.tooltip span:after { - content: ''; - position: absolute; - bottom: -11px; - left: 43%; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid #727272; -} - -.tooltip span:after { - bottom: -10px; - margin-left: -1px; - border-top: 10px solid #fff8ba; -} - -.mgmt-table-tm .boxed { - border-radius: 4px; - border: 1px dashed #ccc; - padding: 10px; - margin-bottom: 20px; - background: #f7f7f7; -} - -#editlog-boxed { - border-radius: 4px; - border: 1px dashed #ccc; - padding: 10px; - margin-bottom: 10px; - margin-top: 15px; - background: #f7f7f7; - font-size: 17px; -} - -#contextMenu { - position: absolute; - display: none; - background: white; - z-index: 999; - border: 1px solid #999; - width: 200px; - padding: 3px; -} - -#contextMenu li { - text-align: left; - padding: 3px; - font-size: 80%; -} - -#contextMenu li:hover { - background: #eee; - cursor: pointer; -} - -#contextMenu .shortcut { - float: right; -} - -/*popup*/ -.modal[data-type='view'] { - display: none; -} - -.popup-outer { - background: #000; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 12; - opacity: 0.4; -} - -.popup { - overflow: hidden; - line-height: 30px; - border-radius: 0 0 4px 4px; - color: #000 !important; - /*margin: -200px 0 0 -250px;*/ - padding: 0 0px 20px 0px; - /*position: fixed;*/ - top: 50%; - left: 50%; - z-index: 999999999999999999999999999; -} - -.popup.popup-alert:hover { - background-color: #fff; -} - -.modal .popup p.waiting { - background: url(../../img/loading.gif) 38% 3px no-repeat !important; - background-size: 24px !important; -} - -/********** TM panel **********/ - -.slide-panel { - height: 100% !important; - width: 1024px; - margin: 0 auto; - overflow-x: hidden; - overflow-y: auto; - position: fixed; - z-index: 12; - top: 0; - right: -1100px; - background: #fff; -} - -.mymemory-descr { - margin-left: 7px; - width: 100%; - color: #666; -} - -.dqf-settings { - font-weight: bold; - text-decoration: underline; - cursor: pointer; -} - -/********** TM panel End **********/ - -span.notify { - margin-top: 10px; -} - -.action .dropdown a.disabled { - opacity: 1 !important; - color: #b5b5b5 !important; - border: none; - border-bottom: 1px solid #e6e8ea !important; - background: #f1f1f1 !important; -} - -td.addtmxtd { - width: 804px; -} - -input.email-export { - width: 180px; - margin-left: 10px !important; -} - -.downloading .uploadloader { - display: block; - z-index: 10; -} - -.downloading .uploadloader { - right: 130px; - margin-top: -2px; - background-size: 15px; - background-color: #d6d6d6; -} - -.uploadloader { - background: url(../../img/loader.gif) center center no-repeat; - width: 20px; - height: 20px; - float: right; - margin-top: 3px; - position: absolute; - right: 233px; - background-size: 20px 20px; -} - -.pending .uploadloader { - display: block !important; - position: relative; - float: left; - top: inherit; - margin-top: 0; - right: inherit; -} - -.continuebtn, -.continuebtn:hover { - background: #7eaf3e; -} - -.mgmt-table-mt td.action .btn { - border-radius: 2px; -} - -.mgmt-table-mt th.description { - width: 40%; -} - -th.enable-mt { - width: 190px; -} - -/*#inactivetm td.action .addtmx { - display: none; -}*/ -#activetm tr:hover td { - background: #f1f8fc; -} - -#inactivetm tr:hover td { - background: #f8f8f8; -} - -form.add-TM-Form { - display: inline; - padding: 5px 0 10px; - margin: 0 0 0 10px; -} - -#uploadCallback { - display: none; -} - -#activetm tr.new .error { - display: none; - float: left; - width: 80%; - color: #f00; - position: relative; -} - -.notify td { - background: #fffa8b !important; - padding: 5px 25px; - text-align: right; -} - -#activetm tr.new .error span { - display: none; - width: 100%; - line-height: 100%; - float: left; - margin-bottom: 6px; -} - -.tm-error-key, -.tm-error-grants { - height: auto; - line-height: 22px; - padding: 10px; - font-weight: 400; - font-size: 15px; - text-align: center; - border: 4px solid #fff; - background: rgba(255, 255, 255, 1); - text-indent: 0px; - opacity: 0.9; - border-radius: 5px; - position: absolute; - pointer-events: none; - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; -} - -.tm-error-grants { - width: 200px !important; - left: -175px; - top: -130px; -} - -.tm-error-key { - width: 200px; - left: -5px; - top: -50px; -} - -.tm-error-key:before, -.tm-error-key:after, -.tm-error-grants:before, -.tm-error-grants:after { - content: ''; - position: absolute; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid rgba(0, 0, 0, 0.1); -} - -.tm-error-key:before, -.tm-error-key:after { - bottom: -15px; - left: 43%; -} - -.tm-error-grants:before, -.tm-error-grants:after { - bottom: -15px; - left: 43%; -} - -.tm-error-grants:after { - bottom: -14px; - margin-left: -1px; - border-top: 10px solid #fff; -} - -.tm-error-key:after { - bottom: -14px; - margin-left: -1px; - border-top: 10px solid #fff; -} - -.popup p { - font-size: 18px; -} - -.popup h1, -.popup-tm h1, -.popup-languages.slide h1, -.slide-panel h1 { - overflow: visible; - max-height: inherit; - font-size: 24px; - background: #002b5c url(../../img/logo_matecat_small_white.svg) 16px 12px - no-repeat; - padding: 10px 10px 7px 68px; - background-size: 40px; - /*border-bottom: 1px solid #000;*/ - color: #fff; - margin: 0 !important; - text-align: left; -} - -.popup-tm h1, -.popup-languages.slide h1 { - height: 60px; - padding: 10px 13px 7px 58px; -} - -.popup h2 { - font-weight: normal; - font-size: 24px; - color: black; - display: block; - margin: 20px 0 20px 0; -} - -.popup a.anonymous { - font-size: 12px; -} - -.popup a.anonymous:visited, -.popup a.anonymous:active { - color: black; -} - -.popup-confirm .btn-ok { - /* TODO REVIEW this rule breaks the popup button alignment in confirm change language after file conversion */ - /*float: left;*/ - margin-left: 10px; -} - -.popup .inner { - width: 45px; - border-right: 1px solid #003366; - border-radius: 0 0 0 6px; -} - -.popup .login-button { - width: 330px; - font-weight: normal; - padding: 8px 0 8px 45px; - text-align: center; - color: #fff; - font-size: 16px !important; - text-shadow: 0 -1px 0 #003366; - background: transparent; - border: none; - cursor: pointer; -} - -.popup .x-popup, -.mgmt-panel .x-popup, -.slide-panel .x-popup { - color: #fff; - text-decoration: none; - display: block; - height: 30px; - font-size: 20px; - padding-top: 2px; - float: right; - margin: 0; - background-size: 22px; -} - -.popup .x-popup:hover, -.slide-panel .x-popup:hover, -.x-popup2:hover { - color: $darkBlueTransparent; -} - -.x-popup:hover { - color: $darkBlueTransparent; -} - -.mgmt-panel .x-popup { - right: 130px; - margin-top: 10px; -} - -.uploadtm.disabled { - background: $translatedBlue !important; -} - -.popup .btn-ok, -.popup .btn-cancel { - padding: 1px 18px; - margin: 16px 0 16px 20px; - display: inline-block; -} - -.mgmt-panel-tm .btn-ok, -.mgmt-panel-gl .btn-ok, -.popup .btn-ok, -.popup .btn-cancel, -.slide-panel .btn-ok, -.slide-panel .btn-cancel, -.uploadtm.disabled, -.download-manage.btn-ok { - color: #fff; - background: $translatedBlue; - //border: 1px solid #797979; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - border-radius: 2px; - font-size: 18px; - cursor: pointer; - border: 0; - line-height: 18px; -} - -.btn-cancel.in-popup { - padding: 7px 18px !important; -} - -.hide { - display: none; -} - -.slide-panel.open tr.hide { - display: none !important; -} - -.btn-grey { - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - margin: 0 5px; - border-radius: 2px; - font-size: 18px; - color: #333; - background: #f6f6f6; - background: -webkit-gradient( - linear, - left top, - left bottom, - from(#f6f6f6), - to(#e2e3e5) - ); - background: -moz-linear-gradient(top, #f6f6f6, #e2e3e5); - background: linear-gradient(top, #f6f6f6, #e2e3e5); - line-height: 20px; -} - -#sign-in-o, -#sign-in-o-mt { - padding: 10px 10px 0px; - margin: 0 auto; - width: 200px; - text-align: center; - float: none !important; -} - -#sign-in-o-mt { - width: 290px; -} - -.popup .btnsplit .btn-cancel { - margin: 0; -} - -.popup .btn-cancel, -.btn-grey, -.slide-panel .btn-cancel, -.btn-grey { - color: $grey2; - background: white; - //background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e2e3e5)); - //background: -moz-linear-gradient(top, #f6f6f6, #e2e3e5); - //background: linear-gradient(top, #f6f6f6, #e2e3e5); -} - -.dont_show + label { - font-size: 16px; -} - -.slide-panel h1 .btn-ok, -.slide-panel h1 .btn-cancel { - padding: 0px 18px; -} - -.mgmt-panel-tm .btn-ok:hover, -.mgmt-panel-gl .btn-ok:hover, -.popup .btn-ok:hover, -.popup .btn-cancel:hover, -.slide-panel .btn-ok:hover, -.slide-panel .btn-cancel:hover { - background-color: $translatedBlueHover; - //box-shadow: 0 0 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important; - //border: 1px solid #797979; -} - -.mgmt-panel-gl .btn-ok:active, -.mgmt-panel-tm .btn-ok:active, -.popup .btn-ok:active, -.popup .btn-cancel:active, -.slide-panel .btn-ok:active, -.slide-panel .btn-cancel:active { - //-moz-box-shadow: inset 0 0 1px 1px #888; - //-webkit-box-shadow: inset 0 0 1px 1px #888; - //box-shadow: inset 0 0 1px 1px #888; -} - -.popup .btn-ok.right, -.popup .btn-cancel.right, -.popup-tm .btn-ok.right, -.popup-tm .btn-cancel.right, -.popup-languages.slide .btn-ok.right, -.popup-languages.slide .btn-cancel.right { - float: right; -} - -#chooseMultilang, -#cancelMultilang { - padding: 4px 18px; - margin-left: 10px; -} - -#cancelMultilang:hover { - padding: 4px 18px; - margin-left: 10px; - color: #333333; -} - -.mgmt-panel-tm .nav-tabs { - background: #002b5c; - display: block; -} - -.mgmt-add-tm, -.mgmt-add-gl, -.addrow-tm, -.addrow-gl, -.dataTables_paginate { - display: none; -} - -.add-tm span { - margin: 2px 8px 0 0; -} - -.notlogged { - color: #ccc !important; -} - -.mgmt-add-tm .source { - clear: both; -} - -div.mgmt-container { - margin: 0 auto; - overflow: hidden; - width: 998px; - padding-top: 20px; - padding-bottom: 150px; - text-align: left; - min-height: 400px; - .insert-tm { - ul { - list-style: circle; - padding-left: 25px; - padding-top: 6px; - } - .provider-field.checkbox .checkbox-label { - margin-top: 4px; - } - .info-icon { - background: url(../../img/info.png); - background-size: 18px; - width: 18px; - height: 18px; - margin-left: 4px; - margin-bottom: 4px; - cursor: pointer; - } - .provider-field.checkbox { - display: flex; - justify-content: flex-start; - align-items: center; - } - .provider-field.checkbox.first { - margin-top: 10px; - } - } -} - -.mgmt-tm .priority { - /*width:5%!important;*/ -} - -.mgmt-tm .privatekey { - width: 150px !important; - font-size: 13px; -} - -.mgmt-tm .new td.privatekey { - width: 195px !important; -} - -td.description, -th.description { - width: 491px !important; -} - -th.owner, -td.owner { - width: 46px !important; -} - -.mgmt-tm .langpair { - /*width:14%!important;*/ - width: 144px !important; -} - -.mgmt-tm .check { - /*width:6%!important;*/ - width: 55px !important; - text-align: center; -} - -.mgmt-table-mt td { - padding: 10px !important; -} - -.mgmt-mt .action { - /*width:22%!important;*/ - width: 95px !important; - text-align: center; -} - -.mgmt-tm th.action, -.mgmt-tm td.action { - width: 186px !important; -} - -th.activate, -td.activate { - width: 55px !important; - text-align: center; -} - -#inactivetm th.check, -#inactivetm th.privatekey, -#inactivetm th.owner, -#inactivetm th.action, -#activetm th.privatekey, -#activetm th.owner #ativetm th.action { - visibility: hidden; -} - -#inactivetm .check.lookup input, -#inactivetm .check.update input { - visibility: hidden; -} - -#inactivetm tbody { - background: #f3f3f3; -} - -.icon-owner.icon-owner-private, -.icon-owner.icon-owner-shared, -.icon-owner.icon-owner-public { - color: #6f6f6f; - text-decoration: none; - cursor: default; -} - -.icon-owner.icon-owner-private { - padding: 2px 0px 2px 6px; -} - -.icon-owner.icon-owner-shared { - padding: 2px 2px; -} - -.share-button { - width: 50px; - text-align: center; - margin-right: 15px; -} - -.message-share-tmx { - font-size: 14px; - float: left; - width: 485px; - padding-left: 12px; - line-height: 34px; -} - -input.message-share-tmx-input-email { - margin-top: 2px; - float: left; - margin-left: 15px; - width: 290px; - height: 24px; - font-size: 14px; - padding-left: 4px; - background-color: #fbfbfb; - border: 1px solid #ccc; - border-radius: 2px; -} - -span.message-share-tmx-email, -.message-share-tmx-openemailpopup { - text-decoration: underline; - cursor: pointer; -} - -/* -.new .privatekey { - width: 110px!important; -padding: 15px 31px 10px 10px; -}*/ - -select#mt_engine_int { - font-size: 18px; - height: 30px; - margin: 20px 0; - width: 90%; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-image: url('../../img/icons/icon-down.svg'); - background-position: right 10px top 50%; - background-repeat: no-repeat; -} - -.mgmt-tm .progress { - display: block; - height: 15px; - background: #d0d1d1; - border: 1px solid #ccc; - position: relative; - border-radius: 4px; - float: left; - margin-right: 10px; - margin-left: 10px; - width: 120px; -} - -.new td.fileupload { - width: 99px; -} - -.back-mgmt { - padding: 20px; - margin-right: 20px; -} - -.memory-mgmt.btn { - width: auto; -} - -.slide-panel-body { - margin: 2%; -} - -.slide-panel table, -.mgmt-gl, -.mgmt-tm-nested { - font-size: 15px; - width: 100%; - margin-bottom: 20px; - border: 1px solid #ccc; - border-spacing: 0; -} - -.privatekey .btn-ok { - margin: 0 !important; -} - -.btn-grey.uploadtm { - clear: right; -} - -span.asterisk { - line-height: 10px; - vertical-align: bottom; -} - -span.text-or { - text-align: center; - width: 21px; -} - -span.text-req { - /* margin-top: 0px; */ - clear: left; - color: #bbb; -} - -.file_upload_error, -.error { - color: #ff3300; -} - -.file_upload_warning { - color: $warning; -} - -.error { - float: left; -} - -input.error { - border: 1px solid red !important; - font-size: inherit; -} - -.mgmt-tm .btn-grey { - padding: 5px 0px !important; -} - -.mgmt-tm .btn-ok, -.mgmt-tm .btn-grey { - cursor: pointer !important; - font-size: 14px; -} - -.canceladdtmx, -.canceladdglossary { - margin: 0; - cursor: pointer; -} - -.mgmt-tm .btn-ok { - padding: 6px 5px !important; - width: 119px; - margin-left: 5px; -} - -div.mt-error-key { - display: none; - color: red; - padding: 5px 0 10px; - margin-left: 7px; - clear: both; -} - -.mgmt-table-mt .uploadtm.btn-ok { - margin: 15px 0 15px 20px; -} - -.mgmt-tm .btn-grey:last-child { - margin: 0 !important; -} - -.action .notify { - border-top: none; - box-shadow: none; - float: left; -} - -body.cattool .mgmt-tm.mine thead, -.mgmt-tm.new thead, -.mgmt-tm.anonymous thead { - display: none; -} - -#activetm tr.ownergroup td, -#activetm tr.anonymous td { - color: #999; -} - -td.share-tmx-container, -td.download-container, -td.download-glossary-container, -td.uploadfile { - color: black !important; -} - -.btn-grey .text, -.canceladdtmx.btn-grey .text, -.canceladdglossary.btn-grey .text, -.addtmxfile.btn-ok .text, -.addglossaryfile.btn-ok .text, -.uploadtm.btn-ok .text { - display: block; - text-align: center; -} - -.canceladdtmx.btn-grey .text, -.canceladdglossary.btn-grey .text, -.addtmxfile.btn-ok .text, -.addglossaryfile.btn-ok .text, -.uploadtm.btn-ok .text { - /*width: 90px;*/ -} - -.mgmt-tm .btn-grey .text { - width: 33px !important; -} - -.canceladdtmx.btn-grey .text, -.canceladdglossary.btn-grey .text, -.addtmxfile.btn-ok .text, -.addglossaryfile.btn-ok .text, -.uploadtm.btn-ok .text { - color: #fff; -} - -.addtmxfile.btn-ok, -.addglossaryfile.btn-ok { - display: none; -} - -.canceladdtmx.btn-grey, -.canceladdglossary.btn-grey, -.cancelsharetmx.btn-grey { - background: #f26522; -} - -.popup-tm td.description .edit-desc, -.popup-tm td.engine-name .edit-desc { - height: 18px; - width: 450px !important; - padding: 2px 4px; - border-radius: 2px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - box-shadow: 0 0 0 1px #e2e2e2; -} - -.popup-tm td.engine-name .edit-desc { - max-width: 350px !important; -} - -.popup-tm tr.mine td.description .edit-desc[contenteditable='true'], -.popup-tm td.engine-name .edit-desc[contenteditable='true'] { - border: 1px solid #999; - background: #fff; - height: auto; - outline: 0; - box-shadow: inset 0 1px 2px #ddd; - -webkit-box-shadow: inset 0 1px 2px #ddd; - white-space: initial; - overflow: initial; - text-overflow: initial; -} - -.popup-tm tr.mine td.description .edit-desc:hover { - box-shadow: 0px 0px 0px 1px #ccc; - cursor: text; -} - -.canceladdtmx.btn-grey:hover, -.canceladdglossary.btn-grey:hover { - background: #d1581c; -} - -.addtmxfile.btn-ok:hover, -.addglossaryfile.btn-ok:hover { - background: $translatedBlue; -} - -td.uploadfile input[type='file'] { - margin-right: 20px; -} - -td.uploadfile .error { - float: left; - margin-right: 14px; - color: red; -} - -td.uploadfile .uploadprogress .error { - float: left; - margin-right: 0px; -} - -.canceladdtmx:hover, -.canceladdglossary:hover { - color: red; -} - -.filter-box { - position: relative; - margin-top: 5px; -} - -.filter-box span { - position: absolute; - top: 2px; - color: #ccc; -} - -.filter-box input { - padding: 3px 10px 3px 30px; - border-radius: 2px; - border: 1px solid #ccc; - color: #999; - width: 108px; - margin-right: 9px; -} - -.dataTables_length, -.dataTables_info { - display: none; -} - -.dataTables_filter { - float: right; - margin-top: 10px; -} - -.check.sorting:after, -.action.sorting:after { - display: none; -} - -.sorting_asc:after { - content: '\f0dd'; - float: right; - margin-top: -4px; -} - -.sorting_desc:after { - content: '\f0de'; - float: right; - line-height: 1px !important; - margin-top: 10px; -} - -.sorting:after { - content: '\f0dc'; - float: right; -} - -.dataTables_paginate { - float: right; - margin-top: 10px; -} - -/* -#activetm {margin-bottom: 15px;} -*/ -#activetm thead { - /* display: table-header-group !important;*/ - background: #6d6e71; -} - -#activetm tbody { - display: block; - background: #e4f2fb; -} - -tr.tm-error, -td.tm-error { - border: 1px solid red !important; -} - -tr.mymemory td.dragrow .status { - display: none !important; -} - -#activetm tr:not(.new), -#inactivetm tr:not(.new) { - display: block; -} - -#activetm td.uploadfile, -#inactivetm td.uploadfile { - display: block; - background: #fff; - padding: 10px 17px 20px 5px; - height: 20px; - width: initial !important; - border-top: 1px solid #e1e1e1; - box-shadow: inset 0px 2px 5px 0px #e4e4e4; - position: relative; - box-sizing: content-box; -} - -span.email-export-email-sent, -span.email-export-email-error, -.message-glossary-export-completed, -.mgmt-tm .message-glossary-export-error, -#activetm td.uploadfile .msg, -#inactivetm td.uploadfile .msg { - float: right; - margin-top: 5px; - margin-right: 20px; - color: green; - text-align: right; -} - -.mgmt-tm .upload-file-msg-success, -.mgmt-tm .upload-file-msg-error { - color: green; - float: right; - margin-top: 7px; - margin-right: 4px; - display: none; -} - -.mgmt-tm .message-glossary-export-error, -.mgmt-tm .upload-file-msg-error { - color: red; - margin-right: 20px; - max-width: 310px; -} - -#activetm td.dragrow { - position: relative; - padding: 5px 5px 5px 5px !important; -} - -#inactivetm th.dragrow { - width: 10px !important; -} - -td.uploadfile p { - margin: 0 10px; -} - -#activetm td.dragrow .status { - cursor: move; - margin: 0 auto; - width: 2px; - border: 2px dotted #ccc; - border-top: 0; - border-bottom: 0; - display: block; - position: absolute; - right: 0; - left: 0; - height: 67%; - bottom: 15%; - top: 17%; -} - -#activetm tr.owner td { - background: #fff !important; - color: #999 !important; -} - -#activetm tr.anonymous td { - background: #f6f6f6 !important; -} - -/* Export TMX container */ -#activetm td.download-container, -#inactivetm td.download-container, -#activetm td.download-glossary-container, -#inactivetm td.download-glossary-container, -#activetm td.share-tmx-container, -#inactivetm td.share-tmx-container { - display: block; - background: #fff; - padding: 10px 17px 20px 5px; - height: 53px; - border-top: 1px solid #e1e1e1; - box-shadow: inset 0px 2px 5px 0px #e4e4e4; - position: relative; -} - -td.download-container, -.mgmt-tm .download-glossary-container { - line-height: 30px; -} - -.message-export, -.message-export-success { - float: left; - margin-left: 11px; -} - -input.email-export { - float: left; - margin-left: 14px; - margin-top: 3px !important; -} - -.export-button-label:before { - content: '\f00c'; - padding-right: 7px; - vertical-align: text-top; -} - -.export-button-label { - width: 90px !important; - display: block; - text-align: center; - color: white !important; -} - -.mgmt-tm .btn-ok.export-button { - margin-right: 9px; -} - -/*** New Buttons ***/ - -.btn-orange-small, -.btn-orange-medium { - background: #f26522; - width: 35px; - height: 35px; - border: 1px solid #848689; - border-radius: 2px; - color: white; - text-align: center; - font-weight: bold; - cursor: pointer; - text-decoration: none; - line-height: 35px; -} - -.btn-orange-medium { - background: #f26522; - width: 35px; - height: 35px; - border: 1px solid #848689; - border-radius: 2px; - color: white; - text-align: center; - font-weight: bold; - cursor: pointer; - text-decoration: none; - line-height: 35px; -} - -.btn-orange-medium:hover, -.btn-orange-small:hover { - background: #d1581c; - cursor: pointer; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; - border: 1px solid #000; -} - -.btn-orange-medium .text:before, -.btn-orange-small .text:before { - content: '\f00d'; - vertical-align: text-top; -} - -.btn-orange-medium .text, -.btn-orange-small .text { - color: #fff; -} - -.btn-confirm-small { - /* color: #fff; */ - background: $translatedBlue; - //border: 1px solid #797979; - font-weight: bold; - text-decoration: none; - border-radius: 2px; - font-size: 15px; - margin-right: 3px; - box-sizing: border-box; - width: 120px; - height: 35px; - text-align: center; - left: 6px; - position: relative; - /* top: -4px; */ - /* vertical-align: middle; */ -} - -.btn-confirm-small:hover { - background-color: $translatedBlueHover; - //box-shadow: 0 0 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important; - //border: 1px solid #797979; -} - -.btn-confirm-small .text:before { - content: '\f00c'; - padding-right: 7px; - vertical-align: text-top; -} - -.btn-confirm-small .text { - color: #fff; -} - -.cancel-tm-key-delete.cancelDelete { - margin-left: 7px; - margin-right: -4px; - position: relative; - width: 33px; - height: 33px; - line-height: 35px; -} - -.btn-orange-small.continueDletingMT { - top: 7px; - position: relative; -} - -.btn-confirm-medium { - color: #fff; - background: $translatedBlue; - border: 1px solid #848689; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - border-radius: 2px; - font-size: 18px; - background: -webkit-gradient( - linear, - left top, - left bottom, - from($translatedBlue), - to(#119ec4) - ); - background: -moz-linear-gradient(top, $translatedBlue, #119ec4); - background: linear-gradient(top, $translatedBlue, #119ec4); - margin: 16px 0 16px 20px; - display: inline-block; - text-align: center; - position: relative; -} - -.btn-confirm-medium:hover, -.btn-confirm-small:hover { - cursor: pointer; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; - border: 1px solid #000; -} - -.btn-confirm-medium:active, -.btn-confirm-small:active { - -moz-box-shadow: inset 0 0 1px 1px #888; - -webkit-box-shadow: inset 0 0 1px 1px #888; - box-shadow: inset 0 0 1px 1px #888; -} - -/*******************/ -td.download-glossary-container .uploadloader { - top: 13px; - right: 85px; -} - -.download-container .uploadloader { - right: 200px; - top: 13px; - display: none; -} - -.export-button.disabled { - cursor: default; - pointer-events: none; -} - -span.email-export-email-sent, -span.email-export-email-error, -.mgmt-tm .message-glossary-export-error, -.message-glossary-export-completed { - float: right; - margin-top: 1px; - display: none; -} - -span.email-export-email-error { - color: red; - margin-left: 21px; - line-height: 14px; - text-align: center; - margin-right: 28px; -} - -.btn-grey.canceladd-export { - background: #f26522; - width: 35px; - margin: 0px; - text-align: center; - color: #fff; - &:hover { - background: #c1511c; - } -} - -.canceladd-export:before { - content: '\f00d'; - vertical-align: text-top; -} - -.mgmt-tm tr.tm-key-deleting { - pointer-events: none; - border: 1px solid #f9f903; -} - -/************************/ -.anonymous td.dragrow { - background-image: none !important; - cursor: initial; -} - -/* -#activetm th.privatekey, #inactivetm th.privatekey { - padding-left:15px; - padding-right: 6px; -} -*/ - -.mine .downloadtmx { - display: block !important; -} - -.mgmt-tm .downloadtmx { - /*display: none !important; */ -} - -tr.mine.ui-sortable-helper { - border-bottom: 1px solid #ccc; - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; -} - -/* provvisorio */ -.disabletm { - display: none; -} - -#inactivetm { - cursor: initial; - float: left; -} - -td.no-gutter { - padding: 0 !important; -} - -.dataTables_empty { - width: 1042px; -} - -#inactivetm tbody, -#inactivetm thead { - display: block; -} - -#inactivetm thead { - background: #6d6e71; -} - -.mgmt-container .icon-search { - margin-top: 3px; - margin-left: 8px; -} - -.mgmt-container .search { - padding: 2px; - margin-right: 2px; - display: block; - float: right; - margin-bottom: 10px; -} - -#activetm td, -.activemt td { - background: #e4f2fb !important; -} - -#activetm tr.ownergroup td { - background: #f4f4f4; - color: #999; -} - -#activetm tr.ownergroup td.dragrow .status { - border: none; - cursor: auto; -} - -#activetm tr.uploadfile td { - background: #fff; -} - -#inactivetm td, -table.mgmt-mt td { - background: #f3f3f3; -} - -.mgmt-tm th, -.mgmt-mt th { - padding: 8px 5px; - background: #fff; -} - -#activetm tr.mymemory td, -#activetm tr.ownergroup td { - background-color: #f8f8f8 !important; - right: 0; -} - -.slide-panel td { - padding: 10px 0 10px 10px; - background: #fff; - vertical-align: middle; - border-top: 1px solid #ccc; - box-shadow: inset 0 1px 0 0 #fff; -} - -td.engine-name, -td.enable-mt { - overflow: hidden; -} - -.mgmt-tm td { - /* padding: 10px 0 10px 10px; - vertical-align: middle;*/ - box-sizing: border-box; -} - -.mgmt-tm th { - box-sizing: border-box; -} - -.addtmxrow td, -.new td { - background: #fff !important; -} - -.mgmt-panel select { - width: 230px; - height: 20px; - padding: 5px; - font-size: 13px; - border: 1px solid #ccc; - margin: 1px 0 5px 0; -} - -.btn-confirm { - margin-top: 25px !important; -} - -span.newrow.text-center { - width: 100%; - display: block; -} - -.mgmt-panel h3 { - margin: 0 11px 10px; - font-size: 20px; -} - -.addrow { - width: 100%; -} - -.addrow label { - float: left; -} - -.mgmt-panel p { - line-height: 28px; -} - -p.required { - margin-bottom: -3px; -} - -.mgmt-add-tm input, -.mgmt-add-gl input { - font-size: 12px !important; - height: 22px; - color: #999999; - float: left; - padding: 5px 10px; - border: 1px solid #abadb3; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; -} - -#inactivetm.filtering tbody tr:not(.found) { - display: none !important; -} - -.mgmt-table-mt .icon-info { - font-size: 18px; -} - -.mgmt-table-mt .icon-info:hover #more-info { - display: block !important; -} - -.more-info-tip { - width: auto; - position: absolute; - float: left; - background: #fff; - height: auto; - margin-left: 9%; - margin-top: -35px; - line-height: 20px; - font-size: 14px; - text-align: left; - vertical-align: middle; - border: 1px solid #e0e0e0; - padding: 10px 18px; - border-radius: 6px; -} - -.more-info-tip:after, -.more-info-tip:before { - border: solid transparent; - content: ' '; - height: 0; - width: 0; - margin-left: -36px; - margin-top: -37px; - position: absolute; - z-index: 1; - pointer-events: none; - border-right-color: #fff; - border-width: 9px; -} - -.more-info-tip:before { - border-right-color: #ccc; - margin-left: -37px; - margin-top: 3px; -} - -.insert-tm .canceladdtmx, -.insert-tm .canceladdglossary { - margin: 21px 0; -} - -.nonumber { - display: none; -} - -.disabled .nonumber { - display: block !important; -} - -.disabled .number { - display: none; -} - -.resource { - margin-bottom: -7px; -} - -tr.disabled td { - background: #f3f3f3 !important; -} - -.provider-field.disabled, -.provider-field.disabled:hover { - border: initial; - background: initial; -} - -.mgmt-add-gl input { - width: 225px; - margin-right: 12px; -} - -.clear { - clear: both; -} - -.offline span.msg span { - vertical-align: middle; -} - -.slide-panel table th, -.mgmt-gl th { - background: #6d6e71; - color: #fff; - height: 20px; - line-height: 15px; -} - -.wrapper-dropdown-5 { - position: relative; - outline: none; - background: #dcdedf; - width: 12px; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; - cursor: pointer; - border: 1px solid #666; - border-left: none; - border-radius: 0 2px 2px 0; - text-decoration: none; - text-align: center; - padding: 4px 16px !important; -} - -.wrapper-dropdown-5:after { - /* Little arrow */ - content: ''; - width: 0; - height: 0; - position: absolute; - top: 50%; - right: 10px; - margin-top: -3px; - border-width: 6px 6px 0 6px; - border-style: solid; - border-color: #666 transparent; -} - -.wrapper-dropdown-5 .dropdown { - position: absolute; - top: 102%; - left: -131px; - width: auto; - right: 0; - margin-top: 1px; - border-radius: 0; - border-bottom: none; - transition: all 0.3s ease-out; - max-height: 0; - overflow: hidden; - z-index: 3; - box-shadow: - 0 0 0 #e0e0e0, - 0 0 2px rgba(0, 0, 0, 0.12), - 0 2px 4px rgba(0, 0, 0, 0.24) !important; -} - -.wrapper-dropdown-5:hover { - /*-moz-box-shadow: 0 1px 1px #666;*/ - /*-webkit-box-shadow: 0 1px 1px #666;*/ - /*box-shadow: 0 1px 1px #666;*/ -} - -.header-menu .dropdown form span { - color: #666; - padding: 5px 0px 5px 5px; - margin-right: 3px; -} - -.wrapper-dropdown-5:active { - -moz-box-shadow: inset 0 0 1px 1px #888; - -webkit-box-shadow: inset 0 0 1px 1px #888; - box-shadow: inset 0 0 1px 1px #888; -} - -.wrapper-dropdown-5 .dropdown li, -.dropdown input { - width: 100%; -} - -.header-menu .wrapper-dropdown-5 .dropdown li { - padding: 0 !important; - height: auto !important; -} - -.wrapper-dropdown-5 .dropdown li a, -.dropdown input { - display: block; - text-decoration: none; - background: #fff !important; - color: #666; - text-align: left; - padding: 6px 0px 6px 5px; - transition: all 0.3s ease-out; - border-bottom: 1px solid #e6e8ea; - font-weight: normal; - font-size: 16px; -} - -.wrapper-dropdown-5 .dropdown li a:hover { - background: #f7f8f9; -} - -.wrapper-dropdown-5 .dropdown li:last-of-type a { - border: none; -} - -.wrapper-dropdown-5 .dropdown li i { - margin-right: 5px; - color: inherit; - vertical-align: middle; -} - -/* Hover state */ - -.wrapper-dropdown-5 .dropdown li:hover a, -.wrapper-dropdown-5 .dropdown li:hover input { - color: black; - background: #efefef !important; -} - -/* Active state */ - -.wrapper-dropdown-5.active, -.wrapper-dropdown-5.activeMenu { - box-shadow: none; - color: black; -} - -.wrapper-dropdown-5.active:after, -.wrapper-dropdown-5.activeMenu:after { - border-color: black transparent; -} - -.wrapper-dropdown-5.active .dropdown, -.wrapper-dropdown-5.activeMenu .dropdown { - max-height: 400px; - /* width: 149px; - margin-left: 15px;*/ +.pull-left { + float: left !important; } -.mgmt-panel .mgmt-tm label, -.mgmt-panel .mgmt-mt label { - text-transform: none; - padding-bottom: 5px; - font-weight: bold; +.pull-right { + float: right !important; } -.insert-tm label { - font-size: 16px; - display: inline-block; - margin-top: 20px; - margin-bottom: 5px; - width: 100%; - padding-left: 9px; - &.checkbox-label { - width: auto; - } +.iepopup .logoblack { + background-size: 200px auto; + width: 200px; + height: 50px; } -.insert-tm input { +.iepopup { + width: 800px; + margin: 30px auto; + padding: 30px 0 30px 0; + display: block; + z-index: 999999; background: #fff; - outline: 0; - white-space: initial; - overflow: initial; - text-overflow: initial; - width: 100%; - padding: 8px 8px; + box-shadow: 0px 0px 5px #ccc; border-radius: 2px; - -webkit-box-shadow: inset 0 1px 3px #ddd; - box-shadow: inset 0 1px 3px #ddd; - border: 1px solid rgba(34, 36, 38, 0.15); - box-sizing: border-box; -} - -.insert-tm input:hover { - border-color: rgba(34, 36, 38, 0.35); -} - -.insert-tm input:focus { - border-color: #96c8da !important; - box-shadow: none; - outline: none; -} - -.insert-tm input[type='checkbox'] { - width: 13px; - height: 13px; -} - -.insert-tm { - margin: 0 auto; - overflow: hidden; - margin-bottom: 30px; -} - -.insert-tm h4 { font-size: 18px; - margin: 15px 0 25px; -} - -.contact-box { - border: 1px dashed #ccc; - height: 90px; - border-radius: 4px; - margin-top: 20px; - padding: 2%; -} - -.step1 { - width: 100%; - border-bottom: 1px solid #e1e1e1; + border: 1px solid #ccc; } -.step2 { - width: 49%; +.iepopup img { + border: 0; } -.step2 a#add-mt-provider-confirm.disabled { - box-shadow: none !important; +.iepopup ul a { + padding: 0px 0 0 0; + color: #39699a; + text-decoration: underline; } -.step3 { - width: 48%; - background: #f3f3f3; - display: inline-block; - box-sizing: border-box; - float: left; - margin-left: 29px; - padding: 15px; - margin-top: 20px; +.iepopup a:hover { + text-decoration: none; } -.step3 .continuebtn { +.logoblack { + border: 0; + background: url(/public/img/logo_matecat_big.svg) 0px 2px no-repeat; display: block; - text-align: center; - margin: 15px 0 0px !important; - background: #7eaf3e !important; -} - -.mgmt-table-mt select { -} - -td.mt-provider { - width: 170px; -} - -td.action .btn { - cursor: pointer; - height: 22px; - min-height: 22px; - color: #333 !important; - width: 84px !important; - background: #dcdedf !important; - border-radius: 2px 0 0 2px; - padding: 5px 20px 0 20px !important; - box-sizing: content-box; - text-align: center; - border: 1px solid #848689 !important; -} - -td.action .btn:hover { - -moz-box-shadow: 0 1px 2px #ccc; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; - box-sizing: content-box; - padding: 5px 20px 0 20px !important; - text-align: center; -} - -a.btn.pull-left.addtmx.tmx-import-slider { - padding-right: 36px !important; - padding-left: 36px !important; - margin-left: 6px; -} - -td.action .btn .text { - margin: 0 !important; -} - -a.memory-mgmt.pull-right { - margin-top: 35px; - padding: 0 0 5px 18px; - margin-bottom: 5px; -} - -/* Tabs */ - -.nav-tabs { - border-bottom: 1px solid #ddd; - float: left; + width: 145px; + height: 31px; + background-size: 130px 28px; clear: both; - width: 100%; -} - -.nav-tabs > li { - float: left; - position: relative; - border-radius: 4px 4px 0 0; - background-color: #cdd4de; -} - -.nav > li { - display: block; + margin: 0 auto 10px auto; } -.nav > li > a { - position: relative; - text-decoration: none; - padding: 10px 15px; +.iepopup p { + line-height: 27px; } -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - /* color: #555; */ - /* cursor: default; */ - /* background-color: #fff; */ - /* font-weight: bold; */ - /* margin-top: -5px; */ - /* border: 1px solid #ddd; */ - /* border-bottom-color: transparent; */ - background: #fff; - color: #666; - text-shadow: none; - -moz-box-shadow: none; - -webkit-box-shadow: none; - border-radius: 4px 4px 0 0; - margin: 0px 0 -1px 0; - outline: none; - padding-top: 5px !important; +.hide { + display: none; } -.nav-tabs > li > a { - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; - padding: 4px 20px; - color: #939598; - float: left; +.btn-grey { font-weight: bold; text-decoration: none; - border-right: 1px solid #666; -} - -.text-center { - text-align: center !important; -} - -.mgmt-input { - width: 90%; - padding: 2px 5px; - font-size: 15px !important; - margin-top: 0px; - margin-bottom: 0px; - -moz-border-radius: 2px; + padding: 8px 18px; + margin: 0 5px; border-radius: 2px; - border: 1px solid #999; -} - -.description .mgmt-input { - width: 430px; -} - -.mgmt-panel .block { - margin: 5px 0 10px 0; - text-align: right; - clear: both; - width: 100%; -} - -.addrow-gl { - padding: 0 25px; -} - -input#shared-tm-key { - width: 85%; - margin: 0 0 10px 0; -} - -#activetm input#shared-tm-key, -input.email-export { - width: 170px; - margin: 0; - box-shadow: inset 0 1px 2px #ddd; - -webkit-box-shadow: inset 0 1px 2px #ddd; -} - -input#shared-tm-key { - margin-right: 15px !important; -} - -input.email-export { - width: 200px; -} - -.badkey input#shared-tm-key { - outline: 2px solid red !important; -} - -tr.new.badgrants .fileupload { - border: 3px solid red; -} - -#inactivetm .dataTables_empty { - display: none; -} - -#activetm .startUploading, -#inactivetm .startUploading { - background: url(../../img/loading.gif) 77.5% 16px no-repeat !important; - background-size: 2% !important; -} - -#activetm .uploadprogress, -#inactivetm .uploadprogress { - display: none; - right: 8px; - top: 17px; - position: absolute; -} - -#activetm .uploadprogress .msgText, -#inactivetm .uploadprogress .msgText { - display: block; - float: left; -} - -#activetm .uploadprogress .progress .inner, -#inactivetm .uploadprogress .progress .inner { - display: block; - height: 15px; - margin-bottom: 5px; - width: 0%; - background: #58b551; - border-right: 1px solid #58b551 !important; - border-radius: 0; -} - -#activetm .uploadprogress .progress:after, -#inactivetm .uploadprogress .progress:after { - content: ''; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - background-image: -webkit-gradient( + font-size: 18px; + color: #333; + background: #f6f6f6; + background: -webkit-gradient( linear, - 0 0, - 100% 100%, - color-stop(0.25, rgba(255, 255, 255, 0.2)), - color-stop(0.25, transparent), - color-stop(0.5, transparent), - color-stop(0.5, rgba(255, 255, 255, 0.2)), - color-stop(0.75, rgba(255, 255, 255, 0.2)), - color-stop(0.75, transparent), - to(transparent) - ); - background-image: -webkit-linear-gradient( - -45deg, - rgba(255, 255, 255, 0.2) 25%, - transparent 25%, - transparent 50%, - rgba(255, 255, 255, 0.2) 50%, - rgba(255, 255, 255, 0.2) 75%, - transparent 75%, - transparent - ); - background-image: -moz-linear-gradient( - -45deg, - rgba(255, 255, 255, 0.2) 25%, - transparent 25%, - transparent 50%, - rgba(255, 255, 255, 0.2) 50%, - rgba(255, 255, 255, 0.2) 75%, - transparent 75%, - transparent - ); - background-image: -ms-linear-gradient( - -45deg, - rgba(255, 255, 255, 0.2) 25%, - transparent 25%, - transparent 50%, - rgba(255, 255, 255, 0.2) 50%, - rgba(255, 255, 255, 0.2) 75%, - transparent 75%, - transparent - ); - background-image: -o-linear-gradient( - -45deg, - rgba(255, 255, 255, 0.2) 25%, - transparent 25%, - transparent 50%, - rgba(255, 255, 255, 0.2) 50%, - rgba(255, 255, 255, 0.2) 75%, - transparent 75%, - transparent + left top, + left bottom, + from(#f6f6f6), + to(#e2e3e5) ); - z-index: 1; - -webkit-background-size: 50px 50px; - -moz-background-size: 50px 50px; - background-size: 50px 50px; - -webkit-animation: move 2s linear infinite; - overflow: hidden; -} - -.description textarea { - padding: 3px 4px; - resize: none; - box-shadow: inset 0 1px 2px #ddd; - -webkit-box-shadow: inset 0 1px 2px #ddd; - margin-left: 0px; - margin-top: 4px !important; - width: 450px !important; -} - -tr.new { - vertical-align: top; -} - -tr.new .message { + background: -moz-linear-gradient(top, #f6f6f6, #e2e3e5); + background: linear-gradient(top, #f6f6f6, #e2e3e5); line-height: 20px; - margin-top: 12px; - float: left; - color: green; } -.addrow-tm .block, -.addrow-gl .block { - width: 46%; +.btn-grey, +.btn-grey { + color: $grey2; + background: white; } -.addrow-gl select { - height: 32px; - margin-bottom: 20px; +.clear { + clear: both; } +/* Tabs */ section mark { background: transparent; } @@ -2871,8 +166,7 @@ section mark.searchMarker { /* background: #9ef5f5; */ } -section mark.searchMarker.currSearchItem, -section.currSearchSegment mark.searchMarker { +section mark.searchMarker.currSearchItem { background: #f7d315; /* background: #00c1e6; */ } @@ -2881,7 +175,9 @@ section.currSearchSegment mark.searchMarker { padding: 0; padding-top: 80px; } - +.offline span.msg span { + vertical-align: middle; +} .offline .claim { text-align: center; margin: 0 auto; @@ -2890,7 +186,7 @@ section.currSearchSegment mark.searchMarker { .offline .cat { height: 215px; - background: url(../../img/offline.png) no-repeat center center; + background: url(/public/img/offline.png) no-repeat center center; } .offline header { @@ -2928,201 +224,184 @@ section.currSearchSegment mark.searchMarker { } .extdoc { - background: url(../../img/matecat_file_icons.png) 6px 0 no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px 0 no-repeat !important; } /* .doc, .dot, . docx, .dotx, .docm, .dotm, .odt, .sxw*/ .extppt { - background: url(../../img/matecat_file_icons.png) 6px -34px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -34px no-repeat !important; } /* .pot, .pps, .ppt, .potm, .potx, .ppsm, .ppsx, .pptm, .pptx, .odp, .sxi*/ .exthtm { - background: url(../../img/matecat_file_icons.png) 6px -70px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -70px no-repeat !important; } /* .htm, .html, .xhtml */ .extpdf { - background: url(../../img/matecat_file_icons.png) 6px -104px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -104px no-repeat !important; } /* .pdf */ .extxls { - background: url(../../img/matecat_file_icons.png) 6px -140px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -140px no-repeat !important; } /* .xls, .xlt, .xlsm, .xlsx, .xltx, .ods, .sxc, .csv */ .exttxt { - background: url(../../img/matecat_file_icons.png) 6px -172px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -172px no-repeat !important; } /* .txt */ .extxif { - background: url(../../img/matecat_file_icons.png) 6px -208px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -208px no-repeat !important; } /* .xliff */ .extttx { - background: url(../../img/matecat_file_icons.png) 6px -242px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -242px no-repeat !important; } /* .ttx */ .extitd { - background: url(../../img/matecat_file_icons.png) 6px -276px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -276px no-repeat !important; } /* .itd */ .extxlf { - background: url(../../img/matecat_file_icons.png) 6px -310px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -310px no-repeat !important; } /* .xlf */ .extmif { - background: url(../../img/matecat_file_icons.png) 6px -342px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -342px no-repeat !important; } /* .mif */ .extidd { - background: url(../../img/matecat_file_icons.png) 6px -378px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -378px no-repeat !important; } /* .idml, .inx, .icml */ .extqxp { - background: url(../../img/matecat_file_icons.png) 6px -412px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -412px no-repeat !important; } /* .xtg */ .extxml { - background: url(../../img/matecat_file_icons.png) 6px -446px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -446px no-repeat !important; } /* .xml */ .extrcc { - background: url(../../img/matecat_file_icons.png) 6px -484px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -484px no-repeat !important; } /* .rc */ .extres { - background: url(../../img/matecat_file_icons.png) 6px -516px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -516px no-repeat !important; } /* .resx */ .extsgl { - background: url(../../img/matecat_file_icons.png) 6px -552px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -552px no-repeat !important; } /* .sgml */ .extsgm { - background: url(../../img/matecat_file_icons.png) 6px -584px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -584px no-repeat !important; } /* .sgm */ .extpro { - background: url(../../img/matecat_file_icons.png) 6px -618px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -618px no-repeat !important; } /* .properties */ .extdit { - background: url(../../img/matecat_file_icons.png) 6px -652px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -652px no-repeat !important; } /* .dita */ .exttag { - background: url(../../img/matecat_file_icons.png) 6px -686px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -686px no-repeat !important; } /* .tag */ .exttmx { - background: url(../../img/matecat_file_icons.png) 6px -722px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -722px no-repeat !important; } /* .tmx */ .extstr { - background: url(../../img/matecat_file_icons.png) 6px -758px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -758px no-repeat !important; } /* .str */ .extzip { - background: url(../../img/matecat_file_icons.png) 6px -792px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -792px no-repeat !important; } /* .zip */ .exticml { - background: url(../../img/matecat_file_icons.png) 6px -826px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -826px no-repeat !important; } /* .icml */ .extimg { - background: url(../../img/matecat_file_icons.png) 6px -860px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -860px no-repeat !important; } /* .bmp, .gif, .jpeg, .png, .tiff */ .extwix { - background: url(../../img/matecat_file_icons.png) 6px -894px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -894px no-repeat !important; } /* .wix */ .extsrt { - background: url(../../img/matecat_file_icons.png) 6px -928px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -928px no-repeat !important; } /* .sbv */ .extsbv { - background: url(../../img/matecat_file_icons.png) 6px -1133px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -1133px no-repeat !important; } /* .vtt */ .extvtt { - background: url(../../img/matecat_file_icons.png) 6px -1167px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -1167px no-repeat !important; } /* .srt */ .extpo { - background: url(../../img/matecat_file_icons.png) 6px -962px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -962px no-repeat !important; } /* .po */ .extg { - background: url(../../img/matecat_file_icons.png) 6px -996px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -996px no-repeat !important; } /* .g */ .exts { - background: url(../../img/matecat_file_icons_ts.png) 6px -0px no-repeat !important; + background: url(/public/img/matecat_file_icons_ts.png) 6px -0px no-repeat !important; } /* .ts */ .extgsli { - background: url(../../img/matecat_file_icons.png) 6px -1033px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -1033px no-repeat !important; } /* Google Slides */ .extgdoc { - background: url(../../img/matecat_file_icons.png) 6px -1070px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -1070px no-repeat !important; } /* Google Document */ .extgsheet { - background: url(../../img/matecat_file_icons.png) 6px -1107px no-repeat !important; -} - -/* Google Sheet */ - -@media (max-height: 500px) { - .register-modal { - overflow-x: hidden; - height: 300px; - overflow-y: scroll; - } + background: url(/public/img/matecat_file_icons.png) 6px -1107px no-repeat !important; } -@media (max-height: 300px) { - .preferences-modal { - overflow-x: hidden; - height: 200px; - overflow-y: scroll; - } -} /* retina display query */ @media only screen and (-webkit-min-device-pixel-ratio: 2), @@ -3138,232 +417,155 @@ section.currSearchSegment mark.searchMarker { background-size: 25px; } .extdoc { - background: url(../../img/matecat_file_icons2x.png) 6px 0 no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px 0 no-repeat !important; } /* .doc, .dot, . docx, .dotx, .docm, .dotm, .odt, .sxw*/ .extppt { - background: url(../../img/matecat_file_icons2x.png) 6px -34px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -34px no-repeat !important; } /* .pot, .pps, .ppt, .potm, .potx, .ppsm, .ppsx, .pptm, .pptx, .odp, .sxi*/ .exthtm { - background: url(../../img/matecat_file_icons2x.png) 6px -70px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -70px no-repeat !important; } /* .htm, .html, .xhtml */ .extpdf { - background: url(../../img/matecat_file_icons2x.png) 6px -104px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -104px no-repeat !important; } /* .pdf */ .extxls { - background: url(../../img/matecat_file_icons2x.png) 6px -140px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -140px no-repeat !important; } /* .xls, .xlt, .xlsm, .xlsx, .xltx, .ods, .sxc, .csv */ .exttxt { - background: url(../../img/matecat_file_icons2x.png) 6px -172px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -172px no-repeat !important; } /* .txt */ .extxif { - background: url(../../img/matecat_file_icons2x.png) 6px -208px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -208px no-repeat !important; } /* .xliff */ .extttx { - background: url(../../img/matecat_file_icons2x.png) 6px -242px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -242px no-repeat !important; } /* .ttx */ .extitd { - background: url(../../img/matecat_file_icons2x.png) 6px -276px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -276px no-repeat !important; } /* .itd */ .extxlf { - background: url(../../img/matecat_file_icons2x.png) 6px -310px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -310px no-repeat !important; } /* .xlf */ .extmif { - background: url(../../img/matecat_file_icons2x.png) 6px -342px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -342px no-repeat !important; } /* .mif */ .extidd { - background: url(../../img/matecat_file_icons2x.png) 6px -378px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -378px no-repeat !important; } /* .idml, .inx, .icml */ .extqxp { - background: url(../../img/matecat_file_icons2x.png) 6px -412px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -412px no-repeat !important; } /* .xtg */ .extxml { - background: url(../../img/matecat_file_icons2x.png) 6px -446px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -446px no-repeat !important; } /* .xml */ .extrcc { - background: url(../../img/matecat_file_icons2x.png) 6px -484px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -484px no-repeat !important; } /* .rc */ .extres { - background: url(../../img/matecat_file_icons2x.png) 6px -516px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -516px no-repeat !important; } /* .resx */ .extsgl { - background: url(../../img/matecat_file_icons2x.png) 6px -552px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -552px no-repeat !important; } /* .sgml */ .extsgm { - background: url(../../img/matecat_file_icons2x.png) 6px -584px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -584px no-repeat !important; } /* .sgm */ .extpro { - background: url(../../img/matecat_file_icons2x.png) 6px -618px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -618px no-repeat !important; } /* .properties */ .extdit { - background: url(../../img/matecat_file_icons2x.png) 6px -652px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -652px no-repeat !important; } /* .dita */ .exttag { - background: url(../../img/matecat_file_icons2x.png) 6px -686px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -686px no-repeat !important; } /* .tag */ .exttmx { - background: url(../../img/matecat_file_icons2x.png) 6px -722px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -722px no-repeat !important; } /* .tmx */ .extstr { - background: url(../../img/matecat_file_icons2x.png) 6px -758px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -758px no-repeat !important; } /* .str */ .extzip { - background: url(../../img/matecat_file_icons2x.png) 6px -792px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -792px no-repeat !important; } /* .zip */ .exticml { - background: url(../../img/matecat_file_icons2x.png) 6px -826px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -826px no-repeat !important; } /* .icml */ .extimg { - background: url(../../img/matecat_file_icons2x.png) 6px -860px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -860px no-repeat !important; } /* .bmp, .gif, .jpeg, .png, .tiff */ .extwix { - background: url(../../img/matecat_file_icons2x.png) 6px -894px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -894px no-repeat !important; } /* .srt */ .extsrt { - background: url(../../img/matecat_file_icons2x.png) 6px -928px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -928px no-repeat !important; } /* .sbv */ .extsbv { - background: url(../../img/matecat_file_icons2x.png) 6px -1133px no-repeat !important; - } - /* .vtt */ - .extvtt { - background: url(../../img/matecat_file_icons2x.png) 6px -1167px no-repeat !important; - } - /* .po */ - .extpo { - background: url(../../img/matecat_file_icons2x.png) 6px -962px no-repeat !important; - } - /* .po */ - .extg { - background: url(../../img/matecat_file_icons2x.png) 6px -996px no-repeat !important; - } - /* .g */ - .exts { - background: url(../../img/matecat_file_icons_ts2x.png) 6px 0px no-repeat !important; - } - /* .ts */ - .extgsli { - background: url(../../img/matecat_file_icons2x.png) 6px -1033px no-repeat !important; - } - /* Google Slides */ - .extgdoc { - background: url(../../img/matecat_file_icons2x.png) 6px -1070px no-repeat !important; - } - /* Google Document */ - .extgsheet { - background: url(../../img/matecat_file_icons2x.png) 6px -1107px no-repeat !important; - } - /* Google Sheet */ - - .fileinput-button { - background: $translatedBlue; - } -} - -.active-tm-key-link { - cursor: pointer; - text-decoration: underline; - color: #39699a; -} - -/*.tm-error-message, -.tm-warning-message, -.tm-success-message { - display: none; - -moz-border-radius: 2px; - box-shadow: 0 2px 2px #e2e2e2; - border-radius: 2px; - border: 1px solid #ccc; - line-height: 20px; - padding: 10px 15px; - margin: 10px 0; - background: #fff; - -webkit-transition: 0.3s ease-in-out; - -moz-transition: 0.3s ease-in-out; - -ms-transition: 0.3s ease-in-out; - -o-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} - -.mgmt-panel .notification-message { - margin-top: 70px !important; -} - -.tm-error-message { - border-top: 3px solid #ec3d3d; - background-color: rgb(251, 218, 218); -} - -.tm-warning-message { - border-top: 3px solid #f9f903; - background-color: rgb(255, 254, 216); -} - -p.tm-warning-message { - margin-top: 60px !important; -} - -.tm-success-message { - border-top: 3px solid #4f8a10; - background-color: #d1e0d1; -} - -.fixed-msg { - position: fixed; - top: -35px; - width: 966px; - z-index: 1; -} - -.mgmt-panel .tm-error-message, -.mgmt-panel .tm-warning-message, -.mgmt-panel .tm-success-message { - font-size: 15px; - vertical-align: middle; - line-height: 36px; -} + background: url(/public/img/matecat_file_icons2x.png) 6px -1133px no-repeat !important; + } + /* .vtt */ + .extvtt { + background: url(/public/img/matecat_file_icons2x.png) 6px -1167px no-repeat !important; + } + /* .po */ + .extpo { + background: url(/public/img/matecat_file_icons2x.png) 6px -962px no-repeat !important; + } + /* .po */ + .extg { + background: url(/public/img/matecat_file_icons2x.png) 6px -996px no-repeat !important; + } + /* .g */ + .exts { + background: url(/public/img/matecat_file_icons_ts2x.png) 6px 0px no-repeat !important; + } + /* .ts */ + .extgsli { + background: url(/public/img/matecat_file_icons2x.png) 6px -1033px no-repeat !important; + } + /* Google Slides */ + .extgdoc { + background: url(/public/img/matecat_file_icons2x.png) 6px -1070px no-repeat !important; + } + /* Google Document */ + .extgsheet { + background: url(/public/img/matecat_file_icons2x.png) 6px -1107px no-repeat !important; + } + /* Google Sheet */ -.warning-message { - background: #fffa8b !important; - border-color: #6d6e71; - padding: 10px 0 10px 1%; - text-indent: 0; - width: 98.8%; - color: #000; + .fileinput-button { + background: $translatedBlue; + } } -.tm-warning-message, -.tm-error-message, -.tm-success-message { - margin: 0 0 15px !important; -}*/ @font-face { font-family: 'icomoon'; @@ -3383,15 +585,10 @@ p.tm-warning-message { /* TODO: add icons to main set */ -.icon-copy-key:before { - content: '\e92c'; -} - /* /* mbc extend iconmoon set with icons for matecat chat */ icon-iconmoon:before, -.tagLockCustomize, #logoutlink:before, .btn-confirm-small .text:before, .btn-orange-small .text:before, @@ -3399,55 +596,25 @@ icon-iconmoon:before, [class^="icon-"], [class*=" icon-"], .sorting_desc:after, .sorting_asc:after, -.add-tm:before, -.addtmx .text:before, -.disabletm .text:before, -.addtmxfile .text:before, -.addglossaryfile .text:before, -.usetm .text:before, -.downloadtmx .text:before, -.uploadkey:before, .open-popup-addtm-tr:before, -.tablesorter-headerDesc .tablesorter-header-inner:after, -.tablesorter-headerAsc .tablesorter-header-inner:after, -.privatekey.tablesorter-header .tablesorter-header-inner:after, -.owner.tablesorter-header .tablesorter-header-inner:after, -.description.tablesorter-header .tablesorter-header-inner:after, -.canceladdtmx.btn-grey .text:before, -.canceladdglossary.btn-grey .text:before, -.cancelsharetmx.btn-grey .text:before, -.deleteTM .text:before, .sorting:after, -.splitbtn:before, .x-popup:before, .x-popup2:before, .popup .x-popup:before, .mgmt-panel .x-popup:before, .popup-tm .x-popup:before, -.noticon:after, -.sub-editor .gl-search .set-glossary:before, td.actions a:before, -a.cancel-project:before, a.archive-project:before, -a.resume-project:before, a.unarchive-project:before, -a.activity-log:before, a.unarchive-project:after, -a.resume-project:after, .splitpoint:before, -.mergebtn:before, -.subfile p:before, .notific:before, #clear-all-files:before, #clear-all-gdrive:before, #swaplang:after, .more:before, -.currSegment a:before, .more.minus:before, .close:before, - /* mbc chat */ -.mbc-close-icon:before, - /* mbc chat */ .notific.error:before, .breadcrumbs #pname:before, .delete button:before, @@ -3457,23 +624,18 @@ a.resume-project:after, #add-files:before, .splitpoint-delete:after, #point2seg:after, -.error-symbol:before, .warnings:before, /* mbc chat */ .mbc-warnings:before, /* mbc chat */ -.tab-switcher-al a:before, .text .alternatives:before, .autofillTag:before, header .filter:before, .editToolbar .uppercase:after, .editToolbar .lowercase:after, .editToolbar .capitalize:after, -.more-options:before, .export-button-label:before, -.canceladd-export:before, -.icon-copy-key:before, -.login-modal .login-container-right li:before { +.canceladd-export:before { font-family: 'icomoon'; speak: none; font-style: normal; @@ -3491,12 +653,6 @@ header .filter:before { content: '\f0b0'; } -.usetm .text:before { - content: '\f144'; - padding: 0 10px 0 0; - vertical-align: text-top; -} - .editToolbar .uppercase:after { content: '\ea6c'; font-size: 20px; @@ -3516,52 +672,6 @@ header .filter:before { display: block; } -.segment-options-container { - display: none; -} - -.splitpoint:before { - content: '\f03d'; -} - -.splitpoint:hover .splitpoint-delete:after { - content: '\f00d'; - color: red; - position: absolute; - font-size: 18px; - margin-left: -16px; - margin-top: 3px; -} - -.login-modal .login-container-right li:before { - content: '\ea10'; - margin-left: -40px; - padding: 11px; - color: #3aa9dd; -} - -.icon-tag-expand:before { - content: '...'; - margin-top: -5px; - float: left; -} - -.splitbtn:before { - content: '\f065'; - margin-right: 3px; -} - -.sub-editor .gl-search .set-glossary:before { - content: '\f055'; - transform: rotate(180deg); - display: inline-block; -} - -.mergebtn:before { - content: '\f066'; - margin-right: 3px; -} - .fileupload-buttonbar .fileinput-button:before, #add-files:before { content: '\f067'; @@ -3587,33 +697,19 @@ header .filter:before { font-size: 25px; } -.tab-switcher-al a:before, +.notific.error:before { + content: '\f071'; + font-size: 25px; +} + .warnings:before, .mbc-warnings:before, -.error-symbol:before, .text .alternatives:before { content: '\f071'; color: #d65959; margin-right: 10px; } -.tab-switcher-al a:before { - font-size: 14px; - color: $orangeDefault; -} - -.currSegment a:before { - content: '\f112'; - transform: rotate(180deg); - display: inline-block; - margin-right: 10px; -} - -.notific.error:before { - content: '\f071'; - font-size: 25px; -} - #point2seg:after { content: '\e903'; font-size: 24px; @@ -3631,22 +727,12 @@ header .filter:before { } .more:before, -.more.minus:before, -.more-options:before { +.more.minus:before{ margin-right: 5px; position: relative; top: 2px; } -.more-options:before { - content: '\e8b8'; -} - -.translate-box .more-options:before { - margin-top: -3px; - display: inline-block; -} - .graysmall:hover .trash:before { content: '\f014'; } @@ -3669,67 +755,12 @@ header .filter:before { font-family: Calibri, Arial, Helvetica, sans-serif; } -.more.minus:before { - content: '\f147'; -} - -.canceladdtmx.btn-grey .text:before, -.cancelsharetmx.btn-grey .text:before, -.canceladdglossary.btn-grey .text:before { - content: '\f00d'; - vertical-align: text-top; - color: white; -} - -.insert-tm .canceladdtmx.btn-grey .text:before, -.insert-tm .canceladdglossary.btn-grey .text:before { - padding-right: 8px; -} - -.step1 a#add-mt-provider-cancel .text { - width: unset; -} - -.step1 a#add-mt-provider-cancel .text:before { - padding-right: 0 !important; -} - -.deleteTM .text:before { - content: '\f014'; - padding-right: 5px; - vertical-align: text-top; -} - -.noticon:after { - content: '\e605'; - color: red; - font-size: 18px; - position: absolute; - left: -2px; - top: -1px; - transform: rotate(-45deg); -} - -a.cancel-project:before, -a.resume-project:before { - content: '\f014'; -} - -a.activity-log:before { - content: '\e900'; - font-size: 18px; - vertical-align: top; -} - -a.archive-project:before, a.unarchive-project:before { content: '\e606'; font-size: 14px; } -.noticon:after, -a.unarchive-project:after, -a.resume-project:after { +a.unarchive-project:after { content: '\e607'; color: red; font-size: 16px; @@ -3739,88 +770,12 @@ a.resume-project:after { transform: rotate(-45deg); } -.privatekey.tablesorter-header .tablesorter-header-inner:after, -.owner.tablesorter-header .tablesorter-header-inner:after, -.description.tablesorter-header .tablesorter-header-inner:after { - content: '\f0dc'; - float: right; -} - -.privatekey.tablesorter-headerDesc .tablesorter-header-inner:after, -.owner.tablesorter-headerDesc .tablesorter-header-inner:after, -.description.tablesorter-headerDesc .tablesorter-header-inner:after { - content: '\f0e0'; - float: right; -} - -.privatekey.tablesorter-headerAsc .tablesorter-header-inner:after, -.owner.tablesorter-headerAsc .tablesorter-header-inner:after, -.description.tablesorter-headerAsc .tablesorter-header-inner:after { - content: '\f0dd'; - float: right; -} - .x-popup:before, .x-popup2:before { content: '\f057'; } -.subfile p:before { - content: '\ea58'; - margin-right: 5px; - color: #555; -} - -.add-tm:before { - content: '\f067'; - padding: 0 10px 0 0; -} -.add-shared-tm { - margin-right: 10px; - .icon-owner-shared { - color: white; - padding-right: 8px; - } -} - -.uploadkey:before { - content: '\f00c'; - padding-right: 7px; - vertical-align: text-top; -} - -#inactivetm_filter input { - margin-left: 10px; -} - -th.privatekey.tablesorter-header:hover, -th.owner.tablesorter-header:hover, -th.description.tablesorter-header:hover { - box-shadow: inset 0px 0px 8px #333; - /* border-right: 1px solid #ccc; */ - cursor: pointer; -} - -.disabletm .text:before { - content: '\f056'; - padding-right: 5px; - vertical-align: text-top; -} - -.addtmxfile .text:before, -.addglossaryfile .text:before { - content: '\ea10'; - padding-right: 5px; - vertical-align: text-top; -} - -.addtmxfile .text:before, -.addglossaryfile .text:before { - padding-right: 7px; -} - -.open-popup-addtm-tr:before, -.downloadtmx .text:before { +.open-popup-addtm-tr:before { content: '\e602'; padding-right: 5px; vertical-align: text-top; @@ -3846,10 +801,6 @@ th.description.tablesorter-header:hover { content: '\e001'; } -.icon-format_color_fill:before { - content: '\e23a'; -} - .icon-power-cord:before { content: '\e291'; } @@ -3858,14 +809,6 @@ th.description.tablesorter-header:hover { content: '\e292'; } -.icon-file_download:before { - content: '\e2c4'; -} - -.icon-collections_bookmark:before { - content: '\e431'; -} - .icon-user22:before { content: '\e601'; } @@ -3958,10 +901,6 @@ th.description.tablesorter-header:hover { content: '\f06e'; } -.icon-navicon:before { - content: '\f0c9'; -} - .icon-google-plus-square2:before { content: '\f0d5'; } @@ -3977,11 +916,6 @@ th.description.tablesorter-header:hover { .icon-star-half-empty:before { content: '\f123'; } - -.icon-play-circle:before { - content: '\f144'; -} - .icon-users:before { content: '\e972'; } @@ -4134,9 +1068,6 @@ th.description.tablesorter-header:hover { content: '\f147'; } -.icon-stack-exchange:before { - content: '\f18d'; -} .icon-plus-square-o:before { content: '\f196'; @@ -4171,7 +1102,7 @@ th.description.tablesorter-header:hover { } .icon-gdrive:before { - content: url(../../img/logo-drive-16-gray.png); + content: url(/public/img/logo-drive-16-gray.png); } .icon-preview-bottom-window:before { @@ -4190,23 +1121,14 @@ th.description.tablesorter-header:hover { content: '\ea8e'; } -.icon-go-to-last:before { - content: '\ea8f'; -} - -/* side-popup adjustments */ -body.side-popup { - overflow: hidden !important; -} - @font-face { font-family: Calibri; src: local(Calibri), - url('../fonts/calibri-webfont.woff') format('woff'), - url('../fonts/calibri-webfont.ttf') format('truetype'), - url('../fonts/calibri-webfont.eot'), - url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); + url('/public/css/fonts/calibri-webfont.woff') format('woff'), + url('/public/css/fonts/calibri-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri-webfont.eot'), + url('/public/css/fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); } @font-face { @@ -4214,10 +1136,10 @@ body.side-popup { font-weight: bold; src: local('Calibri Bold'), - url('../fonts/calibri_bold-webfont.woff') format('woff'), - url('../fonts/calibri_bold-webfont.ttf') format('truetype'), - url('../fonts/calibri_bold-webfont.eot'), - url('../fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); + url('/public/css/fonts/calibri_bold-webfont.woff') format('woff'), + url('/public/css/fonts/calibri_bold-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri_bold-webfont.eot'), + url('/public/css/fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); } #menu-site li { @@ -4255,135 +1177,6 @@ body.side-popup { color: #3aa9dd; } -table.left-aligned tr td { - text-align: left; -} - -table.left-aligned tr th { - text-align: left; -} - -/* activity log */ - -.activity-log-page { - header { - .wrapper { - grid-template-columns: 1fr 120px; - } - } -} - -.activity-log-container { - width: 92%; - margin: 0 auto; - padding: 32px 0; -} - -.activity-log-container h1 { - text-align: left; - margin-top: 20px; -} - -.activity-log-container h1:first-child { - font-size: 40px; - margin-top: 30px; -} - -.activity-log-container table td, -.activity-log-container table th { - border-bottom: 1px solid #ccc; - border-left: 1px solid #ccc; - padding: 6px 8px; - margin: 1px 0; - text-align: left; - line-height: 25px; -} - -.activity-log-container table th { - font-size: 16px; - font-weight: bold; - background-color: #efefef; -} - -table.activitylog { - border-top: 1px solid #ccc; - border-right: 1px solid #ccc; -} - -.activity-log-page { - background: #fff; -} - -.activity-log-container table td { - font-size: 15px; -} - -.activity-log-container div.search-container { - float: right; - margin: 10px 0 10px 10px; -} - -.activity-log-container h3 { - display: inline; -} - -.activity-log-container span.search-label { - padding-right: 4px; - font-weight: bold; -} - -.activity-log-container h3 { - margin-bottom: 10px; - font-size: 20px; -} - -.activity-log-entry { - line-height: 20px; - padding: 2% 0 0% 0; - text-align: left; -} - -table.activitylog tr:hover { - background: #f7f8f9; -} - -.tablesorter .filtered { - display: none; -} - -table.activitylog th { - font-family: 'icomoon'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -table.activitylog th.tablesorter-headerAsc .th-inner:after { - content: '\f0dc'; - float: right; -} - -table.activitylog th.tablesorter-headerDesc .th-inner:after { - content: '\f0de'; - float: right; -} - -table.activitylog th .th-inner:after { - content: '\f0dd'; - float: right; -} - -.th-inner span { - font-family: calibri, Arial, Helvetica, sans-serif; - font-weight: bold; -} - .ui.primary.button.button-modal.warning-button.orange.margin.left-10.right-20 { height: 43px; padding: 1px 10px; diff --git a/public/css/sass/commons/_analyze.scss b/public/css/sass/commons/_analyze.scss index 501079941f..d4f73f7cb7 100644 --- a/public/css/sass/commons/_analyze.scss +++ b/public/css/sass/commons/_analyze.scss @@ -202,11 +202,6 @@ body.analyze { text-decoration: none; } } - .custom { - &.popup { - min-width: 90%; - } - } } .word-raw, .matecat-raw { @@ -1076,79 +1071,3 @@ body.analyze { opacity 1s ease; } } - -/* Footer */ -.normal-foo { - background-color: $grey4; - min-width: 992px; - - width: 100%; - position: fixed; - bottom: 0; - left: 0; - z-index: 2; - .footer-body { - display: grid; - position: relative; - grid-column-gap: 24px; - grid-template-columns: 0.6fr 0.6fr 1fr; - align-items: center; - padding: 16px 64px; - height: 77px; - .info { - display: grid; - align-items: center; - grid-template-columns: 40px auto; - grid-column-gap: 8px; - .logo { - background-position: center; - background-size: cover; - } - .description { - color: $grey1; - font-weight: 100; - font-size: 12px; - text-align: left; - line-height: 14px; - .link { - color: #00aee4; - text-decoration: underline; - } - } - } - } - .side-info { - padding: 0 16px; - position: absolute; - display: grid; - align-items: center; - bottom: 0; - right: 0; - width: 419px; - height: 35px; - box-shadow: -2px -2px 12px 0 rgba(198, 198, 198, 0.5); - background-color: #ffffff; - .side-info-body { - display: grid; - grid-template-columns: 80px 80px 80px; - align-items: center; - .item { - a { - margin: 0; - padding: 0; - color: $grey1; - display: block; - text-decoration: underline; - text-align: left; - } - } - } - } -} - -#action-manage { - opacity: 0.8; - &:hover { - opacity: 1; - } -} diff --git a/public/css/sass/commons/_icons.scss b/public/css/sass/commons/_icons.scss index eb3487ee47..f9d63444c8 100755 --- a/public/css/sass/commons/_icons.scss +++ b/public/css/sass/commons/_icons.scss @@ -30,9 +30,6 @@ .icon-go-to-first:before { content: '\ea8e'; } -.icon-go-to-last:before { - content: '\ea8f'; -} .icon-no-preview:before { content: '\ea8d'; } @@ -60,21 +57,12 @@ .icon-error_outline:before { content: '\e001'; } -.icon-format_color_fill:before { - content: '\e23a'; -} .icon-power-cord:before { content: '\e291'; } .icon-power-cord2:before { content: '\e292'; } -.icon-file_download:before { - content: '\e2c4'; -} -.icon-collections_bookmark:before { - content: '\e431'; -} .icon-user22:before { content: '\e601'; } @@ -144,9 +132,6 @@ .icon-eye2:before { content: '\f06e'; } -.icon-navicon:before { - content: '\f0c9'; -} .icon-google-plus-square2:before { content: '\f0d5'; } @@ -159,9 +144,6 @@ .icon-star-half-empty:before { content: '\f123'; } -.icon-play-circle:before { - content: '\f144'; -} .icon-notice:before { content: '\e903'; } @@ -1413,9 +1395,6 @@ .icon-minus-square-o:before { content: '\f147'; } -.icon-stack-exchange:before { - content: '\f18d'; -} .icon-plus-square-o:before { content: '\f196'; } diff --git a/public/css/sass/commons/_manage.scss b/public/css/sass/commons/_manage.scss index 470c7b5d54..e802815a5f 100644 --- a/public/css/sass/commons/_manage.scss +++ b/public/css/sass/commons/_manage.scss @@ -412,10 +412,6 @@ div#manage-container { transition: 0.3s ease; background-color: #ffffff; padding: 8px 15px; - - .outsource.modal .popup { - box-shadow: none; - } .job-id { float: left; min-width: 70px; @@ -882,73 +878,6 @@ div#manage-container { } } -.normal-foo { - background-color: $grey4; - min-width: 992px; - width: 100%; - position: fixed; - bottom: 0; - left: 0; - z-index: 2; - .footer-body { - display: grid; - position: relative; - grid-column-gap: 24px; - grid-template-columns: 0.6fr 0.6fr 1fr; - align-items: center; - padding: 16px 64px; - height: 77px; - .info { - display: grid; - align-items: center; - grid-template-columns: 40px auto; - grid-column-gap: 8px; - .logo { - background-position: center; - background-size: cover; - } - .description { - color: $grey1; - font-weight: 100; - font-size: 12px; - text-align: left; - line-height: 14px; - .link { - color: #00aee4; - text-decoration: underline; - } - } - } - } - .side-info { - padding: 0 16px; - position: absolute; - display: grid; - align-items: center; - bottom: 0; - right: 0; - width: 419px; - height: 35px; - box-shadow: -2px -2px 12px 0 rgba(198, 198, 198, 0.5); - background-color: #ffffff; - .side-info-body { - display: grid; - grid-template-columns: 80px 80px 80px; - align-items: center; - .item { - a { - margin: 0; - padding: 0; - color: $grey1; - display: block; - text-decoration: underline; - text-align: left; - } - } - } - } -} - .modal[data-type='view'] { display: none; } diff --git a/public/css/sass/commons/_matecat_fonts.scss b/public/css/sass/commons/_matecat_fonts.scss index b8218c4ae1..93fa67abe1 100644 --- a/public/css/sass/commons/_matecat_fonts.scss +++ b/public/css/sass/commons/_matecat_fonts.scss @@ -1,17 +1,17 @@ @font-face { font-family: Calibri; - src: local(Calibri), url('../fonts/calibri-webfont.woff') format('woff'), - url('../fonts/calibri-webfont.ttf') format('truetype'), - url('../fonts/calibri-webfont.eot'), - url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); + src: local(Calibri), url('/public/css/fonts/calibri-webfont.woff') format('woff'), + url('/public/css/fonts/calibri-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri-webfont.eot'), + url('/public/css/fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); } @font-face { font-family: Calibri; font-weight: bold; src: local('Calibri Bold'), - url('../fonts/calibri_bold-webfont.woff') format('woff'), - url('../fonts/calibri_bold-webfont.ttf') format('truetype'), - url('../fonts/calibri_bold-webfont.eot'), - url('../fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); + url('/public/css/fonts/calibri_bold-webfont.woff') format('woff'), + url('/public/css/fonts/calibri_bold-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri_bold-webfont.eot'), + url('/public/css/fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); } diff --git a/public/css/sass/_mixins.scss b/public/css/sass/commons/_mixins.scss similarity index 100% rename from public/css/sass/_mixins.scss rename to public/css/sass/commons/_mixins.scss diff --git a/public/css/sass/commons/_nav-bar.scss b/public/css/sass/commons/_nav-bar.scss index e4175de4b9..da471d220e 100644 --- a/public/css/sass/commons/_nav-bar.scss +++ b/public/css/sass/commons/_nav-bar.scss @@ -425,7 +425,7 @@ header { float: left; border: 0; //margin-top: 5px; - background: url(../../img/logo_matecat_big_white.svg) 0px 0px no-repeat; + background: url(/public/img/logo_matecat_big_white.svg) 0px 0px no-repeat; width: 190px; height: 40px; left: 20px; diff --git a/public/css/sass/variables.scss b/public/css/sass/commons/_variables.scss similarity index 100% rename from public/css/sass/variables.scss rename to public/css/sass/commons/_variables.scss diff --git a/public/css/sass/components/CattolFooter.scss b/public/css/sass/components/CattolFooter.scss index 1362b63332..9f26dd2088 100644 --- a/public/css/sass/components/CattolFooter.scss +++ b/public/css/sass/components/CattolFooter.scss @@ -66,4 +66,15 @@ color: $black !important; } } + .stats-foo { + //height: 44px; + background-color: $white; + width: 100%; + //position: fixed; + bottom: 0; + left: 0; + z-index: 2; + display: grid; + min-width: 1024px; + } } diff --git a/public/css/sass/components/Footer.scss b/public/css/sass/components/Footer.scss new file mode 100644 index 0000000000..162b9c2c1d --- /dev/null +++ b/public/css/sass/components/Footer.scss @@ -0,0 +1,78 @@ +.normal-foo { + background-color: $grey4; + min-width: 992px; + width: 100%; + .footer-body { + display: grid; + position: relative; + grid-column-gap: 24px; + padding: 12px 64px; + //grid-template-columns: minmax(auto,440px) auto; + grid-template-columns: minmax(auto, 440px) auto minmax(auto, 440px); + align-items: center; + .info { + display: grid; + align-items: center; + grid-template-columns: 40px auto; + grid-column-gap: 8px; + .image { + display: flex; + align-items: center; + } + .logo { + background-position: center; + background-size: cover; + } + .description { + color: $grey1; + font-weight: 100; + font-size: 12px; + text-align: left; + line-height: 14px; + .link { + color: #00aee4; + text-decoration: underline; + } + } + } + } + .side-info { + margin-top: 4px; + display: flex; + align-items: center; + box-shadow: none; + justify-content: center; + .item { + padding: 0 20px; + display: flex; + gap: 5px; + a { + margin: 0; + color: $grey1; + text-align: left; + font-size: 16px; + font-weight: bold; + text-decoration: none; + display: flex; + align-items: center; + &.email-link { + color: #fff; + background-color: $grey1; + padding: 6px 24px; + border-radius: 2px; + &:hover { + background-color: $grey6; + } + } + } + } + } + .footer-logo { + display: flex; + justify-content: end; + a { + display: flex; + align-items: center; + } + } +} \ No newline at end of file diff --git a/public/css/sass/components/MarkAsCompleteButton.scss b/public/css/sass/components/MarkAsCompleteButton.scss new file mode 100644 index 0000000000..e7a693775a --- /dev/null +++ b/public/css/sass/components/MarkAsCompleteButton.scss @@ -0,0 +1,38 @@ +#markAsCompleteButton.isMarkableAsComplete { + background: $translatedBlue; + color: #fff !important; + width: auto !important; + border-radius: 2px 0 0 2px; + padding: 0 5px !important; + text-transform: uppercase; + margin: 0 !important; +} +input#markAsCompleteButton[disabled] { + background: #d7d7d8; +} + +#markAsCompleteButton { + width: $icon-scale !important; + height: $icon-scale; + text-align: right; + background: transparent; + border: none; + + &.isMarkedComplete { + background-image: url('/public/img/icons/icon-mark-active.svg'); + background-size: cover; + } + &.isMarkableAsComplete { + opacity: 1; + padding: 0 !important; + border-radius: 0; + background: transparent url('/public/img/icons/icon-mark.svg'); + background-size: cover; + } + &.notMarkedComplete { + background: transparent url('/public/img/icons/icon-mark.svg'); + opacity: 0.7; + background-size: cover; + cursor: not-allowed; + } +} diff --git a/public/css/sass/notifications.scss b/public/css/sass/components/NotificationBox.scss similarity index 99% rename from public/css/sass/notifications.scss rename to public/css/sass/components/NotificationBox.scss index 7245240fe2..9d8be47928 100644 --- a/public/css/sass/notifications.scss +++ b/public/css/sass/components/NotificationBox.scss @@ -1,4 +1,4 @@ -@import 'variables'; +@import '../commons/variables'; /******* Notifications ************/ .notifications-position { diff --git a/public/css/sass/review_extended.scss b/public/css/sass/components/ReviewExtendedPanel.scss similarity index 89% rename from public/css/sass/review_extended.scss rename to public/css/sass/components/ReviewExtendedPanel.scss index 5d6aea45aa..9e7f000028 100644 --- a/public/css/sass/review_extended.scss +++ b/public/css/sass/components/ReviewExtendedPanel.scss @@ -1,5 +1,5 @@ -@import 'commons/divider'; -@import 'commons/shadows'; +@import '../commons/divider'; +@import '../commons/shadows'; h1, h2, @@ -239,35 +239,6 @@ article { margin-top: 110px; } } -//article:first-child { -// section { -// &:nth-child(-n+3) { -// .segment-side-container { -// position: absolute; -// text-align: left; -// width: 29%; -// left: 106%; -// display: flex; -// flex-direction: column; -// .mbc-comment-balloon-outer { -// position: relative; -// bottom: -11px !important; -// margin-bottom: -30px; -// .mbc-open-view.mbc-re-messages { -// top: 1px; -// border-top: 12px solid #ffffff; -// border-left: 14px solid transparent; -// border-bottom: unset; -// } -// } -// .review-balloon-container { -// position: relative; -// margin-top: 25px; -// } -// } -// } -// } -//} .re-abb-issue { background: #e5e9f1; @@ -360,7 +331,7 @@ section { margin-right: 10px; color: $grey1 !important; - background: #fff url(../../img/highlighter_icon.png) center center + background: #fff url(/public/img/highlighter_icon.png) center center no-repeat; background-color: white; width: 20px; diff --git a/public/css/sass/components/SettingsPanel.scss b/public/css/sass/components/SettingsPanel.scss new file mode 100644 index 0000000000..79a460b41d --- /dev/null +++ b/public/css/sass/components/SettingsPanel.scss @@ -0,0 +1,10 @@ +@import 'settingsPanel/SettingsPanel'; +@import 'settingsPanel/MachineTranslationTab'; +@import 'settingsPanel/TranslationMemoryGlossaryTab'; +@import 'settingsPanel/SettingsPanelTable'; +@import 'settingsPanel/MessageNotification'; +@import 'settingsPanel/OtherTab'; +@import 'settingsPanel/QualityFrameworkTab'; +@import 'settingsPanel/AnalysisTab'; +@import 'settingsPanel/FileImportTab'; +@import 'settingsPanel/EditorSettingsTab'; diff --git a/public/css/sass/components/bulk-approve-bar/bulk_approve_bar.scss b/public/css/sass/components/bulk-approve-bar/bulk_approve_bar.scss index f8a3fcfcb5..d5f49bf3b0 100644 --- a/public/css/sass/components/bulk-approve-bar/bulk_approve_bar.scss +++ b/public/css/sass/components/bulk-approve-bar/bulk_approve_bar.scss @@ -90,7 +90,7 @@ .loader { width: 20px; height: 20px; - background: url(../../img/loading.gif) 0 0 no-repeat !important; + background: url(/public/img/loading.gif) 0 0 no-repeat !important; position: absolute; bottom: 6px; display: block; diff --git a/public/css/sass/components/common/Dropdown.scss b/public/css/sass/components/common/Dropdown.scss index 8271531433..49680d3588 100644 --- a/public/css/sass/components/common/Dropdown.scss +++ b/public/css/sass/components/common/Dropdown.scss @@ -138,9 +138,13 @@ z-index: 2; margin-top: 14px; - &::after, - &::before { - opacity: 1; + &[aria-label] { + position: absolute; + + &::after, + &::before { + opacity: 1; + } } } diff --git a/public/css/sass/components/header/FilesMenu.scss b/public/css/sass/components/header/FilesMenu.scss index 75f8eda41a..168d4286a2 100644 --- a/public/css/sass/components/header/FilesMenu.scss +++ b/public/css/sass/components/header/FilesMenu.scss @@ -29,19 +29,6 @@ } } -/*scrollbar*/ -.topMenu ::-webkit-scrollbar { - width: 16px; -} - -.topMenu ::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -} - -.topMenu ::-webkit-scrollbar-thumb { - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); -} - .job-menu-files { top: 50px; display: block; diff --git a/public/css/sass/components/header/search.scss b/public/css/sass/components/header/search.scss index 3998fa9632..1bd4656bef 100644 --- a/public/css/sass/components/header/search.scss +++ b/public/css/sass/components/header/search.scss @@ -51,14 +51,12 @@ -moz-transition: all 100ms ease-in; } - .search-input:hover, - .search-editarea:hover { + .search-input:hover { -moz-box-shadow: inset 0 1px 1px #e6e7e8; -webkit-box-shadow: inset 0 1px 1px #e6e7e8; } - .search-input:focus, - .search-editarea:focus { + .search-input:focus { -moz-box-shadow: inset 0 1px 2px #ccc; -webkit-box-shadow: inset 0 1px 2px #ccc; color: #000; diff --git a/public/css/sass/components/header/segmentsFilter.scss b/public/css/sass/components/header/segmentsFilter.scss index ba725b1570..3183c506e6 100644 --- a/public/css/sass/components/header/segmentsFilter.scss +++ b/public/css/sass/components/header/segmentsFilter.scss @@ -398,7 +398,7 @@ section.muted .segment-side-buttons { .loader { width: 20px; height: 20px; - background: url(../../img/loading.gif) 0 0 no-repeat !important; + background: url(/public/img/loading.gif) 0 0 no-repeat !important; position: absolute; bottom: 0px; display: block; diff --git a/public/css/sass/components/pages/ActivityLogPage.scss b/public/css/sass/components/pages/ActivityLogPage.scss new file mode 100644 index 0000000000..f25d48e056 --- /dev/null +++ b/public/css/sass/components/pages/ActivityLogPage.scss @@ -0,0 +1,121 @@ +@import 'NewProjectPage'; + +.activity-log-content { + display: flex; + flex-direction: column; + text-align: left; + padding: 50px 25px; + gap: 15px; + height: calc(100vh - 120px); + + h1, + h2 { + margin: 0; + } +} + +.activity-log-table { + height: 100%; + overflow-y: auto; + border: 1px solid $grey8; + + .activity-log-table-columns-name, + .activity-log-table-columns-content { + display: grid; + grid-template-columns: 10% 15% 8% 8% 12% 15% 16% 16%; + text-align: left; + + > * { + display: flex; + align-items: center; + + > span { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + + .activity-log-table-columns-name { + position: sticky; + top: 0; + font-weight: bold; + } + + .activity-log-table-columns-content { + > * { + height: 40px; + border: 1px solid $grey8; + border-top: unset; + padding: 10px; + border-left: unset; + } + + > *:last-child { + border-right: unset; + } + + &:nth-child(odd) { + background-color: $grey5; + } + } + + .activity-table-column-order { + background-color: $grey9; + border: 1px solid $grey8; + padding: 5px; + justify-content: space-between; + cursor: pointer; + user-select: none; + } + + .activity-table-column-order-asc { + svg { + transform: rotate(180deg); + } + } + + .activity-table-column-empty-state { + padding: 20px; + text-align: center; + } +} + +.activity-log-filter-column { + display: flex; + justify-content: space-between; + align-items: end; + + .activity-log-filter-column-container { + display: flex; + align-items: end; + gap: 5px; + + .select-with-label__wrapper { + width: 160px; + + label { + color: $grey6; + } + + .select { + font-size: 14px; + padding: 5px; + + &:hover { + border-color: rgba($grey8, 0.8); + box-shadow: none; + } + } + } + + .activity-log-filter-column-input { + width: 250px; + font-size: 14px; + border-radius: 2px; + border: 1px solid $grey2; + padding: 7px; + } + } +} diff --git a/public/css/sass/components/pages/AnalyzePage.scss b/public/css/sass/components/pages/AnalyzePage.scss new file mode 100644 index 0000000000..b275df4c62 --- /dev/null +++ b/public/css/sass/components/pages/AnalyzePage.scss @@ -0,0 +1,25 @@ +@import "../../common-main"; +@import '../../commons/filter-teams'; +@import '../../commons/icons'; +@import '../../commons/shadows'; +@import '../../commons/project'; +@import '../../commons/divider'; +@import '../../commons/progress-mc-bar'; +@import '../../commons/buttons'; +@import '../signin/OnBoarding'; + +@import '../../modals/split_modal'; + +@import '../../commons/sub-header'; +@import '../../commons/team-member'; + +@import '../../commons/analyze'; +@import '../../commons/outsource'; +@import '../../commons/date-picker-translator'; +@import '../common/CookieConsent'; +@import '../common/Tooltip'; +@import '../common/Button'; +@import '../common/LabelWithTooltip'; +@import '../common/Switch'; +@import '../common/Accordion'; +@import '../Analyze/JobAnalyze'; \ No newline at end of file diff --git a/public/css/sass/legacy-misc.scss b/public/css/sass/components/pages/ApiDocPage.scss similarity index 89% rename from public/css/sass/legacy-misc.scss rename to public/css/sass/components/pages/ApiDocPage.scss index 5ffcf1b17b..fdb2ecde56 100644 --- a/public/css/sass/legacy-misc.scss +++ b/public/css/sass/components/pages/ApiDocPage.scss @@ -69,14 +69,6 @@ h3 { margin-bottom: 4px !important; } -.error-symbol { - position: absolute; - margin: 42px 0 0 -30px; - display: block; - width: 23px; - height: 23px; -} - .field { float: left; width: 35%; @@ -93,25 +85,6 @@ h3 { color: #000 !important; } -table .btn { - width: auto !important; - padding: 0px 20px 0 20px !important; -} - -th.header { - background: #efefef url(../../img/bg.gif) right center no-repeat !important; -} - -th.headerSortUp, -th.tablesorter-headerAsc { - background: #efefef url(../../img/asc.gif) right center no-repeat !important; -} - -th.headerSortDown, -th.tablesorter-headerDesc { - background: #efefef url(../../img/desc.gif) right center no-repeat !important; -} - .searchbox { margin-top: 18px !important; } @@ -289,7 +262,7 @@ table { } .logosmall { - background: url(../../img/logo_matecat_small.svg) no-repeat; + background: url(/public/img/logo_matecat_small.svg) no-repeat; padding-top: 30px; background-size: 45px; } @@ -348,7 +321,7 @@ code { } .missing-outsource-data { - background: url(../../img/loading-black.gif) 40px 10px no-repeat; + background: url(/public/img/loading-black.gif) 40px 10px no-repeat; background-size: 20px; background-position: center; } @@ -691,44 +664,6 @@ blockquote { text-overflow: ellipsis; overflow: hidden; } -.pee-page .tablesorter-filter-row input { - width: 100%; -} -.pee-page tr.tablesorter-headerRow th { - padding: 15px 0 !important; -} -.pee-page th.tablesorter-headerUnSorted { - background: #efefef url(https://www.matecat.com/public/img/bg.gif) right - center no-repeat !important; -} - -.pee-page .tablesorter-filter-row { - background: #f4f4f4; -} - -.pee-page select { - width: 100%; - height: 23px; - background: #fff; -} - -.pee-page div.selectContainer { - width: 92%; - margin: 0 auto; -} - -.pee-page div.selectContainer .dropdown { - width: 200px !important; -} - -.pee-page .notfound { - width: 100%; - margin: 20px auto; - font-size: 26px; - font-style: italic; - color: #999; -} - .chart-container { width: 1200px; margin: 0 auto; diff --git a/public/css/sass/components/pages/CattoolPage.scss b/public/css/sass/components/pages/CattoolPage.scss new file mode 100644 index 0000000000..8a14954223 --- /dev/null +++ b/public/css/sass/components/pages/CattoolPage.scss @@ -0,0 +1,48 @@ +@import '../../common-main'; +@import '../../commons/icons'; +@import '../../commons/buttons'; +@import '../../commons/aria-label-tooltip'; +@import "../../common"; +@import '../../style'; +@import '../../commons/progress-mc-bar'; +@import '../../mbc-style'; +@import '../../lexiqa'; +@import '../segment/SegmentFooterTabMessages'; +@import '../MarkAsCompleteButton'; +@import '../header/segmentsFilter'; +@import '../ReviewExtendedPanel'; +//components +@import '../segment/segment'; +@import '../segment/segmentFooter'; +@import '../segment/segmentFooterTabGlossary'; +@import '../segment/issuesContainer'; +@import '../segment/tagsMenu'; +@import '../segment/Tag'; +@import '../segment/TooltipInfo'; +@import '../segment/Glossary'; +@import '../segment/Editor'; +@import '../bulk-approve-bar/bulk_approve_bar'; +@import '../header/search'; +@import '../header/qaComponent'; +@import '../header/header'; +@import '../SegmentsContainer'; +@import '../header/FilesMenu'; +@import '../segment/segmentFooterTabAiAssistant'; +@import '../CattolFooter'; +@import '../signin/OnBoarding'; + +@import '../../cattool'; + +@import '../../speech2text'; + +@import '../../commons/tooltip'; + +@import '../SettingsPanel'; + + + + + + + + diff --git a/public/css/sass/components/pages/DashboardPage.scss b/public/css/sass/components/pages/DashboardPage.scss new file mode 100644 index 0000000000..d8505b7e8c --- /dev/null +++ b/public/css/sass/components/pages/DashboardPage.scss @@ -0,0 +1,19 @@ +@import "../../common-main"; +@import '../../commons/filter-teams'; +@import '../../commons/icons'; +@import '../../commons/project'; +@import '../../commons/shadows'; +@import '../../commons/divider'; +@import '../../commons/progress-mc-bar'; +@import '../../commons/buttons'; + +@import '../../modals/split_modal'; +@import '../../commons/sub-header'; +@import '../../commons/team-member'; +@import '../../commons/manage'; +@import '../../commons/outsource'; +@import '../../commons/date-picker-translator'; +@import '../common/TeamModal'; +@import '../header/TeamDropdown'; +@import '../UserProjectDropdown'; +@import '../signin/OnBoarding'; diff --git a/public/css/sass/upload-main.scss b/public/css/sass/components/pages/NewProjectPage.scss similarity index 73% rename from public/css/sass/upload-main.scss rename to public/css/sass/components/pages/NewProjectPage.scss index b5d95940c6..8245d2bb7f 100644 --- a/public/css/sass/upload-main.scss +++ b/public/css/sass/components/pages/NewProjectPage.scss @@ -1,37 +1,20 @@ -@import 'vendor_mc/semantic/matecat_semantic'; +@import '../../common-main'; -@import 'variables'; +@import '../../commons/buttons'; +@import '../../commons/filter-teams'; +@import '../../commons/icons'; +@import '../../commons/team-member'; +@import '../../commons/aria-label-tooltip'; +@import '../../commons/tooltip'; -@import 'commons/buttons'; -@import 'commons/filter-teams'; -@import 'commons/icons'; -@import 'commons/nav-bar'; -@import 'commons/team-member'; +@import '../../common'; +@import '../../modals/language-selector'; +@import '../common/HomePageSection'; +@import '../../upload-page'; +@import '../signin/OnBoarding'; +@import '../Footer'; -@import 'common-main'; -@import 'common'; -@import 'popup'; -@import 'commons/tooltip'; -@import 'modals/language-selector'; -@import 'commons/aria-label-tooltip'; -@import 'components/common/HomePageSection'; -@import 'common-components'; -@import 'upload-page'; -@import 'components/common/Select'; -@import 'components/common/Dropdown'; -@import 'components/common/CookieConsent'; -@import 'components/common/Switch'; -@import 'components/common/MenuButton'; -@import 'components/common/Tooltip'; -@import 'components/common/Button'; -@import 'components/common/Popover'; -@import 'components/common/LabelWithTooltip'; -@import 'components/common/EmailsBadge'; -@import 'components/common/SegmentedControl'; -@import 'components/common/Accordion'; -@import 'components/signin/OnBoarding'; - -@import 'settingsPanel'; +@import '../SettingsPanel'; .new_project__page { overflow-y: auto; @@ -168,25 +151,6 @@ display: inline-block; } } - div#add-tmx-option:hover, - div#add-multiple-lang:hover { - background: rgba(0, 0, 0, 0.05); - } - div#add-tmx-option, - div#add-multiple-lang { - cursor: pointer; - color: #39699a; - font-size: 14px; - margin: 0; - padding: 15px; - .icon { - float: right; - font-size: 24px; - margin-top: -3px; - margin-right: 1px; - color: #39699a; - } - } div.item { width: 100%; min-width: 128px; @@ -194,10 +158,6 @@ overflow: hidden; text-overflow: ellipsis; padding-right: 10px !important; - span.item-key-id { - color: #757575; - clear: both; - } span { line-height: 17px; } @@ -214,16 +174,6 @@ overflow: hidden; text-overflow: ellipsis; font-size: 16px; - .item-key-id { - margin-top: 0px; - float: none; - } - .item-key-name { - color: initial; - margin-top: 0px; - margin-right: 5px; - float: none; - } } .divider { margin: 0 !important; @@ -255,16 +205,6 @@ } } } - .item-key-id { - color: #757575; - } - .item-key-name { - color: initial; - max-width: 145px !important; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } .text .multiple-tm { display: block; } @@ -326,25 +266,6 @@ width: 150px; } } - div#add-tmx-option:hover, - div#add-multiple-lang:hover { - background: rgba(0, 0, 0, 0.05); - } - div#add-tmx-option, - div#add-multiple-lang { - cursor: pointer; - color: #39699a; - font-size: 14px; - margin: 0; - padding: 15px; - .icon { - float: right; - font-size: 24px; - margin-top: -3px; - margin-right: 1px; - color: #39699a; - } - } div.item { width: 100%; min-width: 128px; @@ -352,10 +273,6 @@ overflow: hidden; text-overflow: ellipsis; padding-right: 10px !important; - span.item-key-id { - color: #757575; - clear: both; - } span { line-height: 17px; } @@ -371,16 +288,6 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - .item-key-id { - margin-top: 0px; - float: none; - } - .item-key-name { - color: initial; - margin-top: 0px; - margin-right: 5px; - float: none; - } } .divider { margin: 0 !important; @@ -392,11 +299,6 @@ width: 140px; } } - .translate-box.settings { - .more-options { - margin: 0; - } - } .translate-box.tmx-select { margin-right: 0; } diff --git a/public/css/sass/quality-report.scss b/public/css/sass/components/pages/QualityReportPage.scss similarity index 94% rename from public/css/sass/quality-report.scss rename to public/css/sass/components/pages/QualityReportPage.scss index bfa9837c50..4dbdda6c5e 100644 --- a/public/css/sass/quality-report.scss +++ b/public/css/sass/components/pages/QualityReportPage.scss @@ -1,23 +1,16 @@ -@import 'vendor_mc/semantic/matecat_semantic'; -@import 'commons/icons'; -@import 'commons/shadows'; -@import 'commons/divider'; -@import 'commons/progress-mc-bar'; -@import 'commons/buttons'; -@import 'commons/nav-bar'; -@import 'common-main'; -@import 'common-components'; -@import 'components/signin/OnBoarding'; -@import 'common'; -@import 'components/segment/tagsMenu'; -@import 'components/segment/Tag'; -@import 'components/header/header'; -@import 'components/segment/Tag'; -@import 'components/common/Switch'; -@import 'components/common/Button'; -@import 'components/common/LabelWithTooltip'; -@import 'components/common/Accordion'; -@import 'style'; +@import '../../common-main'; +@import '../../commons/icons'; +@import '../../commons/shadows'; +@import '../../commons/divider'; +@import '../../commons/progress-mc-bar'; +@import '../../commons/buttons'; +@import '../signin/OnBoarding'; +@import '../../common'; +@import '../segment/tagsMenu'; +@import '../segment/Tag'; +@import '../header/header'; +@import '../segment/Tag'; +@import '../../style'; $color-red: #fb2a0d; $color-orange: #fbaa0d; @@ -741,54 +734,6 @@ header { } } -/*Placeholder*/ - -.softReturn { - display: inline; - margin-left: 6px; - padding: 1px 2px 3px 40px; - background-image: url(../../img/soft-return1.png); - background-size: 16px; - background-repeat: no-repeat; - background-position: center left; - width: 20px; - position: relative; -} -.hardReturn { - display: inline; - margin-left: 6px; - padding: 1px 2px 3px 40px; - background-image: url(../../img/hard-return.png); - background-size: 16px; - background-repeat: no-repeat; - background-position: center left; - width: 20px; - position: relative; -} - -.tab-marker { - color: #999; - margin-left: 4px; - margin-right: 4px; - position: relative; - top: 2px; -} - -.space-marker, -.nbsp-marker { - color: #ccc; - position: relative; - left: 4px; - padding-right: 12px; - opacity: 0.2; - top: 3px; - font-size: 15px; - background: url(../../img/dot.png) 0 0 no-repeat; - background-size: 6px; -} - -/*End Placehoder*/ - .qr-filter-list { display: flex; align-items: center; @@ -1007,12 +952,6 @@ header { } } -footer { - #statistics { - display: none; - } -} - .no-segments-found { text-align: center; margin: 15px 0; diff --git a/public/css/sass/components/pages/SignInPage.scss b/public/css/sass/components/pages/SignInPage.scss new file mode 100644 index 0000000000..557c773d88 --- /dev/null +++ b/public/css/sass/components/pages/SignInPage.scss @@ -0,0 +1,5 @@ + +@import '../../common-main'; +@import '../../common'; +@import '../signin/OnBoarding'; + diff --git a/public/css/sass/segment-notes.scss b/public/css/sass/components/segment/SegmentFooterTabMessages.scss similarity index 98% rename from public/css/sass/segment-notes.scss rename to public/css/sass/components/segment/SegmentFooterTabMessages.scss index 6a892c683a..5ee92cab92 100644 --- a/public/css/sass/segment-notes.scss +++ b/public/css/sass/components/segment/SegmentFooterTabMessages.scss @@ -35,7 +35,7 @@ div.segment-notes ul.graysmall li span.note-label { max-width: 380px; max-height: 260px; min-height: 170px; - background-image: url(../../img/loading.gif); + background-image: url(/public/img/loading.gif); background-size: 30px 30px; background-repeat: no-repeat; background-position: 50%; diff --git a/public/css/sass/components/segment/segment.scss b/public/css/sass/components/segment/segment.scss index 31d822af3a..2f87b65e67 100644 --- a/public/css/sass/components/segment/segment.scss +++ b/public/css/sass/components/segment/segment.scss @@ -110,7 +110,7 @@ section { .header-segment-saving-loader { width: 16px; height: 16px; - background: url(../../img/loading.gif); + background: url(/public/img/loading.gif); background-size: cover; } } diff --git a/public/css/sass/components/settingsPanel/MachineTranslationTab.scss b/public/css/sass/components/settingsPanel/MachineTranslationTab.scss index 8dfefd3a5f..2fa6b4b946 100644 --- a/public/css/sass/components/settingsPanel/MachineTranslationTab.scss +++ b/public/css/sass/components/settingsPanel/MachineTranslationTab.scss @@ -439,7 +439,7 @@ .spinner { position: absolute; - background: url(../../img/loading.gif) 48% top no-repeat !important; + background: url(/public/img/loading.gif) 48% top no-repeat !important; background-size: 26px 26px !important; width: 26px; height: 26px; diff --git a/public/css/sass/components/settingsPanel/SettingsPanel.scss b/public/css/sass/components/settingsPanel/SettingsPanel.scss index 7d25480ebe..88120ebdb2 100644 --- a/public/css/sass/components/settingsPanel/SettingsPanel.scss +++ b/public/css/sass/components/settingsPanel/SettingsPanel.scss @@ -74,7 +74,7 @@ } .settings-panel-header-logo { - background: url(../../img/logo_matecat_small_white.svg) no-repeat; + background: url(/public/img/logo_matecat_small_white.svg) no-repeat; background-position-y: center; background-size: contain; width: 35px; diff --git a/public/css/sass/editlog.scss b/public/css/sass/editlog.scss deleted file mode 100644 index bce7cac19f..0000000000 --- a/public/css/sass/editlog.scss +++ /dev/null @@ -1,72 +0,0 @@ -#current_page { - font-weight: bold; - font-size: 1.1em; -} - -#pagination_box { - position: absolute; - left: 35%; - width: 30%; -} - -#pagination_box nav { - float: none; - text-align: center; -} - -#pagination_box nav ul { - position: relative; - width: 100%; - margin: 0 auto; - overflow: hidden; -} - -#pagination_box nav li { - border: 0; - text-align: center; - display: inline-block; - float: none; - margin: 0 auto; - overflow: hidden; - text-align: center; -} - -#pagination_box nav li a { - text-decoration: none; -} - -#sort_box { - padding: 20px 10px 30px 10px; -} - -#sort_box label { - padding-right: 20px; - font-size: 18px; -} - -.translate-box select, -.mgmt-table-mt select { - width: 257px; - height: 37px; - padding: 5px; - font-size: 18px; - border: 1px solid #ccc; - margin: 0 0 5px 0; -} - -.article.msg { - width: 100%; - margin: 20px auto; - font-size: 26px; - font-style: italic; - color: #999; -} - -.invalid_td { - background-color: #ee6633; - border: 2px solid #ee6633; -} - -.ui.user.label { - top: 1px; -} diff --git a/public/css/sass/main.scss b/public/css/sass/main.scss deleted file mode 100644 index c03fae755e..0000000000 --- a/public/css/sass/main.scss +++ /dev/null @@ -1,52 +0,0 @@ -@import 'vendor_mc/semantic/matecat_semantic'; -@import 'commons/colors'; -@import 'commons/matecat_fonts'; -@import 'commons/icons'; -@import 'commons/buttons'; -@import 'commons/aria-label-tooltip'; -@import 'common-main'; -@import "common"; -@import 'style'; -@import 'commons/progress-mc-bar'; -@import 'mbc-style'; -@import 'lexiqa'; -@import 'segment-notes'; -@import 'project-completion-feature'; -@import 'editlog'; -@import 'components/header/segmentsFilter'; -@import 'review_extended'; -//components -@import 'commons/nav-bar'; -@import 'components/segment/segment'; -@import 'components/segment/segmentFooter'; -@import 'components/segment/segmentFooterTabGlossary'; -@import 'components/segment/issuesContainer'; -@import 'components/segment/tagsMenu'; -@import 'components/segment/Tag'; -@import 'components/segment/TooltipInfo'; -@import 'components/segment/Glossary'; -@import 'components/segment/Editor'; -@import 'components/bulk-approve-bar/bulk_approve_bar'; -@import 'components/header/search'; -@import 'components/header/qaComponent'; -@import 'components/header/header'; -@import 'components/SegmentsContainer.scss'; -@import 'components/header/FilesMenu'; -@import 'components/common/FilenameLabel'; -@import 'components/common/SegmentedControl'; -@import 'components/segment/segmentFooterTabAiAssistant'; -@import 'components/common/Button'; -@import 'components/common/Popover'; -@import 'components/common/LabelWithTooltip'; -@import 'components/common/EmailsBadge'; -@import 'components/common/Accordion'; -@import 'components/CattolFooter'; -@import 'components/signin/OnBoarding'; - -@import 'cattool'; - -@import 'speech2text'; - -@import 'commons/tooltip'; - -@import 'settingsPanel'; diff --git a/public/css/sass/manage_main.scss b/public/css/sass/manage_main.scss deleted file mode 100644 index dce9ed8c81..0000000000 --- a/public/css/sass/manage_main.scss +++ /dev/null @@ -1,25 +0,0 @@ -@import 'vendor_mc/semantic/matecat_semantic'; - -@import "common-main"; -@import 'commons/filter-teams'; -@import 'commons/nav-bar'; -@import 'commons/icons'; -@import 'commons/project'; -@import 'commons/shadows'; -@import 'commons/divider'; -@import 'commons/progress-mc-bar'; -@import 'commons/buttons'; - -@import 'common-modals'; -@import 'common-components'; -@import 'modals/split_modal'; -@import 'commons/sub-header'; -@import 'commons/team-member'; -@import 'commons/manage'; -@import 'commons/outsource'; -@import 'commons/date-picker-translator'; -@import 'components/common/TeamModal'; -@import 'components/common/Accordion'; -@import 'components/header/TeamDropdown'; -@import 'components/UserProjectDropdown'; -@import 'components/signin/OnBoarding'; diff --git a/public/css/sass/mbc-style.scss b/public/css/sass/mbc-style.scss index d5d5aaf5ef..36a1cee445 100644 --- a/public/css/sass/mbc-style.scss +++ b/public/css/sass/mbc-style.scss @@ -12,23 +12,6 @@ box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3); } -/*section.editor .mbc-comment-balloon-inner { - margin-top: -25px; -}*/ - -/* Give breathing space to the last comment ballon in page */ -//.mbc-comment-balloon-outer:last-of-type { -// margin-bottom: 100px; -//} - -/* - ****** - Post new comment - ****** - */ -.mbc-reply-input { - background: #ffffff; -} /* ****** @@ -118,15 +101,6 @@ padding-bottom: 2px; } -/* - Email past comment details - */ -.mbc-comment-email-label { - color: #7f7f7f; - font-weight: normal; - width: 90%; /* set width below 100% and allow truncation */ -} - /* Message past comment details */ @@ -137,41 +111,6 @@ word-wrap: break-word; } -/* - ****** - New incoming message notification - ****** - */ - -.mbc-new-message-notification { - background-color: #fff9cc; - color: #6d6e71; - font-size: 14px; - left: 0; - line-height: 2.2; - position: absolute; - text-align: center; - top: -31px; - width: 100%; -} - -/* New message link */ -a.mbc-new-message-link:link, -a.mbc-new-message-link:visited { - color: #6d6e71; - text-decoration: underline; -} - -a.mbc-new-message-link:hover { - text-decoration: none; -} - -.mbc-new-message-icon { - font-size: 14px; - font-weight: bold; - padding: 0 6px 0 0; -} - /* ****** ****** @@ -256,27 +195,6 @@ a.mbc-new-message-link:hover { padding: 2px 0; } -.mbc-comment-textinput { - background: #fff; - border: 1px solid #999; - border-radius: 2px; - -webkit-box-shadow: inset 0 1px 2px #ddd; - box-shadow: inset 0 1px 2px #ddd; - font-size: 14px; - height: auto; - margin: 0 0 2px; - outline: 0; - overflow: initial; - padding: 2px 5px; - text-overflow: initial; - white-space: initial; -} - -.mbc-comment-textinput:hover { - box-shadow: 0px 0px 0px 1px #ccc; - cursor: text; -} - /* ****** ****** @@ -315,11 +233,6 @@ a.mbc-new-message-link:hover { padding: 2px 5px 2px 0; } -//.mbc-comment-anonymous-label:hover { -// box-shadow: 0px 0px 0px 1px #ccc; -// cursor: text; -//} - /* ****** Resolved labels @@ -339,109 +252,6 @@ a.mbc-new-message-link:hover { font-weight: bold; } -/* - ****** - ****** - Buttons - ****** - ****** - */ - -/* - ****** - Common button - ****** - */ -a:link.mbc-comment-btn, -a:visited.mbc-comment-btn, -a.ui.button { - &.mbc-comment-btn { - border-radius: 2px; - cursor: pointer; - display: inline-block; - font-size: 14px; - font-weight: bold; - margin: 10px 0 0; - text-decoration: none; - text-transform: uppercase; - border: 1px solid #848689; - padding: 8px 10px; - } -} -/* - ****** - Button default - ****** - */ -a:link.mbc-comment-default-btn, -a:visited.mbc-comment-default-btn { - background: #dcdedf; - border: 1px solid #999; - color: #333; -} - -a:hover.mbc-comment-default-btn { - border: 1px solid #666; -} - -a:active.mbc-comment-default-btn { - border: 1px solid #000; /* .btn:active line 643 style.css */ -} - -/* - ****** - Comment button in comment balloon - Now follows translated button common.css line 1188 - ****** - */ -a.mbc-comment-send-btn:link, -a.mbc-comment-send-btn:visited { - background: -webkit-gradient( - linear, - left top, - left bottom, - from($translatedBlue), - to(#119ec4) - ); - background: -moz-linear-gradient(top, $translatedBlue, #119ec4); - background: linear-gradient(top, $translatedBlue, #119ec4); - border: 1px solid #848689; - color: #fff; -} - -a.mbc-comment-send-btn:hover { - background: #12b4df; - border: 1px solid #000; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; -} - -a.mbc-comment-send-btn:active { - -moz-box-shadow: inset 0 0 1px 1px #888; - -webkit-box-shadow: inset 0 0 1px 1px #888; - box-shadow: inset 0 0 1px 1px #888; -} - -/* - ****** - Resolve button in comment balloon - ****** - */ -a.mbc-comment-resolve-btn, -a.mbc-comment-resolve-btn:visited { - background: #dcdedf; - border: 1px solid #999; - color: #333; -} - -a.mbc-comment-resolve-btn:hover, -a.mbc-comment-resolve-btn:active { - box-shadow: - 0 0 0 #e0e0e0, - 0 0 2px rgba(0, 0, 0, 0.12), - 0 2px 4px rgba(0, 0, 0, 0.24) !important; -} - a.ui.button.mbc-comment-delete-btn { margin-right: 8px; } @@ -466,16 +276,6 @@ a.mbc-comment-link-btn:active { text-decoration: none; } -/* - ****** - Login invitation link in comment balloon - ****** - */ -a.mbc-login-link:link, -a.mbc-login-link:visited { - padding: 0 4px 10px 0; -} - /* ****** View link in history balloon @@ -501,47 +301,6 @@ a.mbc-view-link:visited { margin-bottom: 6px; } -/* - ****** - ****** - Close icon duplicate - ****** - ****** - */ - -/* style.css line 1612 */ -a.mbc-close-icon:link, -a.mbc-close-icon:visited { - background: #fff; - border-radius: 20px; - color: #aeaeae; - display: block; - font-size: 15px; - height: 14px; - padding: 0; - position: absolute; - right: 8px; - text-decoration: none; - top: 0; - vertical-align: middle; - width: 14px; -} - -a.mbc-close-icon:hover { - background: red; - color: #fff; - text-align: center; -} - -.mbc-close-icon:before { - content: '\ea0d'; - display: block; - margin-left: -1px; - margin-top: 0px; - text-align: center; - vertical-align: middle; -} - /* ****** ****** @@ -625,46 +384,6 @@ a.mbc-close-icon:hover { top: 5px; } -/* - Highlight element in header unique properties - */ -.mbc-comment-highlight-history { - color: #6d6e71; - position: absolute; - right: 7px; - top: 10px; -} - -.mbc-comment-highlight-history:hover { - color: #6d6e71; -} - -/* - Highlight element in history balloon unique properties - */ -.mbc-comment-highlight-balloon-history { - color: #6d6e71; - float: right; -} - -/* - ****** - ****** - Article state follwing comment balloon activation - ****** - ****** - */ - -/* - ****** - Commenting opened. Article width reduced and room made for comment ballon - ****** - */ -article section { - //-webkit-backface-visibility: hidden; - //-webkit-transition: width .2s ease; - //transition: width .2s ease; -} /* ****** @@ -774,14 +493,6 @@ article .mbc-comment-balloon-outer { margin-bottom: 10px; } -.mbc-comment-segment-number-label { - display: block; - font-size: 12px; - font-weight: bold; - margin-bottom: 16px; - text-transform: uppercase; -} - .mbc-history-balloon { background-color: rgba(247, 247, 247, 1); /* #ffffff */ padding: 0; @@ -805,22 +516,6 @@ article .mbc-comment-balloon-outer { overflow-y: auto; } -/* - ****** - ****** - Helpers - ****** - ****** - */ - -.pull-left { - float: left; -} - -.pull-right { - float: right; -} - /* Truncate text in label */ @@ -840,15 +535,6 @@ article .mbc-comment-balloon-outer { box-sizing: border-box; } -.divider { - background-color: #dadada; - display: block; /* for use on default inline elements like span */ - height: 1px; - margin: 0; - overflow: hidden; - width: 100%; -} - /* ****** Triangle in balloon @@ -965,18 +651,6 @@ Close icon ballon - Right panel clear: both; } -/* - ****** - Display and visibility helpers - ****** - */ -.mbc-hide { - display: none !important; -} - -.mbc-visible { - display: block !important; -} /* ****** Pure css solution to hide and unhide the button diff --git a/public/css/sass/modals/PreferenceModal.scss b/public/css/sass/modals/PreferenceModal.scss index 05c317cc3b..ffb36ebcd3 100644 --- a/public/css/sass/modals/PreferenceModal.scss +++ b/public/css/sass/modals/PreferenceModal.scss @@ -238,6 +238,4 @@ .user-info-form .grey-txt { color: $grey1; } -.reset-password.btn-confirm-medium { - float: left; -} + diff --git a/public/css/sass/modals/split_modal.scss b/public/css/sass/modals/split_modal.scss index 9be95521d7..d0d6bc1efc 100644 --- a/public/css/sass/modals/split_modal.scss +++ b/public/css/sass/modals/split_modal.scss @@ -155,10 +155,6 @@ background: #ccc; } - .uploadbtn { - float: right; - } - .split-box2 { display: none; width: 670px; @@ -332,17 +328,6 @@ background: #ccc !important; } - .uploadloader { - background: url(../../img/loader.gif) center center no-repeat; - width: 20px; - height: 20px; - float: right; - margin-top: 11px; - position: absolute; - right: 86px; - background-size: 20px 20px; - } - .btn-cancel { padding: 2px 15px !important; float: right; diff --git a/public/css/sass/popup.scss b/public/css/sass/popup.scss index b33ef4bc31..47bf5877ad 100644 --- a/public/css/sass/popup.scss +++ b/public/css/sass/popup.scss @@ -1,16 +1,6 @@ /*popup*/ .modal, #modal { - .popup-outer { - background: #000; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 12; - opacity: 0.4; - } .popup { overflow: hidden; line-height: 30px; @@ -71,7 +61,7 @@ overflow: visible; max-height: inherit; font-size: 24px; - //background: #002b5c url(../../img/logo-onlycat-white.svg) 12px 12px no-repeat; + //background: #002b5c url(/public/img/logo-onlycat-white.svg) 12px 12px no-repeat; padding: 10px 10px 7px 64px; background-size: 40px; /* border-bottom: 1px solid #000; */ @@ -112,25 +102,6 @@ border-radius: 0 0 0 6px; } - .login-google .outer, - .login-google-drive .outer { - margin-top: 10px; - } - - .login-google .popup-box, - .login-google-drive .popup-box { - width: 100%; - min-height: 100px; - } - - /* SPLIT JOB POPUP */ - - /* .popup-confirm,*/ - /* .popup-alert {*/ - /*margin:-200px 0 0 -250px;*/ - /*position:fixed;*/ - /*}*/ - .btn-ok, .btn-cancel { color: #fff; @@ -160,1754 +131,4 @@ cursor: pointer; background-color: $grey3 !important; } - - /* outsource popup */ - - &.outsource .popup { - width: 100%; - margin: 0 !important; - padding-bottom: 10px; - box-sizing: content-box; - top: 25%; - left: 50%; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 14px; - position: static !important; - } - - &.outsource .popup-box { - text-align: left; - padding: 0 20px; - margin: 0 auto; - width: auto !important; - overflow: hidden; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; - } - - &.outsource .out-email, - &.outsource .out-date { - padding: 0.7em 0.6em; - display: inline-block; - border: 1px solid #ccc; - box-shadow: inset 0 1px 3px #ddd; - border-radius: 2px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 20px; - font-size: 15px; - color: #333; - width: 70%; - margin: 2%; - } - - &.outsource .out-email:focus, - &.outsource .out-date:focus { - border-color: #85b7d9; - background: #ffffff; - color: rgba(0, 0, 0, 0.8); - border-radius: 2px; - outline: none; - } - - select:focus { - border-color: #85b7d9 !important; - background: #ffffff; - color: rgba(0, 0, 0, 0.8); - outline: none; - } - - select:active { - border-color: #85b7d9; - background: #ffffff; - color: rgba(0, 0, 0, 0.8); - outline: none; - } - - &.outsource .out-link { - padding: 0.7em 0.6em; - display: inline-block; - border: 1px solid #ccc; - box-shadow: inset 0 1px 3px #ddd; - border-radius: 2px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 20px; - font-size: 15px; - color: #777; - width: 70%; - margin: 2%; - background-color: #f1f1f1; - } - - &.outsource .out-link.from-manage { - padding: 0.7em 0.6em; - display: inline-block; - border: 1px solid #ccc; - box-shadow: none; - border-radius: 2px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 20px; - font-size: 15px; - color: #333; - width: 95.4%; - margin: 2%; - background-color: #f1f1f1; - box-shadow: inset 0 1px 3px #ddd; - } - - &.outsource .out-email, - &.outsource .out-date { - width: 33%; - float: left; - } - - &.outsource p { - margin: 0; - font-size: 16px; - } - - .translator_info p { - text-align: left; - font-size: 15px !important; - } - - p.translator_name { - font-size: 16px !important; - } - - .addrevision h4, - .addrevision span { - display: inline-block; - margin: 0; - } - - .translator_bio { - width: 100%; - float: left; - } - - &.outsource h2 { - font-size: 24px; - font-weight: bold; - padding: 0; - margin: 15px 0; - font-family: 'calibri', Arial, Helvetica, sans-serif; - } - - .onyourown h2, - .contact_box h2 { - width: 100%; - padding: 1% 0%; - } - - .onyourown a.uploadbtn.in-popup { - margin: 2% 2.5% 2% 2% !important; - width: 160px; - } - - &.outsource.loading .delivery { - background: url(../../img/loader.gif) #f6f6f6 center center no-repeat; - background-size: 20px; - } - - &.outsource.loading .tprice { - background: url(../../img/loader.gif) #f6f6f6 center 30px no-repeat; - background-size: 20px; - padding-top: 47px; - } - - &.outsource.loading .translator_info_box { - background: url(../../img/loader.gif) center 20px no-repeat; - background-size: 20px; - padding-top: 45px; - border-left: none; - } - - .outsourced .delivery_details .time, - .outsourced .tprice .displayprice, - .outsourced .tprice .euro:not(.currency_per_word) { - color: green !important; - } - - &.outsource .standardbtn.checkstatus { - float: left; - background: #fff !important; - color: #333; - width: 160px !important; - margin: 10px 20px 0 !important; - } - - .outsourced .outsource_notify { - float: right; - color: green; - font-size: 20px; - font-weight: bold; - margin-right: 10px; - } - - &.outsource.loading .tprice.compress { - padding: 133px 1% 6px 1%; - } - - .pricebox .tprice.compress { - padding: 20px 1% 5px 1%; - } - - &.outsource.loading .delivery_details, - &.outsource.loading .displayprice, - &.outsource.loading .euro, - &.outsource.loading .addrevision .revision_delivery, - &.outsource.loading .addrevision .revision_price_box, - &.outsource.loading .translator_info, - &.outsource.loading .displaypriceperword, - &.outsource.loading .more { - display: none; - } - - &.outsource.loading .outsourceto:not(.translatorNotAvailable) .trustbox1 { - margin-bottom: 22px !important; - } - - &.outsource.loading .outsourceto.translatorNotAvailable .trustbox1 { - display: none; - } - - .outs h2 { - background-size: 180px; - height: 41px; - margin-top: 20px; - margin-bottom: -10px; - width: 180px; - } - - .revealprices .uploadbtn { - background: #7eaf3e; - width: auto; - float: left; - margin: -10px 0 5px 40% !important; - } - - .revealprices img { - width: 140px; - } - - body.showingOutsourceTo { - overflow: hidden !important; - } - - .split-box3 .total:hover { - border: none; - box-shadow: none; - -moz-box-shadow: none; - -webkit-box-shadow: none; - } - - .paylater, - .gmt { - font-size: 14px; - font-weight: normal; - float: left; - clear: both; - margin-top: -10px; - } - - .delivery span { - font-size: 25px; - font-weight: bold; - } - - .delivery { - font-size: 16px !important; - font-weight: normal; - } - - .tprice span { - font-weight: bold; - font-size: 40px; - padding-top: 10px; - } - - .tprice span.currency_per_word { - font-size: 15px !important; - font-weight: normal !important; - } - - .tprice { - font-size: 22px !important; - font-weight: bold; - } - - .pricebox .heading { - margin-top: 15px; - text-align: left; - padding: 5px 2%; - margin: 0 auto; - overflow: hidden; - background: #efefef; - border-bottom: 1px solid #ccc; - } - - .guaranteed_by { - background-color: #fff; - padding: 3px 2% 2px 2%; - text-align: left; - width: 33%; - float: left; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-flex; - display: flex; - height: 136px; - } - - .guaranteed_by p { - font-size: 14px !important; - line-height: 22px; - padding: 0; - } - - .pricebox .outsourceto .guaranteed_by img { - width: 115px; - margin: 0 5px; - vertical-align: middle; - } - - .pricebox .outsourceto .guaranteed_by img { - width: 115px; - margin: 0 5px; - vertical-align: middle; - } - - &.outsource .standardbtn { - background: #f4f4f4 !important; - color: #333; - } - - &.outsource a:hover { - text-decoration: none !important; - /*color: red;*/ - } - - .contact_box h3 { - font-size: 18px; - } - - .contact_box p { - float: left; - margin-top: 3px !important; - } - - .contact_box .standardbtn { - margin: 10px 2% !important; - width: 160px !important; - } - - .revision_price_box { - width: 26%; - font-size: 20px; - text-align: center; - font-weight: bold; - } - - div.modal-outsource-datepicker .x-popup2 { - color: #666; - position: absolute; - right: 8px; - top: 0; - text-decoration: none; - } - - div.modal-outsource-datepicker .x-popup2:hover { - color: red; - } - - span.revision_delivery { - width: 38%; - text-align: center; - } - - .addrevision h4 { - font-size: 20px; - margin: 0 10px; - width: 31%; - } - - .pricebox .copytext p:first-child { - margin-top: 0 !important; - } - - .pricebox .copytext { - float: left; - width: 58%; - padding-right: 2%; - } - - .outsourceto { - float: left; - width: 100%; - border-top: 1px solid #ccc; - text-align: center; - margin-top: 15px !important; - } - - .pricebox .tprice, - .pricebox .delivery { - text-align: center; - } - - .pricebox .tprice { - padding: 20px 1% 12px 1%; - } - - .pricebox .delivery { - padding: 2.5% 2% 2% 2%; - } - - .delivery.compress { - padding: 0; - } - - .offer { - margin: 0 auto; - overflow: hidden; - width: 100%; - background: #f8f8f8; - } - - .border { - background: #fafafa; - border: 1px solid #ccc; - border-radius: 4px; - margin: 0 auto; - overflow: hidden; - } - - .heading img { - float: right; - height: 25px; - padding: 2px; - } - - .delivery_label { - font-size: 19px; - } - - .contact_box { - border-top: 1px dashed #ccc; - margin: 15px auto 0; - overflow: hidden; - padding: 1% 2% 0; - } - - .onyourown, - .outsourceto { - border: 1px solid #ccc; - border-radius: 3px; - margin: 0 auto; - overflow: hidden; - } - - .onyourown.opened-send-translator { - border-radius: 3px 3px 0px 0px; - } - - .outsource .heading h3 { - float: left; - font-size: 20px; - margin-bottom: 0; - line-height: 30px; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; - } - - .onyourown h2, - .contact_box h2 { - border-bottom: 1px solid #ccc; - width: 97%; - padding: 1% 2%; - } - - .contact_box h3 { - float: left; - margin-right: 10px; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; - } - - .pricebox .continuebtn { - clear: both; - float: none; - width: 160px; - margin: 10px auto 0 auto !important; - overflow: hidden; - } - - .paymentinfo p { - font-size: 15px; - } - - .translator_info a, - .delivery a, - .contact_box p a { - color: #0d8fb2 !important; - text-decoration: underline; - cursor: pointer; - } - - .guaranteed_by a.more { - color: #333 !important; - text-decoration: none; - cursor: pointer; - font-weight: normal !important; - float: right; - } - - .guaranteed_by a.more span { - font-weight: normal !important; - text-decoration: underline !important; - } - - .pricebox.compress #forceDeliveryContainer { - top: 500px; - } - - .guaranteed_by a { - color: #333; - } - - a.needitfaster { - font-weight: bold; - display: block; - } - - .translator_info a { - float: left; - } - - a.hide_translator { - float: right; - } - - .outsourceto:not(.outsourced) .blink { - -webkit-animation-name: blinker; - -webkit-animation-duration: 0.4s; - -webkit-animation-timing-function: linear; - -moz-animation-name: blinker; - -moz-animation-duration: 0.4; - -moz-animation-timing-function: linear; - animation-name: blinker; - animation-duration: 0.4; - animation-timing-function: linear; - } - - @-moz-keyframes blinker { - 0% { - background: transparent; - } - 50% { - background: rgb(255, 255, 153); - } - 100% { - background: transparent; - } - } - - @-webkit-keyframes blinker { - 0% { - background: transparent; - } - 50% { - background: rgb(255, 255, 153); - } - 100% { - background: transparent; - } - } - - @keyframes blinker { - 0% { - background: transparent; - } - 50% { - background: rgb(255, 255, 153); - } - 100% { - background: transparent; - } - } - - .translator_info_box { - width: 46%; - padding: 0% 0% 0% 3%; - float: left; - margin-top: 0%; - border-left: 1px solid #ececec; - margin-left: 4%; - } - - .pricebox .translator_info, - .pricebox .tprice, - .pricebox .delivery, - .pricebox .torder { - float: left; - } - - .guaranteed_by.expanded { - width: 70%; - } - - .guaranteed_by.expanded .trust_text { - float: left; - width: 46%; - } - - .pricebox .tprice { - width: calc(24% - 1px); - } - - .pricebox .torder { - width: 20%; - margin-top: 15px; - padding: 1%; - } - - .pricebox .delivery { - width: 33%; - min-height: 100px; - border-right: 1px solid #ccc; - } - - .guaranteed_by.expanded { - width: 70%; - border-right: 1px solid #ccc; - height: auto; - min-height: 194px; - padding-bottom: 21px !important; - padding-top: 7px !important; - } - - .pricebox .delivery.compress { - width: 94%; - line-height: 24px; - background: transparent; - border-top: 1px solid #ccc; - margin: 6px; - padding: 6px 0px; - min-height: 10px; - line-height: 22px; - } - - .delivery.compress .delivery_label { - font-size: 15px; - } - - .revision_delivery, - .revision_price_box { - opacity: 0.4; - } - - .addrevision h4 { - opacity: 0.6; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; - } - - .addrevision.noopacity { - opacity: 1; - background-color: #f8f8f8; - -webkit-transition: background-color 1000ms linear; - -moz-transition: background-color 1000ms linear; - -o-transition: background-color 1000ms linear; - -ms-transition: background-color 1000ms linear; - transition: background-color 1000ms linear; - } - - .addrevision.noopacity h4 { - opacity: 1 !important; - } - - .noopacity .revision_delivery, - .noopacity .revision_price_box { - opacity: 0; - } - - .delivery.compress span { - font-size: 17px; - } - - .delivery.compress { - border-right: none; - } - - .pricebox .tprice .tpricetitle { - border-bottom: 1px solid #ccc; - font-size: 22px !important; - padding-bottom: 5px; - margin-bottom: 10px; - } - - .tpricedesc { - margin-top: -10px; - } - - .references, - .paymentinfo { - text-align: center; - padding: 5px 0; - display: inline-block; - width: 100%; - background-color: #fff; - text-align: left; - padding-left: 20px; - } - - .references > img { - width: 23%; - padding-left: 1.5%; - padding-right: 1.5%; - -webkit-filter: grayscale(100%); - -moz-filter: grayscale(100%); - filter: grayscale(100%); - } - - .translator_bio a { - font-size: 13px; - } - - .translator_bio p { - border-bottom: 1px dashed #ccc; - padding: 5px 0px 5px 0; - margin-right: 20px !important; - width: 100%; - float: left; - line-height: 20px; - } - - .translator_bio p:last-child { - border-bottom: none; - } - - .translator_name { - border-bottom: 1px solid #ccc; - font-size: inherit !important; - display: inline-block; - float: left; - width: 100%; - text-align: left; - } - - .references > img:hover { - width: 23%; - padding-left: 1.5%; - padding-right: 1.5%; - -webkit-filter: grayscale(0%); - -moz-filter: grayscale(0%); - filter: grayscale(0%); - } - - span.label_info { - float: left; - width: 76%; - font-weight: bold; - /* color: #7A7A7A; */ - } - - span.subjects { - width: 74% !important; - } - - span.subjects, - span.experience, - span.translated_words, - span.score_number { - float: right; - width: 24%; - text-align: right; - } - - .translator_bio > p:nth-child(3) > span.label_info { - width: 24%; - } - - .tprice span.displaypriceperword { - font-weight: normal !important; - font-size: 15px !important; - margin: -13px 0 -5px; - display: block; - } - - .tprice span.displaypriceperword .price_p_word { - font-size: 15px; - font-weight: normal; - } - - .addrevision { - float: left; - width: 98%; - border-top: 1px solid #ccc; - text-align: left; - padding: 5px 0% 5px 2%; - background: #fff; - } - - span.zone, - span.zone2 { - font-size: 14px; - font-weight: normal; - } - - span.zone2 { - font-size: 12px; - } - - .pricebox .tprice .euro, - .pricebox .tprice .displayprice { - display: inline; - } - - .pricebox .tprice, - .pricebox delivery { - line-height: 30px; - } - - .tprice.compress .delivery_container { - display: block; - } - - .tprice .delivery_container { - display: none; - } - - .compress .offer > .delivery_container { - display: none; - } - - .showpricesloading { - float: right; - width: 160px; - height: 23px; - margin: 2% 2.5% 2% 2% !important; - padding: 5px 10px !important; - } - - .uploadbtn.showprices { - margin: 2% 2.5% 2% 2% !important; - width: 160px; - } - - .paybox { - font-size: 13px !important; - margin-bottom: 0; - margin-top: 0; - } - - a.changeTimezoneTrigger { - float: right; - font-weight: normal; - margin-left: 10px; - } - - a.changeTimezoneTrigger, - a.changecurrency { - color: #666; - text-decoration: underline; - cursor: pointer; - margin-left: 10px; - background-color: #fff; - border: 1px solid #ccc; - padding: 0px 12px; - border-radius: 4px; - } - - select#changeTimezone, - #changecurrency, - a.changecurrency { - float: right; - } - - select#changeTimezone, - #changecurrency { - width: 14%; - margin-right: 1%; - border: 1px solid #ccc; - height: 30px; - font-size: 13px; - font-family: Arial; - } - - select#changeTimezone { - width: 90px; - margin-right: 10px; - } - - .hide { - display: none; - } - - &.outsource .hide { - display: none !important; - } - - .revision_currency { - margin-right: 5px !important; - } - - .tprice [data-currency='RUB'], - .tprice [data-currency='BRL'], - .tprice [data-currency='JPY'], - .tprice [data-currency='KRW'] { - font-size: 30px !important; - } - - /* end outsource */ - - table.chunks { - overflow: hidden; - border: 2px solid #ccc; - background: #fefefe; - width: 100%; - border-collapse: collapse; - } - - table.chunks th, - table.chunks td { - padding: 0.5em 1em; - border: 1px solid #ccc; - } - - .thead { - background: #f6f6f6; - } - - table.chunks th:last-child { - width: 15%; - } - - table.chunks tr:last-child { - background: #fff; - } - - table.chunks td.last { - border-right: none; - } - - table.chunks td { - border-top: 1px solid #e0e0e0; - border-right: 1px solid #e0e0e0; - } - - table .chunks tr:first-child { - background: #e7e7e7; - } - - .footer-popup ul li { - display: inline; - } - - .footer-popup a { - font-size: 13px; - padding-right: 20px; - } - - .footer-popup { - border-top: 1px solid #ccc; - clear: both; - margin-top: 30px; - padding: 4px 0px 0px; - } - - /* scroll pop-up - .outsourcemodal .popup-box { - overflow-y: auto; - max-height: 525px; - } - */ - - .noselect { - -webkit-appearance: none; - border: none; - pointer-events: none; - background: transparent !important; - } - - .deliverychange, - .currencychange { - font-size: 12px; - text-decoration: underline; - color: blue; - display: block; - cursor: pointer; - } - - @media screen and (min-height: 715px) { - .contact_box { - margin-bottom: 10px; - } - } - - @media screen and (max-height: 715px) and (min-height: 600px) { - &.outsource .popup { - top: 25%; - } - &.outsource .popup-box { - overflow-y: visible; - max-height: 590px; - } - } - - @media screen and (max-height: 650px) and (min-height: 600px) { - &.outsource .popup-box { - overflow-y: visible; - max-height: 540px; - } - - &.outsource .popup { - top: 27%; - } - } - - @media screen and (max-height: 600px) { - &.outsource .popup { - zoom: 0.8; - top: 2%; - /*margin: 0 0 0 -400px; */ - } - - #forceDeliveryContainer { - top: 425px !important; - } - - .guaranteed_by.expanded { - width: calc(70% - 1px); - } - .guaranteed_by { - width: calc(32% - 1px); - } - &.outsource .popup-box { - overflow-y: visible; - max-height: 560px; - } - - &.outsource .popup p { - background-size: 200px; - background-position: 300px 35px; - padding: 0 !important; - } - .pricebox .total { - margin-top: -40px; - } - } - - .tooltip span { - font-size: 15px; - line-height: 20px; - font-weight: normal; - /* background-color: #f8f8f8; */ - } - - .compress .tooltip.gray span { - left: -197px; - } - - .compress .tooltip span:before, - .compress .tooltip span:after { - left: 87%; - } - - .tooltip:hover span { - opacity: 1; - top: -150px; - } - - a.tooltip.gray { - background: #eee; - text-decoration: none; - color: #333; - } - - a.tooltip.gray span { - background: #eee; - font-size: 15px; - } - - a.tooltip.gray span:after { - border-top: 10px solid #eee; - } - - /* force delivery */ - - .modal-outsource-datepicker { - height: 215px; - width: 520px; - background: #ffffff; - border: 5px solid #f4f4f4; - border-radius: 4px; - position: absolute; - z-index: 10001; - color: #fff; - padding: 20px; - top: 120px; - left: 435px; - zoom: 0.9; - z-index: 99999999999999999999; - text-align: left; - -moz-box-shadow: 0 0px 11px #888; - -webkit-box-shadow: 0 0px 11px #888; - } - - #forceDeliveryContainer { - top: 385px; - left: 465px; - } - - .modal-outsource-datepicker .title { - font-size: 220%; - margin: 0px 0 10px 0px; - color: #002f65; - border-bottom: 1px solid #ccc; - padding: 5px 0 8px 11px; - background: #b1c7d6; - float: none; - line-height: 1; - } - - #SnapABug_WP { - z-index: 100000000000000000000000000000000 !important; - } - - .modal-outsource-datepicker .delivery-auto { - width: 635px; - height: auto; - padding: 10px; - border: 1px solid #ccc; - margin: 10px 10px 0px 10px; - border-radius: 3px; - background-color: #cedbe5; - color: #999; - } - - .modal-outsource-datepicker tbody:nth-child(3) tr td:not(.empty) { - border-top: 0 !important; - } - - .modal-outsource-datepicker .delivery-auto h2 { - font-size: 24px; - margin: 0 0 10px 0; - color: #002f65; - } - - .modal-outsource-datepicker .delivery-auto h2 label { - cursor: pointer; - } - - .modal-outsource-datepicker .delivery-auto p { - font-size: 16px; - margin: -5px 0 0 10px; - } - - .modal-outsource-datepicker .delivery-manual { - vertical-align: baseline; - line-height: 1; - color: #999; - } - - .modal-outsource-datepicker .delivery-manual br { - line-height: 1.15; - } - - .modal-outsource-datepicker .delivery-manual h2 { - font-size: 24px; - margin: 0 0 10px 0; - color: #002f65; - } - - .modal-outsource-datepicker .delivery-manual h2 label { - cursor: pointer; - } - - .modal-outsource-datepicker .delivery-manual-date { - float: left; - width: 240px; - height: 200px; - } - - .modal-outsource-datepicker .delivery-manual-date h3 { - text-align: left; - margin-left: 20px; - font-size: 19px; - font-weight: normal; - margin: 0px 0 10px 15px; - line-height: 100%; - } - - .modal-outsource-datepicker .delivery-manual-time { - float: left; - width: 255px; - height: 200px; - margin: 0px 10px 0px 0; - } - - .modal-outsource-datepicker .delivery-manual-time h3 { - text-align: left; - margin-left: 20px; - font-size: 17px; - font-weight: normal; - margin: 0px 0 6px 12px; - line-height: 100%; - color: #333; - } - - .modal-outsource-datepicker .delivery-manual-time select { - width: 250px; - margin-left: 12px; - color: #333; - } - - .modal-outsource-datepicker .delivery_manual_error, - .modal-outsource-datepicker .delivery_not_available, - .modal-outsource-datepicker .delivery_before_time { - opacity: 0.87; - color: red; - margin-left: 12px; - text-align: right; - font-weight: bold; - font-size: 14px; - margin-top: 5px; - position: absolute; - padding-bottom: 13px; - z-index: 100000; - } - - .modal-outsource-datepicker .delivery_manual_error div, - .modal-outsource-datepicker - .delivery_not_available - div - .modal-outsource-datepicker - .delivery_before_time - div { - width: 225px; - text-align: left; - font-size: 13px; - font-weight: bold; - border-radius: 6px; - } - - .modal-outsource-datepicker #delivery_before_time { - color: green; - } - - .modal-outsource-datepicker select { - border: 1px solid #ccc; - height: 30px; - font-size: 12px; - font-family: Arial; - } - - .modal-outsource-datepicker .clear { - clear: both; - } - - .modal-outsource-datepicker input[type='button'], - .modal-outsource-datepicker .btn-cancel { - width: auto !important; - float: right !important; - margin-top: 25px !important; - margin-right: 35px; - } - - a.btn-cancel.in-popup.cancelForceDelivery { - margin-right: 40px !important; - height: 15px; - } - - a.btn-cancel.in-popup.cancelForceDelivery:hover { - margin-right: 40px !important; - color: #333333; - } - - .modal-outsource-datepicker .delivery-selected { - color: #000 !important; - } - - .modal-outsource-datepicker .tprice { - width: 250px; - box-shadow: none; - } - - .updatedprice { - font-size: 20px !important; - margin-bottom: 5px; - padding: 0 10px 5px; - font-weight: normal; - } - - .deliverybuttons { - margin: 0 auto; - overflow: hidden; - width: 250px; - height: auto; - color: #333; - padding-bottom: 15px; - } - - .modal-outsource-datepicker .datepickerMonths, - .modal-outsource-datepicker .datepickerYears { - display: none; - } - - .modal-outsource-datepicker td.datepickerSpecial a { - border: 1px solid; - color: $translatedBlue; - background-color: #f3f3f3 !important; - } - - .modal-outsource-datepicker .datepickerDoW th { - padding: 5px 0; - } - - .modal-outsource-datepicker .datepickerDoW th:first-child, - .modal-outsource-datepicker th.datepickerWeek { - display: none; - } - - .modal-outsource-datepicker .datepickerNotInMonth { - visibility: hidden; - } - - .modal-outsource-datepicker .datepicker table { - background-color: transparent; - border: none; - font-size: 16px; - text-align: right; - font-weight: normal !important; - border-collapse: collapse; - } - - .modal-outsource-datepicker .datepicker table tr td a { - background-color: #e1e1e1; - text-decoration: none; - } - - .modal-outsource-datepicker .datepicker table td.datepickerDisabled a, - .modal-outsource-datepicker .datepicker table a.datepickerDisabled, - .modal-outsource-datepicker .datepickerGoPrev a, - .modal-outsource-datepicker .datepickerGoNext a { - background-color: transparent; - color: #333; - } - - .modal-outsource-datepicker .datepickerGoPrev a, - .modal-outsource-datepicker .datepickerGoNext a { - font-size: 13px; - background-color: transparent !important; - } - - .modal-outsource-datepicker .datepickerDisabled a { - color: #666 !important; - font-weight: normal; - cursor: default; - } - - .modal-outsource-datepicker .datepicker table .datepickerDoW { - font-size: 12px; - } - - .modal-outsource-datepicker .datepicker a { - text-decoration: none; - padding: 4px; - outline: none; - display: block; - color: #333; - } - - .modal-outsource-datepicker .datepickerDays a { - line-height: 20px; - height: 16px; - margin: 1px; - background: #d6e7f4; - padding: 4px; - } - - .modal-outsource-datepicker .datepickerDays a:hover { - background-color: $translatedBlue; - color: #fff; - } - - .modal-outsource-datepicker td.datepickerSpecial a:hover { - background-color: $translatedBlue !important; - color: #fff; - } - - .modal-outsource-datepicker .datepickerWeek a { - font-weight: normal; - } - - .modal-outsource-datepicker .datepickerMonth a, - .modal-outsource-datepicker .datepickerDoW span { - text-decoration: none; - font-weight: normal; - text-align: center; - } - - .modal-outsource-datepicker .datepicker table td.datepickerDisabled a { - opacity: 0.5; - } - - .modal-outsource-datepicker .datepickerSelected a { - background-color: #7eaf3e !important; - color: #fff; - } - - .forceNotAvailable { - position: absolute; - text-align: center; - width: 332px; - margin-top: 10%; - } - - .forceNotAvailable > p > span.title { - font-size: 22px; - } - - .forceNotAvailable > p > span.description { - font-size: 15px; - } - - .link-needfaster { - font-weight: bold; - } - - #forceDeliveryContainer td.datepickerSaturday:not(.datepickerDisabled) a, - #forceDeliveryContainer td.datepickerSunday:not(.datepickerDisabled) a { - cursor: not-allowed !important; - background-color: #e7e7e7 !important; - color: #c2c2c2 !important; - } - - #fasterDeliveryContainer { - overflow: hidden; - height: 180px; - width: 470px; - border: 1px solid rgb(177, 199, 214); - position: absolute; - z-index: 10001; - left: 564px; - top: 455px; - background-color: rgb(255, 255, 255); - background-repeat: no-repeat; - text-align: left; - border-radius: 6px; - } - - #fasterDeliveryContainer h1 { - font-size: 30px; - width: 100%; - margin: 0px 0 10px 0px; - color: #002f65; - border-bottom: 1px solid #ccc; - padding: 5px 0 0px 11px; - background: #b1c7d6; - } - - #fasterDeliveryContainer p { - font-size: 16px; - margin: 0px 10px; - line-height: 20px; - padding: 0; - border: 0; - outline: 0; - } - - #fasterDeliveryContainer input[type='button'] { - margin-right: 10px; - float: right; - width: 167px !important; - border: 1px double #ccc; - border-radius: 4px; - background: linear-gradient( - to bottom, - #fefefe 23%, - #fefefe 35%, - #cfcfcf 100% - ); - height: 36px; - padding: 5px 10px; - font-weight: bold; - font-size: 15px; - cursor: pointer; - } - - /* errors outsource */ - - .ErrorMsg { - width: 96%; - height: 60px; - padding: 2% 4%; - text-align: left; - font-weight: normal; - } - - .tprice .ErrorMsgQuoteError, - .tprice .ErrorMsg a { - color: #333 !important; - } - - .delivery .ErrorMsg.ErrorMsgQuoteError { - margin-top: 16px; - } - - .ErrorMsg, - .ErrorMsg h3, - .ErrorMsg a { - color: red !important; - font-weight: normal; - } - - .quoteError { - margin-bottom: 20px; - } - - .ErrorMsgquoteNotAvailable .delivery a { - margin-bottom: 0 !important; - } - - .ErrorMsgquoteNotAvailable p { - font-size: 15px !important; - line-height: 20px; - color: red; - } - - .ErrorMsgquoteNotAvailable { - margin-top: -8px; - } - - .quoteNotAvailable .tprice { - min-height: 109px; - } - - .quoteError .delivery { - padding: 0.5% 2% 4% 2%; - } - - /******** Outsource Modal *******/ - &.outsource .uploadbtn.in-popup, - &.outsource .continuebtn, - &.outsource .standardbtn, - &.outsource .send-to-translator-btn.in-popup { - background: $translatedBlue; - font-weight: bold; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; - font-size: 20px !important; - cursor: pointer; - color: #fff; - -moz-box-shadow: 0 1px 2px #ccc; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; - border: 1px solid #666; - -moz-border-radius: 2px; - border-radius: 2px; - text-decoration: none; - opacity: 0.9; - text-align: center; - padding: 5px 10px !important; - float: right; - margin: 2% 2.5% 2% 2%; - width: 160px; - } - - &.outsource .send-to-translator-btn.in-popup { - margin-left: 30px; - } - - &.outsource .uploadbtn:hover, - &.outsource .continuebtn:hover, - &.outsource .standardbtn:hover, - &.outsource .send-to-translator-btn.in-popup:hover { - -moz-box-shadow: 0 1px 2px #666; - -webkit-box-shadow: 0 1px 2px #666; - box-shadow: 0 1px 2px #666; - background: #12b4df; - } - - &.outsource .continuebtn { - clear: both; - float: none; - width: 160px; - margin: 10px auto 0 auto !important; - overflow: hidden; - background: #7eaf3e; - display: block; - } - - &.outsource .continuebtn:hover { - background: #7eaf3e; - } - - &.outsource .more:before { - content: '\f196'; - margin-right: 7px; - font-family: 'icomoon'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - } - - &.outsource .trustbox2 a { - text-decoration: underline; - } - - &.outsource .tooltip { - cursor: help; - position: absolute; - border: 1px solid #717171; - border-radius: 20px; - width: 13px !important; - font-size: 13px; - height: 11px; - font-weight: bold; - padding-left: 0px; - padding-top: 2px; - margin-top: -3px; - line-height: 11px; - margin-left: 5px; - color: #717171; - box-shadow: 1px 1px 1px #999; - } - - &.outsource .tooltip span { - width: 200px; - height: auto; - line-height: 22px; - color: #333; - padding: 10px; - left: -98px; - font-weight: 400; - font-size: 15px; - text-align: center; - border: 1px solid #727272; - text-indent: 0px; - border-radius: 5px; - position: absolute; - pointer-events: none; - top: -110px; - opacity: 0; - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -moz-box-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - z-index: 1000000000000000; - } - - &.outsource .tooltip:hover span { - opacity: 1; - top: -165px; - } - - &.outsource .tooltip span:after { - bottom: -10px; - margin-left: -1px; - border-top: 10px solid #eee; - } - - &.outsource .tooltip span:before, - .tooltip span:after { - content: ''; - position: absolute; - bottom: -11px; - left: 43%; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid #727272; - } - - &.outsource .disabled { - cursor: default; - opacity: 0.45 !important; - background-image: none !important; - box-shadow: none !important; - pointer-events: none !important; - } - - &.outsource input.error { - border: 1px solid red !important; - } - - div#open-translator { - float: right; - text-decoration: underline; - font-weight: bold; - cursor: pointer; - margin-right: 52px; - color: #0d8fb2; - } - - div#open-translator:hover { - text-decoration: none; - } - - &.outsource .send-to-translator { - border: 1px solid #ccc; - border-radius: 0px 0px 3px 3px; - margin: 0 auto; - overflow: hidden; - margin-top: -2px; - background: #f8f8f8; - } - - &.outsource .outsource-divider { - width: 230px; - margin: 0 auto; - text-align: center; - position: relative; - height: 20px; - line-height: 20px; - margin-top: 15px; - } - - &.outsource .divider-line { - height: 2px; - width: 100px; - background-color: #c5c5c5; - margin-top: 10px; - display: block; - float: left; - } - - &.outsource .outsource-divider span { - float: left; - width: 30px; - } - - span.title-source { - margin-left: 5px; - } - - .popup.popup-confirm.confirm_checkbox, - .popup.popup-alert { - text-align: right; - } - - .popup.popup-confirm.confirm_checkbox p.text-container-top, - .popup.popup-alert p.text-container-top { - text-align: left; - padding: 20px; - } - - .popup.popup-confirm.confirm_checkbox .btn-ok, - .popup.popup-alert .btn-ok { - margin-right: 20px; - } } diff --git a/public/css/sass/project-completion-feature.scss b/public/css/sass/project-completion-feature.scss deleted file mode 100644 index e089242f03..0000000000 --- a/public/css/sass/project-completion-feature.scss +++ /dev/null @@ -1,9 +0,0 @@ -#markAsCompleteButton.isMarkableAsComplete { - background: $translatedBlue; - color: #fff !important; - width: auto !important; - border-radius: 2px 0 0 2px; - padding: 0 5px !important; - text-transform: uppercase; - margin: 0 !important; -} diff --git a/public/css/sass/settingsPanel.scss b/public/css/sass/settingsPanel.scss deleted file mode 100644 index 4c90bc82b1..0000000000 --- a/public/css/sass/settingsPanel.scss +++ /dev/null @@ -1,10 +0,0 @@ -@import 'components/settingsPanel/SettingsPanel'; -@import 'components/settingsPanel/MachineTranslationTab'; -@import 'components/settingsPanel/TranslationMemoryGlossaryTab'; -@import 'components/settingsPanel/SettingsPanelTable'; -@import 'components/settingsPanel/MessageNotification'; -@import 'components/settingsPanel/OtherTab'; -@import 'components/settingsPanel/QualityFrameworkTab'; -@import 'components/settingsPanel/AnalysisTab'; -@import 'components/settingsPanel/FileImportTab'; -@import 'components/settingsPanel/EditorSettingsTab'; diff --git a/public/css/sass/signin_page.scss b/public/css/sass/signin_page.scss deleted file mode 100644 index 2cb73f55a4..0000000000 --- a/public/css/sass/signin_page.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import 'vendor_mc/semantic/matecat_semantic'; -@import 'commons/nav-bar'; -@import 'common-main'; -@import 'common'; -@import 'components/signin/OnBoarding'; - diff --git a/public/css/sass/speech2text.scss b/public/css/sass/speech2text.scss index bfb9f95288..745b9f0099 100644 --- a/public/css/sass/speech2text.scss +++ b/public/css/sass/speech2text.scss @@ -1,4 +1,4 @@ -@import '_mixins'; +@import 'commons/mixins'; .activeSegmentButton { @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1)); @@ -12,7 +12,6 @@ } .micSpeech { - /* @extend .segmentButton; */ display: none; position: absolute; @@ -85,7 +84,24 @@ $tlbr-btn-bg-act: -webkit-linear-gradient(top, #eee, #e0e0e0); .editToolbar { li { - @extend .segmentButton; + height: 20px; + zoom: 0.8; + min-width: 20px; + cursor: pointer; + border-radius: 3px; + padding: 2px; + border: 1px solid #c6c6c6; + /*@include box-shadow(0 1px 1px rgba(0,0,0,.1)); + @include linear-gradient(#f8f8f8, top, #f8f8f8, #f1f1f1);*/ + + &:hover { + color: #000000; + } + + &:active { + background-color: #fff; + } + &.uppercase { &:hover { diff --git a/public/css/sass/style.scss b/public/css/sass/style.scss index 734181fda9..264c5bbb47 100644 --- a/public/css/sass/style.scss +++ b/public/css/sass/style.scss @@ -34,19 +34,6 @@ header .wrapper { top: 0; } -.header-menu { - float: right; - margin-right: 16px; - margin-left: 15px; -} - -.header-menu li { - /*border-left:1px solid #000;*/ - float: left; - height: 37px; - padding: 5px 0px; -} - .text .source.item, .text .target.item, .white li { @@ -496,34 +483,6 @@ section.opened .warnings { overflow: hidden; } -.pagination { - float: right; - border-right: 1px solid #000; - margin-left: 10px; - margin-right: 18px; -} - -.pagination li { - padding: 5px 0 !important; -} - -.pagination a { - text-decoration: none; - padding: 5px 15px; - font-weight: bold; - -webkit-transition: all 100ms ease-in; - transition: all 100ms ease-in; -} - -.pagination a:hover { - background: $translatedBlue; -} - -.pagination a:active { - box-shadow: inset 0 1px 1px #000; - -webkit-box-shadow: inset 0 1px 1px #000; -} - .sid { position: absolute; left: -5.5%; @@ -583,17 +542,17 @@ p.split-shortcut { } .splitStart .sid { - background: url(../../img/split-bg.png) no-repeat; + background: url(/public/img/split-bg.png) no-repeat; background-position: 48.5% 23px; } .splitInner .sid { - background: url(../../img/split-bg.png) no-repeat; + background: url(/public/img/split-bg.png) no-repeat; background-position: 48.5% 16px; } .splitEnd .sid { - background: url(../../img/split-bg.png) no-repeat; + background: url(/public/img/split-bg.png) no-repeat; background-position: 49% bottom; } @@ -609,40 +568,14 @@ p.split-shortcut { background-position: 50.5% bottom; } -.start-job-marker, -.end-job-marker { - width: 20px !important; - position: absolute; - top: 0px; - left: -2.8%; - display: block; - height: 10px; - opacity: 0.3; -} - -.end-job-marker { - top: auto; - bottom: 0px; -} - section:hover .sid { color: $grey1; } -section.currSearchSegment .sid .txt { - background: $translatedBlue; - color: white; - margin-bottom: 5px; -} - .editor .sid { height: 100%; } -div.sid .implicit { - /* display: none; */ -} - .sid .actions.disabled { background: none; border: none; @@ -693,27 +626,6 @@ section { //border: 1px solid $grey4; } -/*projectbar*/ -.languages { - text-align: center !important; - padding: 15px 0 0 50px; -} - -.wordscounter { - float: right; - text-align: right; -} - -.wordcounter { - display: block !important; - text-align: right; - margin-right: -70px !important; -} - -.wordcounter strong { - margin-right: 0px; -} - strong:first-child { margin-right: 0px !important; } @@ -722,57 +634,6 @@ strong:first-child { position: absolute; } -.filenameshow { - max-height: 35px; - height: 15px; - width: 300px; - overflow: hidden; -} - -.desc { - font-size: 14px !important; -} - -/*tools*/ -.tools { - height: 32px; - background: #f5f5f5; - border-top: 1px solid #fbfbfb; - border-bottom: 1px solid #adadad; - width: 100%; - border: 1px solid #adadad; -} - -.tools .wrapper { - background: url(../../img/tools.gif) 5px 3px no-repeat; - height: 27px; -} - -.tools a { - display: block; - width: 22px; - height: 25px; - margin-right: 5px; - float: left; -} - -.editor .text:hover .editor-click, -editor .gray2:hover .editor-click { - border: 1px solid #fff; - background: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - cursor: default; -} - -.editor-click { - display: block; - border: 1px solid transparent; - padding: 4px 10px; - min-height: 50px; - cursor: pointer; -} - /*done & draft*/ .translated, .approved, @@ -806,58 +667,6 @@ editor .gray2:hover .editor-click { background: $approvedGreen; } -/*.guesstags { - background: #fff; - border:1px solid $translatedBlue; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - -moz-border-radius: 2px; - border-radius: 2px; - font-size: 18px; - text-transform: uppercase; - color: $translatedBlue !important; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; - -moz-box-shadow: 0 1px 2px #ccc; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; -} -.guesstags:hover { - cursor: pointer; - -moz-box-shadow: 0 1px 2px #666; - background: #fff; - box-shadow: 0 0 0 3px $translatedBlue; - -webkit-box-shadow: 0 0 0 2px $translatedBlue; - border-color: #fff; -} -.guesstags:active { - background: #F8F8F9; - border: 1px solid $translatedBlue; - -moz-box-shadow: inset 0 1px 1px $translatedBlue; - -webkit-box-shadow: inset 0 1px 1px $translatedBlue; - color: $translatedBlue; -}*/ - -.button-reject, -.button-rebutted { - border: 1px solid; - background: $rebuttedRed; - color: #fff; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - border-radius: 2px; - border-radius: 2px; - font-size: 18px; - text-transform: uppercase; -} - -.button-reject:hover, -.button-rebutted:hover { - color: #fff; -} - article .translated, .guesstags, article .draft, @@ -967,8 +776,7 @@ article .approved:active { color: #fff !important; } -.draft, -.header-menu .wrapper-dropdown-5 { +.draft{ background: -webkit-gradient( linear, left top, @@ -980,97 +788,6 @@ article .approved:active { background: linear-gradient(top, #f5f5f5, #d3d4d5); } -/*buttons editor*/ - -.topmenu-drop { - height: 31px !important; - margin: 3px 0; - box-shadow: none; -} - -.topmenu-drop input, -.wrapper-dropdown-5 input { - border: none !important; - box-shadow: none; - cursor: pointer; -} - -.topmenu-drop input { - font-weight: normal; - border: 0; - padding: 5px 10px !important; - font-size: 17px !important; - text-align: center; - min-width: 130px; - height: 31px !important; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 0; - color: #403e3e; -} - -.topmenu-drop input.translated { - background: $translatedBlue; - color: #fff !important; -} - -.topmenu-drop input.translated, -.topmenu-drop input.approved { - width: auto !important; - border-radius: 2px 0 0 2px; - padding: 0 18px !important; - text-transform: uppercase; - margin: 0 !important; -} - -.topmenu-drop input.approved:hover { - background: #76bb70; -} - -.topmenu-drop input.translated:hover { - background: #12b4df; -} - -.topmenu-drop .text { - margin: 0; -} - -.wrapper-dropdown-5 input { - width: auto !important; - float: left; -} - -.header-menu .wrapper-dropdown-5 { - margin: 3px 0 !important; - box-shadow: none; - width: 13px; - padding: 6px 10px !important; -} - -.header-menu li:first-child { - margin-right: 15px; -} - -.header-dropdown-menu { - margin-right: 15px; -} - -.header-menu - .wrapper-dropdown-5 - .dropdown[data-download='false'] - li.downloadTranslation, -.header-menu - .wrapper-dropdown-5 - .dropdown[data-download='true'] - li.previewLink { - display: none; -} - -.topmenu-drop form { - margin-right: 0; -} - .btn { cursor: pointer; min-height: 26px; @@ -1090,7 +807,7 @@ article .approved:active { float: left; margin-left: 47%; margin-top: 5px; - background: url(../../img/outercopy.png) center 1px no-repeat; + background: url(/public/img/outercopy.png) center 1px no-repeat; width: 50px !important; z-index: 1; background-size: 42px; @@ -1098,7 +815,7 @@ article .approved:active { } .outersource .copy:hover { - background: url(../../img/outercopy.png) 4px -69px no-repeat; + background: url(/public/img/outercopy.png) 4px -69px no-repeat; background-size: 42px; } @@ -1143,10 +860,6 @@ body #outer { width: 100%; } -body .main-container { - width: 100%; - height: 100%; -} #outer { #file { z-index: 2; @@ -1154,7 +867,7 @@ body .main-container { #loader-getMoreSegments { display: none; position: fixed; - background: url(../../img/loading.gif) 48% top no-repeat !important; + background: url(/public/img/loading.gif) 48% top no-repeat !important; background-size: 30px 30px !important; width: 30px; height: 30px; @@ -1177,25 +890,13 @@ body .main-container { #outer.loading { display: block; - background: url(../../img/loading.gif) 48% center no-repeat; + background: url(/public/img/loading.gif) 48% center no-repeat; background-size: 30px 30px !important; float: left; position: relative; height: 100vh; } -.main-searched { - margin-top: 100px !important; -} - -.maincomment .editor textarea { - width: 110% !important; -} - -.maincomment .ed textarea { - width: 104%; -} - .footer { float: left; width: 100%; @@ -1224,19 +925,6 @@ section .body > .text { height: 100%; } -/*.text { - width: 100%; - float: left; -}*/ - -.popup-tm .text, -.popup-tm .text:hover, -.header-menu .text, -.header-menu .text:hover { - background: transparent; - box-shadow: none; -} - body #file section:not(.editor) { background: $grey3; cursor: pointer; @@ -1251,15 +939,6 @@ body #file section:not(.editor) { border-top-right-radius: 4px; } -/*body.cattool .editor .text:hover { - background: none !important; -}*/ - -/*body.cattool:not(.editing) article { - border: 1px solid #adadad; - border-top: none; -}*/ - #file section.editor .body > .text { overflow: visible; -webkit-box-shadow: none; @@ -1272,19 +951,6 @@ body #file section:not(.editor) { clear: both; } -/*.disabled, .disabled:hover, .disabled:active { - background: #d6d6d6; - opacity: 0.5 !important; - cursor: default; - -moz-box-shadow: none; - -webkit-box-shadow: none; - border: 1px solid #666 -}*/ - -.sub-editor .set-glossary.disabled { - background: none !important; -} - .graysmall { width: 100%; //background: #fff; @@ -1300,12 +966,6 @@ ul.suggestion-item.graysmall:last-child { border-bottom: none; } -/* -.graysmall:first-child { - border-top: 0; -} -*/ - .tab.concordances { text-align: center; } @@ -1326,14 +986,6 @@ ul.suggestion-item.graysmall:last-child { overflow: auto; } -.graygreen { - color: #fff !important; - border-top: 1px solid #ccc; - border-left: 1px solid #ccc; - width: 25px !important; - text-align: center !important; -} - /*submenu*/ .submenu { background: #fff; @@ -1341,15 +993,6 @@ ul.suggestion-item.graysmall:last-child { width: 100%; } -/*.submenu {*/ -/*display: none;*/ -/*}*/ - -.popup .submenu { - display: block; - padding-top: 20px; -} - .submenu:after { content: '.'; display: block; @@ -1382,10 +1025,6 @@ section.loaded .submenu { background-color: $white; } -body.noGlossary .tab-switcher-gl { - display: none; -} - .submenu a { -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; @@ -1466,10 +1105,6 @@ body.noGlossary .tab-switcher-gl { display: block; } -body .footer.showMatches .sub-editor.open { - display: block !important; -} - .sub-editor.matches .overflow { min-height: 50px; } @@ -1513,15 +1148,13 @@ body .footer.showMatches .sub-editor.open { cursor: pointer; } -.sub-editor .cc-search, -.sub-editor .gl-search { +.sub-editor .cc-search { background: none; clear: both; } -.sub-editor .cc-search.loading, -.sub-editor .gl-search.loading { - background: url(../../img/loading.gif) 50% 22px no-repeat; +.sub-editor .cc-search.loading { + background: url(/public/img/loading.gif) 50% 22px no-repeat; float: left; width: 100%; background-size: 20px 20px; @@ -1531,138 +1164,16 @@ body .footer.showMatches .sub-editor.open { background-position-x: 49.8%; } -//.sub-editor.glossary .private-tm-key { -// float: left; -// padding-top: 12px; -// margin-left: 20px; -//} - .footer-message { margin-left: 20px; background: #ffde33 !important; padding: 2px 10px; } -// -//.sub-editor.glossary .gl-search.setting .set-glossary { -// background: url(../../img/loading.gif); -// background-size: 20px; -// cursor: pointer; -//} - -.sub-editor .gl-search .search-source, -.sub-editor .gl-search .search-target, -.sub-editor .gl-search .gl-comment { - float: left; - width: 45.8%; - margin: 20px 2% 20px 1.5%; - border: 1px solid #aaa; - padding: 2px 0.4%; - border-radius: 2px; - box-shadow: inset 0 1px 2px #ddd; - -webkit-box-shadow: inset 0 1px 2px #ddd; - text-align: left; - min-height: 20px; - background-color: #fff; - outline-color: $grey1; -} - -.sub-editor .gl-search .search-source, -.sub-editor .gl-search .search-target { - margin-bottom: 4px; -} - -.sub-editor .gl-search .search-target { - width: 41%; -} .sub-editor .cc-search .search-target { width: 44.2%; } -.sub-editor .gl-search .gl-comment { - margin-bottom: 4px; -} - -.sub-editor .gl-search .gl-comment { - float: left; - display: none; - width: 47.8%; - margin: 5px 1.5%; - clear: both; -} - -//.sub-editor.glossary .gl-search .gl-comment { -// display: block; -//} -// -//.sub-editor .gl-search .set-glossary { -// float: left; -// height: 20px; -// font-size: 24px; -// width: 26px; -// margin: 21px 0 0 0; -// color: $grey1; -// cursor: pointer; -//} -// -//.sub-editor .gl-search .set-glossary.disabled, -//.sub-editor .gl-search .set-glossary.disabled:hover { -// border: none !important; -// opacity: 0.5 !important; -//} - -//.sub-editor .gl-search .comment { -// float: left; -// text-align: left; -// width: 96%; -// margin-bottom: 8px; -//} -// -//.sub-editor .gl-search .comment a, -//.sub-editor .glossary-add-comment a { -// float: left; -// margin: 0 1.5% 0 1.5%; -// text-decoration: none; -// color: $grey1; -// width: 50%; -// font-size: 80%; -// font-style: italic; -//} -// -//.sub-editor .gl-search .comment a:hover, -//.sub-editor .glossary-add-comment a:hover { -// color: #000; -//} -// -//.glossary-add-comment { -// float: left; -// text-align: left; -// width: 50%; -// margin-bottom: 8px; -//} -// -//.sub-editor .glossary-add-comment a { -// font-size: 90%; -// margin-bottom: 11px; -// margin-left: 29px; -//} -// -//.glossary-add-comment .input.gl-comment { -// width: 93%; -// margin-left: 30px; -//} - -//.content { -// float: left; -// clear: both; -// border: 1px solid #ccf; -// border-top: none; -// border-left: none; -// background: #eef; -// padding: 10px 20px 20px; -// width: 400px; -//} - .preview { font-family: Cambria, Arial, Helvetica, sans-serif !important; height: 300px; @@ -1693,7 +1204,7 @@ body .footer.showMatches .sub-editor.open { left: auto !important; right: 100px; top: 12px; - background: url(../../img/loading-black.gif) 0 0 no-repeat !important; + background: url(/public/img/loading-black.gif) 0 0 no-repeat !important; } .filtering .filter, @@ -1710,13 +1221,6 @@ body .footer.showMatches .sub-editor.open { float: left; } -.search-icon { - margin-left: 200px; - display: block; - width: 25px; - height: 35px; -} - .search .btn { float: right; font-weight: bold; @@ -1729,220 +1233,51 @@ body .footer.showMatches .sub-editor.open { width: 120px; } -.checkbox-box .btn { - margin: 6px 10px 3px 0; -} - -.checkbox-filter { - float: right; - width: 120px; +/*editor*/ +.editor { + width: 100%; + position: relative; + z-index: 999; + -moz-border-radius: 2px; } -.checkbox-filter .custom-checkbox { - margin: 9px 10px 0 0; +.editor, +.editor .text { + background: #fff; } -/*concordance*/ -.border-search { - border-bottom: 1px solid #dedede; - margin: -10px 200px 0 5px; - float: left; +.loader:not(.ui) { + width: 20px; height: 20px; - width: 70%; + background: url(/public/img/loading.gif) 0 0 no-repeat !important; + position: absolute; + bottom: 11px; + display: none; + left: 50%; + background-size: 20px 20px !important; } -.col1-search { - float: left; - width: 100%; -} +@-moz-document url-prefix() { + .loader { + bottom: -40px; + } + .wrap { + padding-bottom: 15px !important; + } -.col1-search ul { - margin: -5px 0 0px 0; - padding: 0; - float: left; - width: 100%; -} - -.col1-search li { - margin: 0; - padding: 0 0px 0 0; - float: left; -} - -.search-editarea { - background: #fff; - width: 300px !important; - text-align: left; - border: 1px solid #abadb3 !important; - margin-top: 8px !important; - min-height: 18px !important; - max-height: 60px; - padding: 0 5px !important; - line-height: 22px !important; - color: #999 !important; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; -} - -.search-editarea:focus { - color: #000 !important; -} - -.checkbox-box { - background: #dcdedf; - float: left; - padding: 2px 0 4px 0; - width: 100%; - border-top: 1px solid #9fa1a1; -} - -.checkbox-box p { - margin: 5px 10px 0 10px; -} - -.checkbox-box .custom-checkbox { - margin-top: 3px; -} - -.custom-checkbox { - position: relative; - float: left; - display: inline-block; - margin: 12px -5px 0 10px; -} - -.custom-checkbox > .box { - position: relative; - display: block; - width: 14px; - height: 14px; - border: 1px solid $grey1; - background-color: #eee; - border-radius: 2px; -} - -.custom-checkbox > .tr-check { - background-color: $translatedBlue !important; -} - -.custom-checkbox > .dr-check { - background-color: #d0d1d1 !important; -} - -.custom-checkbox > .rj-check { - background-color: #ed1c24 !important; -} - -.custom-checkbox > .ap-check { - background-color: $approvedGreen !important; -} - -.custom-checkbox > .normal-check { - background-color: #fff !important; -} - -.custom-checkbox:hover { - -moz-box-shadow: 0 1px 2px $grey2; - -webkit-box-shadow: 0 1px 2px $grey2; - box-shadow: 0 1px 2px $grey2; -} - -.custom-checkbox > .box > .tick { - position: absolute; - left: 2px; - top: 2px; - width: 8px; - height: 4px; - border-bottom: 2px solid #333; - border-left: 2px solid #333; - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - display: none; -} - -.custom-checkbox > input:checked + .box > .tick { - display: block; -} - -//.replace-box .replace .tick { -// display: block !important; -//} - -.custom-checkbox > input { - position: absolute; - outline: none; - left: 0; - top: 0; - padding: 0; - width: 16px; - height: 16px; - border: none; - margin: 0; - opacity: 0; - z-index: 1; -} - -/*editor*/ -.editor { - width: 100%; - position: relative; - z-index: 999; - -moz-border-radius: 2px; -} - -.editor, -.editor .text { - background: #fff; -} - -.loader:not(.ui) { - width: 20px; - height: 20px; - background: url(../../img/loading.gif) 0 0 no-repeat !important; - position: absolute; - bottom: 11px; - display: none; - left: 50%; - background-size: 20px 20px !important; -} - -@-moz-document url-prefix() { - .loader { - bottom: -40px; - } - .wrap { - padding-bottom: 15px !important; - } - - .editor .wrap { - padding-bottom: 31px !important; - } - - .editor .status { - padding-bottom: 8px !important; - } + .editor .wrap { + padding-bottom: 31px !important; + } + + .editor .status { + padding-bottom: 8px !important; + } } section.editor .loader_on { display: block !important; } -.btnmargin { - margin-right: -23px !important; -} - -.source-title { - margin: 3px 0 0 20px !important; -} - -.target-title { - float: right; - margin: 3px 30px 0 0; -} - .close { width: 14px; height: 14px; @@ -1969,22 +1304,6 @@ section.editor .loader_on { text-align: center; } -.h-text { - width: auto; - height: 20px; - display: block; - position: absolute; - left: 10px; - top: 2px; - color: #fff; - font-size: 12px; - text-decoration: none; - text-transform: none; -} - -/* -.editor .percentuage{display:block !important;} -*/ section .header .context { display: none; float: left; @@ -1993,10 +1312,6 @@ section .header .context { margin: 3px 0 0 10px; } -section.has-reference .header .context { - display: block; -} - section .header .context:hover { color: #000; } @@ -2005,17 +1320,6 @@ section .header .context:hover { display: block !important; } -.smart-suggestion-target { - border: 2px solid #00a651; - -moz-border-radius: 2px; - border-radius: 2px; - padding: 0 5px; - -moz-box-shadow: 0 1px 3px $grey2; - -webkit-box-shadow: 0 1px 3px $grey2; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; -} - .qa { background: #ffcc00; -moz-box-shadow: 0 1px 3px $grey2; @@ -2039,10 +1343,6 @@ section .text .warning { font-weight: bold; } -.body .charleft { - display: none; -} - section.status-new.opened .editarea { text-indent: 0; } @@ -2072,13 +1372,6 @@ section.editor.slide-right .sid { .editor .source { padding-top: 4px !important; font-size: 18px; - - /*word-wrap: break-word;*/ - /*word-break: normal;*/ -} - -.grayed-text { - color: #4c4c4c; } .textarea-container { @@ -2101,7 +1394,6 @@ section.opened { } .editarea, -.search-editarea, .textarea-container .area { width: 100%; min-height: 54px; @@ -2192,53 +1484,6 @@ body.archived section .status-container a.status:hover { /*font-variant-ligatures: none;*/ cursor: text; } -.editor.editarea .highlighted1 { - background-color: #ffff94; -} - -.editor .editarea.highlighted2 { - -moz-transition: background-color 1.5s; - -webkit-transition: background-color 1.5s !important; - -o-transition: background-color 1.5s; - transition: background-color 1.5s !important; - background-color: transparent; -} - -/* -section.highlighted1 .editarea -{ - border: 4px solid #0798BC; -} -section.highlighted2 .editarea -{ - -moz-transition: border 1.5s; - -webkit-transition: border 1.5s !important; - -o-transition: border 1.5s; - transition: border 1.5s !important; - border: 4px solid transparent; -} -*/ - -section:not(.editor) .editarea.highlighted1 { - border-color: #00c1e6; - background: rgba(0, 193, 230, 0.15); -} -section:not(.editor).editarea .highlighted2 { - -moz-transition: border-color 3s; - -webkit-transition: border-color 3s !important; - -o-transition: border-color 3s; - transition: border-color 3s !important; - border-color: transparent; -} - -/*.editor.modified .editarea -{ - -moz-transition:background-color 2s; - -webkit-transition:background-color 2s !important; - -o-transition:background-color 2s; - transition:background-color 2s !important; - background-color: #fff !important; -}*/ .editarea:focus { border: 1px solid #96c8da; @@ -2250,12 +1495,6 @@ body.rtl-target .editor .editarea span { display: inline-block; } -.search-editarea { - overflow: auto; - min-height: 22px !important; - cursor: text; -} - .source { position: relative; z-index: 0; @@ -2275,78 +1514,6 @@ body.rtl-target .editor .editarea span { margin-left: -4px;*/ } -.graysmall .translation.editing, -.graysmall .comment.editing, -.graysmall .glossary-add-comment .gl-comment { - padding: 2px 0.4%; - background: #fff; - border: 1px solid #aaa; - border-radius: 2px; - box-shadow: inset 0 1px 2px #ddd; - outline: none; - min-height: 20px; - line-height: 20px; -} - -.graysmall .switch-editing { - display: none; - float: left; - position: absolute; - width: 16px; - height: 16px; - cursor: pointer; - right: 40px; - top: 15px; -} - -.graysmall:hover .switch-editing { - display: block; -} - -.graysmall:hover .switch-editing:hover { - margin-top: -2px; - color: #000; -} - -.graysmall .edit-buttons { - float: right; -} - -.graysmall .edit-buttons button { - color: #fff; - background: $translatedBlue; - font-weight: bold; - text-decoration: none; - padding: 4px 9px; - margin: 4px 3px; - border-radius: 2px; - font-size: 10px; - background: -webkit-gradient( - linear, - left top, - left bottom, - from($translatedBlue), - to(#119ec4) - ); - background: -moz-linear-gradient(top, $translatedBlue, #119ec4); - background: linear-gradient(top, $translatedBlue, #119ec4); - cursor: pointer; -} - -.graysmall .edit-buttons button.cancel { - color: #333; - background: #f6f6f6; - background: -webkit-gradient( - linear, - left top, - left bottom, - from(#f6f6f6), - to(#e2e3e5) - ); - background: -moz-linear-gradient(top, #f6f6f6, #e2e3e5); - background: linear-gradient(top, #f6f6f6, #e2e3e5); -} - .wrap { float: left; width: 99%; @@ -2382,17 +1549,12 @@ body.rtl-target .editor .editarea span { padding-left: 26px !important; } -.editor .charleft { - display: none; -} - .buttons { position: relative; top: 0px; } /*tab rows */ -/*.overflow{overflow-y:auto;min-height:8px;margin-bottom:-1px;position:relative;z-index:9999999999999999999999999999999;}*/ .graysmall li { width: 48%; float: left; @@ -2434,10 +1596,6 @@ body.rtl-target .editor .editarea span { width: 50%; } -/*.alternatives.tab ul li.sugg-target { - width: 42% !important; -}*/ - .suggestion-item li.sugg-source { padding-left: 25px; } @@ -2469,10 +1627,6 @@ body.rtl-target .editor .editarea span { overflow: hidden; } -.graysmall div.comment.editing { - width: 46%; -} - .graysmall .b { padding-left: 12px !important; position: relative; @@ -2485,7 +1639,7 @@ body.rtl-target .editor .editarea span { } .message li { - background: url(../../img/bad.png) 22px center no-repeat; + background: url(/public/img/bad.png) 22px center no-repeat; padding-left: 40px !important; background-size: 12px 12px; } @@ -2551,11 +1705,6 @@ body.rtl-target .editor .editarea span { text-overflow: ellipsis; } } - -//.glossary .graysmall .graysmall-details { -// margin-top: 0; -//} - .graysmall .graysmall-details { display: block; width: 100%; /*To be tested*/ @@ -2566,15 +1715,6 @@ body.rtl-target .editor .editarea span { margin-right: 15px; } -/*.graysmall { - color: #333; - background: #fbfbfb; -}*/ - -.graysmall.notEditable { - /* background: $grey2;*/ -} - .graysmall-details li { float: right; width: auto !important; @@ -2592,170 +1732,39 @@ body.rtl-target .editor .editarea span { } } -.graysmall.notEditable:hover { - /*background: #999;*/ -} - -/*.graysmall:hover li span { - color: #000 !important -}*/ - -//.sub-editor.glossary .glossary-item { -// float: right; -// width: 100%; -// margin-top: 2px; -// padding: 3px 0px 3px 0; -// text-align: left; -// background: $grey2; -// border-top: 1px solid #999; -// border-bottom: 1px solid #999; -//} - -//.glossary .sugg-target { -// cursor: pointer; -//} -// -//.sub-editor.glossary .glossary-item span { -// margin-left: 20px; -// font-style: italic; -//} - .message:hover { background: #fbfbfb !important; cursor: auto; } -.doubleclick { - display: none; - font-size: 10px; -} -.editor:hover .doubleclick { - display: block !important; +.engine-error { + padding-left: 40px !important; } -/*suggestion*/ -.addsuggestion { - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; - border-bottom: 1px solid $grey2; - background: #fff; - -moz-box-shadow: 0 1px 3px $grey2; - -webkit-box-shadow: 0 1px 3px $grey2; +.error-img { + background: #c5351c url(/public/img/warning.png) no-repeat center; + background-size: 17px; + width: 22px; + height: 22px; + margin: 0; + border-radius: 5px; + margin-left: -28px; + top: -4px; position: relative; - z-index: 9999999999999; - -moz-border-radius: 2px; - border-radius: 2px; + float: left; } -.addsuggestion p { - float: left; -} - -.sugg-input { - float: left; - width: 95%; - margin: -5px 10px 0px 0px; - border: 1px solid #727272; - -moz-box-shadow: inset 0 1px 2px #888; - -webkit-box-shadow: inset 0 1px 2px #888; - -moz-border-radius: 2px; - border-radius: 2px; - box-shadow: inset 0 1px 2px #888; - padding: 5px 5px 6px 5px; - color: $grey1; - font-size: 14px !important; -} - -.sugg-input:focus { - color: #000; -} - -.sugg-submit { - float: left; - margin: -4px 0px 10px 0; - font-size: 14px !important; -} - -.second { - width: 66%; -} - -.addsuggestion { - border: 1px solid $grey2; - padding: 0px 6px; - text-decoration: none; - color: #939598; -} - -.add-ul li { - padding: 6px 0px 0px 20px !important; - color: #939598; - font-size: 12px; -} - -.add-ul li:hover { - color: #000; -} - -.addsuggestion:hover { - border: 1px solid $grey1; - color: #333; -} - -.addline-suggestion { - display: none; - float: left; - height: 50px; - background: #fff; -} - -.add-ul { - background: #efefef !important; -} - -/*engine errror messages*/ -.engine-errrors summary { - text-align: left; - padding-left: 20px; - cursor: pointer; -} - -.engine-errrors summary:focus { - outline: 0; -} - -.engine-errrors .error { - color: red; -} - -.engine-error { - padding-left: 40px !important; -} - -.error-img { - background: #c5351c url(../../img/warning.png) no-repeat center; - background-size: 17px; - width: 22px; - height: 22px; - margin: 0; - border-radius: 5px; - margin-left: -28px; - top: -4px; - position: relative; - float: left; -} - -.warning-img { - background: #ff9900 url(../../img/warning.png) no-repeat center; - background-size: 17px; - width: 22px; - height: 22px; - margin: 0; - border-radius: 5px; - margin-left: -28px; - top: -4px; - position: relative; +.warning-img { + background: #ff9900 url(/public/img/warning.png) no-repeat center; + background-size: 17px; + width: 22px; + height: 22px; + margin: 0; + border-radius: 5px; + margin-left: -28px; + top: -4px; + position: relative; float: left; } @@ -2783,26 +1792,6 @@ body.rtl-target .editor .editarea span { cursor: default; } -.ice-locked-label { - font-size: 11px; - margin: 0 0px; - padding: 2px 5px 0px 5px; - background-color: #0798bc; - width: 35px; - height: 16px; - position: absolute; - color: white; - top: 1px; - line-height: 14px; - transition: all 100ms ease-in; - left: 47.4%; - visibility: hidden; -} - -section.readonly:hover .ice-locked-label { - visibility: visible; -} - /*status*/ .status-container .status { width: 8px; @@ -2861,7 +1850,7 @@ section.status-rejected .status { body[data-offline-mode='light-off'] section.setTranslationPending .status, section.setTranslationError .status { - background-image: url(../../img/offline-bg.png) !important; + background-image: url(/public/img/offline-bg.png) !important; background-color: #0798bc !important; background-repeat: no-repeat !important; background-position: center center; @@ -2886,7 +1875,7 @@ section.editor.status-rejected .status { } section.modified .status { - background-image: url(../../img/stripes.png) !important; + background-image: url(/public/img/stripes.png) !important; background-repeat: repeat !important; background-size: 140% !important; } @@ -2899,153 +1888,6 @@ section.opened.editor .status { position: absolute; } -.statusmenu { - position: absolute; - text-align: left; - top: 0; - margin: 50px -3px 0 -200px; - background: #ffffff; - width: 143px; - z-index: 99999999999999; - border-bottom: none; - right: -10px; - box-shadow: 0 0 4px rgba(102, 102, 102, 0.45); - font-weight: bold; - -webkit-transition: all 100ms ease-in; - transition: all 100ms ease-in; -} - -.editor .statusmenu { - top: 0; - margin: 100px -3px 0 -200px; -} - -.statusmenu li { - background: #ffffff; - margin: 0; - padding: 0; - float: none; - width: 100%; -} - -.statusmenu li:hover { - background: #f2f4f7; -} - -.statusmenu li a { - padding: 7px 20px 7px 10px; - display: block; - color: #000; - text-decoration: none; -} - -.arrow-mcolor { - display: block; - width: 20px; - height: 20px; - background: url(../../img/arrow-menucolor.png) 0 0 no-repeat; - position: absolute; - margin: -8px 0 0 123px; - background-size: 10px 8px; -} - -.arrow { - border: 0 !important; -} -.arrow-mcolor { - display: block; - width: 20px; - height: 20px; - background: url(../../img/arrow-menucolor.png) 0 0 no-repeat; - position: absolute; - margin: -8px 0 0 123px; - background-size: 10px 8px; -} -.arrow { - border: 0 !important; -} -.approvedStatusMenu { - border-right: 9px solid $approvedGreen; -} -.translatedStatusMenu { - border-right: 9px solid $translatedBlue; -} -.rejectedStatusMenu { - border-right: 9px solid $rebuttedRed; -} -.draftStatusMenu { - order-right: 9px solid $grey1; -} - -/* overlay box */ -.boxoverlay { - display: none; - background: #fff; - width: 100%; - height: 100%; - position: fixed; - z-index: 99999999; - top: 0; - left: 0; - opacity: 0.6; - filter: alpha(opacity=70); /*per Internet Explorer 6-7*/ - filter: alpha(opacity=50); /*per Internet Explorer 8*/ -} - -#box { - width: 90%; - text-align: center; - height: 400px; - background: #fff; - margin: 0 auto; -} - -.secondline li { - background: #f5f5f5 !important; -} - -#box .h-editor { - color: #fff; - padding: 4px 0 0 0px; - border-bottom: 1px solid $grey2; - margin-bottom: 30px; - background: #efefef; -} - -#box .x { - margin-top: -2px; -} - -#box .title li { - background: #fff; - border: 0; -} - -#box ul { - clear: both; - font-size: 16px; - margin: 0 0 0 70px; - float: left; - width: 90%; - list-style: none; -} - -#box li { - padding: 10px; - width: 10%; - border-right: 1px solid $grey2; - border-bottom: 1px solid $grey2; - float: left; - text-align: right; - background: #efefef; -} - -#box .first { - width: 40% !important; - text-align: left !important; - border-left: 1px solid $grey2; -} - .hide { display: none; } @@ -3101,24 +1943,14 @@ section.opened.editor .status { display: block !important; } -.editarea #placeHolder { - display: none; -} - -.editarea span.placeholder { - display: none; -} - -/* We should check if we have the rights di distribute Calibri in an open-source project... */ - @font-face { font-family: Calibri; src: local(Calibri), - url('../fonts/calibri-webfont.woff') format('woff'), - url('../fonts/calibri-webfont.ttf') format('truetype'), - url('../fonts/calibri-webfont.eot'), - url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); + url('/public/css/fonts/calibri-webfont.woff') format('woff'), + url('/public/css/fonts/calibri-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri-webfont.eot'), + url('/public/css/fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); } @font-face { @@ -3126,90 +1958,19 @@ section.opened.editor .status { font-weight: bold; src: local('Calibri Bold'), - url('../fonts/calibri_bold-webfont.woff') format('woff'), - url('../fonts/calibri_bold-webfont.ttf') format('truetype'), - url('../fonts/calibri_bold-webfont.eot'), - url('../fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); -} - -.sendbox { - position: absolute; - bottom: 25px; -} - -.end-message-col2 p { - color: #8a8a8a; - margin: 0 0 5px 0; - font-size: 16px; -} - -.or-message { - text-align: center; - width: 320px; -} - -.end-message-col1 { - float: left; - margin: 0; - width: 150px; -} - -.end-message-col1 img { - float: left; - margin: 0px 0 0 0; -} - -.end-message-col1 p { - position: absolute; - bottom: 20px; - width: 300px; - left: 20px; - text-align: left; - color: #fff; -} - -.end-message-col1 p span, -.end-message-col1 h3 span { - color: $translatedBlue; + url('/public/css/fonts/calibri_bold-webfont.woff') format('woff'), + url('/public/css/fonts/calibri_bold-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri_bold-webfont.eot'), + url('/public/css/fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); } -.end-message-col2 input { - padding: 5px; - margin-top: 2px; - width: 300px; -} - -@-webkit-keyframes Floatingx { - from { - -webkit-transform: translate(0, 0px); - } - 65% { - -webkit-transform: translate(0, 15px); - } - to { - -webkit-transform: translate(0, -0px); - } -} - -.d-open { - bottom: 20px !important; -} @media screen and (min-width: 1600px) { - .header-menu { - margin-right: 22px; - } - .text .source.item, .text .target.item, .white li { width: 46% !important; } - - .track-changes { - width: 46.2% !important; - margin-right: 2.6% !important; - } } @media screen and (max-width: 1380px) { @@ -3217,13 +1978,6 @@ section.opened.editor .status { .graysmall li { width: 45.5%; } - .header-menu { - margin-right: 18px; - } - #stat-completion, - #stat-wph { - display: block; - } p.split-shortcut, .sid .txt { @@ -3237,9 +1991,7 @@ section.opened.editor .status { left: -5.1%; width: 4.5%; } - //section.editor.slide-right { - // width: 71% !important; - //} + section.slide-right .sid { left: -6.5%; } @@ -3249,10 +2001,6 @@ section.opened.editor .status { } @media screen and (max-width: 1280px) { - /*.buttons{margin:-15px 42px 0 0 !important;}*/ - .header-menu { - margin-right: 16px; - } .text .source.item, .text .target.item, @@ -3271,17 +2019,12 @@ section.opened.editor .status { @media screen and (max-width: 1260px) { .text .item, - .white li, - .track-changes { + .white li { width: 44.5% !important; } } @media screen and (min-width: 1181px) { - .languages { - text-indent: -85px; - } - .concordances .graysmall .b, .alternatives .graysmall .b { /*padding-left:85px !important;*/ @@ -3294,9 +2037,6 @@ section.opened.editor .status { } @media screen and (max-width: 1180px) { - .con-input { - width: 70%; - } .second { width: 30%; @@ -3331,18 +2071,6 @@ section.opened.editor .status { width: 10%; } - .con-input { - width: 63%; - } - - .con-input { - width: 62% !important; - } - - .languages { - text-indent: -62px; - } - .review .wrapper { width: 100%; } @@ -3359,14 +2087,9 @@ section.opened.editor .status { width: 45px; } - .search-editarea { - width: 200px !important; - } - .text .source.item, .text .target.item, - .white li, - .track-changes { + .white li { width: 44% !important; } @@ -3409,244 +2132,37 @@ section.opened.editor .status { .cattool #quality-report { padding: 0 !important; - } - - .header-menu li a, - .header-menu li input { - font-size: 14px; - } - .header-menu li:first-child { - margin-right: 5px; - } - - .header-dropdown-menu { - margin-right: 5px; - } -} - -li.tag-mismatch { - display: none; - position: relative; - text-indent: -9999px; - width: 20px !important; - height: 20px !important; - overflow: hidden; - background: red; -} - -section.mismatch li.tag-mismatch { - display: block; -} - -/*RTL language*/ -.editarea.rtl, -.search-editarea.rtl, -.source.rtl, -.graysmall li.rtl { - direction: rtl !important; - text-align: right !important; -} - -body.rtl-source section .source, -body.rtl-target section .targetarea, -body.rtl-source .footer .sugg-source, -body.rtl-target .footer .sugg-target { - direction: rtl !important; - text-align: right !important; -} -body.rtl-target section.ice-locked .target { - text-align: right; -} - -body.archived ul.buttons, -body.archived ul.header-menu, -body.archived .footer { - display: none !important; -} - -#authentication { - float: right; - margin-left: 50px; -} - -p.percent { - margin-left: -10px; - margin-right: 10px; -} - -.dialog form { - font-size: 70%; -} - -.misspelled { - border-bottom: 1px dashed red; -} - -#spellCheck { - border-bottom: 1px dotted $grey2; -} - -#spellCheck .label { - color: #888; - font-style: italic; -} - -#spellCheck .words { - display: block; - color: #000; - font-weight: bold; - margin-left: 10px; - text-decoration: none; - margin-top: 5px; -} - -#spellCheck .words:hover { - text-decoration: underline; -} - -#spellCheck .add { - display: block; - color: #000; - text-decoration: none; - margin-top: 5px; - border-top: 1px dotted $grey2; -} - -.save-warning { - display: none; - width: 6px; - height: 6px; - margin-top: 0; - margin-left: 101%; - background: red; -} - -section.modified .save-warning { - display: none; -} - -body.searchActive .numbererror { - display: block; -} - -body.searchActive .numbererror:empty { - display: none; -} - -.tag-autocomplete { - display: block; - position: absolute; - z-index: 99999; - background: #eee; - border: 1px solid #999; - min-width: 100px; - padding: 1px; - max-height: 400px; - overflow-y: auto; -} - -.tag-autocomplete.empty { - display: none; -} - -.tag-autocomplete li { - display: block; - text-align: left; - list-style-type: none; - z-index: 99999999999999; - font-size: 80%; -} - -.tag-autocomplete li.current { - background: #00c1e6; - color: #fff; -} - -.tag-autocomplete li.hidden { - display: none; -} - -.popup-settings .popup { - width: 60% !important; - margin: 0 !important; - left: 20% !important; - top: 5%; -} - -.popup-settings .tab:first-of-type { - display: block; -} - -.popup-settings #settings-shortcuts .list { - margin: 10px; - text-align: left; -} - -.popup-settings #settings-shortcuts .list tr { - vertical-align: top; -} - -.popup-settings #settings-shortcuts .list .label { - width: 48%; - text-align: right; - line-height: 130%; - padding-top: 6px; -} - -.popup-settings #settings-shortcuts .list .combination { - padding-left: 20px; -} - -.popup-settings #settings-shortcuts .list .combination .keystroke { - border: 1px solid #aaa; - padding: 1px 5px; -} - -.popup-settings #settings-shortcuts .list .combination .keystroke.modified { - border-color: red; -} - -.popup-settings #settings-shortcuts .list .combination .keystroke.changing { - background: #0798bc; - color: #fff; -} - -.popup-settings #settings-shortcuts .list .combination .msg { - margin-left: 20px; - color: #999; + } } -.popup-settings #settings-restore { - display: none; +/*RTL language*/ +.editarea.rtl, +.source.rtl, +.graysmall li.rtl { + direction: rtl !important; + text-align: right !important; } -.popup-settings.modified #settings-restore { - display: block; +body.rtl-source section .source, +body.rtl-target section .targetarea, +body.rtl-source .footer .sugg-source, +body.rtl-target .footer .sugg-target { + direction: rtl !important; + text-align: right !important; } - -.editor .source mark.inGlossary { - border-bottom: 1px dotted #c0c; - cursor: pointer; +body.rtl-target section.ice-locked .target { + text-align: right; } -.monad mark.inGlossary { - border-bottom: none !important; - color: #767676 !important; +body.archived ul.buttons, +body.archived .footer { + display: none !important; } -/*.popup-settings #settings-shortcuts .list dt -{ - float: left; - width: 49%; - background: yellow; +p.percent { + margin-left: -10px; + margin-right: 10px; } -.popup-settings #settings-shortcuts .list dd -{ - float: left; - width: 49%; - margin: 0; - background: orange; -}*/ ins.diff { background: #c3ffc3; @@ -3656,39 +2172,6 @@ del.diff { background: #ffcfcf; } -.tab-marker { - color: #999; - margin-left: 4px; - margin-right: 4px; - position: relative; - top: 2px; -} - -.space-marker, -.nbsp-marker { - color: $grey2; - position: relative; - left: 4px; - padding-right: 12px; - /* padding-left: 6px; - margin-right: 4px; - margin-left: 4px;*/ - opacity: 0.2; - /*width: 20px !important;*/ - top: 3px; - font-size: 15px; - background: url(../../img/dot.png) 0px 0px no-repeat; - background-size: 6px; - /* - color: $grey2; - position: relative; - padding-left: 4px; - margin-right: 4px; - top: -4px; -*/ -} - -section .toolbar .tagModeToggle, section .toolbar .autofillTag { float: left; font-size: 60%; @@ -3702,21 +2185,6 @@ section .toolbar span { margin-left: 1px; } -.tagModeToggle span:before { - float: left; -} - -.tagModeToggle.active { - padding: 2px 1px 2px 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-color: #eee; - background-image: -webkit-linear-gradient(top, #eee, #e0e0e0); -} - -.tagModeToggle.active span { - font-size: 100% !important; -} - .autofillTag { display: block; float: left; @@ -3730,20 +2198,6 @@ section .toolbar span { display: block; } -.tagLockCustomize { - display: block; - float: left; - cursor: pointer; - color: #444 !important; - text-decoration: none; -} - -.tagLockCustomize:before { - font-size: 19px; - display: block; - margin-left: 5px; -} - section .toolbar .autofillTag { float: left; font-size: 60%; @@ -3773,67 +2227,6 @@ section .toolbar .autofillTag { cursor: pointer; } -.editarea span.softReturn, -.source span.softReturn, -.sugg-target span.softReturn, -.sugg-source span.softReturn, /*to be tested*/ -.track-changes span.softReturn { - display: inline !important; - margin-left: 6px; - padding: 1px 2px 3px 40px; - background-image: url(../../img/soft-return1.png); - background-size: 16px; - background-repeat: no-repeat; - background-position: center left; - width: 20px; - position: relative; - direction: ltr; - text-align: unset; -} - -.editarea span.hardReturn, -.source span.hardReturn, -.sugg-target span.hardReturn, -.sugg-source span.hardReturn, /*to be tested*/ -.track-changes span.hardReturn { - display: inline !important; - margin-left: 6px; - padding: 1px 2px 3px 40px; - background-image: url(../../img/hard-return.png); - background-size: 16px; - background-repeat: no-repeat; - background-position: center left; - width: 20px; - position: relative; - direction: ltr; - text-align: unset; -} - -.editarea br.soft { - display: block; - margin: -10px 0px 3px 40px; - padding: 1px 2px 3px 40px; - border: 1px dotted green; - font-size: 8px; - line-height: 8px; - height: 8px; - background: yellow; - background-image: url('https://sites.google.com/a/fundoogeek.com/home/images/WhiteStarinRedCircle.gif'); - background-repeat: no-repeat; - background-position: top left; - background-origin: content-box; - color: blue; - content: 'A'; - width: 20px; - position: relative; - top: -7px; -} - -.editarea span.startRow { - width: 0px; - float: left; -} - .split { border: 1px solid #5f5f5f; cursor: pointer !important; @@ -3870,14 +2263,7 @@ section .toolbar .autofillTag { background: $translatedBlue; } -.splitBar .buttons a { -} - -.monad .marker-inside { - display: none; -} -.tagModeToggle, .autofillTag { padding: 4px 2px 0px 2px; border: 1px solid #fff; @@ -3888,19 +2274,11 @@ section .toolbar .autofillTag { padding-top: 0; } -.tagLockCustomize:hover, -.tagLockCustomize.active, -.tagModeToggle:hover, -.tagModeToggle.active, .autofillTag:hover, .autofillTag.active { color: #333 !important; } -.icon-tag-expand { - display: none; -} - section .toolbar { display: none; margin-left: -10px; @@ -3910,83 +2288,14 @@ section.editor .toolbar { display: block; } -.tagModeToggle span, .autofillTag span { float: left; } -.tagModeToggle.active span.icon-chevron-right { - margin-left: 0px; -} - -.tagModeToggle.active .icon-tag-expand { - display: inline-block; - font-weight: bold; - padding-top: 6px; -} - -.textarea-container .tagMode { - position: absolute; - display: none; - width: 100%; - text-align: right; - margin-top: -23px; -} - -.tagModeToggle, -.autofillTag, -.tagLockCustomize { +.autofillTag { margin-right: 10px; } -body .editor.hasTags .textarea-container .tagMode { - display: block; -} - -body .editor.hasTagsToggle .toolbar .tagModeToggle, -body .editor.hasTagsToggle .toolbar .tagLockCustomize, -body .editor.hasTagsAutofill .toolbar .autofillTag { - display: block; -} - -body.tagmarkDisabled .toolbar .tagModeToggle, -body.tagmarkDisabled .toolbar .autofillTag { - display: none !important; -} - -.tagLockCustomize.unlock:before { - content: '\e990'; -} - -.tagModeToggle span.icon-expand, -.tagModeToggle span.icon-compress { - -ms-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - display: inline-block; -} - -.textarea-container .tagMode li { - display: inline-block; - width: 40px; - height: 20px; - text-align: center; - font-weight: bold; - opacity: 0.3; - cursor: pointer; -} - -body.tagmode-default-compressed - .editor[data-tagmode='crunched'] - .textarea-container - .tagMode - li.crunched, -body.tagmode-default-extended .textarea-container .tagMode li.extended, -.editor[data-tagmode='extended'] .textarea-container .tagMode li.extended, -.textarea-container .tagMode li:hover { - opacity: 1; -} - @keyframes fadein { from { opacity: 0; @@ -4141,27 +2450,15 @@ body.tagmode-default-extended .textarea-container .tagMode li.extended, only screen and (min-resolution: 2dppx) { .outersource .copy { top: 7px; - background: url(../../img/outercopy@2x.png) center 1px no-repeat; + background: url(/public/img/outercopy@2x.png) center 1px no-repeat; background-size: 12px 11px; } .outersource .copy:hover { - background: url(../../img/outercopy@2x.png) 4px -69px no-repeat; + background: url(/public/img/outercopy@2x.png) 4px -69px no-repeat; background-size: 42px; } - a.showExtendedTags { - position: relative; - display: block; - float: left; - clear: left; - left: 52%; - top: -20px; - } - - body.tagmode-default-extended a.showExtendedTags { - display: none; - } } .addtmx-tr.white-tx .open-popup-addtm-tr { @@ -4174,63 +2471,11 @@ body.tagmode-default-extended .textarea-container .tagMode li.extended, background: #ededed; } -.popup-addtm-tr .popup { - width: 54% !important; - margin: 0 !important; - left: 23% !important; - top: 2%; - text-align: left; -} - -#addtm-upload-form .block { - float: left; - width: 100%; -} - -.popup-addtm-tr h2 { - font-size: 20px; - font-weight: bold; - margin: 10px 0; -} - -.popup-addtm-tr .popup-box { - max-height: 550px; - overflow: auto; -} - -.addtm-break-2-lines { - border: 1px solid white; - height: 25px; -} - -.block-last .mgmt-input { - width: 62%; -} - .open-popup-addtm-tr { cursor: pointer; margin-left: 5px; } -.popup-addtm-tr input[type='file'] { - font-size: 15px; - margin-bottom: 15px; -} - -.popup-addtm-tr input#key { - width: 96%; - color: $grey2; -} - -.popup-addtm-tr .btn-ok { - padding: 4px 18px; - margin: 2px 5px 1px 5px; -} - -/*.addtmx-tr:hover { - -}*/ - .fileupload { margin-right: 10px; font-weight: bold; @@ -4256,29 +2501,6 @@ body.tagmode-default-extended .textarea-container .tagMode li.extended, text-decoration: none; } -body.cattool table.mgmt-mt th.action { - display: none; -} - -body.cattool table.mgmt-mt tbody .action { - display: none; -} - -body.isAnonymous .add-mt-engine { - display: none; -} - -body.cattool .mgmt-table-mt .add-mt-engine { - display: none; -} - -body.cattool .mgmt-table-mt tbody tr { - opacity: 0.6; -} - -body.cattool .mgmt-table-mt .activemt { - opacity: 1 !important; -} .splitContainer { position: relative; @@ -4361,20 +2583,6 @@ body.cattool .mgmt-table-mt .activemt { border-radius: 3px; } -#export_edit_log_csv_link { - top: 30px; - position: relative; - font-style: italic; -} - -.color_green { - color: #6aa84f; -} - -.bg_orange { - background: #ee6633; -} - /** * Ensure all tabbed content in the footer is only visible when * the segment completed loading. @@ -4397,14 +2605,6 @@ section .segment-side-buttons { color: $grey1; } -.blue-button { - background: $translatedBlue; -} - -.red-button { - background: #b02429; -} - .grey-button { color: #333; background: #f6f6f6; @@ -4428,21 +2628,11 @@ section .segment-side-buttons { color: #999; } -.edit-log { - /*top: 5px;*/ - font-weight: bold; - right: -1px; -} - .ui.user.label { margin-right: 13px; /*top: 5px;*/ } -.tmx-import-slider { - width: 110px !important; -} - /*Editor Toggle*/ .editor .toggle { //display: inline-block; @@ -4460,10 +2650,6 @@ section .segment-side-buttons { margin-left: 16px; } -input#markAsCompleteButton[disabled] { - background: #d7d7d8; -} - /* Header/Footer Restyling */ $icon-scale: 30px; @@ -4475,21 +2661,6 @@ $gray-2: #bbbbbb; $light-blue: #0055b8; $white: #fff; -/* Edit Log */ - -.editlog { - padding-top: 88px; - - .wrapper { - margin: 0 auto 64px auto; - } - - header { - .logo { - margin-top: 0 !important; - } - } -} /* XLIFF to Target page */ @@ -4501,40 +2672,6 @@ $white: #fff; } } -/* Quality Report improved */ - -.improved-reviselog { - padding-top: 44px; - header { - .wrapper { - display: grid; - grid-template-columns: 208px auto 120px; - - .btn-main { - background: #fff; - color: #002b5c; - font-size: 16px; - width: 152px; - text-align: center; - max-height: 40px; - border-radius: 2px; - line-height: 1.25; - border: none; - padding: 8px; - - &:hover { - color: $light-blue; - } - } - - .action-menu { - grid-template-columns: auto auto; - margin-right: 8px; - } - } - } -} - /* Default */ header { @@ -4702,37 +2839,11 @@ header { height: 17px; } } - - #markAsCompleteButton { - width: $icon-scale !important; - height: $icon-scale; - text-align: right; - background: transparent; - border: none; - - &.isMarkedComplete { - background-image: url('../../img/icons/icon-mark-active.svg'); - background-size: cover; - } - &.isMarkableAsComplete { - opacity: 1; - padding: 0 !important; - border-radius: 0; - background: transparent url('../../img/icons/icon-mark.svg'); - background-size: cover; - } - &.notMarkedComplete { - background: transparent url('../../img/icons/icon-mark.svg'); - opacity: 0.7; - background-size: cover; - cursor: not-allowed; - } - } #action-download { - background-image: url('../../img/icons/icon-download.svg'); + background-image: url('/public/img/icons/icon-download.svg'); background-size: 30px; &.job-completed { - background-image: url('../../img/icons/icon-download-complete.svg'); + background-image: url('/public/img/icons/icon-download-complete.svg'); } } #action-QR, @@ -4907,74 +3018,6 @@ header { #action-settings { } } - - #action-manage { - opacity: 0.8; - &:hover { - opacity: 1; - } - } -} - -.func-foo { - height: 44px; - background-color: #fafafa; - padding: 0 146px; - width: 100%; - position: fixed; - bottom: 0; - left: 0; - z-index: 2; - display: grid; - - #pagination_box { - nav { - ul { - #current_page { - padding: 0 4px; - a { - color: $translatedBlue; - padding: 2px 6px; - border: 2px solid $translatedBlue; - border-radius: 25px; - } - } - - li a { - opacity: 0.8; - } - - li { - padding: 0 8px; - margin: 0; - border-right: none; - a { - text-decoration: none; - color: #000; - } - } - } - } - } - - .footer-body { - display: grid; - position: relative; - grid-column-gap: 32px; - grid-template-columns: auto; /* auto 0.5fr 0.5fr 0.5fr 0.5fr */ - align-items: center; - justify-content: center; - min-width: 616px; - - .item { - font-size: 16px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: 1.5; - color: black; - } - } } .optionsToolbar { diff --git a/public/css/sass/upload-page.scss b/public/css/sass/upload-page.scss index b8c1745289..35e38c838a 100644 --- a/public/css/sass/upload-page.scss +++ b/public/css/sass/upload-page.scss @@ -6,963 +6,35 @@ body { min-height: 100%; } -/* Interaction states -----------------------------------*/ -//.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { -// border: 1px solid #d3d3d3; -// background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; -// font-weight: normal; -// color: #555555; -//} - -.ui-state-default a, -.ui-state-default a:link, -.ui-state-default a:visited { - color: #555555; - text-decoration: none; -} - -//.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { -// border: 1px solid #999999; -// background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; -// font-weight: normal; -// color: #212121; -//} - -.ui-state-hover a, -.ui-state-hover a:hover { - color: #212121; - text-decoration: none; -} - -//.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { -// border: 1px solid #aaaaaa; -// background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; -// font-weight: normal; -// color: #212121; -//} - -.ui-state-active a, -.ui-state-active a:link, -.ui-state-active a:visited { - color: #212121; - text-decoration: none; -} - -.ui-widget :active { - outline: none; -} - -/* Interaction Cues -----------------------------------*/ -//.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { -// border: 1px solid #fcefa1; -// background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; -// color: #363636; -//} - -.ui-state-highlight a, -.ui-widget-content .ui-state-highlight a, -.ui-widget-header .ui-state-highlight a { - color: #363636; -} - -//.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { -// border: 1px solid #cd0a0a; -// background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; -// color: #cd0a0a; -//} - -.ui-state-error a, -.ui-widget-content .ui-state-error a, -.ui-widget-header .ui-state-error a { - color: #cd0a0a; -} - -.ui-state-error-text, -.ui-widget-content .ui-state-error-text, -.ui-widget-header .ui-state-error-text { - color: #cd0a0a; -} - -.ui-priority-primary, -.ui-widget-content .ui-priority-primary, -.ui-widget-header .ui-priority-primary { - font-weight: bold; -} - -.ui-priority-secondary, -.ui-widget-content .ui-priority-secondary, -.ui-widget-header .ui-priority-secondary { - opacity: 0.7; - filter: Alpha(Opacity=70); - font-weight: normal; -} - -.ui-state-disabled, -.ui-widget-content .ui-state-disabled, -.ui-widget-header .ui-state-disabled { - opacity: 0.35; - filter: Alpha(Opacity=35); - background-image: none; -} - -/* Icons -----------------------------------*/ - -/* Misc visuals -----------------------------------*/ - -/* Corner radius */ -.ui-corner-all, -.ui-corner-top, -.ui-corner-left, -.ui-corner-tl { - -moz-border-radius-topleft: 4px; - -webkit-border-top-left-radius: 4px; - -khtml-border-top-left-radius: 4px; - border-top-left-radius: 4px; -} - -.ui-corner-all, -.ui-corner-top, -.ui-corner-right, -.ui-corner-tr { - -moz-border-radius-topright: 4px; - -webkit-border-top-right-radius: 4px; - -khtml-border-top-right-radius: 4px; - border-top-right-radius: 4px; -} - -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-left, -.ui-corner-bl { - -moz-border-radius-bottomleft: 4px; - -webkit-border-bottom-left-radius: 4px; - -khtml-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-right, -.ui-corner-br { - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-right-radius: 4px; - -khtml-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -/* Overlays */ -//.ui-widget-overlay { -// background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; -// opacity: .30; -// filter: Alpha(Opacity=30); -//} -// -//.ui-widget-shadow { -// margin: -8px 0 0 -8px; -// padding: 8px; -// background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; -// opacity: .30; -// filter: Alpha(Opacity=30); -// -moz-border-radius: 8px; -// -khtml-border-radius: 8px; -// -webkit-border-radius: 8px; -// border-radius: 8px; -//} - -/*! - * jQuery UI Resizable 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Resizable#theming - */ -.ui-resizable { - position: relative; -} - -.ui-resizable-handle { - position: absolute; - font-size: 0.1px; - display: block; -} - -.ui-resizable-disabled .ui-resizable-handle, -.ui-resizable-autohide .ui-resizable-handle { - display: none; -} - -.ui-resizable-n { - cursor: n-resize; - height: 7px; - width: 100%; - top: -5px; - left: 0; -} - -.ui-resizable-s { - cursor: s-resize; - height: 7px; - width: 100%; - bottom: -5px; - left: 0; -} - -.ui-resizable-e { - cursor: e-resize; - width: 7px; - right: -5px; - top: 0; - height: 100%; -} - -.ui-resizable-w { - cursor: w-resize; - width: 7px; - left: -5px; - top: 0; - height: 100%; -} - -.ui-resizable-se { - cursor: se-resize; - width: 12px; - height: 12px; - right: 1px; - bottom: 1px; -} - -.ui-resizable-sw { - cursor: sw-resize; - width: 9px; - height: 9px; - left: -5px; - bottom: -5px; -} - -.ui-resizable-nw { - cursor: nw-resize; - width: 9px; - height: 9px; - left: -5px; - top: -5px; -} - -.ui-resizable-ne { - cursor: ne-resize; - width: 9px; - height: 9px; - right: -5px; - top: -5px; -} - -/*! - * jQuery UI Selectable 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Selectable#theming - */ -.ui-selectable-helper { - position: absolute; - z-index: 100; - border: 1px dotted black; -} - -/*! - * jQuery UI Accordion 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Accordion#theming - */ -/* IE/Win - Fix animation bug - #4615 */ -.ui-accordion { - width: 100%; -} - -.ui-accordion .ui-accordion-header { - cursor: pointer; - position: relative; - margin-top: 1px; - zoom: 1; -} - -.ui-accordion .ui-accordion-li-fix { - display: inline; -} - -.ui-accordion .ui-accordion-header-active { - border-bottom: 0 !important; -} - -.ui-accordion .ui-accordion-header a { - display: block; - font-size: 1em; - padding: 0.5em 0.5em 0.5em 0.7em; -} - -.ui-accordion-icons .ui-accordion-header a { - padding-left: 2.2em; -} - -.ui-accordion .ui-accordion-header .ui-icon { - position: absolute; - left: 0.5em; - top: 50%; - margin-top: -8px; -} - -.ui-accordion .ui-accordion-content { - padding: 1em 2.2em; - border-top: 0; - margin-top: -2px; - position: relative; - top: 1px; - margin-bottom: 2px; - overflow: auto; - display: none; - zoom: 1; -} - -.ui-accordion .ui-accordion-content-active { - display: block; -} - -/*! - * jQuery UI Autocomplete 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Autocomplete#theming - */ -.ui-autocomplete { - position: absolute; - cursor: default; -} - -/* workarounds */ -* html .ui-autocomplete { - width: 1px; -} - -/* without this, the menu expands to 100% in IE6 */ - -/* - * jQuery UI Menu 1.8.20 - * - * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Menu#theming - */ -.ui-menu { - list-style: none; - padding: 2px; - margin: 0; - display: block; - float: left; -} - -.ui-menu .ui-menu { - margin-top: -3px; -} - -.ui-menu .ui-menu-item { - margin: 0; - padding: 0; - zoom: 1; - float: left; - clear: left; - width: 100%; -} - -.ui-menu .ui-menu-item a { - text-decoration: none; - display: block; - padding: 0.2em 0.4em; - line-height: 1.5; - zoom: 1; -} - -.ui-menu .ui-menu-item a.ui-state-hover, -.ui-menu .ui-menu-item a.ui-state-active { - font-weight: normal; - margin: -1px; -} - -/*! - * jQuery UI Button 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Button#theming - */ -.ui-button { - display: inline-block; - position: relative; - padding: 0; - margin-right: 0.1em; - text-decoration: none !important; - cursor: pointer; - text-align: center; - zoom: 1; - overflow: visible; -} - -/* the overflow property removes extra width in IE */ -.ui-button-icon-only { - width: 2.2em; -} - -/* to make room for the icon, a width needs to be set here */ -button.ui-button-icon-only { - width: 2.4em; -} - -/* button elements seem to need a little more width */ -.ui-button-icons-only { - width: 3.4em; -} - -table .btn { - padding: 0px 20px; -} - -button.ui-button-icons-only { - width: 3.7em; -} - -/*button text element */ -.ui-button .ui-button-text { - font-family: Calibri, Arial, Helvetica, sans-serif; -} - -/*button icon element(s) */ -.ui-button-icon-only .ui-icon, -.ui-button-text-icon-primary .ui-icon, -.ui-button-text-icon-secondary .ui-icon, -.ui-button-text-icons .ui-icon, -.ui-button-icons-only .ui-icon { - position: absolute; - top: 50%; - margin-top: -8px; -} - -.ui-button-icon-only .ui-icon { - left: 50%; - margin-left: -8px; -} - -.ui-button-text-icon-primary .ui-button-icon-primary, -.ui-button-text-icons .ui-button-icon-primary, -.ui-button-icons-only .ui-button-icon-primary { - left: 0.5em; -} - -.ui-button-text-icon-secondary .ui-button-icon-secondary, -.ui-button-text-icons .ui-button-icon-secondary, -.ui-button-icons-only .ui-button-icon-secondary { - right: 0.5em; -} - -.ui-button-text-icons .ui-button-icon-secondary, -.ui-button-icons-only .ui-button-icon-secondary { - right: 0.5em; -} - -/*button sets*/ -.ui-buttonset { - margin-right: 7px; -} - -.ui-buttonset .ui-button { - margin-left: 0; - margin-right: -0.3em; -} - -/* workarounds */ -button.ui-button::-moz-focus-inner { - border: 0; - padding: 0; -} - -/* reset extra padding in Firefox */ -/*! - * jQuery UI Dialog 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Dialog#theming - */ -.ui-dialog { - position: absolute; - padding: 0.2em; - width: 300px; - overflow: hidden; -} - -.ui-dialog .ui-dialog-titlebar { - padding: 0.4em 1em; - position: relative; -} - -.ui-dialog .ui-dialog-title { - float: left; - margin: 0.1em 16px 0.1em 0; -} - -.ui-dialog .ui-dialog-titlebar-close { - position: absolute; - right: 0.3em; - top: 50%; - width: 19px; - margin: -10px 0 0 0; - padding: 1px; - height: 18px; -} - -.ui-dialog .ui-dialog-titlebar-close span { - display: block; - margin: 1px; -} - -.ui-dialog .ui-dialog-titlebar-close:hover, -.ui-dialog .ui-dialog-titlebar-close:focus { - padding: 0; -} - -.ui-dialog .ui-dialog-content { - position: relative; - border: 0; - padding: 0.5em 1em; - background: none; - overflow: auto; - zoom: 1; -} - -.ui-dialog .ui-dialog-buttonpane { - text-align: left; - border-width: 1px 0 0 0; - background-image: none; - margin: 0.5em 0 0 0; - padding: 0.3em 1em 0.5em 0.4em; -} - -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: right; -} - -.ui-dialog .ui-dialog-buttonpane button { - margin: 0.5em 0.4em 0.5em 0; - cursor: pointer; -} - -.ui-dialog .ui-resizable-se { - width: 14px; - height: 14px; - right: 3px; - bottom: 3px; -} - -.ui-draggable .ui-dialog-titlebar { - cursor: move; -} - -/*! - * jQuery UI Slider 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Slider#theming - */ -.ui-slider { - position: relative; - text-align: left; -} - -.ui-slider .ui-slider-handle { - position: absolute; - z-index: 2; - width: 1.2em; - height: 1.2em; - cursor: default; -} - -.ui-slider .ui-slider-range { - position: absolute; - z-index: 1; - font-size: 0.7em; - display: block; - border: 0; - background-position: 0 0; -} - -.ui-slider-horizontal { - height: 0.8em; -} - -.ui-slider-horizontal .ui-slider-handle { - top: -0.3em; - margin-left: -0.6em; -} - -.ui-slider-horizontal .ui-slider-range { - top: 0; - height: 100%; -} - -.ui-slider-horizontal .ui-slider-range-min { - left: 0; -} - -.ui-slider-horizontal .ui-slider-range-max { - right: 0; -} - -.ui-slider-vertical { - width: 0.8em; - height: 100px; -} - -.ui-slider-vertical .ui-slider-handle { - left: -0.3em; - margin-left: 0; - margin-bottom: -0.6em; -} - -.ui-slider-vertical .ui-slider-range { - left: 0; - width: 100%; -} - -.ui-slider-vertical .ui-slider-range-min { - bottom: 0; -} - -.ui-slider-vertical .ui-slider-range-max { - top: 0; -} - /*! - * jQuery UI Tabs 1.8.20 + * jQuery UI Button 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * - * http://docs.jquery.com/UI/Tabs#theming + * http://docs.jquery.com/UI/Button#theming */ -.ui-tabs { - position: relative; - padding: 0.2em; - zoom: 1; -} - -/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ -.ui-tabs .ui-tabs-nav { - margin: 0; - padding: 0.2em 0.2em 0; -} - -.ui-tabs .ui-tabs-nav li { - list-style: none; - float: left; +.ui-button { + display: inline-block; position: relative; - top: 1px; - margin: 0 0.2em 1px 0; - border-bottom: 0 !important; padding: 0; - white-space: nowrap; -} - -.ui-tabs .ui-tabs-nav li a { - float: left; - padding: 0.5em 1em; - text-decoration: none; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-selected { - margin-bottom: 0; - padding-bottom: 1px; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, -.ui-tabs .ui-tabs-nav li.ui-state-disabled a, -.ui-tabs .ui-tabs-nav li.ui-state-processing a { - cursor: text; -} - -.ui-tabs .ui-tabs-nav li a, -.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { + margin-right: 0.1em; + text-decoration: none !important; cursor: pointer; -} - -/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ -.ui-tabs .ui-tabs-panel { - display: block; - border-width: 0; - padding: 1em 1.4em; - background: none; -} - -.ui-tabs .ui-tabs-hide { - display: none !important; -} - -/*! - * jQuery UI Datepicker 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Datepicker#theming - */ -.ui-datepicker { - width: 17em; - padding: 0.2em 0.2em 0; - display: none; -} - -.ui-datepicker .ui-datepicker-header { - position: relative; - padding: 0.2em 0; -} - -.ui-datepicker .ui-datepicker-prev, -.ui-datepicker .ui-datepicker-next { - position: absolute; - top: 2px; - width: 1.8em; - height: 1.8em; -} - -.ui-datepicker .ui-datepicker-prev-hover, -.ui-datepicker .ui-datepicker-next-hover { - top: 1px; -} - -.ui-datepicker .ui-datepicker-prev { - left: 2px; -} - -.ui-datepicker .ui-datepicker-next { - right: 2px; -} - -.ui-datepicker .ui-datepicker-prev-hover { - left: 1px; -} - -.ui-datepicker .ui-datepicker-next-hover { - right: 1px; -} - -.ui-datepicker .ui-datepicker-prev span, -.ui-datepicker .ui-datepicker-next span { - display: block; - position: absolute; - left: 50%; - margin-left: -8px; - top: 50%; - margin-top: -8px; -} - -.ui-datepicker .ui-datepicker-title { - margin: 0 2.3em; - line-height: 1.8em; - text-align: center; -} - -.ui-datepicker .ui-datepicker-title select { - font-size: 1em; - margin: 1px 0; -} - -.ui-datepicker select.ui-datepicker-month-year { - width: 100%; -} - -.ui-datepicker select.ui-datepicker-month, -.ui-datepicker select.ui-datepicker-year { - width: 49%; -} - -.ui-datepicker table { - width: 100%; - font-size: 0.9em; - border-collapse: collapse; - margin: 0 0 0.4em; -} - -.ui-datepicker th { - padding: 0.7em 0.3em; text-align: center; - font-weight: bold; - border: 0; -} - -.ui-datepicker td { - border: 0; - padding: 1px; -} - -.ui-datepicker td span, -.ui-datepicker td a { - display: block; - padding: 0.2em; - text-align: right; - text-decoration: none; -} - -.ui-datepicker .ui-datepicker-buttonpane { - background-image: none; - margin: 0.7em 0 0 0; - padding: 0 0.2em; - border-left: 0; - border-right: 0; - border-bottom: 0; -} - -.ui-datepicker .ui-datepicker-buttonpane button { - float: right; - margin: 0.5em 0.2em 0.4em; - cursor: pointer; - padding: 0.2em 0.6em 0.3em 0.6em; - width: auto; + zoom: 1; overflow: visible; } -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { - float: left; -} - -/* with multiple calendars */ -.ui-datepicker.ui-datepicker-multi { - width: auto; -} - -.ui-datepicker-multi .ui-datepicker-group { - float: left; -} - -.ui-datepicker-multi .ui-datepicker-group table { - width: 95%; - margin: 0 auto 0.4em; -} - -.ui-datepicker-multi-2 .ui-datepicker-group { - width: 50%; -} - -.ui-datepicker-multi-3 .ui-datepicker-group { - width: 33.3%; -} - -.ui-datepicker-multi-4 .ui-datepicker-group { - width: 25%; -} - -.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { - border-left-width: 0; -} - -.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { - border-left-width: 0; -} - -.ui-datepicker-multi .ui-datepicker-buttonpane { - clear: left; -} - -.ui-datepicker-row-break { - clear: both; - width: 100%; - font-size: 0em; -} - -/* RTL support */ -.ui-datepicker-rtl { - direction: rtl; -} - -.ui-datepicker-rtl .ui-datepicker-prev { - right: 2px; - left: auto; -} - -.ui-datepicker-rtl .ui-datepicker-next { - left: 2px; - right: auto; -} - -.ui-datepicker-rtl .ui-datepicker-prev:hover { - right: 1px; - left: auto; -} - -.ui-datepicker-rtl .ui-datepicker-next:hover { - left: 1px; - right: auto; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane { - clear: right; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane button { - float: left; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { - float: right; -} - -.ui-datepicker-rtl .ui-datepicker-group { - float: right; -} - -.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; -} - -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; +table .btn { + padding: 0px 20px; } -/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ -.ui-datepicker-cover { - display: none; /*sorry for IE5*/ - display/**/ - : block; /*sorry for IE5*/ - position: absolute; /*must have*/ - z-index: -1; /*must have*/ - filter: mask(); /*must have*/ - top: -4px; /*must have*/ - left: -4px; /*must have*/ - width: 200px; /*must have*/ - height: 200px; /*must have*/ +/* workarounds */ +button.ui-button::-moz-focus-inner { + border: 0; + padding: 0; } /*! @@ -992,154 +64,7 @@ button.ui-button::-moz-focus-inner { } .converting .ui-progressbar-value { - background: url(../../img/progressbar-green.gif) !important; -} - -/*jquery.image-gallery.min.css*/ -#gallery-loader { - position: fixed; - top: 50%; - left: 50%; - width: 128px; - height: 128px; - margin: -64px 0 0 -64px; - background: url(../../img/loading.gif); - z-index: 9999; -} - -* html #gallery-loader { - position: absolute; -} - -.gallery-dialog .ui-dialog-content { - cursor: pointer; - text-align: center; -} - -.gallery-dialog .ui-dialog-content:hover:before, -.gallery-dialog .ui-dialog-content:hover:after { - content: '‹'; - position: absolute; - top: 50%; - left: 25px; - width: 40px; - height: 40px; - margin-top: -20px; - font-size: 60px; - font-weight: 100; - line-height: 30px; - color: #ffffff; - text-align: center; - background: #222222; - border: 3px solid #ffffff; - -webkit-border-radius: 23px; - -moz-border-radius: 23px; - border-radius: 23px; - opacity: 0.5; - filter: alpha(opacity=50); - z-index: 1; -} - -.gallery-dialog .ui-dialog-content:hover:after { - content: '›'; - left: auto; - right: 25px; -} - -.gallery-dialog-single .ui-dialog-content:hover:before, -.gallery-dialog-single .ui-dialog-content:hover:after { - display: none; -} - -.gallery-dialog .ui-dialog-content img { - border: 0; -} - -.gallery-dialog-fullscreen { - padding: 0; - border: 0; - border-radius: 0; - -webkit-box-shadow: 0 0 20px #000; - -moz-box-shadow: 0 0 20px #000; - box-shadow: 0 0 20px #000; -} - -.gallery-dialog-fullscreen .ui-dialog-titlebar { - display: none; -} - -.gallery-dialog-fullscreen .ui-dialog-content { - padding: 0; - border: 0; - cursor: pointer; - text-align: center; -} - -.gallery-dialog-fullscreen .ui-dialog-content img, -.gallery-dialog-fullscreen .ui-dialog-content canvas { - float: left; - border: 0; -} - -* html .gallery-dialog-fullscreen .ui-dialog-content img { - float: none; -} - -.gallery-body-fullscreen .ui-widget-overlay { - opacity: 1; - filter: alpha(opacity=100); -} - -.gallery-body .ui-effects-explode, -.gallery-body .ui-effects-wrapper, -.gallery-body-fullscreen .ui-effects-wrapper, -.gallery-body-fullscreen .ui-effects-explode { - z-index: 10000 !important; -} - -.gallery-body, -.gallery-body-fullscreen { - overflow: hidden; -} - -* html .gallery-body select, -* html .gallery-body-fullscreen select { - display: none; -} - -.memory-mgmt { - padding: 8px 10px 1px 10px; - margin-top: 7px; - /* - color: #333; - font-weight: bold; - width: 230px; - */ - text-decoration: none; -} - -.memory-mgmt .text { - text-decoration: underline; -} - -.memory-mgmt .tm-added { - display: none; -} - -.memory-mgmt:hover { - /* background:#F7F7F7; */ -} - -.memory-mgmt i { - margin-right: 10px; - margin-top: 2px; - float: left; -} - -.tm-mgmt { - padding: 0; - margin: 0; - text-decoration: underline; + background: url(/public/img/progressbar-green.gif) !important; } .fileinput-button input { @@ -1195,7 +120,7 @@ button.ui-button::-moz-focus-inner { .files .ui-progressbar-value, .fileupload-buttonbar .ui-progressbar-value { - background: url(../../img/progressbar.gif); + background: url(/public/img/progressbar.gif); } .fileupload-buttonbar .fade, @@ -1208,7 +133,7 @@ button.ui-button::-moz-focus-inner { left: 50%; width: 128px; height: 128px; - background: url(../../img/loading.gif) center no-repeat; + background: url(/public/img/loading.gif) center no-repeat; display: none; } @@ -1313,25 +238,6 @@ button.ui-button::-moz-focus-inner { max-height: none !important; overflow: hidden !important; } - div#add-tmx-option:hover, - div#add-multiple-lang:hover { - background: rgba(0, 0, 0, 0.05); - } - div#add-tmx-option, - div#add-multiple-lang { - cursor: pointer; - color: #39699a; - font-size: 14px; - margin: 0; - padding: 15px; - .icon { - float: right; - font-size: 24px; - margin-top: -3px; - margin-right: 1px; - color: #39699a; - } - } div.item { width: 100%; min-width: 150px; @@ -1339,10 +245,6 @@ button.ui-button::-moz-focus-inner { overflow: hidden; text-overflow: ellipsis; padding-right: 10px !important; - span.item-key-id { - color: #757575; - clear: both; - } span { line-height: 17px; } @@ -1364,17 +266,6 @@ button.ui-button::-moz-focus-inner { text-overflow: ellipsis; font-size: 16px; white-space: nowrap; - - .item-key-id { - margin-top: 0px; - float: none; - } - .item-key-name { - color: initial; - margin-top: 0px; - margin-right: 5px; - float: none; - } } .divider { margin: 0 !important; @@ -1418,10 +309,6 @@ button.ui-button::-moz-focus-inner { } } -.translate-box.manage-link { - display: none; -} - .translate-box { float: left; margin: 20px 0 0 0; @@ -1584,10 +471,6 @@ button.ui-button::-moz-focus-inner { } } } - - .history__list { - border-bottom: 1px solid rgba(34, 36, 38, 0.1); - } } .select-without-private-keys { @@ -1631,29 +514,10 @@ button.ui-button::-moz-focus-inner { margin-top: 5px; } -.manage-link { - margin-left: -14px; -} - .translate-box.source { margin-right: 0px; } -.translate-checkbox { - float: left; -} - -.tms-checkbox { - width: 150px; - height: 26px; -} - -.tms-label { - float: right; - margin-left: 4px; - margin-top: 2px; -} - .wrapper-upload { text-align: left; margin: 0 auto; @@ -1731,45 +595,27 @@ h2 { font-size: 18px; } -h2.payoff { - color: #fff !important; - font-weight: normal !important; - font-size: 24px; - font-family: Calibri, Arial, Helvetica, sans-serif; -} - /*button*/ .uploadbtn { - background: $translatedBlue; - font-weight: 100; + font-weight: 500 !important; padding: 8px 16px; width: auto !important; min-width: 200px; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; font-size: 26px !important; - cursor: pointer; - color: #fff; - border: none; - border-radius: 2px; -} - -.uploadbtn:hover { - background: $translatedBlueHover; - color: #ffffff; - box-shadow: - 0 0 0 #e0e0e0, - 0 0 2px rgba(0, 0, 0, 0.12), - 0 2px 4px rgba(0, 0, 0, 0.24) !important; -} - -.uploadbtn:focus { - outline-color: $translatedBlueActive; -} - -.uploadbtn:active { - box-shadow: none; + &.disabled { + background: $grey2 !important; + } + .uploadloader { + background: url(/public/img/loader.gif) center center no-repeat; + width: 20px; + height: 20px; + float: right; + margin-top: 3px; + position: absolute; + right: 233px; + background-size: 20px 20px; + } } .uploadbtn-box { @@ -1815,9 +661,6 @@ h2.payoff { border-bottom: 1px dashed #ccc; } -.upload-table tr:hover { -} - .btncontinue { position: absolute; bottom: 0; @@ -1912,10 +755,6 @@ h2.payoff { } } -.upload-footer .fileinput-button { - position: relative; -} - .fileinput-button:hover { background-color: $translatedBlueHover; box-shadow: @@ -2002,10 +841,6 @@ body { border-radius: 2px; } -.mgmt-table-mt select { - font-size: 14px; -} - .upload-input { padding: 3px 5px 3px 9px; font-size: 16px !important; @@ -2021,36 +856,6 @@ body { box-shadow: none; } -#private-tm-key { - width: 220px; - height: 28px; - margin: 0 0 5px 0; -} - -/* upload footer */ -.upload-footer { - width: 100%; - background: #ebebec; - padding: 10px 0; - border-top: 1px dashed #ccc; - margin-top: -1px; -} - -.upload-footer .btn { - float: left; - padding: 5px 10px 0 30px; - width: auto; - margin-bottom: 0px !important; -} - -.upload-footer p { - text-align: left !important; - float: left; - margin: 5px 10px 0px 20px !important; - font-size: 18px !important; - line-height: 20px !important; -} - .ui-progressbar-value { display: none !important; } @@ -2071,46 +876,6 @@ a { visibility: hidden; } -.uploadtext { - float: left; - width: 55%; -} - -.uploadtext h2 { - margin: 15px 0 0 0; -} - -.linkupload { - font-size: 22px; - font-weight: bold; -} - -.upload-analysis { - border: 1px solid #ccc; - float: left; - font-size: 16px; - -moz-box-shadow: 0 1px 3px #ccc; - -webkit-box-shadow: 0 1px 3px #ccc; - float: left; - -moz-border-radius: 2px; - border-radius: 2px; - width: 80%; -} - -.upload-analysis th { - padding: 10px; - border-bottom: 1px solid #ccc; - text-align: left; - background: #e2e4e5; -} - -.upload-analysis td { - padding: 10px; - border-bottom: 1px solid #ccc; - text-align: left; - background: #efefef; -} - .supported-files { float: left; font-weight: bold; @@ -2132,10 +897,6 @@ a { display: none !important; } -.uploaded .upload-footer { - display: block !important; -} - .file-drop { margin: 40px 0 50px 0 !important; } @@ -2165,7 +926,7 @@ a { } span.gdrive-icon { - background: url(../../img/logo-drive-16.png); + background: url(/public/img/logo-drive-16.png); background-size: 100%; width: 16px; height: 14px; @@ -2213,27 +974,6 @@ span.gdrive-icon { bottom: 0; } -.dnd-hover { - /* - border: 4px solid #97e800 !important; - */ -} - -.upload-files.uploaded .upload-footer, -.gdrive-upload-files.uploaded .upload-footer { - display: none !important; -} - -.error-content { - padding-left: 45px; - padding-right: 10px; - float: left; -} - -.error-content a { - color: white; -} - .error-message, .warning-message { background: #d65757; @@ -2301,7 +1041,6 @@ span.gdrive-icon { } .file-drop, -.upload-footer, .uploaded .btn-success, .dragging .btn-success, .uploaded .fileinput-link, @@ -2343,18 +1082,6 @@ tr.ready .size span { visibility: visible; } -.advanced-box { - margin: 0px 0 10px 0; - float: left; - width: 96%; - padding: 20px; -} - -.advanced-box h2 { - font-size: 30px; - text-align: left; -} - .more { margin-bottom: 5px; float: left; @@ -2390,14 +1117,6 @@ tr.ready .size span { border-radius: 2px; } -.tm-button { - width: 20px; - display: none; - float: left; - margin-left: -10px; - margin-top: 35px; -} - .disabled, .disabled:hover, .disabled:active { @@ -2409,11 +1128,6 @@ tr.ready .size span { box-shadow: none !important; } -header { - position: relative; - min-width: 992px; -} - .wrapper { width: 98%; min-width: 960px; @@ -2472,7 +1186,7 @@ header { } .close { - background: url(../../img/x.png) center 1px no-repeat; + background: url(/public/img/x.png) center 1px no-repeat; width: 22px; height: 20px; display: block; @@ -2483,39 +1197,7 @@ header { .close:hover, .close:focus { - background: url(../../img/x.png) center -30px no-repeat; -} - -.listlang { - float: left; - padding: 0 0 0 0; - margin: 0 10px 50px 5px; - width: 220px; - font-size: 100%; -} - -.listlang li { - width: 200px; - padding: 1px 0 1px 0; - overflow: hidden !important; - border-bottom: 1px dotted #ccc; - line-height: 22px; - text-align: left; -} - -.listlang li.on { - font-weight: bold; -} - -.listlang label { - display: inline-block; - cursor: pointer; - padding-left: 0%; - padding-top: 4px; -} - -.listlang input { - margin-top: 8px; + background: url(/public/img/x.png) center -30px no-repeat; } .popup .header input { @@ -2606,71 +1288,6 @@ ul.test li { background: yellow; } -//footer{background:#6d6e71;height:27px;text-align:right;border-top:1px solid #333;color:#fff;position:fixed;bottom:0;left:0;width:100%;z-index:999999999999;} -//footer a {color:#fff;text-shadow:none;} -//footer a:hover{text-decoration:none} - -/*footer { - height: 28px; - z-index: 4; - position: fixed; - .wrapper { - margin: 0px auto 0 auto; - padding: 5px 0 0 0; - - ul { - margin: 0px 0 0 0; - padding: 0; - li { - height: 18px; - padding-top: 0px; - border-right: 1px solid #fff; - margin-top: 0px; - a { - &:hover { - color: #ffffff; - } - } - } - } - #welcomebox { - color: #ffffff; - &:hover { - color: #ffffff; - text-decoration: none; - } - a { - color: #fff; - } - - } - - } -}*/ - -.fb-like.fb_iframe_widget { - float: left; - margin-top: -1px; -} - -#authentication { - float: right; - margin-left: 50px; -} - -/*#mt_engine - { - width: 240px; - } -*/ -#create_private_tm_btn { - background-image: none; - width: 70px; - margin-left: -22px; - padding: 8px 0 1px 0; - margin-top: 7px; -} - #swaplang { float: left; display: block; @@ -2689,52 +1306,6 @@ ul.test li { color: #ddd; } -/* job list table when analyze page is not available */ -.tablestats { - display: none; - border-right: 1px solid #ccc; - -moz-border-radius: 4px; - border-radius: 4px; - margin-bottom: 4px !important; - margin-top: 20px !important; - float: right; -} - -.tablestats th { - background-color: #efefef; - font-size: 16px; - border-top: 1px solid #ccc; -} - -.tablestats th, -.tablestats td { - border-bottom: 1px solid #ccc; - border-left: 1px solid #ccc; - padding: 8px; - margin: 1px 0; - text-align: left; -} - -.tablestats td { - font-size: 14px; -} - -.newProject { - right: 20px; - float: right; -} - -.tablestats a.url { - font-size: 14px; -} - -.disabledLink { - color: gray; - text-decoration: none; - background: none; - cursor: default; -} - .name { padding: 8px 0px 5px 20px !important; } @@ -2752,96 +1323,6 @@ ul.test li { cursor: pointer; } -header .open-more { - color: #fff; - padding: 10px 5px; - font-size: 16px; -} - -.open-more { - cursor: pointer; - text-decoration: underline; - color: #fff; -} - -.learnmore { - background-color: #fff; - padding: 20px 40px 30px 40px; - margin: 0 auto; - margin-top: -20px; - overflow: hidden; - color: #333; - font-size: 20px; -} - -.learnmore h1 { - color: #19bdea; - font-size: 40px; - font-weight: 800; - margin: 0px 0 10px 0; - padding-bottom: 20px; - border-bottom: 1px solid #e9e9e9; -} - -.col-3 { - width: 25%; - float: left; - padding: 0 4%; -} - -.learnmore h2 { - color: #333; - margin-top: 10px; - font-weight: 800; - font-size: 25px; -} - -.learnmore .open-more { - font-size: 20px; - text-decoration: none; - font-weight: bold; - color: #333; -} - -.learnmore .open-more:hover { - color: #19bdea; -} - -.learnmore img { - width: 250px; -} - -.more, -.more.minus { - color: #333; -} - -.bottom-lm { - margin-top: 20px; - float: left; - width: 100%; -} - -.nobrowser { - display: none; -} - -.cat-appear-div { - position: absolute; - right: 0; - z-index: -1000; -} - -.text-center { - text-align: center; -} - -.zip_internal_file /*:before*/ { - /*content: "\ea58";*/ - /* margin-left: 15px;*/ - /*color: #555;*/ -} - span.load-gdrive { display: inline-block; vertical-align: top; @@ -2851,7 +1332,7 @@ span.load-gdrive { margin: 0; padding: 0.6rem 0.25rem 0.4rem 2.2rem; border: 0.1rem solid #b7b9bc; - background: url(../../img/logo-drive-16.png) 1.3rem 0.85rem no-repeat; + background: url(/public/img/logo-drive-16.png) 1.3rem 0.85rem no-repeat; background-color: #f5f5f5; cursor: pointer; } @@ -2893,7 +1374,7 @@ div.continue-gdrive { .continue-gdrive span.load-gdrive { width: auto; padding: 0.5rem 0.7rem 0rem 2.3rem; - background: url(../../img/logo-drive-16.png) 0.7rem 0.55rem no-repeat; + background: url(/public/img/logo-drive-16.png) 0.7rem 0.55rem no-repeat; margin-right: 10px; background-size: 20px; height: 36px; @@ -2913,21 +1394,6 @@ div.continue-gdrive { display: none; } -.wrapper-dropdown-5 { - padding: 4px 16px !important; -} -.google-login-button { - box-sizing: content-box; -} - -#sign-in-o-mt { - width: 300px !important; -} - -.btn-confirm-small { - //height: 35px; -} - header .nav-bar .dropdown.select-org span.text { line-height: 32px; } @@ -2936,24 +1402,6 @@ header .nav-bar .dropdown.select-org span.text { top: 0px !important; } -header .nav-bar .dropdown.select-org span.text { - text-align: right; - line-height: 32px; - text-decoration: underline; - min-width: 0px; - padding-right: 12px; - max-width: 110px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - top: -1px; -} - -header .nav-bar .dropdown.select-org i.dropdown.icon { - top: 12px; - margin-left: -25px !important; -} - .translate-box input:focus { border-color: #85b7d9; background: #ffffff; @@ -2975,15 +1423,6 @@ select:focus { .ui.input input { box-shadow: inset 0 1px 3px #ddd; } - -a.pull-left.btn-grey.canceladdtmx { - margin-left: 4px; -} - -a.pull-right.confirmDelete { - margin-right: 3px; -} - /* Header restyling */ .action-submenu { @@ -3058,7 +1497,7 @@ a.pull-right.confirmDelete { background-color: rgba(255, 255, 255, 0.9); .project-template-select-loading-icon { - background: url(../../img/loading.gif) 47% 6px no-repeat !important; + background: url(/public/img/loading.gif) 47% 6px no-repeat !important; background-size: 24px !important; height: 100%; } @@ -3118,7 +1557,7 @@ a.pull-right.confirmDelete { background-color: rgba(255, 255, 255, 0.9); .project-template-select-loading-icon { - background: url(../../img/loading.gif) 47% 6px no-repeat !important; + background: url(/public/img/loading.gif) 47% 6px no-repeat !important; background-size: 24px !important; height: 100%; } diff --git a/public/img/tools.gif b/public/img/tools.gif deleted file mode 100644 index 726a04f478..0000000000 Binary files a/public/img/tools.gif and /dev/null differ diff --git a/public/js/cat_source/es6/components/header/ActionMenu.js b/public/js/cat_source/es6/components/header/ActionMenu.js index 2a7da83ba3..02f6f6aecb 100644 --- a/public/js/cat_source/es6/components/header/ActionMenu.js +++ b/public/js/cat_source/es6/components/header/ActionMenu.js @@ -131,9 +131,6 @@ export const ActionMenu = ({ > Shortcuts - {/*
  • */} - {/* Editing Log*/} - {/*
  • */} ) } diff --git a/public/js/cat_source/es6/components/header/cattol/search/searchUtils.js b/public/js/cat_source/es6/components/header/cattol/search/searchUtils.js index f783140c0c..2b42fe174d 100644 --- a/public/js/cat_source/es6/components/header/cattol/search/searchUtils.js +++ b/public/js/cat_source/es6/components/header/cattol/search/searchUtils.js @@ -33,8 +33,6 @@ let SearchUtils = { * @returns {boolean} */ execFind: function (params) { - $('section.currSearchSegment').removeClass('currSearchSegment') - let nbspRegexp = new RegExp(tagSignatures.nbsp.placeholder, 'g') let spaceRegexp = tagSignatures.space ? new RegExp(tagSignatures.space.placeholder, 'g') diff --git a/public/js/cat_source/es6/components/modals/PreferencesModal.js b/public/js/cat_source/es6/components/modals/PreferencesModal.js index 7cea4f0b86..3eb0639646 100644 --- a/public/js/cat_source/es6/components/modals/PreferencesModal.js +++ b/public/js/cat_source/es6/components/modals/PreferencesModal.js @@ -439,10 +439,10 @@ const PreferencesModal = (props) => {

    + {resetPasswordHtml} - {resetPasswordHtml}
    diff --git a/public/js/cat_source/es6/components/segments/SegmentPlaceholderLite.js b/public/js/cat_source/es6/components/segments/SegmentPlaceholderLite.js index 21951168ac..fadfed0074 100644 --- a/public/js/cat_source/es6/components/segments/SegmentPlaceholderLite.js +++ b/public/js/cat_source/es6/components/segments/SegmentPlaceholderLite.js @@ -162,15 +162,6 @@ class SegmentPlaceholderLite extends React.Component { > QR - - - - - del segmento permetteva al tasto di mostrarsi riga 3844 del file style.scss if ( segment.missingTagsInTarget && segment.missingTagsInTarget.length > 0 && diff --git a/public/js/cat_source/es6/components/segments/SegmentsContainer.js b/public/js/cat_source/es6/components/segments/SegmentsContainer.js index c87df10e54..4cc70b01ba 100644 --- a/public/js/cat_source/es6/components/segments/SegmentsContainer.js +++ b/public/js/cat_source/es6/components/segments/SegmentsContainer.js @@ -905,15 +905,6 @@ const getSegmentStructure = (segment, sideOpen) => { > QR - - - - - { useEffect(() => { checkQueryStringParameter() - if (!isUserLogged) return - - retrieveSupportedLanguages() getSupportedFiles() .then((data) => { setSupportedFiles(data) }) .catch((error) => console.log('Error retrieving supported files', error)) + if (!isUserLogged) return + + retrieveSupportedLanguages() UI.addEvents() @@ -947,14 +951,14 @@ const NewProject = () => { )}
    {!projectSent ? ( - { ? ' disabled' : '' }`} - value="Analyze" onClick={createProject.current} - /> + > + {' '} + Analyze + ) : ( <> - - + )}
    diff --git a/public/js/lib/jquery.tablesorter.js b/public/js/lib/jquery.tablesorter.js deleted file mode 100644 index 1ae0267885..0000000000 --- a/public/js/lib/jquery.tablesorter.js +++ /dev/null @@ -1,2727 +0,0 @@ -/*! TableSorter (FORK) v2.26.1 *//* -* Client-side table sorting with ease! -* @requires jQuery v1.2.6+ -* -* Copyright (c) 2007 Christian Bach -* fork maintained by Rob Garrison -* -* Examples and docs at: http://tablesorter.com -* Dual licensed under the MIT and GPL licenses: -* http://www.opensource.org/licenses/mit-license.php -* http://www.gnu.org/licenses/gpl.html -* -* @type jQuery -* @name tablesorter (FORK) -* @cat Plugins/Tablesorter -* @author Christian Bach - christian.bach@polyester.se -* @contributor Rob Garrison - https://github.com/Mottie/tablesorter -*/ -;( function( $ ) { - 'use strict'; - var ts = $.tablesorter = { - - version : '2.26.1', - - parsers : [], - widgets : [], - defaults : { - - // *** appearance - theme : 'default', // adds tablesorter-{theme} to the table for styling - widthFixed : false, // adds colgroup to fix widths of columns - showProcessing : false, // show an indeterminate timer icon in the header when the table is sorted or filtered. - - headerTemplate : '{content}',// header layout template (HTML ok); {content} = innerHTML, {icon} = // class from cssIcon - onRenderTemplate : null, // function( index, template ){ return template; }, // template is a string - onRenderHeader : null, // function( index ){}, // nothing to return - - // *** functionality - cancelSelection : true, // prevent text selection in the header - tabIndex : true, // add tabindex to header for keyboard accessibility - dateFormat : 'mmddyyyy', // other options: 'ddmmyyy' or 'yyyymmdd' - sortMultiSortKey : 'shiftKey', // key used to select additional columns - sortResetKey : 'ctrlKey', // key used to remove sorting on a column - usNumberFormat : false, // false for German '1.234.567,89' or French '1 234 567,89' - delayInit : false, // if false, the parsed table contents will not update until the first sort - serverSideSorting: false, // if true, server-side sorting should be performed because client-side sorting will be disabled, but the ui and events will still be used. - resort : true, // default setting to trigger a resort after an 'update', 'addRows', 'updateCell', etc has completed - - // *** sort options - headers : {}, // set sorter, string, empty, locked order, sortInitialOrder, filter, etc. - ignoreCase : true, // ignore case while sorting - sortForce : null, // column(s) first sorted; always applied - sortList : [], // Initial sort order; applied initially; updated when manually sorted - sortAppend : null, // column(s) sorted last; always applied - sortStable : false, // when sorting two rows with exactly the same content, the original sort order is maintained - - sortInitialOrder : 'asc', // sort direction on first click - sortLocaleCompare: false, // replace equivalent character (accented characters) - sortReset : false, // third click on the header will reset column to default - unsorted - sortRestart : false, // restart sort to 'sortInitialOrder' when clicking on previously unsorted columns - - emptyTo : 'bottom', // sort empty cell to bottom, top, none, zero, emptyMax, emptyMin - stringTo : 'max', // sort strings in numerical column as max, min, top, bottom, zero - duplicateSpan : true, // colspan cells in the tbody will have duplicated content in the cache for each spanned column - textExtraction : 'basic', // text extraction method/function - function( node, table, cellIndex ){} - textAttribute : 'data-text',// data-attribute that contains alternate cell text (used in default textExtraction function) - textSorter : null, // choose overall or specific column sorter function( a, b, direction, table, columnIndex ) [alt: ts.sortText] - numberSorter : null, // choose overall numeric sorter function( a, b, direction, maxColumnValue ) - - // *** widget options - initWidgets : true, // apply widgets on tablesorter initialization - widgetClass : 'widget-{name}', // table class name template to match to include a widget - widgets : [], // method to add widgets, e.g. widgets: ['zebra'] - widgetOptions : { - zebra : [ 'even', 'odd' ] // zebra widget alternating row class names - }, - - // *** callbacks - initialized : null, // function( table ){}, - - // *** extra css class names - tableClass : '', - cssAsc : '', - cssDesc : '', - cssNone : '', - cssHeader : '', - cssHeaderRow : '', - cssProcessing : '', // processing icon applied to header during sort/filter - - cssChildRow : 'tablesorter-childRow', // class name indiciating that a row is to be attached to its parent - cssInfoBlock : 'tablesorter-infoOnly', // don't sort tbody with this class name (only one class name allowed here!) - cssNoSort : 'tablesorter-noSort', // class name added to element inside header; clicking on it won't cause a sort - cssIgnoreRow : 'tablesorter-ignoreRow', // header row to ignore; cells within this row will not be added to c.$headers - - cssIcon : 'tablesorter-icon', // if this class does not exist, the {icon} will not be added from the headerTemplate - cssIconNone : '', // class name added to the icon when there is no column sort - cssIconAsc : '', // class name added to the icon when the column has an ascending sort - cssIconDesc : '', // class name added to the icon when the column has a descending sort - - // *** events - pointerClick : 'click', - pointerDown : 'mousedown', - pointerUp : 'mouseup', - - // *** selectors - selectorHeaders : '> thead th, > thead td', - selectorSort : 'th, td', // jQuery selector of content within selectorHeaders that is clickable to trigger a sort - selectorRemove : '.remove-me', - - // *** advanced - debug : false, - - // *** Internal variables - headerList: [], - empties: {}, - strings: {}, - parsers: [] - - // removed: widgetZebra: { css: ['even', 'odd'] } - - }, - - // internal css classes - these will ALWAYS be added to - // the table and MUST only contain one class name - fixes #381 - css : { - table : 'tablesorter', - cssHasChild: 'tablesorter-hasChildRow', - childRow : 'tablesorter-childRow', - colgroup : 'tablesorter-colgroup', - header : 'tablesorter-header', - headerRow : 'tablesorter-headerRow', - headerIn : 'tablesorter-header-inner', - icon : 'tablesorter-icon', - processing : 'tablesorter-processing', - sortAsc : 'tablesorter-headerAsc', - sortDesc : 'tablesorter-headerDesc', - sortNone : 'tablesorter-headerUnSorted' - }, - - // labels applied to sortable headers for accessibility (aria) support - language : { - sortAsc : 'Ascending sort applied, ', - sortDesc : 'Descending sort applied, ', - sortNone : 'No sort applied, ', - sortDisabled : 'sorting is disabled', - nextAsc : 'activate to apply an ascending sort', - nextDesc : 'activate to apply a descending sort', - nextNone : 'activate to remove the sort' - }, - - regex : { - templateContent : /\{content\}/g, - templateIcon : /\{icon\}/g, - templateName : /\{name\}/i, - spaces : /\s+/g, - nonWord : /\W/g, - formElements : /(input|select|button|textarea)/i, - - // *** sort functions *** - // regex used in natural sort - // chunk/tokenize numbers & letters - chunk : /(^([+\-]?(?:\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?)?$|^0x[0-9a-f]+$|\d+)/gi, - // replace chunks @ ends - chunks : /(^\\0|\\0$)/, - hex : /^0x[0-9a-f]+$/i, - - // *** formatFloat *** - comma : /,/g, - digitNonUS : /[\s|\.]/g, - digitNegativeTest : /^\s*\([.\d]+\)/, - digitNegativeReplace : /^\s*\(([.\d]+)\)/, - - // *** isDigit *** - digitTest : /^[\-+(]?\d+[)]?$/, - digitReplace : /[,.'"\s]/g - - }, - - // digit sort, text location - string : { - max : 1, - min : -1, - emptymin : 1, - emptymax : -1, - zero : 0, - none : 0, - 'null' : 0, - top : true, - bottom : false - }, - - keyCodes : { - enter : 13 - }, - - // placeholder date parser data (globalize) - dates : {}, - - // These methods can be applied on table.config instance - instanceMethods : {}, - - /* - ▄█████ ██████ ██████ ██ ██ █████▄ - ▀█▄ ██▄▄ ██ ██ ██ ██▄▄██ - ▀█▄ ██▀▀ ██ ██ ██ ██▀▀▀ - █████▀ ██████ ██ ▀████▀ ██ - */ - - setup : function( table, c ) { - // if no thead or tbody, or tablesorter is already present, quit - if ( !table || !table.tHead || table.tBodies.length === 0 || table.hasInitialized === true ) { - if ( c.debug ) { - if ( table.hasInitialized ) { - console.warn( 'Stopping initialization. Tablesorter has already been initialized' ); - } else { - console.error( 'Stopping initialization! No table, thead or tbody', table ); - } - } - return; - } - - var tmp = '', - $table = $( table ), - meta = $.metadata; - // initialization flag - table.hasInitialized = false; - // table is being processed flag - table.isProcessing = true; - // make sure to store the config object - table.config = c; - // save the settings where they read - $.data( table, 'tablesorter', c ); - if ( c.debug ) { - console[ console.group ? 'group' : 'log' ]( 'Initializing tablesorter' ); - $.data( table, 'startoveralltimer', new Date() ); - } - - // removing this in version 3 (only supports jQuery 1.7+) - c.supportsDataObject = ( function( version ) { - version[ 0 ] = parseInt( version[ 0 ], 10 ); - return ( version[ 0 ] > 1 ) || ( version[ 0 ] === 1 && parseInt( version[ 1 ], 10 ) >= 4 ); - })( $.fn.jquery.split( '.' ) ); - // ensure case insensitivity - c.emptyTo = c.emptyTo.toLowerCase(); - c.stringTo = c.stringTo.toLowerCase(); - c.last = { sortList : [], clickedIndex : -1 }; - // add table theme class only if there isn't already one there - if ( !/tablesorter\-/.test( $table.attr( 'class' ) ) ) { - tmp = ( c.theme !== '' ? ' tablesorter-' + c.theme : '' ); - } - c.table = table; - c.$table = $table - .addClass( ts.css.table + ' ' + c.tableClass + tmp ) - .attr( 'role', 'grid' ); - c.$headers = $table.find( c.selectorHeaders ); - - // give the table a unique id, which will be used in namespace binding - if ( !c.namespace ) { - c.namespace = '.tablesorter' + Math.random().toString( 16 ).slice( 2 ); - } else { - // make sure namespace starts with a period & doesn't have weird characters - c.namespace = '.' + c.namespace.replace( ts.regex.nonWord, '' ); - } - - c.$table.children().children( 'tr' ).attr( 'role', 'row' ); - c.$tbodies = $table.children( 'tbody:not(.' + c.cssInfoBlock + ')' ).attr({ - 'aria-live' : 'polite', - 'aria-relevant' : 'all' - }); - if ( c.$table.children( 'caption' ).length ) { - tmp = c.$table.children( 'caption' )[ 0 ]; - if ( !tmp.id ) { tmp.id = c.namespace.slice( 1 ) + 'caption'; } - c.$table.attr( 'aria-labelledby', tmp.id ); - } - c.widgetInit = {}; // keep a list of initialized widgets - // change textExtraction via data-attribute - c.textExtraction = c.$table.attr( 'data-text-extraction' ) || c.textExtraction || 'basic'; - // build headers - ts.buildHeaders( c ); - // fixate columns if the users supplies the fixedWidth option - // do this after theme has been applied - ts.fixColumnWidth( table ); - // add widgets from class name - ts.addWidgetFromClass( table ); - // add widget options before parsing (e.g. grouping widget has parser settings) - ts.applyWidgetOptions( table ); - // try to auto detect column type, and store in tables config - ts.setupParsers( c ); - // start total row count at zero - c.totalRows = 0; - // build the cache for the tbody cells - // delayInit will delay building the cache until the user starts a sort - if ( !c.delayInit ) { ts.buildCache( c ); } - // bind all header events and methods - ts.bindEvents( table, c.$headers, true ); - ts.bindMethods( c ); - // get sort list from jQuery data or metadata - // in jQuery < 1.4, an error occurs when calling $table.data() - if ( c.supportsDataObject && typeof $table.data().sortlist !== 'undefined' ) { - c.sortList = $table.data().sortlist; - } else if ( meta && ( $table.metadata() && $table.metadata().sortlist ) ) { - c.sortList = $table.metadata().sortlist; - } - // apply widget init code - ts.applyWidget( table, true ); - // if user has supplied a sort list to constructor - if ( c.sortList.length > 0 ) { - ts.sortOn( c, c.sortList, {}, !c.initWidgets ); - } else { - ts.setHeadersCss( c ); - if ( c.initWidgets ) { - // apply widget format - ts.applyWidget( table, false ); - } - } - - // show processesing icon - if ( c.showProcessing ) { - $table - .unbind( 'sortBegin' + c.namespace + ' sortEnd' + c.namespace ) - .bind( 'sortBegin' + c.namespace + ' sortEnd' + c.namespace, function( e ) { - clearTimeout( c.timerProcessing ); - ts.isProcessing( table ); - if ( e.type === 'sortBegin' ) { - c.timerProcessing = setTimeout( function() { - ts.isProcessing( table, true ); - }, 500 ); - } - }); - } - - // initialized - table.hasInitialized = true; - table.isProcessing = false; - if ( c.debug ) { - console.log( 'Overall initialization time: ' + ts.benchmark( $.data( table, 'startoveralltimer' ) ) ); - if ( c.debug && console.groupEnd ) { console.groupEnd(); } - } - $table.triggerHandler( 'tablesorter-initialized', table ); - if ( typeof c.initialized === 'function' ) { - c.initialized( table ); - } - }, - - bindMethods : function( c ) { - var $table = c.$table, - namespace = c.namespace, - events = ( 'sortReset update updateRows updateAll updateHeaders addRows updateCell updateComplete ' + - 'sorton appendCache updateCache applyWidgetId applyWidgets refreshWidgets destroy mouseup ' + - 'mouseleave ' ).split( ' ' ) - .join( namespace + ' ' ); - // apply easy methods that trigger bound events - $table - .unbind( events.replace( ts.regex.spaces, ' ' ) ) - .bind( 'sortReset' + namespace, function( e, callback ) { - e.stopPropagation(); - // using this.config to ensure functions are getting a non-cached version of the config - ts.sortReset( this.config, callback ); - }) - .bind( 'updateAll' + namespace, function( e, resort, callback ) { - e.stopPropagation(); - ts.updateAll( this.config, resort, callback ); - }) - .bind( 'update' + namespace + ' updateRows' + namespace, function( e, resort, callback ) { - e.stopPropagation(); - ts.update( this.config, resort, callback ); - }) - .bind( 'updateHeaders' + namespace, function( e, callback ) { - e.stopPropagation(); - ts.updateHeaders( this.config, callback ); - }) - .bind( 'updateCell' + namespace, function( e, cell, resort, callback ) { - e.stopPropagation(); - ts.updateCell( this.config, cell, resort, callback ); - }) - .bind( 'addRows' + namespace, function( e, $row, resort, callback ) { - e.stopPropagation(); - ts.addRows( this.config, $row, resort, callback ); - }) - .bind( 'updateComplete' + namespace, function() { - this.isUpdating = false; - }) - .bind( 'sorton' + namespace, function( e, list, callback, init ) { - e.stopPropagation(); - ts.sortOn( this.config, list, callback, init ); - }) - .bind( 'appendCache' + namespace, function( e, callback, init ) { - e.stopPropagation(); - ts.appendCache( this.config, init ); - if ( $.isFunction( callback ) ) { - callback( this ); - } - }) - // $tbodies variable is used by the tbody sorting widget - .bind( 'updateCache' + namespace, function( e, callback, $tbodies ) { - e.stopPropagation(); - ts.updateCache( this.config, callback, $tbodies ); - }) - .bind( 'applyWidgetId' + namespace, function( e, id ) { - e.stopPropagation(); - ts.applyWidgetId( this, id ); - }) - .bind( 'applyWidgets' + namespace, function( e, init ) { - e.stopPropagation(); - // apply widgets - ts.applyWidget( this, init ); - }) - .bind( 'refreshWidgets' + namespace, function( e, all, dontapply ) { - e.stopPropagation(); - ts.refreshWidgets( this, all, dontapply ); - }) - .bind( 'removeWidget' + namespace, function( e, name, refreshing ) { - e.stopPropagation(); - ts.removeWidget( this, name, refreshing ); - }) - .bind( 'destroy' + namespace, function( e, removeClasses, callback ) { - e.stopPropagation(); - ts.destroy( this, removeClasses, callback ); - }) - .bind( 'resetToLoadState' + namespace, function( e ) { - e.stopPropagation(); - // remove all widgets - ts.removeWidget( this, true, false ); - // restore original settings; this clears out current settings, but does not clear - // values saved to storage. - c = $.extend( true, ts.defaults, c.originalSettings ); - this.hasInitialized = false; - // setup the entire table again - ts.setup( this, c ); - }); - }, - - bindEvents : function( table, $headers, core ) { - table = $( table )[ 0 ]; - var tmp, - c = table.config, - namespace = c.namespace, - downTarget = null; - if ( core !== true ) { - $headers.addClass( namespace.slice( 1 ) + '_extra_headers' ); - tmp = $.fn.closest ? $headers.closest( 'table' )[ 0 ] : $headers.parents( 'table' )[ 0 ]; - if ( tmp && tmp.nodeName === 'TABLE' && tmp !== table ) { - $( tmp ).addClass( namespace.slice( 1 ) + '_extra_table' ); - } - } - tmp = ( c.pointerDown + ' ' + c.pointerUp + ' ' + c.pointerClick + ' sort keyup ' ) - .replace( ts.regex.spaces, ' ' ) - .split( ' ' ) - .join( namespace + ' ' ); - // apply event handling to headers and/or additional headers (stickyheaders, scroller, etc) - $headers - // http://stackoverflow.com/questions/5312849/jquery-find-self; - .find( c.selectorSort ) - .add( $headers.filter( c.selectorSort ) ) - .unbind( tmp ) - .bind( tmp, function( e, external ) { - var $cell, cell, temp, - $target = $( e.target ), - // wrap event type in spaces, so the match doesn't trigger on inner words - type = ' ' + e.type + ' '; - // only recognize left clicks - if ( ( ( e.which || e.button ) !== 1 && !type.match( ' ' + c.pointerClick + ' | sort | keyup ' ) ) || - // allow pressing enter - ( type === ' keyup ' && e.which !== ts.keyCodes.enter ) || - // allow triggering a click event (e.which is undefined) & ignore physical clicks - ( type.match( ' ' + c.pointerClick + ' ' ) && typeof e.which !== 'undefined' ) ) { - return; - } - // ignore mouseup if mousedown wasn't on the same target - if ( type.match( ' ' + c.pointerUp + ' ' ) && downTarget !== e.target && external !== true ) { - return; - } - // set target on mousedown - if ( type.match( ' ' + c.pointerDown + ' ' ) ) { - downTarget = e.target; - // preventDefault needed or jQuery v1.3.2 and older throws an - // "Uncaught TypeError: handler.apply is not a function" error - temp = $target.jquery.split( '.' ); - if ( temp[ 0 ] === '1' && temp[ 1 ] < 4 ) { e.preventDefault(); } - return; - } - downTarget = null; - // prevent sort being triggered on form elements - if ( ts.regex.formElements.test( e.target.nodeName ) || - // nosort class name, or elements within a nosort container - $target.hasClass( c.cssNoSort ) || $target.parents( '.' + c.cssNoSort ).length > 0 || - // elements within a button - $target.parents( 'button' ).length > 0 ) { - return !c.cancelSelection; - } - if ( c.delayInit && ts.isEmptyObject( c.cache ) ) { - ts.buildCache( c ); - } - // jQuery v1.2.6 doesn't have closest() - $cell = $.fn.closest ? $( this ).closest( 'th, td' ) : - /TH|TD/.test( this.nodeName ) ? $( this ) : $( this ).parents( 'th, td' ); - // reference original table headers and find the same cell - // don't use $headers or IE8 throws an error - see #987 - temp = $headers.index( $cell ); - c.last.clickedIndex = ( temp < 0 ) ? $cell.attr( 'data-column' ) : temp; - // use column index if $headers is undefined - cell = c.$headers[ c.last.clickedIndex ]; - if ( cell && !cell.sortDisabled ) { - ts.initSort( c, cell, e ); - } - }); - if ( c.cancelSelection ) { - // cancel selection - $headers - .attr( 'unselectable', 'on' ) - .bind( 'selectstart', false ) - .css({ - 'user-select' : 'none', - 'MozUserSelect' : 'none' // not needed for jQuery 1.8+ - }); - } - }, - - buildHeaders : function( c ) { - var $temp, icon, timer, indx; - c.headerList = []; - c.headerContent = []; - c.sortVars = []; - if ( c.debug ) { - timer = new Date(); - } - // children tr in tfoot - see issue #196 & #547 - // don't pass table.config to computeColumnIndex here - widgets (math) pass it to "quickly" index tbody cells - c.columns = ts.computeColumnIndex( c.$table.children( 'thead, tfoot' ).children( 'tr' ) ); - // add icon if cssIcon option exists - icon = c.cssIcon ? - '' : - ''; - // redefine c.$headers here in case of an updateAll that replaces or adds an entire header cell - see #683 - c.$headers = $( $.map( c.$table.find( c.selectorHeaders ), function( elem, index ) { - var configHeaders, header, column, template, tmp, - $elem = $( elem ); - // ignore cell (don't add it to c.$headers) if row has ignoreRow class - if ( $elem.parent().hasClass( c.cssIgnoreRow ) ) { return; } - // make sure to get header cell & not column indexed cell - configHeaders = ts.getColumnData( c.table, c.headers, index, true ); - // save original header content - c.headerContent[ index ] = $elem.html(); - // if headerTemplate is empty, don't reformat the header cell - if ( c.headerTemplate !== '' && !$elem.find( '.' + ts.css.headerIn ).length ) { - // set up header template - template = c.headerTemplate - .replace( ts.regex.templateContent, $elem.html() ) - .replace( ts.regex.templateIcon, $elem.find( '.' + ts.css.icon ).length ? '' : icon ); - if ( c.onRenderTemplate ) { - header = c.onRenderTemplate.apply( $elem, [ index, template ] ); - // only change t if something is returned - if ( header && typeof header === 'string' ) { - template = header; - } - } - $elem.html( '
    ' + template + '
    ' ); // faster than wrapInner - } - if ( c.onRenderHeader ) { - c.onRenderHeader.apply( $elem, [ index, c, c.$table ] ); - } - column = parseInt( $elem.attr( 'data-column' ), 10 ); - elem.column = column; - tmp = ts.getData( $elem, configHeaders, 'sortInitialOrder' ) || c.sortInitialOrder; - // this may get updated numerous times if there are multiple rows - c.sortVars[ column ] = { - count : -1, // set to -1 because clicking on the header automatically adds one - order: ts.getOrder( tmp ) ? - [ 1, 0, 2 ] : // desc, asc, unsorted - [ 0, 1, 2 ], // asc, desc, unsorted - lockedOrder : false - }; - tmp = ts.getData( $elem, configHeaders, 'lockedOrder' ) || false; - if ( typeof tmp !== 'undefined' && tmp !== false ) { - c.sortVars[ column ].lockedOrder = true; - c.sortVars[ column ].order = ts.getOrder( tmp ) ? [ 1, 1, 1 ] : [ 0, 0, 0 ]; - } - // add cell to headerList - c.headerList[ index ] = elem; - // add to parent in case there are multiple rows - $elem - .addClass( ts.css.header + ' ' + c.cssHeader ) - .parent() - .addClass( ts.css.headerRow + ' ' + c.cssHeaderRow ) - .attr( 'role', 'row' ); - // allow keyboard cursor to focus on element - if ( c.tabIndex ) { - $elem.attr( 'tabindex', 0 ); - } - return elem; - }) ); - // cache headers per column - c.$headerIndexed = []; - for ( indx = 0; indx < c.columns; indx++ ) { - // colspan in header making a column undefined - if ( ts.isEmptyObject( c.sortVars[ indx ] ) ) { - c.sortVars[ indx ] = {}; - } - $temp = c.$headers.filter( '[data-column="' + indx + '"]' ); - // target sortable column cells, unless there are none, then use non-sortable cells - // .last() added in jQuery 1.4; use .filter(':last') to maintain compatibility with jQuery v1.2.6 - c.$headerIndexed[ indx ] = $temp.length ? - $temp.not( '.sorter-false' ).length ? - $temp.not( '.sorter-false' ).filter( ':last' ) : - $temp.filter( ':last' ) : - $(); - } - c.$table.find( c.selectorHeaders ).attr({ - scope: 'col', - role : 'columnheader' - }); - // enable/disable sorting - ts.updateHeader( c ); - if ( c.debug ) { - console.log( 'Built headers:' + ts.benchmark( timer ) ); - console.log( c.$headers ); - } - }, - - // Use it to add a set of methods to table.config which will be available for all tables. - // This should be done before table initialization - addInstanceMethods : function( methods ) { - $.extend( ts.instanceMethods, methods ); - }, - - /* - █████▄ ▄████▄ █████▄ ▄█████ ██████ █████▄ ▄█████ - ██▄▄██ ██▄▄██ ██▄▄██ ▀█▄ ██▄▄ ██▄▄██ ▀█▄ - ██▀▀▀ ██▀▀██ ██▀██ ▀█▄ ██▀▀ ██▀██ ▀█▄ - ██ ██ ██ ██ ██ █████▀ ██████ ██ ██ █████▀ - */ - setupParsers : function( c, $tbodies ) { - var rows, list, span, max, colIndex, indx, header, configHeaders, - noParser, parser, extractor, time, tbody, len, - table = c.table, - tbodyIndex = 0, - debug = {}; - // update table bodies in case we start with an empty table - c.$tbodies = c.$table.children( 'tbody:not(.' + c.cssInfoBlock + ')' ); - tbody = typeof $tbodies === 'undefined' ? c.$tbodies : $tbodies; - len = tbody.length; - if ( len === 0 ) { - return c.debug ? console.warn( 'Warning: *Empty table!* Not building a parser cache' ) : ''; - } else if ( c.debug ) { - time = new Date(); - console[ console.group ? 'group' : 'log' ]( 'Detecting parsers for each column' ); - } - list = { - extractors: [], - parsers: [] - }; - while ( tbodyIndex < len ) { - rows = tbody[ tbodyIndex ].rows; - if ( rows.length ) { - colIndex = 0; - max = c.columns; - for ( indx = 0; indx < max; indx++ ) { - header = c.$headerIndexed[ colIndex ]; - if ( header && header.length ) { - // get column indexed table cell - configHeaders = ts.getColumnData( table, c.headers, colIndex ); - // get column parser/extractor - extractor = ts.getParserById( ts.getData( header, configHeaders, 'extractor' ) ); - parser = ts.getParserById( ts.getData( header, configHeaders, 'sorter' ) ); - noParser = ts.getData( header, configHeaders, 'parser' ) === 'false'; - // empty cells behaviour - keeping emptyToBottom for backwards compatibility - c.empties[colIndex] = ( - ts.getData( header, configHeaders, 'empty' ) || - c.emptyTo || ( c.emptyToBottom ? 'bottom' : 'top' ) ).toLowerCase(); - // text strings behaviour in numerical sorts - c.strings[colIndex] = ( - ts.getData( header, configHeaders, 'string' ) || - c.stringTo || - 'max' ).toLowerCase(); - if ( noParser ) { - parser = ts.getParserById( 'no-parser' ); - } - if ( !extractor ) { - // For now, maybe detect someday - extractor = false; - } - if ( !parser ) { - parser = ts.detectParserForColumn( c, rows, -1, colIndex ); - } - if ( c.debug ) { - debug[ '(' + colIndex + ') ' + header.text() ] = { - parser : parser.id, - extractor : extractor ? extractor.id : 'none', - string : c.strings[ colIndex ], - empty : c.empties[ colIndex ] - }; - } - list.parsers[ colIndex ] = parser; - list.extractors[ colIndex ] = extractor; - span = header[ 0 ].colSpan - 1; - if ( span > 0 ) { - colIndex += span; - max += span; - while ( span + 1 > 0 ) { - // set colspan columns to use the same parsers & extractors - list.parsers[ colIndex - span ] = parser; - list.extractors[ colIndex - span ] = extractor; - span--; - } - } - } - colIndex++; - } - } - tbodyIndex += ( list.parsers.length ) ? len : 1; - } - if ( c.debug ) { - if ( !ts.isEmptyObject( debug ) ) { - console[ console.table ? 'table' : 'log' ]( debug ); - } else { - console.warn( ' No parsers detected!' ); - } - console.log( 'Completed detecting parsers' + ts.benchmark( time ) ); - if ( console.groupEnd ) { console.groupEnd(); } - } - c.parsers = list.parsers; - c.extractors = list.extractors; - }, - - addParser : function( parser ) { - var indx, - len = ts.parsers.length, - add = true; - for ( indx = 0; indx < len; indx++ ) { - if ( ts.parsers[ indx ].id.toLowerCase() === parser.id.toLowerCase() ) { - add = false; - } - } - if ( add ) { - ts.parsers[ ts.parsers.length ] = parser; - } - }, - - getParserById : function( name ) { - if ( name == 'false' ) { return false; } - var indx, - len = ts.parsers.length; - for ( indx = 0; indx < len; indx++ ) { - if ( ts.parsers[ indx ].id.toLowerCase() === ( name.toString() ).toLowerCase() ) { - return ts.parsers[ indx ]; - } - } - return false; - }, - - detectParserForColumn : function( c, rows, rowIndex, cellIndex ) { - var cur, $node, row, - indx = ts.parsers.length, - node = false, - nodeValue = '', - keepLooking = true; - while ( nodeValue === '' && keepLooking ) { - rowIndex++; - row = rows[ rowIndex ]; - // stop looking after 50 empty rows - if ( row && rowIndex < 50 ) { - if ( row.className.indexOf( ts.cssIgnoreRow ) < 0 ) { - node = rows[ rowIndex ].cells[ cellIndex ]; - nodeValue = ts.getElementText( c, node, cellIndex ); - $node = $( node ); - if ( c.debug ) { - console.log( 'Checking if value was empty on row ' + rowIndex + ', column: ' + - cellIndex + ': "' + nodeValue + '"' ); - } - } - } else { - keepLooking = false; - } - } - while ( --indx >= 0 ) { - cur = ts.parsers[ indx ]; - // ignore the default text parser because it will always be true - if ( cur && cur.id !== 'text' && cur.is && cur.is( nodeValue, c.table, node, $node ) ) { - return cur; - } - } - // nothing found, return the generic parser (text) - return ts.getParserById( 'text' ); - }, - - getElementText : function( c, node, cellIndex ) { - if ( !node ) { return ''; } - var tmp, - extract = c.textExtraction || '', - // node could be a jquery object - // http://jsperf.com/jquery-vs-instanceof-jquery/2 - $node = node.jquery ? node : $( node ); - if ( typeof extract === 'string' ) { - // check data-attribute first when set to 'basic'; don't use node.innerText - it's really slow! - // http://www.kellegous.com/j/2013/02/27/innertext-vs-textcontent/ - if ( extract === 'basic' && typeof ( tmp = $node.attr( c.textAttribute ) ) !== 'undefined' ) { - return $.trim( tmp ); - } - return $.trim( node.textContent || $node.text() ); - } else { - if ( typeof extract === 'function' ) { - return $.trim( extract( $node[ 0 ], c.table, cellIndex ) ); - } else if ( typeof ( tmp = ts.getColumnData( c.table, extract, cellIndex ) ) === 'function' ) { - return $.trim( tmp( $node[ 0 ], c.table, cellIndex ) ); - } - } - // fallback - return $.trim( $node[ 0 ].textContent || $node.text() ); - }, - - // centralized function to extract/parse cell contents - getParsedText : function( c, cell, colIndex, txt ) { - if ( typeof txt === 'undefined' ) { - txt = ts.getElementText( c, cell, colIndex ); - } - // if no parser, make sure to return the txt - var val = '' + txt, - parser = c.parsers[ colIndex ], - extractor = c.extractors[ colIndex ]; - if ( parser ) { - // do extract before parsing, if there is one - if ( extractor && typeof extractor.format === 'function' ) { - txt = extractor.format( txt, c.table, cell, colIndex ); - } - // allow parsing if the string is empty, previously parsing would change it to zero, - // in case the parser needs to extract data from the table cell attributes - val = parser.id === 'no-parser' ? '' : - // make sure txt is a string (extractor may have converted it) - parser.format( '' + txt, c.table, cell, colIndex ); - if ( c.ignoreCase && typeof val === 'string' ) { - val = val.toLowerCase(); - } - } - return val; - }, - - /* - ▄████▄ ▄████▄ ▄████▄ ██ ██ ██████ - ██ ▀▀ ██▄▄██ ██ ▀▀ ██▄▄██ ██▄▄ - ██ ▄▄ ██▀▀██ ██ ▄▄ ██▀▀██ ██▀▀ - ▀████▀ ██ ██ ▀████▀ ██ ██ ██████ - */ - buildCache : function( c, callback, $tbodies ) { - var cache, val, txt, rowIndex, colIndex, tbodyIndex, $tbody, $row, - cols, $cells, cell, cacheTime, totalRows, rowData, prevRowData, - colMax, span, cacheIndex, hasParser, max, len, index, - table = c.table, - parsers = c.parsers; - // update tbody variable - c.$tbodies = c.$table.children( 'tbody:not(.' + c.cssInfoBlock + ')' ); - $tbody = typeof $tbodies === 'undefined' ? c.$tbodies : $tbodies, - c.cache = {}; - c.totalRows = 0; - // if no parsers found, return - it's an empty table. - if ( !parsers ) { - return c.debug ? console.warn( 'Warning: *Empty table!* Not building a cache' ) : ''; - } - if ( c.debug ) { - cacheTime = new Date(); - } - // processing icon - if ( c.showProcessing ) { - ts.isProcessing( table, true ); - } - for ( tbodyIndex = 0; tbodyIndex < $tbody.length; tbodyIndex++ ) { - colMax = []; // column max value per tbody - cache = c.cache[ tbodyIndex ] = { - normalized: [] // array of normalized row data; last entry contains 'rowData' above - // colMax: # // added at the end - }; - - totalRows = ( $tbody[ tbodyIndex ] && $tbody[ tbodyIndex ].rows.length ) || 0; - for ( rowIndex = 0; rowIndex < totalRows; ++rowIndex ) { - rowData = { - // order: original row order # - // $row : jQuery Object[] - child: [], // child row text (filter widget) - raw: [] // original row text - }; - /** Add the table data to main data array */ - $row = $( $tbody[ tbodyIndex ].rows[ rowIndex ] ); - cols = []; - // if this is a child row, add it to the last row's children and continue to the next row - // ignore child row class, if it is the first row - if ( $row.hasClass( c.cssChildRow ) && rowIndex !== 0 ) { - len = cache.normalized.length - 1; - prevRowData = cache.normalized[ len ][ c.columns ]; - prevRowData.$row = prevRowData.$row.add( $row ); - // add 'hasChild' class name to parent row - if ( !$row.prev().hasClass( c.cssChildRow ) ) { - $row.prev().addClass( ts.css.cssHasChild ); - } - // save child row content (un-parsed!) - $cells = $row.children( 'th, td' ); - len = prevRowData.child.length; - prevRowData.child[ len ] = []; - // child row content does not account for colspans/rowspans; so indexing may be off - cacheIndex = 0; - max = c.columns; - for ( colIndex = 0; colIndex < max; colIndex++ ) { - cell = $cells[ colIndex ]; - if ( cell ) { - prevRowData.child[ len ][ colIndex ] = ts.getParsedText( c, cell, colIndex ); - span = $cells[ colIndex ].colSpan - 1; - if ( span > 0 ) { - cacheIndex += span; - max += span; - } - } - cacheIndex++; - } - // go to the next for loop - continue; - } - rowData.$row = $row; - rowData.order = rowIndex; // add original row position to rowCache - cacheIndex = 0; - max = c.columns; - for ( colIndex = 0; colIndex < max; ++colIndex ) { - cell = $row[ 0 ].cells[ colIndex ]; - if ( cell && cacheIndex < c.columns ) { - hasParser = typeof parsers[ cacheIndex ] !== 'undefined'; - if ( !hasParser && c.debug ) { - console.warn( 'No parser found for row: ' + rowIndex + ', column: ' + colIndex + - '; cell containing: "' + $(cell).text() + '"; does it have a header?' ); - } - val = ts.getElementText( c, cell, cacheIndex ); - rowData.raw[ cacheIndex ] = val; // save original row text - // save raw column text even if there is no parser set - txt = ts.getParsedText( c, cell, cacheIndex, val ); - cols[ cacheIndex ] = txt; - if ( hasParser && ( parsers[ cacheIndex ].type || '' ).toLowerCase() === 'numeric' ) { - // determine column max value (ignore sign) - colMax[ cacheIndex ] = Math.max( Math.abs( txt ) || 0, colMax[ cacheIndex ] || 0 ); - } - // allow colSpan in tbody - span = cell.colSpan - 1; - if ( span > 0 ) { - index = 0; - while ( index <= span ) { - // duplicate text (or not) to spanned columns - // instead of setting duplicate span to empty string, use textExtraction to try to get a value - // see http://stackoverflow.com/q/36449711/145346 - txt = c.duplicateSpan || index === 0 ? - val : - typeof c.textExtraction !== 'string' ? - ts.getElementText( c, cell, cacheIndex + index ) || '' : - ''; - rowData.raw[ cacheIndex + index ] = txt; - cols[ cacheIndex + index ] = txt; - index++; - } - cacheIndex += span; - max += span; - } - } - cacheIndex++; - } - // ensure rowData is always in the same location (after the last column) - cols[ c.columns ] = rowData; - cache.normalized[ cache.normalized.length ] = cols; - } - cache.colMax = colMax; - // total up rows, not including child rows - c.totalRows += cache.normalized.length; - - } - if ( c.showProcessing ) { - ts.isProcessing( table ); // remove processing icon - } - if ( c.debug ) { - len = Math.min( 5, c.cache[ 0 ].normalized.length ); - console[ console.group ? 'group' : 'log' ]( 'Building cache for ' + c.totalRows + - ' rows (showing ' + len + ' rows in log)' + ts.benchmark( cacheTime ) ); - val = {}; - for ( colIndex = 0; colIndex < c.columns; colIndex++ ) { - for ( cacheIndex = 0; cacheIndex < len; cacheIndex++ ) { - if ( !val[ 'row: ' + cacheIndex ] ) { - val[ 'row: ' + cacheIndex ] = {}; - } - val[ 'row: ' + cacheIndex ][ c.$headerIndexed[ colIndex ].text() ] = - c.cache[ 0 ].normalized[ cacheIndex ][ colIndex ]; - } - } - console[ console.table ? 'table' : 'log' ]( val ); - if ( console.groupEnd ) { console.groupEnd(); } - } - if ( $.isFunction( callback ) ) { - callback( table ); - } - }, - - getColumnText : function( table, column, callback, rowFilter ) { - table = $( table )[0]; - var tbodyIndex, rowIndex, cache, row, tbodyLen, rowLen, raw, parsed, $cell, result, - hasCallback = typeof callback === 'function', - allColumns = column === 'all', - data = { raw : [], parsed: [], $cell: [] }, - c = table.config; - if ( ts.isEmptyObject( c ) ) { - if ( c.debug ) { - console.warn( 'No cache found - aborting getColumnText function!' ); - } - } else { - tbodyLen = c.$tbodies.length; - for ( tbodyIndex = 0; tbodyIndex < tbodyLen; tbodyIndex++ ) { - cache = c.cache[ tbodyIndex ].normalized; - rowLen = cache.length; - for ( rowIndex = 0; rowIndex < rowLen; rowIndex++ ) { - row = cache[ rowIndex ]; - if ( rowFilter && !row[ c.columns ].$row.is( rowFilter ) ) { - continue; - } - result = true; - parsed = ( allColumns ) ? row.slice( 0, c.columns ) : row[ column ]; - row = row[ c.columns ]; - raw = ( allColumns ) ? row.raw : row.raw[ column ]; - $cell = ( allColumns ) ? row.$row.children() : row.$row.children().eq( column ); - if ( hasCallback ) { - result = callback({ - tbodyIndex : tbodyIndex, - rowIndex : rowIndex, - parsed : parsed, - raw : raw, - $row : row.$row, - $cell : $cell - }); - } - if ( result !== false ) { - data.parsed[ data.parsed.length ] = parsed; - data.raw[ data.raw.length ] = raw; - data.$cell[ data.$cell.length ] = $cell; - } - } - } - // return everything - return data; - } - }, - - /* - ██ ██ █████▄ █████▄ ▄████▄ ██████ ██████ - ██ ██ ██▄▄██ ██ ██ ██▄▄██ ██ ██▄▄ - ██ ██ ██▀▀▀ ██ ██ ██▀▀██ ██ ██▀▀ - ▀████▀ ██ █████▀ ██ ██ ██ ██████ - */ - setHeadersCss : function( c ) { - var $sorted, indx, column, - list = c.sortList, - len = list.length, - none = ts.css.sortNone + ' ' + c.cssNone, - css = [ ts.css.sortAsc + ' ' + c.cssAsc, ts.css.sortDesc + ' ' + c.cssDesc ], - cssIcon = [ c.cssIconAsc, c.cssIconDesc, c.cssIconNone ], - aria = [ 'ascending', 'descending' ], - // find the footer - $headers = c.$table - .find( 'tfoot tr' ) - .children( 'td, th' ) - .add( $( c.namespace + '_extra_headers' ) ) - .removeClass( css.join( ' ' ) ); - // remove all header information - c.$headers - .removeClass( css.join( ' ' ) ) - .addClass( none ) - .attr( 'aria-sort', 'none' ) - .find( '.' + ts.css.icon ) - .removeClass( cssIcon.join( ' ' ) ) - .addClass( cssIcon[ 2 ] ); - for ( indx = 0; indx < len; indx++ ) { - // direction = 2 means reset! - if ( list[ indx ][ 1 ] !== 2 ) { - // multicolumn sorting updating - see #1005 - // .not(function(){}) needs jQuery 1.4 - // filter(function(i, el){}) <- el is undefined in jQuery v1.2.6 - $sorted = c.$headers.filter( function( i ) { - // only include headers that are in the sortList (this includes colspans) - var include = true, - $el = c.$headers.eq( i ), - col = parseInt( $el.attr( 'data-column' ), 10 ), - end = col + c.$headers[ i ].colSpan; - for ( ; col < end; col++ ) { - include = include ? include || ts.isValueInArray( col, c.sortList ) > -1 : false; - } - return include; - }); - - // choose the :last in case there are nested columns - $sorted = $sorted - .not( '.sorter-false' ) - .filter( '[data-column="' + list[ indx ][ 0 ] + '"]' + ( len === 1 ? ':last' : '' ) ); - if ( $sorted.length ) { - for ( column = 0; column < $sorted.length; column++ ) { - if ( !$sorted[ column ].sortDisabled ) { - $sorted - .eq( column ) - .removeClass( none ) - .addClass( css[ list[ indx ][ 1 ] ] ) - .attr( 'aria-sort', aria[ list[ indx ][ 1 ] ] ) - .find( '.' + ts.css.icon ) - .removeClass( cssIcon[ 2 ] ) - .addClass( cssIcon[ list[ indx ][ 1 ] ] ); - } - } - // add sorted class to footer & extra headers, if they exist - if ( $headers.length ) { - $headers - .filter( '[data-column="' + list[ indx ][ 0 ] + '"]' ) - .removeClass( none ) - .addClass( css[ list[ indx ][ 1 ] ] ); - } - } - } - } - // add verbose aria labels - len = c.$headers.length; - for ( indx = 0; indx < len; indx++ ) { - ts.setColumnAriaLabel( c, c.$headers.eq( indx ) ); - } - }, - - // nextSort (optional), lets you disable next sort text - setColumnAriaLabel : function( c, $header, nextSort ) { - if ( $header.length ) { - var column = parseInt( $header.attr( 'data-column' ), 10 ), - tmp = $header.hasClass( ts.css.sortAsc ) ? - 'sortAsc' : - $header.hasClass( ts.css.sortDesc ) ? 'sortDesc' : 'sortNone', - txt = $.trim( $header.text() ) + ': ' + ts.language[ tmp ]; - if ( $header.hasClass( 'sorter-false' ) || nextSort === false ) { - txt += ts.language.sortDisabled; - } else { - nextSort = c.sortVars[ column ].order[ ( c.sortVars[ column ].count + 1 ) % ( c.sortReset ? 3 : 2 ) ]; - // if nextSort - txt += ts.language[ nextSort === 0 ? 'nextAsc' : nextSort === 1 ? 'nextDesc' : 'nextNone' ]; - } - $header.attr( 'aria-label', txt ); - } - }, - - updateHeader : function( c ) { - var index, isDisabled, $header, col, - table = c.table, - len = c.$headers.length; - for ( index = 0; index < len; index++ ) { - $header = c.$headers.eq( index ); - col = ts.getColumnData( table, c.headers, index, true ); - // add 'sorter-false' class if 'parser-false' is set - isDisabled = ts.getData( $header, col, 'sorter' ) === 'false' || ts.getData( $header, col, 'parser' ) === 'false'; - ts.setColumnSort( c, $header, isDisabled ); - } - }, - - setColumnSort : function( c, $header, isDisabled ) { - var id = c.table.id; - $header[ 0 ].sortDisabled = isDisabled; - $header[ isDisabled ? 'addClass' : 'removeClass' ]( 'sorter-false' ) - .attr( 'aria-disabled', '' + isDisabled ); - // disable tab index on disabled cells - if ( c.tabIndex ) { - if ( isDisabled ) { - $header.removeAttr( 'tabindex' ); - } else { - $header.attr( 'tabindex', '0' ); - } - } - // aria-controls - requires table ID - if ( id ) { - if ( isDisabled ) { - $header.removeAttr( 'aria-controls' ); - } else { - $header.attr( 'aria-controls', id ); - } - } - }, - - updateHeaderSortCount : function( c, list ) { - var col, dir, group, indx, primary, temp, val, order, - sortList = list || c.sortList, - len = sortList.length; - c.sortList = []; - for ( indx = 0; indx < len; indx++ ) { - val = sortList[ indx ]; - // ensure all sortList values are numeric - fixes #127 - col = parseInt( val[ 0 ], 10 ); - // prevents error if sorton array is wrong - if ( col < c.columns ) { - - // set order if not already defined - due to colspan header without associated header cell - // adding this check prevents a javascript error - if ( !c.sortVars[ col ].order ) { - order = c.sortVars[ col ].order = ts.getOrder( c.sortInitialOrder ) ? [ 1, 0, 2 ] : [ 0, 1, 2 ]; - c.sortVars[ col ].count = 0; - } - - order = c.sortVars[ col ].order; - dir = ( '' + val[ 1 ] ).match( /^(1|d|s|o|n)/ ); - dir = dir ? dir[ 0 ] : ''; - // 0/(a)sc (default), 1/(d)esc, (s)ame, (o)pposite, (n)ext - switch ( dir ) { - case '1' : case 'd' : // descending - dir = 1; - break; - case 's' : // same direction (as primary column) - // if primary sort is set to 's', make it ascending - dir = primary || 0; - break; - case 'o' : - temp = order[ ( primary || 0 ) % ( c.sortReset ? 3 : 2 ) ]; - // opposite of primary column; but resets if primary resets - dir = temp === 0 ? 1 : temp === 1 ? 0 : 2; - break; - case 'n' : - dir = order[ ( ++c.sortVars[ col ].count ) % ( c.sortReset ? 3 : 2 ) ]; - break; - default : // ascending - dir = 0; - break; - } - primary = indx === 0 ? dir : primary; - group = [ col, parseInt( dir, 10 ) || 0 ]; - c.sortList[ c.sortList.length ] = group; - dir = $.inArray( group[ 1 ], order ); // fixes issue #167 - c.sortVars[ col ].count = dir >= 0 ? dir : group[ 1 ] % ( c.sortReset ? 3 : 2 ); - } - } - }, - - updateAll : function( c, resort, callback ) { - var table = c.table; - table.isUpdating = true; - ts.refreshWidgets( table, true, true ); - ts.buildHeaders( c ); - ts.bindEvents( table, c.$headers, true ); - ts.bindMethods( c ); - ts.commonUpdate( c, resort, callback ); - }, - - update : function( c, resort, callback ) { - var table = c.table; - table.isUpdating = true; - // update sorting (if enabled/disabled) - ts.updateHeader( c ); - ts.commonUpdate( c, resort, callback ); - }, - - // simple header update - see #989 - updateHeaders : function( c, callback ) { - c.table.isUpdating = true; - ts.buildHeaders( c ); - ts.bindEvents( c.table, c.$headers, true ); - ts.resortComplete( c, callback ); - }, - - updateCell : function( c, cell, resort, callback ) { - if ( ts.isEmptyObject( c.cache ) ) { - // empty table, do an update instead - fixes #1099 - ts.updateHeader( c ); - ts.commonUpdate( c, resort, callback ); - return; - } - c.table.isUpdating = true; - c.$table.find( c.selectorRemove ).remove(); - // get position from the dom - var tmp, indx, row, icell, cache, len, - $tbodies = c.$tbodies, - $cell = $( cell ), - // update cache - format: function( s, table, cell, cellIndex ) - // no closest in jQuery v1.2.6 - tbodyIndex = $tbodies - .index( $.fn.closest ? $cell.closest( 'tbody' ) : $cell.parents( 'tbody' ).filter( ':first' ) ), - tbcache = c.cache[ tbodyIndex ], - $row = $.fn.closest ? $cell.closest( 'tr' ) : $cell.parents( 'tr' ).filter( ':first' ); - cell = $cell[ 0 ]; // in case cell is a jQuery object - // tbody may not exist if update is initialized while tbody is removed for processing - if ( $tbodies.length && tbodyIndex >= 0 ) { - row = $tbodies.eq( tbodyIndex ).find( 'tr' ).index( $row ); - cache = tbcache.normalized[ row ]; - len = $row[ 0 ].cells.length; - if ( len !== c.columns ) { - // colspan in here somewhere! - icell = 0; - tmp = false; - for ( indx = 0; indx < len; indx++ ) { - if ( !tmp && $row[ 0 ].cells[ indx ] !== cell ) { - icell += $row[ 0 ].cells[ indx ].colSpan; - } else { - tmp = true; - } - } - } else { - icell = $cell.index(); - } - tmp = ts.getElementText( c, cell, icell ); // raw - cache[ c.columns ].raw[ icell ] = tmp; - tmp = ts.getParsedText( c, cell, icell, tmp ); - cache[ icell ] = tmp; // parsed - cache[ c.columns ].$row = $row; - if ( ( c.parsers[ icell ].type || '' ).toLowerCase() === 'numeric' ) { - // update column max value (ignore sign) - tbcache.colMax[ icell ] = Math.max( Math.abs( tmp ) || 0, tbcache.colMax[ icell ] || 0 ); - } - tmp = resort !== 'undefined' ? resort : c.resort; - if ( tmp !== false ) { - // widgets will be reapplied - ts.checkResort( c, tmp, callback ); - } else { - // don't reapply widgets is resort is false, just in case it causes - // problems with element focus - ts.resortComplete( c, callback ); - } - } else { - if ( c.debug ) { - console.error( 'updateCell aborted, tbody missing or not within the indicated table' ); - } - c.table.isUpdating = false; - } - }, - - addRows : function( c, $row, resort, callback ) { - var txt, val, tbodyIndex, rowIndex, rows, cellIndex, len, order, - cacheIndex, rowData, cells, cell, span, - // allow passing a row string if only one non-info tbody exists in the table - valid = typeof $row === 'string' && c.$tbodies.length === 1 && / 0 ) { - cacheIndex += span; - } - cacheIndex++; - } - // add the row data to the end - cells[ c.columns ] = rowData; - // update cache - c.cache[ tbodyIndex ].normalized[ order ] = cells; - } - // resort using current settings - ts.checkResort( c, resort, callback ); - } - }, - - updateCache : function( c, callback, $tbodies ) { - // rebuild parsers - if ( !( c.parsers && c.parsers.length ) ) { - ts.setupParsers( c, $tbodies ); - } - // rebuild the cache map - ts.buildCache( c, callback, $tbodies ); - }, - - // init flag (true) used by pager plugin to prevent widget application - // renamed from appendToTable - appendCache : function( c, init ) { - var parsed, totalRows, $tbody, $curTbody, rowIndex, tbodyIndex, appendTime, - table = c.table, - wo = c.widgetOptions, - $tbodies = c.$tbodies, - rows = [], - cache = c.cache; - // empty table - fixes #206/#346 - if ( ts.isEmptyObject( cache ) ) { - // run pager appender in case the table was just emptied - return c.appender ? c.appender( table, rows ) : - table.isUpdating ? c.$table.triggerHandler( 'updateComplete', table ) : ''; // Fixes #532 - } - if ( c.debug ) { - appendTime = new Date(); - } - for ( tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) { - $tbody = $tbodies.eq( tbodyIndex ); - if ( $tbody.length ) { - // detach tbody for manipulation - $curTbody = ts.processTbody( table, $tbody, true ); - parsed = cache[ tbodyIndex ].normalized; - totalRows = parsed.length; - for ( rowIndex = 0; rowIndex < totalRows; rowIndex++ ) { - rows[rows.length] = parsed[ rowIndex ][ c.columns ].$row; - // removeRows used by the pager plugin; don't render if using ajax - fixes #411 - if ( !c.appender || ( c.pager && ( !c.pager.removeRows || !wo.pager_removeRows ) && !c.pager.ajax ) ) { - $curTbody.append( parsed[ rowIndex ][ c.columns ].$row ); - } - } - // restore tbody - ts.processTbody( table, $curTbody, false ); - } - } - if ( c.appender ) { - c.appender( table, rows ); - } - if ( c.debug ) { - console.log( 'Rebuilt table' + ts.benchmark( appendTime ) ); - } - // apply table widgets; but not before ajax completes - if ( !init && !c.appender ) { - ts.applyWidget( table ); - } - if ( table.isUpdating ) { - c.$table.triggerHandler( 'updateComplete', table ); - } - }, - - commonUpdate : function( c, resort, callback ) { - // remove rows/elements before update - c.$table.find( c.selectorRemove ).remove(); - // rebuild parsers - ts.setupParsers( c ); - // rebuild the cache map - ts.buildCache( c ); - ts.checkResort( c, resort, callback ); - }, - - /* - ▄█████ ▄████▄ █████▄ ██████ ██ █████▄ ▄████▄ - ▀█▄ ██ ██ ██▄▄██ ██ ██ ██ ██ ██ ▄▄▄ - ▀█▄ ██ ██ ██▀██ ██ ██ ██ ██ ██ ▀██ - █████▀ ▀████▀ ██ ██ ██ ██ ██ ██ ▀████▀ - */ - initSort : function( c, cell, event ) { - if ( c.table.isUpdating ) { - // let any updates complete before initializing a sort - return setTimeout( function(){ - ts.initSort( c, cell, event ); - }, 50 ); - } - - var arry, indx, headerIndx, dir, temp, tmp, $header, - notMultiSort = !event[ c.sortMultiSortKey ], - table = c.table, - len = c.$headers.length, - // get current column index - col = parseInt( $( cell ).attr( 'data-column' ), 10 ), - order = c.sortVars[ col ].order; - - // Only call sortStart if sorting is enabled - c.$table.triggerHandler( 'sortStart', table ); - // get current column sort order - c.sortVars[ col ].count = - event[ c.sortResetKey ] ? 2 : ( c.sortVars[ col ].count + 1 ) % ( c.sortReset ? 3 : 2 ); - // reset all sorts on non-current column - issue #30 - if ( c.sortRestart ) { - for ( headerIndx = 0; headerIndx < len; headerIndx++ ) { - $header = c.$headers.eq( headerIndx ); - tmp = parseInt( $header.attr( 'data-column' ), 10 ); - // only reset counts on columns that weren't just clicked on and if not included in a multisort - if ( col !== tmp && ( notMultiSort || $header.hasClass( ts.css.sortNone ) ) ) { - c.sortVars[ tmp ].count = -1; - } - } - } - // user only wants to sort on one column - if ( notMultiSort ) { - // flush the sort list - c.sortList = []; - c.last.sortList = []; - if ( c.sortForce !== null ) { - arry = c.sortForce; - for ( indx = 0; indx < arry.length; indx++ ) { - if ( arry[ indx ][ 0 ] !== col ) { - c.sortList[ c.sortList.length ] = arry[ indx ]; - } - } - } - // add column to sort list - dir = order[ c.sortVars[ col ].count ]; - if ( dir < 2 ) { - c.sortList[ c.sortList.length ] = [ col, dir ]; - // add other columns if header spans across multiple - if ( cell.colSpan > 1 ) { - for ( indx = 1; indx < cell.colSpan; indx++ ) { - c.sortList[ c.sortList.length ] = [ col + indx, dir ]; - // update count on columns in colSpan - c.sortVars[ col + indx ].count = $.inArray( dir, order ); - } - } - } - // multi column sorting - } else { - // get rid of the sortAppend before adding more - fixes issue #115 & #523 - c.sortList = $.extend( [], c.last.sortList ); - - // the user has clicked on an already sorted column - if ( ts.isValueInArray( col, c.sortList ) >= 0 ) { - // reverse the sorting direction - for ( indx = 0; indx < c.sortList.length; indx++ ) { - tmp = c.sortList[ indx ]; - if ( tmp[ 0 ] === col ) { - // order.count seems to be incorrect when compared to cell.count - tmp[ 1 ] = order[ c.sortVars[ col ].count ]; - if ( tmp[1] === 2 ) { - c.sortList.splice( indx, 1 ); - c.sortVars[ col ].count = -1; - } - } - } - } else { - // add column to sort list array - dir = order[ c.sortVars[ col ].count ]; - if ( dir < 2 ) { - c.sortList[ c.sortList.length ] = [ col, dir ]; - // add other columns if header spans across multiple - if ( cell.colSpan > 1 ) { - for ( indx = 1; indx < cell.colSpan; indx++ ) { - c.sortList[ c.sortList.length ] = [ col + indx, dir ]; - // update count on columns in colSpan - c.sortVars[ col + indx ].count = $.inArray( dir, order ); - } - } - } - } - } - // save sort before applying sortAppend - c.last.sortList = $.extend( [], c.sortList ); - if ( c.sortList.length && c.sortAppend ) { - arry = $.isArray( c.sortAppend ) ? c.sortAppend : c.sortAppend[ c.sortList[ 0 ][ 0 ] ]; - if ( !ts.isEmptyObject( arry ) ) { - for ( indx = 0; indx < arry.length; indx++ ) { - if ( arry[ indx ][ 0 ] !== col && ts.isValueInArray( arry[ indx ][ 0 ], c.sortList ) < 0 ) { - dir = arry[ indx ][ 1 ]; - temp = ( '' + dir ).match( /^(a|d|s|o|n)/ ); - if ( temp ) { - tmp = c.sortList[ 0 ][ 1 ]; - switch ( temp[ 0 ] ) { - case 'd' : - dir = 1; - break; - case 's' : - dir = tmp; - break; - case 'o' : - dir = tmp === 0 ? 1 : 0; - break; - case 'n' : - dir = ( tmp + 1 ) % ( c.sortReset ? 3 : 2 ); - break; - default: - dir = 0; - break; - } - } - c.sortList[ c.sortList.length ] = [ arry[ indx ][ 0 ], dir ]; - } - } - } - } - // sortBegin event triggered immediately before the sort - c.$table.triggerHandler( 'sortBegin', table ); - // setTimeout needed so the processing icon shows up - setTimeout( function() { - // set css for headers - ts.setHeadersCss( c ); - ts.multisort( c ); - ts.appendCache( c ); - c.$table.triggerHandler( 'sortBeforeEnd', table ); - c.$table.triggerHandler( 'sortEnd', table ); - }, 1 ); - }, - - // sort multiple columns - multisort : function( c ) { - var tbodyIndex, sortTime, colMax, rows, - table = c.table, - dir = 0, - textSorter = c.textSorter || '', - sortList = c.sortList, - sortLen = sortList.length, - len = c.$tbodies.length; - if ( c.serverSideSorting || ts.isEmptyObject( c.cache ) ) { - // empty table - fixes #206/#346 - return; - } - if ( c.debug ) { sortTime = new Date(); } - for ( tbodyIndex = 0; tbodyIndex < len; tbodyIndex++ ) { - colMax = c.cache[ tbodyIndex ].colMax; - rows = c.cache[ tbodyIndex ].normalized; - - rows.sort( function( a, b ) { - var sortIndex, num, col, order, sort, x, y; - // rows is undefined here in IE, so don't use it! - for ( sortIndex = 0; sortIndex < sortLen; sortIndex++ ) { - col = sortList[ sortIndex ][ 0 ]; - order = sortList[ sortIndex ][ 1 ]; - // sort direction, true = asc, false = desc - dir = order === 0; - - if ( c.sortStable && a[ col ] === b[ col ] && sortLen === 1 ) { - return a[ c.columns ].order - b[ c.columns ].order; - } - - // fallback to natural sort since it is more robust - num = /n/i.test( ts.getSortType( c.parsers, col ) ); - if ( num && c.strings[ col ] ) { - // sort strings in numerical columns - if ( typeof ( ts.string[ c.strings[ col ] ] ) === 'boolean' ) { - num = ( dir ? 1 : -1 ) * ( ts.string[ c.strings[ col ] ] ? -1 : 1 ); - } else { - num = ( c.strings[ col ] ) ? ts.string[ c.strings[ col ] ] || 0 : 0; - } - // fall back to built-in numeric sort - // var sort = $.tablesorter['sort' + s]( a[col], b[col], dir, colMax[col], table ); - sort = c.numberSorter ? c.numberSorter( a[ col ], b[ col ], dir, colMax[ col ], table ) : - ts[ 'sortNumeric' + ( dir ? 'Asc' : 'Desc' ) ]( a[ col ], b[ col ], num, colMax[ col ], col, c ); - } else { - // set a & b depending on sort direction - x = dir ? a : b; - y = dir ? b : a; - // text sort function - if ( typeof textSorter === 'function' ) { - // custom OVERALL text sorter - sort = textSorter( x[ col ], y[ col ], dir, col, table ); - } else if ( typeof textSorter === 'object' && textSorter.hasOwnProperty( col ) ) { - // custom text sorter for a SPECIFIC COLUMN - sort = textSorter[ col ]( x[ col ], y[ col ], dir, col, table ); - } else { - // fall back to natural sort - sort = ts[ 'sortNatural' + ( dir ? 'Asc' : 'Desc' ) ]( a[ col ], b[ col ], col, c ); - } - } - if ( sort ) { return sort; } - } - return a[ c.columns ].order - b[ c.columns ].order; - }); - } - if ( c.debug ) { - console.log( 'Applying sort ' + sortList.toString() + ts.benchmark( sortTime ) ); - } - }, - - resortComplete : function( c, callback ) { - if ( c.table.isUpdating ) { - c.$table.triggerHandler( 'updateComplete', c.table ); - } - if ( $.isFunction( callback ) ) { - callback( c.table ); - } - }, - - checkResort : function( c, resort, callback ) { - var sortList = $.isArray( resort ) ? resort : c.sortList, - // if no resort parameter is passed, fallback to config.resort (true by default) - resrt = typeof resort === 'undefined' ? c.resort : resort; - // don't try to resort if the table is still processing - // this will catch spamming of the updateCell method - if ( resrt !== false && !c.serverSideSorting && !c.table.isProcessing ) { - if ( sortList.length ) { - ts.sortOn( c, sortList, function() { - ts.resortComplete( c, callback ); - }, true ); - } else { - ts.sortReset( c, function() { - ts.resortComplete( c, callback ); - ts.applyWidget( c.table, false ); - } ); - } - } else { - ts.resortComplete( c, callback ); - ts.applyWidget( c.table, false ); - } - }, - - sortOn : function( c, list, callback, init ) { - var table = c.table; - c.$table.triggerHandler( 'sortStart', table ); - // update header count index - ts.updateHeaderSortCount( c, list ); - // set css for headers - ts.setHeadersCss( c ); - // fixes #346 - if ( c.delayInit && ts.isEmptyObject( c.cache ) ) { - ts.buildCache( c ); - } - c.$table.triggerHandler( 'sortBegin', table ); - // sort the table and append it to the dom - ts.multisort( c ); - ts.appendCache( c, init ); - c.$table.triggerHandler( 'sortBeforeEnd', table ); - c.$table.triggerHandler( 'sortEnd', table ); - ts.applyWidget( table ); - if ( $.isFunction( callback ) ) { - callback( table ); - } - }, - - sortReset : function( c, callback ) { - c.sortList = []; - ts.setHeadersCss( c ); - ts.multisort( c ); - ts.appendCache( c ); - if ( $.isFunction( callback ) ) { - callback( c.table ); - } - }, - - getSortType : function( parsers, column ) { - return ( parsers && parsers[ column ] ) ? parsers[ column ].type || '' : ''; - }, - - getOrder : function( val ) { - // look for 'd' in 'desc' order; return true - return ( /^d/i.test( val ) || val === 1 ); - }, - - // Natural sort - https://github.com/overset/javascript-natural-sort (date sorting removed) - // this function will only accept strings, or you'll see 'TypeError: undefined is not a function' - // I could add a = a.toString(); b = b.toString(); but it'll slow down the sort overall - sortNatural : function( a, b ) { - if ( a === b ) { return 0; } - var aNum, bNum, aFloat, bFloat, indx, max, - regex = ts.regex; - // first try and sort Hex codes - if ( regex.hex.test( b ) ) { - aNum = parseInt( a.match( regex.hex ), 16 ); - bNum = parseInt( b.match( regex.hex ), 16 ); - if ( aNum < bNum ) { return -1; } - if ( aNum > bNum ) { return 1; } - } - // chunk/tokenize - aNum = a.replace( regex.chunk, '\\0$1\\0' ).replace( regex.chunks, '' ).split( '\\0' ); - bNum = b.replace( regex.chunk, '\\0$1\\0' ).replace( regex.chunks, '' ).split( '\\0' ); - max = Math.max( aNum.length, bNum.length ); - // natural sorting through split numeric strings and default strings - for ( indx = 0; indx < max; indx++ ) { - // find floats not starting with '0', string or 0 if not defined - aFloat = isNaN( aNum[ indx ] ) ? aNum[ indx ] || 0 : parseFloat( aNum[ indx ] ) || 0; - bFloat = isNaN( bNum[ indx ] ) ? bNum[ indx ] || 0 : parseFloat( bNum[ indx ] ) || 0; - // handle numeric vs string comparison - number < string - (Kyle Adams) - if ( isNaN( aFloat ) !== isNaN( bFloat ) ) { return isNaN( aFloat ) ? 1 : -1; } - // rely on string comparison if different types - i.e. '02' < 2 != '02' < '2' - if ( typeof aFloat !== typeof bFloat ) { - aFloat += ''; - bFloat += ''; - } - if ( aFloat < bFloat ) { return -1; } - if ( aFloat > bFloat ) { return 1; } - } - return 0; - }, - - sortNaturalAsc : function( a, b, col, c ) { - if ( a === b ) { return 0; } - var empty = ts.string[ ( c.empties[ col ] || c.emptyTo ) ]; - if ( a === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? -1 : 1 ) : -empty || -1; } - if ( b === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? 1 : -1 ) : empty || 1; } - return ts.sortNatural( a, b ); - }, - - sortNaturalDesc : function( a, b, col, c ) { - if ( a === b ) { return 0; } - var empty = ts.string[ ( c.empties[ col ] || c.emptyTo ) ]; - if ( a === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? -1 : 1 ) : empty || 1; } - if ( b === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? 1 : -1 ) : -empty || -1; } - return ts.sortNatural( b, a ); - }, - - // basic alphabetical sort - sortText : function( a, b ) { - return a > b ? 1 : ( a < b ? -1 : 0 ); - }, - - // return text string value by adding up ascii value - // so the text is somewhat sorted when using a digital sort - // this is NOT an alphanumeric sort - getTextValue : function( val, num, max ) { - if ( max ) { - // make sure the text value is greater than the max numerical value (max) - var indx, - len = val ? val.length : 0, - n = max + num; - for ( indx = 0; indx < len; indx++ ) { - n += val.charCodeAt( indx ); - } - return num * n; - } - return 0; - }, - - sortNumericAsc : function( a, b, num, max, col, c ) { - if ( a === b ) { return 0; } - var empty = ts.string[ ( c.empties[ col ] || c.emptyTo ) ]; - if ( a === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? -1 : 1 ) : -empty || -1; } - if ( b === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? 1 : -1 ) : empty || 1; } - if ( isNaN( a ) ) { a = ts.getTextValue( a, num, max ); } - if ( isNaN( b ) ) { b = ts.getTextValue( b, num, max ); } - return a - b; - }, - - sortNumericDesc : function( a, b, num, max, col, c ) { - if ( a === b ) { return 0; } - var empty = ts.string[ ( c.empties[ col ] || c.emptyTo ) ]; - if ( a === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? -1 : 1 ) : empty || 1; } - if ( b === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? 1 : -1 ) : -empty || -1; } - if ( isNaN( a ) ) { a = ts.getTextValue( a, num, max ); } - if ( isNaN( b ) ) { b = ts.getTextValue( b, num, max ); } - return b - a; - }, - - sortNumeric : function( a, b ) { - return a - b; - }, - - /* - ██ ██ ██ ██ █████▄ ▄████▄ ██████ ██████ ▄█████ - ██ ██ ██ ██ ██ ██ ██ ▄▄▄ ██▄▄ ██ ▀█▄ - ██ ██ ██ ██ ██ ██ ██ ▀██ ██▀▀ ██ ▀█▄ - ███████▀ ██ █████▀ ▀████▀ ██████ ██ █████▀ - */ - addWidget : function( widget ) { - if ( widget.id && !ts.isEmptyObject( ts.getWidgetById( widget.id ) ) ) { - console.warn( '"' + widget.id + '" widget was loaded more than once!' ); - } - ts.widgets[ ts.widgets.length ] = widget; - }, - - hasWidget : function( $table, name ) { - $table = $( $table ); - return $table.length && $table[ 0 ].config && $table[ 0 ].config.widgetInit[ name ] || false; - }, - - getWidgetById : function( name ) { - var indx, widget, - len = ts.widgets.length; - for ( indx = 0; indx < len; indx++ ) { - widget = ts.widgets[ indx ]; - if ( widget && widget.id && widget.id.toLowerCase() === name.toLowerCase() ) { - return widget; - } - } - }, - - applyWidgetOptions : function( table ) { - var indx, widget, - c = table.config, - len = c.widgets.length; - if ( len ) { - for ( indx = 0; indx < len; indx++ ) { - widget = ts.getWidgetById( c.widgets[ indx ] ); - if ( widget && widget.options ) { - c.widgetOptions = $.extend( true, {}, widget.options, c.widgetOptions ); - } - } - } - }, - - addWidgetFromClass : function( table ) { - var len, indx, - c = table.config, - // look for widgets to apply from table class - // don't match from 'ui-widget-content'; use \S instead of \w to include widgets - // with dashes in the name, e.g. "widget-test-2" extracts out "test-2" - regex = '^' + c.widgetClass.replace( ts.regex.templateName, '(\\S+)+' ) + '$', - widgetClass = new RegExp( regex, 'g' ), - // split up table class (widget id's can include dashes) - stop using match - // otherwise only one widget gets extracted, see #1109 - widgets = ( table.className || '' ).split( ts.regex.spaces ); - if ( widgets.length ) { - len = widgets.length; - for ( indx = 0; indx < len; indx++ ) { - if ( widgets[ indx ].match( widgetClass ) ) { - c.widgets[ c.widgets.length ] = widgets[ indx ].replace( widgetClass, '$1' ); - } - } - } - }, - - applyWidgetId : function( table, id, init ) { - table = $(table)[0]; - var applied, time, name, - c = table.config, - wo = c.widgetOptions, - widget = ts.getWidgetById( id ); - if ( widget ) { - name = widget.id; - applied = false; - // add widget name to option list so it gets reapplied after sorting, filtering, etc - if ( $.inArray( name, c.widgets ) < 0 ) { - c.widgets[ c.widgets.length ] = name; - } - if ( c.debug ) { time = new Date(); } - - if ( init || !( c.widgetInit[ name ] ) ) { - // set init flag first to prevent calling init more than once (e.g. pager) - c.widgetInit[ name ] = true; - if ( table.hasInitialized ) { - // don't reapply widget options on tablesorter init - ts.applyWidgetOptions( table ); - } - if ( typeof widget.init === 'function' ) { - applied = true; - if ( c.debug ) { - console[ console.group ? 'group' : 'log' ]( 'Initializing ' + name + ' widget' ); - } - widget.init( table, widget, c, wo ); - } - } - if ( !init && typeof widget.format === 'function' ) { - applied = true; - if ( c.debug ) { - console[ console.group ? 'group' : 'log' ]( 'Updating ' + name + ' widget' ); - } - widget.format( table, c, wo, false ); - } - if ( c.debug ) { - if ( applied ) { - console.log( 'Completed ' + ( init ? 'initializing ' : 'applying ' ) + name + ' widget' + ts.benchmark( time ) ); - if ( console.groupEnd ) { console.groupEnd(); } - } - } - } - }, - - applyWidget : function( table, init, callback ) { - table = $( table )[ 0 ]; // in case this is called externally - var indx, len, names, widget, time, - c = table.config, - widgets = []; - // prevent numerous consecutive widget applications - if ( init !== false && table.hasInitialized && ( table.isApplyingWidgets || table.isUpdating ) ) { - return; - } - if ( c.debug ) { time = new Date(); } - ts.addWidgetFromClass( table ); - // prevent "tablesorter-ready" from firing multiple times in a row - clearTimeout( c.timerReady ); - if ( c.widgets.length ) { - table.isApplyingWidgets = true; - // ensure unique widget ids - c.widgets = $.grep( c.widgets, function( val, index ) { - return $.inArray( val, c.widgets ) === index; - }); - names = c.widgets || []; - len = names.length; - // build widget array & add priority as needed - for ( indx = 0; indx < len; indx++ ) { - widget = ts.getWidgetById( names[ indx ] ); - if ( widget && widget.id ) { - // set priority to 10 if not defined - if ( !widget.priority ) { widget.priority = 10; } - widgets[ indx ] = widget; - } else if ( c.debug ) { - console.warn( '"' + names[ indx ] + '" widget code does not exist!' ); - } - } - // sort widgets by priority - widgets.sort( function( a, b ) { - return a.priority < b.priority ? -1 : a.priority === b.priority ? 0 : 1; - }); - // add/update selected widgets - len = widgets.length; - if ( c.debug ) { - console[ console.group ? 'group' : 'log' ]( 'Start ' + ( init ? 'initializing' : 'applying' ) + ' widgets' ); - } - for ( indx = 0; indx < len; indx++ ) { - widget = widgets[ indx ]; - if ( widget && widget.id ) { - ts.applyWidgetId( table, widget.id, init ); - } - } - if ( c.debug && console.groupEnd ) { console.groupEnd(); } - // callback executed on init only - if ( !init && typeof callback === 'function' ) { - callback( table ); - } - } - c.timerReady = setTimeout( function() { - table.isApplyingWidgets = false; - $.data( table, 'lastWidgetApplication', new Date() ); - c.$table.triggerHandler( 'tablesorter-ready' ); - }, 10 ); - if ( c.debug ) { - widget = c.widgets.length; - console.log( 'Completed ' + - ( init === true ? 'initializing ' : 'applying ' ) + widget + - ' widget' + ( widget !== 1 ? 's' : '' ) + ts.benchmark( time ) ); - } - }, - - removeWidget : function( table, name, refreshing ) { - table = $( table )[ 0 ]; - var index, widget, indx, len, - c = table.config; - // if name === true, add all widgets from $.tablesorter.widgets - if ( name === true ) { - name = []; - len = ts.widgets.length; - for ( indx = 0; indx < len; indx++ ) { - widget = ts.widgets[ indx ]; - if ( widget && widget.id ) { - name[ name.length ] = widget.id; - } - } - } else { - // name can be either an array of widgets names, - // or a space/comma separated list of widget names - name = ( $.isArray( name ) ? name.join( ',' ) : name || '' ).toLowerCase().split( /[\s,]+/ ); - } - len = name.length; - for ( index = 0; index < len; index++ ) { - widget = ts.getWidgetById( name[ index ] ); - indx = $.inArray( name[ index ], c.widgets ); - // don't remove the widget from config.widget if refreshing - if ( indx >= 0 && refreshing !== true ) { - c.widgets.splice( indx, 1 ); - } - if ( widget && widget.remove ) { - if ( c.debug ) { - console.log( ( refreshing ? 'Refreshing' : 'Removing' ) + ' "' + name[ index ] + '" widget' ); - } - widget.remove( table, c, c.widgetOptions, refreshing ); - c.widgetInit[ name[ index ] ] = false; - } - } - }, - - refreshWidgets : function( table, doAll, dontapply ) { - table = $( table )[ 0 ]; // see issue #243 - var indx, widget, - c = table.config, - curWidgets = c.widgets, - widgets = ts.widgets, - len = widgets.length, - list = [], - callback = function( table ) { - $( table ).triggerHandler( 'refreshComplete' ); - }; - // remove widgets not defined in config.widgets, unless doAll is true - for ( indx = 0; indx < len; indx++ ) { - widget = widgets[ indx ]; - if ( widget && widget.id && ( doAll || $.inArray( widget.id, curWidgets ) < 0 ) ) { - list[ list.length ] = widget.id; - } - } - ts.removeWidget( table, list.join( ',' ), true ); - if ( dontapply !== true ) { - // call widget init if - ts.applyWidget( table, doAll || false, callback ); - if ( doAll ) { - // apply widget format - ts.applyWidget( table, false, callback ); - } - } else { - callback( table ); - } - }, - - /* - ██ ██ ██████ ██ ██ ██ ██████ ██ ██████ ▄█████ - ██ ██ ██ ██ ██ ██ ██ ██ ██▄▄ ▀█▄ - ██ ██ ██ ██ ██ ██ ██ ██ ██▀▀ ▀█▄ - ▀████▀ ██ ██ ██████ ██ ██ ██ ██████ █████▀ - */ - benchmark : function( diff ) { - return ( ' ( ' + ( new Date().getTime() - diff.getTime() ) + 'ms )' ); - }, - // deprecated ts.log - log : function() { - console.log( arguments ); - }, - - // $.isEmptyObject from jQuery v1.4 - isEmptyObject : function( obj ) { - for ( var name in obj ) { - return false; - } - return true; - }, - - isValueInArray : function( column, arry ) { - var indx, - len = arry && arry.length || 0; - for ( indx = 0; indx < len; indx++ ) { - if ( arry[ indx ][ 0 ] === column ) { - return indx; - } - } - return -1; - }, - - formatFloat : function( str, table ) { - if ( typeof str !== 'string' || str === '' ) { return str; } - // allow using formatFloat without a table; defaults to US number format - var num, - usFormat = table && table.config ? table.config.usNumberFormat !== false : - typeof table !== 'undefined' ? table : true; - if ( usFormat ) { - // US Format - 1,234,567.89 -> 1234567.89 - str = str.replace( ts.regex.comma, '' ); - } else { - // German Format = 1.234.567,89 -> 1234567.89 - // French Format = 1 234 567,89 -> 1234567.89 - str = str.replace( ts.regex.digitNonUS, '' ).replace( ts.regex.comma, '.' ); - } - if ( ts.regex.digitNegativeTest.test( str ) ) { - // make (#) into a negative number -> (10) = -10 - str = str.replace( ts.regex.digitNegativeReplace, '-$1' ); - } - num = parseFloat( str ); - // return the text instead of zero - return isNaN( num ) ? $.trim( str ) : num; - }, - - isDigit : function( str ) { - // replace all unwanted chars and match - return isNaN( str ) ? - ts.regex.digitTest.test( str.toString().replace( ts.regex.digitReplace, '' ) ) : - str !== ''; - }, - - // computeTableHeaderCellIndexes from: - // http://www.javascripttoolbox.com/lib/table/examples.php - // http://www.javascripttoolbox.com/temp/table_cellindex.html - computeColumnIndex : function( $rows, c ) { - var i, j, k, l, cell, cells, rowIndex, rowSpan, colSpan, firstAvailCol, - // total columns has been calculated, use it to set the matrixrow - columns = c && c.columns || 0, - matrix = [], - matrixrow = new Array( columns ); - for ( i = 0; i < $rows.length; i++ ) { - cells = $rows[ i ].cells; - for ( j = 0; j < cells.length; j++ ) { - cell = cells[ j ]; - rowIndex = cell.parentNode.rowIndex; - rowSpan = cell.rowSpan || 1; - colSpan = cell.colSpan || 1; - if ( typeof matrix[ rowIndex ] === 'undefined' ) { - matrix[ rowIndex ] = []; - } - // Find first available column in the first row - for ( k = 0; k < matrix[ rowIndex ].length + 1; k++ ) { - if ( typeof matrix[ rowIndex ][ k ] === 'undefined' ) { - firstAvailCol = k; - break; - } - } - // jscs:disable disallowEmptyBlocks - if ( columns && cell.cellIndex === firstAvailCol ) { - // don't to anything - } else if ( cell.setAttribute ) { - // jscs:enable disallowEmptyBlocks - // add data-column (setAttribute = IE8+) - cell.setAttribute( 'data-column', firstAvailCol ); - } else { - // remove once we drop support for IE7 - 1/12/2016 - $( cell ).attr( 'data-column', firstAvailCol ); - } - for ( k = rowIndex; k < rowIndex + rowSpan; k++ ) { - if ( typeof matrix[ k ] === 'undefined' ) { - matrix[ k ] = []; - } - matrixrow = matrix[ k ]; - for ( l = firstAvailCol; l < firstAvailCol + colSpan; l++ ) { - matrixrow[ l ] = 'x'; - } - } - } - } - return matrixrow.length; - }, - - // automatically add a colgroup with col elements set to a percentage width - fixColumnWidth : function( table ) { - table = $( table )[ 0 ]; - var overallWidth, percent, $tbodies, len, index, - c = table.config, - $colgroup = c.$table.children( 'colgroup' ); - // remove plugin-added colgroup, in case we need to refresh the widths - if ( $colgroup.length && $colgroup.hasClass( ts.css.colgroup ) ) { - $colgroup.remove(); - } - if ( c.widthFixed && c.$table.children( 'colgroup' ).length === 0 ) { - $colgroup = $( '' ); - overallWidth = c.$table.width(); - // only add col for visible columns - fixes #371 - $tbodies = c.$tbodies.find( 'tr:first' ).children( ':visible' ); - len = $tbodies.length; - for ( index = 0; index < len; index++ ) { - percent = parseInt( ( $tbodies.eq( index ).width() / overallWidth ) * 1000, 10 ) / 10 + '%'; - $colgroup.append( $( '' ).css( 'width', percent ) ); - } - c.$table.prepend( $colgroup ); - } - }, - - // get sorter, string, empty, etc options for each column from - // jQuery data, metadata, header option or header class name ('sorter-false') - // priority = jQuery data > meta > headers option > header class name - getData : function( header, configHeader, key ) { - var meta, cl4ss, - val = '', - $header = $( header ); - if ( !$header.length ) { return ''; } - meta = $.metadata ? $header.metadata() : false; - cl4ss = ' ' + ( $header.attr( 'class' ) || '' ); - if ( typeof $header.data( key ) !== 'undefined' || - typeof $header.data( key.toLowerCase() ) !== 'undefined' ) { - // 'data-lockedOrder' is assigned to 'lockedorder'; but 'data-locked-order' is assigned to 'lockedOrder' - // 'data-sort-initial-order' is assigned to 'sortInitialOrder' - val += $header.data( key ) || $header.data( key.toLowerCase() ); - } else if ( meta && typeof meta[ key ] !== 'undefined' ) { - val += meta[ key ]; - } else if ( configHeader && typeof configHeader[ key ] !== 'undefined' ) { - val += configHeader[ key ]; - } else if ( cl4ss !== ' ' && cl4ss.match( ' ' + key + '-' ) ) { - // include sorter class name 'sorter-text', etc; now works with 'sorter-my-custom-parser' - val = cl4ss.match( new RegExp( '\\s' + key + '-([\\w-]+)' ) )[ 1 ] || ''; - } - return $.trim( val ); - }, - - getColumnData : function( table, obj, indx, getCell, $headers ) { - if ( typeof obj === 'undefined' || obj === null ) { return; } - table = $( table )[ 0 ]; - var $header, key, - c = table.config, - $cells = ( $headers || c.$headers ), - // c.$headerIndexed is not defined initially - $cell = c.$headerIndexed && c.$headerIndexed[ indx ] || - $cells.filter( '[data-column="' + indx + '"]:last' ); - if ( obj[ indx ] ) { - return getCell ? obj[ indx ] : obj[ $cells.index( $cell ) ]; - } - for ( key in obj ) { - if ( typeof key === 'string' ) { - $header = $cell - // header cell with class/id - .filter( key ) - // find elements within the header cell with cell/id - .add( $cell.find( key ) ); - if ( $header.length ) { - return obj[ key ]; - } - } - } - return; - }, - - // *** Process table *** - // add processing indicator - isProcessing : function( $table, toggle, $headers ) { - $table = $( $table ); - var c = $table[ 0 ].config, - // default to all headers - $header = $headers || $table.find( '.' + ts.css.header ); - if ( toggle ) { - // don't use sortList if custom $headers used - if ( typeof $headers !== 'undefined' && c.sortList.length > 0 ) { - // get headers from the sortList - $header = $header.filter( function() { - // get data-column from attr to keep compatibility with jQuery 1.2.6 - return this.sortDisabled ? - false : - ts.isValueInArray( parseFloat( $( this ).attr( 'data-column' ) ), c.sortList ) >= 0; - }); - } - $table.add( $header ).addClass( ts.css.processing + ' ' + c.cssProcessing ); - } else { - $table.add( $header ).removeClass( ts.css.processing + ' ' + c.cssProcessing ); - } - }, - - // detach tbody but save the position - // don't use tbody because there are portions that look for a tbody index (updateCell) - processTbody : function( table, $tb, getIt ) { - table = $( table )[ 0 ]; - if ( getIt ) { - table.isProcessing = true; - $tb.before( '' ); - return $.fn.detach ? $tb.detach() : $tb.remove(); - } - var holdr = $( table ).find( 'colgroup.tablesorter-savemyplace' ); - $tb.insertAfter( holdr ); - holdr.remove(); - table.isProcessing = false; - }, - - clearTableBody : function( table ) { - $( table )[ 0 ].config.$tbodies.children().detach(); - }, - - // used when replacing accented characters during sorting - characterEquivalents : { - 'a' : '\u00e1\u00e0\u00e2\u00e3\u00e4\u0105\u00e5', // áàâãäąå - 'A' : '\u00c1\u00c0\u00c2\u00c3\u00c4\u0104\u00c5', // ÁÀÂÃÄĄÅ - 'c' : '\u00e7\u0107\u010d', // çćč - 'C' : '\u00c7\u0106\u010c', // ÇĆČ - 'e' : '\u00e9\u00e8\u00ea\u00eb\u011b\u0119', // éèêëěę - 'E' : '\u00c9\u00c8\u00ca\u00cb\u011a\u0118', // ÉÈÊËĚĘ - 'i' : '\u00ed\u00ec\u0130\u00ee\u00ef\u0131', // íìİîïı - 'I' : '\u00cd\u00cc\u0130\u00ce\u00cf', // ÍÌİÎÏ - 'o' : '\u00f3\u00f2\u00f4\u00f5\u00f6\u014d', // óòôõöō - 'O' : '\u00d3\u00d2\u00d4\u00d5\u00d6\u014c', // ÓÒÔÕÖŌ - 'ss': '\u00df', // ß (s sharp) - 'SS': '\u1e9e', // ẞ (Capital sharp s) - 'u' : '\u00fa\u00f9\u00fb\u00fc\u016f', // úùûüů - 'U' : '\u00da\u00d9\u00db\u00dc\u016e' // ÚÙÛÜŮ - }, - - replaceAccents : function( str ) { - var chr, - acc = '[', - eq = ts.characterEquivalents; - if ( !ts.characterRegex ) { - ts.characterRegexArray = {}; - for ( chr in eq ) { - if ( typeof chr === 'string' ) { - acc += eq[ chr ]; - ts.characterRegexArray[ chr ] = new RegExp( '[' + eq[ chr ] + ']', 'g' ); - } - } - ts.characterRegex = new RegExp( acc + ']' ); - } - if ( ts.characterRegex.test( str ) ) { - for ( chr in eq ) { - if ( typeof chr === 'string' ) { - str = str.replace( ts.characterRegexArray[ chr ], chr ); - } - } - } - return str; - }, - - // restore headers - restoreHeaders : function( table ) { - var index, $cell, - c = $( table )[ 0 ].config, - $headers = c.$table.find( c.selectorHeaders ), - len = $headers.length; - // don't use c.$headers here in case header cells were swapped - for ( index = 0; index < len; index++ ) { - $cell = $headers.eq( index ); - // only restore header cells if it is wrapped - // because this is also used by the updateAll method - if ( $cell.find( '.' + ts.css.headerIn ).length ) { - $cell.html( c.headerContent[ index ] ); - } - } - }, - - destroy : function( table, removeClasses, callback ) { - table = $( table )[ 0 ]; - if ( !table.hasInitialized ) { return; } - // remove all widgets - ts.removeWidget( table, true, false ); - var events, - $t = $( table ), - c = table.config, - debug = c.debug, - $h = $t.find( 'thead:first' ), - $r = $h.find( 'tr.' + ts.css.headerRow ).removeClass( ts.css.headerRow + ' ' + c.cssHeaderRow ), - $f = $t.find( 'tfoot:first > tr' ).children( 'th, td' ); - if ( removeClasses === false && $.inArray( 'uitheme', c.widgets ) >= 0 ) { - // reapply uitheme classes, in case we want to maintain appearance - $t.triggerHandler( 'applyWidgetId', [ 'uitheme' ] ); - $t.triggerHandler( 'applyWidgetId', [ 'zebra' ] ); - } - // remove widget added rows, just in case - $h.find( 'tr' ).not( $r ).remove(); - // disable tablesorter - not using .unbind( namespace ) because namespacing was - // added in jQuery v1.4.3 - see http://api.jquery.com/event.namespace/ - events = 'sortReset update updateRows updateAll updateHeaders updateCell addRows updateComplete sorton ' + - 'appendCache updateCache applyWidgetId applyWidgets refreshWidgets removeWidget destroy mouseup mouseleave ' + - 'keypress sortBegin sortEnd resetToLoadState '.split( ' ' ) - .join( c.namespace + ' ' ); - $t - .removeData( 'tablesorter' ) - .unbind( events.replace( ts.regex.spaces, ' ' ) ); - c.$headers - .add( $f ) - .removeClass( [ ts.css.header, c.cssHeader, c.cssAsc, c.cssDesc, ts.css.sortAsc, ts.css.sortDesc, ts.css.sortNone ].join( ' ' ) ) - .removeAttr( 'data-column' ) - .removeAttr( 'aria-label' ) - .attr( 'aria-disabled', 'true' ); - $r - .find( c.selectorSort ) - .unbind( ( 'mousedown mouseup keypress '.split( ' ' ).join( c.namespace + ' ' ) ).replace( ts.regex.spaces, ' ' ) ); - ts.restoreHeaders( table ); - $t.toggleClass( ts.css.table + ' ' + c.tableClass + ' tablesorter-' + c.theme, removeClasses === false ); - // clear flag in case the plugin is initialized again - table.hasInitialized = false; - delete table.config.cache; - if ( typeof callback === 'function' ) { - callback( table ); - } - if ( debug ) { - console.log( 'tablesorter has been removed' ); - } - } - - }; - - $.fn.tablesorter = function( settings ) { - return this.each( function() { - var table = this, - // merge & extend config options - c = $.extend( true, {}, ts.defaults, settings, ts.instanceMethods ); - // save initial settings - c.originalSettings = settings; - // create a table from data (build table widget) - if ( !table.hasInitialized && ts.buildTable && this.nodeName !== 'TABLE' ) { - // return the table (in case the original target is the table's container) - ts.buildTable( table, c ); - } else { - ts.setup( table, c ); - } - }); - }; - - // set up debug logs - if ( !( window.console && window.console.log ) ) { - // access $.tablesorter.logs for browsers that don't have a console... - ts.logs = []; - console = {}; - console.log = console.warn = console.error = console.table = function() { - var arg = arguments.length > 1 ? arguments : arguments[0]; - ts.logs[ ts.logs.length ] = { date: Date.now(), log: arg }; - }; - } - - // add default parsers - ts.addParser({ - id : 'no-parser', - is : function() { - return false; - }, - format : function() { - return ''; - }, - type : 'text' - }); - - ts.addParser({ - id : 'text', - is : function() { - return true; - }, - format : function( str, table ) { - var c = table.config; - if ( str ) { - str = $.trim( c.ignoreCase ? str.toLocaleLowerCase() : str ); - str = c.sortLocaleCompare ? ts.replaceAccents( str ) : str; - } - return str; - }, - type : 'text' - }); - - ts.regex.nondigit = /[^\w,. \-()]/g; - ts.addParser({ - id : 'digit', - is : function( str ) { - return ts.isDigit( str ); - }, - format : function( str, table ) { - var num = ts.formatFloat( ( str || '' ).replace( ts.regex.nondigit, '' ), table ); - return str && typeof num === 'number' ? num : - str ? $.trim( str && table.config.ignoreCase ? str.toLocaleLowerCase() : str ) : str; - }, - type : 'numeric' - }); - - ts.regex.currencyReplace = /[+\-,. ]/g; - ts.regex.currencyTest = /^\(?\d+[\u00a3$\u20ac\u00a4\u00a5\u00a2?.]|[\u00a3$\u20ac\u00a4\u00a5\u00a2?.]\d+\)?$/; - ts.addParser({ - id : 'currency', - is : function( str ) { - str = ( str || '' ).replace( ts.regex.currencyReplace, '' ); - // test for £$€¤¥¢ - return ts.regex.currencyTest.test( str ); - }, - format : function( str, table ) { - var num = ts.formatFloat( ( str || '' ).replace( ts.regex.nondigit, '' ), table ); - return str && typeof num === 'number' ? num : - str ? $.trim( str && table.config.ignoreCase ? str.toLocaleLowerCase() : str ) : str; - }, - type : 'numeric' - }); - - // too many protocols to add them all https://en.wikipedia.org/wiki/URI_scheme - // now, this regex can be updated before initialization - ts.regex.urlProtocolTest = /^(https?|ftp|file):\/\//; - ts.regex.urlProtocolReplace = /(https?|ftp|file):\/\//; - ts.addParser({ - id : 'url', - is : function( str ) { - return ts.regex.urlProtocolTest.test( str ); - }, - format : function( str ) { - return str ? $.trim( str.replace( ts.regex.urlProtocolReplace, '' ) ) : str; - }, - parsed : true, // filter widget flag - type : 'text' - }); - - ts.regex.dash = /-/g; - ts.regex.isoDate = /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}/; - ts.addParser({ - id : 'isoDate', - is : function( str ) { - return ts.regex.isoDate.test( str ); - }, - format : function( str, table ) { - var date = str ? new Date( str.replace( ts.regex.dash, '/' ) ) : str; - return date instanceof Date && isFinite( date ) ? date.getTime() : str; - }, - type : 'numeric' - }); - - ts.regex.percent = /%/g; - ts.regex.percentTest = /(\d\s*?%|%\s*?\d)/; - ts.addParser({ - id : 'percent', - is : function( str ) { - return ts.regex.percentTest.test( str ) && str.length < 15; - }, - format : function( str, table ) { - return str ? ts.formatFloat( str.replace( ts.regex.percent, '' ), table ) : str; - }, - type : 'numeric' - }); - - // added image parser to core v2.17.9 - ts.addParser({ - id : 'image', - is : function( str, table, node, $node ) { - return $node.find( 'img' ).length > 0; - }, - format : function( str, table, cell ) { - return $( cell ).find( 'img' ).attr( table.config.imgAttr || 'alt' ) || str; - }, - parsed : true, // filter widget flag - type : 'text' - }); - - ts.regex.dateReplace = /(\S)([AP]M)$/i; // used by usLongDate & time parser - ts.regex.usLongDateTest1 = /^[A-Z]{3,10}\.?\s+\d{1,2},?\s+(\d{4})(\s+\d{1,2}:\d{2}(:\d{2})?(\s+[AP]M)?)?$/i; - ts.regex.usLongDateTest2 = /^\d{1,2}\s+[A-Z]{3,10}\s+\d{4}/i; - ts.addParser({ - id : 'usLongDate', - is : function( str ) { - // two digit years are not allowed cross-browser - // Jan 01, 2013 12:34:56 PM or 01 Jan 2013 - return ts.regex.usLongDateTest1.test( str ) || ts.regex.usLongDateTest2.test( str ); - }, - format : function( str, table ) { - var date = str ? new Date( str.replace( ts.regex.dateReplace, '$1 $2' ) ) : str; - return date instanceof Date && isFinite( date ) ? date.getTime() : str; - }, - type : 'numeric' - }); - - // testing for ##-##-#### or ####-##-##, so it's not perfect; time can be included - ts.regex.shortDateTest = /(^\d{1,2}[\/\s]\d{1,2}[\/\s]\d{4})|(^\d{4}[\/\s]\d{1,2}[\/\s]\d{1,2})/; - // escaped "-" because JSHint in Firefox was showing it as an error - ts.regex.shortDateReplace = /[\-.,]/g; - // XXY covers MDY & DMY formats - ts.regex.shortDateXXY = /(\d{1,2})[\/\s](\d{1,2})[\/\s](\d{4})/; - ts.regex.shortDateYMD = /(\d{4})[\/\s](\d{1,2})[\/\s](\d{1,2})/; - ts.convertFormat = function( dateString, format ) { - dateString = ( dateString || '' ) - .replace( ts.regex.spaces, ' ' ) - .replace( ts.regex.shortDateReplace, '/' ); - if ( format === 'mmddyyyy' ) { - dateString = dateString.replace( ts.regex.shortDateXXY, '$3/$1/$2' ); - } else if ( format === 'ddmmyyyy' ) { - dateString = dateString.replace( ts.regex.shortDateXXY, '$3/$2/$1' ); - } else if ( format === 'yyyymmdd' ) { - dateString = dateString.replace( ts.regex.shortDateYMD, '$1/$2/$3' ); - } - var date = new Date( dateString ); - return date instanceof Date && isFinite( date ) ? date.getTime() : ''; - }; - - ts.addParser({ - id : 'shortDate', // 'mmddyyyy', 'ddmmyyyy' or 'yyyymmdd' - is : function( str ) { - str = ( str || '' ).replace( ts.regex.spaces, ' ' ).replace( ts.regex.shortDateReplace, '/' ); - return ts.regex.shortDateTest.test( str ); - }, - format : function( str, table, cell, cellIndex ) { - if ( str ) { - var c = table.config, - $header = c.$headerIndexed[ cellIndex ], - format = $header.length && $header.data( 'dateFormat' ) || - ts.getData( $header, ts.getColumnData( table, c.headers, cellIndex ), 'dateFormat' ) || - c.dateFormat; - // save format because getData can be slow... - if ( $header.length ) { - $header.data( 'dateFormat', format ); - } - return ts.convertFormat( str, format ) || str; - } - return str; - }, - type : 'numeric' - }); - - // match 24 hour time & 12 hours time + am/pm - see http://regexr.com/3c3tk - ts.regex.timeTest = /^([1-9]|1[0-2]):([0-5]\d)(\s[AP]M)$|^((?:[01]\d|[2][0-4]):[0-5]\d)$/i; - ts.regex.timeMatch = /([1-9]|1[0-2]):([0-5]\d)(\s[AP]M)|((?:[01]\d|[2][0-4]):[0-5]\d)/i; - ts.addParser({ - id : 'time', - is : function( str ) { - return ts.regex.timeTest.test( str ); - }, - format : function( str, table ) { - // isolate time... ignore month, day and year - var temp, - timePart = ( str || '' ).match( ts.regex.timeMatch ), - orig = new Date( str ), - // no time component? default to 00:00 by leaving it out, but only if str is defined - time = str && ( timePart !== null ? timePart[ 0 ] : '00:00 AM' ), - date = time ? new Date( '2000/01/01 ' + time.replace( ts.regex.dateReplace, '$1 $2' ) ) : time; - if ( date instanceof Date && isFinite( date ) ) { - temp = orig instanceof Date && isFinite( orig ) ? orig.getTime() : 0; - // if original string was a valid date, add it to the decimal so the column sorts in some kind of order - // luckily new Date() ignores the decimals - return temp ? parseFloat( date.getTime() + '.' + orig.getTime() ) : date.getTime(); - } - return str; - }, - type : 'numeric' - }); - - ts.addParser({ - id : 'metadata', - is : function() { - return false; - }, - format : function( str, table, cell ) { - var c = table.config, - p = ( !c.parserMetadataName ) ? 'sortValue' : c.parserMetadataName; - return $( cell ).metadata()[ p ]; - }, - type : 'numeric' - }); - - /* - ██████ ██████ █████▄ █████▄ ▄████▄ - ▄█▀ ██▄▄ ██▄▄██ ██▄▄██ ██▄▄██ - ▄█▀ ██▀▀ ██▀▀██ ██▀▀█ ██▀▀██ - ██████ ██████ █████▀ ██ ██ ██ ██ - */ - // add default widgets - ts.addWidget({ - id : 'zebra', - priority : 90, - format : function( table, c, wo ) { - var $visibleRows, $row, count, isEven, tbodyIndex, rowIndex, len, - child = new RegExp( c.cssChildRow, 'i' ), - $tbodies = c.$tbodies.add( $( c.namespace + '_extra_table' ).children( 'tbody:not(.' + c.cssInfoBlock + ')' ) ); - for ( tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) { - // loop through the visible rows - count = 0; - $visibleRows = $tbodies.eq( tbodyIndex ).children( 'tr:visible' ).not( c.selectorRemove ); - len = $visibleRows.length; - for ( rowIndex = 0; rowIndex < len; rowIndex++ ) { - $row = $visibleRows.eq( rowIndex ); - // style child rows the same way the parent row was styled - if ( !child.test( $row[ 0 ].className ) ) { count++; } - isEven = ( count % 2 === 0 ); - $row - .removeClass( wo.zebra[ isEven ? 1 : 0 ] ) - .addClass( wo.zebra[ isEven ? 0 : 1 ] ); - } - } - }, - remove : function( table, c, wo, refreshing ) { - if ( refreshing ) { return; } - var tbodyIndex, $tbody, - $tbodies = c.$tbodies, - toRemove = ( wo.zebra || [ 'even', 'odd' ] ).join( ' ' ); - for ( tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ){ - $tbody = ts.processTbody( table, $tbodies.eq( tbodyIndex ), true ); // remove tbody - $tbody.children().removeClass( toRemove ); - ts.processTbody( table, $tbody, false ); // restore tbody - } - } - }); - -})( jQuery ); diff --git a/public/js/lib/jquery.tablesorter.min.js b/public/js/lib/jquery.tablesorter.min.js deleted file mode 100644 index b8605df1e7..0000000000 --- a/public/js/lib/jquery.tablesorter.min.js +++ /dev/null @@ -1,4 +0,0 @@ - -(function($){$.extend({tablesorter:new -function(){var parsers=[],widgets=[];this.defaults={cssHeader:"header",cssAsc:"headerSortUp",cssDesc:"headerSortDown",cssChildRow:"expand-child",sortInitialOrder:"asc",sortMultiSortKey:"shiftKey",sortForce:null,sortAppend:null,sortLocaleCompare:true,textExtraction:"simple",parsers:{},widgets:[],widgetZebra:{css:["even","odd"]},headers:{},widthFixed:false,cancelSelection:true,sortList:[],headerList:[],dateFormat:"us",decimal:'/\.|\,/g',onRenderHeader:null,selectorHeaders:'thead th',debug:false};function benchmark(s,d){log(s+","+(new Date().getTime()-d.getTime())+"ms");}this.benchmark=benchmark;function log(s){if(typeof console!="undefined"&&typeof console.debug!="undefined"){console.log(s);}else{alert(s);}}function buildParserCache(table,$headers){if(table.config.debug){var parsersDebug="";}if(table.tBodies.length==0)return;var rows=table.tBodies[0].rows;if(rows[0]){var list=[],cells=rows[0].cells,l=cells.length;for(var i=0;i1){arr=arr.concat(checkCellColSpan(table,headerArr,row++));}else{if(table.tHead.length==1||(cell.rowSpan>1||!r[row+1])){arr.push(cell);}}}return arr;};function checkHeaderMetadata(cell){if(($.metadata)&&($(cell).metadata().sorter===false)){return true;};return false;}function checkHeaderOptions(table,i){if((table.config.headers[i])&&(table.config.headers[i].sorter===false)){return true;};return false;}function checkHeaderOptionsSortingLocked(table,i){if((table.config.headers[i])&&(table.config.headers[i].lockedOrder))return table.config.headers[i].lockedOrder;return false;}function applyWidget(table){var c=table.config.widgets;var l=c.length;for(var i=0;i');$("tr:first td",table.tBodies[0]).each(function(){colgroup.append($('').css('width',$(this).width()));});$(table).prepend(colgroup);};}function updateHeaderSortCount(table,sortList){var c=table.config,l=sortList.length;for(var i=0;i b["+i+"]) ? 1 : 0));";};function makeSortTextDesc(i){return"((b["+i+"] < a["+i+"]) ? -1 : ((b["+i+"] > a["+i+"]) ? 1 : 0));";};function makeSortNumeric(i){return"a["+i+"]-b["+i+"];";};function makeSortNumericDesc(i){return"b["+i+"]-a["+i+"];";};function sortText(a,b){if(table.config.sortLocaleCompare)return a.localeCompare(b);return((ab)?1:0));};function sortTextDesc(a,b){if(table.config.sortLocaleCompare)return b.localeCompare(a);return((ba)?1:0));};function sortNumeric(a,b){return a-b;};function sortNumericDesc(a,b){return b-a;};function getCachedSortType(parsers,i){return parsers[i].type;};this.construct=function(settings){return this.each(function(){if(!this.tHead||!this.tBodies)return;var $this,$document,$headers,cache,config,shiftDown=0,sortOrder;this.config={};config=$.extend(this.config,$.tablesorter.defaults,settings);$this=$(this);$.data(this,"tablesorter",config);$headers=buildHeaders(this);this.config.parsers=buildParserCache(this,$headers);cache=buildCache(this);var sortCSS=[config.cssDesc,config.cssAsc];fixColumnWidth(this);$headers.click(function(e){var totalRows=($this[0].tBodies[0]&&$this[0].tBodies[0].rows.length)||0;if(!this.sortDisabled&&totalRows>0){$this.trigger("sortStart");var $cell=$(this);var i=this.column;this.order=this.count++%2;if(this.lockedOrder)this.order=this.lockedOrder;if(!e[config.sortMultiSortKey]){config.sortList=[];if(config.sortForce!=null){var a=config.sortForce;for(var j=0;j0){$this.trigger("sorton",[config.sortList]);}applyWidget(this);});};this.addParser=function(parser){var l=parsers.length,a=true;for(var i=0;i table ID/index on page > data - if (!values[url]) { - values[url] = {}; - } - values[url][id] = value; - // *** set value *** - if (hasStorage) { - window[storageType][key] = JSON.stringify(values); - } else { - date = new Date(); - date.setTime(date.getTime() + (31536e+6)); // 365 days - document.cookie = key + '=' + (JSON.stringify(values)).replace(/\"/g, '\"') + '; expires=' + date.toGMTString() + '; path=/'; - } - } else { - return values && values[url] ? values[url][id] : ''; - } - }; - -})(jQuery, window, document); - -/*! Widget: uitheme - updated 3/26/2015 (v2.21.3) */ -;(function ($) { - 'use strict'; - var ts = $.tablesorter || {}; - - ts.themes = { - 'bootstrap' : { - table : 'table table-bordered table-striped', - caption : 'caption', - // header class names - header : 'bootstrap-header', // give the header a gradient background (theme.bootstrap_2.css) - sortNone : '', - sortAsc : '', - sortDesc : '', - active : '', // applied when column is sorted - hover : '', // custom css required - a defined bootstrap style may not override other classes - // icon class names - icons : '', // add 'icon-white' to make them white; this icon class is added to the in the header - iconSortNone : 'bootstrap-icon-unsorted', // class name added to icon when column is not sorted - iconSortAsc : 'icon-chevron-up glyphicon glyphicon-chevron-up', // class name added to icon when column has ascending sort - iconSortDesc : 'icon-chevron-down glyphicon glyphicon-chevron-down', // class name added to icon when column has descending sort - filterRow : '', // filter row class - footerRow : '', - footerCells : '', - even : '', // even row zebra striping - odd : '' // odd row zebra striping - }, - 'jui' : { - table : 'ui-widget ui-widget-content ui-corner-all', // table classes - caption : 'ui-widget-content', - // header class names - header : 'ui-widget-header ui-corner-all ui-state-default', // header classes - sortNone : '', - sortAsc : '', - sortDesc : '', - active : 'ui-state-active', // applied when column is sorted - hover : 'ui-state-hover', // hover class - // icon class names - icons : 'ui-icon', // icon class added to the in the header - iconSortNone : 'ui-icon-carat-2-n-s', // class name added to icon when column is not sorted - iconSortAsc : 'ui-icon-carat-1-n', // class name added to icon when column has ascending sort - iconSortDesc : 'ui-icon-carat-1-s', // class name added to icon when column has descending sort - filterRow : '', - footerRow : '', - footerCells : '', - even : 'ui-widget-content', // even row zebra striping - odd : 'ui-state-default' // odd row zebra striping - } - }; - - $.extend(ts.css, { - wrapper : 'tablesorter-wrapper' // ui theme & resizable - }); - - ts.addWidget({ - id: 'uitheme', - priority: 10, - format: function(table, c, wo) { - var i, hdr, icon, time, $header, $icon, $tfoot, $h, oldtheme, oldremove, oldIconRmv, hasOldTheme, - themesAll = ts.themes, - $table = c.$table.add( $( c.namespace + '_extra_table' ) ), - $headers = c.$headers.add( $( c.namespace + '_extra_headers' ) ), - theme = c.theme || 'jui', - themes = themesAll[theme] || {}, - remove = $.trim( [ themes.sortNone, themes.sortDesc, themes.sortAsc, themes.active ].join( ' ' ) ), - iconRmv = $.trim( [ themes.iconSortNone, themes.iconSortDesc, themes.iconSortAsc ].join( ' ' ) ); - if (c.debug) { time = new Date(); } - // initialization code - run once - if (!$table.hasClass('tablesorter-' + theme) || c.theme !== c.appliedTheme || !wo.uitheme_applied) { - wo.uitheme_applied = true; - oldtheme = themesAll[c.appliedTheme] || {}; - hasOldTheme = !$.isEmptyObject(oldtheme); - oldremove = hasOldTheme ? [ oldtheme.sortNone, oldtheme.sortDesc, oldtheme.sortAsc, oldtheme.active ].join( ' ' ) : ''; - oldIconRmv = hasOldTheme ? [ oldtheme.iconSortNone, oldtheme.iconSortDesc, oldtheme.iconSortAsc ].join( ' ' ) : ''; - if (hasOldTheme) { - wo.zebra[0] = $.trim( ' ' + wo.zebra[0].replace(' ' + oldtheme.even, '') ); - wo.zebra[1] = $.trim( ' ' + wo.zebra[1].replace(' ' + oldtheme.odd, '') ); - c.$tbodies.children().removeClass( [ oldtheme.even, oldtheme.odd ].join(' ') ); - } - // update zebra stripes - if (themes.even) { wo.zebra[0] += ' ' + themes.even; } - if (themes.odd) { wo.zebra[1] += ' ' + themes.odd; } - // add caption style - $table.children('caption') - .removeClass(oldtheme.caption || '') - .addClass(themes.caption); - // add table/footer class names - $tfoot = $table - // remove other selected themes - .removeClass( (c.appliedTheme ? 'tablesorter-' + (c.appliedTheme || '') : '') + ' ' + (oldtheme.table || '') ) - .addClass('tablesorter-' + theme + ' ' + (themes.table || '')) // add theme widget class name - .children('tfoot'); - c.appliedTheme = c.theme; - - if ($tfoot.length) { - $tfoot - // if oldtheme.footerRow or oldtheme.footerCells are undefined, all class names are removed - .children('tr').removeClass(oldtheme.footerRow || '').addClass(themes.footerRow) - .children('th, td').removeClass(oldtheme.footerCells || '').addClass(themes.footerCells); - } - // update header classes - $headers - .removeClass( (hasOldTheme ? [ oldtheme.header, oldtheme.hover, oldremove ].join(' ') : '') || '' ) - .addClass(themes.header) - .not('.sorter-false') - .unbind('mouseenter.tsuitheme mouseleave.tsuitheme') - .bind('mouseenter.tsuitheme mouseleave.tsuitheme', function(event) { - // toggleClass with switch added in jQuery 1.3 - $(this)[ event.type === 'mouseenter' ? 'addClass' : 'removeClass' ](themes.hover || ''); - }); - - $headers.each(function(){ - var $this = $(this); - if (!$this.find('.' + ts.css.wrapper).length) { - // Firefox needs this inner div to position the icon & resizer correctly - $this.wrapInner('
    '); - } - }); - if (c.cssIcon) { - // if c.cssIcon is '', then no is added to the header - $headers - .find('.' + ts.css.icon) - .removeClass(hasOldTheme ? [ oldtheme.icons, oldIconRmv ].join(' ') : '') - .addClass(themes.icons || ''); - } - if ($table.hasClass('hasFilters')) { - $table.children('thead').children('.' + ts.css.filterRow) - .removeClass(hasOldTheme ? oldtheme.filterRow || '' : '') - .addClass(themes.filterRow || ''); - } - } - for (i = 0; i < c.columns; i++) { - $header = c.$headers - .add($(c.namespace + '_extra_headers')) - .not('.sorter-false') - .filter('[data-column="' + i + '"]'); - $icon = (ts.css.icon) ? $header.find('.' + ts.css.icon) : $(); - $h = $headers.not('.sorter-false').filter('[data-column="' + i + '"]:last'); - if ($h.length) { - $header.removeClass(remove); - $icon.removeClass(iconRmv); - if ($h[0].sortDisabled) { - // no sort arrows for disabled columns! - $icon.removeClass(themes.icons || ''); - } else { - hdr = themes.sortNone; - icon = themes.iconSortNone; - if ($h.hasClass(ts.css.sortAsc)) { - hdr = [ themes.sortAsc, themes.active ].join(' '); - icon = themes.iconSortAsc; - } else if ($h.hasClass(ts.css.sortDesc)) { - hdr = [ themes.sortDesc, themes.active ].join(' '); - icon = themes.iconSortDesc; - } - $header.addClass(hdr); - $icon.addClass(icon || ''); - } - } - } - if (c.debug) { - console.log('Applying ' + theme + ' theme' + ts.benchmark(time)); - } - }, - remove: function(table, c, wo, refreshing) { - if (!wo.uitheme_applied) { return; } - var $table = c.$table, - theme = c.appliedTheme || 'jui', - themes = ts.themes[ theme ] || ts.themes.jui, - $headers = $table.children('thead').children(), - remove = themes.sortNone + ' ' + themes.sortDesc + ' ' + themes.sortAsc, - iconRmv = themes.iconSortNone + ' ' + themes.iconSortDesc + ' ' + themes.iconSortAsc; - $table.removeClass('tablesorter-' + theme + ' ' + themes.table); - wo.uitheme_applied = false; - if (refreshing) { return; } - $table.find(ts.css.header).removeClass(themes.header); - $headers - .unbind('mouseenter.tsuitheme mouseleave.tsuitheme') // remove hover - .removeClass(themes.hover + ' ' + remove + ' ' + themes.active) - .filter('.' + ts.css.filterRow) - .removeClass(themes.filterRow); - $headers.find('.' + ts.css.icon).removeClass(themes.icons + ' ' + iconRmv); - } - }); - -})(jQuery); - -/*! Widget: columns */ -;(function ($) { - 'use strict'; - var ts = $.tablesorter || {}; - - ts.addWidget({ - id: 'columns', - priority: 30, - options : { - columns : [ 'primary', 'secondary', 'tertiary' ] - }, - format: function(table, c, wo) { - var $tbody, tbodyIndex, $rows, rows, $row, $cells, remove, indx, - $table = c.$table, - $tbodies = c.$tbodies, - sortList = c.sortList, - len = sortList.length, - // removed c.widgetColumns support - css = wo && wo.columns || [ 'primary', 'secondary', 'tertiary' ], - last = css.length - 1; - remove = css.join(' '); - // check if there is a sort (on initialization there may not be one) - for (tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) { - $tbody = ts.processTbody(table, $tbodies.eq(tbodyIndex), true); // detach tbody - $rows = $tbody.children('tr'); - // loop through the visible rows - $rows.each(function() { - $row = $(this); - if (this.style.display !== 'none') { - // remove all columns class names - $cells = $row.children().removeClass(remove); - // add appropriate column class names - if (sortList && sortList[0]) { - // primary sort column class - $cells.eq(sortList[0][0]).addClass(css[0]); - if (len > 1) { - for (indx = 1; indx < len; indx++) { - // secondary, tertiary, etc sort column classes - $cells.eq(sortList[indx][0]).addClass( css[indx] || css[last] ); - } - } - } - } - }); - ts.processTbody(table, $tbody, false); - } - // add classes to thead and tfoot - rows = wo.columns_thead !== false ? [ 'thead tr' ] : []; - if (wo.columns_tfoot !== false) { - rows.push('tfoot tr'); - } - if (rows.length) { - $rows = $table.find( rows.join(',') ).children().removeClass(remove); - if (len) { - for (indx = 0; indx < len; indx++) { - // add primary. secondary, tertiary, etc sort column classes - $rows.filter('[data-column="' + sortList[indx][0] + '"]').addClass(css[indx] || css[last]); - } - } - } - }, - remove: function(table, c, wo) { - var tbodyIndex, $tbody, - $tbodies = c.$tbodies, - remove = (wo.columns || [ 'primary', 'secondary', 'tertiary' ]).join(' '); - c.$headers.removeClass(remove); - c.$table.children('tfoot').children('tr').children('th, td').removeClass(remove); - for (tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) { - $tbody = ts.processTbody(table, $tbodies.eq(tbodyIndex), true); // remove tbody - $tbody.children('tr').each(function() { - $(this).children().removeClass(remove); - }); - ts.processTbody(table, $tbody, false); // restore tbody - } - } - }); - -})(jQuery); - -/*! Widget: filter - updated 4/29/2016 (v2.25.9) *//* - * Requires tablesorter v2.8+ and jQuery 1.7+ - * by Rob Garrison - */ -;( function ( $ ) { - 'use strict'; - var tsf, tsfRegex, - ts = $.tablesorter || {}, - tscss = ts.css, - tskeyCodes = ts.keyCodes; - - $.extend( tscss, { - filterRow : 'tablesorter-filter-row', - filter : 'tablesorter-filter', - filterDisabled : 'disabled', - filterRowHide : 'hideme' - }); - - $.extend( tskeyCodes, { - backSpace : 8, - escape : 27, - space : 32, - left : 37, - down : 40 - }); - - ts.addWidget({ - id: 'filter', - priority: 50, - options : { - filter_cellFilter : '', // css class name added to the filter cell ( string or array ) - filter_childRows : false, // if true, filter includes child row content in the search - filter_childByColumn : false, // ( filter_childRows must be true ) if true = search child rows by column; false = search all child row text grouped - filter_childWithSibs : true, // if true, include matching child row siblings - filter_columnAnyMatch: true, // if true, allows using '#:{query}' in AnyMatch searches ( column:query ) - filter_columnFilters : true, // if true, a filter will be added to the top of each table column - filter_cssFilter : '', // css class name added to the filter row & each input in the row ( tablesorter-filter is ALWAYS added ) - filter_defaultAttrib : 'data-value', // data attribute in the header cell that contains the default filter value - filter_defaultFilter : {}, // add a default column filter type '~{query}' to make fuzzy searches default; '{q1} AND {q2}' to make all searches use a logical AND. - filter_excludeFilter : {}, // filters to exclude, per column - filter_external : '', // jQuery selector string ( or jQuery object ) of external filters - filter_filteredRow : 'filtered', // class added to filtered rows; define in css with "display:none" to hide the filtered-out rows - filter_formatter : null, // add custom filter elements to the filter row - filter_functions : null, // add custom filter functions using this option - filter_hideEmpty : true, // hide filter row when table is empty - filter_hideFilters : false, // collapse filter row when mouse leaves the area - filter_ignoreCase : true, // if true, make all searches case-insensitive - filter_liveSearch : true, // if true, search column content while the user types ( with a delay ) - filter_matchType : { 'input': 'exact', 'select': 'exact' }, // global query settings ('exact' or 'match'); overridden by "filter-match" or "filter-exact" class - filter_onlyAvail : 'filter-onlyAvail', // a header with a select dropdown & this class name will only show available ( visible ) options within the drop down - filter_placeholder : { search : '', select : '' }, // default placeholder text ( overridden by any header 'data-placeholder' setting ) - filter_reset : null, // jQuery selector string of an element used to reset the filters - filter_resetOnEsc : true, // Reset filter input when the user presses escape - normalized across browsers - filter_saveFilters : false, // Use the $.tablesorter.storage utility to save the most recent filters - filter_searchDelay : 300, // typing delay in milliseconds before starting a search - filter_searchFiltered: true, // allow searching through already filtered rows in special circumstances; will speed up searching in large tables if true - filter_selectSource : null, // include a function to return an array of values to be added to the column filter select - filter_selectSourceSeparator : '|', // filter_selectSource array text left of the separator is added to the option value, right into the option text - filter_serversideFiltering : false, // if true, must perform server-side filtering b/c client-side filtering is disabled, but the ui and events will still be used. - filter_startsWith : false, // if true, filter start from the beginning of the cell contents - filter_useParsedData : false // filter all data using parsed content - }, - format: function( table, c, wo ) { - if ( !c.$table.hasClass( 'hasFilters' ) ) { - tsf.init( table, c, wo ); - } - }, - remove: function( table, c, wo, refreshing ) { - var tbodyIndex, $tbody, - $table = c.$table, - $tbodies = c.$tbodies, - events = 'addRows updateCell update updateRows updateComplete appendCache filterReset filterEnd search ' - .split( ' ' ).join( c.namespace + 'filter ' ); - $table - .removeClass( 'hasFilters' ) - // add filter namespace to all BUT search - .unbind( events.replace( ts.regex.spaces, ' ' ) ) - // remove the filter row even if refreshing, because the column might have been moved - .find( '.' + tscss.filterRow ).remove(); - wo.filter_initialized = false; - if ( refreshing ) { return; } - for ( tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) { - $tbody = ts.processTbody( table, $tbodies.eq( tbodyIndex ), true ); // remove tbody - $tbody.children().removeClass( wo.filter_filteredRow ).show(); - ts.processTbody( table, $tbody, false ); // restore tbody - } - if ( wo.filter_reset ) { - $( document ).undelegate( wo.filter_reset, 'click' + c.namespace + 'filter' ); - } - } - }); - - tsf = ts.filter = { - - // regex used in filter 'check' functions - not for general use and not documented - regex: { - regex : /^\/((?:\\\/|[^\/])+)\/([mig]{0,3})?$/, // regex to test for regex - child : /tablesorter-childRow/, // child row class name; this gets updated in the script - filtered : /filtered/, // filtered (hidden) row class name; updated in the script - type : /undefined|number/, // check type - exact : /(^[\"\'=]+)|([\"\'=]+$)/g, // exact match (allow '==') - operators : /[<>=]/g, // replace operators - query : '(q|query)', // replace filter queries - wild01 : /\?/g, // wild card match 0 or 1 - wild0More : /\*/g, // wild care match 0 or more - quote : /\"/g, - isNeg1 : /(>=?\s*-\d)/, - isNeg2 : /(<=?\s*\d)/ - }, - // function( c, data ) { } - // c = table.config - // data.$row = jQuery object of the row currently being processed - // data.$cells = jQuery object of all cells within the current row - // data.filters = array of filters for all columns ( some may be undefined ) - // data.filter = filter for the current column - // data.iFilter = same as data.filter, except lowercase ( if wo.filter_ignoreCase is true ) - // data.exact = table cell text ( or parsed data if column parser enabled; may be a number & not a string ) - // data.iExact = same as data.exact, except lowercase ( if wo.filter_ignoreCase is true; may be a number & not a string ) - // data.cache = table cell text from cache, so it has been parsed ( & in all lower case if c.ignoreCase is true ) - // data.cacheArray = An array of parsed content from each table cell in the row being processed - // data.index = column index; table = table element ( DOM ) - // data.parsed = array ( by column ) of boolean values ( from filter_useParsedData or 'filter-parsed' class ) - types: { - or : function( c, data, vars ) { - // look for "|", but not if it is inside of a regular expression - if ( ( tsfRegex.orTest.test( data.iFilter ) || tsfRegex.orSplit.test( data.filter ) ) && - // this test for regex has potential to slow down the overall search - !tsfRegex.regex.test( data.filter ) ) { - var indx, filterMatched, query, regex, - // duplicate data but split filter - data2 = $.extend( {}, data ), - filter = data.filter.split( tsfRegex.orSplit ), - iFilter = data.iFilter.split( tsfRegex.orSplit ), - len = filter.length; - for ( indx = 0; indx < len; indx++ ) { - data2.nestedFilters = true; - data2.filter = '' + ( tsf.parseFilter( c, filter[ indx ], data ) || '' ); - data2.iFilter = '' + ( tsf.parseFilter( c, iFilter[ indx ], data ) || '' ); - query = '(' + ( tsf.parseFilter( c, data2.filter, data ) || '' ) + ')'; - try { - // use try/catch, because query may not be a valid regex if "|" is contained within a partial regex search, - // e.g "/(Alex|Aar" -> Uncaught SyntaxError: Invalid regular expression: /(/(Alex)/: Unterminated group - regex = new RegExp( data.isMatch ? query : '^' + query + '$', c.widgetOptions.filter_ignoreCase ? 'i' : '' ); - // filterMatched = data2.filter === '' && indx > 0 ? true - // look for an exact match with the 'or' unless the 'filter-match' class is found - filterMatched = regex.test( data2.exact ) || tsf.processTypes( c, data2, vars ); - if ( filterMatched ) { - return filterMatched; - } - } catch ( error ) { - return null; - } - } - // may be null from processing types - return filterMatched || false; - } - return null; - }, - // Look for an AND or && operator ( logical and ) - and : function( c, data, vars ) { - if ( tsfRegex.andTest.test( data.filter ) ) { - var indx, filterMatched, result, query, regex, - // duplicate data but split filter - data2 = $.extend( {}, data ), - filter = data.filter.split( tsfRegex.andSplit ), - iFilter = data.iFilter.split( tsfRegex.andSplit ), - len = filter.length; - for ( indx = 0; indx < len; indx++ ) { - data2.nestedFilters = true; - data2.filter = '' + ( tsf.parseFilter( c, filter[ indx ], data ) || '' ); - data2.iFilter = '' + ( tsf.parseFilter( c, iFilter[ indx ], data ) || '' ); - query = ( '(' + ( tsf.parseFilter( c, data2.filter, data ) || '' ) + ')' ) - // replace wild cards since /(a*)/i will match anything - .replace( tsfRegex.wild01, '\\S{1}' ).replace( tsfRegex.wild0More, '\\S*' ); - try { - // use try/catch just in case RegExp is invalid - regex = new RegExp( data.isMatch ? query : '^' + query + '$', c.widgetOptions.filter_ignoreCase ? 'i' : '' ); - // look for an exact match with the 'and' unless the 'filter-match' class is found - result = ( regex.test( data2.exact ) || tsf.processTypes( c, data2, vars ) ); - if ( indx === 0 ) { - filterMatched = result; - } else { - filterMatched = filterMatched && result; - } - } catch ( error ) { - return null; - } - } - // may be null from processing types - return filterMatched || false; - } - return null; - }, - // Look for regex - regex: function( c, data ) { - if ( tsfRegex.regex.test( data.filter ) ) { - var matches, - // cache regex per column for optimal speed - regex = data.filter_regexCache[ data.index ] || tsfRegex.regex.exec( data.filter ), - isRegex = regex instanceof RegExp; - try { - if ( !isRegex ) { - // force case insensitive search if ignoreCase option set? - // if ( c.ignoreCase && !regex[2] ) { regex[2] = 'i'; } - data.filter_regexCache[ data.index ] = regex = new RegExp( regex[1], regex[2] ); - } - matches = regex.test( data.exact ); - } catch ( error ) { - matches = false; - } - return matches; - } - return null; - }, - // Look for operators >, >=, < or <= - operators: function( c, data ) { - // ignore empty strings... because '' < 10 is true - if ( tsfRegex.operTest.test( data.iFilter ) && data.iExact !== '' ) { - var cachedValue, result, txt, - table = c.table, - parsed = data.parsed[ data.index ], - query = ts.formatFloat( data.iFilter.replace( tsfRegex.operators, '' ), table ), - parser = c.parsers[ data.index ] || {}, - savedSearch = query; - // parse filter value in case we're comparing numbers ( dates ) - if ( parsed || parser.type === 'numeric' ) { - txt = $.trim( '' + data.iFilter.replace( tsfRegex.operators, '' ) ); - result = tsf.parseFilter( c, txt, data, true ); - query = ( typeof result === 'number' && result !== '' && !isNaN( result ) ) ? result : query; - } - // iExact may be numeric - see issue #149; - // check if cached is defined, because sometimes j goes out of range? ( numeric columns ) - if ( ( parsed || parser.type === 'numeric' ) && !isNaN( query ) && - typeof data.cache !== 'undefined' ) { - cachedValue = data.cache; - } else { - txt = isNaN( data.iExact ) ? data.iExact.replace( ts.regex.nondigit, '' ) : data.iExact; - cachedValue = ts.formatFloat( txt, table ); - } - if ( tsfRegex.gtTest.test( data.iFilter ) ) { - result = tsfRegex.gteTest.test( data.iFilter ) ? cachedValue >= query : cachedValue > query; - } else if ( tsfRegex.ltTest.test( data.iFilter ) ) { - result = tsfRegex.lteTest.test( data.iFilter ) ? cachedValue <= query : cachedValue < query; - } - // keep showing all rows if nothing follows the operator - if ( !result && savedSearch === '' ) { - result = true; - } - return result; - } - return null; - }, - // Look for a not match - notMatch: function( c, data ) { - if ( tsfRegex.notTest.test( data.iFilter ) ) { - var indx, - txt = data.iFilter.replace( '!', '' ), - filter = tsf.parseFilter( c, txt, data ) || ''; - if ( tsfRegex.exact.test( filter ) ) { - // look for exact not matches - see #628 - filter = filter.replace( tsfRegex.exact, '' ); - return filter === '' ? true : $.trim( filter ) !== data.iExact; - } else { - indx = data.iExact.search( $.trim( filter ) ); - return filter === '' ? true : !( c.widgetOptions.filter_startsWith ? indx === 0 : indx >= 0 ); - } - } - return null; - }, - // Look for quotes or equals to get an exact match; ignore type since iExact could be numeric - exact: function( c, data ) { - if ( tsfRegex.exact.test( data.iFilter ) ) { - var txt = data.iFilter.replace( tsfRegex.exact, '' ), - filter = tsf.parseFilter( c, txt, data ) || ''; - return data.anyMatch ? $.inArray( filter, data.rowArray ) >= 0 : filter == data.iExact; - } - return null; - }, - // Look for a range ( using ' to ' or ' - ' ) - see issue #166; thanks matzhu! - range : function( c, data ) { - if ( tsfRegex.toTest.test( data.iFilter ) ) { - var result, tmp, range1, range2, - table = c.table, - index = data.index, - parsed = data.parsed[index], - // make sure the dash is for a range and not indicating a negative number - query = data.iFilter.split( tsfRegex.toSplit ); - - tmp = query[0].replace( ts.regex.nondigit, '' ) || ''; - range1 = ts.formatFloat( tsf.parseFilter( c, tmp, data ), table ); - tmp = query[1].replace( ts.regex.nondigit, '' ) || ''; - range2 = ts.formatFloat( tsf.parseFilter( c, tmp, data ), table ); - // parse filter value in case we're comparing numbers ( dates ) - if ( parsed || c.parsers[ index ].type === 'numeric' ) { - result = c.parsers[ index ].format( '' + query[0], table, c.$headers.eq( index ), index ); - range1 = ( result !== '' && !isNaN( result ) ) ? result : range1; - result = c.parsers[ index ].format( '' + query[1], table, c.$headers.eq( index ), index ); - range2 = ( result !== '' && !isNaN( result ) ) ? result : range2; - } - if ( ( parsed || c.parsers[ index ].type === 'numeric' ) && !isNaN( range1 ) && !isNaN( range2 ) ) { - result = data.cache; - } else { - tmp = isNaN( data.iExact ) ? data.iExact.replace( ts.regex.nondigit, '' ) : data.iExact; - result = ts.formatFloat( tmp, table ); - } - if ( range1 > range2 ) { - tmp = range1; range1 = range2; range2 = tmp; // swap - } - return ( result >= range1 && result <= range2 ) || ( range1 === '' || range2 === '' ); - } - return null; - }, - // Look for wild card: ? = single, * = multiple, or | = logical OR - wild : function( c, data ) { - if ( tsfRegex.wildOrTest.test( data.iFilter ) ) { - var query = '' + ( tsf.parseFilter( c, data.iFilter, data ) || '' ); - // look for an exact match with the 'or' unless the 'filter-match' class is found - if ( !tsfRegex.wildTest.test( query ) && data.nestedFilters ) { - query = data.isMatch ? query : '^(' + query + ')$'; - } - // parsing the filter may not work properly when using wildcards =/ - try { - return new RegExp( - query.replace( tsfRegex.wild01, '\\S{1}' ).replace( tsfRegex.wild0More, '\\S*' ), - c.widgetOptions.filter_ignoreCase ? 'i' : '' - ) - .test( data.exact ); - } catch ( error ) { - return null; - } - } - return null; - }, - // fuzzy text search; modified from https://github.com/mattyork/fuzzy ( MIT license ) - fuzzy: function( c, data ) { - if ( tsfRegex.fuzzyTest.test( data.iFilter ) ) { - var indx, - patternIndx = 0, - len = data.iExact.length, - txt = data.iFilter.slice( 1 ), - pattern = tsf.parseFilter( c, txt, data ) || ''; - for ( indx = 0; indx < len; indx++ ) { - if ( data.iExact[ indx ] === pattern[ patternIndx ] ) { - patternIndx += 1; - } - } - return patternIndx === pattern.length; - } - return null; - } - }, - init: function( table ) { - // filter language options - ts.language = $.extend( true, {}, { - to : 'to', - or : 'or', - and : 'and' - }, ts.language ); - - var options, string, txt, $header, column, val, fxn, noSelect, - c = table.config, - wo = c.widgetOptions; - c.$table.addClass( 'hasFilters' ); - c.lastSearch = []; - - // define timers so using clearTimeout won't cause an undefined error - wo.filter_searchTimer = null; - wo.filter_initTimer = null; - wo.filter_formatterCount = 0; - wo.filter_formatterInit = []; - wo.filter_anyColumnSelector = '[data-column="all"],[data-column="any"]'; - wo.filter_multipleColumnSelector = '[data-column*="-"],[data-column*=","]'; - - val = '\\{' + tsfRegex.query + '\\}'; - $.extend( tsfRegex, { - child : new RegExp( c.cssChildRow ), - filtered : new RegExp( wo.filter_filteredRow ), - alreadyFiltered : new RegExp( '(\\s+(' + ts.language.or + '|-|' + ts.language.to + ')\\s+)', 'i' ), - toTest : new RegExp( '\\s+(-|' + ts.language.to + ')\\s+', 'i' ), - toSplit : new RegExp( '(?:\\s+(?:-|' + ts.language.to + ')\\s+)', 'gi' ), - andTest : new RegExp( '\\s+(' + ts.language.and + '|&&)\\s+', 'i' ), - andSplit : new RegExp( '(?:\\s+(?:' + ts.language.and + '|&&)\\s+)', 'gi' ), - orTest : new RegExp( '(\\||\\s+' + ts.language.or + '\\s+)', 'i' ), - orSplit : new RegExp( '(?:\\s+(?:' + ts.language.or + ')\\s+|\\|)', 'gi' ), - iQuery : new RegExp( val, 'i' ), - igQuery : new RegExp( val, 'ig' ), - operTest : /^[<>]=?/, - gtTest : />/, - gteTest : />=/, - ltTest : /' + - ( $header.data( 'placeholder' ) || - $header.attr( 'data-placeholder' ) || - wo.filter_placeholder.select || - '' - ) + - '' : ''; - val = string; - txt = string; - if ( string.indexOf( wo.filter_selectSourceSeparator ) >= 0 ) { - val = string.split( wo.filter_selectSourceSeparator ); - txt = val[1]; - val = val[0]; - } - options += ''; - } - } - c.$table - .find( 'thead' ) - .find( 'select.' + tscss.filter + '[data-column="' + column + '"]' ) - .append( options ); - txt = wo.filter_selectSource; - fxn = typeof txt === 'function' ? true : ts.getColumnData( table, txt, column ); - if ( fxn ) { - // updating so the extra options are appended - tsf.buildSelect( c.table, column, '', true, $header.hasClass( wo.filter_onlyAvail ) ); - } - } - } - } - } - // not really updating, but if the column has both the 'filter-select' class & - // filter_functions set to true, it would append the same options twice. - tsf.buildDefault( table, true ); - - tsf.bindSearch( table, c.$table.find( '.' + tscss.filter ), true ); - if ( wo.filter_external ) { - tsf.bindSearch( table, wo.filter_external ); - } - - if ( wo.filter_hideFilters ) { - tsf.hideFilters( c ); - } - - // show processing icon - if ( c.showProcessing ) { - txt = 'filterStart filterEnd '.split( ' ' ).join( c.namespace + 'filter ' ); - c.$table - .unbind( txt.replace( ts.regex.spaces, ' ' ) ) - .bind( txt, function( event, columns ) { - // only add processing to certain columns to all columns - $header = ( columns ) ? - c.$table - .find( '.' + tscss.header ) - .filter( '[data-column]' ) - .filter( function() { - return columns[ $( this ).data( 'column' ) ] !== ''; - }) : ''; - ts.isProcessing( table, event.type === 'filterStart', columns ? $header : '' ); - }); - } - - // set filtered rows count ( intially unfiltered ) - c.filteredRows = c.totalRows; - - // add default values - txt = 'tablesorter-initialized pagerBeforeInitialized '.split( ' ' ).join( c.namespace + 'filter ' ); - c.$table - .unbind( txt.replace( ts.regex.spaces, ' ' ) ) - .bind( txt, function() { - tsf.completeInit( this ); - }); - // if filter widget is added after pager has initialized; then set filter init flag - if ( c.pager && c.pager.initialized && !wo.filter_initialized ) { - c.$table.triggerHandler( 'filterFomatterUpdate' ); - setTimeout( function() { - tsf.filterInitComplete( c ); - }, 100 ); - } else if ( !wo.filter_initialized ) { - tsf.completeInit( table ); - } - }, - completeInit: function( table ) { - // redefine 'c' & 'wo' so they update properly inside this callback - var c = table.config, - wo = c.widgetOptions, - filters = tsf.setDefaults( table, c, wo ) || []; - if ( filters.length ) { - // prevent delayInit from triggering a cache build if filters are empty - if ( !( c.delayInit && filters.join( '' ) === '' ) ) { - ts.setFilters( table, filters, true ); - } - } - c.$table.triggerHandler( 'filterFomatterUpdate' ); - // trigger init after setTimeout to prevent multiple filterStart/End/Init triggers - setTimeout( function() { - if ( !wo.filter_initialized ) { - tsf.filterInitComplete( c ); - } - }, 100 ); - }, - - // $cell parameter, but not the config, is passed to the filter_formatters, - // so we have to work with it instead - formatterUpdated: function( $cell, column ) { - // prevent error if $cell is undefined - see #1056 - var wo = $cell && $cell.closest( 'table' )[0].config.widgetOptions; - if ( wo && !wo.filter_initialized ) { - // add updates by column since this function - // may be called numerous times before initialization - wo.filter_formatterInit[ column ] = 1; - } - }, - filterInitComplete: function( c ) { - var indx, len, - wo = c.widgetOptions, - count = 0, - completed = function() { - wo.filter_initialized = true; - c.$table.triggerHandler( 'filterInit', c ); - tsf.findRows( c.table, c.$table.data( 'lastSearch' ) || [] ); - }; - if ( $.isEmptyObject( wo.filter_formatter ) ) { - completed(); - } else { - len = wo.filter_formatterInit.length; - for ( indx = 0; indx < len; indx++ ) { - if ( wo.filter_formatterInit[ indx ] === 1 ) { - count++; - } - } - clearTimeout( wo.filter_initTimer ); - if ( !wo.filter_initialized && count === wo.filter_formatterCount ) { - // filter widget initialized - completed(); - } else if ( !wo.filter_initialized ) { - // fall back in case a filter_formatter doesn't call - // $.tablesorter.filter.formatterUpdated( $cell, column ), and the count is off - wo.filter_initTimer = setTimeout( function() { - completed(); - }, 500 ); - } - } - }, - // encode or decode filters for storage; see #1026 - processFilters: function( filters, encode ) { - var indx, - mode = encode ? encodeURIComponent : decodeURIComponent, - len = filters.length; - for ( indx = 0; indx < len; indx++ ) { - if ( filters[ indx ] ) { - filters[ indx ] = mode( filters[ indx ] ); - } - } - return filters; - }, - setDefaults: function( table, c, wo ) { - var isArray, saved, indx, col, $filters, - // get current ( default ) filters - filters = ts.getFilters( table ) || []; - if ( wo.filter_saveFilters && ts.storage ) { - saved = ts.storage( table, 'tablesorter-filters' ) || []; - isArray = $.isArray( saved ); - // make sure we're not just getting an empty array - if ( !( isArray && saved.join( '' ) === '' || !isArray ) ) { - filters = tsf.processFilters( saved ); - } - } - // if no filters saved, then check default settings - if ( filters.join( '' ) === '' ) { - // allow adding default setting to external filters - $filters = c.$headers.add( wo.filter_$externalFilters ) - .filter( '[' + wo.filter_defaultAttrib + ']' ); - for ( indx = 0; indx <= c.columns; indx++ ) { - // include data-column='all' external filters - col = indx === c.columns ? 'all' : indx; - filters[ indx ] = $filters - .filter( '[data-column="' + col + '"]' ) - .attr( wo.filter_defaultAttrib ) || filters[indx] || ''; - } - } - c.$table.data( 'lastSearch', filters ); - return filters; - }, - parseFilter: function( c, filter, data, parsed ) { - return parsed || data.parsed[ data.index ] ? - c.parsers[ data.index ].format( filter, c.table, [], data.index ) : - filter; - }, - buildRow: function( table, c, wo ) { - var $filter, col, column, $header, makeSelect, disabled, name, ffxn, tmp, - // c.columns defined in computeThIndexes() - cellFilter = wo.filter_cellFilter, - columns = c.columns, - arry = $.isArray( cellFilter ), - buildFilter = ''; - for ( column = 0; column < columns; column++ ) { - if ( c.$headerIndexed[ column ].length ) { - // account for entire column set with colspan. See #1047 - tmp = c.$headerIndexed[ column ] && c.$headerIndexed[ column ][0].colSpan || 0; - if ( tmp > 1 ) { - buildFilter += '' ).appendTo( $filter ); - } else { - ffxn = ts.getColumnData( table, wo.filter_formatter, column ); - if ( ffxn ) { - wo.filter_formatterCount++; - buildFilter = ffxn( $filter, column ); - // no element returned, so lets go find it - if ( buildFilter && buildFilter.length === 0 ) { - buildFilter = $filter.children( 'input' ); - } - // element not in DOM, so lets attach it - if ( buildFilter && ( buildFilter.parent().length === 0 || - ( buildFilter.parent().length && buildFilter.parent()[0] !== $filter[0] ) ) ) { - $filter.append( buildFilter ); - } - } else { - buildFilter = $( '' ).appendTo( $filter ); - } - if ( buildFilter ) { - tmp = $header.data( 'placeholder' ) || - $header.attr( 'data-placeholder' ) || - wo.filter_placeholder.search || ''; - buildFilter.attr( 'placeholder', tmp ); - } - } - if ( buildFilter ) { - // add filter class name - name = ( $.isArray( wo.filter_cssFilter ) ? - ( typeof wo.filter_cssFilter[column] !== 'undefined' ? wo.filter_cssFilter[column] || '' : '' ) : - wo.filter_cssFilter ) || ''; - // copy data-column from table cell (it will include colspan) - buildFilter.addClass( tscss.filter + ' ' + name ).attr( 'data-column', $filter.attr( 'data-column' ) ); - if ( disabled ) { - buildFilter.attr( 'placeholder', '' ).addClass( tscss.filterDisabled )[0].disabled = true; - } - } - } - } - }, - bindSearch: function( table, $el, internal ) { - table = $( table )[0]; - $el = $( $el ); // allow passing a selector string - if ( !$el.length ) { return; } - var tmp, - c = table.config, - wo = c.widgetOptions, - namespace = c.namespace + 'filter', - $ext = wo.filter_$externalFilters; - if ( internal !== true ) { - // save anyMatch element - tmp = wo.filter_anyColumnSelector + ',' + wo.filter_multipleColumnSelector; - wo.filter_$anyMatch = $el.filter( tmp ); - if ( $ext && $ext.length ) { - wo.filter_$externalFilters = wo.filter_$externalFilters.add( $el ); - } else { - wo.filter_$externalFilters = $el; - } - // update values ( external filters added after table initialization ) - ts.setFilters( table, c.$table.data( 'lastSearch' ) || [], internal === false ); - } - // unbind events - tmp = ( 'keypress keyup keydown search change input '.split( ' ' ).join( namespace + ' ' ) ); - $el - // use data attribute instead of jQuery data since the head is cloned without including - // the data/binding - .attr( 'data-lastSearchTime', new Date().getTime() ) - .unbind( tmp.replace( ts.regex.spaces, ' ' ) ) - .bind( 'keydown' + namespace, function( event ) { - if ( event.which === tskeyCodes.escape && !wo.filter_resetOnEsc ) { - // prevent keypress event - return false; - } - }) - .bind( 'keyup' + namespace, function( event ) { - var column = parseInt( $( this ).attr( 'data-column' ), 10 ); - $( this ).attr( 'data-lastSearchTime', new Date().getTime() ); - // emulate what webkit does.... escape clears the filter - if ( event.which === tskeyCodes.escape ) { - // make sure to restore the last value on escape - this.value = wo.filter_resetOnEsc ? '' : c.lastSearch[column]; - // live search - } else if ( wo.filter_liveSearch === false ) { - return; - // don't return if the search value is empty ( all rows need to be revealed ) - } else if ( this.value !== '' && ( - // liveSearch can contain a min value length; ignore arrow and meta keys, but allow backspace - ( typeof wo.filter_liveSearch === 'number' && this.value.length < wo.filter_liveSearch ) || - // let return & backspace continue on, but ignore arrows & non-valid characters - ( event.which !== tskeyCodes.enter && event.which !== tskeyCodes.backSpace && - ( event.which < tskeyCodes.space || ( event.which >= tskeyCodes.left && event.which <= tskeyCodes.down ) ) ) ) ) { - return; - } - // change event = no delay; last true flag tells getFilters to skip newest timed input - tsf.searching( table, true, true ); - }) - // include change for select - fixes #473 - .bind( 'search change keypress input '.split( ' ' ).join( namespace + ' ' ), function( event ) { - // don't get cached data, in case data-column changes dynamically - var column = parseInt( $( this ).attr( 'data-column' ), 10 ); - // don't allow 'change' event to process if the input value is the same - fixes #685 - if ( wo.filter_initialized && ( event.which === tskeyCodes.enter || event.type === 'search' || - ( event.type === 'change' ) && this.value !== c.lastSearch[column] ) || - // only "input" event fires in MS Edge when clicking the "x" to clear the search - ( event.type === 'input' && this.value === '' ) ) { - event.preventDefault(); - // init search with no delay - $( this ).attr( 'data-lastSearchTime', new Date().getTime() ); - tsf.searching( table, event.type !== 'keypress', true ); - } - }); - }, - searching: function( table, filter, skipFirst ) { - var wo = table.config.widgetOptions; - clearTimeout( wo.filter_searchTimer ); - if ( typeof filter === 'undefined' || filter === true ) { - // delay filtering - wo.filter_searchTimer = setTimeout( function() { - tsf.checkFilters( table, filter, skipFirst ); - }, wo.filter_liveSearch ? wo.filter_searchDelay : 10 ); - } else { - // skip delay - tsf.checkFilters( table, filter, skipFirst ); - } - }, - checkFilters: function( table, filter, skipFirst ) { - var c = table.config, - wo = c.widgetOptions, - filterArray = $.isArray( filter ), - filters = ( filterArray ) ? filter : ts.getFilters( table, true ), - combinedFilters = ( filters || [] ).join( '' ); // combined filter values - // prevent errors if delay init is set - if ( $.isEmptyObject( c.cache ) ) { - // update cache if delayInit set & pager has initialized ( after user initiates a search ) - if ( c.delayInit && ( !c.pager || c.pager && c.pager.initialized ) ) { - ts.updateCache( c, function() { - tsf.checkFilters( table, false, skipFirst ); - }); - } - return; - } - // add filter array back into inputs - if ( filterArray ) { - ts.setFilters( table, filters, false, skipFirst !== true ); - if ( !wo.filter_initialized ) { c.lastCombinedFilter = ''; } - } - if ( wo.filter_hideFilters ) { - // show/hide filter row as needed - c.$table - .find( '.' + tscss.filterRow ) - .triggerHandler( combinedFilters === '' ? 'mouseleave' : 'mouseenter' ); - } - // return if the last search is the same; but filter === false when updating the search - // see example-widget-filter.html filter toggle buttons - if ( c.lastCombinedFilter === combinedFilters && filter !== false ) { - return; - } else if ( filter === false ) { - // force filter refresh - c.lastCombinedFilter = null; - c.lastSearch = []; - } - // define filter inside it is false - filters = filters || []; - // convert filters to strings - see #1070 - filters = Array.prototype.map ? - filters.map( String ) : - // for IE8 & older browsers - maybe not the best method - filters.join( '\ufffd' ).split( '\ufffd' ); - - if ( wo.filter_initialized ) { - c.$table.triggerHandler( 'filterStart', [ filters ] ); - } - if ( c.showProcessing ) { - // give it time for the processing icon to kick in - setTimeout( function() { - tsf.findRows( table, filters, combinedFilters ); - return false; - }, 30 ); - } else { - tsf.findRows( table, filters, combinedFilters ); - return false; - } - }, - hideFilters: function( c, $table ) { - var timer, - $row = ( $table || c.$table ).find( '.' + tscss.filterRow ).addClass( tscss.filterRowHide ); - $row - .bind( 'mouseenter mouseleave', function( e ) { - // save event object - http://bugs.jquery.com/ticket/12140 - var event = e, - $filterRow = $( this ); - clearTimeout( timer ); - timer = setTimeout( function() { - if ( /enter|over/.test( event.type ) ) { - $filterRow.removeClass( tscss.filterRowHide ); - } else { - // don't hide if input has focus - // $( ':focus' ) needs jQuery 1.6+ - if ( $( document.activeElement ).closest( 'tr' )[0] !== $filterRow[0] ) { - // don't hide row if any filter has a value - if ( c.lastCombinedFilter === '' ) { - $filterRow.addClass( tscss.filterRowHide ); - } - } - } - }, 200 ); - }) - .find( 'input, select' ).bind( 'focus blur', function( e ) { - var event = e, - $row = $( this ).closest( 'tr' ); - clearTimeout( timer ); - timer = setTimeout( function() { - clearTimeout( timer ); - // don't hide row if any filter has a value - if ( ts.getFilters( c.$table ).join( '' ) === '' ) { - $row.toggleClass( tscss.filterRowHide, event.type !== 'focus' ); - } - }, 200 ); - }); - }, - defaultFilter: function( filter, mask ) { - if ( filter === '' ) { return filter; } - var regex = tsfRegex.iQuery, - maskLen = mask.match( tsfRegex.igQuery ).length, - query = maskLen > 1 ? $.trim( filter ).split( /\s/ ) : [ $.trim( filter ) ], - len = query.length - 1, - indx = 0, - val = mask; - if ( len < 1 && maskLen > 1 ) { - // only one 'word' in query but mask has >1 slots - query[1] = query[0]; - } - // replace all {query} with query words... - // if query = 'Bob', then convert mask from '!{query}' to '!Bob' - // if query = 'Bob Joe Frank', then convert mask '{q} OR {q}' to 'Bob OR Joe OR Frank' - while ( regex.test( val ) ) { - val = val.replace( regex, query[indx++] || '' ); - if ( regex.test( val ) && indx < len && ( query[indx] || '' ) !== '' ) { - val = mask.replace( regex, val ); - } - } - return val; - }, - getLatestSearch: function( $input ) { - if ( $input ) { - return $input.sort( function( a, b ) { - return $( b ).attr( 'data-lastSearchTime' ) - $( a ).attr( 'data-lastSearchTime' ); - }); - } - return $input || $(); - }, - findRange: function( c, val, ignoreRanges ) { - // look for multiple columns '1-3,4-6,8' in data-column - var temp, ranges, range, start, end, singles, i, indx, len, - columns = []; - if ( /^[0-9]+$/.test( val ) ) { - // always return an array - return [ parseInt( val, 10 ) ]; - } - // process column range - if ( !ignoreRanges && /-/.test( val ) ) { - ranges = val.match( /(\d+)\s*-\s*(\d+)/g ); - len = ranges ? ranges.length : 0; - for ( indx = 0; indx < len; indx++ ) { - range = ranges[indx].split( /\s*-\s*/ ); - start = parseInt( range[0], 10 ) || 0; - end = parseInt( range[1], 10 ) || ( c.columns - 1 ); - if ( start > end ) { - temp = start; start = end; end = temp; // swap - } - if ( end >= c.columns ) { - end = c.columns - 1; - } - for ( ; start <= end; start++ ) { - columns[ columns.length ] = start; - } - // remove processed range from val - val = val.replace( ranges[ indx ], '' ); - } - } - // process single columns - if ( !ignoreRanges && /,/.test( val ) ) { - singles = val.split( /\s*,\s*/ ); - len = singles.length; - for ( i = 0; i < len; i++ ) { - if ( singles[ i ] !== '' ) { - indx = parseInt( singles[ i ], 10 ); - if ( indx < c.columns ) { - columns[ columns.length ] = indx; - } - } - } - } - // return all columns - if ( !columns.length ) { - for ( indx = 0; indx < c.columns; indx++ ) { - columns[ columns.length ] = indx; - } - } - return columns; - }, - getColumnElm: function( c, $elements, column ) { - // data-column may contain multiple columns '1-3,5-6,8' - // replaces: c.$filters.filter( '[data-column="' + column + '"]' ); - return $elements.filter( function() { - var cols = tsf.findRange( c, $( this ).attr( 'data-column' ) ); - return $.inArray( column, cols ) > -1; - }); - }, - multipleColumns: function( c, $input ) { - // look for multiple columns '1-3,4-6,8' in data-column - var wo = c.widgetOptions, - // only target 'all' column inputs on initialization - // & don't target 'all' column inputs if they don't exist - targets = wo.filter_initialized || !$input.filter( wo.filter_anyColumnSelector ).length, - val = $.trim( tsf.getLatestSearch( $input ).attr( 'data-column' ) || '' ); - return tsf.findRange( c, val, !targets ); - }, - processTypes: function( c, data, vars ) { - var ffxn, - filterMatched = null, - matches = null; - for ( ffxn in tsf.types ) { - if ( $.inArray( ffxn, vars.excludeMatch ) < 0 && matches === null ) { - matches = tsf.types[ffxn]( c, data, vars ); - if ( matches !== null ) { - filterMatched = matches; - } - } - } - return filterMatched; - }, - matchType: function( c, columnIndex ) { - var isMatch, - wo = c.widgetOptions, - $el = c.$headerIndexed[ columnIndex ]; - // filter-exact > filter-match > filter_matchType for type - if ( $el.hasClass( 'filter-exact' ) ) { - isMatch = false; - } else if ( $el.hasClass( 'filter-match' ) ) { - isMatch = true; - } else { - // filter-select is not applied when filter_functions are used, so look for a select - if ( wo.filter_columnFilters ) { - $el = c.$filters - .find( '.' + tscss.filter ) - .add( wo.filter_$externalFilters ) - .filter( '[data-column="' + columnIndex + '"]' ); - } else if ( wo.filter_$externalFilters ) { - $el = wo.filter_$externalFilters.filter( '[data-column="' + columnIndex + '"]' ); - } - isMatch = $el.length ? - c.widgetOptions.filter_matchType[ ( $el[ 0 ].nodeName || '' ).toLowerCase() ] === 'match' : - // default to exact, if no inputs found - false; - } - return isMatch; - }, - processRow: function( c, data, vars ) { - var result, filterMatched, - fxn, ffxn, txt, - wo = c.widgetOptions, - showRow = true, - - // if wo.filter_$anyMatch data-column attribute is changed dynamically - // we don't want to do an "anyMatch" search on one column using data - // for the entire row - see #998 - columnIndex = wo.filter_$anyMatch && wo.filter_$anyMatch.length ? - // look for multiple columns '1-3,4-6,8' - tsf.multipleColumns( c, wo.filter_$anyMatch ) : - []; - - data.$cells = data.$row.children(); - if ( data.anyMatchFlag && columnIndex.length > 1 || data.anyMatchFilter ) { - data.anyMatch = true; - data.isMatch = true; - data.rowArray = data.$cells.map( function( i ) { - if ( $.inArray( i, columnIndex ) > -1 || data.anyMatchFilter ) { - if ( data.parsed[ i ] ) { - txt = data.cacheArray[ i ]; - } else { - txt = data.rawArray[ i ]; - txt = $.trim( wo.filter_ignoreCase ? txt.toLowerCase() : txt ); - if ( c.sortLocaleCompare ) { - txt = ts.replaceAccents( txt ); - } - } - return txt; - } - }).get(); - data.filter = data.anyMatchFilter; - data.iFilter = data.iAnyMatchFilter; - data.exact = data.rowArray.join( ' ' ); - data.iExact = wo.filter_ignoreCase ? data.exact.toLowerCase() : data.exact; - data.cache = data.cacheArray.slice( 0, -1 ).join( ' ' ); - vars.excludeMatch = vars.noAnyMatch; - filterMatched = tsf.processTypes( c, data, vars ); - if ( filterMatched !== null ) { - showRow = filterMatched; - } else { - if ( wo.filter_startsWith ) { - showRow = false; - // data.rowArray may not contain all columns - columnIndex = Math.min( c.columns, data.rowArray.length ); - while ( !showRow && columnIndex > 0 ) { - columnIndex--; - showRow = showRow || data.rowArray[ columnIndex ].indexOf( data.iFilter ) === 0; - } - } else { - showRow = ( data.iExact + data.childRowText ).indexOf( data.iFilter ) >= 0; - } - } - data.anyMatch = false; - // no other filters to process - if ( data.filters.join( '' ) === data.filter ) { - return showRow; - } - } - - for ( columnIndex = 0; columnIndex < c.columns; columnIndex++ ) { - data.filter = data.filters[ columnIndex ]; - data.index = columnIndex; - - // filter types to exclude, per column - vars.excludeMatch = vars.excludeFilter[ columnIndex ]; - - // ignore if filter is empty or disabled - if ( data.filter ) { - data.cache = data.cacheArray[ columnIndex ]; - result = data.parsed[ columnIndex ] ? data.cache : data.rawArray[ columnIndex ] || ''; - data.exact = c.sortLocaleCompare ? ts.replaceAccents( result ) : result; // issue #405 - data.iExact = !tsfRegex.type.test( typeof data.exact ) && wo.filter_ignoreCase ? - data.exact.toLowerCase() : data.exact; - data.isMatch = tsf.matchType( c, columnIndex ); - - result = showRow; // if showRow is true, show that row - - // in case select filter option has a different value vs text 'a - z|A through Z' - ffxn = wo.filter_columnFilters ? - c.$filters.add( wo.filter_$externalFilters ) - .filter( '[data-column="' + columnIndex + '"]' ) - .find( 'select option:selected' ) - .attr( 'data-function-name' ) || '' : ''; - // replace accents - see #357 - if ( c.sortLocaleCompare ) { - data.filter = ts.replaceAccents( data.filter ); - } - - // replace column specific default filters - see #1088 - if ( wo.filter_defaultFilter && tsfRegex.iQuery.test( vars.defaultColFilter[ columnIndex ] ) ) { - data.filter = tsf.defaultFilter( data.filter, vars.defaultColFilter[ columnIndex ] ); - } - - // data.iFilter = case insensitive ( if wo.filter_ignoreCase is true ), - // data.filter = case sensitive - data.iFilter = wo.filter_ignoreCase ? ( data.filter || '' ).toLowerCase() : data.filter; - fxn = vars.functions[ columnIndex ]; - filterMatched = null; - if ( fxn ) { - if ( fxn === true ) { - // default selector uses exact match unless 'filter-match' class is found - filterMatched = data.isMatch ? - // data.iExact may be a number - ( '' + data.iExact ).search( data.iFilter ) >= 0 : - data.filter === data.exact; - } else if ( typeof fxn === 'function' ) { - // filter callback( exact cell content, parser normalized content, - // filter input value, column index, jQuery row object ) - filterMatched = fxn( data.exact, data.cache, data.filter, columnIndex, data.$row, c, data ); - } else if ( typeof fxn[ ffxn || data.filter ] === 'function' ) { - // selector option function - txt = ffxn || data.filter; - filterMatched = - fxn[ txt ]( data.exact, data.cache, data.filter, columnIndex, data.$row, c, data ); - } - } - if ( filterMatched === null ) { - // cycle through the different filters - // filters return a boolean or null if nothing matches - filterMatched = tsf.processTypes( c, data, vars ); - if ( filterMatched !== null ) { - result = filterMatched; - // Look for match, and add child row data for matching - } else { - txt = ( data.iExact + data.childRowText ).indexOf( tsf.parseFilter( c, data.iFilter, data ) ); - result = ( ( !wo.filter_startsWith && txt >= 0 ) || ( wo.filter_startsWith && txt === 0 ) ); - } - } else { - result = filterMatched; - } - showRow = ( result ) ? showRow : false; - } - } - return showRow; - }, - findRows: function( table, filters, combinedFilters ) { - if ( table.config.lastCombinedFilter === combinedFilters || - !table.config.widgetOptions.filter_initialized ) { - return; - } - var len, norm_rows, rowData, $rows, $row, rowIndex, tbodyIndex, $tbody, columnIndex, - isChild, childRow, lastSearch, showRow, showParent, time, val, indx, - notFiltered, searchFiltered, query, injected, res, id, txt, - storedFilters = $.extend( [], filters ), - c = table.config, - wo = c.widgetOptions, - // data object passed to filters; anyMatch is a flag for the filters - data = { - anyMatch: false, - filters: filters, - // regex filter type cache - filter_regexCache : [] - }, - vars = { - // anyMatch really screws up with these types of filters - noAnyMatch: [ 'range', 'notMatch', 'operators' ], - // cache filter variables that use ts.getColumnData in the main loop - functions : [], - excludeFilter : [], - defaultColFilter : [], - defaultAnyFilter : ts.getColumnData( table, wo.filter_defaultFilter, c.columns, true ) || '' - }; - - // parse columns after formatter, in case the class is added at that point - data.parsed = []; - for ( columnIndex = 0; columnIndex < c.columns; columnIndex++ ) { - data.parsed[ columnIndex ] = wo.filter_useParsedData || - // parser has a "parsed" parameter - ( c.parsers && c.parsers[ columnIndex ] && c.parsers[ columnIndex ].parsed || - // getData may not return 'parsed' if other 'filter-' class names exist - // ( e.g. ) - ts.getData && ts.getData( c.$headerIndexed[ columnIndex ], - ts.getColumnData( table, c.headers, columnIndex ), 'filter' ) === 'parsed' || - c.$headerIndexed[ columnIndex ].hasClass( 'filter-parsed' ) ); - - vars.functions[ columnIndex ] = - ts.getColumnData( table, wo.filter_functions, columnIndex ) || - c.$headerIndexed[ columnIndex ].hasClass( 'filter-select' ); - vars.defaultColFilter[ columnIndex ] = - ts.getColumnData( table, wo.filter_defaultFilter, columnIndex ) || ''; - vars.excludeFilter[ columnIndex ] = - ( ts.getColumnData( table, wo.filter_excludeFilter, columnIndex, true ) || '' ).split( /\s+/ ); - } - - if ( c.debug ) { - console.log( 'Filter: Starting filter widget search', filters ); - time = new Date(); - } - // filtered rows count - c.filteredRows = 0; - c.totalRows = 0; - // combindedFilters are undefined on init - combinedFilters = ( storedFilters || [] ).join( '' ); - - for ( tbodyIndex = 0; tbodyIndex < c.$tbodies.length; tbodyIndex++ ) { - $tbody = ts.processTbody( table, c.$tbodies.eq( tbodyIndex ), true ); - // skip child rows & widget added ( removable ) rows - fixes #448 thanks to @hempel! - // $rows = $tbody.children( 'tr' ).not( c.selectorRemove ); - columnIndex = c.columns; - // convert stored rows into a jQuery object - norm_rows = c.cache[ tbodyIndex ].normalized; - $rows = $( $.map( norm_rows, function( el ) { - return el[ columnIndex ].$row.get(); - }) ); - - if ( combinedFilters === '' || wo.filter_serversideFiltering ) { - $rows - .removeClass( wo.filter_filteredRow ) - .not( '.' + c.cssChildRow ) - .css( 'display', '' ); - } else { - // filter out child rows - $rows = $rows.not( '.' + c.cssChildRow ); - len = $rows.length; - - if ( ( wo.filter_$anyMatch && wo.filter_$anyMatch.length ) || - typeof filters[c.columns] !== 'undefined' ) { - data.anyMatchFlag = true; - data.anyMatchFilter = '' + ( - filters[ c.columns ] || - wo.filter_$anyMatch && tsf.getLatestSearch( wo.filter_$anyMatch ).val() || - '' - ); - if ( wo.filter_columnAnyMatch ) { - // specific columns search - query = data.anyMatchFilter.split( tsfRegex.andSplit ); - injected = false; - for ( indx = 0; indx < query.length; indx++ ) { - res = query[ indx ].split( ':' ); - if ( res.length > 1 ) { - // make the column a one-based index ( non-developers start counting from one :P ) - id = parseInt( res[0], 10 ) - 1; - if ( id >= 0 && id < c.columns ) { // if id is an integer - filters[ id ] = res[1]; - query.splice( indx, 1 ); - indx--; - injected = true; - } - } - } - if ( injected ) { - data.anyMatchFilter = query.join( ' && ' ); - } - } - } - - // optimize searching only through already filtered rows - see #313 - searchFiltered = wo.filter_searchFiltered; - lastSearch = c.lastSearch || c.$table.data( 'lastSearch' ) || []; - if ( searchFiltered ) { - // cycle through all filters; include last ( columnIndex + 1 = match any column ). Fixes #669 - for ( indx = 0; indx < columnIndex + 1; indx++ ) { - val = filters[indx] || ''; - // break out of loop if we've already determined not to search filtered rows - if ( !searchFiltered ) { indx = columnIndex; } - // search already filtered rows if... - searchFiltered = searchFiltered && lastSearch.length && - // there are no changes from beginning of filter - val.indexOf( lastSearch[indx] || '' ) === 0 && - // if there is NOT a logical 'or', or range ( 'to' or '-' ) in the string - !tsfRegex.alreadyFiltered.test( val ) && - // if we are not doing exact matches, using '|' ( logical or ) or not '!' - !tsfRegex.exactTest.test( val ) && - // don't search only filtered if the value is negative - // ( '> -10' => '> -100' will ignore hidden rows ) - !( tsfRegex.isNeg1.test( val ) || tsfRegex.isNeg2.test( val ) ) && - // if filtering using a select without a 'filter-match' class ( exact match ) - fixes #593 - !( val !== '' && c.$filters && c.$filters.filter( '[data-column="' + indx + '"]' ).find( 'select' ).length && - !tsf.matchType( c, indx ) ); - } - } - notFiltered = $rows.not( '.' + wo.filter_filteredRow ).length; - // can't search when all rows are hidden - this happens when looking for exact matches - if ( searchFiltered && notFiltered === 0 ) { searchFiltered = false; } - if ( c.debug ) { - console.log( 'Filter: Searching through ' + - ( searchFiltered && notFiltered < len ? notFiltered : 'all' ) + ' rows' ); - } - if ( data.anyMatchFlag ) { - if ( c.sortLocaleCompare ) { - // replace accents - data.anyMatchFilter = ts.replaceAccents( data.anyMatchFilter ); - } - if ( wo.filter_defaultFilter && tsfRegex.iQuery.test( vars.defaultAnyFilter ) ) { - data.anyMatchFilter = tsf.defaultFilter( data.anyMatchFilter, vars.defaultAnyFilter ); - // clear search filtered flag because default filters are not saved to the last search - searchFiltered = false; - } - // make iAnyMatchFilter lowercase unless both filter widget & core ignoreCase options are true - // when c.ignoreCase is true, the cache contains all lower case data - data.iAnyMatchFilter = !( wo.filter_ignoreCase && c.ignoreCase ) ? - data.anyMatchFilter : - data.anyMatchFilter.toLowerCase(); - } - - // loop through the rows - for ( rowIndex = 0; rowIndex < len; rowIndex++ ) { - - txt = $rows[ rowIndex ].className; - // the first row can never be a child row - isChild = rowIndex && tsfRegex.child.test( txt ); - // skip child rows & already filtered rows - if ( isChild || ( searchFiltered && tsfRegex.filtered.test( txt ) ) ) { - continue; - } - - data.$row = $rows.eq( rowIndex ); - data.cacheArray = norm_rows[ rowIndex ]; - rowData = data.cacheArray[ c.columns ]; - data.rawArray = rowData.raw; - data.childRowText = ''; - - if ( !wo.filter_childByColumn ) { - txt = ''; - // child row cached text - childRow = rowData.child; - // so, if 'table.config.widgetOptions.filter_childRows' is true and there is - // a match anywhere in the child row, then it will make the row visible - // checked here so the option can be changed dynamically - for ( indx = 0; indx < childRow.length; indx++ ) { - txt += ' ' + childRow[indx].join( ' ' ) || ''; - } - data.childRowText = wo.filter_childRows ? - ( wo.filter_ignoreCase ? txt.toLowerCase() : txt ) : - ''; - } - - showRow = false; - showParent = tsf.processRow( c, data, vars ); - $row = rowData.$row; - - // don't pass reference to val - val = showParent ? true : false; - childRow = rowData.$row.filter( ':gt(0)' ); - if ( wo.filter_childRows && childRow.length ) { - if ( wo.filter_childByColumn ) { - if ( !wo.filter_childWithSibs ) { - // hide all child rows - childRow.addClass( wo.filter_filteredRow ); - // if only showing resulting child row, only include parent - $row = $row.eq( 0 ); - } - // cycle through each child row - for ( indx = 0; indx < childRow.length; indx++ ) { - data.$row = childRow.eq( indx ); - data.cacheArray = rowData.child[ indx ]; - data.rawArray = data.cacheArray; - val = tsf.processRow( c, data, vars ); - // use OR comparison on child rows - showRow = showRow || val; - if ( !wo.filter_childWithSibs && val ) { - childRow.eq( indx ).removeClass( wo.filter_filteredRow ); - } - } - } - // keep parent row match even if no child matches... see #1020 - showRow = showRow || showParent; - } else { - showRow = val; - } - $row - .toggleClass( wo.filter_filteredRow, !showRow )[0] - .display = showRow ? '' : 'none'; - } - } - c.filteredRows += $rows.not( '.' + wo.filter_filteredRow ).length; - c.totalRows += $rows.length; - ts.processTbody( table, $tbody, false ); - } - c.lastCombinedFilter = combinedFilters; // save last search - // don't save 'filters' directly since it may have altered ( AnyMatch column searches ) - c.lastSearch = storedFilters; - c.$table.data( 'lastSearch', storedFilters ); - if ( wo.filter_saveFilters && ts.storage ) { - ts.storage( table, 'tablesorter-filters', tsf.processFilters( storedFilters, true ) ); - } - if ( c.debug ) { - console.log( 'Completed filter widget search' + ts.benchmark(time) ); - } - if ( wo.filter_initialized ) { - c.$table.triggerHandler( 'filterBeforeEnd', c ); - c.$table.triggerHandler( 'filterEnd', c ); - } - setTimeout( function() { - ts.applyWidget( c.table ); // make sure zebra widget is applied - }, 0 ); - }, - getOptionSource: function( table, column, onlyAvail ) { - table = $( table )[0]; - var c = table.config, - wo = c.widgetOptions, - arry = false, - source = wo.filter_selectSource, - last = c.$table.data( 'lastSearch' ) || [], - fxn = typeof source === 'function' ? true : ts.getColumnData( table, source, column ); - - if ( onlyAvail && last[column] !== '' ) { - onlyAvail = false; - } - - // filter select source option - if ( fxn === true ) { - // OVERALL source - arry = source( table, column, onlyAvail ); - } else if ( fxn instanceof $ || ( $.type( fxn ) === 'string' && fxn.indexOf( '' ) >= 0 ) ) { - // selectSource is a jQuery object or string of options - return fxn; - } else if ( $.isArray( fxn ) ) { - arry = fxn; - } else if ( $.type( source ) === 'object' && fxn ) { - // custom select source function for a SPECIFIC COLUMN - arry = fxn( table, column, onlyAvail ); - } - if ( arry === false ) { - // fall back to original method - arry = tsf.getOptions( table, column, onlyAvail ); - } - - return tsf.processOptions( table, column, arry ); - - }, - processOptions: function( table, column, arry ) { - if ( !$.isArray( arry ) ) { - return false; - } - table = $( table )[0]; - var cts, txt, indx, len, parsedTxt, str, - c = table.config, - validColumn = typeof column !== 'undefined' && column !== null && column >= 0 && column < c.columns, - parsed = []; - // get unique elements and sort the list - // if $.tablesorter.sortText exists ( not in the original tablesorter ), - // then natural sort the list otherwise use a basic sort - arry = $.grep( arry, function( value, indx ) { - if ( value.text ) { - return true; - } - return $.inArray( value, arry ) === indx; - }); - if ( validColumn && c.$headerIndexed[ column ].hasClass( 'filter-select-nosort' ) ) { - // unsorted select options - return arry; - } else { - len = arry.length; - // parse select option values - for ( indx = 0; indx < len; indx++ ) { - txt = arry[ indx ]; - // check for object - str = txt.text ? txt.text : txt; - // sortNatural breaks if you don't pass it strings - parsedTxt = ( validColumn && c.parsers && c.parsers.length && - c.parsers[ column ].format( str, table, [], column ) || str ).toString(); - parsedTxt = c.widgetOptions.filter_ignoreCase ? parsedTxt.toLowerCase() : parsedTxt; - // parse array data using set column parser; this DOES NOT pass the original - // table cell to the parser format function - if ( txt.text ) { - txt.parsed = parsedTxt; - parsed[ parsed.length ] = txt; - } else { - parsed[ parsed.length ] = { - text : txt, - // check parser length - fixes #934 - parsed : parsedTxt - }; - } - } - // sort parsed select options - cts = c.textSorter || ''; - parsed.sort( function( a, b ) { - var x = a.parsed, - y = b.parsed; - if ( validColumn && typeof cts === 'function' ) { - // custom OVERALL text sorter - return cts( x, y, true, column, table ); - } else if ( validColumn && typeof cts === 'object' && cts.hasOwnProperty( column ) ) { - // custom text sorter for a SPECIFIC COLUMN - return cts[column]( x, y, true, column, table ); - } else if ( ts.sortNatural ) { - // fall back to natural sort - return ts.sortNatural( x, y ); - } - // using an older version! do a basic sort - return true; - }); - // rebuild arry from sorted parsed data - arry = []; - len = parsed.length; - for ( indx = 0; indx < len; indx++ ) { - arry[ arry.length ] = parsed[indx]; - } - return arry; - } - }, - getOptions: function( table, column, onlyAvail ) { - table = $( table )[0]; - var rowIndex, tbodyIndex, len, row, cache, indx, child, childLen, - c = table.config, - wo = c.widgetOptions, - arry = []; - for ( tbodyIndex = 0; tbodyIndex < c.$tbodies.length; tbodyIndex++ ) { - cache = c.cache[tbodyIndex]; - len = c.cache[tbodyIndex].normalized.length; - // loop through the rows - for ( rowIndex = 0; rowIndex < len; rowIndex++ ) { - // get cached row from cache.row ( old ) or row data object - // ( new; last item in normalized array ) - row = cache.row ? - cache.row[ rowIndex ] : - cache.normalized[ rowIndex ][ c.columns ].$row[0]; - // check if has class filtered - if ( onlyAvail && row.className.match( wo.filter_filteredRow ) ) { - continue; - } - // get non-normalized cell content - if ( wo.filter_useParsedData || - c.parsers[column].parsed || - c.$headerIndexed[column].hasClass( 'filter-parsed' ) ) { - arry[ arry.length ] = '' + cache.normalized[ rowIndex ][ column ]; - // child row parsed data - if ( wo.filter_childRows && wo.filter_childByColumn ) { - childLen = cache.normalized[ rowIndex ][ c.columns ].$row.length - 1; - for ( indx = 0; indx < childLen; indx++ ) { - arry[ arry.length ] = '' + cache.normalized[ rowIndex ][ c.columns ].child[ indx ][ column ]; - } - } - } else { - // get raw cached data instead of content directly from the cells - arry[ arry.length ] = cache.normalized[ rowIndex ][ c.columns ].raw[ column ]; - // child row unparsed data - if ( wo.filter_childRows && wo.filter_childByColumn ) { - childLen = cache.normalized[ rowIndex ][ c.columns ].$row.length; - for ( indx = 1; indx < childLen; indx++ ) { - child = cache.normalized[ rowIndex ][ c.columns ].$row.eq( indx ).children().eq( column ); - arry[ arry.length ] = '' + ts.getElementText( c, child, column ); - } - } - } - } - } - return arry; - }, - buildSelect: function( table, column, arry, updating, onlyAvail ) { - table = $( table )[0]; - column = parseInt( column, 10 ); - if ( !table.config.cache || $.isEmptyObject( table.config.cache ) ) { - return; - } - - var indx, val, txt, t, $filters, $filter, option, - c = table.config, - wo = c.widgetOptions, - node = c.$headerIndexed[ column ], - // t.data( 'placeholder' ) won't work in jQuery older than 1.4.3 - options = '', - // Get curent filter value - currentValue = c.$table - .find( 'thead' ) - .find( 'select.' + tscss.filter + '[data-column="' + column + '"]' ) - .val(); - - // nothing included in arry ( external source ), so get the options from - // filter_selectSource or column data - if ( typeof arry === 'undefined' || arry === '' ) { - arry = tsf.getOptionSource( table, column, onlyAvail ); - } - - if ( $.isArray( arry ) ) { - // build option list - for ( indx = 0; indx < arry.length; indx++ ) { - option = arry[ indx ]; - if ( option.text ) { - // OBJECT!! add data-function-name in case the value is set in filter_functions - option['data-function-name'] = typeof option.value === 'undefined' ? option.text : option.value; - - // support jQuery < v1.8, otherwise the below code could be shortened to - // options += $( '