D-Net

<p class="muted"><b>ID: </b>{{org.id}} - <b>source:</b> {{org.source}}</p>

<form>

	<fieldset class="mb-4">

		<legend>Organization name</legend>

		<div class="form-group row">

			<div class="input-group input-group-sm col-xl-8 col-lg-10">

				<div class="input-group-prepend">

					<div class="input-group-text">name</div>

				</div>

				<input type="text" class="form-control" placeholder="name" ng-model="org.name" />

			</div>

		</div>

	</fieldset>

	<fieldset class="mb-4">

		<legend>Geographical location</legend>

		<div class="form-group row">

			<div class="input-group input-group-sm col-xl-8 col-lg-10">

				<div class="input-group-prepend">

					<div class="input-group-text">city</div>

				</div>

				<input type="text" class="form-control" placeholder="" ng-model="org.city" />

				<div class="input-group-append input-group-prepend">

					<div class="input-group-text">country</div>

				</div>

				<select class="custom-select" ng-model="org.country">

					<option disabled="disabled" value=''>country...</option>

					<option ng-repeat="c in vocabularies.countries">{{c}}</option>

				</select>

				<div class="input-group-append input-group-prepend">

					<div class="input-group-text">lat</div>

				</div>

				<input type="text" class="form-control" placeholder="0.0" ng-model="org.lat" />

				<div class="input-group-append input-group-prepend">

					<div class="input-group-text">lng</div>

				</div>

				<input type="text" class="form-control" placeholder="0.0" ng-model="org.lng" />

			</div>

		</div>

	</fieldset>

	<fieldset class="mb-4">

		<legend>Organization type</legend>

		<div class="form-group row">

			<div class="col-xl-4 col-lg-8">

				<div class="card">

					<table class="table table-sm">

						<tbody>

							<tr ng-repeat="t in org.types">

								<td>{{t}}</td>

								<td class="text-right">

									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.types.splice($index, 1)">delete</button>

								</td>

							</tr>

						</tbody>

					</table>

					<div class="card-footer">

						<div class="input-group input-group-sm" ng-init="newType=''">

							<select class="custom-select" ng-model="newType">

								<option disabled="disabled" value=''>new type...</option>

								<option ng-repeat="t in vocabularies.orgTypes" ng-disabled="org.types.indexOf(t) !== -1">{{t}}</option>

							</select>

							<div class="input-group-append">

								<button type="button" class="btn btn-outline-success" ng-click="org.types.push(newType); newType=''" ng-disabled="!newType">add</button>

							</div>

						</div>

					</div>

				</div>

			</div>

		</div>

	</fieldset>

	<fieldset class="mb-4">

		<legend>Other names and identifiers</legend>

		<div class="form-group row">

			<div class="col-xl-4 col-lg-8 mb-2">

				<div class="card">

					<div class="card-header text-center">Identifiers</div>

					<table class="table table-sm">

						<thead class="thead-light">

							<tr>

								<th>id</th>

								<th>type</th>

								<th></th>

							</tr>

						</thead>

						<tbody>

							<tr ng-repeat="id in org.otherIdentifiers">

								<td>{{id.id}}</td>

								<td>{{id.type}}</td>

								<td class="text-right">

									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.otherIdentifiers.splice($index, 1)">delete</button>

								</td>

							</tr>

						</tbody>

					</table>

					<div class="card-footer">

						<div class="input-group input-group-sm" ng-init="newId=newIdType=''">

							<input type="text" class="form-control" placeholder="new id..." ng-model="newId" />

							<select class="custom-select" ng-model="newIdType">

								<option disabled="disabled" value=''>new type...</option>

								<option ng-repeat="t in vocabularies.idTypes">{{t}}</option>

							</select>

							<div class="input-group-append">

								<button type="button" class="btn btn-outline-success" ng-click="org.otherIdentifiers.push({'id': newId, 'type': newIdType}); newId=newIdType=''" ng-disabled="!newId || !newIdType">add</button>

							</div>

						</div>

					</div>

				</div>

			</div>

			<div class="col-xl-4 col-lg-8 mb-2">

				<div class="card">

					<div class="card-header text-center">Aliases</div>

					<table class="table table-sm">

						<thead class="thead-light">

							<tr>

								<th>name</th>

								<th>lang</th>

								<th></th>

							</tr>

						</thead>

						<tbody>

							<tr ng-repeat="n in org.otherNames">

								<td>{{n.name}}</td>

								<td>{{n.lang}}</td>

								<td class="text-right">

									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.otherNames.splice($index, 1)">delete</button>

								</td>

							</tr>

						</tbody>

					</table>	

					<div class="card-footer">

						<div class="input-group input-group-sm" ng-init="newOtherName=newLang=''">

							<input type="text" class="form-control" placeholder="new alias..." ng-model="newOtherName" />

							<select class="custom-select" ng-model="newLang">

								<option disabled="disabled" value=''>language...</option>

								<option ng-repeat="l in vocabularies.languages">{{l}}</option>

							</select>

							<div class="input-group-append">

								<button type="button" class="btn btn-outline-success" ng-click="org.otherNames.push({'name': newOtherName, 'lang': newLang}); newOtherName=newLang=''" ng-disabled="!newOtherName || !newLang">add</button>

							</div>

						</div>

					</div>

				</div>

			</div>

		</div>

		<div class="form-group row">

			<div class="col-xl-4 col-lg-8 mb-2">

				<div class="card">

					<div class="card-header text-center">Acronyms</div>

					<table class="table table-sm">

						<tbody>

							<tr ng-repeat="a in org.acronyms">

								<td>{{a}}</td>

								<td class="text-right">

									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.acronyms.splice($index, 1)">delete</button>

								</td>

							</tr>

						</tbody>

					</table>

					<div class="card-footer">

						<div class="input-group input-group-sm" ng-init="newAcronym=''">

							<input type="text" class="form-control" placeholder="new acronym..." ng-model='newAcronym'/>

							<div class="input-group-append">

								<button type="button" class="btn btn-outline-success" ng-click="org.acronyms.push(newAcronym); newAcronym=''" ng-disabled="!newAcronym || org.acronyms.indexOf(newAcronym) !== -1" >add</button>

							</div>

						</div>

					</div>

				</div>

			</div>

			<div class="col-xl-4 col-lg-8 mb-2">

				<div class="card">

					<div class="card-header text-center">Urls</div>

					<table class="table table-sm">

						<tbody>

							<tr ng-repeat="u in org.urls">

								<td><a href="{{u}}" target="_blank">{{u}}</a></td>

								<td class="text-right">

									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.urls.splice($index, 1)">delete</button>

								</td>

							</tr>

						</tbody>

					</table>

					<div class="card-footer">

						<div class="input-group input-group-sm" ng-init="newUrl=''">

							<input type="text" class="form-control" placeholder="http://..." ng-model="newUrl" />

							<div class="input-group-append">

								<button type="button" class="btn btn-outline-success" ng-click="org.urls.push(newUrl); newUrl=''" ng-disabled="!newUrl || org.urls.indexOf(newUrl) !== -1" >add</button>

							</div>

						</div>

					</div>	

				</div>

			</div>

		</div>

	</fieldset>

	<fieldset class="mb-4">

		<legend>Relations</legend>

		<div class="form-group row">

			<div class="col-xl-8 col-lg-10">

				<div class="card">

					<table class="table table-sm">

						<thead class="thead-light">

							<tr>

								<th>related org</th>

								<th>type</th>

								<th></th>

							</tr>

						</thead>

						<tbody>

							<tr ng-repeat="r in org.relations">

								<td><a href="#!/show/{{r.relatedOrgId}}" title="{{r.relatedOrgId}}">{{r.relatedOrgName}}</a></td>

								<td>{{r.type}}</td>

								<td class="text-right">

									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.relations.splice($index, 1)">delete</button>

								</td>

							</tr>

						</tbody>

					</table>

					<div class="card-footer">

						<div class="input-group input-group-sm" ng-init="newRelId=newRelType=''">

							<input type="text" class="form-control" placeholder="new relation (organization id)..." ng-model="newRelId" />

							<select class="custom-select" ng-model="newRelType">

								<option disabled="disabled" value=''>relation type...</option>

								<option ng-repeat="t in vocabularies.relTypes">{{t}}</option>

							</select>

							<div class="input-group-append">

								<button type="button" class="btn btn-outline-success" ng-click="org.relations.push({'relatedOrgId': newRelId, 'relatedOrgName': 'New organization (ID: ' + newRelId + ')', 'type': newRelType}); newRelId=newRelType=''" ng-disabled="!newRelId || !newRelType">add</button>

							</div>

						</div>

					</div>	

				</div>

			</div>

		</div>

	</fieldset>

</form>

		.when('/new',                              { templateUrl: 'html/edit.html',   controller: 'newOrgCtrl' })

		.when('/show/:id',                         { templateUrl: 'html/edit.html',   controller: 'showCtrl' })

	$scope.org = {

			"id": "",

			"name": "",

			"lat": 0.0,

			"lng": 0.0,

			"city": "",

			"country": "",

			"source": "user",

			"otherIdentifiers": [],

			"otherNames": [],

			"relations": [],

			"acronyms": [],

			"types": [],

			"urls": []

		};

	$scope.vocabularies = {};

	$http.get('/api/vocabularies').then(function successCallback(res) {

		$scope.vocabularies = res.data;

	}, function errorCallback(res) {

		alert("Error");

	});

#spring.jpa.properties.hibernate.show_sql=true

#spring.jpa.properties.hibernate.use_sql_comments=true

#spring.jpa.properties.hibernate.format_sql=true