-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'dev' into saved-search-2140
- Loading branch information
Showing
121 changed files
with
7,923 additions
and
579 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
320 changes: 320 additions & 0 deletions
320
...s_Search_Input_AdvancedSearch_QueryBuilderComponents_GeneralComponents_Countries.vue.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,320 @@ | ||
<!DOCTYPE html> | ||
|
||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width"> | ||
<title>FAIRsharing.org Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue</title> | ||
|
||
<!--[if lt IE 9]> | ||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> | ||
<![endif]--> | ||
<link type="text/css" rel="stylesheet" href="styles/sunlight.default.css"> | ||
|
||
<link type="text/css" rel="stylesheet" href="styles/site.yeti.css"> | ||
|
||
</head> | ||
|
||
<body> | ||
|
||
<div class="navbar navbar-default navbar-fixed-top navbar-inverse"> | ||
<div class="container"> | ||
<div class="navbar-header"> | ||
<a class="navbar-brand" href="index.html">FAIRsharing.org</a> | ||
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#topNavigation"> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</button> | ||
</div> | ||
<div class="navbar-collapse collapse" id="topNavigation"> | ||
<ul class="nav navbar-nav"> | ||
|
||
<li class="dropdown"> | ||
<a href="namespaces.list.html" class="dropdown-toggle" data-toggle="dropdown">Namespaces<b class="caret"></b></a> | ||
<ul class="dropdown-menu "> | ||
<li><a href="Static.html">Static</a></li> | ||
</ul> | ||
</li> | ||
|
||
<li class="dropdown"> | ||
<a href="modules.list.html" class="dropdown-toggle" data-toggle="dropdown">Modules<b class="caret"></b></a> | ||
<ul class="dropdown-menu "> | ||
<li><a href="module-Curator.html">Curator</a></li><li><a href="module-Home.html">Home</a></li><li><a href="module-Login.html">Login</a></li><li><a href="module-NewRecord.html">NewRecord</a></li><li><a href="module-Pagination.html">Pagination</a></li><li><a href="module-Signup.html">Signup</a></li><li><a href="module-User.html">User</a></li> | ||
</ul> | ||
</li> | ||
|
||
<li class="dropdown"> | ||
<a href="classes.list.html" class="dropdown-toggle" data-toggle="dropdown">Classes<b class="caret"></b></a> | ||
<ul class="dropdown-menu "> | ||
<li><a href="ExternalRESTClients.html">ExternalRESTClients</a></li><li><a href="GraphQLClient.html">GraphQLClient</a></li><li><a href="RESTClient.html">RESTClient</a></li> | ||
</ul> | ||
</li> | ||
|
||
<li class="dropdown"> | ||
<a href="global.html" class="dropdown-toggle" data-toggle="dropdown">Global<b class="caret"></b></a> | ||
<ul class="dropdown-menu "> | ||
<li><a href="global.html#buildFacets">buildFacets</a></li><li><a href="global.html#buildFilters">buildFilters</a></li><li><a href="global.html#filtersStore">filtersStore</a></li><li><a href="global.html#hackSearch">hackSearch</a></li><li><a href="global.html#hasValue">hasValue</a></li><li><a href="global.html#introspectionStore">introspectionStore</a></li><li><a href="global.html#isAllowedSize">isAllowedSize</a></li><li><a href="global.html#isEmail">isEmail</a></li><li><a href="global.html#isEmailOrUrl">isEmailOrUrl</a></li><li><a href="global.html#isImage">isImage</a></li><li><a href="global.html#isLongEnough">isLongEnough</a></li><li><a href="global.html#isMastodon">isMastodon</a></li><li><a href="global.html#isOrcid">isOrcid</a></li><li><a href="global.html#isRequired">isRequired</a></li><li><a href="global.html#isUrl">isUrl</a></li><li><a href="global.html#paramsAreExpired">paramsAreExpired</a></li><li><a href="global.html#parseParam">parseParam</a></li><li><a href="global.html#recordStore">recordStore</a></li><li><a href="global.html#recordTypes">recordTypes</a></li><li><a href="global.html#recordsStore">recordsStore</a></li><li><a href="global.html#removeItem">removeItem</a></li><li><a href="global.html#states">states</a></li><li><a href="global.html#uniqueValues">uniqueValues</a></li> | ||
</ul> | ||
</li> | ||
|
||
</ul> | ||
|
||
<div class="col-sm-3 col-md-3"> | ||
<form class="navbar-form" role="search"> | ||
<div class="input-group"> | ||
<input type="text" class="form-control" placeholder="Search" name="q" id="search-input"> | ||
<div class="input-group-btn"> | ||
<button class="btn btn-default" id="search-submit"><i class="glyphicon glyphicon-search"></i></button> | ||
</div> | ||
</div> | ||
</form> | ||
</div> | ||
|
||
</div> | ||
|
||
</div> | ||
</div> | ||
|
||
|
||
<div class="container" id="toc-content"> | ||
<div class="row"> | ||
|
||
|
||
<div class="col-md-12"> | ||
|
||
<div id="main"> | ||
|
||
|
||
<h1 class="page-title">Source: components/Records/Search/Input/AdvancedSearch/QueryBuilderComponents/GeneralComponents/Countries.vue</h1> | ||
|
||
<section> | ||
<article> | ||
<pre | ||
class="sunlight-highlight-javascript linenums"><template> | ||
<div class="d-flex width-90"> | ||
<TooltipComponent :tool-tip-text="toolTipText" /> | ||
<AutoCompleteComponent | ||
v-model="model" | ||
:item-value="itemValue" | ||
:item-list="getSearchCountries" | ||
:loading="getLoadingStatus" | ||
@input="selectedValue" | ||
@fetchData="getResults" | ||
/> | ||
</div> | ||
</template> | ||
<script> | ||
import { mapActions, mapGetters } from "vuex"; | ||
|
||
import countriesSearch from "@/store"; | ||
|
||
import AutoCompleteComponent from "../UtilComponents/AutoCompleteComponent.vue"; | ||
import TooltipComponent from "../UtilComponents/TooltipComponent.vue"; | ||
|
||
export default { | ||
name: "Countries", | ||
components: { TooltipComponent, AutoCompleteComponent }, | ||
props: { | ||
value: { | ||
type: Array, | ||
default: () => [], | ||
}, | ||
}, | ||
data: () => { | ||
return { | ||
itemSelected: [], | ||
itemValue: [], | ||
toolTipText: | ||
"Countries applicable to this resource or its data. Multiple selections will be joined with OR. Start typing to see Countries.", | ||
}; | ||
}, | ||
|
||
computed: { | ||
...mapGetters("countriesSearch", ["getSearchCountries", "getLoadingStatus"]), | ||
...mapGetters("advancedSearch", ["getEditDialogStatus"]), | ||
|
||
model: { | ||
get() { | ||
return this.itemSelected; | ||
}, | ||
set(value) { | ||
this.$emit("input", value); | ||
}, | ||
}, | ||
}, | ||
watch: { | ||
itemSelected(newValue) { | ||
this.itemValue = newValue; | ||
}, | ||
/** | ||
* Item list for the autocomplete should not be empty | ||
* It is assigned with selected values when edit field is opened | ||
*/ | ||
getEditDialogStatus: { | ||
handler(open) { | ||
if (open) { | ||
if (this.value && this.value.length) { | ||
countriesSearch.commit( | ||
"countriesSearch/setSearchCountries", | ||
this.value | ||
); | ||
} | ||
} | ||
}, | ||
immediate: true, | ||
}, | ||
}, | ||
mounted() { | ||
//Pre-fill selected values on edit advanced search is clicked and open | ||
this.itemValue = this.value; | ||
}, | ||
methods: { | ||
...mapActions("countriesSearch", ["fetchSearchCountries"]), | ||
|
||
selectedValue(item) { | ||
this.itemSelected = item; | ||
}, | ||
getResults(queryParams) { | ||
if (queryParams) this.fetchSearchCountries(queryParams); | ||
}, | ||
}, | ||
}; | ||
</script> | ||
</pre> | ||
</article> | ||
</section> | ||
|
||
|
||
|
||
|
||
|
||
</div> | ||
</div> | ||
|
||
<div class="clearfix"></div> | ||
|
||
|
||
|
||
</div> | ||
</div> | ||
|
||
|
||
<div class="modal fade" id="searchResults"> | ||
<div class="modal-dialog"> | ||
<div class="modal-content"> | ||
<div class="modal-header"> | ||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | ||
<h4 class="modal-title">Search results</h4> | ||
</div> | ||
<div class="modal-body"></div> | ||
<div class="modal-footer"> | ||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
</div> | ||
</div><!-- /.modal-content --> | ||
</div><!-- /.modal-dialog --> | ||
</div> | ||
|
||
|
||
<footer> | ||
|
||
|
||
<span class="copyright"> | ||
DocStrap Copyright © 2012-2015 The contributors to the JSDoc3 and DocStrap projects. | ||
</span> | ||
|
||
<span class="jsdoc-message"> | ||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.3</a> | ||
|
||
on Thu Jul 18th 2024 | ||
|
||
using the <a href="https://github.com/docstrap/docstrap">DocStrap template</a>. | ||
</span> | ||
</footer> | ||
|
||
<script src="scripts/docstrap.lib.js"></script> | ||
<script src="scripts/toc.js"></script> | ||
|
||
<script type="text/javascript" src="scripts/fulltext-search-ui.js"></script> | ||
|
||
|
||
<script> | ||
$( function () { | ||
$( "[id*='$']" ).each( function () { | ||
var $this = $( this ); | ||
|
||
$this.attr( "id", $this.attr( "id" ).replace( "$", "__" ) ); | ||
} ); | ||
|
||
$( ".tutorial-section pre, .readme-section pre, pre.prettyprint.source" ).each( function () { | ||
var $this = $( this ); | ||
|
||
var example = $this.find( "code" ); | ||
exampleText = example.html(); | ||
var lang = /{@lang (.*?)}/.exec( exampleText ); | ||
if ( lang && lang[1] ) { | ||
exampleText = exampleText.replace( lang[0], "" ); | ||
example.html( exampleText ); | ||
lang = lang[1]; | ||
} else { | ||
var langClassMatch = example.parent()[0].className.match(/lang\-(\S+)/); | ||
lang = langClassMatch ? langClassMatch[1] : "javascript"; | ||
} | ||
|
||
if ( lang ) { | ||
|
||
$this | ||
.addClass( "sunlight-highlight-" + lang ) | ||
.addClass( "linenums" ) | ||
.html( example.html() ); | ||
|
||
} | ||
} ); | ||
|
||
Sunlight.highlightAll( { | ||
lineNumbers : true, | ||
showMenu : true, | ||
enableDoclinks : true | ||
} ); | ||
|
||
$.catchAnchorLinks( { | ||
navbarOffset: 10 | ||
} ); | ||
$( "#toc" ).toc( { | ||
anchorName : function ( i, heading, prefix ) { | ||
return $( heading ).attr( "id" ) || ( prefix + i ); | ||
}, | ||
selectors : "#toc-content h1,#toc-content h2,#toc-content h3,#toc-content h4", | ||
showAndHide : false, | ||
smoothScrolling: true | ||
} ); | ||
|
||
$( "#main span[id^='toc']" ).addClass( "toc-shim" ); | ||
$( '.dropdown-toggle' ).dropdown(); | ||
|
||
$( "table" ).each( function () { | ||
var $this = $( this ); | ||
$this.addClass('table'); | ||
} ); | ||
|
||
} ); | ||
</script> | ||
|
||
|
||
|
||
<!--Navigation and Symbol Display--> | ||
|
||
|
||
<!--Google Analytics--> | ||
|
||
|
||
|
||
<script type="text/javascript"> | ||
$(document).ready(function() { | ||
SearcherDisplay.init(); | ||
}); | ||
</script> | ||
|
||
|
||
</body> | ||
</html> |
Oops, something went wrong.