Skip to content

Commit

Permalink
Teleporter wizard 1st version completed.
Browse files Browse the repository at this point in the history
  • Loading branch information
@G4br13l3
G4br13l3 committed Feb 14, 2017
1 parent 1b4b028 commit 9b2b5dc
Show file tree
Hide file tree
Showing 11 changed files with 165 additions and 120 deletions.
31 changes: 14 additions & 17 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,6 @@
"@angular/platform-browser": "^2.2.4",
"@angular/platform-browser-dynamic": "^2.2.4",
"@angular/upgrade": "^2.2.4",
"@angularclass/hmr": "^1.2.2",
"@angularclass/hmr-loader": "^3.0.2",
"angular": "1.5.9",
"angular-animate": "1.5.9",
"angular-bootstrap-switch": "^0.5.1",
Expand All @@ -26,6 +24,7 @@
"angular-strap": "2.3.9",
"angular-translate": "^2.11.0",
"angular-translate-loader-partial": "^2.11.0",
"angular2-tag-input": "^1.2.3",
"babel-polyfill": "^6.16.0",
"babel-preset-angular2": "0.0.2",
"bootstrap-switch": "^3.3.2",
Expand All @@ -44,7 +43,9 @@
"moment": "^2.17.0",
"ng-table": "^1.0.0",
"ng-tags-input": "^3.1.1",
"ng2-bootstrap": "^1.3.3",
"ng2-codemirror": "^1.1.1",
"ng2-tag-input": "^0.8.4",
"noty": "^2.3.8",
"nprogress": "^0.2.0",
"raw-loader": "^0.5.1",
Expand All @@ -63,18 +64,6 @@
"watch": "webpack-dev-server --hot --inline --progress --colors --watch-poll"
},
"devDependencies": {
"@types/angular": "^1.6.5",
"@types/hammerjs": "^2.0.34",
"@types/jasmine": "^2.5.41",
"@types/node": "^7.0.5",
"@types/protractor": "^4.0.0",
"@types/selenium-webdriver": "^2.53.39",
"@types/source-map": "^0.5.0",
"@types/uglify-js": "^2.6.28",
"@types/webpack": "^2.2.5",
"angular2-router-loader": "^0.3.4",
"angular2-template-loader": "^0.6.2",
"awesome-typescript-loader": "^3.0.4-rc.0",
"babel-core": "6.4.0",
"babel-loader": "6.2.1",
"babel-preset-es2015": "6.3.13",
Expand All @@ -87,12 +76,20 @@
"ng-annotate-webpack-plugin": "^0.1.2",
"ngtemplate-loader": "^1.3.1",
"style-loader": "0.13.0",
"typescript": "^2.1.6",
"url-loader": "^0.5.7",
"webpack": "2.2.1",
"webpack-dev-server": "2.3.0"
"webpack": "2.1.0-beta.27",
"webpack-dev-server": "2.1.0-beta.12"
},
"engines": {
"node": ">=0.8.0"
},
"map": {
"ngx-popover": "node_modules/ngx-popover"
},
"packages": {
"ngx-popover": {
"main": "index.js",
"defaultExtension": "js"
}
}
}
1 change: 1 addition & 0 deletions src/app-legacy.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,7 @@ let deps = [HeaderController,
CodeMirrorUI,
'LocalStorageModule',
'aside.services',
'teleporter.components',
'graph.services',
'icon.services',
'history.services',
Expand Down
0 src/app/administration/index.js → src/app/administration/index.ts
View file
File renamed without changes.
0 src/app/administration/teleporter/index.js → src/app/administration/teleporter/index.ts
View file
File renamed without changes.
127 changes: 64 additions & 63 deletions src/app/administration/teleporter/teleporter.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,66 +18,67 @@ <h3>Step 1: Source Database connection</h3><br/>
<div class="form-group">
<label class="col-sm-2 control-label">Database Driver</label>

<div class="col-md-8">
<div class="col-md-5">
<select class="form-control" name="driver" [(ngModel)]="config.driver"
(ngModelChange)="changeJurlAccordingToDriver()" required>
<option *ngFor="let driverName of driverNames" [value]="driverName"> {{driverName}} </option>
</select>
</div>
<div class="col-md-2">
<button type="button" popover="Hello!" class="btn btn-sm btn-primary"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.driver" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

<div class="form-group">
<label class="col-sm-2 control-label">Database Host</label>
<div class="col-md-8">
<div class="col-md-5">
<input type="text" id="host" class="form-control" name="host" [(ngModel)]="dbConnection.host"
(ngModelChange)="updateJurl()"
placeholder="Host" required ngControl="hostControl"/>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.host" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

<div class="form-group">
<label class="col-sm-2 control-label">Port</label>
<div class="col-md-8">
<div class="col-md-5">
<input type="text" id="port" class="form-control" name="port" [(ngModel)]="dbConnection.port"
(ngModelChange)="updateJurl()"
placeholder="Port" required ngControl="hostControl"/>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.port" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

<div class="form-group" *ngIf="config.driver != 'Oracle'">
<label class="col-sm-2 control-label">Database Name</label>
<div class="col-md-8">
<div class="col-md-5">
<input type="text" id="dbName" class="form-control" name="dbName" [(ngModel)]="dbConnection.dbName"
(ngModelChange)="updateJurl()"
placeholder="Database Name" required ngControl="hostControl"/>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.dbName" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

<div class="form-group" *ngIf="config.driver == 'Oracle'">
<label class="col-sm-2 control-label">SID</label>
<div class="col-md-8">
<div class="col-md-5">
<input type="text" id="sid" class="form-control" name="sid" [(ngModel)]="dbConnection.sid"
(ngModelChange)="updateJurl()"
placeholder="SID" required ngControl="hostControl"/>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.sid" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

Expand All @@ -100,24 +101,24 @@ <h3>Step 1: Source Database connection</h3><br/>
<h3>Step 2: Source Database Credentials</h3><br/>
<div class="form-group">
<label class="col-sm-2 control-label">User Name</label>
<div class="col-md-8">
<div class="col-md-5">
<input type="text" id="username" class="form-control" [(ngModel)]="config.username" name="username"
placeholder="User Name" required/>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.username" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Password</label>
<div class="col-md-8">
<div class="col-md-5">
<input type="password" id="password" class="form-control" [(ngModel)]="config.password" name="password"
placeholder="Password" required/>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.password" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

Expand Down Expand Up @@ -152,26 +153,26 @@ <h3>Step 3: Target OrientDB Database</h3><br/>
<div class="form-group">
<label class="col-sm-2 control-label">Connection Protocol</label>

<div class="col-md-8">
<div class="col-md-5">
<select class="form-control" [(ngModel)]="config.protocol" name="protocol" required>
<option *ngFor="let protocol of protocols" [value]="protocol"> {{protocol}} </option>
</select>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.protocol" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

<div class="form-group">
<label class="col-sm-2 control-label">OrientDB URL</label>
<div class="col-md-8">
<div class="col-md-7">
<input type="text" id="outDBUrl" class="form-control" [(ngModel)]="config.url" name="outDbUrl"
placeholder="OrientDB URL" required/>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-3">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.outDbUrl" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

Expand Down Expand Up @@ -199,27 +200,27 @@ <h3>Step 4: Strategies (Advanced)</h3><br/>
<div class="form-group">
<label class="col-sm-2 control-label">Strategy</label>

<div class="col-sm-8">
<div class="col-sm-5">
<select class="form-control" [(ngModel)]="config.strategy" name="strategy" required>
<option *ngFor="let strategy of strategies" selected> {{strategy}} </option>
</select>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.strategy" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

<div class="form-group">
<label class="col-sm-2 control-label">Name Resolver</label>
<div class="col-sm-8">
<div class="col-sm-5">
<select class="form-control" [(ngModel)]="config.nameResolver" name="nameResolver">
<option *ngFor="let nr of nameResolvers" selected> {{nr}} </option>
</select>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.nameResolver" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

Expand All @@ -246,25 +247,25 @@ <h3>Step 5: Filters (Advanced)</h3><br/>
<div class="form-group">
<label class="col-sm-2 control-label">Included Tables</label>

<div class="col-sm-8">
<input type="text" class="form-control" [(ngModel)]="config.includedTables" name="includedTables"
placeholder="Included Tables" required/>
<div class="col-sm-7">
<tag-input [(ngModel)]="config.includedTables" name="includedTables" separatorKeys="['13','32']"
placeholder="Included Tables" secondaryPlaceholder="Add a new table name" required></tag-input>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-3">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.includedTables" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

<div class="form-group">
<label class="col-sm-2 control-label">Excluded Tables</label>
<div class="col-sm-8">
<input type="text" class="form-control" [(ngModel)]="config.excludedTables" name="ExcludedTables"
placeholder="Excluded Tables" required/>
<div class="col-sm-7">
<tag-input [(ngModel)]="config.excludedTables" name="excludedTables" separatorKeys="['13','32']"
placeholder="Excluded Tables" secondaryPlaceholder="Add a new table name" required></tag-input>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-3">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.excludedTables" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

Expand All @@ -289,13 +290,13 @@ <h3>Step 5: Filters (Advanced)</h3><br/>
<h3>Step 6: Inheritance (Advanced)</h3><br/>
<div class="form-group">
<label class="col-sm-2 control-label">XML Path</label>
<div class="col-sm-8">
<div class="col-sm-7">
<input type="text" class="form-control" [(ngModel)]="config.xmlPath" name="xmlPath"
placeholder="XML Path" required>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-3">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.XMLPath" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

Expand All @@ -320,15 +321,15 @@ <h3>Step 6: Inheritance (Advanced)</h3><br/>
<h3>Step 7: Log Level (Advanced)</h3><br/>
<div class="form-group">
<label class="col-sm-2 control-label">Log Level</label>
<div class="col-sm-8">
<div class="col-sm-5">
<select class="form-control" [(ngModel)]="config.level" name="logLevel" required>
<option *ngFor="let level of logLevels; let i = index" [value]="i">
{{level}} </option>
</select>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover"
data-content="This is the 1st hint" data-placement="right"><b>?</b></button>
<div class="col-md-5">
<button type="button" class="btn btn-sm btn-primary" data-toggle="popover" data-html="true"
[attr.data-content]="hints.logLevel" data-animation="am-fade-and-scale"><b>?</b></button>
</div>
</div>

Expand Down
Loading

0 comments on commit 9b2b5dc

Please sign in to comment.