EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-2902 data: Use core-style for the CSS template

main
Albert Gasset 2019-03-12 13:16:29 +01:00
parent 5c95446c59
commit 4934624f67
7 changed files with 5 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/addon/mod/data/components/index/addon-mod-data-index.html
View File

@ -67,9 +67,7 @@
</ng-container>
<div class="addon-data-contents addon-data-entries-{{data.id}}" *ngIf="!isEmpty">
<style *ngIf="cssTemplate">
{{ cssTemplate }}
</style>
<core-style [css]="data.csstemplate" prefix=".addon-data-entries-{{data.id}}"></core-style>
<core-compile-html [text]="entriesRendered" [jsData]="jsData" [extraImports]="extraImports"></core-compile-html>
</div>

3
src/addon/mod/data/components/index/index.ts
View File

@ -67,7 +67,6 @@ export class AddonModDataIndexComponent extends CoreCourseModuleMainActivityComp
offlineActions: any;
offlineEntries: any;
entriesRendered = '';
cssTemplate = '';
extraImports = [AddonModDataComponentsModule];
jsData;
foundRecordsData;
@ -298,8 +297,6 @@ export class AddonModDataIndexComponent extends CoreCourseModuleMainActivityComp
}
if (!this.isEmpty) {
this.cssTemplate = this.dataHelper.prefixCSS(this.data.csstemplate, '.addon-data-entries-' + this.data.id);
const siteInfo = this.sitesProvider.getCurrentSite().getInfo(),
promises = [];

6
src/addon/mod/data/pages/edit/edit.html
View File

@ -18,10 +18,8 @@
</ion-select>
</ion-item>
<div class="addon-data-contents {{cssClass}}">
<style *ngIf="cssTemplate">
{{ cssTemplate }}
</style>
<div class="addon-data-contents addon-data-entries-{{data.id}}" *ngIf="data">
<core-style [css]="data.csstemplate" prefix=".addon-data-entries-{{data.id}}"></core-style>
<form (ngSubmit)="save($event)" [formGroup]="editForm">
<core-compile-html [text]="editFormRender" [jsData]="jsData" [extraImports]="extraImports"></core-compile-html>

3
src/addon/mod/data/pages/edit/edit.ts
View File

@ -57,7 +57,6 @@ export class AddonModDataEditPage {
loaded = false;
selectedGroup = 0;
cssClass = '';
cssTemplate = '';
groupInfo: any;
editFormRender = '';
editForm: FormGroup;
@ -132,8 +131,6 @@ export class AddonModDataEditPage {
return this.dataProvider.getDatabaseAccessInformation(data.id);
}).then((accessData) => {
this.cssTemplate = this.dataHelper.prefixCSS(this.data.csstemplate, '.' + this.cssClass);
if (this.entryId) {
return this.groupsProvider.getActivityGroupInfo(this.data.coursemodule, accessData.canmanageentries)
.then((groupInfo) => {

6
src/addon/mod/data/pages/entry/entry.html
View File

@ -22,10 +22,8 @@
</ion-select>
</ion-item>
<div class="addon-data-contents {{cssClass}}" *ngIf="entry">
<style *ngIf="cssTemplate">
{{ cssTemplate }}
</style>
<div class="addon-data-contents addon-data-entries-{{data.id}}" *ngIf="entry">
<core-style [css]="data.csstemplate" prefix=".addon-data-entries-{{data.id}}"></core-style>
<core-compile-html [text]="entryRendered" [jsData]="jsData" [extraImports]="extraImports"></core-compile-html>
</div>

5
src/addon/mod/data/pages/entry/entry.ts
View File

@ -55,7 +55,6 @@ export class AddonModDataEntryPage implements OnDestroy {
entry: any;
offlineActions = [];
hasOffline = false;
cssTemplate = '';
previousOffset: number;
nextOffset: number;
access: any;
@ -64,7 +63,6 @@ export class AddonModDataEntryPage implements OnDestroy {
showComments: any;
entryRendered = '';
siteId: string;
cssClass = '';
extraImports = [AddonModDataComponentsModule];
jsData;
ratingInfo: CoreRatingInfo;
@ -133,7 +131,6 @@ export class AddonModDataEntryPage implements OnDestroy {
return this.dataProvider.getDatabase(this.courseId, this.module.id).then((data) => {
this.title = data.name || this.title;
this.data = data;
this.cssClass = 'addon-data-entries-' + data.id;
return this.setEntryIdFromOffset(data.id, this.offset, this.selectedGroup).then(() => {
return this.dataProvider.getDatabaseAccessInformation(data.id);
@ -167,8 +164,6 @@ export class AddonModDataEntryPage implements OnDestroy {
this.ratingInfo = entry.ratinginfo;
entry = entry.entry;
this.cssTemplate = this.dataHelper.prefixCSS(this.data.csstemplate, '.' + this.cssClass);
// Index contents by fieldid.
entry.contents = this.utils.arrayToObject(entry.contents, 'fieldid');

21
src/addon/mod/data/providers/helper.ts
View File

@ -423,27 +423,6 @@ export class AddonModDataHelperProvider {
});
}
/**
* Add a prefix to all rules in a CSS string.
*
* @param {string} css CSS code to be prefixed.
* @param {string} prefix Prefix css selector.
* @return {string} Prefixed CSS.
*/
prefixCSS(css: string, prefix: string): string {
if (!css) {
return '';
}
// Remove comments first.
let regExp = /\/\*[\s\S]*?\*\/|([^:]|^)\/\/.*$/gm;
css = css.replace(regExp, '');
// Add prefix.
regExp = /([^]*?)({[^]*?}|,)/g;
return css.replace(regExp, prefix + ' $1 $2');
}
/**
* Given a list of files (either online files or local files), store the local files in a local folder
* to be submitted later.