Feature #10642 » f10642-v3.diff
| Classes/Controller/PreviewController.php (working copy) | ||
|---|---|---|
|
protected function initializeAction() {
|
||
|
parent::initializeAction();
|
||
|
$resourcePath = t3lib_extMgm::extRelPath('workspaces') . 'Resources/Public/';
|
||
|
$GLOBALS['TBE_STYLES']['extJS']['theme'] = $resourcePath . 'StyleSheet/preview.css';
|
||
|
$this->pageRenderer->loadExtJS();
|
||
|
$this->pageRenderer->enableExtJSQuickTips();
|
||
|
$this->pageRenderer->enableExtJsDebug();
|
||
| ... | ... | |
|
$this->pageRenderer->addJsFile($this->backPath . '../t3lib/js/extjs/ux/flashmessages.js');
|
||
|
$this->pageRenderer->addJsFile($this->backPath . 'js/extjs/iframepanel.js');
|
||
|
$resourcePath = t3lib_extMgm::extRelPath('workspaces') . 'Resources/Public/';
|
||
|
$this->pageRenderer->addJsFile($resourcePath . 'JavaScript/preview.js');
|
||
|
$this->pageRenderer->addCssFile($resourcePath . 'StyleSheet/preview.css');
|
||
|
// todo this part should be done with inlineLocallanglabels
|
||
|
$this->pageRenderer->addJsInlineCode('workspace-inline-code', $this->generateJavascript());
|
||
| Resources/Public/StyleSheet/preview.css (working copy) | ||
|---|---|---|
|
/**
|
||
|
* Tabs
|
||
|
*/
|
||
|
|
||
|
/* panel containing the tabs */
|
||
|
.x-tab-panel-header {
|
||
|
background-color: #3f3f3f;
|
||
|
background-image: url('../../images/backgrounds/topbar.png');
|
||
|
background-image: -moz-linear-gradient(center top, #494949 0%, #373737 91%, #343434 92%, #2A2A2A 100%);
|
||
|
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #494949) color-stop(0.91, #373737), color-stop(0.92, #343434), color-stop(1, #2a2a2a));
|
||
|
background-image: gradient(center top , #494949 0%, #373737 91%, #343434 92%, #2A2A2A 100%);
|
||
|
background-repeat: repeat-x;
|
||
|
border: none;
|
||
|
padding-bottom: 0;
|
||
|
padding-top: 10px;
|
||
|
}
|
||
|
ul.x-tab-strip {
|
||
|
background: url(../Images/typo3logo_mini.png) no-repeat 16px -1px;
|
||
|
}
|
||
|
/* normal tab */
|
||
|
ul.x-tab-strip li {
|
||
|
margin-left: 4px;
|
||
|
}
|
||
|
|
||
|
ul.x-tab-strip li#preview__wsVisual {
|
||
|
margin-left:150px;
|
||
|
}
|
||
|
|
||
|
ul.x-tab-strip li#preview__wsHelp {
|
||
|
float:right;
|
||
|
margin-right:10px;
|
||
|
right:10px;
|
||
|
}
|
||
|
|
||
|
ul.x-tab-strip-top {
|
||
|
border-bottom: 0;
|
||
|
}
|
||
|
|
||
|
/* reset ExtJS "no skin" nonsense */
|
||
|
.x-tab-strip-top .x-tab-right,
|
||
|
.x-tab-strip-top .x-tab-strip-over .x-tab-right {
|
||
|
background-position: 0 0;
|
||
|
}
|
||
|
|
||
|
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
/* normal tab styling */
|
||
|
.x-tab-strip .x-tab-right {
|
||
|
background-color: #707171;
|
||
|
background-image: -moz-linear-gradient(center top, #707171 0%, #474747 85%, #363636 100%);
|
||
|
-moz-border-radius-topleft: 3px;
|
||
|
-moz-border-radius-topright: 3px;
|
||
|
-webkit-border-top-left-radius: 3px;
|
||
|
-webkit-border-top-right-radius: 3px;
|
||
|
border-top-left-radius: 3px;
|
||
|
border-top-right-radius: 3px;
|
||
|
|
||
|
}
|
||
|
|
||
|
/* container surrounding text */
|
||
|
.x-tab-strip-inner {
|
||
|
padding: 4px;
|
||
|
}
|
||
|
|
||
|
/* hover tab */
|
||
|
.x-tab-strip-over .x-tab-right {
|
||
|
background-color: #707171;
|
||
|
background-image: -moz-linear-gradient(center top, #888888 0%, #474747 85%, #363636 100%);
|
||
|
}
|
||
|
|
||
|
/* active tab */
|
||
|
.x-tab-strip-active .x-tab-right {
|
||
|
background-color: #989898;
|
||
|
background-image: -moz-linear-gradient(center top, #989898 0%, #6c6c6c 85%, #474747 100%);
|
||
|
}
|
||
|
|
||
|
/* tab label */
|
||
|
.x-tab-strip span.x-tab-strip-text {
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
|
||
|
/* text in tabs should not be italic.. why should it be? */
|
||
|
.x-tab-strip em {
|
||
|
font-style: normal;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Toolbar
|
||
|
*/
|
||
|
|
||
|
/* toolbar itself */
|
||
|
.x-tab-panel-tbar {
|
||
|
background-color: #585858;
|
||
|
}
|
||
|
|
||
|
/* no borders for the toolbar */
|
||
|
.x-tab-panel-tbar .x-toolbar {
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
/* text */
|
||
|
.x-toolbar div.xtb-text, .x-toolbar .x-btn-text {
|
||
|
color: #a0a0a0;
|
||
|
padding: 0 2px 0;
|
||
|
font-size: 1.1em;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* slider
|
||
|
*/
|
||
|
.x-slider-horz .x-slider-thumb {
|
||
|
background-image: url('../Images/slider-thumb.png');
|
||
|
height: 21px;
|
||
|
padding: 0 2px;
|
||
|
top: 0;
|
||
|
width: 7px;
|
||
|
}
|
||
|
|
||
|
.x-slider-horz .x-slider-thumb-over {
|
||
|
background-position: -7px -21px;
|
||
|
}
|
||
|
|
||
|
.x-slider-horz .x-slider-inner {
|
||
|
background-image: url('../Images/slider-bg.png');
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* preview panel
|
||
|
*/
|
||
|
.x-panel-body-noheader {
|
||
|
border-top: 0;
|
||
|
}
|
||
|
|
||
